:root { –primary-gold: #D4AF37; /* Shining Golden */ –secondary-black: #1a1a1a; /* Silver Black */ –text-dark: #333333; –bg-white: #FFFFFF; –bg-light-gray: #f8f9fa; –success-green: #28a745; –danger-red: #dc3545; –whatsapp-green: #25D366; } /* General Styles */ body { font-family: ‘Poppins’, sans-serif; margin: 0; padding: 0; background-color: var(–bg-white); color: var(–text-dark); line-height: 1.6; scroll-behavior: smooth; } .container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 40px 20px; } h1, h2, h3 { font-family: ‘Roboto’, sans-serif; font-weight: 700; color: var(–secondary-black); } h1 { font-size: 2.8rem; margin-bottom: 20px; line-height: 1.2; } h2 { font-size: 2.2rem; text-align: center; margin-bottom: 40px; position: relative; } h2::after { content: ”; display: block; width: 80px; height: 4px; background-color: var(–primary-gold); margin: 10px auto 0; border-radius: 2px; } p { margin-bottom: 20px; } strong, .bold { font-weight: 700; color: var(–primary-gold); } .btn { display: inline-block; padding: 12px 28px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; cursor: pointer; border: none; font-size: 1rem; } .btn-primary { background: linear-gradient(45deg, var(–primary-gold), #b89a2d); color: var(–bg-white); box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6); } .btn-secondary { background-color: var(–secondary-black); color: var(–bg-white); } .btn-secondary:hover { background-color: #000; transform: translateY(-3px); } /* Hero Section */ .hero { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(‘https://www.atlasaircons.com/wp-content/uploads/2025/07/ac-repair-in-vadodara.webp’) no-repeat center center/cover; color: var(–bg-white); padding: 100px 0; text-align: center; } .hero h1 { color: var(–bg-white); text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 30px; } .hero strong { color: #ffdd57; /* A lighter gold for hero text */ } .hero-buttons .btn { margin: 10px; } .trust-signals { display: flex; justify-content: center; gap: 30px; margin-top: 40px; flex-wrap: wrap; } .trust-signal { display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 500; } .trust-signal i { color: var(–primary-gold); font-size: 1.5rem; } /* Services Section */ .services-section { background-color: var(–bg-light-gray); } .price-table { width: 100%; border-collapse: collapse; margin-top: 30px; box-shadow: 0 4px 25px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden; } .price-table th, .price-table td { padding: 15px 20px; text-align: left; border-bottom: 1px solid #ddd; } .price-table th { background-color: var(–secondary-black); color: var(–bg-white); font-weight: 600; } .price-table tr:nth-child(even) { background-color: var(–bg-white); } .price-table tr:last-child td { border-bottom: none; } .price-table .service-price { font-weight: 700; color: var(–primary-gold); } .price-table a { color: var(–secondary-black); text-decoration: none; font-weight: 500; } .price-table a:hover { color: var(–primary-gold); text-decoration: underline; } /* Why Choose Us Section */ .why-choose-us .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; } .feature-card { background-color: var(–bg-white); padding: 30px; border-radius: 10px; text-align: center; box-shadow: 0 4px 25px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 8px 30px rgba(0,0,0,0.12); } .feature-card .icon { font-size: 3rem; color: var(–primary-gold); margin-bottom: 20px; } .feature-card h3 { font-size: 1.4rem; margin-bottom: 10px; } /* Pros and Cons Section */ .pros-cons-section { background-color: #fff; } .pros-cons-container { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; } .pros-cons-column { padding: 30px; border-radius: 10px; } .pros-cons-column.pros { background-color: #f0fff4; border-left: 5px solid var(–success-green); } .pros-cons-column.cons { background-color: #fff5f5; border-left: 5px solid var(–danger-red); } .pros-cons-column h3 { display: flex; align-items: center; gap: 10px; font-size: 1.5rem; margin-bottom: 20px; } .pros-cons-column.pros h3 { color: var(–success-green); } .pros-cons-column.cons h3 { color: var(–danger-red); } .pros-cons-list { list-style: none; padding: 0; } .pros-cons-list li { margin-bottom: 15px; display: flex; align-items: flex-start; gap: 10px; } .pros-cons-list li i { margin-top: 5px; font-size: 1.1rem; } .pros-cons-column.pros li i { color: var(–success-green); } .pros-cons-column.cons li i { color: var(–danger-red); } /* Process Section */ .process-section { background-color: var(–bg-light-gray); } .process-steps { display: flex; justify-content: space-between; gap: 30px; margin-top: 50px; flex-wrap: wrap; } .step { flex: 1; text-align: center; position: relative; min-width: 220px; } .step .step-icon { width: 80px; height: 80px; border-radius: 50%; background-color: var(–primary-gold); color: white; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; margin: 0 auto 20px; border: 4px solid var(–bg-white); box-shadow: 0 0 0 4px var(–primary-gold); } .step h3 { font-size: 1.3rem; margin-bottom: 10px; } .step:not(:last-child)::after { content: ”; position: absolute; top: 40px; right: -15%; width: 30%; height: 2px; background: repeating-linear-gradient(90deg, var(–primary-gold), var(–primary-gold) 5px, transparent 5px, transparent 10px); } /* Image Gallery */ .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; } .gallery-grid img { width: 100%; height: 250px; object-fit: cover; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .gallery-grid img:hover { transform: scale(1.05); box-shadow: 0 8px 25px rgba(0,0,0,0.2); } /* FAQ Section */ .faq-item { background-color: var(–bg-light-gray); margin-bottom: 15px; border-radius: 8px; border-left: 5px solid var(–primary-gold); } .faq-question { padding: 20px; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; } .faq-question::after { content: ‘f078’; /* Font Awesome down arrow */ font-family: ‘Font Awesome 6 Free’; font-weight: 900; transition: transform 0.3s ease; } .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.active .faq-answer { max-height: 300px; padding: 0 20px 20px; } .faq-item.active .faq-question::after { transform: rotate(180deg); } /* Service Areas Section */ .service-areas-list { columns: 4; -webkit-columns: 4; -moz-columns: 4; column-gap: 20px; list-style: none; padding: 0; } .service-areas-list li { margin-bottom: 10px; } .service-areas-list a { text-decoration: none; color: var(–text-dark); transition: color 0.2s; display: block; padding: 5px; border-radius: 5px; } .service-areas-list a:hover { color: var(–primary-gold); background-color: #f0f0f0; } /* Final CTA Section */ .final-cta { background: var(–secondary-black); color: var(–bg-white); text-align: center; padding: 60px 20px; } .final-cta h2 { color: var(–bg-white); } .final-cta p { font-size: 1.2rem; margin-bottom: 30px; } .final-cta .btn { font-size: 1.5rem; padding: 15px 40px; } /* Popup Styles */ .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; align-items: center; justify-content: center; z-index: 1000; opacity: 0; transition: opacity 0.3s ease; } .popup-container { background: white; padding: 30px; border-radius: 15px; width: 90%; max-width: 500px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.2); transform: scale(0.9); transition: transform 0.3s ease; } .popup-overlay.show { display: flex; opacity: 1; } .popup-overlay.show .popup-container { transform: scale(1); } .popup-close-btn { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: #888; cursor: pointer; line-height: 1; } .popup-container h3 { text-align: center; margin-bottom: 20px; color: var(–primary-gold); } .popup-form input, .popup-form select { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; } .popup-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .popup-buttons .btn { width: 100%; padding: 15px; font-size: 1.1rem; } .btn-whatsapp { background-color: var(–whatsapp-green); color: white; } /* Minimized Quote Icon */ .minimized-quote-icon { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background: var(–primary-gold); color: white; border-radius: 50%; display: none; align-items: center; justify-content: center; font-size: 1.8rem; cursor: pointer; z-index: 999; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: transform 0.3s ease; } .minimized-quote-icon:hover { transform: scale(1.1); } .minimized-quote-icon.show { display: flex; } /* Responsive Styles */ @media (max-width: 992px) { .service-areas-list { columns: 3; -webkit-columns: 3; -moz-columns: 3; } .process-steps { flex-direction: column; align-items: center; } .step:not(:last-child)::after { display: none; /* Hide connector lines on smaller screens */ } } @media (max-width: 768px) { h1 { font-size: 2.2rem; } h2 { font-size: 1.8rem; } .container { padding: 30px 15px; } .service-areas-list { columns: 2; -webkit-columns: 2; -moz-columns: 2; } .pros-cons-container { grid-template-columns: 1fr; } .hero-buttons { display: flex; flex-direction: column; align-items: center; } .hero-buttons .btn { width: 80%; max-width: 300px; } .popup-buttons { grid-template-columns: 1fr; } } @media (max-width: 480px) { .service-areas-list { columns: 1; -webkit-columns: 1; -moz-columns: 1; } }

Our Work in Action

// FAQ Accordion document.addEventListener(‘DOMContentLoaded’, function () { const faqItems = document.querySelectorAll(‘.faq-item’); faqItems.forEach(item => { const question = item.querySelector(‘.faq-question’); question.addEventListener(‘click’, () => { const currentlyActive = document.querySelector(‘.faq-item.active’); if (currentlyActive && currentlyActive !== item) { currentlyActive.classList.remove(‘active’); } item.classList.toggle(‘active’); }); }); // Popup Logic const quotePopup = document.getElementById(‘quotePopup’); const closePopupBtn = document.getElementById(‘closePopupBtn’); const minimizedQuoteIcon = document.getElementById(‘minimizedQuoteIcon’); const POPUP_COOKIE_NAME = ‘atlasAirconPopupShown’; const showPopup = () => { quotePopup.classList.add(‘show’); document.cookie = `${POPUP_COOKIE_NAME}=true; max-age=86400; path=/`; // Expires in 1 day }; const hidePopup = () => { quotePopup.classList.remove(‘show’); minimizedQuoteIcon.classList.add(‘show’); }; // Check if popup has been shown before if (!document.cookie.includes(`${POPUP_COOKIE_NAME}=true`)) { setTimeout(showPopup, 60000); // Show popup after 60 seconds } closePopupBtn.addEventListener(‘click’, hidePopup); minimizedQuoteIcon.addEventListener(‘click’, () => { minimizedQuoteIcon.classList.remove(‘show’); quotePopup.classList.add(‘show’); }); // Close popup if user clicks overlay quotePopup.addEventListener(‘click’, function(e) { if(e.target === this) { hidePopup(); } }); });

{ “@context”: “https://schema.org”, “@graph”: [ { “@type”: “LocalBusiness”, “name”: “Atlas Aircon”, “image”: “https://www.atlasaircons.com/wp-content/uploads/2025/07/ac-repair-in-vadodara.webp”, “@id”: “https://www.atlasaircons.com”, “url”: “https://www.atlasaircons.com/ac-service-in-varsada”, “telephone”: “+91-9727257141”, “email”: “hello@atlasaircons.com”, “priceRange”: “₹₹”, “address”: { “@type”: “PostalAddress”, “streetAddress”: “Serving All of varsada”, “addressLocality”: “varsada”, “postalCode”: “390001”, “addressRegion”: “GJ”, “addressCountry”: “IN” }, “geo”: { “@type”: “GeoCoordinates”, “latitude”: 22.3072, “longitude”: 73.1812 }, “openingHoursSpecification”: [ { “@type”: “OpeningHoursSpecification”, “dayOfWeek”: [ “Monday”, “Tuesday”, “Wednesday”, “Thursday”, “Friday”, “Saturday”, “Sunday” ], “opens”: “00:00”, “closes”: “23:59” } ], “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: “4.9”, “reviewCount”: “18586” }, “sameAs”: [ “https://www.facebook.com/atlasaircons/”, “https://www.instagram.com/atlasaircons/” ] }, { “@type”: “Service”, “serviceType”: “HVAC Contractor”, “provider”: { “@type”: “LocalBusiness”, “name”: “Atlas Aircon” }, “areaServed”: { “@type”: “City”, “name”: “varsada” }, “name”: “AC Repair and Service”, “description”: “Expert AC repair, installation, and maintenance services for all brands including Split, Window, and Central ACs in varsada. We also service refrigerators and air coolers.” }, { “@type”: “Offer”, “name”: “AC Service Charges”, “category”: “AC Maintenance”, “priceSpecification”: { “@type”: “PriceSpecification”, “price”: “499”, “priceCurrency”: “INR”, “valueAddedTaxIncluded”: “true”, “description”: “Starting price for standard AC jet pump service.” } }, { “@type”: “FAQPage”, “mainEntity”: [ { “@type”: “Question”, “name”: “How much does AC service cost in varsada?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “The cost for a standard AC service in varsada typically ranges from ₹499 to ₹799, depending on the type of AC (Window or Split). This includes basic cleaning and a check-up. Our jet pump service offers a more thorough cleaning for optimal performance and starts at ₹499.” } }, { “@type”: “Question”, “name”: “What are the visit charges for AC repair?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Our standard visit charge for diagnosing an issue with your air conditioner in varsada is a nominal ₹299. This fee is adjusted against the final bill if you decide to proceed with the repair service recommended by our technician.” } }, { “@type”: “Question”, “name”: “Do you provide 24/7 emergency AC repair service?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes, we absolutely do. Atlas Aircon provides 24/7 emergency AC repair service across varsada. We understand that AC issues can arise at any time, and our team is always ready to provide swift and effective solutions to restore your comfort quickly.” } }, { “@type”: “Question”, “name”: “Which AC brands do you service?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “We service and repair all major AC brands, including but not limited to Voltas, LG, Samsung, Daikin, Hitachi, Blue Star, Carrier, O General, Lloyd, Panasonic, and many more. Our technicians are trained to handle all models.” } }, { “@type”: “Question”, “name”: “Do you repair refrigerators and air coolers too?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes, alongside being AC experts, we also offer professional refrigerator repair and air cooler repair services in varsada. Whether it’s a cooling issue, a faulty compressor, or a water pump problem, our team can fix it efficiently.” } } ] } ] }