.quantum-cloud-banner-banner { position: relative; width: 100%; min-height: 700px; background-color: #fafdff; overflow: hidden; display: flex; align-items: center; justify-content: center; } .quantum-cloud-banner-shapes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .quantum-cloud-banner-shape-1 { position: absolute; top: 15%; left: 10%; width: 200px; height: 200px; background-color: rgba(165, 243, 252, 0.2); border-radius: 50%; } .quantum-cloud-banner-shape-2 { position: absolute; bottom: 10%; right: 15%; width: 250px; height: 250px; background-color: rgba(221, 214, 254, 0.2); border-radius: 50%; } .quantum-cloud-banner-shape-3 { position: absolute; top: 40%; right: 25%; width: 120px; height: 120px; background-color: rgba(254, 226, 226, 0.2); border-radius: 50%; } .quantum-cloud-banner-shape-4 { position: absolute; bottom: 30%; left: 20%; width: 180px; height: 180px; background-color: rgba(220, 252, 231, 0.2); border-radius: 50%; } .quantum-cloud-banner-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(100, 116, 139, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(100, 116, 139, 0.05) 1px, transparent 1px); background-size: 40px 40px; z-index: 2; } .quantum-cloud-banner-content { position: relative; z-index: 3; text-align: center; padding: 2rem 12%; } .quantum-cloud-banner-title { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; color: #1e293b; margin: 0 0 1.5rem 0; line-height: 1.4; } .quantum-cloud-banner-subtitle { font-size: clamp(1.1rem, 2vw, 1.3rem); color: #475569; margin: 0 0 2.5rem 0; line-height: 1.6; max-width: 900px; margin-left: auto; margin-right: auto; } .quantum-cloud-banner-button { display: inline-block; padding: 0.875rem 2.5rem; background-color: #3b82f6; color: white; font-size: 1.1rem; font-weight: 600; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.1), 0 2px 4px -1px rgba(59, 130, 246, 0.06); } .quantum-cloud-banner-button:hover { background-color: #2563eb; transform: translateY(-2px); } .quantum-cloud-banner-button:active { transform: translateY(0); } @media (max-width: 768px) { .quantum-cloud-banner-banner { min-height: 400px; } .quantum-cloud-banner-title { margin-bottom: 1rem; } .quantum-cloud-banner-subtitle { margin-bottom: 2rem; } .quantum-cloud-banner-button { padding: 0.75rem 2rem; font-size: 1rem; } .quantum-cloud-banner-shape-1, .quantum-cloud-banner-shape-2, .quantum-cloud-banner-shape-3, .quantum-cloud-banner-shape-4 { transform: scale(0.7); } } @media (max-width: 480px) { .quantum-cloud-banner-banner { min-height: 350px; } .quantum-cloud-banner-content { padding: 1.5rem; } }    .quantum-cloud-cd-container { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 40px 12%; box-sizing: border-box; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }  .quantum-cloud-cd-content { flex: 1.5; min-width: 300px; padding: 20px; box-sizing: border-box; }  .quantum-cloud-cd-title { font-size: 2.5rem; margin-bottom: 25px; color: #2d3748; font-weight: 700; position: relative; display: inline-block; }  .quantum-cloud-cd-title::after { content: ''; position: absolute; left: 0; bottom: -8px; width: 60px; height: 4px; background-color: #4299e1; border-radius: 2px; }  .quantum-cloud-cd-description { font-size: 1.1rem; line-height: 1.8; color: #4a5568; margin-bottom: 30px; }  .quantum-cloud-cd-description p { margin-bottom: 18px; }  .quantum-cloud-cd-description p:last-child { margin-bottom: 0; }  .quantum-cloud-cd-image-container { flex: 1; min-width: 300px; padding: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }  .quantum-cloud-cd-image { width: 100%; max-width: 500px; height: auto; border-radius: 8px; box-shadow: 0 10px 25px rgba(79, 70, 229, 0.08); border: 1px solid rgba(226, 232, 240, 0.8); }  @media (max-width: 768px) { .quantum-cloud-cd-container { padding: 25px 15px; }  .quantum-cloud-cd-title { font-size: 2rem; }  .quantum-cloud-cd-description { font-size: 1rem; }  .quantum-cloud-cd-content, .quantum-cloud-cd-image-container { padding: 15px 10px; } }  .quantum-cloud-cd-highlight { color: #4c51bf; font-weight: 500; }  .quantum-cloud-cd-accent { background-color: rgba(160, 174, 192, 0.05); padding: 2px 4px; border-radius: 3px; }  .text-an{ color:#3b82f6; font-weight:bold; display:inline-block; }  .an-pa{ padding:.7rem 1rem; background:rgba(59,130,246,0.08); margin:0.5rem 0; font-weight:normal; width:60%; text-decoration:none; }   .quantum-cloud-sj-container { width: 100%; padding: 4rem 0rem; box-sizing: border-box; text-align: center; position: relative; overflow: hidden; }  .quantum-cloud-sj-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 0; }  .quantum-cloud-sj-bg-dot-1 { position: absolute; top: 15%; left: 10%; width: 180px; height: 180px; border-radius: 50%; background-color: rgba(66, 133, 244, 0.08); z-index: 0; }  .quantum-cloud-sj-bg-dot-2 { position: absolute; bottom: 10%; right: 15%; width: 220px; height: 220px; border-radius: 50%; background-color: rgba(52, 168, 83, 0.06); z-index: 0; }  .quantum-cloud-sj-bg-dot-3 { position: absolute; top: 60%; left: 25%; width: 120px; height: 120px; border-radius: 50%; background-color: rgba(251, 188, 5, 0.07); z-index: 0; }  .quantum-cloud-sj-bg-dot-4 { position: absolute; bottom: 30%; left: 8%; width: 90px; height: 90px; border-radius: 50%; background-color: rgba(234, 67, 53, 0.05); z-index: 0; }  .quantum-cloud-sj-title { font-size: 2.8rem; font-weight: 700; margin-bottom: 3.5rem; color: #202124; position: relative; z-index: 1; }  .quantum-cloud-sj-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 3rem; position: relative; z-index: 1; }  .quantum-cloud-sj-stat-item { flex: 1; min-width: 250px; padding: 2.5rem 1.5rem; border-radius: 12px; transition: transform 0.3s ease; position: relative; overflow: hidden; }  .quantum-cloud-sj-stat-item::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; }  .quantum-cloud-sj-stat-item:nth-child(1)::after { background-color: #4285f4; }  .quantum-cloud-sj-stat-item:nth-child(2)::after { background-color: #34a853; }  .quantum-cloud-sj-stat-item:nth-child(3)::after { background-color: #fbbc05; }  .quantum-cloud-sj-stat-item:nth-child(4)::after { background-color:rgb(255,100,100); }  .quantum-cloud-sj-stat-item:hover { transform: translateY(-5px); }  .quantum-cloud-sj-number { font-size: 3.5rem; font-weight: 600; margin-bottom: 0.8rem; color: #202124; }  .quantum-cloud-sj-label { font-size: 1.1rem; color: #5f6368; line-height: 1.5; }  @media (max-width: 768px) { .quantum-cloud-sj-title { font-size: 2.2rem; margin-bottom: 2.5rem; }  .quantum-cloud-sj-stats { gap: 2rem; }  .quantum-cloud-sj-stat-item { padding: 2rem 1rem; }  .quantum-cloud-sj-number { font-size: 2.2rem; }  .quantum-cloud-sj-bg-dot-1 { width: 140px; height: 140px; }  .quantum-cloud-sj-bg-dot-2 { width: 180px; height: 180px; } }  @media (max-width: 480px) { .quantum-cloud-sj-container { padding: 3rem 1rem; }  .quantum-cloud-sj-title { font-size: 1.8rem; margin-bottom: 2rem; }  .quantum-cloud-sj-stat-item { min-width: 100%; }  .quantum-cloud-sj-bg-dot-3, .quantum-cloud-sj-bg-dot-4 { display: none; } }   .padd20{ margin-left:20px; }    .quantum-cloud-pj-testimonials-section { width: 100%; padding: 4rem 2rem; box-sizing: border-box; background-color: #f9f9f9; overflow: hidden; }  .quantum-cloud-pj-testimonials-title { font-size: 2.5rem; font-weight: 700; color: #333; text-align: center; margin-bottom: 3rem; font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; }  .quantum-cloud-pj-testimonials-container { display: flex; animation: quantum-cloud-pj-scroll 20s linear infinite; width: max-content; padding:1.2rem; }  .quantum-cloud-pj-testimonial-card { min-width: 500px; max-width: 600px; padding: 2rem; margin: 0 1rem; background-color: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); position: relative; }    .quantum-cloud-pj-testimonial-title { font-size: 1.25rem; font-weight: 600; color: #222; margin-bottom: 1rem; font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; }  .quantum-cloud-pj-testimonial-content { font-size: 1rem; line-height: 1.6; color: #555; margin-bottom: 1.5rem; font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; }  .quantum-cloud-pj-testimonial-author { font-size: 0.9rem; font-weight: 500; color: #333; text-align: right; font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; }  @keyframes quantum-cloud-pj-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }  .quantum-cloud-pj-testimonials-container:hover { animation-play-state: paused; }  @media (max-width: 768px) { .quantum-cloud-pj-testimonials-title { font-size: 2rem; }  .quantum-cloud-pj-testimonial-card { min-width: 250px; padding: 1.5rem; } }  @media (max-width: 480px) { .quantum-cloud-pj-testimonials-title { font-size: 1.75rem; }  .quantum-cloud-pj-testimonial-card { min-width: 220px; padding: 1.25rem; margin: 0 0.75rem; } }   .colorm{ background-image: linear-gradient(#fff0, #a1c4fd33 58%, #b3d0fd33 78%, #fff0); overflow:hidden; }