/*==================================================
HOME
==================================================*/

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

.tt-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:170px 0 120px;

    background:#ffffff;

}

/* Background */

.tt-hero::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    right:-250px;

    top:-250px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(37,99,235,.12),
    transparent 70%);

}

.tt-hero::after{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    left:-180px;

    bottom:-180px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(124,58,237,.10),
    transparent 70%);

}

/* Container */

.tt-hero-wrapper{

    display:grid;

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

    gap:70px;

    align-items:center;

    position:relative;

    z-index:10;

}

/* Left */

.tt-hero-left h1{

    font-size:clamp(54px,5vw,78px);

    line-height:1.05;

    margin:30px 0;

    max-width:720px;

}

.tt-hero-left p{

    max-width:560px;

    font-size:20px;

    line-height:1.8;

}

.tt-hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 20px;

    border-radius:999px;

    background:#EEF4FF;

    color:#2563EB;

    font-weight:600;

}

.tt-hero-buttons{

    display:flex;

    gap:18px;

    margin:45px 0;

}

.tt-btn-outline{

    height:58px;

    padding:0 34px;

    border-radius:999px;

    border:1px solid var(--border);

    display:flex;

    align-items:center;

    font-weight:600;

}

.tt-stats{

    display:flex;

    gap:50px;

}

.tt-stats h3{

    color:var(--primary);

    margin-bottom:4px;

}

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

.tt-hero-right{
    position:relative;
}

.tt-dashboard{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    box-shadow:
    0 40px 90px rgba(15,23,42,.10);

    border:1px solid var(--border);

}

.tt-browser{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px 24px;

    background:#f8fafc;

    border-bottom:1px solid var(--border);

}

.tt-browser-dots{

    display:flex;

    gap:8px;

}

.tt-browser-dots span{

    width:12px;
    height:12px;

    border-radius:50%;

}

.tt-browser-dots span:nth-child(1){
    background:#ff5f57;
}

.tt-browser-dots span:nth-child(2){
    background:#febc2e;
}

.tt-browser-dots span:nth-child(3){
    background:#28c840;
}

.tt-browser-url{

    font-size:14px;

    color:var(--text);

}

.tt-dashboard-body{

    padding:30px;

}

.tt-top-cards{

    display:grid;

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

    gap:20px;

}

.tt-small-card{

    background:#f8fbff;

    border-radius:20px;

    padding:24px;

}

.tt-small-card h3{

    color:var(--primary);

    margin:10px 0;

}

.tt-chart-card{

    margin:24px 0;

    padding:28px;

    border-radius:22px;

    background:#fff;

    border:1px solid var(--border);

}

.tt-chart-header{

    display:flex;

    justify-content:space-between;

    margin-bottom:30px;

}

.tt-chart{

    height:180px;

    display:flex;

    align-items:flex-end;

    gap:14px;

}

.tt-bar{

    flex:1;

    border-radius:12px 12px 0 0;

    background:linear-gradient(
        to top,
        var(--primary),
        var(--accent)
    );

}

.tt-bottom-cards{

    display:grid;

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

    gap:18px;

}

.tt-feature-card{

    padding:22px;

    border-radius:18px;

    background:#f8fbff;

    display:flex;

    align-items:center;

    gap:16px;

}

.tt-feature-card i{

    font-size:26px;

    color:var(--primary);

}

.tt-float-card{

    position:absolute;

    background:#fff;

    padding:16px 24px;

    border-radius:999px;

    box-shadow:0 20px 50px rgba(15,23,42,.10);

    font-weight:600;

}

.tt-card-one{

    top:-20px;

    right:-20px;

}

.tt-card-two{

    bottom:40px;

    left:-30px;

}

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

.tt-trust{

    margin-top:-70px;

    position:relative;

    z-index:20;

}

.tt-trust-wrapper{

    display:grid;

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

    gap:24px;

}

.tt-trust-item{

    background:#fff;

    border-radius:24px;

    padding:30px;

    display:flex;

    align-items:center;

    gap:20px;

    box-shadow:0 20px 50px rgba(15,23,42,.08);

    transition:.35s;

}

.tt-trust-item:hover{

    transform:translateY(-8px);

}

.tt-trust-icon{

    width:70px;

    height:70px;

    border-radius:20px;

    background:linear-gradient(135deg,#2563EB,#7C3AED);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;

}

.tt-trust-item h4{

    margin-bottom:6px;

    font-size:20px;

}

.tt-trust-item p{

    margin:0;

    color:#64748B;

    font-size:15px;

}

@media(max-width:992px){

.tt-trust-wrapper{

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

}

}

@media(max-width:576px){


.tt-trust{

margin-top:50px;

}

.tt-trust-wrapper{

grid-template-columns:1fr;

}

}

/*==================================
OUTCOMES
==================================*/

.tt-outcomes{

    padding:120px 0;

    background:#fff;

}

.tt-section-title{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.tt-section-title span{

    color:var(--primary);

    font-weight:700;

    letter-spacing:2px;

    font-size:30px;

}

.tt-section-title h2{

    margin:22px 0;

    font-size:clamp(42px,5vw,60px);

}

.tt-section-title p{

    font-size:18px;

    color:var(--text);

}

.tt-outcome-grid{

    display:grid;

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

    gap:30px;

}

.tt-outcome-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:40px 35px;

    transition:.35s;

}

.tt-outcome-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(15,23,42,.08);

}

.tt-outcome-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin-bottom:28px;

}

.tt-outcome-card h3{

    font-size:24px;

    margin-bottom:18px;

}

.tt-outcome-card p{

    margin:0;

    line-height:1.8;

}

@media(max-width:992px){

.tt-outcome-grid{

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

}

}

@media(max-width:576px){

.tt-outcome-grid{

grid-template-columns:1fr;

}

.tt-outcomes{

padding:80px 0;

}

}

/*==================================
CASE STUDIES
==================================*/

.tt-case-studies{

    padding:120px 0;

    background:#F8FAFC;

}

.tt-project{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

    margin-top:90px;

}

.tt-project-reverse{

    grid-template-columns:.9fr 1.1fr;

}

.tt-project-reverse .tt-project-image{

    order:2;

}

.tt-project-reverse .tt-project-content{

    order:1;

}

.tt-project-image{

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 30px 80px rgba(15,23,42,.08);

}

.tt-project-image img{

    width:100%;

    transition:.5s;

}

.tt-project:hover img{

    transform:scale(1.05);

}

.tt-project-category{

    display:inline-block;

    padding:10px 18px;

    border-radius:999px;

    background:#EEF4FF;

    color:var(--primary);

    font-weight:600;

    margin-bottom:20px;

}

.tt-project-content h3{

    font-size:42px;

    margin-bottom:20px;

}

.tt-project-content p{

    font-size:18px;

    margin-bottom:30px;

    line-height:1.8;

}

.tt-tags{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-bottom:35px;

}

.tt-tags span{

    padding:10px 18px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:999px;

    font-size:14px;

    font-weight:600;

}

@media(max-width:992px){

.tt-project,

.tt-project-reverse{

grid-template-columns:1fr;

}

.tt-project-image,

.tt-project-content{

order:unset !important;

}

.tt-project{

gap:40px;

}

}

/*==================================
SOLUTIONS
==================================*/

.tt-solutions{

    padding:120px 0;

    background:#ffffff;

}

.tt-solutions-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:40px;

    margin-top:70px;

}

.tt-solution-featured{

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

    border:1px solid var(--border);

    border-radius:30px;

    padding:55px;

    box-shadow:var(--shadow);

}

.tt-service-icon{

    width:80px;

    height:80px;

    border-radius:22px;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:30px;

}

.tt-solution-featured h3{

    font-size:38px;

    margin-bottom:25px;

}

.tt-solution-featured p{

    font-size:18px;

    line-height:1.8;

}

.tt-solution-featured ul{

    margin:35px 0;

}

.tt-solution-featured li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    font-weight:500;

}

.tt-solution-featured li i{

    color:var(--primary);

}

.tt-solution-list{

    display:grid;

    gap:25px;

}

.tt-service-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:35px;

    transition:.35s;

}

.tt-service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(15,23,42,.08);

}

.tt-service-card i{

    font-size:34px;

    color:var(--primary);

    margin-bottom:20px;

}

.tt-service-card h4{

    margin-bottom:15px;

    font-size:24px;

}

.tt-service-card p{

    margin:0;

    line-height:1.8;

}

@media(max-width:992px){

.tt-solutions-grid{

grid-template-columns:1fr;

}

.tt-solution-featured{

padding:40px;

}

}

/*==================================
WHY TRIOTECH
==================================*/

.tt-why{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-why-grid{

    display:grid;

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

    gap:28px;

}

.tt-why-card{

    background:#fff;

    padding:40px;

    border-radius:26px;

    border:1px solid var(--border);

    transition:.35s;

    height:100%;

}

.tt-why-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-why-card span{

    display:inline-flex;

    width:54px;

    height:54px;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:linear-gradient(
    135deg,
    var(--primary),
    var(--secondary));

    color:#fff;

    font-weight:700;

    margin-bottom:22px;

}

.tt-why-card h4{

    margin-bottom:18px;

    font-size:24px;

}

.tt-why-card p{

    margin:0;

    line-height:1.8;

}

@media(max-width:992px){

.tt-why-grid{

grid-template-columns:1fr;

}

}

/*==================================
CAPABILITIES
==================================*/

.tt-capabilities{

    padding:130px 0;

    background:#ffffff;

}

.tt-capabilities-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-capability-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:40px;

    transition:.35s;

}

.tt-capability-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-capability-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-capability-card h3{

    font-size:28px;

    margin-bottom:18px;

}

.tt-capability-card p{

    margin-bottom:25px;

    line-height:1.8;

}

.tt-tech-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.tt-tech-tags span{

    padding:10px 18px;

    background:#F8FAFC;

    border:1px solid var(--border);

    border-radius:999px;

    font-size:14px;

    font-weight:600;

}

@media(max-width:992px){

.tt-capabilities-grid{

grid-template-columns:1fr;

}

}

/*==================================
INDUSTRIES
==================================*/

.tt-industries{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-industries-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-industry-card{

    background:#fff;

    border-radius:28px;

    padding:40px;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-industry-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-industry-icon{

    width:75px;

    height:75px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:30px;

    margin-bottom:28px;

}

.tt-industry-card h3{

    margin-bottom:18px;

    font-size:26px;

}

.tt-industry-card p{

    line-height:1.8;

    margin-bottom:28px;

}

.tt-industry-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    color:var(--primary);

}

.tt-industry-card a i{

    transition:.3s;

}

.tt-industry-card:hover a i{

    transform:translateX(5px);

}

@media(max-width:992px){

.tt-industries-grid{

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

}

}

@media(max-width:768px){

.tt-industries-grid{

grid-template-columns:1fr;

}

}

/*==================================
PROCESS
==================================*/

.tt-process{

    padding:130px 0;

    background:#ffffff;

}

.tt-process-wrapper{

    max-width:900px;

    margin:80px auto 0;

    position:relative;

}

.tt-process-wrapper::before{

    content:"";

    position:absolute;

    left:30px;

    top:0;

    bottom:0;

    width:3px;

    background:linear-gradient(
        var(--primary),
        var(--secondary)
    );

}

.tt-process-item{

    display:flex;

    gap:35px;

    margin-bottom:60px;

    position:relative;

}

.tt-process-number{

    width:60px;

    height:60px;

    flex-shrink:0;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:20px;

    z-index:2;

}

.tt-process-content{

    background:#fff;

    padding:35px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius:24px;

    border:1px solid var(--border);

    box-shadow:0 15px 40px rgba(15,23,42,.05);

    flex:1;

    transition:.35s;

}

.tt-process-content:hover{

    transform:translateY(-6px);

    box-shadow:0 25px 60px rgba(15,23,42,.08);

}

.tt-process-content h3{

    margin-bottom:15px;

    font-size:28px;

}

.tt-process-content p{

    margin:0;

    line-height:1.8;

}

@media(max-width:768px){

.tt-process-wrapper::before{

left:25px;

}

.tt-process-item{

gap:20px;

}

.tt-process-number{

width:50px;

height:50px;

font-size:18px;

}

.tt-process-content{

padding:25px;

}

.tt-process-content h3{

font-size:22px;

}

}

/*==================================
TESTIMONIALS
==================================*/

.tt-testimonials{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-testimonial-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-testimonial-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:40px;

    transition:.35s;

}

.tt-testimonial-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-stars{

    color:#F59E0B;

    font-size:20px;

    margin-bottom:25px;

}

.tt-review{

    font-size:17px;

    line-height:1.8;

    margin-bottom:35px;

    color:var(--text);

}

.tt-client{

    display:flex;

    align-items:center;

    gap:16px;

}

.tt-client img{

    width:60px;

    height:60px;

    border-radius:50%;

    object-fit:cover;

}

.tt-client h5{

    margin-bottom:5px;

    font-size:18px;

}

.tt-client span{

    color:var(--text);

    font-size:14px;

}

@media(max-width:992px){

.tt-testimonial-grid{

grid-template-columns:1fr;

}

}

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

.tt-faq{

    padding:130px 0;

    background:#ffffff;

}

.tt-accordion .accordion-item{

    border:none;

    margin-bottom:20px;

    border-radius:20px !important;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(15,23,42,.05);

}

.tt-accordion .accordion-button{

    background:#fff;

    font-size:20px;

    font-weight:600;

    padding:28px;

    color:var(--heading);

    box-shadow:none;

}

.tt-accordion .accordion-button:not(.collapsed){

    background:#fff;

    color:var(--primary);

}

.tt-accordion .accordion-button:focus{

    box-shadow:none;

}

.tt-accordion .accordion-body{

    padding:0 28px 28px;

    color:var(--text);

    line-height:1.8;

}

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

.tt-cta{

    padding:140px 0;

    background:linear-gradient(
        135deg,
        #2563EB,
        #4F46E5,
        #7C3AED
    );

    overflow:hidden;

    position:relative;

}

.tt-cta::before{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

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

    border-radius:50%;

    top:-220px;

    right:-180px;

}

.tt-cta::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

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

    border-radius:50%;

    bottom:-160px;

    left:-150px;

}

.tt-cta-box{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}

.tt-cta-tag{

    display:inline-block;

    color:#fff;

    font-size:15px;

    letter-spacing:2px;

    font-weight:600;

    margin-bottom:24px;

}

.tt-cta h2{

    color:#fff;

    font-size:clamp(46px,5vw,70px);

    margin-bottom:30px;

}

.tt-gradient-light{

    color:#fff;

}

.tt-cta p{

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

    max-width:700px;

    margin:auto;

    font-size:20px;

    line-height:1.9;

}

.tt-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:50px;

    flex-wrap:wrap;

}

.tt-btn-light{

    background:#fff;

    color:var(--primary);

}

.tt-btn-light:hover{

    transform:translateY(-4px);

}

.tt-btn-outline-light{

    height:58px;

    padding:0 34px;

    border-radius:999px;

    display:flex;

    align-items:center;

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

    color:#fff;

    font-weight:600;

}

.tt-btn-outline-light:hover{

    background:#fff;

    color:var(--primary);

}

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

.tt-footer{

    background:#0F172A;

    color:#CBD5E1;

    padding:90px 0 30px;

}

.tt-footer-top{

    display:grid;

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

    gap:60px;

    padding-bottom:50px;

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

}

.footer-logo{

    width:120px;

    margin-bottom:25px;

}

.footer-about p{

    color:#94A3B8;

    line-height:1.9;

    max-width:380px;

}

.tt-footer-col h4{

    color:#fff;

    margin-bottom:25px;

    font-size:22px;

}

.tt-footer-col ul{

    margin:0;

    padding:0;

    list-style:none;

}

.tt-footer-col li{

    margin-bottom:15px;

}

.tt-footer-col a{

    color:#94A3B8;

    transition:.3s;

}

.tt-footer-col a:hover{

    color:#fff;

    padding-left:8px;

}

.tt-footer-bottom{

    margin-top:35px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.tt-footer-bottom p{

    margin:0;

    color:#94A3B8;

}

.tt-social{

    display:flex;

    gap:15px;

}

.tt-social a{

    width:44px;

    height:44px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    color:#fff;

    transition:.35s;

}

.tt-social a:hover{

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    transform:translateY(-4px);

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.tt-footer-top{

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

gap:40px;

}

.tt-footer-bottom{

flex-direction:column;

gap:20px;

text-align:center;

}

}

@media(max-width:576px){

.tt-footer-top{

grid-template-columns:1fr;

}

.footer-about p{

max-width:100%;

}

}

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

.tt-about-hero{

    padding:220px 0 120px;

    background:

    radial-gradient(circle at top right,#dbeafe,transparent 35%),

    radial-gradient(circle at bottom left,#ede9fe,transparent 35%),

    #fff;

    text-align:center;

}

.tt-about-content{

    max-width:900px;

    margin:auto;

}

.tt-about-content h1{

    font-size:clamp(52px,6vw,78px);

    margin:30px 0;

}

.tt-about-content p{

    font-size:22px;

    max-width:720px;

    margin:auto;

    line-height:1.9;

}

/*==================================
MISSION
==================================*/

.tt-mission{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-mission-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.tt-mission-card{

    background:#fff;

    padding:50px;

    border-radius:30px;

    border:1px solid var(--border);

    transition:.35s;

    box-shadow:0 20px 50px rgba(15,23,42,.05);

}

.tt-mission-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 80px rgba(15,23,42,.08);

}

.tt-mission-icon{

    width:80px;

    height:80px;

    border-radius:24px;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    margin-bottom:30px;

}

.tt-mission-card h3{

    margin-bottom:20px;

    font-size:34px;

}

.tt-mission-card p{

    margin:0;

    line-height:1.9;

    font-size:17px;

}

@media(max-width:992px){

.tt-mission-grid{

grid-template-columns:1fr;

}

.tt-mission-card{

padding:35px;

}

}

/*==================================
OUR STORY
==================================*/

.tt-story{

    padding:120px 0;

    background:#ffffff;

    position:relative;

}

.tt-story .row{

    align-items:center;

}

.tt-story img{

    width:100%;

    border-radius:30px;

    box-shadow:0 30px 80px rgba(15,23,42,.10);

    transition:.5s;

}

.tt-story img:hover{

    transform:scale(1.02);

}

.tt-story span{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    color:var(--primary);

    margin-bottom:18px;

    text-transform:uppercase;

}

.tt-story h2{

    font-size:clamp(38px,5vw,56px);

    line-height:1.2;

    margin-bottom:25px;

    color:var(--heading);

}

.tt-story p{

    font-size:18px;

    line-height:1.9;

    color:var(--text);

    margin-bottom:35px;

    max-width:580px;

}

.tt-story .tt-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border-radius:999px;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-weight:600;

    transition:.35s;

    box-shadow:0 15px 40px rgba(37,99,235,.25);

}

.tt-story .tt-btn:hover{

    transform:translateY(-5px);

    color:#fff;

    box-shadow:0 25px 60px rgba(37,99,235,.35);

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.tt-story{

padding:90px 0;

}

.tt-story .col-lg-6:first-child{

margin-bottom:50px;

}

.tt-story h2{

font-size:42px;

}

.tt-story p{

max-width:100%;

}

}

@media(max-width:767px){

.tt-story{

padding:70px 0;

}

.tt-story h2{

font-size:34px;

}

.tt-story p{

font-size:16px;

line-height:1.8;

}

.tt-story .tt-btn{

width:100%;

justify-content:center;

}

}

/*==================================
CORE VALUES
==================================*/

.tt-values{

    padding:130px 0;

    background:#ffffff;

}

.tt-values-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-value-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:40px;

    transition:.35s;

    height:100%;

}

.tt-value-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-value-icon{

    width:75px;

    height:75px;

    border-radius:22px;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin-bottom:28px;

}

.tt-value-card h3{

    font-size:28px;

    margin-bottom:18px;

}

.tt-value-card p{

    line-height:1.8;

    margin:0;

    color:var(--text);

}

@media(max-width:992px){

.tt-values-grid{

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

}

}

@media(max-width:576px){

.tt-values{

padding:80px 0;

}

.tt-values-grid{

grid-template-columns:1fr;

}

.tt-value-card{

padding:30px;

}

}

/*==================================
OUR JOURNEY
==================================*/

.tt-journey{

    padding:130px 0;

    background:#ffffff;

}

.tt-timeline{

    max-width:900px;

    margin:80px auto 0;

    position:relative;

}

.tt-timeline::before{

    content:"";

    position:absolute;

    left:140px;

    top:0;

    bottom:0;

    width:3px;

    background:linear-gradient(
        var(--primary),
        var(--secondary)
    );

}

.tt-timeline-item{

    display:grid;

    grid-template-columns:120px 1fr;

    gap:45px;

    margin-bottom:60px;

    position:relative;

}

.tt-timeline-year{

    width:90px;

    height:90px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    z-index:2;

}

.tt-timeline-content{

    background:#F8FAFC;

    border-radius:26px;

    padding:35px;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-timeline-content:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(15,23,42,.08);

}

.tt-timeline-content h3{

    margin-bottom:18px;

    font-size:28px;

}

.tt-timeline-content p{

    margin:0;

    line-height:1.8;

}

@media(max-width:768px){

.tt-timeline::before{

left:35px;

}

.tt-timeline-item{

grid-template-columns:70px 1fr;

gap:25px;

}

.tt-timeline-year{

width:70px;

height:70px;

font-size:18px;

}

.tt-timeline-content{

padding:25px;

}

.tt-timeline-content h3{

font-size:22px;

}

}

/*==================================
COMPARISON
==================================*/

.tt-comparison{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-compare-grid{

    display:grid;

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

    gap:40px;

    margin-top:70px;

}

.tt-compare-card{

    padding:50px;

    border-radius:30px;

    background:#fff;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-compare-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-negative{

    border-top:6px solid #EF4444;

}

.tt-positive{

    border-top:6px solid #22C55E;

}

.tt-compare-card h3{

    margin-bottom:35px;

    font-size:34px;

}

.tt-compare-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.tt-compare-card li{

    display:flex;

    align-items:flex-start;

    gap:16px;

    padding:16px 0;

    border-bottom:1px solid #EDF2F7;

    font-size:17px;

}

.tt-compare-card li:last-child{

    border:none;

}

.tt-negative i{

    color:#EF4444;

    font-size:20px;

    margin-top:2px;

}

.tt-positive i{

    color:#22C55E;

    font-size:20px;

    margin-top:2px;

}

@media(max-width:992px){

.tt-compare-grid{

grid-template-columns:1fr;

}

.tt-compare-card{

padding:35px;

}

}

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

.tt-stats-section{

    padding:130px 0;

    background:#ffffff;

}

.tt-stats-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-stat-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:45px 30px;

    text-align:center;

    transition:.35s;

}

.tt-stat-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-stat-card h3{

    font-size:58px;

    color:var(--primary);

    margin-bottom:15px;

}

.tt-stat-card h3::after{

    content:"+";

}

.tt-stat-card h5{

    font-size:24px;

    margin-bottom:15px;

}

.tt-stat-card p{

    margin:0;

    color:var(--text);

    line-height:1.8;

}

@media(max-width:992px){

.tt-stats-grid{

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

}

}

@media(max-width:576px){

.tt-stats-grid{

grid-template-columns:1fr;

}

}

/*==================================
GLOBAL PROCESS
==================================*/

.tt-global-process{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-process-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-process-card{

    background:#fff;

    border-radius:28px;

    padding:40px;

    text-align:center;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-process-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:22px;

    background:linear-gradient(
    135deg,
    var(--primary),
    var(--secondary));

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

}

.tt-process-card h3{

    margin-bottom:18px;

    font-size:26px;

}

.tt-process-card p{

    margin:0;

    line-height:1.8;

}

@media(max-width:992px){

.tt-process-grid{

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

}

}

@media(max-width:576px){

.tt-process-grid{

grid-template-columns:1fr;

}

}

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

.tt-about-cta{

    padding:140px 0;

    background:linear-gradient(
        135deg,
        #2563EB,
        #4F46E5,
        #7C3AED
    );

    position:relative;

    overflow:hidden;

}

.tt-about-cta::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

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

    top:-200px;

    right:-150px;

}

.tt-about-cta::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    bottom:-150px;

    left:-100px;

}

.tt-about-cta-wrapper{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}

.tt-about-cta-tag{

    display:inline-block;

    color:#fff;

    letter-spacing:2px;

    font-weight:600;

    margin-bottom:20px;

}

.tt-about-cta h2{

    color:#fff;

    font-size:clamp(48px,5vw,72px);

    margin-bottom:30px;

    line-height:1.15;

}

.tt-gradient-light{

    color:#fff;

}

.tt-about-cta p{

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

    font-size:20px;

    line-height:1.9;

    max-width:700px;

    margin:auto;

}

.tt-about-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:50px;

    flex-wrap:wrap;

}

.tt-about-badges{

    display:flex;

    justify-content:center;

    gap:40px;

    margin-top:60px;

    flex-wrap:wrap;

}

.tt-about-badges div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.tt-about-badges i{

    color:#4ADE80;

    font-size:20px;

}

@media(max-width:768px){

.tt-about-cta{

padding:90px 0;

}

.tt-about-cta h2{

font-size:42px;

}

.tt-about-cta p{

font-size:18px;

}

.tt-about-badges{

flex-direction:column;

gap:18px;

}

}

/*==================================
MEGA MENU
==================================*/

.tt-nav{
    display:flex;
    align-items:center;
    gap:40px;
    list-style:none;
    margin:0;
    padding:0;
}

.tt-nav > li{
    position:relative;
}

.tt-nav > li > a{

    display:flex;
    align-items:center;
    gap:8px;

    font-size:16px;
    font-weight:600;

    color:var(--heading);

    text-decoration:none;

    transition:.3s;

    padding:35px 0;

}

.tt-nav > li > a:hover{

    color:var(--primary);

}

/*==========================
Mega Menu
==========================*/

.tt-mega-menu{

    position:absolute;

    top:100%;

    left:50%;

    transform:translateX(-50%) translateY(20px);

    width:min-content;

    background:#fff;

    border-radius:24px;

    padding-top:40px;
    padding-bottom:0px;
    padding-left:40px;
    padding-right: 0;
    

    opacity:0;

    visibility:hidden;

    transition:.35s;

    box-shadow:0 30px 80px rgba(15,23,42,.12);

    border:1px solid #E2E8F0;

    z-index:999;

}

/* Show Menu */

.tt-mega-dropdown:hover .tt-mega-menu{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

/*==========================
Grid
==========================*/

.tt-mega-grid{

    display:grid;

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

    gap:40px;

}

/*==========================
Column Title
==========================*/

.tt-mega-grid h4{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:22px;

    font-size:20px;

    color:var(--heading);

}

.tt-mega-grid h4 i{

    color:var(--primary);

    font-size:22px;

}

/*==========================
Links
==========================*/

.tt-mega-grid a{

    display:block;

    padding:10px 0;

    color:var(--text);

    text-decoration:none;

    transition:.3s;

}

.tt-mega-grid a:hover{

    color:var(--primary);

    padding-left:10px;

}

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

.tt-mega-card{

    background:linear-gradient(
        135deg,
        #2563EB,
        #4F46E5
    );

    border-radius:22px;

    padding:30px;

    color:#fff;

}

.tt-mega-card span{

    display:inline-block;

    font-size:13px;

    letter-spacing:2px;

    margin-bottom:18px;

    opacity:.9;

}

.tt-mega-card h3{

    color:#fff;

    margin-bottom:20px;

    font-size:28px;

}

.tt-mega-card p{

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

    line-height:1.8;

    margin-bottom:30px;

}

.tt-mega-card .tt-btn{

    background:#fff;

    color:var(--primary);

}

.tt-mega-card .tt-btn:hover{

    transform:translateY(-4px);

}

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

.tt-service-hero{

    padding:220px 0 120px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-service-hero h1{

    font-size:clamp(50px,6vw,76px);

    line-height:1.1;

    margin:30px 0;

}

.tt-service-hero p{

    font-size:20px;

    line-height:1.9;

    margin-bottom:40px;

}

.tt-hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

/*==================================
TECH STACK
==================================*/

.tt-tech-stack{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-tech-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-tech-card{

    background:#fff;

    border-radius:28px;

    padding:35px;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-tech-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-tech-card h3{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:25px;

    font-size:24px;

}

.tt-tech-card h3 i{

    color:var(--primary);

}

.tt-tech-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.tt-tech-tags span{

    background:#EEF4FF;

    color:var(--primary);

    padding:10px 18px;

    border-radius:999px;

    font-size:15px;

    font-weight:600;

}

@media(max-width:992px){

.tt-tech-grid{

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

}

}

@media(max-width:576px){

.tt-tech-stack{

padding:80px 0;

}

.tt-tech-grid{

grid-template-columns:1fr;

}

}

/*==================================
WHY WEBSITE DEVELOPMENT
==================================*/

.tt-why-web{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-why-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-why-feature{

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:40px;

    transition:.35s;

    height:100%;

}

.tt-why-feature:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-why-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-why-feature h3{

    font-size:26px;

    margin-bottom:18px;

}

.tt-why-feature p{

    margin:0;

    line-height:1.8;

    color:var(--text);

}

@media(max-width:992px){

.tt-why-grid{

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

}

}

@media(max-width:576px){

.tt-why-web{

padding:80px 0;

}

.tt-why-grid{

grid-template-columns:1fr;

}

.tt-why-feature{

padding:30px;

}

}
/*==================================
PROJECTS
==================================*/

.tt-projects{

    padding:130px 0;

    background:#fff;

}

.tt-project-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.tt-project-card{

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-project-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-project-image{

    position:relative;

}

.tt-project-image img{

    width:100%;

    height:320px;

    object-fit:cover;

}

.tt-project-badge{

    position:absolute;

    top:20px;

    left:20px;

    background:var(--primary);

    color:#fff;

    padding:8px 18px;

    border-radius:999px;

    font-size:14px;

}

.tt-project-content{

    padding:35px;

}

.tt-project-content h3{

    margin-bottom:18px;

}

.tt-project-tech{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;

}

.tt-project-tech span{

    padding:8px 16px;

    border-radius:999px;

    background:#EEF4FF;

    color:var(--primary);

    font-size:14px;

}

@media(max-width:992px){

.tt-project-grid{

grid-template-columns:1fr;

}

}

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

.tt-faq{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-faq-accordion{

    max-width:900px;

    margin:70px auto 0;

}

.tt-faq .accordion-item{

    border:none;

    border-radius:20px;

    overflow:hidden;

    margin-bottom:20px;

    box-shadow:0 10px 35px rgba(15,23,42,.06);

}

.tt-faq .accordion-button{

    background:#fff;

    font-size:20px;

    font-weight:600;

    padding:28px;

    color:var(--heading);

}

.tt-faq .accordion-button:not(.collapsed){

    background:#fff;

    color:var(--primary);

    box-shadow:none;

}

.tt-faq .accordion-button:focus{

    box-shadow:none;

}

.tt-faq .accordion-body{

    padding:0 28px 28px;

    line-height:1.9;

    color:var(--text);

}

@media(max-width:768px){

.tt-faq{

padding:80px 0;

}

.tt-faq .accordion-button{

font-size:17px;

padding:22px;

}

}

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

.tt-seo-hero{

    position:relative;

    overflow:hidden;

    padding:220px 0 130px;

    background:
    radial-gradient(circle at top right,#DBEAFE 0%,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE 0%,transparent 35%),
    #ffffff;

}

.tt-seo-hero::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(37,99,235,.05);

    top:-180px;

    right:-150px;

}

.tt-seo-hero::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(79,70,229,.05);

    bottom:-120px;

    left:-120px;

}

.tt-seo-hero .container{

    position:relative;

    z-index:2;

}

.tt-seo-hero .row{

    align-items:center;

}

.tt-seo-hero h1{

    font-size:clamp(52px,6vw,78px);

    line-height:1.1;

    margin:25px 0;

    color:var(--heading);

}

.tt-seo-hero p{

    font-size:20px;

    line-height:1.9;

    color:var(--text);

    max-width:620px;

    margin-bottom:40px;

}

.tt-hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    border-radius:999px;

    background:#EEF4FF;

    color:var(--primary);

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.tt-hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.tt-seo-hero img{

    width:100%;

    max-width:620px;

    display:block;

    margin-left:auto;

    animation:floatHero 6s ease-in-out infinite;

}

/* Floating animation */

@keyframes floatHero{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.tt-seo-hero{

padding:170px 0 90px;

text-align:center;

}

.tt-seo-hero h1{

font-size:46px;

}

.tt-seo-hero p{

max-width:100%;

margin-left:auto;

margin-right:auto;

}

.tt-hero-buttons{

justify-content:center;

}

.tt-seo-hero img{

margin:60px auto 0;

max-width:500px;

}

}

@media(max-width:767px){

.tt-seo-hero{

padding:150px 0 70px;

}

.tt-seo-hero h1{

font-size:36px;

}

.tt-seo-hero p{

font-size:17px;

line-height:1.8;

}

.tt-hero-buttons{

flex-direction:column;

}

.tt-hero-buttons .tt-btn,

.tt-hero-buttons .tt-btn-outline{

width:100%;

justify-content:center;

}

.tt-seo-hero img{

max-width:100%;

}

}

/*==================================
SEO SERVICES
==================================*/

.tt-seo-services{

    padding:130px 0;

    background:#fff;

}

.tt-seo-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-seo-card{

    background:#fff;

    padding:40px;

    border-radius:28px;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-seo-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-seo-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.tt-seo-card h3{

    margin-bottom:18px;

    font-size:26px;

}

.tt-seo-card p{

    line-height:1.8;

    margin-bottom:20px;

}

.tt-seo-card ul{

    margin:0;

    padding-left:20px;

}

.tt-seo-card li{

    margin-bottom:10px;

}

@media(max-width:992px){

.tt-seo-grid{

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

}

}

@media(max-width:576px){

.tt-seo-services{

padding:80px 0;

}

.tt-seo-grid{

grid-template-columns:1fr;

}

.tt-seo-card{

padding:30px;

}

}

/*==================================
SEO PROCESS
==================================*/

.tt-seo-process{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-process-wrapper{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-process-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:40px;

    transition:.35s;

    overflow:hidden;

}

.tt-process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-step{

    position:absolute;

    top:25px;

    right:25px;

    font-size:42px;

    font-weight:800;

    color:rgba(0, 0, 0, 0.1);

    line-height:1;

}

.tt-process-icon{

    width:75px;

    height:75px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-process-card h3{

    font-size:28px;

    margin-bottom:18px;

}

.tt-process-card p{

    margin:0;

    line-height:1.8;

    color:var(--text);

}

@media(max-width:992px){

.tt-process-wrapper{

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

}

}

@media(max-width:576px){

.tt-seo-process{

padding:80px 0;

}

.tt-process-wrapper{

grid-template-columns:1fr;

}

.tt-process-card{

padding:30px;

}

.tt-step{

font-size:34px;

}

}

/*==================================
SEO TOOLS
==================================*/

.tt-seo-tools{

    padding:130px 0;

    background:#ffffff;

}

.tt-tools-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-tool-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:40px;

    transition:.35s;

}

.tt-tool-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-tool-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-tool-card h3{

    margin-bottom:20px;

    font-size:26px;

}

.tt-tool-card ul{

    margin:0;

    padding-left:20px;

}

.tt-tool-card li{

    margin-bottom:12px;

    color:var(--text);

    line-height:1.7;

}

@media(max-width:992px){

.tt-tools-grid{

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

}

}

@media(max-width:576px){

.tt-seo-tools{

padding:80px 0;

}

.tt-tools-grid{

grid-template-columns:1fr;

}

.tt-tool-card{

padding:30px;

}

}

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

.tt-seo-cta{

    padding:130px 0;

    background:linear-gradient(
        135deg,
        #2563EB,
        #4F46E5,
        #7C3AED
    );

    position:relative;

    overflow:hidden;

}

.tt-seo-cta::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

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

    top:-180px;

    right:-120px;

}

.tt-seo-cta::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    left:-120px;

    bottom:-120px;

}

.tt-seo-cta-box{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:900px;

    margin:auto;

}

.tt-cta-tag{

    display:inline-block;

    color:#fff;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:20px;

}

.tt-seo-cta h2{

    color:#fff;

    font-size:clamp(48px,5vw,72px);

    line-height:1.15;

    margin-bottom:25px;

}

.tt-gradient-light{

    color:#fff;

}

.tt-seo-cta p{

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

    font-size:20px;

    line-height:1.9;

    max-width:700px;

    margin:0 auto 40px;

}

.tt-cta-features{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:25px;

    margin-bottom:45px;

}

.tt-cta-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.tt-cta-features i{

    color:#4ADE80;

}

.tt-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.tt-btn-outline-light{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border:2px solid rgba(255,255,255,.3);

    border-radius:999px;

    color:#fff;

    transition:.35s;

}

.tt-btn-outline-light:hover{

    background:#fff;

    color:var(--primary);

}

@media(max-width:768px){

.tt-seo-cta{

padding:90px 0;

}

.tt-seo-cta h2{

font-size:40px;

}

.tt-seo-cta p{

font-size:17px;

}

.tt-cta-features{

flex-direction:column;

gap:18px;

}

.tt-cta-buttons{

flex-direction:column;

}

.tt-cta-buttons a{

width:100%;

justify-content:center;

}

}

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

.tt-ai-hero{

    padding:220px 0 130px;

    position:relative;

    overflow:hidden;

    background:

    radial-gradient(circle at top right,#E0F2FE,transparent 35%),

    radial-gradient(circle at bottom left,#F3E8FF,transparent 35%),

    #fff;

}

.tt-ai-hero h1{

    font-size:clamp(52px,6vw,78px);

    line-height:1.1;

    margin:30px 0;

}

.tt-ai-hero p{

    font-size:20px;

    line-height:1.9;

    margin-bottom:40px;

    max-width:620px;

}

.tt-ai-hero img{

    animation:floatHero 6s ease-in-out infinite;

}

@media(max-width:991px){

.tt-ai-hero{

padding:170px 0 90px;

text-align:center;

}

.tt-ai-hero img{

margin-top:50px;

}

}

@media(max-width:576px){

.tt-ai-hero{

padding:150px 0 70px;

}

.tt-ai-hero h1{

font-size:38px;

}

.tt-ai-hero p{

font-size:17px;

}

}

/*==================================
AI SERVICES
==================================*/

.tt-ai-services{

    padding:130px 0;

    background:#fff;

}

.tt-ai-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-ai-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:40px;

    transition:.35s;

}

.tt-ai-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-ai-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-ai-card h3{

    margin-bottom:18px;

    font-size:28px;

}

.tt-ai-card p{

    line-height:1.8;

    margin-bottom:25px;

}

.tt-ai-card ul{

    margin:0;

    padding-left:20px;

}

.tt-ai-card li{

    margin-bottom:10px;

}

@media(max-width:992px){

.tt-ai-grid{

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

}

}

@media(max-width:576px){

.tt-ai-services{

padding:80px 0;

}

.tt-ai-grid{

grid-template-columns:1fr;

}

.tt-ai-card{

padding:30px;

}

}

/*==================================
AI BENEFITS
==================================*/

.tt-ai-benefits{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-benefit-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-benefit-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:35px;

    transition:.35s;

    text-align:center;

}

.tt-benefit-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-before h5{

    color:#EF4444;

    font-size:18px;

    margin-bottom:15px;

}

.tt-after h5{

    color:#10B981;

    font-size:18px;

    margin-bottom:15px;

}

.tt-before p,

.tt-after p{

    line-height:1.8;

    margin:0;

}

.tt-arrow{

    margin:25px 0;

    font-size:34px;

    color:var(--primary);

}

@media(max-width:992px){

.tt-benefit-grid{

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

}

}

@media(max-width:576px){

.tt-ai-benefits{

padding:80px 0;

}

.tt-benefit-grid{

grid-template-columns:1fr;

}

.tt-benefit-card{

padding:30px;

}

}

/*==================================
AI PROCESS
==================================*/

.tt-ai-process{

    padding:130px 0;

    background:#ffffff;

}

.tt-ai-process-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-ai-step{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:35px;

    transition:.35s;

    overflow:hidden;

}

.tt-ai-step:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-step-number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:42px;

    font-weight:800;

    color:rgba(37,99,235,.08);

}

.tt-ai-step-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-ai-step h3{

    margin-bottom:18px;

    font-size:24px;

}

.tt-ai-step p{

    margin:0;

    line-height:1.8;

}

@media(max-width:1200px){

.tt-ai-process-grid{

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

}

}

@media(max-width:992px){

.tt-ai-process-grid{

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

}

}

@media(max-width:576px){

.tt-ai-process{

padding:80px 0;

}

.tt-ai-process-grid{

grid-template-columns:1fr;

}

.tt-ai-step{

padding:30px;

}

}

/*==================================
AI TECHNOLOGY
==================================*/

.tt-ai-tech{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-ai-tech-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-ai-tech-card{

    background:#fff;

    border-radius:30px;

    padding:40px;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-ai-tech-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-ai-tech-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-ai-tech-card h3{

    margin-bottom:20px;

    font-size:26px;

}

.tt-ai-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.tt-ai-tags span{

    padding:10px 18px;

    border-radius:999px;

    background:#EEF4FF;

    color:var(--primary);

    font-size:14px;

    font-weight:600;

}

@media(max-width:992px){

.tt-ai-tech-grid{

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

}

}

@media(max-width:576px){

.tt-ai-tech{

padding:80px 0;

}

.tt-ai-tech-grid{

grid-template-columns:1fr;

}

.tt-ai-tech-card{

padding:30px;

}

}

/*==================================
AI INDUSTRIES
==================================*/

.tt-ai-industries{

    padding:130px 0;

    background:#ffffff;

}

.tt-industry-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-industry-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:35px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.tt-industry-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-industry-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:34px;

}

.tt-industry-card h3{

    font-size:24px;

    margin-bottom:18px;

}

.tt-industry-card p{

    line-height:1.8;

    margin:0;

    color:var(--text);

}

@media(max-width:1200px){

.tt-industry-grid{

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

}

}

@media(max-width:992px){

.tt-industry-grid{

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

}

}

@media(max-width:576px){

.tt-ai-industries{

padding:80px 0;

}

.tt-industry-grid{

grid-template-columns:1fr;

}

.tt-industry-card{

padding:30px;

}

}

/*==================================
WHY AI
==================================*/

.tt-ai-why{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-ai-why-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-ai-why-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:40px;

    transition:.35s;

}

.tt-ai-why-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-ai-why-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-ai-why-card h3{

    font-size:26px;

    margin-bottom:18px;

}

.tt-ai-why-card p{

    margin:0;

    line-height:1.8;

}

@media(max-width:992px){

.tt-ai-why-grid{

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

}

}

@media(max-width:576px){

.tt-ai-why{

padding:80px 0;

}

.tt-ai-why-grid{

grid-template-columns:1fr;

}

.tt-ai-why-card{

padding:30px;

}

}   

/*==================================
AI FAQ
==================================*/

.tt-ai-faq{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-ai-faq .tt-section-title{

    text-align:center;

    max-width:800px;

    margin:0 auto;

}

.tt-faq-accordion{

    max-width:950px;

    margin:70px auto 0;

}

.tt-faq-accordion .accordion-item{

    border:none;

    border-radius:22px;

    overflow:hidden;

    margin-bottom:20px;

    background:#fff;

    box-shadow:0 10px 35px rgba(15,23,42,.06);

    transition:.35s;

}

.tt-faq-accordion .accordion-item:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 45px rgba(15,23,42,.08);

}

.tt-faq-accordion .accordion-button{

    background:#fff;

    color:var(--heading);

    font-size:20px;

    font-weight:600;

    padding:28px 30px;

    box-shadow:none;

}

.tt-faq-accordion .accordion-button:not(.collapsed){

    background:#fff;

    color:var(--primary);

    box-shadow:none;

}

.tt-faq-accordion .accordion-button:focus{

    box-shadow:none;

    border:none;

}

.tt-faq-accordion .accordion-button::after{

    width:20px;

    height:20px;

    background-size:20px;

    transition:.35s;

}

.tt-faq-accordion .accordion-body{

    padding:0 30px 30px;

    font-size:17px;

    line-height:1.9;

    color:var(--text);

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.tt-ai-faq{

padding:90px 0;

}

.tt-faq-accordion{

margin-top:50px;

}

}

@media(max-width:767px){

.tt-ai-faq{

padding:80px 0;

}

.tt-faq-accordion .accordion-button{

font-size:17px;

padding:22px;

}

.tt-faq-accordion .accordion-body{

padding:0 22px 22px;

font-size:16px;

line-height:1.8;

}

}

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

.tt-ai-cta{

    padding:140px 0;

    background:linear-gradient(
        135deg,
        #2563EB,
        #4F46E5,
        #7C3AED
    );

    position:relative;

    overflow:hidden;

}

.tt-ai-cta::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

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

    top:-220px;

    right:-180px;

}

.tt-ai-cta::after{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    border-radius:50%;

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

    left:-120px;

    bottom:-120px;

}

.tt-ai-cta-box{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:900px;

    margin:auto;

}

.tt-cta-tag{

    display:inline-block;

    color:#fff;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;

}

.tt-ai-cta h2{

    color:#fff;

    font-size:clamp(48px,5vw,72px);

    line-height:1.15;

    margin-bottom:25px;

}

.tt-gradient-light{

    color:#fff;

}

.tt-ai-cta p{

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

    font-size:20px;

    line-height:1.9;

    max-width:720px;

    margin:0 auto 45px;

}

.tt-ai-features{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:25px;

    margin-bottom:45px;

}

.tt-ai-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.tt-ai-features i{

    color:#4ADE80;

    font-size:18px;

}

.tt-ai-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.tt-btn-outline-light{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 36px;

    border:2px solid rgba(255,255,255,.35);

    border-radius:999px;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.tt-btn-outline-light:hover{

    background:#fff;

    color:var(--primary);

}

@media(max-width:768px){

.tt-ai-cta{

padding:90px 0;

}

.tt-ai-cta h2{

font-size:40px;

}

.tt-ai-cta p{

font-size:17px;

}

.tt-ai-features{

flex-direction:column;

gap:18px;

}

.tt-ai-buttons{

flex-direction:column;

}

.tt-ai-buttons a{

width:100%;

justify-content:center;

}

}

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

.tt-work-hero{

    padding:220px 0 130px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-work-hero h1{

    font-size:clamp(52px,6vw,78px);

    line-height:1.1;

    margin:30px 0;

}

.tt-work-hero p{

    font-size:20px;

    line-height:1.9;

    max-width:600px;

    margin-bottom:40px;

}

.tt-work-hero img{

    animation:floatHero 6s ease-in-out infinite;

}

@media(max-width:991px){

.tt-work-hero{

padding:170px 0 90px;

text-align:center;

}

.tt-work-hero img{

margin-top:60px;

}

}

@media(max-width:576px){

.tt-work-hero{

padding:150px 0 70px;

}

.tt-work-hero h1{

font-size:38px;

}

.tt-work-hero p{

font-size:17px;

}

}

/*==================================
PORTFOLIO
==================================*/

.tt-portfolio{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-filter{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin:60px 0;

}

.tt-filter button{

    border:none;

    background:#fff;

    padding:14px 26px;

    border-radius:999px;

    font-weight:600;

    transition:.3s;

    border:1px solid var(--border);

}

.tt-filter button.active,

.tt-filter button:hover{

    background:var(--primary);

    color:#fff;

}

.tt-portfolio-grid{

    display:grid;

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

    gap:35px;

}

.tt-portfolio-card{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    transition:.35s;

    border:1px solid var(--border);

}

.tt-portfolio-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-portfolio-image img{

    width:100%;

    height:300px;

    object-fit:contain;

}

.tt-portfolio-content{

    padding:35px;

}

.tt-category{

    display:inline-block;

    padding:8px 16px;

    background:#EEF4FF;

    color:var(--primary);

    border-radius:999px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.tt-portfolio-content h3{

    margin-bottom:18px;

    font-size:30px;

}

.tt-portfolio-content p{

    line-height:1.8;
    margin-bottom: -65px;
    
}

.tt-tech-stack{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:0px 0;
    
    margin-bottom: -75px;

}

.tt-tech-stack span{

    background:#F3F4F6;

    padding:8px 14px;

    border-radius:999px;

    font-size:13px;

    font-weight:600;

}

.tt-project-links{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:25px;

}

.tt-text-btn{

    font-weight:600;

    color:var(--primary);

    text-decoration:none;

}

@media(max-width:992px){

.tt-portfolio-grid{

grid-template-columns:1fr;

}

}

@media(max-width:576px){

.tt-portfolio{

padding:80px 0;

}

.tt-project-links{

flex-direction:column;

align-items:flex-start;

gap:20px;

}


}

/*==================================
TESTIMONIALS
==================================*/

.tt-testimonials{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-testimonial-card{

    background:#fff;

    border-radius:28px;

    padding:40px;

    border:1px solid var(--border);

    height:100%;

    transition:.35s;

}

.tt-testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-stars{

    color:#FFC107;

    font-size:22px;

    margin-bottom:25px;

}

.tt-testimonial-card p{

    line-height:1.9;

    margin-bottom:35px;

    color:var(--text);

}

.tt-client{

    display:flex;

    align-items:center;

    gap:15px;

}

.tt-client img{

    width:65px;

    height:65px;

    border-radius:50%;

    object-fit:cover;

}

.tt-client h5{

    margin:0;

    font-size:18px;

}

.tt-client span{

    color:#6B7280;

    font-size:14px;

}

@media(max-width:768px){

.tt-testimonials{

padding:80px 0;

}

.tt-testimonial-card{

padding:30px;

}

}

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

.tt-portfolio-stats{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-stats-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-stat-card{

    background:#fff;

    border-radius:30px;

    padding:45px 30px;

    text-align:center;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-stat-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-stat-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:34px;

}

.tt-stat-card h2{

    font-size:52px;

    font-weight:700;

    margin-bottom:10px;

    color:var(--heading);

}

.tt-stat-card p{

    margin:0;

    color:var(--text);

    font-size:18px;

}

@media(max-width:992px){

.tt-stats-grid{

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

}

}

@media(max-width:576px){

.tt-portfolio-stats{

padding:80px 0;

}

.tt-stats-grid{

grid-template-columns:1fr;

}

.tt-stat-card{

padding:35px 25px;

}

.tt-stat-card h2{

font-size:42px;

}

}

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

.tt-portfolio-cta{

    padding:130px 0;

    background:linear-gradient(135deg,#2563EB,#4F46E5,#7C3AED);

    position:relative;

    overflow:hidden;

}

.tt-portfolio-cta::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

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

    top:-200px;

    right:-150px;

}

.tt-portfolio-cta::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    left:-120px;

    bottom:-120px;

}

.tt-portfolio-cta-box{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:0 auto;

    text-align:center;

}

.tt-portfolio-cta .tt-cta-tag{

    display:inline-block;

    color:#fff;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;

}

.tt-portfolio-cta h2{

    color:#fff;

    font-size:clamp(46px,5vw,70px);

    line-height:1.15;

    margin-bottom:25px;

}

.tt-portfolio-cta p{

    max-width:700px;

    margin:0 auto 45px;

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

    font-size:20px;

    line-height:1.9;

}

.tt-cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.tt-btn-outline-light{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 36px;

    border:2px solid rgba(255,255,255,.35);

    border-radius:999px;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.tt-btn-outline-light:hover{

    background:#fff;

    color:var(--primary);

}

@media(max-width:768px){

    .tt-portfolio-cta{

        padding:90px 0;

    }

    .tt-portfolio-cta h2{

        font-size:38px;

    }

    .tt-portfolio-cta p{

        font-size:17px;

    }

    .tt-cta-buttons{

        flex-direction:column;

    }

    .tt-cta-buttons a{

        width:100%;

        justify-content:center;

    }

}


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

.tt-pricing-hero{

    padding:220px 0 130px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-pricing-hero h1{

    font-size:clamp(52px,6vw,78px);

    line-height:1.1;

    margin:30px 0;

}

.tt-pricing-hero p{

    font-size:20px;

    line-height:1.9;

    max-width:620px;

    margin-bottom:40px;

}

.tt-pricing-hero img{

    animation:floatHero 6s ease-in-out infinite;

}

@media(max-width:991px){

.tt-pricing-hero{

padding:170px 0 90px;

text-align:center;

}

.tt-pricing-hero img{

margin-top:60px;

}

}

@media(max-width:576px){

.tt-pricing-hero{

padding:150px 0 70px;

}

.tt-pricing-hero h1{

font-size:38px;

}

.tt-pricing-hero p{

font-size:17px;

}

}


/*==================================
PRICING
==================================*/

.tt-pricing{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-pricing-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

    align-items:stretch;

}

.tt-price-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:45px;

    transition:.35s;

}

.tt-price-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-price-card.active{

    border:2px solid var(--primary);

    transform:scale(1.04);

}

.tt-popular{

    position:absolute;

    top:-15px;

    left:50%;

    transform:translateX(-50%);

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    padding:10px 22px;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.tt-price-header{

    text-align:center;

    margin-bottom:35px;

}

.tt-price-header h3{

    font-size:30px;

    margin-bottom:15px;

}

.tt-price-header h2{

    font-size:52px;

    color:var(--primary);

    margin-bottom:15px;

}

.tt-price-header p{

    color:var(--text);

}

.tt-price-card ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.tt-price-card li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 0;

    border-bottom:1px solid #eef2f7;

}

.tt-price-card li:last-child{

    border-bottom:none;

}

.tt-price-card li i{

    color:#10B981;

    font-size:18px;

}

.tt-price-card .tt-btn{

    width:100%;

    justify-content:center;

}

@media(max-width:992px){

.tt-pricing-grid{

grid-template-columns:1fr;

}

.tt-price-card.active{

transform:none;

}

}

@media(max-width:576px){

.tt-pricing{

padding:80px 0;

}

.tt-price-card{

padding:30px;

}

.tt-price-header h2{

font-size:42px;

}

}

/*==================================
SEO PRICING
==================================*/

.tt-seo-pricing{

    padding:130px 0;

    background:#ffffff;

}

/* Reuse these classes from Website Pricing */

.tt-pricing-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.tt-price-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:45px;

    transition:.35s;

}

.tt-price-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-price-card.active{

    border:2px solid var(--primary);

    transform:scale(1.04);

}

.tt-popular{

    position:absolute;

    top:-15px;

    left:50%;

    transform:translateX(-50%);

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    padding:10px 24px;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.tt-price-header{

    text-align:center;

    margin-bottom:35px;

}

.tt-price-header h3{

    font-size:30px;

    margin-bottom:15px;

}

.tt-price-header h2{

    font-size:52px;

    color:var(--primary);

    margin-bottom:10px;

}

.tt-price-header h2 span{

    font-size:18px;

    color:#64748B;

}

.tt-price-header p{

    color:var(--text);

}

.tt-price-card ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.tt-price-card ul li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 0;

    border-bottom:1px solid #eef2f7;

}

.tt-price-card ul li:last-child{

    border-bottom:none;

}

.tt-price-card ul li i{

    color:#22C55E;

    font-size:18px;

}

.tt-price-card .tt-btn{

    width:100%;

    justify-content:center;

}

/*==================================
MARKETING ADDONS
==================================*/

.tt-addons{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-addon-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:40px 30px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.tt-addon-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-addon-card i{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:34px;

}

.tt-addon-card h4{

    font-size:24px;

    margin-bottom:15px;

}

.tt-addon-card h3{

    color:var(--primary);

    font-size:28px;

    margin:0;

}

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

@media(max-width:992px){

.tt-pricing-grid{

grid-template-columns:1fr;

}

.tt-price-card.active{

transform:none;

}

}

@media(max-width:768px){

.tt-seo-pricing,

.tt-addons{

padding:80px 0;

}

.tt-price-card{

padding:30px;

}

.tt-price-header h2{

font-size:42px;

}

.tt-addon-card{

padding:30px;

}

.tt-addon-card i{

width:70px;

height:70px;

font-size:28px;

}

.tt-addon-card h4{

font-size:20px;

}

.tt-addon-card h3{

font-size:24px;

}

}

/*==================================
AI PRICING
==================================*/

.tt-ai-pricing{

    padding:130px 0;

    background:#ffffff;

}

@media(max-width:768px){

.tt-ai-pricing{

padding:80px 0;

}

}

/*==================================
WHAT'S INCLUDED
==================================*/

.tt-included{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-included-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-include-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:40px;

    transition:.35s;

    height:100%;

}

.tt-include-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-include-card i{

    width:75px;

    height:75px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-include-card h4{

    font-size:24px;

    margin-bottom:15px;

}

.tt-include-card p{

    color:var(--text);

    line-height:1.8;

    margin:0;

}

@media(max-width:992px){

.tt-included-grid{

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

}

}

@media(max-width:576px){

.tt-included{

padding:80px 0;

}

.tt-included-grid{

grid-template-columns:1fr;

}

.tt-include-card{

padding:30px;

}

}

/*==================================
WHY OUR PRICING
==================================*/

.tt-pricing-value{

    padding:130px 0;

    background:#ffffff;

}

.tt-value-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.tt-value-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:30px;

    padding:40px;

    transition:.35s;

    height:100%;

}

.tt-value-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-value-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-value-card h3{

    font-size:24px;

    margin-bottom:15px;

}

.tt-value-card p{

    line-height:1.8;

    margin:0;

    color:var(--text);

}

@media(max-width:992px){

.tt-value-grid{

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

}

}

@media(max-width:576px){

.tt-pricing-value{

padding:80px 0;

}

.tt-value-grid{

grid-template-columns:1fr;

}

.tt-value-card{

padding:30px;

}

}


/*==================================
PRICING FAQ
==================================*/

.tt-pricing-faq{

    padding:130px 0;

    background:#F8FAFC;

}

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

.tt-pricing-cta{

    padding:130px 0;

    background:linear-gradient(
        135deg,
        #2563EB,
        #4F46E5,
        #7C3AED
    );

    position:relative;

    overflow:hidden;

}

.tt-pricing-cta::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

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

    top:-180px;

    right:-150px;

}

.tt-pricing-cta::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    left:-120px;

    bottom:-120px;

}

.tt-pricing-cta-box{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:0 auto;

    text-align:center;

}

.tt-pricing-cta .tt-cta-tag{

    display:inline-block;

    color:#fff;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;

}

.tt-pricing-cta h2{

    color:#fff;

    font-size:clamp(48px,5vw,72px);

    line-height:1.15;

    margin-bottom:25px;

}

.tt-gradient-light{

    color:#fff;

}

.tt-pricing-cta p{

    max-width:700px;

    margin:0 auto 45px;

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

    font-size:20px;

    line-height:1.9;

}

.tt-pricing-features{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:25px;

    margin-bottom:45px;

}

.tt-pricing-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.tt-pricing-features i{

    color:#4ADE80;

}

.tt-pricing-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.tt-pricing-buttons .tt-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

}

.tt-btn-outline-light{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 36px;

    border:2px solid rgba(255,255,255,.35);

    border-radius:999px;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.tt-btn-outline-light:hover{

    background:#fff;

    color:var(--primary);

}

@media(max-width:768px){

.tt-pricing-cta{

padding:90px 0;

}

.tt-pricing-cta h2{

font-size:38px;

}

.tt-pricing-cta p{

font-size:17px;

}

.tt-pricing-features{

flex-direction:column;

gap:18px;

}

.tt-pricing-buttons{

flex-direction:column;

}

.tt-pricing-buttons a{

width:100%;

justify-content:center;

}

}

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

.tt-blog-hero{

    padding:220px 0 130px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-blog-hero h1{

    font-size:clamp(52px,6vw,78px);

    line-height:1.1;

    margin:30px 0;

}

.tt-blog-hero p{

    font-size:20px;

    line-height:1.9;

    max-width:620px;

    margin-bottom:40px;

}

.tt-blog-hero img{

    animation:floatHero 6s ease-in-out infinite;

}

@media(max-width:991px){

.tt-blog-hero{

padding:170px 0 90px;

text-align:center;

}

.tt-blog-hero img{

margin-top:60px;

}

}

@media(max-width:576px){

.tt-blog-hero{

padding:150px 0 70px;

}

.tt-blog-hero h1{

font-size:38px;

}

.tt-blog-hero p{

font-size:17px;

}

}

/*==================================
FEATURED BLOG
==================================*/

.tt-featured-blog{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-featured-card{

    background:#fff;

    border-radius:32px;

    overflow:hidden;

    margin-top:70px;

    border:1px solid var(--border);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-featured-image{

    height:100%;

}

.tt-featured-image img{

    width:100%;

    height:100%;

    min-height:520px;

    object-fit:cover;

}

.tt-featured-content{

    padding:60px;

}

.tt-blog-category{

    display:inline-block;

    padding:10px 20px;

    background:#EEF4FF;

    color:var(--primary);

    border-radius:999px;

    font-size:14px;

    font-weight:600;

    margin-bottom:25px;

}

.tt-blog-meta{

    display:flex;

    gap:30px;

    margin-bottom:20px;

    color:#64748B;

}

.tt-blog-meta span{

    display:flex;

    align-items:center;

    gap:8px;

}

.tt-featured-content h2{

    font-size:44px;

    margin-bottom:25px;

    line-height:1.2;

}

.tt-featured-content p{

    font-size:18px;

    line-height:1.9;

    margin-bottom:35px;

}

@media(max-width:992px){

.tt-featured-content{

padding:40px;

}

.tt-featured-image img{

min-height:350px;

}

}

@media(max-width:576px){

.tt-featured-blog{

padding:80px 0;

}

.tt-featured-content{

padding:30px;

}

.tt-featured-content h2{

font-size:32px;

}

.tt-blog-meta{

flex-direction:column;

gap:10px;

}

}

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

.tt-blog-grid{

    padding:130px 0;

    background:#ffffff;

}

.tt-blog-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    overflow:hidden;

    height:100%;

    transition:.35s;

}

.tt-blog-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(15,23,42,.08);

}

.tt-blog-image{

    overflow:hidden;

}

.tt-blog-image img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.4s;

}

.tt-blog-card:hover img{

    transform:scale(1.08);

}

.tt-blog-content{

    padding:30px;

}

.tt-blog-tag{

    display:inline-block;

    background:#EEF4FF;

    color:var(--primary);

    padding:8px 16px;

    border-radius:999px;

    font-size:13px;

    font-weight:600;

    margin-bottom:18px;

}

.tt-blog-info{

    display:flex;

    gap:20px;

    font-size:14px;

    color:#64748B;

    margin-bottom:20px;

}

.tt-blog-info span{

    display:flex;

    align-items:center;

    gap:6px;

}

.tt-blog-content h3{

    font-size:26px;

    line-height:1.4;

    margin-bottom:18px;

}

.tt-blog-content p{

    line-height:1.8;

    margin-bottom:25px;

}

.tt-blog-content a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--primary);

    font-weight:600;

    text-decoration:none;

}

.tt-blog-content a:hover{

    gap:12px;

}

@media(max-width:768px){

.tt-blog-grid{

padding:80px 0;

}

.tt-blog-content{

padding:25px;

}

.tt-blog-content h3{

font-size:22px;

}

.tt-blog-info{

flex-direction:column;

gap:10px;

}

}

/*==================================
BLOG SIDEBAR
==================================*/

.tt-blog-sidebar{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-newsletter-box{

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    border-radius:30px;

    padding:70px;

    color:#fff;

}

.tt-newsletter-box span{

    letter-spacing:2px;

    font-size:14px;

    font-weight:700;

}

.tt-newsletter-box h2{

    margin:20px 0;

    font-size:48px;

    color:#fff;

}

.tt-newsletter-box p{

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

    margin-bottom:35px;

}

.tt-newsletter-box form{

    display:flex;

    gap:15px;

}

.tt-newsletter-box input{

    flex:1;

    height:60px;

    border:none;

    border-radius:999px;

    padding:0 25px;

    outline:none;

}

.tt-sidebar-widget{

    background:#fff;

    padding:35px;

    border-radius:25px;

    margin-bottom:30px;

    border:1px solid var(--border);

}

.tt-sidebar-widget h4{

    margin-bottom:25px;

}

.tt-search-box{

    position:relative;

}

.tt-search-box input{

    width:100%;

    height:55px;

    border:1px solid var(--border);

    border-radius:999px;

    padding:0 50px 0 20px;

}

.tt-search-box button{

    position:absolute;

    right:5px;

    top:5px;

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

}

.tt-sidebar-widget ul{

    list-style:none;

    padding:0;

    margin:0;

}

.tt-sidebar-widget li{

    border-bottom:1px solid #eee;

}

.tt-sidebar-widget li:last-child{

    border:none;

}

.tt-sidebar-widget li a{

    display:flex;

    justify-content:space-between;

    padding:15px 0;

    color:var(--heading);

    text-decoration:none;

}

.tt-sidebar-widget li span{

    color:var(--primary);

}

.tt-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.tt-tags a{

    background:#EEF4FF;

    color:var(--primary);

    padding:10px 18px;

    border-radius:999px;

    text-decoration:none;

    transition:.3s;

}

.tt-tags a:hover{

    background:var(--primary);

    color:#fff;

}

@media(max-width:991px){

.tt-newsletter-box{

padding:45px;

margin-bottom:40px;

}

}

@media(max-width:768px){

.tt-blog-sidebar{

padding:80px 0;

}

.tt-newsletter-box{

padding:35px 25px;

}

.tt-newsletter-box h2{

font-size:34px;

}

.tt-newsletter-box form{

flex-direction:column;

}

.tt-newsletter-box button{

width:100%;

}

}

/*==================================
BLOG DETAILS HERO
==================================*/

.tt-blog-details-hero{

    padding:190px 0 90px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}


.tt-blog-details-hero h1{

    font-size:clamp(46px,5vw,70px);

    line-height:1.2;

    margin:30px 0;

    max-width:900px;

}

.tt-blog-details-hero .tt-blog-meta{

    display:flex;

    flex-wrap:wrap;

    gap:25px;

    color:#64748B;

}

.tt-blog-meta span{

    display:flex;

    align-items:center;

    gap:8px;

}

@media(max-width:768px){

.tt-blog-details-hero{

padding:150px 0 70px;

}

.tt-blog-details-hero h1{

font-size:36px;

}

.tt-blog-meta{

flex-direction:column;

gap:12px;

}

}

/*==================================
BLOG DETAILS HERO
==================================*/

.tt-blog-details-hero{

    padding:190px 0 90px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-blog-breadcrumb{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:25px;

    flex-wrap:wrap;

}

.tt-blog-breadcrumb a{

    color:var(--text);

    text-decoration:none;

}

.tt-blog-breadcrumb span{

    color:var(--primary);

}

.tt-blog-details-hero h1{

    font-size:clamp(46px,5vw,70px);

    line-height:1.2;

    margin:30px 0;

    max-width:900px;

}

.tt-blog-details-hero .tt-blog-meta{

    display:flex;

    flex-wrap:wrap;

    gap:25px;

    color:#64748B;

}

.tt-blog-meta span{

    display:flex;

    align-items:center;

    gap:8px;

}

@media(max-width:768px){

.tt-blog-details-hero{

padding:150px 0 70px;

}

.tt-blog-details-hero h1{

font-size:36px;

}

.tt-blog-meta{

flex-direction:column;

gap:12px;

}

}

/*==================================
BLOG DETAILS CONTENT
==================================*/

.tt-blog-content-section{

    padding:100px 0;

    background:#fff;

}

.tt-blog-sidebar{

    position:sticky;

    top:120px;

}

.tt-toc{

    background:#F8FAFC;

    padding:30px;

    border-radius:20px;

    border:1px solid var(--border);

}

.tt-toc h4{

    margin-bottom:20px;

}

.tt-toc ul{

    list-style:none;

    padding:0;

    margin:0;

}

.tt-toc li{

    margin-bottom:14px;

}

.tt-toc a{

    color:var(--text);

    text-decoration:none;

    transition:.3s;

}

.tt-toc a:hover{

    color:var(--primary);

    padding-left:6px;

}

.tt-blog-article{

    max-width:850px;

}

.tt-feature-image{

    width:100%;

    border-radius:24px;

    margin-bottom:50px;

}

.tt-blog-article h2{

    font-size:38px;

    margin:50px 0 20px;

}

.tt-blog-article h3{

    font-size:28px;

    margin:40px 0 20px;

}

.tt-blog-article p{

    font-size:18px;

    line-height:1.9;

    color:var(--text);

}

.tt-blog-article blockquote{

    background:#EEF4FF;

    border-left:5px solid var(--primary);

    padding:30px;

    border-radius:18px;

    margin:40px 0;

    font-size:22px;

    font-style:italic;

    color:var(--heading);

}

.tt-checklist{

    background:#F8FAFC;

    border-radius:24px;

    padding:35px;

    margin:40px 0;

}

.tt-checklist ul{

    list-style:none;

    padding:0;

    margin:20px 0 0;

}

.tt-checklist li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    font-size:18px;

}

.tt-checklist i{

    color:#22C55E;

}

@media(max-width:991px){

.tt-blog-sidebar{

display:none;

}

}

@media(max-width:768px){

.tt-blog-content-section{

padding:80px 0;

}

.tt-blog-article h2{

font-size:30px;

}

.tt-blog-article p{

font-size:17px;

}

.tt-blog-article blockquote{

font-size:20px;

padding:25px;

}

}

/*==================================
AUTHOR SECTION
==================================*/

.tt-author-section{

    padding:100px 0 60px;

    background:#fff;

}

.tt-author-card{

    background:#F8FAFC;

    border-radius:30px;

    padding:45px;

    border:1px solid var(--border);

}

.tt-author{

    display:flex;

    align-items:center;

    gap:30px;

}

.tt-author img{

    width:110px;

    height:110px;

    border-radius:50%;

    object-fit:cover;

}

.tt-author span{

    color:var(--primary);

    font-weight:600;

}

.tt-author h3{

    margin:10px 0;

    font-size:28px;

}

.tt-author p{

    margin:0;

    line-height:1.8;

}

.tt-share{

    text-align:right;

}

.tt-share h5{

    margin-bottom:20px;

}

.tt-social-share{

    display:flex;

    justify-content:flex-end;

    gap:15px;

}

.tt-social-share a{

    width:50px;

    height:50px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#EEF4FF;

    color:var(--primary);

    font-size:20px;

    transition:.35s;

}

.tt-social-share a:hover{

    background:var(--primary);

    color:#fff;

    transform:translateY(-5px);

}

/*==================================
RELATED BLOGS
==================================*/

.tt-related-blogs{

    padding:80px 0 130px;

    background:#F8FAFC;

}

.tt-related-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    border:1px solid var(--border);

    transition:.35s;

    height:100%;

}

.tt-related-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-related-card img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.tt-related-content{

    padding:30px;

}

.tt-related-content span{

    display:inline-block;

    background:#EEF4FF;

    color:var(--primary);

    padding:8px 16px;

    border-radius:999px;

    font-size:13px;

    margin-bottom:18px;

}

.tt-related-content h3{

    font-size:24px;

    margin-bottom:20px;

    line-height:1.4;

}

.tt-related-content a{

    color:var(--primary);

    text-decoration:none;

    font-weight:600;

}

.tt-related-content a i{

    margin-left:6px;

}

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

@media(max-width:991px){

.tt-author{

flex-direction:column;

text-align:center;

}

.tt-share{

margin-top:30px;

text-align:center;

}

.tt-social-share{

justify-content:center;

}

}

@media(max-width:768px){

.tt-author-card{

padding:30px;

}

.tt-author h3{

font-size:24px;

}

.tt-related-blogs{

padding:70px 0;

}

}

/*==================================
404 PAGE
==================================*/

.tt-error-page{

    padding:180px 0 120px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-error-wrapper{

    max-width:900px;

    margin:auto;

    text-align:center;

}

.tt-error-wrapper img{

    max-width:420px;

    margin-bottom:40px;

}

.tt-error-wrapper span{

    display:inline-block;

    color:var(--primary);

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;

}

.tt-error-wrapper h1{

    font-size:clamp(48px,5vw,72px);

    line-height:1.15;

    margin-bottom:25px;

}

.tt-error-wrapper p{

    max-width:650px;

    margin:0 auto 40px;

    font-size:20px;

    line-height:1.8;

    color:var(--text);

}

.tt-error-search{

    display:flex;

    justify-content:center;

    gap:15px;

    max-width:650px;

    margin:0 auto 45px;

}

.tt-error-search input{

    flex:1;

    height:60px;

    border:1px solid var(--border);

    border-radius:999px;

    padding:0 25px;

}

.tt-error-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:40px;

}

.tt-quick-links{

    display:flex;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;

}

.tt-quick-links a{

    color:var(--heading);

    font-weight:600;

    text-decoration:none;

}

.tt-quick-links a:hover{

    color:var(--primary);

}

@media(max-width:768px){

.tt-error-page{

padding:140px 0 80px;

}

.tt-error-search{

flex-direction:column;

}

.tt-error-search button{

width:100%;

}

.tt-error-wrapper h1{

font-size:36px;

}

.tt-error-wrapper p{

font-size:17px;

}

}

/*====================================
THANK YOU PAGE
====================================*/

.tt-thank-you{
    padding:180px 0 100px;
    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #ffffff;
    overflow:hidden;
}

/* LEFT */

.tt-thank-left{
    text-align:center;
}

.tt-success{
    margin-bottom:30px;
}

.tt-success-icon{
    width:130px;
    height:130px;
    margin:auto;
    border-radius:50%;
    background:#22C55E;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:58px;
    box-shadow:0 20px 45px rgba(34,197,94,.25);
}

.tt-success span{
    display:block;
    margin-top:18px;
    color:#22C55E;
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
}

.tt-thank-left h1{
    font-size:clamp(48px,5vw,72px);
    line-height:1.1;
    margin:25px 0;
}

.tt-thank-left p{
    max-width:650px;
    margin:auto;
    font-size:20px;
    color:#64748B;
    line-height:1.8;
}

.tt-btn-group{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
}


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

.tt-process-card{

    background:#fff;

    border-radius:30px;

    padding:35px;

    border:1px solid #E5E7EB;

    box-shadow:0 25px 60px rgba(15,23,42,.08);

}

/* Top */

.tt-process-head{

    text-align:center;

    margin-bottom:20px;

}

.tt-process-top-icon{

    width:70px;

    height:70px;

    margin:auto;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#2563EB,#7C3AED);

    color:#fff;

    font-size:28px;

    margin-bottom:18px;

}

.tt-process-head h3{

    font-size:36px;

    margin-bottom:8px;

}

.tt-process-head p{

    color:#64748B;

    font-size:18px;

}

/* Process */

.tt-process{

    margin-top:-60px;

}

.tt-process-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:20px 0;

    border-top:1px solid #EEF2F7;

}

.tt-process-item:first-child{

    border-top:none;

    padding-top:0;

}

.tt-process-item:last-child{

    padding-bottom:0;

}

.tt-process-item .icon{

    width:60px;

    height:60px;

    flex-shrink:0;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

}

/* Colors */

.icon.green{

    background:#E9FDF2;

    color:#22C55E;

}

.icon.blue{

    background:#EEF4FF;

    color:#2563EB;

}

.icon.purple{

    background:#F3E8FF;

    color:#7C3AED;

}

.tt-process-item h5{

    font-size:22px;

    margin:0 0 6px;

    font-weight:700;

}

.tt-process-item p{

    margin:0;

    font-size:16px;

    color:#64748B;

    line-height:1.6;

}


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

@media(max-width:991px){

.tt-thank-you{

padding:150px 0 80px;

}

.tt-thank-left{

margin-bottom:60px;

}

.tt-process-card{

margin-top:20px;

}

}

@media(max-width:768px){

.tt-thank-left h1{

font-size:40px;

}

.tt-thank-left p{

font-size:17px;

}

.tt-btn-group{

flex-direction:column;

}

.tt-btn-group a{

width:100%;

justify-content:center;

}

.tt-process-card{

padding:25px;

}

.tt-process-head h3{

font-size:30px;

}

.tt-process-item{

gap:15px;

padding:18px 0;

}

.tt-process-item .icon{

width:55px;

height:55px;

font-size:22px;

}

.tt-process-item h5{

font-size:18px;

}

.tt-process-item p{

font-size:14px;

}

}

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

.tt-policy-hero{

    padding:190px 0 100px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-policy-content{

    max-width:850px;

    margin:auto;

    text-align:center;

}

.tt-policy-content h1{

    font-size:clamp(50px,6vw,72px);

    margin:25px 0;

}

.tt-policy-content p{

    font-size:20px;

    line-height:1.9;

    color:#64748B;

}

.tt-policy-meta{

    margin-top:35px;

    color:#64748B;

}

.tt-policy-meta span{

    display:inline-flex;

    align-items:center;

    gap:10px;

}

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

.tt-policy-content-section{

    padding:100px 0;

}

.tt-policy-wrapper{

    max-width:900px;

    margin:auto;

}

.tt-policy-wrapper h2{

    margin-top:45px;

    margin-bottom:20px;

    font-size:34px;

}

.tt-policy-wrapper p{

    line-height:1.9;

    color:#64748B;

    margin-bottom:20px;

}

.tt-policy-wrapper ul{

    margin-bottom:30px;

    padding-left:20px;

}

.tt-policy-wrapper li{

    margin-bottom:12px;

    line-height:1.8;

}



/*==================================
CONTACT FORM
==================================*/

.tt-contact-main{

    padding:130px 0;

    background:#ffffff;

}

.tt-contact-form-box{

    background:#fff;

    padding:50px;

    border-radius:30px;

    border:1px solid var(--border);

    box-shadow:0 20px 60px rgba(15,23,42,.06);

}

.tt-contact-form-box h2{

    margin:15px 0 20px;

    font-size:46px;

}

.tt-contact-form-box p{

    margin-bottom:40px;

    color:#64748B;

}

.tt-form-group{

    margin-bottom:25px;

}

.tt-form-group label{

    display:block;

    margin-bottom:10px;

    font-weight:600;

    color:var(--heading);

}

.tt-form-group input,

.tt-form-group select,

.tt-form-group textarea{

    width:100%;

    padding:15px 20px;

    border:1px solid #D1D5DB;

    border-radius:14px;

    outline:none;

    transition:.3s;

    font-size:16px;

}

.tt-form-group input:focus,

.tt-form-group select:focus,

.tt-form-group textarea:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(37,99,235,.08);

}

.tt-form-group textarea{

    resize:vertical;

}

.tt-contact-form .tt-btn{

    padding:16px 36px;

}

/*==================================
RIGHT SIDEBAR
==================================*/

.tt-contact-sidebar{

    background:linear-gradient(135deg,#2563EB,#4F46E5);

    color:#fff;

    border-radius:30px;

    padding:45px;

    position:sticky;

    top:120px;

}

.tt-contact-sidebar h3{

    color:#fff;

    margin-bottom:15px;

}

.tt-contact-sidebar>p{

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

    margin-bottom:35px;

}

.tt-contact-feature{

    display:flex;

    gap:18px;

    margin-bottom:25px;

    align-items:flex-start;

}

.tt-contact-feature i{

    width:55px;

    height:55px;

    border-radius:14px;

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

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.tt-contact-feature h5{

    color:#fff;

    margin-bottom:5px;

}

.tt-contact-feature p{

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

    margin:0;

}

.tt-contact-sidebar hr{

    border-color:rgba(255,255,255,.2);

    margin:35px 0;

}

.tt-social-links{

    display:flex;

    gap:15px;

}

.tt-social-links a{

    width:48px;

    height:48px;

    border-radius:50%;

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

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    transition:.3s;

}

.tt-social-links a:hover{

    background:#fff;

    color:#2563EB;

}

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

@media(max-width:991px){

.tt-contact-sidebar{

position:static;

margin-top:40px;

}

}

@media(max-width:768px){

.tt-contact-main{

padding:80px 0;

}

.tt-contact-form-box{

padding:30px;

}

.tt-contact-form-box h2{

font-size:34px;

}

.tt-contact-sidebar{

padding:30px;

}

}


/*==================================
OFFICE LOCATION
==================================*/

.tt-office-location{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-map{

    height:100%;

    min-height:520px;

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(15,23,42,.08);

}

.tt-map iframe{

    width:100%;

    height:100%;

    border:0;

}

.tt-office-card{

    background:#fff;

    border-radius:30px;

    padding:40px;

    border:1px solid var(--border);

    box-shadow:0 20px 50px rgba(15,23,42,.06);

    height:100%;

}

.tt-office-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:22px 0;

    border-bottom:1px solid #EEF2F7;

}

.tt-office-item:last-child{

    border-bottom:none;

}

.tt-office-item i{

    width:58px;

    height:58px;

    flex-shrink:0;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:22px;

}

.tt-office-item h5{

    margin-bottom:8px;

    font-size:20px;

}

.tt-office-item p{

    margin:0;

    color:#64748B;

    line-height:1.7;

}

@media(max-width:991px){

.tt-office-card{

margin-top:20px;

}

.tt-map{

min-height:420px;

}

}

@media(max-width:768px){

.tt-office-location{

padding:80px 0;

}

.tt-office-card{

padding:30px;

}

.tt-map{

min-height:320px;

}

}

/*==================================
CONTACT FAQ
==================================*/

.tt-contact-faq{

    padding:130px 0;

    background:#ffffff;

}

.tt-faq-accordion{

    max-width:900px;

    margin:60px auto 0;

}

.tt-faq-accordion .accordion-item{

    border:1px solid var(--border);

    border-radius:18px;

    overflow:hidden;

    margin-bottom:20px;

}

.tt-faq-accordion .accordion-button{

    font-size:20px;

    font-weight:600;

    padding:22px 28px;

    background:#fff;

    box-shadow:none;

}

.tt-faq-accordion .accordion-button:not(.collapsed){

    background:#EEF4FF;

    color:var(--primary);

}

.tt-faq-accordion .accordion-body{

    padding:25px 28px;

    color:#64748B;

    line-height:1.8;

}

@media(max-width:768px){

.tt-contact-faq{

padding:80px 0;

}

.tt-faq-accordion .accordion-button{

font-size:18px;

padding:18px 20px;

}

.tt-faq-accordion .accordion-body{

padding:20px;

}

}
/*==================================
CONTACT CTA
==================================*/

.tt-contact-cta{

    padding:130px 0;

    background:linear-gradient(
        135deg,
        #2563EB,
        #4F46E5,
        #7C3AED
    );

    position:relative;

    overflow:hidden;

}

.tt-contact-cta::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

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

    top:-180px;

    right:-150px;

}

.tt-contact-cta::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    left:-100px;

    bottom:-100px;

}

.tt-contact-cta-box{

    max-width:900px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}

.tt-cta-badge{

    display:inline-block;

    color:#fff;

    font-size:14px;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:20px;

}

.tt-contact-cta h2{

    color:#fff;

    font-size:clamp(48px,5vw,72px);

    line-height:1.15;

    margin-bottom:25px;

}

.tt-gradient-light{

    color:#fff;

}

.tt-contact-cta p{

    max-width:700px;

    margin:0 auto 45px;

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

    font-size:20px;

    line-height:1.8;

}

.tt-cta-features{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

    margin-bottom:45px;

}

.tt-cta-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.tt-cta-features i{

    color:#4ADE80;

}

.tt-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.tt-btn-outline-light{

    padding:16px 36px;

    border:2px solid rgba(255,255,255,.35);

    color:#fff;

    border-radius:999px;

    text-decoration:none;

    transition:.35s;

    display:inline-flex;

    align-items:center;

    justify-content:center;

}

.tt-btn-outline-light:hover{

    background:#fff;

    color:var(--primary);

}

@media(max-width:768px){

.tt-contact-cta{

padding:80px 0;

}

.tt-contact-cta h2{

font-size:38px;

}

.tt-contact-cta p{

font-size:17px;

}

.tt-cta-features{

flex-direction:column;

gap:18px;

}

.tt-cta-buttons{

flex-direction:column;

}

.tt-cta-buttons a{

width:100%;

justify-content:center;

}

}

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

.tt-case-hero{

    padding:220px 0 130px;

    background:
    radial-gradient(circle at top right,#DBEAFE,transparent 35%),
    radial-gradient(circle at bottom left,#EDE9FE,transparent 35%),
    #fff;

}

.tt-project-meta{

    display:flex;

    gap:30px;

    margin-top:35px;

    flex-wrap:wrap;

}

.tt-project-meta span{

    background:#EEF4FF;

    padding:15px 22px;

    border-radius:15px;

}

/*==================================
PROJECT OVERVIEW
==================================*/

.tt-project-overview{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-overview-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:35px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.tt-overview-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(15,23,42,.08);

}

.tt-overview-card i{

    width:70px;

    height:70px;

    margin:0 auto 20px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:28px;

}

.tt-overview-card h4{

    margin-bottom:10px;

    font-size:22px;

}

.tt-overview-card p{

    margin:0;

    color:#64748B;

}

.tt-project-services{

    margin-top:70px;

    text-align:center;

}

.tt-project-services h3{

    margin-bottom:30px;

}

.tt-service-tags{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

}

.tt-service-tags span{

    background:#EEF4FF;

    color:var(--primary);

    padding:12px 20px;

    border-radius:999px;

    font-weight:600;

    transition:.3s;

}

.tt-service-tags span:hover{

    background:var(--primary);

    color:#fff;

}

@media(max-width:768px){

.tt-project-overview{

padding:80px 0;

}

.tt-overview-card{

padding:30px;

}

}

/*==================================
CASE CHALLENGE
==================================*/

.tt-case-challenge{

    padding:130px 0;

    background:#fff;

}

.tt-case-image img{

    width:100%;

    border-radius:28px;

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-challenge-list{

    margin-top:40px;

}

.tt-challenge-item{

    display:flex;

    gap:20px;

    margin-bottom:25px;

    padding:25px;

    border-radius:22px;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-challenge-item:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 50px rgba(15,23,42,.08);

}

.tt-challenge-item i{

    width:65px;

    height:65px;

    flex-shrink:0;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:28px;

}

.tt-challenge-item h5{

    margin-bottom:8px;

    font-size:22px;

}

.tt-challenge-item p{

    margin:0;

    color:#64748B;

    line-height:1.7;

}

@media(max-width:768px){

.tt-case-challenge{

padding:80px 0;

}

.tt-challenge-item{

padding:20px;

}

.tt-challenge-item h5{

font-size:20px;

}

}

/*==================================
CASE SOLUTION
==================================*/

.tt-case-solution{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-solution-list{

    margin-top:40px;

}

.tt-solution-item{

    display:flex;

    gap:18px;

    margin-bottom:22px;

    padding:22px;

    background:#fff;

    border-radius:20px;

    border:1px solid var(--border);

    transition:.35s;

}

.tt-solution-item:hover{

    transform:translateX(10px);

    box-shadow:0 20px 45px rgba(15,23,42,.08);

}

.tt-solution-item i{

    font-size:28px;

    color:#10B981;

    flex-shrink:0;

}

.tt-solution-item h5{

    margin-bottom:8px;

    font-size:21px;

}

.tt-solution-item p{

    margin:0;

    color:#64748B;

    line-height:1.7;

}

.tt-solution-image{

    position:relative;

}

.tt-solution-image img{

    width:100%;

    border-radius:28px;

    box-shadow:0 30px 70px rgba(15,23,42,.10);

}

.tt-floating-card{

    position:absolute;

    background:#fff;

    border-radius:20px;

    padding:18px 22px;

    display:flex;

    align-items:center;

    gap:15px;

    box-shadow:0 15px 40px rgba(15,23,42,.12);

}

.tt-floating-card i{

    width:55px;

    height:55px;

    border-radius:15px;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}

.tt-floating-card strong{

    display:block;

    font-size:24px;

    color:var(--heading);

}

.tt-floating-card span{

    color:#64748B;

    font-size:14px;

}

.card-1{

    top:30px;

    left:-40px;

}

.card-2{

    bottom:30px;

    right:-40px;

}

@media(max-width:991px){

.card-1{

left:15px;

}

.card-2{

right:15px;

}

}

@media(max-width:768px){

.tt-case-solution{

padding:80px 0;

}

.tt-solution-item{

padding:18px;

}

.tt-floating-card{

position:relative;

margin-top:20px;

left:auto;

right:auto;

top:auto;

bottom:auto;

}

}

/*==================================
RESULTS
==================================*/

.tt-case-results{

    padding:130px 0;

    background:#ffffff;

}

.tt-result-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:40px 30px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.tt-result-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-result-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:32px;

}

.tt-result-card h2{

    font-size:48px;

    color:var(--primary);

    margin-bottom:10px;

}

.tt-result-card h5{

    margin-bottom:15px;

    font-size:22px;

}

.tt-result-card p{

    color:#64748B;

    line-height:1.8;

    margin:0;

}

.tt-results-summary{

    max-width:900px;

    margin:80px auto 0;

    text-align:center;

    background:#F8FAFC;

    padding:50px;

    border-radius:30px;

    border:1px solid var(--border);

}

.tt-results-summary h3{

    margin-bottom:20px;

    font-size:36px;

}

.tt-results-summary p{

    margin:0;

    color:#64748B;

    line-height:1.9;

}

@media(max-width:768px){

.tt-case-results{

padding:80px 0;

}

.tt-result-card{

padding:30px;

}

.tt-result-card h2{

font-size:38px;

}

.tt-results-summary{

padding:30px;

margin-top:50px;

}

}

/*==================================
PROJECT GALLERY
==================================*/

.tt-project-gallery{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-gallery-large,
.tt-gallery-small{

    overflow:hidden;

    border-radius:24px;

    box-shadow:0 25px 60px rgba(15,23,42,.08);

}

.tt-gallery-large img{

    width:100%;

    height:650px;

    object-fit:cover;

    transition:.4s;

}

.tt-gallery-small img{

    width:100%;

    height:310px;

    object-fit:cover;

    transition:.4s;

}

.tt-gallery-large:hover img,
.tt-gallery-small:hover img{

    transform:scale(1.05);

}

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

.tt-project-highlights{

    padding:100px 0;

    background:#fff;

}

.tt-highlight-box{

    background:#F8FAFC;

    border-radius:24px;

    padding:40px;

    text-align:center;

    border:1px solid var(--border);

    transition:.35s;

    height:100%;

}

.tt-highlight-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(15,23,42,.08);

}

.tt-highlight-box i{

    width:75px;

    height:75px;

    margin:0 auto 25px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:30px;

}

.tt-highlight-box h4{

    margin:0;

    font-size:22px;

}

@media(max-width:768px){

.tt-project-gallery{

padding:80px 0;

}

.tt-gallery-large img{

height:350px;

}

.tt-gallery-small img{

height:220px;

}

.tt-project-highlights{

padding:70px 0;

}

.tt-highlight-box{

padding:30px;

}

}

/*==================================
CLIENT TESTIMONIAL
==================================*/

.tt-case-testimonial{

    padding:130px 0;

    background:#ffffff;

}

.tt-testimonial-card{

    background:white;

    border-radius:35px;

    padding:60px;

    overflow:hidden;

    position:relative;

}

.tt-client-profile{

    text-align:center;

}

.tt-client-profile img{

    width:140px;

    height:140px;

    border-radius:50%;

    object-fit:cover;

    border:6px solid rgba(255,255,255,.2);

}

.tt-stars{

    margin:25px 0 18px;

    color:#FFD43B;

    font-size:20px;

}

.tt-client-profile h3{

    color:#fff;

    margin-bottom:8px;

}

.tt-client-profile span{

    display:block;

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

    margin-bottom:20px;

}

.tt-client-profile a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.tt-testimonial-content{

    color:#fff;

}

.tt-testimonial-content i{

    font-size:60px;

    opacity:.25;

}

.tt-testimonial-content blockquote{

    font-size:26px;

    line-height:1.8;

    margin:25px 0 40px;

}

.tt-project-summary{

    display:flex;

    justify-content:space-between;

    gap:20px;

    flex-wrap:wrap;

}

.tt-project-summary div{

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

    border-radius:20px;

    padding:22px;

    flex:1;

    min-width:180px;

}

.tt-project-summary strong{

    display:block;

    font-size:22px;

    margin-bottom:8px;

}

.tt-project-summary span{

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

}

@media(max-width:991px){

.tt-testimonial-card{

padding:40px;

}

.tt-client-profile{

margin-bottom:40px;

}

}

@media(max-width:768px){

.tt-case-testimonial{

padding:80px 0;

}

.tt-testimonial-card{

padding:30px;

}

.tt-testimonial-content blockquote{

font-size:20px;

}

.tt-project-summary{

flex-direction:column;

}

}

/*==================================
ABOUT CLIENT
==================================*/

.tt-about-client{

    padding:130px 0;

    background:#ffffff;

}

.tt-client-image img{

    width:100%;

    border-radius:30px;

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-client-stats{

    display:flex;

    gap:30px;

    margin-top:40px;

    flex-wrap:wrap;

}

.tt-client-stats div{

    flex:1;

    min-width:150px;

    background:#F8FAFC;

    border:1px solid var(--border);

    border-radius:22px;

    padding:25px;

    text-align:center;

}

.tt-client-stats h3{

    font-size:42px;

    color:var(--primary);

    margin-bottom:8px;

}

.tt-client-stats span{

    color:#64748B;

    font-weight:500;

}

@media(max-width:768px){

.tt-about-client{

padding:80px 0;

}

.tt-client-stats{

flex-direction:column;

gap:20px;

}

.tt-client-stats h3{

font-size:34px;

}

}

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

.tt-project-features{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-feature-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:28px;

    padding:35px 30px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.tt-feature-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-feature-card i{

    width:50px;

    height:50px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:34px;

}

.tt-feature-card h4{

    font-size:24px;

    margin-bottom:15px;

}


.tt-feature-card span{

    font-size:18px;
    font-weight:500;

    margin-bottom:15px;

}

.tt-feature-card p{

    color:#64748B;

    line-height:1.8;

    margin:0;

}

@media(max-width:768px){

.tt-project-features{

padding:80px 0;

}

.tt-feature-card{

padding:30px 25px;

}

.tt-feature-card h4{

font-size:22px;

}

}

/*==================================
TECH STACK
==================================*/

.tt-tech-stack-section{

    padding:130px 0;

    background:#ffffff;

}

.tt-tech-card{

    background:#F8FAFC;

    border:1px solid var(--border);

    border-radius:28px;

    padding:35px;

    height:100%;

    transition:.35s;

}

.tt-tech-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 60px rgba(15,23,42,.08);

}

.tt-tech-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

}

.tt-tech-card h4{

    margin-bottom:20px;

    font-size:24px;

}

.tt-tech-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.tt-tech-card ul li{

    padding:10px 0;

    color:#64748B;

    border-bottom:1px solid #E5E7EB;

    position:relative;

    padding-left:24px;

}

.tt-tech-card ul li:last-child{

    border-bottom:none;

}

.tt-tech-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#10B981;

    font-weight:700;

}

@media(max-width:768px){

.tt-tech-stack-section{

padding:80px 0;

}

.tt-tech-card{

padding:30px;

}

}

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

.tt-project-timeline{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-timeline{

    max-width:900px;

    margin:70px auto 0;

    position:relative;

}

.tt-timeline::before{

    content:"";

    position:absolute;

    left:40px;

    top:0;

    bottom:0;

    width:3px;

    background:linear-gradient(var(--primary),var(--secondary));

}

.tt-timeline-item{

    display:flex;

    gap:30px;

    margin-bottom:45px;

    position:relative;

}

.tt-timeline-icon{

    width:80px;

    height:80px;

    flex-shrink:0;

    border-radius:50%;

    background:linear-gradient(135deg,var(--primary),var(--secondary));

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    position:relative;

    z-index:2;

}

.tt-timeline-content{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:30px;

    flex:1;

    box-shadow:0 15px 40px rgba(15,23,42,.05);

}

.tt-timeline-content span{

    display:inline-block;

    color:var(--primary);

    font-weight:700;

    margin-bottom:10px;

}

.tt-timeline-content h4{

    margin-bottom:15px;

    font-size:26px;

}

.tt-timeline-content p{

    margin:0;

    color:#64748B;

    line-height:1.8;

}

@media(max-width:768px){

.tt-project-timeline{

padding:80px 0;

}

.tt-timeline::before{

left:30px;

}

.tt-timeline-item{

gap:20px;

}

.tt-timeline-icon{

width:60px;

height:60px;

font-size:22px;

}

.tt-timeline-content{

padding:20px;

}

.tt-timeline-content h4{

font-size:22px;

}

}

/*==================================
PROJECT GALLERY
==================================*/

.tt-project-gallery{

    padding:130px 0;

    background:#F8FAFC;

}

.tt-gallery-large,
.tt-gallery-small{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    box-shadow:0 25px 70px rgba(15,23,42,.08);

}

.tt-gallery-large img{

    width:100%;

    height:650px;

    object-fit:cover;

    transition:.5s;

}

.tt-gallery-small img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.5s;

}

.tt-gallery-large:hover img,
.tt-gallery-small:hover img{

    transform:scale(1.08);

}

.tt-gallery-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:30px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.75)
    );

    opacity:0;

    transition:.35s;

}

.tt-gallery-large:hover .tt-gallery-overlay,
.tt-gallery-small:hover .tt-gallery-overlay{

    opacity:1;

}

.tt-gallery-overlay h4,
.tt-gallery-overlay h5{

    color:#fff;

    margin-bottom:8px;

}

.tt-gallery-overlay p{

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

    margin:0;

}

@media(max-width:768px){

.tt-project-gallery{

padding:80px 0;

}

.tt-gallery-large img{

height:350px;

}

.tt-gallery-small img{

height:230px;

}

.tt-gallery-overlay{

opacity:1;

padding:20px;

}

}


/*==================================
CLIENT LOGOS
==================================*/

.tt-clients{

    padding:120px 0;

    background:#fff;

    overflow:hidden;

}

.tt-logo-slider{

    position:relative;

    overflow:hidden;

    margin-top:70px;

}

.tt-logo-slider::before,

.tt-logo-slider::after{

    content:"";

    position:absolute;

    top:0;

    width:120px;

    height:100%;

    z-index:2;

    pointer-events:none;

}

.tt-logo-slider::before{

    left:0;

    background:linear-gradient(to right,#fff,transparent);

}

.tt-logo-slider::after{

    right:0;

    background:linear-gradient(to left,#fff,transparent);

}

.tt-logo-track{

    display:flex;

    width:max-content;

    animation:ttScroll 28s linear infinite;

}

.tt-logo-slider:hover .tt-logo-track{

    animation-play-state:paused;

}

.tt-logo-item{

    width:260px;

    height:130px;

    margin:0 18px;

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:.35s;

}

.tt-logo-item:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(15,23,42,.08);

}

.tt-logo-item img{

    max-width:170px;

    max-height:70px;

    width:auto;

    height:auto;

    object-fit:contain;


    opacity:.7;

    transition:.35s;

}

.tt-logo-item:hover img{

    filter:none;

    opacity:1;

}

@keyframes ttScroll{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

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

@media(max-width:991px){

.tt-logo-item{

width:220px;

height:110px;

}

.tt-logo-item img{

max-width:150px;

}

}

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

@media(max-width:768px){

.tt-clients{

padding:80px 0;

}

.tt-logo-slider{

margin-top:45px;

}

.tt-logo-item{

width:180px;

height:90px;

margin:0 12px;

border-radius:16px;

}

.tt-logo-item img{

max-width:120px;

max-height:50px;

}

.tt-logo-slider::before,

.tt-logo-slider::after{

width:50px;

}

}