body{font-family:Manrope,"IBM Plex Sans Arabic",sans-serif;font-weight:500;text-rendering:geometricPrecision}
.contact-card{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:7vw;align-items:center;padding:70px 6vw;background:#1fbea9}
.contact-copy-block{position:relative;z-index:2}.contact-copy-block .kicker{margin-bottom:28px}.contact-copy-block .contact-copy{max-width:600px}
.contact-profile{position:relative;z-index:3;background:#071d1c;color:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 70px rgba(1,33,32,.22)}
.profile-top{display:flex;align-items:center;justify-content:space-between;font:700 9px Manrope;letter-spacing:.15em;color:#a4bbb7}.profile-top i{width:8px;height:8px;background:#4ef0a8;border-radius:50%;box-shadow:0 0 0 6px rgba(78,240,168,.1)}
.profile-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#36d2ba,#0b5960);border:1px solid rgba(255,255,255,.28);font:800 19px Manrope;margin:34px 0 22px}
.contact-profile>p{font:700 9px Manrope;letter-spacing:.16em;color:#52d7c4;margin:0 0 9px}.contact-profile h3{font:800 39px/.92 Manrope;letter-spacing:-.055em;margin:0}.contact-profile h4{font:500 14px Manrope;color:#aac0bc;margin:14px 0 28px}.contact-profile h4 b{color:#fff}
.profile-links{display:grid;gap:9px}.profile-links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:14px 16px;transition:.2s}.profile-links a:first-child{background:#fff;color:#071d1c}.profile-links a:hover{transform:translateY(-2px);border-color:#52d7c4}.profile-links span{display:grid;font:700 13px Manrope}.profile-links small{font:700 8px Manrope;letter-spacing:.13em;color:#6f8581;margin-bottom:3px}.profile-links>a>b{font:500 18px Manrope}
.contact-profile footer{display:flex;justify-content:space-between;margin-top:28px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1);font:700 8px Manrope;letter-spacing:.12em;color:#829894}
@media(max-width:980px){.contact-card{grid-template-columns:1fr}.contact-profile{max-width:480px}}
@media(max-width:640px){.contact-card{padding:45px 20px;gap:40px}.contact-profile{padding:23px}.contact-profile h3{font-size:34px}.contact-profile footer{gap:12px;flex-direction:column}.contact-copy-block .contact-actions{gap:18px}.contact-copy-block .phone{padding-left:10px}}