/* ===== VARIABLES ===== */
:root {
    --trippal-primary: #FF7F14;
    --trippal-dark: #0A1556;
    --trippal-navy: #1B2B4B;
    --trippal-blue: #2D3A6E;
    --trippal-light-orange: #FFF5ED;
    --trippal-gray: #F5F7FA;
    --trippal-gray-light:#F9F6F1CC;
    --trippal-text: #333333;
    --trippal-text-light: #666666;
    --trippal-text-grey:#616B7D;
    --trippal-border: #0A155617;
    --trippal-success: #28A745;
    --trippal-star: #FFB800;
    --trippal-white:#FFFBF8;
}

/* ===== GENERAL ===== */
body {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--trippal-text);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .section-title, .hero-title, .deal-city, .step-title, .stat-number {
    font-family: 'Sora', sans-serif;
}

a { 
    text-decoration: none; 
    transition: color 0.2s; 
}

img { 
    max-width: 100%; 
    height: auto; 
}

/* ===== UTILITY CLASSES ===== */
.fs-12 {
    font-size: 12px;
}
.fs-11{
    font-size: 11px;
}
.fs-13{
    font-size: 13px;
}
.fs-18 {
    font-size: 18px;
}
.text-white-1
{
    color: #FFFBF8BF;
}
.bg-trippal-light {
    background:#FFFBF8 !important;
}

.ls-4 {
    letter-spacing: 4px;
}

.bg-trippal { 
    background-color: var(--trippal-dark) !important; 
}

.text-trippal { 
    color: var(--trippal-primary) !important; 
}

.bg-trippal-primary { 
    background-color: var(--trippal-primary) !important; 
}

.trippal-text-grey {
    color:var(--trippal-text-grey)!important;
}
.footer-card{
    border: 1px solid #FF7F1466;
    border-radius: 22px;
    font-size: 16px;
    color: #FFFBF8;
}
.footer-icon {
    width: 44px;
    height: 44px;
    border: 1px solid #F9F6F133;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    text-decoration: none;
    box-sizing: border-box;
}
/* ===== COMMON SECTIONS ===== */
.section-title {
    font-size: 30px;
    font-weight: 600;
    color: #0A1556;
    margin-bottom: 16px;
}

.section-subtitle {
    font-size: 15px;
    color: #616B7D;
    margin-bottom: 30px;
    line-height: 26px;
    letter-spacing: 2%;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .section-title { 
        font-size: 1.5rem; 
    }
}