@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#243e3a;--green:#245d4d;--muted:#77847e;--line:#e2e8e3;--red:#b33232}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;min-width:0;background:transparent}body{margin:0;background:transparent;color:var(--ink);font-family:'Tajawal',Tahoma,Arial,sans-serif;padding:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.svg-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page{width:100%;max-width:740px;min-width:0;margin:0 auto;display:block;background:transparent;border:0;border-radius:0;box-shadow:none}h1{font-size:52px;line-height:1.4;letter-spacing:-1.8px;margin:23px 0 16px;font-weight:800}h1 em{font-style:normal;color:#59866a}.form-panel{width:100%;min-width:0;padding:18px 12px;background:transparent}#contact-form{position:relative;min-width:0}.field{min-width:0}h2{font-size:32px;margin:8px 0 6px;letter-spacing:-.7px}header p{font-size:14px;color:var(--muted);margin:0 0 29px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px}.field label,.verify-top label{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px;font-weight:600;margin-bottom:9px}.icon{display:inline-flex;align-items:center;justify-content:center;color:#688474;flex-shrink:0}.icon svg{width:19px;height:19px;animation:float 4s ease-in-out infinite}.field:nth-child(2) .icon svg{animation-delay:.6s}.phone-icon svg{animation:wiggle 4s ease-in-out infinite}.required{color:#c62828;font-size:14px;font-weight:700}.optional{font-size:12px;color:#89928a;font-weight:400}input,textarea{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:#fcfdfb;color:var(--ink);outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s}input{height:47px}input::placeholder,textarea::placeholder{color:#a8afa9;opacity:1}input:focus,textarea:focus{border-color:#658977;box-shadow:0 0 0 3px #52876c14}input[dir=ltr]{text-align:right}#email{font-family:Arial,Tahoma,sans-serif;font-size:13px}textarea{resize:vertical;min-height:114px;line-height:1.8}.error{display:block;color:var(--red);font-size:12px;line-height:1.5}.error:not(:empty){margin-top:7px}[aria-invalid=true]{border-color:#c85a5a;background:#fffafa}.verification{margin:22px 0;background:transparent;border:1px solid #e7ebdf;padding:15px 16px;border-radius:12px}.verify-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.verify-top label{margin:0}.simple{font-size:11px;color:#7f907a}.sum-line{display:flex;align-items:center;gap:8px;font-size:14px;margin:11px 0}.sum-line b{font-family:Arial,sans-serif;font-size:17px;letter-spacing:2px}#refresh{background:transparent;border:0;color:#69836c;font-size:25px;padding:0 10px;line-height:1.1}.answer-wrap{display:flex;align-items:center;gap:10px}.answer-wrap input{flex:1;width:0;min-width:0;background:white;height:43px}.answer-wrap>.icon svg{animation-delay:1s}.message-field{margin-bottom:17px}.submit{border:0;border-radius:11px;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;width:100%;font-weight:700;box-shadow:0 5px 12px #245d4d15;transition:background .2s,transform .2s}.submit:hover:not(:disabled){background:#174838;transform:translateY(-1px)}.submit:disabled{opacity:.6;cursor:wait}.submit svg{width:19px;height:19px;color:#ffe08a}.form-foot{text-align:center;font-size:12px;font-weight:600;color:#c62828;margin:13px 0 0;line-height:1.8}.form-foot span{color:#c62828}.trap{position:absolute;inset-block-start:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}#status{padding:12px;border-radius:9px;margin-bottom:15px;font-size:14px;line-height:1.7;background:#fff0ef;color:#9b3434}#status.success{color:#245d4d;background:#edf5ee}.progress-text{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.progress-track{direction:ltr;background:#e7ece5;height:7px;border-radius:10px;overflow:hidden;margin-bottom:17px}#progress-bar{background:#53876b;width:0;height:100%;transition:width .18s}.notice{color:var(--red)}:focus-visible{outline:2px solid #3e765b;outline-offset:4px}[hidden]{display:none!important}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes wiggle{0%,70%,100%{transform:rotate(0)}77%{transform:rotate(-8deg)}84%{transform:rotate(7deg)}91%{transform:rotate(-4deg)}}@media(max-width:800px){body{padding:0}.form-panel{padding:16px 10px}}@media(max-width:450px){.grid{grid-template-columns:1fr;gap:16px}.form-panel{padding:12px 6px}.simple{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A distinct color for each icon. */
label[for="name"] .icon{color:#2878d0}
label[for="email"] .icon{color:#c6810a}
label[for="phone"] .icon{color:#22975c}
label[for="subject"] .icon{color:#8b53c5}
label[for="answer"] .icon{color:#0e919d}
.answer-wrap>.icon{color:#e47732}
label[for="message"] .icon{color:#cf548e}
#refresh{color:#347cce}
.error,#status,header p,.form-foot{overflow-wrap:anywhere}