body:has(.mg-contact-page) .main-page-title,
body:has(.mg-contact-page) .page-title,
body:has(.mg-contact-page) .title-wrapper-with-link {
display: none !important;
}
.mg-contact-page,
.mg-contact-page * {
box-sizing: border-box !important;
}
.mg-contact-page {
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
background: #f4f6fa !important;
color: #111c35 !important;
font-family: Arial, Helvetica, sans-serif !important;
line-height: 1.7 !important;
overflow: hidden !important;
}
.mg-contact-shell {
width: min(1180px, calc(100% - 40px)) !important;
margin: 0 auto !important;
}
.mg-contact-hero {
padding: 76px 0 70px !important;
background:
radial-gradient(circle at 86% 20%, rgba(199,104,27,.18), transparent 35%),
linear-gradient(135deg, #111c35 0%, #172746 100%) !important;
border-bottom: 5px solid #c7681b !important;
color: #ffffff !important;
}
.mg-contact-label {
display: inline-flex !important;
align-items: center !important;
padding: 8px 15px !important;
border: 1px solid rgba(255,255,255,.35) !important;
border-radius: 999px !important;
color: #ffd9b7 !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 1.4px !important;
}
.mg-contact-hero h1 {
max-width: 850px !important;
margin: 22px 0 18px !important;
color: #ffffff !important;
font-size: clamp(42px, 6vw, 68px) !important;
line-height: 1.04 !important;
font-weight: 900 !important;
letter-spacing: -1.5px !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.mg-contact-intro {
max-width: 790px !important;
margin: 0 !important;
color: #e4e9f2 !important;
font-size: 18px !important;
line-height: 1.75 !important;
}
.mg-contact-response {
display: inline-flex !important;
align-items: center !important;
gap: 13px !important;
margin-top: 28px !important;
padding: 13px 17px !important;
border: 1px solid rgba(255,255,255,.2) !important;
border-radius: 9px !important;
background: rgba(255,255,255,.08) !important;
}
.mg-contact-response-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
border-radius: 50% !important;
background: #c7681b !important;
color: #ffffff !important;
font-weight: 900 !important;
}
.mg-contact-response strong {
display: block !important;
color: #ffffff !important;
font-size: 13px !important;
}
.mg-contact-response p {
margin: 1px 0 0 !important;
color: #d7dfeb !important;
font-size: 12px !important;
}
.mg-contact-main {
padding: 48px 0 68px !important;
}
.mg-contact-primary {
display: grid !important;
grid-template-columns: 1.05fr .95fr !important;
gap: 24px !important;
margin-bottom: 52px !important;
}
.mg-contact-primary-content,
.mg-contact-primary-panel {
min-width: 0 !important;
padding: 34px !important;
border-radius: 15px !important;
}
.mg-contact-primary-content {
background: #ffffff !important;
border: 1px solid #dfe4ec !important;
border-top: 4px solid #c7681b !important;
box-shadow: 0 8px 24px rgba(17,28,53,.06) !important;
}
.mg-contact-orange-label {
color: #b45511 !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 1.4px !important;
}
.mg-contact-primary h2,
.mg-contact-section-heading h2,
.mg-contact-tracking h2,
.mg-contact-quick-help h2,
.mg-contact-final h2 {
margin: 10px 0 11px !important;
color: #111c35 !important;
font-size: 29px !important;
line-height: 1.25 !important;
font-weight: 900 !important;
word-break: normal !important;
}
.mg-contact-primary-content > p {
margin: 0 !important;
color: #58647a !important;
font-size: 15px !important;
}
.mg-contact-email {
display: flex !important;
align-items: center !important;
gap: 15px !important;
margin: 23px 0 18px !important;
padding: 18px !important;
background: #111c35 !important;
border-radius: 10px !important;
color: #ffffff !important;
text-decoration: none !important;
transition: transform .2s ease, background .2s ease !important;
}
.mg-contact-email:hover {
transform: translateY(-2px) !important;
background: #1b2d50 !important;
color: #ffffff !important;
}
.mg-contact-email-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 42px !important;
height: 42px !important;
border-radius: 9px !important;
background: #c7681b !important;
color: #ffffff !important;
font-size: 20px !important;
}
.mg-contact-email small {
display: block !important;
margin-bottom: 2px !important;
color: #bec8d9 !important;
font-size: 11px !important;
}
.mg-contact-email strong {
display: block !important;
color: #ffffff !important;
font-size: 17px !important;
overflow-wrap: anywhere !important;
}
.mg-contact-small-note {
color: #778196 !important;
font-size: 12px !important;
line-height: 1.65 !important;
}
.mg-contact-primary-panel {
background: #fff4e8 !important;
border: 1px solid #efc79e !important;
}
.mg-contact-primary-panel h3 {
margin: 0 0 7px !important;
color: #111c35 !important;
font-size: 21px !important;
font-weight: 900 !important;
}
.mg-contact-primary-panel p {
margin: 0 !important;
color: #66513f !important;
font-size: 14px !important;
}
.mg-contact-primary-panel ul {
margin: 17px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
.mg-contact-primary-panel li {
position: relative !important;
margin: 10px 0 !important;
padding-left: 27px !important;
color: #493728 !important;
font-size: 14px !important;
}
.mg-contact-primary-panel li::before {
content: "✓" !important;
position: absolute !important;
left: 0 !important;
color: #c7681b !important;
font-weight: 900 !important;
}
.mg-contact-section {
margin-bottom: 52px !important;
}
.mg-contact-section-heading {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
align-items: center !important;
gap: 18px !important;
margin-bottom: 22px !important;
}
.mg-contact-section-heading > span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
height: 54px !important;
border-radius: 12px !important;
background: #c7681b !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.mg-contact-section-heading h2 {
margin: 0 0 3px !important;
}
.mg-contact-section-heading p {
margin: 0 !important;
color: #667085 !important;
font-size: 14px !important;
}
.mg-contact-card-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
}
.mg-contact-card {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
padding: 28px !important;
background: #ffffff !important;
border: 1px solid #dfe4ec !important;
border-top: 4px solid #c7681b !important;
border-radius: 13px !important;
box-shadow: 0 7px 22px rgba(17,28,53,.05) !important;
}
.mg-contact-card-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 43px !important;
height: 43px !important;
border-radius: 9px !important;
background: #111c35 !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 900 !important;
}
.mg-contact-card h3 {
margin: 18px 0 8px !important;
color: #111c35 !important;
font-size: 21px !important;
line-height: 1.25 !important;
font-weight: 900 !important;
}
.mg-contact-card > p {
margin: 0 0 18px !important;
color: #5c687d !important;
font-size: 14px !important;
}
.mg-contact-card-requirements {
display: flex !important;
flex-wrap: wrap !important;
gap: 7px !important;
margin-bottom: 22px !important;
}
.mg-contact-card-requirements strong {
width: 100% !important;
margin-bottom: 2px !important;
color: #111c35 !important;
font-size: 12px !important;
}
.mg-contact-card-requirements span {
padding: 6px 9px !important;
background: #f3f5f8 !important;
border-radius: 5px !important;
color: #5d687c !important;
font-size: 11px !important;
}
.mg-contact-card-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 46px !important;
margin-top: auto !important;
padding: 12px 16px !important;
background: #111c35 !important;
border-radius: 7px !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
.mg-contact-card-button:hover {
background: #c7681b !important;
color: #ffffff !important;
}
.mg-contact-tracking {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 30px !important;
margin-bottom: 52px !important;
padding: 38px !important;
background: #111c35 !important;
border-radius: 16px !important;
}
.mg-contact-tracking-content {
max-width: 740px !important;
}
.mg-contact-tracking h2 {
color: #ffffff !important;
}
.mg-contact-tracking p {
margin: 0 0 8px !important;
color: #d6deea !important;
font-size: 14px !important;
}
.mg-contact-tracking-button,
.mg-contact-final-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
min-height: 50px !important;
padding: 14px 24px !important;
background: #c7681b !important;
border-radius: 8px !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 900 !important;
text-decoration: none !important;
}
.mg-contact-tracking-button:hover,
.mg-contact-final-button:hover {
background: #a94f0d !important;
color: #ffffff !important;
}
.mg-contact-info-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
}
.mg-contact-info-card {
padding: 28px !important;
background: #ffffff !important;
border: 1px solid #dfe4ec !important;
border-radius: 13px !important;
}
.mg-contact-info-card h3 {
margin: 0 0 11px !important;
color: #111c35 !important;
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 900 !important;
}
.mg-contact-info-card p {
margin: 0 0 14px !important;
color: #59657b !important;
font-size: 14px !important;
}
.mg-contact-info-card p:last-child {
margin-bottom: 0 !important;
}
.mg-contact-info-card ol {
margin: 15px 0 !important;
padding-left: 22px !important;
}
.mg-contact-info-card li {
margin: 7px 0 !important;
padding-left: 4px !important;
color: #3f4b62 !important;
font-size: 14px !important;
}
.mg-contact-quick-help {
display: grid !important;
grid-template-columns: 1fr .8fr !important;
gap: 30px !important;
align-items: center !important;
margin-bottom: 52px !important;
padding: 36px !important;
background: #fff4e8 !important;
border: 1px solid #efc79e !important;
border-radius: 15px !important;
}
.mg-contact-quick-help h2 {
margin-top: 9px !important;
}
.mg-contact-quick-help p {
margin: 0 !important;
color: #65513f !important;
font-size: 14px !important;
}
.mg-contact-quick-links {
display: grid !important;
gap: 9px !important;
}
.mg-contact-quick-links a {
display: flex !important;
align-items: center !important;
min-height: 46px !important;
padding: 11px 15px !important;
background: #ffffff !important;
border: 1px solid #e6c29d !important;
border-radius: 7px !important;
color: #111c35 !important;
font-size: 13px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
.mg-contact-quick-links a:hover {
border-color: #c7681b !important;
color: #b45511 !important;
}
.mg-contact-steps {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
}
.mg-contact-step {
padding: 23px !important;
background: #ffffff !important;
border: 1px solid #dfe4ec !important;
border-radius: 12px !important;
}
.mg-contact-step > span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 35px !important;
height: 35px !important;
border-radius: 50% !important;
background: #c7681b !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 900 !important;
}
.mg-contact-step h3 {
margin: 15px 0 7px !important;
color: #111c35 !important;
font-size: 17px !important;
font-weight: 900 !important;
}
.mg-contact-step p {
margin: 0 !important;
color: #667085 !important;
font-size: 13px !important;
}
.mg-contact-final {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 30px !important;
margin-top: 18px !important;
padding: 38px !important;
background: #111c35 !important;
border-radius: 16px !important;
}
.mg-contact-final h2 {
color: #ffffff !important;
}
.mg-contact-final p {
max-width: 670px !important;
margin: 0 !important;
color: #d7deea !important;
font-size: 14px !important;
}
.mg-contact-footer-note {
max-width: 900px !important;
margin: 24px auto 0 !important;
color: #667085 !important;
font-size: 12px !important;
line-height: 1.7 !important;
text-align: center !important;
}
@media (max-width: 900px) {
.mg-contact-primary,
.mg-contact-quick-help {
grid-template-columns: 1fr !important;
}
.mg-contact-steps {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 749px) {
.mg-contact-shell {
width: min(100% - 28px, 1180px) !important;
}
.mg-contact-hero {
padding: 52px 0 48px !important;
}
.mg-contact-hero h1 {
font-size: 40px !important;
letter-spacing: -.8px !important;
}
.mg-contact-intro {
font-size: 16px !important;
}
.mg-contact-main {
padding: 34px 0 48px !important;
}
.mg-contact-primary-content,
.mg-contact-primary-panel {
padding: 25px 21px !important;
}
.mg-contact-card-grid,
.mg-contact-info-grid {
grid-template-columns: 1fr !important;
}
.mg-contact-section-heading {
grid-template-columns: 48px minmax(0, 1fr) !important;
gap: 14px !important;
}
.mg-contact-section-heading > span {
width: 46px !important;
height: 46px !important;
}
.mg-contact-section-heading h2 {
font-size: 23px !important;
}
.mg-contact-tracking,
.mg-contact-final {
align-items: flex-start !important;
flex-direction: column !important;
padding: 28px 22px !important;
}
.mg-contact-tracking-button,
.mg-contact-final-button {
width: 100% !important;
}
.mg-contact-quick-help {
padding: 27px 21px !important;
}
}
@media (max-width: 520px) {
.mg-contact-hero h1 {
font-size: 35px !important;
}
.mg-contact-card,
.mg-contact-info-card {
padding: 23px 19px !important;
}
.mg-contact-steps {
grid-template-columns: 1fr !important;
}
.mg-contact-email {
align-items: flex-start !important;
}
.mg-contact-email strong {
font-size: 15px !important;
}
}