:root{ --primary-color:#2b81c7; --primary-dark:#1e40af; --secondary-color:#1e293b; --accent-color:#3b82f6; --text-color:#334155; --light-text:#64748b; --background-light:#f8fafc; --white:#ffffff; --gray-light:#e2e8f0; --shadow:0 4px 6px rgba(0,0,0,0.05); --transition:all 0.3s ease; } *{ margin:0; padding:0; box-sizing:border-box; } body{ font-family:"Inter",system-ui,-apple-system,sans-serif; color:var(--text-color); line-height:1.5; background-color:var(--background-light); } .container-service{ width:95%; max-width:100%; margin:0 auto; padding:0 20px; }  .herose{ padding:70px 0 80px; position:relative; color:var(--white); overflow:hidden; } .herose::before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-image: linear-gradient(to right,rgba(42,119,190,0.85),rgba(63,97,156,0.651)); background-size:cover; background-position:center; background-repeat:no-repeat; z-index:-1; } .herose-content{ display:flex; gap:65px; align-items:center; position:relative; } .herose-text{ flex:1; max-width:60%; margin-left:50px; } .herose-text h1{ font-size:3.5rem; font-weight:700; margin-bottom:42px; color:var(--white); line-height:1.2; } .herose-text h2{ font-size:2rem; font-weight:600; color:var(--white); margin-bottom:20px; opacity:0.9; } .herose-text h3{ font-size:1.7rem; font-weight:500; color:var(--white); margin-bottom:20px; opacity:0.9; } .subtitle{ font-size:1.1rem; color:rgba(255,255,255,0.9); margin-bottom:30px; max-width:90%; } .herose-stats{ display:flex; gap:30px; margin-top:40px; margin-left:3px; } .stat-item-hero{ text-align:center; } .stat-number-hero{ font-size:2rem; font-weight:700; color:var(--white); margin-bottom:5px; } .stat-label-hero{ font-size:0.9rem; color:rgba(255,255,255,0.8); } .herose-form{ flex:1; max-width:500px; } .form-container{ background-color:white; padding:30px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.2); border:1px solid var(--gray-light); } .form-container h3{ font-size:1.4rem; margin-bottom:25px; color:var(--secondary-color); text-align:center; font-weight:600; } .form-row{ display:flex; gap:15px; margin-bottom:15px; } .form-group{ flex:1; } .form-row .form-group input[type="text"],.form-row .form-group input[type="email"],.form-row .form-group input[type="tel"],.form-row .form-group input[type="date"],.form-row .form-group textarea,.form-row .form-group select{ width:100%; padding:8px 12px; border:1px solid var(--gray-light); border-radius:15px; font-size:0.95rem; transition:var(--transition); background-color:var(--background-light); color:rgb(66,62,62); font-family:'Be Vietnam Pro',sans-serif; margin:0px;} .form-group input:focus, .form-group select:focus{ outline:none; border-color:var(--primary-color); box-shadow:0 0 0 3px rgba(37,99,235,0.1); } .callback-section{ margin:20px 0; } .callback-section p{ font-size:0.8rem; color:var(--light-text); margin-bottom:10px; margin-top:-10px; } .callback-options{ display:flex; flex-wrap:wrap; gap:10px; } .callback-group{ flex:1; min-width:100px; } .callback-section .callback-options .callback-group input[type="date" ], .callback-section .callback-options .callback-group input[type="number"], .callback-section .callback-options .callback-group select[id="timezone"], .callback-section .callback-options .callback-group select{ width:100%; padding:6px 12px; border:1px solid var(--gray-light); border-radius:6px; font-size:0.9rem; background-color:var(--background-light); margin:0ex; }  .callback-group label{ display:block; font-size:0.8rem; color:var(--light-text); margin-top:5px; } .submit-button{ width:100%; background-color:var(--primary-color); color:var(--white); border:none; padding:6px; font-size:1rem; font-weight:500; border-radius:6px; cursor:pointer; transition:var(--transition); margin-top:-10px; } .submit-button:hover{ background-color:var(--primary-dark); } .form-footer{ margin-top:3px; text-align:center; font-size:0.8rem; color:var(--light-text); } .form-footer a{ color:var(--primary-color); text-decoration:none; } .online-status{ display:inline-flex; align-items:center; margin-top:10px; gap:6px; color:var(--primary-color); font-weight:500; } .online-dot{ display:inline-block; width:8px; height:8px; background-color:#10b981; border-radius:50%; animation:pulse 1.5s infinite; } @keyframes pulse{ 0%{ opacity:1; } 50%{ opacity:0.5; } 100%{ opacity:1; } } .counter-fade-section{ opacity:0; transform:translateY(20px); transition:opacity 0.8s ease,transform 0.8s ease; background:linear-gradient(90deg,#4080cecc,#308bafc4); box-shadow:0 6px 18px rgba(0,0,0,0.3); } .counter-fade-section.visible{ opacity:1; transform:translateY(0); border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.3); }  .stats-wrapper{ display:flex; flex-wrap:wrap; justify-content:center; gap:20px; padding:10px 10px; max-width:100%; margin:0 auto; color:#fff; font-family:'Segoe UI',sans-serif; margin-top:3px; margin-bottom:15px; } .stat-item{ text-align:center; flex:1 1 180px; transition:transform 0.3s ease;  } .hidden{ display:none !important; } .stat-item:hover{ transform:scale(1.05); } .stat-number{ font-size:35px; font-weight:700; margin-bottom:10px; } .stat-label{ font-size:15px; opacity:0.9; transition:opacity 0.3s ease; } .stat-item:hover .stat-label{ opacity:1; }.form-message{ margin-top:15px; padding:10px; border-radius:4px;}.success-message{ color:#155724; background-color:#d4edda; border:1px solid #c3e6cb;}.error-message{ color:#721c24; background-color:#f8d7da; border:1px solid #f5c6cb;}.migration-section{ font-family:"Inter",system-ui,-apple-system,sans-serif; background-color:#f9faff; color:#212529; line-height:1.7; box-shadow:0 10px 30px rgba(0,102,204,0.15);}.migration-container{ max-width:100%; margin:1.5rem auto; padding:1rem; background:white; border-radius:16px; box-shadow:0 10px 30px rgba(0,102,204,0.15); position:relative; overflow:hidden;}.process-header{ text-align:center; margin-bottom:3rem;}.migration-container .process-header h2{ font-weight:800; color:#2e8fc7; margin-bottom:1rem; font-size:2.5rem;}.process-header p{ color:#64748b; max-width:700px; margin:0 auto; font-size:1.1rem;}.process-steps{ display:flex; justify-content:center; margin-bottom:1rem; position:relative; gap:1rem;}.process-steps::before{ content:""; position:absolute; top:40px; left:50%; transform:translateX(-50%); width:80%; height:3px; background:#e2e8f0; z-index:1; border-radius:3px;}.process-steps::after{ content:""; position:absolute; top:40px; height:4px; background:#0066cc; z-index:2; border-radius:3px; transition:all 0.4s cubic-bezier(0.16,1,0.3,1); width:0; left:0;}.process-steps[data-active-step="1"]::after{ width:calc(36% - 0.666rem); left:0; background:#0066cc;}.process-steps[data-active-step="2"]::after{ width:calc(56.666% - 0.333rem); left:0; background:linear-gradient(90deg,#0066cc,#0099cc);}.process-steps[data-active-step="3"]::after{ width:calc(100%); left:0; background:linear-gradient(90deg,#0066cc,#0099cc,#00b3b3);}.step{ position:relative; z-index:3; text-align:center; cursor:pointer; transition:all 0.4s cubic-bezier(0.16,1,0.3,1); flex:1; max-width:220px; padding-bottom:20px;}.step.active::after{ content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #0066cc; transition:all 0.4s cubic-bezier(0.16,1,0.3,1); z-index:4; filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));}.step-badge{ width:80px; height:80px; margin:0 auto 1rem; background:white; border:3px solid #e2e8f0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:#94a3b8; transition:all 0.4s cubic-bezier(0.16,1,0.3,1); box-shadow:0 5px 15px rgba(0,0,0,0.05); position:relative; background-color:white; z-index:3;}.step.active .step-badge{ background:#0066cc; color:white; border-color:#0066cc; transform:translateY(-5px) scale(1.05); box-shadow:0 15px 25px rgba(0,102,204,0.2);}.step.completed .step-badge{ background:#00a86b; color:white; border-color:#00a86b;}.step.completed .step-badge::after{ content:"\2713"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; bottom:-5px; right:-5px; background:white; width:25px; height:25px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#00a86b; font-size:12px; border:2px solid #00a86b;}.step-title{ font-weight:700; color:#94a3b8; margin-bottom:0.5rem; transition:all 0.4s cubic-bezier(0.16,1,0.3,1); font-size:1.1rem;}.step.active .step-title{ color:#0066cc; transform:translateY(-5px);}.step-number{ position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:white; color:#94a3b8; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.9rem; border:2px solid #e2e8f0; transition:all 0.4s cubic-bezier(0.16,1,0.3,1); z-index:3;}.step.active .step-number{ background:#0066cc; color:white; border-color:#0066cc;}.step.completed .step-number{ background:#00a86b; color:white; border-color:#00a86b;}.content-container{ min-height:300px; position:relative; overflow:hidden; background:#e6f2ff; border-radius:16px; padding:2.5rem; box-shadow:inset 0 0 0 1px rgba(0,102,204,0.1); margin-top:20px;}.process-content{ position:absolute; top:0; left:0; width:100%; height:100%; padding:2.5rem; opacity:0; transform:translateY(20px); transition:all 0.4s cubic-bezier(0.16,1,0.3,1); pointer-events:none; display:flex; align-items:center;}.process-content.active{ opacity:1; transform:translateY(0); pointer-events:all; position:relative;}.content-text{ flex:2; padding-right:11rem; margin-left:30px;}.content-image{ flex:1; display:flex; justify-content:center; align-items:center;}.content-image img{ max-width:100%; max-height:350px; border-radius:12px; box-shadow:0 10px 20px rgba(0,0,0,0.1); object-fit:contain;}.process-content h3{ color:#0066cc; margin-bottom:1.5rem; font-weight:700; font-size:1.5rem; display:flex; align-items:center;}.process-content h3 i{ margin-right:12px; font-size:1.3rem;}.process-content ul{ list-style:none; padding-left:0;}.process-content li{ position:relative; padding-left:2rem; margin-bottom:0.8rem; color:#334155;}.process-content li::before{ content:""; position:absolute; left:0; top:12px; width:8px; height:8px; background:#00b3b3; border-radius:50%;}.process-content li strong{ color:#0066cc; font-weight:600;}.sec-container{ box-shadow:0 10px 30px rgba(0,102,204,0.15);}.page-container{ padding:30px 20px; text-align:center; max-width:100%; margin:0 auto;}.page-heading{ font-size:2rem; margin-bottom:2.9rem; font-weight:700; color:var(--brand-blue); letter-spacing:-0.025em; line-height:1.2; position:relative; display:inline-block; padding-bottom:25px; margin-bottom:30px;}.page-heading::after{ content:''; position:absolute; bottom:15px; left:50%; width:80px; height:4px; background:linear-gradient(90deg,#6366F1,#EC4899); transform:translateX(-50%) skewX(60deg); z-index:1; }.services-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:25px; margin-bottom:30px;}.service-card{ width:369px; height:70px; border-radius:40px; display:flex; align-items:center; justify-content:flex-start; gap:15px; padding:0 20px; font-weight:600; font-size:15px; color:#334155; background-color:white; border:1px solid var(--border); box-shadow:0 1px 3px rgba(0,0,0,0.03); transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.service-card:hover{ transform:translateY(-6px); box-shadow:0 5px 15px -5px rgba(0,0,0,0.08); border-color:#d1d5db; background-color:#a4f1ff;}.service-card--indigo{ border-left:4px solid #6366f1;}.service-card--purple{ border-left:4px solid #f59e0b;}.service-card--pink{ border-left:4px solid #ec4899;}.service-card--emerald{ border-left:4px solid #10b981;}.service-card--amber{ border-left:4px solid #8B5CF6;}.service-card--blue{ border-left:4px solid #3b82f6;}.service-card--cyan{ border-left:4px solid #06b6d4;}.service-card--orange{ border-left:4px solid #f97316;}.service-card--lime{ border-left:4px solid #84cc16;}.migration-widget{ background-color:white; color:var(--text); border-radius:12px; padding:25px; max-width:800px; margin:0 auto; margin-top:50px; box-shadow:0 5px 15px -5px rgba(0,0,0,0.05); border:1px solid var(--border); background:linear-gradient( to bottom right, rgb(197,233,231) 0%, #f9fbff 100% );}.migration-widget__icon{ width:50px; height:50px; margin-bottom:15px;}.migration-widget__heading{ font-size:1.75rem; margin-bottom:1rem; color:var(--brand-blue); font-weight:700; letter-spacing:-0.01em;}.migration-selectors{ display:flex; justify-content:center; gap:12px; margin-top:20px; flex-wrap:wrap;}.migration-widget select.form-select,.migration-widget .form-select{ padding:10px 16px; font-size:16px; border-radius:50px; border:1px solid black; min-width:215px; background-color:white; color:var(--text); font-weight:600; transition:all 0.2s; appearance:none; background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right 12px center; background-size:12px; margin:0; width:auto; line-height:normal; font-family:inherit; outline:0;}.migration-widget select.form-select:focus,.migration-widget .form-select:focus{ outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(79,70,229,0.1);}.migration-widget .btn{ padding:12px 30px; min-width:30px; font-size:16px; border-radius:50px; border:none; background-color:rgb(0,102,255); color:white; font-weight:600; cursor:pointer; transition:all 0.3s; letter-spacing:0.01em; box-shadow:0 4px 6px -1px rgba(26,86,180,0.2), 0 2px 4px -1px rgba(26,86,180,0.1); margin:0; width:auto; line-height:normal; font-family:inherit;}.migration-widget .btn:hover{ background-color:#14479b; transform:translateY(-2px); box-shadow:0 7px 12px -3px rgba(26,86,180,0.3), 0 4px 6px -2px rgba(26,86,180,0.15);}.migration-widget .btn:active{ transform:translateY(0);}.migration-widget .btn--swap{ background-color:#e0f2fe; border:1px solid #bfdbfe; border-radius:6px; padding:6px 10px; font-size:14px; color:#0284c7; cursor:pointer; transition:background 0.3s; margin:0; width:auto; line-height:normal; font-family:inherit;}.migration-widget .btn--swap:hover{ background-color:#bae6fd;}.migration-widget__actions{ margin-top:20px;}.migration-widget .btn--swap .fas{ color:inherit; font-size:inherit;}.modal-overlay{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:100; justify-content:center; align-items:center;}.modal-contents{ background-color:white; padding:30px; border-radius:12px; max-width:520px; width:90%; box-shadow:0 10px 25px -5px rgba(0,0,0,0.1); position:relative; max-height:90vh; overflow-y:auto;}.modal-contents__heading{ font-size:1.25rem; margin-bottom:20px; color:var(--brand-blue); text-align:center;}.form-row{ display:flex; gap:15px; margin-bottom:15px;}.form-group{ flex:1;}.form-row .form-group .form-controls{ width:100%; padding:10px 14px; border:1px solid var(--border); border-radius:6px; font-size:14px;}.form-controls:focus{ outline:none; border-color:var(--brand-blue); box-shadow:0 0 0 3px rgba(26,86,180,0.1);}.form-controls::placeholder{ color:#9ca3af; font-size:14px;}.callback-section{ margin:20px 0;}.callback-section__text{ margin-bottom:12px; color:#6b7280; font-size:13px;}.callback-options{ display:flex; gap:12px; flex-wrap:wrap;}.callback-group{ flex:1; min-width:100px;}.callback-group__control{ width:100%; padding:10px 14px; border:1px solid var(--border); border-radius:6px; font-size:14px;}.callback-group__label{ display:block; margin-top:4px; font-size:12px; color:#6b7280;}.btn--submit{ width:100%; padding:12px; background-color:rgb(0,153,255); color:white; border:none; border-radius:6px; font-weight:600; font-size:14px; cursor:pointer; transition:background 0.3s;}.btn--submit:hover{ background-color:#14479b;}.modals-footers{ margin-top:15px; text-align:center; font-size:12px; color:#6b7280;}.modals-footers__link{ color:var(--brand-blue); text-decoration:none;}.online-status{ display:inline-flex; align-items:center; gap:6px; margin-top:8px;}.online-status__indicator{ display:inline-block; width:6px; height:6px; background-color:#10b981; border-radius:50%; animation:pulse 1.5s infinite;}.btn--close{ position:absolute; top:12px; right:12px; background:none; border:none; font-size:20px; cursor:pointer; color:#6b7280; padding:4px; line-height:1;}.why-choose-us{ padding:50px 0; background-color:#f9fbfd; position:relative; overflow:hidden; box-shadow:0 10px 30px rgba(0,102,204,0.15);}.why-choose-us .containers{ max-width:87%; margin:0 auto; padding:0 20px; position:relative; z-index:2;}.why-choose-us h2{ text-align:center; font-size:2.3rem; margin-bottom:20px; color:#292f35; font-weight:700; position:relative;}.why-choose-us p{ color:#7f8c8d; font-size:1.1rem; line-height:1.6;}.features-grid{ display:grid; grid-template-columns:repeat(3,minmax(280px,1fr)); gap:30px; margin-top:50px;}.feature-card{ background:#fff; border-radius:10px; padding:30px 25px; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,0.05); transition:all 0.3s ease; border:1px solid rgba(0,0,0,0.03);}.feature-card:hover{ transform:translateY(-10px); box-shadow:0 15px 30px rgba(0,0,0,0.1); background-color:rgba(161,252,225,0.281);}.feature-icon{ width:80px; height:80px; margin:0 auto 25px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#3498db,#2c3e50); border-radius:50%; color:white; font-size:32px; transition:all 0.3s ease;}.feature-card:hover .feature-icon{ transform:scale(1.1); box-shadow:0 0 20px rgba(52,152,219,0.3);}.feature-card h3{ font-size:1.4rem; margin-bottom:15px; color:#2c3e50;}.feature-card p{ font-size:1rem; color:#7f8c8d; margin:0;}.testimonials{ padding:50px 0; background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%); position:relative; overflow:hidden;}.testimonials .container{ max-width:100%; margin:0 auto; padding:0 20px; position:relative;}.testimonials h2{ text-align:center; font-size:2.5rem; margin-bottom:15px; color:#2c3e50; font-weight:700;}.testimonials > .container > p{ text-align:center; max-width:800px; margin:0 auto 50px; color:#7f8c8d; font-size:1.1rem; line-height:1.6;}.testimonial-carousel{ position:relative; max-width:900px; margin:0 auto 5px; padding:2px 0;}.testimonial{ display:none; text-align:center; padding:40px; background:white; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1); opacity:0; transform:scale(0.95); position:absolute; width:100%;}.testimonial.active{ display:block; opacity:1; transform:scale(1); position:relative;}.testimonial-logo{ height:90px; margin-bottom:30px; transition:all 0.3s ease;}.testimonial:hover .testimonial-logo{ filter:grayscale(0) contrast(100%);}.testimonial-text{ font-size:1.2rem; line-height:1.8; color:#555; font-style:italic; margin-bottom:30px; position:relative; padding:0 20px;}.testimonial-text::before,.testimonial-text::after{ content:'"'; font-size:3rem; color:#3498db; opacity:0.3; position:absolute; font-family:serif;}.testimonial-text::before{ top:-20px; left:-10px;}.testimonial-text::after{ bottom:-40px; right:-10px;}.testimonial-author{ font-size:1.2rem; font-weight:700; color:#2c3e50; margin-bottom:5px;}.testimonial-position{ font-size:0.9rem; color:#7f8c8d; margin-bottom:0;}.carousel-nav{ display:flex; justify-content:center; margin-top:40px; gap:15px;}.carousel-dot{ width:12px; height:12px; border-radius:50%; background:#bdc3c7; cursor:pointer; transition:all 0.3s ease;}.carousel-dot:hover{ background:#3498db; transform:scale(1.2);}.carousel-dot.active{ background:#3498db; transform:scale(1.3);}.badges-container{ display:flex; justify-content:center; flex-wrap:wrap; gap:30px; margin-top:60px;}.award-badge{ display:flex; align-items:center; background:white; padding:15px 25px; border-radius:50px; box-shadow:0 5px 15px rgba(0,0,0,0.05); transition:all 0.3s ease;}.award-badge:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,0.1);}.award-icon{ width:40px; height:40px; background:linear-gradient(135deg,#3498db,#2c3e50); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:15px; color:white; font-size:18px;}.award-badge span{ font-weight:600; color:#2c3e50;}@keyframes fadeIn{ from{ opacity:0; transform:scale(0.95); } to{ opacity:1; transform:scale(1); }}.testimonial.active{ animation:fadeIn 0.6s cubic-bezier(0.25,0.8,0.25,1) forwards;}.faq-section{ background-color:#ffffff; padding:50px 0; position:relative;}.faq-section .container{ max-width:87%; margin:0 auto; padding:0 20px;}.faq-section h2{ text-align:center; font-size:2.5rem; margin-bottom:15px; color:#2c3e50; font-weight:700;}.faq-section > .container > p{ text-align:center; max-width:800px; margin:0 auto 50px; color:#7f8c8d; font-size:1.1rem; line-height:1.6;}.faq-container{ display:flex; flex-direction:column; gap:15px;}.faq-item{ border-radius:8px; overflow:hidden; border:1px solid #e9ecef; background:white; transition:all 0.3s ease; box-shadow:0 2px 10px rgba(0,0,0,0.03);}.faq-item:hover{ border-color:#3498db; box-shadow:0 5px 20px rgba(0,0,0,0.08);}.faq-question{ padding:20px 25px; background-color:#f8f9fa; color:#2c3e50; font-size:1rem; font-weight:700; cursor:pointer; display:flex; justify-content:space-between; align-items:center; transition:all 0.3s ease; user-select:none;}.faq-question:hover{ background-color:#f1f5f9;}.faq-question:focus{ outline:2px solid #3498db; outline-offset:2px;}.faq-question::after{ content:"+"; font-size:1.5rem; color:#3498db; transition:all 0.3s ease;}.faq-item.active{ border-color:#3498db; box-shadow:0 5px 25px rgba(52,152,219,0.15);}.faq-item.active .faq-question{ background-color:#3498db; color:white;}.faq-item.active .faq-question::after{ content:"-"; color:white; transform:rotate(180deg);}.faq-answer{ max-height:0; overflow:hidden; transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);}.faq-item.active .faq-answer{ max-height:500px;}.faq-answer p{ padding:25px; margin:0; color:#555; line-height:1.8; font-size:1rem; animation:fadeIn 0.4s ease 0.1s both;}@keyframes fadeIn{ from{ opacity:0; transform:translateY(-10px); } to{ opacity:1; transform:translateY(0); }}@media (max-width:1024px){ .hero-content{ gap:40px; }}@media (max-width:992px){ .testimonials, .why-choose-us{ padding:60px 0; } .testimonial-carousel, .testimonial{ padding:30px; } .why-choose-us h2{ font-size:2.2rem; } .features-grid{ gap:20px; } .process-steps{ flex-wrap:wrap; gap:2rem; } .step{ flex:0 0 calc(50% - 1rem); max-width:none; } .process-steps::before, .process-steps::after{ display:none; } .content-container, .process-content{ padding:1.5rem; flex-direction:column; } .content-text{ padding-right:0; margin-bottom:2rem; } .content-image{ padding-left:0; width:100%; } .content-image img{ max-height:200px; width:auto; height:auto; }}@media (max-width:768px){ .herose{ padding:60px 0; text-align:center; } .herose-content{ flex-direction:column; align-items:center; gap:30px; padding:0 20px; } .herose-text{ max-width:100%; margin-left:0; text-align:center; } .herose-form{ width:100%; max-width:500px; padding:30px; box-shadow:0 5px 15px rgba(0,0,0,0.1); background:white; border-radius:10px; transform:none !important; margin:0 auto; } .form-row{ flex-wrap:nowrap !important; overflow-x:auto; padding-bottom:10px; -webkit-overflow-scrolling:touch; } .form-row > *{ min-width:120px; } .subtitle, .hero-text, .hero-content, .hero-stats{ max-width:100%; text-align:center; justify-content:center; flex-direction:column; align-items:center; margin:0; } .nav-links, .cta-nav{ display:none; } .hamburger{ display:block; } .faq-section{ padding:60px 0; } .faq-section h2{ font-size:2rem; } .faq-question{ padding:18px 20px; font-size:1.05rem; } .faq-answer p{ padding:20px; } .testimonials h2{ font-size:2rem; } .testimonial-text{ font-size:1.1rem; padding:0 10px; } .badges-container{ gap:20px; justify-content:center; } .why-choose-us h2{ font-size:2rem; } .feature-card{ padding:25px 20px; } .feature-icon{ width:70px; height:70px; font-size:28px; } .page-container{ padding:30px 15px; } .page-heading{ font-size:1.75rem; } .service-card{ width:100%; max-width:380px; padding:15px 20px; font-size:14px; } .migration-widget{ padding:20px 15px; } .migration-selectors, .callback-options{ flex-direction:column; align-items:center; gap:12px; } .migration-widget .form-row{ flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; } .form-select, .btn, .callback-group{ width:100%; max-width:240px; } .modal-content{ padding:25px 15px; width:90%; } .migration-container{ padding:2rem 1.5rem; margin:2rem auto; width:95%; } .process-header h1{ font-size:2rem; } .step{ flex:0 0 100%; } .step-badge{ width:70px; height:70px; font-size:1.5rem; } .process-content h3{ font-size:1.3rem; } .content-image img{ max-height:150px; max-width:100%; } .counter-fade-section{ padding:15px 10px; margin:15px auto; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.1); max-width:90%; } .stats-wrapper{ flex-wrap:wrap; justify-content:center; gap:20px; } .stat-item{ flex:1 1 120px; min-width:100px; }}@media (max-width:600px){ .stats-wrapper{ gap:25px; padding:30px 15px; } .stat-number{ font-size:32px; line-height:1.2; } .stat-label{ font-size:13px; margin-top:5px; } img{ max-width:100%; height:auto; } }@media (max-width:576px){ .testimonial{ padding:25px 20px; } .testimonial-text{ font-size:1rem; line-height:1.5; } .award-badge{ padding:12px 20px; } .award-icon{ width:35px; height:35px; font-size:16px; margin-right:12px; } .why-choose-us h2{ font-size:1.8rem; line-height:1.3; } .why-choose-us p{ font-size:1rem; } .features-grid{ grid-template-columns:1fr; max-width:400px; margin:0 auto; gap:15px; } .herose-form{ padding:0px; width:104%; max-width:320px; margin:0 auto; transform:none !important; box-sizing:border-box; } .form-container{ width:100%; overflow:visible; } .herose-content{ width:100%; padding:0 15px; box-sizing:border-box; }}@media (max-width:480px){ .faq-section{ padding:50px 0; } .faq-question{ padding:16px 18px; font-size:1rem; } .faq-question::after{ font-size:1.3rem; } .faq-answer p{ padding:18px; font-size:0.95rem; line-height:1.5; } .hero-text h1{ font-size:2rem; line-height:1.2; } .hero-text h2{ font-size:1.3rem; } body{ overflow-x:hidden; } .hidden-mobile{ display:none; }}@media (prefers-reduced-motion:reduce){ *{ animation:none !important; transition:none !important; } html{ scroll-behavior:auto; }}@media (max-width:767px){ img{ max-width:100%; height:auto; } body{ font-display:swap; } .herose-form{ transform:none !important; } .btn,a,button{ min-width:48px; min-height:48px; }}html{ scroll-behavior:smooth;} @keyframes pulse{ 0%{ opacity:1; } 50%{ opacity:0.3; } 100%{ opacity:1; } }