/* HireWay Group – self-contained layout utilities for EN/FR/AR contact pages.
   Deliberately scoped: these styles never select the site header or footer.
   Replaces runtime Tailwind CDN to prevent style resets leaking across pages. */
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main {
 --hw-contact-primary:#111154; --hw-contact-secondary:#ff7415;
}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .container {width:100%; max-width:1280px; margin-inline:auto;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .flex {display:flex;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .inline-flex {display:inline-flex;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .grid {display:grid;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .block {display:block;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .inline-block {display:inline-block;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .hidden {display:none;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .flex-col {flex-direction:column;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .flex-wrap {flex-wrap:wrap;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .flex-shrink-0 {flex-shrink:0;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .items-center {align-items:center;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .items-stretch {align-items:stretch;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .justify-center {justify-content:center;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .justify-between {justify-content:space-between;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .grid-cols-1 {grid-template-columns:repeat(1,minmax(0,1fr));}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .gap-2 {gap:.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .gap-3 {gap:.75rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .gap-4 {gap:1rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .gap-5 {gap:1.25rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .gap-6 {gap:1.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .gap-8 {gap:2rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .space-y-4>:not([hidden])~:not([hidden]) {margin-block-start:1rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mx-auto {margin-inline:auto;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mt-2 {margin-top:.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mt-4 {margin-top:1rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-0 {margin-bottom:0;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-1 {margin-bottom:.25rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-2 {margin-bottom:.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-3 {margin-bottom:.75rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-4 {margin-bottom:1rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-5 {margin-bottom:1.25rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-6 {margin-bottom:1.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-8 {margin-bottom:2rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mb-12 {margin-bottom:3rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .ml-2 {margin-left:.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .mr-2 {margin-right:.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .p-6 {padding:1.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .p-8 {padding:2rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .px-4 {padding-inline:1rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .px-5 {padding-inline:1.25rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .px-6 {padding-inline:1.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .px-8 {padding-inline:2rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .py-2 {padding-block:.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .py-3 {padding-block:.75rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .py-4 {padding-block:1rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .py-16 {padding-block:4rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .py-20 {padding-block:5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .max-w-2xl {max-width:42rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .max-w-3xl {max-width:48rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .max-w-4xl {max-width:56rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .max-w-5xl {max-width:64rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .max-w-6xl {max-width:72rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .w-16 {width:4rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .h-16 {height:4rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-center {text-align:center;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .font-bold {font-weight:700;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .font-semibold {font-weight:600;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-sm {font-size:.875rem;line-height:1.25rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-lg {font-size:1.125rem;line-height:1.75rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-xl {font-size:1.25rem;line-height:1.75rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-2xl {font-size:1.5rem;line-height:2rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-3xl {font-size:1.875rem;line-height:2.25rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-4xl {font-size:2.25rem;line-height:2.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-primary {color:#111154;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-secondary {color:#ff7415;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-white {color:#fff;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .text-gray-600 {color:#475569;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .opacity-90 {opacity:.9;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .bg-white {background-color:#fff;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .bg-gray-50 {background-color:#f8fafc;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .bg-gray-100 {background-color:#f1f5f9;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .bg-orange-50 {background-color:#fff7ed;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .bg-primary {background-color:#111154;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .bg-gradient-primary {background:linear-gradient(135deg,#111154,#1a1a70);}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .bg-gradient-hero {background:linear-gradient(135deg,#111154 0%,#1a1a70 50%,#ff7415 100%);}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .rounded-full {border-radius:9999px;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .rounded-md {border-radius:.375rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .rounded-xl {border-radius:1.5rem;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .shadow-elegant {box-shadow:0 10px 40px -10px rgba(17,17,84,.3);}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .transition-colors {transition:color .2s,background-color .2s,border-color .2s;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .cursor-pointer {cursor:pointer;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .hover\:bg-gray-100:hover {background-color:#f1f5f9;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .hover\:text-secondary:hover {color:#ff7415;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .hover\:shadow-elegant:hover {box-shadow:0 10px 40px -10px rgba(17,17,84,.3);}
/* Phone icon and email card always center and keep intended inset. */
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .floating-card {min-width:0;}
body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .hero-section .hero-title {max-width:100%;overflow-wrap:normal;}
@media(min-width:640px){
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .sm\:flex-row {flex-direction:row;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .sm\:grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:768px){
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:p-10 {padding:2.5rem;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:text-xl {font-size:1.25rem;line-height:1.75rem;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:text-2xl {font-size:1.5rem;line-height:2rem;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:text-3xl {font-size:1.875rem;line-height:2.25rem;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:text-4xl {font-size:2.25rem;line-height:2.5rem;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:text-5xl {font-size:3rem;line-height:1.1;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .md\:text-6xl {font-size:3.75rem;line-height:1.1;}
}
@media(min-width:1024px){
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .lg\:grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .lg\:grid-cols-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .lg\:grid-cols-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:767px){
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .hero-title {font-size:clamp(2rem,8vw,3rem);line-height:1.12;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .py-20 {padding-block:3.5rem;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .py-16 {padding-block:3rem;}
 body:is(.page-id-111,.page-id-144,.page-id-149) .hw-main .floating-card {padding:1.5rem;}
}
