/*!
Theme Name: GATIXPS
Theme URI: https://airnet.in/
Author: AirNet
Description: Fully Responsive, AMP-Lookalike, Lighthouse Optimized Theme with Premium Corporate UI
Version: 1.2.0
Text Domain: gatixps
*/

/* =========================================
   ========================================= */
:root {
    --primary-color: #f74f25; 
    --primary-dark: #cc3514;  
    --secondary-color: #00379e;
    --secondary-dark: #001f54;
    --text-color: #444444;
    --bg-light: #f8f9fa;
    --white: #ffffff;
    --border-color: #e0e0e0;
    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* =========================================
   ========================================= */
*, *::before, *::after { box-sizing: border-box; }
html { line-height: 1.15; -webkit-text-size-adjust: 100%; box-sizing: border-box; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font-main); color: var(--text-color); line-height: 1.6; background: var(--white); }
main { display: block; }
h1, h2, h3, h4, h5, h6 { clear: both; color: var(--secondary-dark); margin-top: 0; margin-bottom: 0.5em; letter-spacing: -0.5px; }
p { margin-bottom: 1.5em; font-size: 16px; }
hr { box-sizing: content-box; height: 1px; overflow: visible; background-color: var(--border-color); border: 0; margin-bottom: 1.5em; }
img { max-width: 100%; height: auto; display: block; border-style: none; border-radius: 12px; }

ul, ol { margin: 0 0 1.5em 2em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

/* =========================================
   ========================================= */
a { text-decoration: none; background-color: transparent; color: var(--primary-dark); transition: 0.3s ease; }
a:hover, a:focus, a:active { color: var(--secondary-color); outline: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; border: 1px solid var(--border-color); border-radius: 6px; padding: 0.8em; }

/* =========================================
   ========================================= */
.full-width-section { width: 100%; padding: 30px 15px; position: relative; }
.container-block { max-width: 1200px; margin: 0 auto; width: 100%; position: relative; z-index: 2; }
.bg-grey { background-color: var(--bg-light); }

.bg-gradient-corporate { background: linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary-color) 100%); color: var(--white); }
.bg-gradient-corporate h1, .bg-gradient-corporate h2, .bg-gradient-corporate p { color: var(--white); }
.overlap-top { margin-top: -10px; position: relative; z-index: 10; }
.premium-shadow { box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.badge { display: inline-block; background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 20px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border: 1px solid rgba(255,255,255,0.2); margin-bottom: 15px; }

.section-heading { font-size: 36px; font-weight: 800; margin-bottom: 20px; text-align: center; line-height: 1.2; }
.section-subheading { font-size: 18px; color: #666; margin-bottom: 50px; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; }

.hero-content-wrapper { display: flex; flex-wrap: wrap; gap: 50px; align-items: center; }
.hero-text { flex: 1 1 500px; }
.hero-image { flex: 1 1 400px; position: relative; }
.hero-image img { box-shadow: 0 15px 40px rgba(0,0,0,0.15); }

.data-table-wrapper { overflow-x: auto; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); border-radius: 12px; background: var(--white); border: 1px solid var(--border-color); }
.modern-table { width: 100%; border-collapse: collapse; min-width: 600px; margin-bottom: 0; }
.modern-table th { background-color: var(--secondary-dark); color: var(--white); padding: 20px; text-align: left; font-weight: 600; text-transform: uppercase; font-size: 15px; letter-spacing: 0.5px; }
.modern-table td { padding: 18px 20px; border-bottom: 1px solid var(--border-color); color: var(--text-color); font-size: 16px; }
.modern-table tr:nth-child(even) { background-color: var(--bg-light); }
.modern-table tr:hover { background-color: #f1f5f9; }

.services-grid, .reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.service-card, .review-card { background: var(--white); padding: 40px 30px; border-radius: 16px; border: 1px solid #f0f0f0; text-align: left; box-shadow: 0 10px 30px rgba(0,0,0,0.04); transition: all 0.3s ease; }
.service-card:hover, .review-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); border-color: var(--border-color); }
.service-card h3 { font-size: 24px; font-weight: 700; margin-bottom: 15px; }

.icon-box { width: 64px; height: 64px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 25px; background: var(--bg-light); }
.icon-box.house { background: #fff0ec; color: var(--primary-color); }
.icon-box.car { background: #e6f0ff; color: var(--secondary-color); }
.icon-box.bike { background: #f3f4f6; color: #444; }

.btn-cta { background: var(--white); color: var(--primary-dark); padding: 15px 35px; border-radius: 8px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); border: none; cursor: pointer; }
.btn-cta-primary { background: var(--primary-color); color: var(--white); box-shadow: 0 8px 20px rgba(247, 79, 37, 0.3); }
.btn-cta-primary:hover { background: red; color:white; }
.btn-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0,0,0,0.15);background: orangered !important; color: white; }

.locality-tags { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 0; padding: 0; list-style: none; }
.loc-tag { background: var(--white); border: 1px solid var(--border-color); padding: 12px 24px; border-radius: 30px; font-size: 15px; color: var(--secondary-dark); font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(0,0,0,0.02); }
.loc-tag:hover { background: var(--primary-color); color: var(--white); border-color: var(--primary-color); transform: translateY(-2px); }

.tips-list { list-style: none; padding: 0; max-width: 800px; margin: 0 auto; }
.tips-list li { position: relative; padding-left: 40px; margin-bottom: 20px; font-size: 17px; background: var(--white); padding-top: 15px; padding-bottom: 15px; padding-right: 20px; border-radius: 8px; border: 1px solid var(--border-color); font-weight: 500; }
.tips-list li::before { content: '✓'; position: absolute; left: 15px; top: 15px; color: var(--primary-color); font-weight: 900; font-size: 20px; }

.faq-wrapper { max-width: 800px; margin: 0 auto; }
.faq-wrapper details { background: var(--white); border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 15px; padding: 20px 25px; cursor: pointer; transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.02); }
.faq-wrapper details:hover { border-color: var(--secondary-color); }
.faq-wrapper summary { font-weight: 700; font-size: 18px; color: var(--secondary-dark); outline: none; list-style: none; position: relative; padding-right: 30px; }
.faq-wrapper summary::-webkit-details-marker { display: none; }
.faq-wrapper summary::after { content: '+'; position: absolute; right: 0; top: 0; font-size: 26px; color: var(--primary-color); line-height: 1; }
.faq-wrapper details[open] summary::after { content: '−'; }
.faq-wrapper details p { margin-top: 20px; color: var(--text-color); line-height: 1.7; margin-bottom: 0; padding-top: 20px; border-top: 1px solid var(--border-color); }
#gatix-sticky-offer { position: fixed; bottom: 0; left: 0; right: 0; background: var(--secondary-dark); border-top: 2px solid var(--primary-color); z-index: 99990; box-shadow: 0 -5px 20px rgba(0,0,0,0.15); padding: 12px 0; color: var(--white); font-family: var(--font-main); transform: translateY(100%); animation: slideUpOffer 1s forwards 2s; }
    @keyframes slideUpOffer { to { transform: translateY(0); } }
    
    .gatix-offer-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 40px 0 15px; position: relative; }
    .gatix-offer-col { display: flex; flex-direction: column; justify-content: center; }
    
    .gatix-timer-wrapper { display: flex; align-items: center; gap: 10px; }
    .offer-title { font-size: 13px; color: #ffffff; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }
    .g-time-box { background: red; border: 1px solid #ffffff; border-radius: 6px; padding: 4px 8px; text-align: center; min-width: 45px; }
    .g-time-val { display: block; font-size: 18px; font-weight: 800; color: var(--white); line-height: 1; }
    .g-time-lbl { display: block; font-size: 10px; color: #ffffff; font-weight: 700; text-transform: uppercase; margin-top: 2px; }
    
    .offer-headline { font-size: 18px; font-weight: 800; color: var(--white); }
    .offer-sub { font-size: 14px; color: #d0dcf0; margin-top: 2px; }
    .highlight-text { color: var(--primary-color); font-weight: 700; background:white; padding: 2px 6px; border-radius: 4px; }
    
    .gatix-pulse-btn { background: var(--primary-color); color: var(--white); padding: 12px 25px; border-radius: 6px; font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 0 0 0 rgba(247, 79, 37, 0.7); animation: pulseOffer 2s infinite; border: none; cursor: pointer; text-decoration: none; display: inline-block; }
    .gatix-pulse-btn:hover { background: var(--white); color: var(--primary-color); }
    @keyframes pulseOffer { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(247, 79, 37, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(247, 79, 37, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(247, 79, 37, 0); } }
    
    .gatix-offer-close { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: #aebfdc; font-size: 20px; cursor: pointer; padding: 5px; }
    .gatix-offer-close:hover { color: var(--white); }
	#gx-wa-btn {bottom: 119px!important;}
.gx-popup {bottom: 119px!important;}
    /* Mobile Responsiveness */
    @media (max-width: 768px) {
        .gatix-offer-container { padding: 0 25px 0 10px; }
        .g-time-box { padding: 4px 6px; min-width: 38px; }
        .g-time-val { font-size: 15px; }
        .gatix-pulse-btn { padding: 10px 15px; font-size: 13px; }
        .offer-title { font-size: 11px; }
    }
/* =========================================
   ========================================= */
@media screen and (max-width: 768px) {
    .full-width-section { padding: 30px 15px; }
    .overlap-top { margin-top: 0; }
    .section-heading { font-size: 28px; }
    .hero-content-wrapper { gap: 30px; text-align: center; }
    .hero-text .badge { margin: 0 auto 15px; }
    .hero-text h1, .hero-text p { text-align: center !important; }
    .btn-cta { width: 100%; display: flex; }
    .modern-table th, .modern-table td { padding: 12px; font-size: 14px; }
    .menu-toggle { display: block !important; }
    .main-navigation { 
        display: none !important; 
        position: absolute; 
        top: 100%; 
        left: 0; 
        right: 0; 
        background: var(--white); 
        flex-direction: column; 
        padding: 20px; 
        box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
        border-top: 1px solid var(--border-color);
        gap: 20px !important;
        align-items: flex-start !important;
    }
    .main-navigation.toggled { display: flex !important; }
    .header-contact.hide-on-mobile { display: none !important; }
	#gx-wa-btn {bottom: 119px!important;}
	.gx-popup {bottom: 119px!important;}
}