﻿body { background-color: #f3f3f3; }

/************* Ny *************/
.Ny{width:1200px; overflow:hidden;text-align:center;margin:0 auto;margin-bottom:50px;}
.Ny .Ny_dvs { width: 100%; overflow: hidden; text-align: center; margin: 0 auto; margin-top: 30px; }

.Ny .Ny_dvs h1 { width: 100%; font-size: 25px;padding-bottom:30px;}

/************* quantum-container *************/

.Gcps-dvs { width: 100%; overflow: hidden; text-align: center; margin: 0 auto; margin-top: 0px; }

.quantum-container { display: flex; height:350px; width:100%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 0px; overflow: hidden; margin-bottom:50px; }

.left-panel { flex: 40%; background-color: white; padding: 60px 50px; display: flex; flex-direction: column; justify-content: center; margin-right: 20px; line-height:188%; }

.right-panel { flex:  60%; background: linear-gradient(135deg, #1a4b8c, #0d2d5a); position: relative; overflow: hidden; }

.fiber-dots { position: absolute; width: 100%; height: 100%; overflow:hidden; }
.fiber-dots img { width: 100%; height: 100%;  }

.learn-more { width: 100px;margin:0 auto; text-align: center;color:#000; padding: 5px 5px 5px 5px; border-radius: 8px; border: 1px solid #d9d9d9;margin-top:10px; }
.learn-more:hover { background-color:#1a4b8c;color:white; }


/* feedback-form======================================= */
.Ny_gbs_dvs { width: 1200px; overflow: hidden; text-align: center; margin: 0 auto; margin-bottom: 50px; padding: 10px 50px 50px 50px; }

.feedback-form { background-color: white; text-align: left; width: 95%; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

.form-title { color: #333; text-align: left; font-weight: bold; font-size: 24px; margin-bottom: 30px; }

.form-group { margin-bottom: 20px; }

.form-label { display: block; margin-bottom: 8px; font-weight: 500; }

.required:after { content: "*"; color: red; margin-left: 4px; }

.form-input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; font-size: 16px; }

.radio-group { display: flex; flex-wrap: wrap; gap: 15px; }

.radio-option { display: flex; align-items: center; }

.radio-option input { margin-right: 8px; }

textarea { height: 120px; resize: vertical; }

.form-buttons { display: flex; justify-content: center; gap: 20px; margin-top: 30px; }

.submit-btn { background-color: #1890ff; color: white; border: none; padding: 10px 25px; border-radius: 4px; cursor: pointer; font-size: 16px; transition: background-color 0.3s; }

.submit-btn:hover { background-color: #40a9ff; }

.reset-btn { background-color: #f5f5f5; color: #666; border: 1px solid #d9d9d9; padding: 10px 25px; border-radius: 4px; cursor: pointer; font-size: 16px; transition: all 0.3s; }

.reset-btn:hover { background-color: #e8e8e8; }