.contact-hero{width:100%;height:100svh;position:relative;overflow:hidden}.contact-hero .container{display:flex;overflow:hidden}.contact-hero .container .contact-hero-col{flex:1;height:100%}.contact-hero .container .contact-hero-img{will-change:transform;width:100%;height:100%;position:relative;transform:translateY(6rem)scale(1.2)}.contact-hero .contact-hero-copy{flex-direction:column;justify-content:space-between;padding:8rem 0 2rem;display:flex}.contact-hero .contact-header h3{font-size:2.5rem;line-height:1.3}.contact-hero .contact-meta{flex-direction:column;gap:2rem;display:flex}.contact-hero .contact-meta .contact-meta-block{flex-direction:column;gap:1rem;display:flex}.contact-hero .contact-meta .contact-meta-block p{color:var(--base-500)}.branches-section{background-color:var(--base-100);padding:6rem 0}.branches-section .container{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.branches-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-top:2rem;display:grid}.branch-card{background-color:var(--base-200);border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;transition:all .3s ease-in-out;display:flex}.branch-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.branch-card h4{color:var(--primary)}.branch-card .branch-phone{background-color:var(--accent);color:#fff;font-family:var(--font-tajawal),sans-serif;border-radius:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s ease-in-out;display:inline-block}.branch-card .branch-phone:hover{background-color:var(--accent-dark)}.map-section{background-color:var(--base-200);padding:4rem 0}.map-section .container{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.map-placeholder{background-color:var(--base-300);border-radius:1rem;justify-content:center;align-items:center;width:100%;height:400px;display:flex}.contact-callout{background-color:var(--base-700);color:var(--base-100)}.contact-callout p{color:var(--base-500)}.contact-callout .container{padding:12rem 2rem 3rem}.contact-callout .container .contact-callout-header{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:75%;margin:0 auto;display:flex}.contact-callout .container .contact-callout-header p{width:30%;margin-bottom:2rem}.contact-callout .container .contact-callout-header h1{font-size:2.5rem}.contact-callout .contact-callout-img{will-change:transform;border-radius:.75rem;width:12rem;height:16rem;overflow:hidden;transform:translateY(0)}.contact-callout .contact-callout-logo{width:5rem;height:5rem;margin-bottom:2rem}@media (min-width:2400px){.contact-hero .contact-hero-copy{justify-content:center;gap:20rem}.contact-callout .container .contact-callout-header{width:50%}}@media (max-width:1000px){.contact-hero .container .contact-hero-col.contact-hero-img-wrapper{display:none}.contact-callout .container .contact-callout-header p{width:80%}.contact-callout .container{padding:8rem 2rem 3rem}.branches-grid{grid-template-columns:1fr;gap:1.5rem}.branch-card{padding:2rem 1.5rem}.map-placeholder{height:300px}}