gap:30px; grid-template-columns:1fr; grid-template-columns:repeat(2, 1fr); .popular-pages > div > div:last-child{ color:#667eea !important; text-decoration:underline !important; } --card-padding:24px; --section-padding:60px; .popular-pages a:hover{ @media (max-width:640px){ @media (max-width:992px){ display:none; flex-direction:column; font-size:0.875rem; font-size:1rem; font-size:2rem; font-size:3.5rem; font-size:8rem; gap:1.5rem; gap:1rem; gap:2rem; grid-template-columns:1fr; grid-template-columns:repeat(2, 1fr); height:120px; height:40px; margin-top:-80px; opacity:0; opacity:1; padding:0.625rem 1rem; padding:1rem 2rem; padding:1rem; padding:2rem 1.5rem; transform:scale(1); transform:scale(1.15); transform:translateY(-10px); transform:translateY(0); transform:translateY(20px); width:120px; width:40px; } --bg-gradient:linear-gradient(180deg, #f5f7fa 0%, #e5e7eb 100%); --bg-gray:#ffffff; --bg-light:#f8fafc; --bg-white:#ffffff; --border-focus:#2563eb; --border-light:#e2e8f0; --border:#cbd5e1; --border:#e2e8f0; --card-padding:32px; --danger:#ef4444; --info:#06b6d4; --max-width:1400px; --max-width:1600px; --primary-dark:#1e40af; --primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%); --primary-light:#667eea; --primary:#2563eb; --radius-lg:16px; --radius-sm:6px; --radius:0.5rem; --radius:8px; --section-padding:80px; --shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1); --shadow-lg:0 10px 25px rgba(0,0,0,0.1); --shadow-sm:0 1px 2px rgba(0,0,0,0.05); --shadow-xl:0 20px 40px rgba(0,0,0,0.15); --shadow:0 1px 3px 0 rgb(0 0 0 / 0.1); --shadow:0 4px 6px rgba(0,0,0,0.07); --success-dark:#059669; --success-light:#34d399; --success:#10b981; --text-light:#94a3b8; --text-primary:#1e293b; --text-secondary:#64748b; --text-white:#ffffff; --warning:#f59e0b; -moz-osx-font-smoothing:grayscale; -webkit-background-clip:text; -webkit-font-smoothing:antialiased; -webkit-text-fill-color:initial; -webkit-text-fill-color:transparent; .benefit-item{ .benefits-row{ .blog-wrapper{ .contact-wrapper{ .error-code{ .error-icon{ .error-title{ .faq-grid{ .faq-wrapper{ .form-container{ .form-grid{ .hero-home h1{ .process-step::after{ .process-steps .step-item{ .services-grid{ .sidebar{ .step-content h4{ .step-content p{ .step-number{ .step-timeline{ .step-timeline::before{ .story-content{ .submit-btn{ .success-card{       0%{ 0%{ transform:scale(0) rotate(-45deg);opacity:0;} 0%, 100%{ transform:scale(1);} 0%, 100%{ transform:translateY(0);} 100%{ 100%{ transform:scale(1) rotate(0);opacity:1;} 25%{ transform:translateY(-10px) rotate(-5deg);} 50%{ 50%{ transform:scale(1.1) rotate(5deg);} 50%{ transform:scale(1.1);} 50%{ transform:translateY(-20px);} 50%{ transform:translateY(-5px);} 75%{ transform:translateY(-10px) rotate(5deg);} :root{ accent-color:#2563eb; align-items:center; align-items:flex-start; animation:bounce 2s infinite; animation:checkmark 0.8s ease; animation:fadeIn 0.6s ease forwards; animation:fadeInUp 0.8s ease 0.2s both; animation:fadeInUp 0.8s ease 0.4s both; animation:fadeInUp 0.8s ease; animation:float 3s ease-in-out infinite; animation:pulse 2s infinite; animation:pulse-ring 2s infinite; animation:slideDown 0.3s ease; background-clip:text; background-size:cover; background:#1a1a1a; background:#1e40af; background:#2563eb; background:#2563eb; background:#2563eb; background:#ef4444; background:#f0f9ff; background:#f8fafc; background:#ffffff; background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); background:linear-gradient(135deg, #2563eb 0%, #1e40af 50%, #0f172a 100%); background:linear-gradient(135deg, #2563eb 0%, #667eea 100%); background:linear-gradient(135deg, #2563eb, #1e40af); background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); background:linear-gradient(135deg, #ffffff 0%, rgba(37, 99, 235, 0.03) 100%); background:linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.05) 100%); background:linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0%, rgba(102, 126, 234, 0.08) 100%); background:linear-gradient(135deg, var(--danger), #dc2626); background:linear-gradient(135deg, var(--primary), var(--info)); background:linear-gradient(135deg, var(--primary), var(--primary-dark)); background:linear-gradient(135deg, var(--success), var(--success-dark)); background:linear-gradient(180deg, #cbd5e1 0%, transparent 100%); background:linear-gradient(90deg, #2563eb 0%, #667eea 100%); background:linear-gradient(90deg, #2563eb, #1e40af); background:linear-gradient(90deg, var(--primary), var(--primary-dark)); background:linear-gradient(90deg, var(--success), var(--success-dark)); background:radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%); background:rgba(0, 200, 150, 0.1); background:rgba(255, 107, 107, 0.1); background:rgba(255, 255, 255, 0.3); background:rgba(37, 99, 235, 0.05); background:transparent; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff22" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,117.3C1248,117,1344,139,1392,149.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom; background:var(--bg-gray); background:var(--bg-light); background:var(--border); background:var(--primary); background:var(--primary-dark); background:var(--primary-gradient); background:var(--success); background:var(--warning); background:white; border-bottom:1px solid var(--border); border-bottom:2px solid var(--primary); border-bottom:3px solid #2563eb; border-bottom:3px solid #e2e8f0; border-bottom:none; border-color:#2563eb; border-color:#2563eb; border-color:#64748b; border-color:#cbd5e1; border-color:var(--primary); border-left:4px solid var(--primary); border-left:4px solid var(--success); border-left:4px solid var(--warning); border-radius:10px; border-radius:12px; border-radius:16px; border-radius:1rem; border-radius:20px; border-radius:2px; border-radius:50%; border-radius:50px; border-radius:var(--radius); border-radius:var(--radius-lg) var(--radius-lg) 0 0; border-radius:var(--radius-lg); border-radius:var(--radius-sm); border-top:1px solid #374151; border-top:1px solid var(--border); border-top:2px solid var(--border-light); border-top:4px solid var(--primary); border:1px solid #e2e8f0; border:1px solid #f1f5f9; border:1px solid var(--border); border:1px solid var(--border-light); border:1px solid var(--danger); border:1px solid var(--success); border:2px solid #94a3b8; border:2px solid #94a3b8; border:2px solid #cbd5e1; border:2px solid #e2e8f0; border:2px solid #e2e8f0; border:2px solid var(--border); border:2px solid var(--primary); border:2px solid white; border:3px dashed #94a3b8; border:3px solid rgba(37, 99, 235, 0.2); border:3px solid var(--primary); border:none; bottom:-2rem; bottom:-3px; bottom:0; box-shadow:0 0 0 3px rgba(37, 99, 235, 0.1); box-shadow:0 0 0 3px rgba(37, 99, 235, 0.2), inset 0 1px 2px rgba(0,0,0,0.05); box-shadow:0 10px 20px rgba(37, 99, 235, 0.3); box-shadow:0 10px 30px rgba(255, 255, 255, 0.3); box-shadow:0 10px 40px rgba(0,0,0,0.08); box-shadow:0 15px 30px rgba(255, 255, 255, 0.3); box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1); box-shadow:0 20px 40px rgba(0, 0, 0, 0.1); box-shadow:0 20px 40px rgba(239, 68, 68, 0.3); box-shadow:0 20px 40px rgba(255, 255, 255, 0.3); box-shadow:0 2px 5px rgba(0,0,0,0.05); box-shadow:0 2px 8px rgba(0,0,0,0.06); box-shadow:0 2px 8px rgba(37, 99, 235, 0.15); box-shadow:0 4px 12px rgba(0, 0, 0, 0.05); box-shadow:0 4px 12px rgba(239, 68, 68, 0.3); box-shadow:0 4px 12px rgba(37, 99, 235, 0.1); box-shadow:0 4px 12px rgba(37, 99, 235, 0.3); box-shadow:0 4px 14px rgba(37, 99, 235, 0.3); box-shadow:0 4px 16px rgba(37, 99, 235, 0.2); box-shadow:0 8px 20px rgba(37, 99, 235, 0.15); box-shadow:0 8px 25px rgba(37, 99, 235, 0.4); box-shadow:inset 0 1px 2px rgba(0,0,0,0.05); box-shadow:var(--shadow); box-shadow:var(--shadow-lg); box-shadow:var(--shadow-sm); box-sizing:border-box; color:#10b981; color:#1e293b; color:#1e293b; color:#1e293b; color:#2563eb; color:#2563eb; color:#2563eb; color:#334155; color:#64748b; color:#64748b; color:#94a3b8; color:#9ca3af; color:#cbd5e1; color:#ffffff; color:var(--danger); color:var(--primary); color:var(--primary-dark); color:var(--success); color:var(--text-primary); color:var(--text-secondary); color:var(--warning); color:white; content:''; content:'→'; cursor:default; cursor:pointer; display:block; display:flex; display:grid; display:inline-block; display:inline-flex; display:none; flex-direction:column; flex-shrink:0; flex-wrap:wrap; flex:1; font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-family:'Inter', sans-serif; font-family:'Poppins', sans-serif; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; font-size:0.8125rem; font-size:0.85rem; font-size:0.875rem; font-size:0.9375rem; font-size:0.95rem; font-size:0.9rem; font-size:1.125rem; font-size:1.25rem; font-size:1.375rem; font-size:1.5rem; font-size:1.75rem; font-size:12rem; font-size:16px; font-size:1rem; font-size:2.5rem; font-size:2rem; font-size:3.5rem; font-size:3rem; font-size:4rem; font-size:5rem; font-style:italic; font-style:normal; font-weight:500; font-weight:600; font-weight:700; font-weight:800; font-weight:bold; from{ gap:0.25rem; gap:0.5rem; gap:0.625rem; gap:0.75rem; gap:1.25rem; gap:1.5rem; gap:1rem; gap:2rem; gap:3rem; gap:4rem; grid-column:1 / -1; grid-template-columns:1fr 1fr; grid-template-columns:1fr 350px; grid-template-columns:250px 1fr; grid-template-columns:2fr 1fr; grid-template-columns:repeat(3, 1fr); grid-template-columns:repeat(auto-fill, minmax(350px, 1fr)); grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); grid-template-columns:repeat(auto-fit, minmax(350px, 1fr)); grid-template-columns:repeat(auto-fit, minmax(500px, 1fr)); h1{ font-size:2rem;} h2{ font-size:1.5rem;} height:0; height:100%; height:100px; height:150px; height:1px; height:200px; height:20px; height:250px; height:2px; height:2rem; height:32px; height:3px; height:400px; height:40px; height:48px; height:4px; height:500px; height:50px; height:600px; height:6px; height:80px; height:auto; height:fit-content; justify-content:center; justify-content:space-around; justify-content:space-between; left:0; left:10%; left:1rem; left:39px; left:50%; letter-spacing:0.5px; letter-spacing:normal; line-height:1.1; line-height:1.3; line-height:1.5; line-height:1.6; line-height:1.7; line-height:1.8; line-height:1; list-style:none; margin-bottom:0.25rem; margin-bottom:0.5rem; margin-bottom:0.625rem; margin-bottom:0.75rem; margin-bottom:0; margin-bottom:1.5rem; margin-bottom:1rem; margin-bottom:2.5rem; margin-bottom:2rem; margin-bottom:3rem; margin-left:1.5rem; margin-left:1rem; margin-left:auto; margin-right:auto; margin-top:-2rem; margin-top:0.375rem; margin-top:0.5rem; margin-top:0; margin-top:1.5rem; margin-top:2rem; margin-top:3rem; margin-top:4rem; margin-top:auto; margin-top:var(--section-padding); margin:-100px auto 2rem; margin:-2rem auto 0; margin:0 0 0.5rem 0; margin:0 auto 0.5rem; margin:0 auto 1.5rem; margin:0 auto 2.5rem; margin:0 auto 2rem; margin:0 auto 3rem; margin:0 auto; margin:0; margin:1rem 0; margin:2rem 0; margin:2rem auto; margin:3rem 0; margin:4rem 0; margin:4rem auto; margin:var(--section-padding) auto; max-height:0; max-height:1000px; max-width:1000px; max-width:1200px; max-width:500px; max-width:600px; max-width:700px; max-width:800px; max-width:900px; max-width:var(--max-width); min-height:100vh; min-height:120px; min-height:150px; opacity:0.1; opacity:0.2; opacity:0.3; opacity:0.95; opacity:0.9; opacity:0; opacity:1; outline:none; overflow:hidden; padding-bottom:0.75rem; padding-bottom:0; padding-bottom:1rem; padding-top:2.5rem; padding-top:2rem; padding:0 1.5rem 1.5rem; padding:0 1.5rem; padding:0 1rem; padding:0.25rem 0.75rem; padding:0.5rem 0; padding:0.5rem 1.25rem; padding:0.5rem 1rem; padding:0.5rem; padding:0.625rem 1.25rem; padding:0.75rem 1.25rem; padding:0.75rem 1.5rem; padding:0.75rem 1rem; padding:0.75rem 2rem; padding:0.75rem; padding:0.875rem 1rem; padding:0; padding:1.25rem 2.5rem; padding:1.25rem 3.5rem; padding:1.25rem; padding:1.5rem 1rem; padding:1.5rem; padding:1rem 2rem; padding:1rem 3rem; padding:1rem; padding:2.5rem 2rem; padding:2.5rem; padding:2rem 0; padding:2rem; padding:3rem 0; padding:3rem 1rem; padding:3rem; padding:4rem 0 2rem; padding:4rem 0; padding:4rem 1rem; padding:4rem 3rem; padding:5rem 0; padding:5rem 1rem 4rem; padding:5rem 1rem; padding:6rem 1rem; padding:var(--card-padding); padding:var(--section-padding) 1rem; position:absolute; position:fixed; position:relative; position:sticky; resize:vertical; right:-10%; right:-20px; right:0; right:10%; right:20px; text-align:center; text-align:left; text-decoration:none; text-decoration:underline; text-transform:none; text-transform:none; to{ top:-15px; top:-50%; top:0; top:100px; top:1rem; top:20px; top:40px; top:50%; transform:rotate(45deg); transform:scale(1.01); transform:translate(-50%, -50%); transform:translateX(5px); transform:translateY(-2px); transform:translateY(-3px) scale(1.02); transform:translateY(-3px); transform:translateY(-5px); transition:all 0.3s ease; transition:all 0.4s ease; transition:color 0.3s ease; transition:gap 0.3s ease; transition:opacity 0.3s ease; transition:transform 0.3s ease; transition:width 0.3s ease; transition:width 0.6s, height 0.6s; width:0; width:100%; width:100px; width:150px; width:20px; width:24px; width:2px; width:32px; width:40px; width:48px; width:500px; width:50px; width:600px; width:80px; z-index:0; z-index:1001; z-index:10; z-index:1; z-index:9999; } *{ .action-buttons{ .article-author{ .article-card{ .article-card:hover{ .article-category{ .article-content{ .article-date{ .article-excerpt{ .article-footer{ .article-image{ .article-title{ .article-title:hover{ .articles-grid{ .author-avatar{ .author-info{ .author-name{ .author-role{ .benefit-item span:first-child{ .benefit-item{ .benefit-item:hover{ .benefits-row{ .blog-card{ .blog-card:hover{ .blog-category{ .blog-content{ .blog-excerpt{ .blog-grid{ .blog-image{ .blog-link{ .blog-section{ .blog-title{ .blog-wrapper{ .btn{ .btn-primary{ .btn-primary:hover{ .btn-secondary{ .btn-secondary:hover{ .btn-white{ .btn-white:hover{ .categories{ .categories-filter{ .categories-list{ .category-btn{ .category-btn.active{ .category-btn:hover, .category-tag{ .category-tag.active{ .category-tag:hover, .check-icon{ .check-mark{ .checkbox-group{ .checkbox-item input{ .checkbox-item label{ .checkbox-item{ .checkbox-item:hover{ .construction-animation{ .construction-icon{ .contact-form-section{ .contact-info{ .contact-info-section{ .contact-item a{ .contact-item a:hover{ .contact-item{ .contact-wrapper{ .container{ .cta-btn{ .cta-btn-primary{ .cta-btn-primary:hover{ .cta-btn-secondary{ .cta-btn-secondary:hover{ .cta-buttons{ .cta-description{ .cta-final h2{ .cta-final p{ .cta-final{ .cta-section{ .cta-title{ .detail-icon{ .detail-item{ .detail-item:last-child{ .detail-text{ .devis-form{ .devis-form::before{ .devis-wrapper{ .error-code{ .error-content{ .error-icon{ .error-message{ .error-title{ .error-wrapper{ .faq-answer li{ .faq-answer p{ .faq-answer ul{ .faq-answer{ .faq-grid{ .faq-home{ .faq-icon{ .faq-item{ .faq-item.active .faq-answer{ .faq-item.active .faq-icon{ .faq-item:hover{ .faq-question{ .faq-question:hover{ .faq-section{ .faq-wrapper{ .featured-article{ .featured-badge{ .featured-content{ .featured-excerpt{ .featured-image{ .featured-meta{ .featured-title{ .featured-title:hover{ .file-upload input{ .file-upload p:first-child{ .file-upload p:nth-child(2){ .file-upload{ .file-upload-label{ .file-upload:hover{ .footer-bottom{ .footer-content{ .footer-section a{ .footer-section a:hover{ .footer-section h3{ .footer-section li{ .footer-section ul{ .form-container{ .form-grid{ .form-group{ .form-group.full-width{ .form-group:nth-child(1){ animation-delay:0.1s;} .form-group:nth-child(2){ animation-delay:0.2s;} .form-group:nth-child(3){ animation-delay:0.3s;} .form-group:nth-child(4){ animation-delay:0.4s;} .form-group:nth-child(5){ animation-delay:0.5s;} .form-input, .form-input::placeholder, .form-input:focus, .form-input:hover, .form-label{ .form-progress{ .form-progress-bar{ .form-section{ .form-select, .form-select:focus, .form-select:hover, .form-textarea{ .form-textarea::placeholder{ .form-textarea:focus{ .form-textarea:hover{ .form-title{ .guarantee-list li{ .guarantee-list li:hover{ .guarantee-list li:last-child{ .guarantee-list{ .hero-about h1{ .hero-about p{ .hero-about{ .hero-blog h1{ .hero-blog p{ .hero-blog{ .hero-btn{ .hero-btn-primary{ .hero-btn-primary:hover{ .hero-btn-secondary{ .hero-btn-secondary:hover{ .hero-buttons{ .hero-contact h1{ .hero-contact p{ .hero-contact{ .hero-content{ .hero-devis h1{ .hero-devis p strong{ .hero-devis p{ .hero-devis{ .hero-devis::before{ .hero-faq h1{ .hero-faq p{ .hero-faq{ .hero-home h1{ .hero-home{ .hero-home::before{ .hero-subtitle{ .highlight-box{ .hour-day{ .hour-item{ .hour-time{ .hours-grid{ .info-content a{ .info-content a:hover{ .info-content h3{ .info-content p, .info-icon{ .info-item{ .info-title{ .link-card{ .link-card:hover{ .link-description{ .link-icon{ .link-title{ .links-grid{ .links-title{ .map-container{ .map-section{ .member-description{ .member-image{ .member-info{ .member-name{ .member-role{ .menu-icon{ .newsletter-btn{ .newsletter-btn:hover{ .newsletter-form{ .newsletter-input{ .newsletter-input:focus{ .next-steps{ .page-btn{ .page-btn.active{ .page-btn:hover, .pagination{ .popular-date{ .popular-item{ .popular-item:last-child{ .popular-link{ .popular-link:hover{ .popular-list{ .process-section{ .process-step h3{ .process-step p{ .process-step{ .process-step::after{ .process-step:last-child::after{ .process-steps{ .promo-badge{ .quick-links{ .radio-group, .radio-item input, .radio-item label, .radio-item, .radio-item:hover, .read-more{ .read-more:hover{ .required{ .search-bar{ .search-box{ .search-btn{ .search-btn:hover{ .search-input{ .search-input:focus{ .search-section{ .section-description{ .section-header{ .section-subtitle{ .section-title span{ .section-title{ .section-title::after{ .service-card h3{ .service-card p{ .service-card{ .service-card::before{ .service-card:hover{ .service-icon{ .service-item h3{ .service-item li{ .service-item ul{ .service-item{ .service-link{ .service-link:hover{ .services-grid{ .services-home{ .services-section{ .services-title{ .sidebar{ .sidebar-card{ .sidebar-card:hover{ .sidebar-menu a{ .sidebar-menu a.active{ .sidebar-menu a:hover, .sidebar-menu li{ .sidebar-menu ul{ .sidebar-menu{ .sidebar-title{ .sidebar-widget{ .site-header{ .social-link{ .social-link:hover{ .social-links{ .stat-description{ .stat-item{ .stat-item::before{ .stat-item:hover{ .stat-label{ .stat-number{ .stats-grid{ .stats-section{ .step-content h4{ .step-content p{ .step-content{ .step-dot{ .step-item{ .step-item:hover{ .step-item:last-child{ .step-item:not(:last-child)::after{ .step-label{ .step-number{ .step-number::after{ .step-timeline{ .step-timeline::before{ .steps-title{ .story-content{ .story-image img{ .story-image{ .story-section{ .story-text h2{ .story-text p{ .submit-btn span{ .submit-btn span:first-child{ .submit-btn{ .submit-btn::before{ .submit-btn:hover{ .submit-btn:hover::before{ .submit-section{ .success-box{ .success-card{ .success-card::before{ .success-details{ .success-icon{ .success-message{ .success-title{ .success-wrapper{ .tag{ .tag:hover{ .tags-cloud{ .team-grid{ .team-member{ .team-member:hover{ .team-section{ .team-subtitle{ .team-title{ .testimonial-author{ .testimonial-card{ .testimonial-quote{ .testimonial-rating{ .testimonial-text{ .testimonials-grid{ .testimonials-section{ .timeline-step{ .timeline-step.active .step-dot{ .top-banner a{ .top-banner a:hover{ .top-banner{ .trust-badge{ .trust-badges{ .trust-label{ .trust-number{ .validation-message{ .validation-message.error{ .validation-message.success{ .value-card h3{ .value-card p{ .value-card{ .value-card:hover{ .value-icon{ .values-grid{ .values-section{ .values-title{ .warning-box{ .widget-title{                                                              :root{ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700&display=swap'); @keyframes bounce{ @keyframes checkmark{ @keyframes fadeIn{ @keyframes fadeInUp{ @keyframes float{ @keyframes pulse{ @keyframes pulse-ring{ @keyframes slideDown{ @media (max-width:1024px){ @media (max-width:600px){ @media (max-width:640px){ @media (max-width:768px){ @media (max-width:968px){ @media (max-width:992px){ a{ a:hover{ body{