.contact-content-section{padding:80px 20px;font-family:var(--font-cairo,sans-serif);background:linear-gradient(180deg,#fafafa 0,#f0f4f8);min-height:100vh}.contact-container{display:grid;grid-template-columns:1fr;grid-template-areas:"info" "form";gap:50px;max-width:1200px;margin:0 auto}@media screen and (min-width:992px){.contact-container{grid-template-columns:35% 65%;grid-template-areas:"info form";gap:70px;align-items:start}}@media screen and (max-width:991px){.contact-container{grid-template-areas:"form" "info"}}.contact-info-side{display:flex;flex-direction:column;gap:30px;grid-area:info}.contact-info-card{background:linear-gradient(135deg,#0a1e3b,#003366);border-radius:16px;padding:35px;box-shadow:0 10px 30px rgba(10,30,59,.2);color:#ffffff;display:flex;flex-direction:column;gap:25px;position:relative;overflow:hidden;border-top:4px solid #d4af37;min-height:380px;transition:transform .3s ease,box-shadow .3s ease}.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(10,30,59,.25)}.contact-info-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0,transparent 70%);opacity:.6;z-index:1}.card-icon{z-index:2}.card-icon,.icon-wrapper{display:flex;justify-content:center}.icon-wrapper{align-items:center;width:60px;height:60px;border-radius:50%;background:#D4AF37;box-shadow:0 4px 10px rgba(212,175,55,.3)}.card-content{z-index:2;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.contact-info-card h3{font-size:1.5rem;margin:0 0 10px;font-weight:700;letter-spacing:.5px}.contact-info-card h4{font-size:1.2rem;color:#D4AF37;margin:0 0 20px;font-weight:600}.address-info p{margin:8px 0;font-size:1rem;line-height:1.5;opacity:.9}.contact-details{display:flex;flex-direction:column;gap:15px;margin-top:25px}.contact-link{display:flex;align-items:center;gap:12px;color:#ffffff;text-decoration:none;transition:all .3s ease;font-size:1rem;padding:8px 0}.contact-link:hover{color:#D4AF37;transform:translateX(8px)}.contact-icon{font-size:1.1rem;transition:transform .3s ease}.contact-link:hover .contact-icon{transform:scale(1.2)}.info-panel{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 25px rgba(10,30,59,.1);border-left:4px solid #d4af37;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.info-panel:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(10,30,59,.15)}.panel-header{display:flex;align-items:center;gap:12px}.panel-icon{color:#0a1e3b;font-size:1.4rem}.info-panel h4{color:#0a1e3b;margin:0;font-size:1.2rem;font-weight:600}.info-panel p{color:#4a5568;line-height:1.7;margin:0;font-size:1rem}.contact-form{background:#fff;padding:45px;border-radius:16px;box-shadow:0 10px 30px rgba(10,30,59,.1);position:relative;grid-area:form;transition:transform .4s ease,box-shadow .4s ease}.contact-form:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 15px 35px rgba(10,30,59,.2)}.contact-form:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0a1e3b,#D4AF37);border-radius:16px 16px 0 0}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;flex-wrap:nowrap;gap:20px;min-width:0}.form-header h3{font-weight:700;font-size:1.7rem;color:#0a1e3b;margin:0;position:relative;padding-bottom:10px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-header h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:#D4AF37;border-radius:2px}.form-icon{width:55px;height:55px;background:rgba(10,30,59,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0a1e3b;font-size:1.3rem;transition:all .4s ease;flex-shrink:0}.contact-form:hover .form-icon{transform:rotate(15deg) scale(1.1);background-color:#0a1e3b;color:#fff;box-shadow:0 5px 15px rgba(10,30,59,.3)}.form-fields,.form-row{display:flex;flex-direction:column;gap:25px}@media screen and (min-width:768px){.form-row{flex-direction:row}}.form-row input,.form-row select,textarea{flex:1;padding:16px 18px;border:1px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:var(--font-cairo,sans-serif);background:#fff;color:#0a1e3b;transition:all .3s cubic-bezier(.25,.8,.25,1)}.form-row input:focus,.form-row select:focus,textarea:focus{border-color:#0a1e3b;box-shadow:0 0 0 3px rgba(10,30,59,.1);outline:2px solid #D4AF37;outline-offset:2px;transform:translateY(-2px)}.form-row input::placeholder,.form-row select.placeholder,textarea::placeholder{color:#9e9e9e;font-size:.95rem}textarea{resize:vertical;min-height:150px;line-height:1.6}.submit-button{margin-top:15px;display:flex;justify-content:flex-start}@media screen and (max-width:991px){.contact-content-section{padding:60px 15px}.contact-container{gap:40px}}@media screen and (max-width:768px){.contact-form,.contact-info-card,.info-panel{padding:25px}.form-header{margin-bottom:25px}.form-header h3{font-size:1.5rem}.contact-info-card{min-height:auto}.submit-button{justify-content:center}}@media screen and (max-width:480px){.contact-content-section{padding:40px 12px}.contact-form,.contact-info-card,.info-panel{padding:20px;border-radius:12px}.contact-info-card h3,.form-header h3{font-size:1.3rem}.form-row input,.form-row select,textarea{padding:14px}.icon-wrapper{width:50px;height:50px}}::selection{background:rgba(10,30,59,.2);color:#0a1e3b}html{scroll-behavior:smooth}
/*# sourceMappingURL=605ed7ab77405ba4.css.map*/