/* ==================================================
                     01 Cards
================================================== */

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

.tc-card{

background:#fff;

border-radius:18px;

padding:32px;

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

box-shadow:var(--shadow-md);

transition:var(--transition);

height:100%;

display:flex;

flex-direction:column;

}

.tc-card:hover{

transform:translateY(-8px);

box-shadow:var(--shadow-lg);

}

/* ==================================================
                   02 Icon Circles
================================================== */

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

.tc-icon{

width:70px;

height:70px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#EDF5FF;

color:var(--tc-primary);

font-size:30px;

margin-bottom:25px;

transition:var(--transition);

}

.tc-card:hover .tc-icon{

transform:rotate(8deg) scale(1.08);

background:var(--tc-primary);

color:#fff;

}

/* ==================================================
                   03 Buttons
================================================== */

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

.tc-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

padding:16px 34px;

border-radius:999px;

font-weight:700;

font-size:16px;

transition:var(--transition);

cursor:pointer;

}

.tc-btn-primary{

background:var(--tc-primary);

color:#fff;

}

.tc-btn-primary:hover{

background:var(--tc-primary-dark);

transform:translateY(-3px);

}

.tc-btn-outline{

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

color:var(--tc-primary);

background:#fff;

}

.tc-btn-whatsapp{

background:#25D366;

color:#fff;

}

/* ==================================================
                 04 Badges
================================================== */

.tc-badge{

display:inline-flex;

align-items:center;

gap:8px;

padding:10px 18px;

border-radius:999px;

background:#EEF5FF;

color:var(--tc-primary);

font-weight:600;

font-size:14px;

}


/* ==================================================
                   05 Lists
================================================== */

.tc-list{

display:flex;

flex-direction:column;

gap:14px;

margin-top:20px;

}

.tc-list li{

display:flex;

align-items:center;

gap:12px;

color:var(--tc-text-light);

}

.tc-list i{

color:var(--tc-primary);

}


/* ==================================================
                 06 CTA Box
================================================== */

.tc-cta{

padding:60px;

border-radius:24px;

background:linear-gradient(135deg,#0D6EFD,#3B82F6);

text-align:center;

color:#fff;

}


/* ==================================================
                  07 Timeline
================================================== */

.tc-timeline{

position:relative;

display:grid;

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

gap:30px;

}


/* ==================================================
                08 Section Header
================================================== */

.tc-stars{

color:#FFC107;

font-size:18px;

letter-spacing:3px;

}



/* ==================================================
                   09 Rating Stars
================================================== */

.mt-20{

margin-top:20px;

}

.mt-40{

margin-top:40px;

}

.mb-20{

margin-bottom:20px;

}

.text-center{

text-align:center;

}


/* ==================================================
               10 Utility Classes
================================================== */




/* ==================================================
                     extr
================================================== */