.contact-page{background:linear-gradient(180deg,#e9ecfa,#fafbff 340px,#fcfcff);color:#141b34;font-family:Almarai,Arial,sans-serif;overflow:hidden;padding-top:110px;text-align:right}.contact-page h1,.contact-page h2,.contact-page h3{color:inherit;font-family:inherit;font-weight:800}.contact-page a{color:inherit;text-decoration:none}.contact-page a:hover{color:#536ba5}.contact-page a:focus-visible,.contact-page button:focus-visible{outline:3px solid #8ea9e8;outline-offset:4px}.contact-page .contact-banner{background:linear-gradient(270deg,#141b34,#141b3400),url(./contact-banner.rcp0rHef.png) 50%/cover no-repeat;border-radius:30px;color:#fff;margin-inline:auto;min-height:238px;padding:24px 60px 36px;width:min(1624px,100% - clamp(16px,5vw,96px) * 2)}.contact-page .contact-banner h1{font-size:40px;line-height:1.3;margin:24px 0 14px}.contact-page .contact-banner p{color:#d5dae7;font-size:17px;line-height:1.8;margin:0}.contact-page .contact-breadcrumb{align-items:center;color:#d5dae7;display:flex;font-size:15px;gap:18px}.contact-page .contact-breadcrumb>span[aria-hidden]{font-size:26px;line-height:1}.contact-page .contact-breadcrumb a:hover{color:#fff}.contact-page .contact-content{isolation:isolate;padding:36px clamp(16px,5vw,96px) 58px;position:relative}.contact-page .contact-watermark{height:auto;pointer-events:none;position:absolute;right:0;top:200px;width:346px;z-index:-1}.contact-page .contact-layout{align-items:start;display:grid;gap:72px;grid-template-columns:minmax(0,1.82fr) minmax(0,1fr);margin-inline:auto;max-width:1316px}.contact-page .form-wrapper{background:#fff;border-radius:22px;box-shadow:0 14px 40px #141b340a;padding:32px 40px 34px}.contact-page .form-intro{margin-bottom:32px}.contact-page .form-intro h2,.contact-page .info-header h2{font-size:27px;line-height:1.4;margin:0 0 10px}.contact-page .form-intro p,.contact-page .info-header p{color:#515b75;font-size:16px;line-height:1.8;margin:0}.contact-page .form-row{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page .form-group{margin-bottom:16px;min-width:0}.contact-page .field-control{position:relative}.contact-page .field-control label{align-items:center;display:flex;font-size:14px;font-weight:700;gap:6px;line-height:20px;margin:0;pointer-events:none;position:absolute;right:18px;top:16px;transition:font-size .15s,top .15s}.contact-page .field-control label i{font-size:17px;margin-left:8px;text-align:center;width:18px}.contact-page .required{color:#e32a43}.contact-page input,.contact-page textarea{background:#f1f3fa;border:1px solid transparent;border-radius:14px;color:#141b34;display:block;font-family:inherit;font-size:15px;line-height:22px;padding:24px 18px 6px;width:100%}.contact-page input:focus,.contact-page textarea:focus{border-color:#8ea9e8;box-shadow:0 0 0 3px #8ea9e826;outline:none}.contact-page input:not(:-moz-placeholder)+label,.contact-page textarea:not(:-moz-placeholder)+label{font-size:10px;top:4px}.contact-page input:focus+label,.contact-page input:not(:placeholder-shown)+label,.contact-page textarea:focus+label,.contact-page textarea:not(:placeholder-shown)+label{font-size:10px;top:4px}.contact-page input:not(:-moz-placeholder)+label i,.contact-page textarea:not(:-moz-placeholder)+label i{font-size:11px}.contact-page input:focus+label i,.contact-page input:not(:placeholder-shown)+label i,.contact-page textarea:focus+label i,.contact-page textarea:not(:placeholder-shown)+label i{font-size:11px}.contact-page input{height:54px}.contact-page input[type=email]{direction:ltr;text-align:right}.contact-page textarea{min-height:194px;padding-top:30px;resize:vertical}.contact-page .has-error input,.contact-page .has-error textarea{border-color:#dc3545}.contact-page .error-message{color:#c6283e;display:block;font-size:13px;margin-top:6px}.contact-page .submit-btn{background:linear-gradient(135deg,#19223e,#11192f);border:0;border-radius:15px;box-shadow:0 3px 8px #141b3414;color:#fff;cursor:pointer;font:700 15px Almarai,Arial,sans-serif;margin-top:10px;min-height:54px;padding:12px 24px;width:100%}.contact-page .submit-btn span{align-items:center;display:flex;gap:12px;justify-content:center}.contact-page .submit-btn:hover:not(:disabled){background:#283555}.contact-page .submit-btn:disabled{cursor:wait;opacity:.65}.contact-page .submit-btn .spinner{animation:contact-spin 1s linear infinite}.contact-page .success-message{background:#eaf8ef;border-radius:12px;color:#17683d;font-size:14px;line-height:1.8;margin-top:20px;padding:16px}.contact-page .contact-info-side{padding-top:24px}.contact-page .info-header{margin-bottom:24px}.contact-page .info-cards{display:grid;gap:18px}.contact-page .info-card{align-items:center;background:#f1f3fa;border-radius:22px;display:flex;gap:28px;min-height:84px;padding:12px 26px}.contact-page .info-card .icon{background:#d9e2ff;border-radius:50%;display:grid;flex-shrink:0;font-size:18px;height:46px;place-items:center;width:46px}.contact-page .info-card .card-content{min-width:0}.contact-page .info-card h3{font-size:16px;margin:0 0 6px}.contact-page .info-card p{font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}.contact-page .info-card a{display:inline-block}.contact-page .contact-socials{direction:ltr;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}.contact-page .contact-socials a{background:#f1f3fa;border-radius:11px;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.contact-page .contact-socials a:hover{background:#d9e2ff}@media (max-width:1199px){.contact-page .contact-layout{gap:36px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.contact-page .form-wrapper{padding:28px}.contact-page .info-card{gap:16px;padding-inline:18px}.contact-page .info-card .icon{height:42px;width:42px}.contact-page .form-intro h2,.contact-page .info-header h2{font-size:24px}}@media (max-width:767px){.contact-page{padding-top:96px}.contact-page .contact-banner{background-position:65%;border-radius:24px;min-height:230px;padding:24px}.contact-page .contact-banner h1{font-size:32px}.contact-page .contact-banner p{font-size:14px;max-width:280px}.contact-page .contact-content{padding-bottom:40px;padding-top:24px}.contact-page .contact-watermark{top:0;width:200px}.contact-page .contact-layout{gap:32px;grid-template-columns:minmax(0,1fr)}.contact-page .form-wrapper{padding:24px 20px}.contact-page .form-intro{margin-bottom:24px}.contact-page .form-intro p,.contact-page .info-header p{font-size:14px}.contact-page .contact-info-side{padding-top:0}.contact-page .contact-socials{margin-top:24px}}@media (max-width:479px){.contact-page .form-row{gap:0;grid-template-columns:minmax(0,1fr)}.contact-page .contact-banner{background-position:70%}}@media (prefers-reduced-motion:reduce){.contact-page .field-control label{transition:none}.contact-page .submit-btn .spinner{animation:none}}@keyframes contact-spin{to{transform:rotate(1turn)}}
