.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html, body { margin: 0; padding: 0; } :root {
--mfc-navy: #042443;
--mfc-gold: #DCC181;
--mfc-white: #ffffff;
--mfc-gray: #7A7A7A;
--mfc-light-gray: #F5F5F5;
}
* { box-sizing: border-box; }
body, button, input, select, textarea {
font-family: 'Prompt', sans-serif;
color: var(--mfc-navy);
margin: 0;
}
body { padding: 0; }
a { color: var(--mfc-navy); text-decoration: none; }
a:hover { color: var(--mfc-gold); } body.mfc-custom-header #masthead,
body.mfc-custom-header .ast-above-header-wrap,
body.mfc-custom-header header.site-header,
body.mfc-custom-header .ast-mobile-header-wrap { display: none !important; }
body.mfc-custom-footer footer.site-footer,
body.mfc-custom-footer .ast-small-footer { display: none !important; } .mfc-header {
background: #fff;
padding: 10px 40px;
position: sticky;
top: 0;
z-index: 9999;
box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}
body.mfc-custom-header > #page,
body.mfc-custom-header > #content,
body.mfc-custom-header > main,
body.mfc-custom-header > .mfc-main { margin-top: 0 !important; }
.mfc-main { position: relative; z-index: 1; }
.mfc-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1500px;
margin: 0 auto;
}
.mfc-nav-left, .mfc-nav-right {
flex: 1 1 0;
display: flex;
align-items: center;
}
.mfc-nav-right { justify-content: flex-end; }
.mfc-nav {
display: flex;
align-items: center;
gap: 28px;
list-style: none;
padding: 0;
margin: 0;
}
.mfc-nav > li { position: relative; }
.mfc-nav > li > a {
color: var(--mfc-navy);
font-size: 13px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 12px 14px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: color .2s;
white-space: nowrap;
border-radius: 20px;
}
.mfc-nav > li > a:hover {
color: var(--mfc-gold);
background: rgba(220,193,129,0.1);
}
.mfc-nav > li.menu-item-has-children > a::after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translate(-2px, -2px);
margin-left: 4px;
opacity: 0.9;
}
.mfc-nav .sub-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-6px);
background: #fff;
border: 1px solid #eee;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
padding: 10px 0;
list-style: none;
margin: 8px 0 0;
min-width: 240px;
opacity: 0;
visibility: hidden;
transition: all .25s;
z-index: 99;
border-radius: 6px;
}
.mfc-nav > li:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.mfc-nav .sub-menu a {
display: block;
padding: 10px 22px;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
color: var(--mfc-navy);
}
.mfc-nav .sub-menu a:hover { color: var(--mfc-gold); background: var(--mfc-light-gray); }
.mfc-logo-center {
flex: 0 0 auto;
display: block;
line-height: 0;
}
.mfc-logo-center img {
display: block;
height: 130px;
width: auto;
}
.mfc-user-icon {
color: var(--mfc-navy);
font-size: 22px;
padding: 8px 12px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.mfc-user-icon:hover { color: var(--mfc-gold); } .mfc-hero {
position: relative;
min-height: 700px;
padding: 100px 20px 120px;
background-image: url(//www.myflightconnect.com/wp-content/uploads/2026/04/home-hero-plane.jpg);
background-size: cover;
background-position: center;
overflow: hidden;
}
.mfc-circles {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
flex-wrap: wrap;
max-width: 1200px;
margin: 120px auto 0;
z-index: 2;
}
.mfc-circle {
width: 210px;
height: 210px;
border-radius: 50%;
border: 3px solid var(--mfc-gold);
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
text-align: center;
background: transparent;
}
.mfc-circle-text {
color: var(--mfc-gold);
font-size: 14px;
font-weight: 500;
line-height: 1.45;
}
.mfc-circle-text strong { font-weight: 600; } .mfc-contact-hero {
position: relative;
min-height: 560px;
background-image: url(//www.myflightconnect.com/wp-content/uploads/2026/04/contact-hero.jpg);
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
padding: 60px;
}
.mfc-contact-hero-text {
color: #fff;
max-width: 600px;
}
.mfc-contact-hero-kicker {
font-size: 13px;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 18px;
font-weight: 500;
opacity: 0.95;
}
.mfc-contact-hero-title {
font-size: 36px;
font-weight: 500;
line-height: 1.25;
margin: 0;
}
.mfc-contact-map {
background: #F5F5F5;
padding: 40px 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.mfc-contact-map img {
max-width: 1100px;
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.mfc-contact-info {
display: flex;
justify-content: center;
gap: 60px;
padding: 60px 20px;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.mfc-contact-info-item {
display: flex;
align-items: flex-start;
gap: 18px;
min-width: 260px;
}
.mfc-contact-info-item i {
color: var(--mfc-gold);
font-size: 26px;
margin-top: 4px;
}
.mfc-contact-info-item strong {
display: block;
font-size: 15px;
color: var(--mfc-navy);
margin-bottom: 6px;
letter-spacing: 0.5px;
}
.mfc-contact-info-item span,
.mfc-contact-info-item a {
color: var(--mfc-gray);
font-size: 14px;
line-height: 1.6;
display: block;
}
.mfc-contact-form-section {
padding: 20px 20px 80px;
max-width: 900px;
margin: 0 auto;
}
.mfc-contact-form-section h2 {
text-align: center;
font-size: 26px;
font-weight: 600;
color: var(--mfc-navy);
margin: 0 0 40px;
}
.mfc-contact-form {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.mfc-contact-form .field-full { grid-column: 1 / -1; }
.mfc-contact-form input[type="text"],
.mfc-contact-form input[type="email"],
.mfc-contact-form input[type="tel"],
.mfc-contact-form textarea {
width: 100%;
border: 0;
background: #EEEEEE;
padding: 16px 20px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
color: var(--mfc-navy);
border-radius: 3px;
outline: none;
transition: background .2s;
}
.mfc-contact-form input::placeholder,
.mfc-contact-form textarea::placeholder { color: #999; }
.mfc-contact-form input:focus,
.mfc-contact-form textarea:focus { background: #e5e5e5; }
.mfc-contact-form textarea { resize: vertical; min-height: 120px; }
.mfc-contact-form button {
grid-column: 1 / -1;
justify-self: center;
background: transparent;
color: var(--mfc-gold);
border: 2px solid var(--mfc-gold);
padding: 12px 48px;
border-radius: 40px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.5px;
cursor: pointer;
text-transform: none;
margin-top: 20px;
transition: all .2s;
}
.mfc-contact-form button:hover {
background: var(--mfc-gold);
color: #fff;
} .mfc-footer {
background: var(--mfc-navy);
color: #fff;
padding: 14px 40px;
}
.mfc-footer-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
max-width: 1500px;
margin: 0 auto;
}
.mfc-footer-left { flex: 1 1 auto; }
.mfc-footer-center { flex: 0 0 auto; text-align: center; }
.mfc-footer-right { flex: 0 0 auto; text-align: right; }
.mfc-footer-menu {
list-style: none;
display: flex;
gap: 20px;
padding: 0;
margin: 0;
}
.mfc-footer-menu a {
color: #fff;
font-size: 11px;
letter-spacing: 0.5px;
}
.mfc-footer-menu a:hover { color: var(--mfc-gold); }
.mfc-footer-contact {
color: var(--mfc-gold);
font-size: 12px;
letter-spacing: 0.5px;
white-space: nowrap;
}
.mfc-footer-contact i { margin: 0 6px 0 0; }
.mfc-footer-contact a { color: var(--mfc-gold); }
.mfc-footer-contact .sep { margin: 0 15px; color: var(--mfc-gold); opacity: 0.5; }
.mfc-footer-logo img { height: 60px; width: auto; display: inline-block; } @media (max-width: 1200px) {
.mfc-nav { gap: 18px; }
.mfc-nav > li > a { font-size: 11px; letter-spacing: 1px; padding: 10px 6px; }
.mfc-logo-center img { height: 110px; }
}
@media (max-width: 900px) {
.mfc-nav-left, .mfc-nav-right { display: none; }
.mfc-contact-form { grid-template-columns: 1fr; }
.mfc-contact-hero-title { font-size: 26px; }
.mfc-contact-hero { min-height: 380px; padding: 40px 20px; }
}
@media (max-width: 768px) {
.mfc-circles { gap: 30px; margin-top: 60px; }
.mfc-circle { width: 160px; height: 160px; padding: 20px; }
.mfc-footer-inner { flex-direction: column; gap: 12px; text-align: center; }
.mfc-footer-menu { justify-content: center; flex-wrap: wrap; }
.mfc-footer-left, .mfc-footer-right { text-align: center; }
.mfc-footer-contact { white-space: normal; font-size: 11px; }
.mfc-contact-info { flex-direction: column; gap: 30px; align-items: center; }
} .mfc-demo-hero {
position: relative;
min-height: 480px;
background-image: url(//www.myflightconnect.com/wp-content/uploads/2026/04/demo-hero.jpg);
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
padding: 60px;
}
.mfc-demo-hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to bottom, rgba(4,36,67,0.35) 0%, rgba(4,36,67,0.55) 100%);
}
.mfc-demo-hero-title {
position: relative;
color: #fff;
font-size: 44px;
font-weight: 500;
margin: 0;
letter-spacing: 0.5px;
}
.mfc-demo-form-section {
max-width: 1100px;
margin: 0 auto;
padding: 60px 40px 80px;
}
.mfc-demo-form .mfc-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 40px;
}
.mfc-demo-form .field-full { grid-column: 1 / -1; }
.mfc-demo-form input[type="text"],
.mfc-demo-form input[type="email"],
.mfc-demo-form input[type="tel"],
.mfc-demo-form textarea {
width: 100%;
border: 0;
background: #EEEEEE;
padding: 16px 22px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
color: var(--mfc-navy);
border-radius: 4px;
outline: none;
}
.mfc-demo-form input::placeholder,
.mfc-demo-form textarea::placeholder { color: #999; }
.mfc-demo-form textarea { resize: vertical; min-height: 150px; }
.mfc-demo-category { margin-bottom: 30px; }
.mfc-demo-category h3 {
font-size: 16px;
font-weight: 600;
color: var(--mfc-navy);
margin: 0 0 16px;
letter-spacing: 0.3px;
}
.mfc-checkbox-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px 30px;
}
.mfc-checkbox-grid label {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: var(--mfc-navy);
cursor: pointer;
}
.mfc-checkbox-grid input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 14px; height: 14px;
border: 1.5px solid var(--mfc-gold);
border-radius: 2px;
background: transparent;
cursor: pointer;
margin: 0;
position: relative;
flex-shrink: 0;
}
.mfc-checkbox-grid input[type="checkbox"]:checked {
background: var(--mfc-gold);
}
.mfc-checkbox-grid input[type="checkbox"]:checked::after {
content: "✓";
position: absolute;
top: -3px;
left: 1px;
color: #fff;
font-size: 12px;
font-weight: bold;
}
.mfc-demo-submit {
text-align: center;
margin-top: 40px;
}
.mfc-demo-form button {
background: transparent;
color: var(--mfc-gold);
border: 2px solid var(--mfc-gold);
padding: 12px 48px;
border-radius: 40px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
transition: all .2s;
}
.mfc-demo-form button:hover { background: var(--mfc-gold); color: #fff; }
@media (max-width: 768px) {
.mfc-demo-form .mfc-form-grid { grid-template-columns: 1fr; }
.mfc-checkbox-grid { grid-template-columns: 1fr; }
.mfc-demo-hero-title { font-size: 30px; }
.mfc-demo-hero { min-height: 320px; padding: 40px 20px; }
} .mfc-solution-hero {
position: relative;
min-height: 240px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
}
.mfc-solution-hero-overlay {
position: absolute; inset: 0;
background: rgba(4,36,67,0.45);
}
.mfc-solution-hero-title {
position: relative;
color: #fff;
font-size: 40px;
font-weight: 500;
margin: 0;
text-align: center;
letter-spacing: 0.5px;
}
.mfc-solution-grid {
padding: 70px 40px 90px;
}
.mfc-solution-grid-inner {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
.mfc-solution-col-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
}
.mfc-solution-col-head i {
color: var(--mfc-gold);
font-size: 22px;
}
.mfc-solution-col-head h3 {
margin: 0;
font-size: 17px;
color: var(--mfc-navy);
font-weight: 500;
letter-spacing: 0.3px;
}
.mfc-solution-col ul {
list-style: none;
padding: 0;
margin: 0;
}
.mfc-solution-col ul li {
font-size: 13px;
line-height: 1.6;
color: var(--mfc-navy);
margin-bottom: 22px;
padding-left: 0;
}
.mfc-solution-col ul li strong { color: var(--mfc-navy); font-weight: 600; }
@media (max-width: 1100px) {
.mfc-solution-grid-inner { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}
@media (max-width: 640px) {
.mfc-solution-grid-inner { grid-template-columns: 1fr; }
.mfc-solution-hero-title { font-size: 34px; }
.mfc-solution-hero { min-height: 280px; }
} .mfc-solution-hero-short {
min-height: 240px !important;
padding: 40px 20px !important;
} .mfc-modules-grid {
padding: 60px 40px 80px;
}
.mfc-modules-grid-inner {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
.mfc-modules-col {
display: flex;
flex-direction: column;
gap: 40px;
}
.mfc-modules-block i {
color: var(--mfc-gold);
font-size: 26px;
display: block;
margin-bottom: 18px;
}
.mfc-modules-block h3 {
color: var(--mfc-gold);
font-size: 14px;
font-weight: 500;
line-height: 1.45;
margin: 0 0 20px;
letter-spacing: 0.2px;
}
.mfc-modules-block ul {
list-style: none;
padding: 0;
margin: 0;
}
.mfc-modules-block ul li {
font-size: 13px;
line-height: 1.55;
color: var(--mfc-navy);
margin-bottom: 14px;
padding-left: 18px;
position: relative;
}
.mfc-modules-block ul li::before {
content: "×";
position: absolute;
left: 0;
top: 0;
color: var(--mfc-navy);
font-weight: 400;
}
@media (max-width: 1100px) {
.mfc-modules-grid-inner { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}
@media (max-width: 640px) {
.mfc-modules-grid-inner { grid-template-columns: 1fr; }
} body.mfc-header-over-hero .mfc-header {
position: absolute;
top: 0;
left: 0;
right: 0;
background: transparent !important;
box-shadow: none;
z-index: 9999;
}
body.mfc-header-over-hero .mfc-nav > li > a,
body.mfc-header-over-hero .mfc-user-icon {
color: #fff !important;
}
body.mfc-header-over-hero .mfc-nav > li > a:hover,
body.mfc-header-over-hero .mfc-user-icon:hover {
color: var(--mfc-gold) !important;
background: rgba(255,255,255,0.12) !important;
}
body.mfc-header-over-hero .mfc-logo-center img {
filter: brightness(0) invert(1);
}
body.mfc-header-over-hero .mfc-main { margin-top: 0; } body.mfc-header-over-hero .mfc-demo-hero,
body.mfc-header-over-hero .mfc-contact-hero {
min-height: 540px;
margin-top: 0;
padding-top: 200px;
}
body.mfc-header-over-hero .mfc-demo-hero-title,
body.mfc-header-over-hero .mfc-contact-hero-text { margin-left: 60px; }
body.mfc-header-over-hero .mfc-demo-hero {
display: flex;
align-items: flex-end;
padding-bottom: 60px;
}
body.mfc-header-over-hero .mfc-demo-hero-title {
font-size: 48px;
color: #fff;
margin: 0 0 0 60px;
} body.mfc-header-over-hero .mfc-contact-hero-text,
body.mfc-header-over-hero .mfc-contact-hero-kicker,
body.mfc-header-over-hero .mfc-contact-hero-title,
body.mfc-header-over-hero .mfc-contact-hero-title * {
color: #fff !important;
} body.home.mfc-header-over-hero .mfc-hero {
margin-top: 0;
padding-top: 180px;
min-height: 780px;
}
body.home.mfc-header-over-hero .mfc-circles { margin-top: 60px; } body.home.mfc-header-over-hero .mfc-nav > li > a,
body.home.mfc-header-over-hero .mfc-user-icon {
color: var(--mfc-navy) !important;
}
body.home.mfc-header-over-hero .mfc-nav > li > a:hover,
body.home.mfc-header-over-hero .mfc-user-icon:hover {
color: var(--mfc-gold) !important;
background: rgba(220,193,129,0.15) !important;
}
body.home.mfc-header-over-hero .mfc-logo-center img {
filter: none !important;
height: 200px !important;
}
@media (max-width: 1200px) {
body.home.mfc-header-over-hero .mfc-logo-center img { height: 160px !important; }
} .mfc-logo-center { display: block; line-height: 0; position: relative; }
.mfc-logo-center .mfc-logo-white { display: none; }
.mfc-logo-center .mfc-logo-color { display: block; height: 170px; width: auto; } body.mfc-header-over-hero:not(.home) .mfc-logo-center .mfc-logo-color { display: none; }
body.mfc-header-over-hero:not(.home) .mfc-logo-center .mfc-logo-white { display: block; height: 170px; width: auto; } body.mfc-header-over-hero:not(.home) .mfc-logo-center img { filter: none !important; } body.home .mfc-logo-center .mfc-logo-color { height: 200px !important; }
@media (max-width: 1200px) {
body.home .mfc-logo-center .mfc-logo-color { height: 160px !important; }
.mfc-logo-center .mfc-logo-color,
body.mfc-header-over-hero:not(.home) .mfc-logo-center .mfc-logo-white { height: 140px; }
} .mfc-partners {
padding: 60px 0;
background: #fff;
text-align: center;
overflow: hidden;
}
.mfc-partners-title {
font-size: 22px;
font-weight: 500;
color: var(--mfc-navy);
letter-spacing: 1px;
margin: 0 0 40px;
text-transform: uppercase;
}
.mfc-partners-track-wrapper {
width: 100%;
overflow: hidden;
mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
}
.mfc-partners-track {
display: flex;
align-items: center;
gap: 80px;
width: max-content;
animation: mfc-marquee 30s linear infinite;
}
.mfc-partners-track:hover { animation-play-state: paused; }
@keyframes mfc-marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.mfc-partner {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform .25s, opacity .25s;
opacity: 0.7;
}
.mfc-partner:hover { opacity: 1; transform: translateY(-3px); }
.mfc-partner img {
max-height: 50px;
width: auto;
max-width: 160px;
display: block;
}
@media (max-width: 768px) {
.mfc-partners-track { gap: 40px; animation-duration: 22s; }
.mfc-partner img { max-height: 35px; max-width: 110px; }
.mfc-partners-title { font-size: 16px; }
} .mfc-footer-linkedin {
color: var(--mfc-gold);
font-size: 18px;
transition: color .2s, transform .2s;
display: inline-flex;
align-items: center;
}
.mfc-footer-linkedin:hover { color: #fff; transform: translateY(-1px); } .mfc-burger {
display: none;
background: none;
border: 0;
padding: 8px;
cursor: pointer;
width: 38px;
height: 38px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
.mfc-burger span {
display: block;
width: 100%;
height: 2.5px;
background: var(--mfc-navy);
border-radius: 2px;
transition: transform .25s, opacity .2s;
transform-origin: center;
}
body.mfc-header-over-hero:not(.home) .mfc-burger span { background: #fff; }
.mfc-burger-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.mfc-burger-open span:nth-child(2) { opacity: 0; }
.mfc-burger-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.mfc-mobile-drawer {
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100vh;
background: var(--mfc-navy);
color: #fff;
z-index: 9998;
transform: translateX(-100%);
transition: transform .3s ease;
padding: 100px 40px 40px;
overflow-y: auto;
}
.mfc-drawer-open { transform: translateX(0); }
.mfc-mobile-nav { display: flex; flex-direction: column; gap: 8px; }
.mfc-mobile-menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.mfc-mobile-menu li { border-bottom: 1px solid rgba(255,255,255,0.08); }
.mfc-mobile-menu a {
display: block;
color: #fff;
padding: 16px 0;
font-size: 14px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 500;
}
.mfc-mobile-menu a:hover { color: var(--mfc-gold); }
.mfc-mobile-menu .sub-menu {
list-style: none;
padding: 0 0 8px 16px;
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height .3s;
}
.mfc-mobile-menu .mfc-mobile-open > .sub-menu { max-height: 600px; }
.mfc-mobile-menu .sub-menu a {
color: var(--mfc-gold);
font-size: 12px;
padding: 10px 0;
text-transform: none;
letter-spacing: 0.5px;
}
.mfc-mobile-menu .menu-item-has-children > a::after {
content: " +";
color: var(--mfc-gold);
float: right;
}
.mfc-mobile-menu .mfc-mobile-open > a::after { content: " −"; }
.mfc-mobile-login {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 24px;
margin-top: 24px;
border: 2px solid var(--mfc-gold);
border-radius: 30px;
color: var(--mfc-gold);
font-size: 13px;
letter-spacing: 1.5px;
text-transform: uppercase;
align-self: flex-start;
}
.mfc-mobile-login:hover { background: var(--mfc-gold); color: #fff; }
@media (max-width: 900px) {
.mfc-burger { display: flex; order: -1; }
.mfc-header-inner {
display: flex !important;
justify-content: space-between !important;
gap: 10px;
}
.mfc-nav-left, .mfc-nav-right { display: none !important; }
.mfc-logo-center { margin: 0 auto; }
.mfc-logo-center .mfc-logo-color,
.mfc-logo-center .mfc-logo-white,
body.home .mfc-logo-center .mfc-logo-color { height: 90px !important; }
.mfc-user-icon { display: none; }
} html, body { overflow-x: hidden; max-width: 100vw; }
.mfc-main, section, footer, header { max-width: 100vw; } @media (max-width: 1500px) {
.mfc-header { padding: 8px 24px; }
.mfc-header-inner { gap: 20px; }
.mfc-nav { gap: 16px; }
.mfc-nav > li > a { font-size: 11px; letter-spacing: 1px; padding: 10px 6px; }
.mfc-logo-center .mfc-logo-color,
.mfc-logo-center .mfc-logo-white { height: 130px; }
body.home .mfc-logo-center .mfc-logo-color { height: 150px !important; }
}
@media (max-width: 1280px) {
.mfc-header { padding: 6px 16px; }
.mfc-nav { gap: 10px; }
.mfc-nav > li > a { font-size: 10px; letter-spacing: 0.8px; padding: 8px 4px; }
.mfc-logo-center .mfc-logo-color,
.mfc-logo-center .mfc-logo-white,
body.home .mfc-logo-center .mfc-logo-color { height: 110px !important; }
.mfc-user-icon { font-size: 18px; padding: 6px 8px; }
} @media (max-width: 1100px) {
.mfc-circles { gap: 30px; }
.mfc-circle { width: 180px; height: 180px; padding: 22px; }
}
@media (max-width: 820px) {
.mfc-circles { gap: 20px; margin-top: 40px; }
.mfc-circle { width: 150px; height: 150px; padding: 16px; }
.mfc-circle-text { font-size: 12px; line-height: 1.3; }
} @media (max-width: 900px) {
body.home.mfc-header-over-hero .mfc-hero {
padding-top: 120px !important;
min-height: auto !important;
padding-bottom: 60px;
}
} @media (max-width: 900px) {
body.mfc-header-over-hero .mfc-demo-hero,
body.mfc-header-over-hero .mfc-contact-hero {
padding-top: 130px !important;
min-height: 360px !important;
}
} @media (max-width: 1280px) and (min-width: 1101px) {
.mfc-solution-grid-inner,
.mfc-modules-grid-inner { gap: 30px; }
} @media (max-width: 1100px) {
.mfc-footer-inner { gap: 15px; flex-wrap: wrap; }
.mfc-footer-contact { font-size: 11px; }
.mfc-footer-contact .sep { margin: 0 10px; }
}
@media (max-width: 820px) {
.mfc-footer { padding: 18px 20px; }
.mfc-footer-inner { flex-direction: column; text-align: center; }
.mfc-footer-left, .mfc-footer-right { text-align: center; }
.mfc-footer-menu { justify-content: center; flex-wrap: wrap; gap: 12px; }
.mfc-footer-contact { white-space: normal; }
} @media (max-width: 900px) {
.mfc-contact-info { gap: 25px; }
.mfc-contact-info-item { min-width: 0; width: 100%; max-width: 360px; }
.mfc-contact-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.mfc-contact-form { grid-template-columns: 1fr; }
} @media (max-width: 820px) {
.mfc-demo-form .mfc-form-grid { grid-template-columns: 1fr; }
.mfc-checkbox-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
.mfc-checkbox-grid { grid-template-columns: 1fr; }
} img { max-width: 100%; height: auto; } section, main, footer, header { box-sizing: border-box; } .mfc-login-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 18px;
border: 2px solid var(--mfc-gold);
border-radius: 24px;
color: var(--mfc-gold);
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: all .2s;
white-space: nowrap;
}
.mfc-login-btn:hover {
background: var(--mfc-gold);
color: #fff;
}
body.mfc-header-over-hero:not(.home) .mfc-login-btn {
color: #fff;
border-color: #fff;
}
body.mfc-header-over-hero:not(.home) .mfc-login-btn:hover {
background: #fff;
color: var(--mfc-navy);
}
.mfc-login-btn i { font-size: 14px; }
.mfc-hero { position: relative; }
.mfc-circles { position: relative; z-index: 2; } .mfc-circle {
width: 220px;
height: 220px;
padding: 32px;
}
.mfc-circle-text {
color: var(--mfc-gold);
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.mfc-circle-text strong {
display: block;
font-weight: 600;
font-size: 15px;
margin-bottom: 4px;
} .mfc-user-icon { display: none !important; }  #mfc-intro-skip, .mfc-intro-skip-btn, button[id*="skip"],
.elementor-element-2845 button, .elementor-widget-html button {
position: fixed !important;
left: 20px !important;
bottom: 20px !important;
right: auto !important;
top: auto !important;
padding: 8px 16px !important;
font-size: 11px !important;
letter-spacing: 1.5px !important;
max-width: 120px !important;
} .mfc-partners {
padding: 60px 20px;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.mfc-partners-title {
text-align: center;
margin-bottom: 40px;
}
.mfc-partners-track-wrapper {
width: 100%;
max-width: 1200px;
} .mfc-footer-center {
display: flex;
justify-content: center;
align-items: center;
}
.mfc-footer-linkedin i { font-size: 24px; } .mfc-footer-inner { align-items: center; padding: 6px 0; }
.mfc-footer-left, .mfc-footer-center, .mfc-footer-right { flex: 1 1 0; }
.mfc-footer-center { text-align: center; }
.mfc-footer-right { text-align: right; } .mfc-partner {
flex-direction: column;
gap: 10px;
text-align: center;
min-width: 130px;
}
.mfc-partner img {
max-height: 55px;
width: auto;
max-width: 150px;
display: block;
margin: 0 auto;
}
.mfc-partner-caption {
display: block;
color: var(--mfc-gold);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.4px;
line-height: 1.3;
white-space: nowrap;
}
@media (max-width: 768px) {
.mfc-partner-caption { font-size: 10px; }
.mfc-partner img { max-height: 40px; max-width: 110px; }
} .mfc-solution-col-head .mfc-svg-icon,
.mfc-modules-block .mfc-svg-icon {
width: 42px;
height: 42px;
object-fit: contain;
}
.mfc-modules-block .mfc-svg-icon {
display: block;
margin-bottom: 18px;
} body.home .mfc-hero::after { display: none !important; } body.home .mfc-login-btn {
background: var(--mfc-navy);
color: #fff;
border-color: var(--mfc-navy);
}
body.home .mfc-login-btn:hover {
background: var(--mfc-gold);
color: #fff;
border-color: var(--mfc-gold);
} .mfc-solution-col-head .mfc-svg-icon,
.mfc-modules-block .mfc-svg-icon { filter: brightness(0) saturate(100%) invert(78%) sepia(23%) saturate(641%) hue-rotate(5deg) brightness(95%) contrast(88%);
} .mfc-drawer-close {
position: absolute;
top: 22px;
right: 22px;
background: transparent;
border: 0;
color: #fff;
font-size: 26px;
cursor: pointer;
padding: 8px;
line-height: 1;
z-index: 10;
}
.mfc-drawer-close:hover { color: var(--mfc-gold); } .mfc-mobile-menu .menu-item-has-children > a::after {
content: "+" !important;
color: var(--mfc-gold);
float: right;
font-size: 26px;
line-height: 1;
font-weight: 300;
transition: transform .2s;
}
.mfc-mobile-menu .mfc-mobile-open > a::after {
content: "−" !important;
}
.mfc-mobile-menu .sub-menu a {
font-size: 13px;
padding: 12px 0;
}  body.home .mfc-hero {
background-size: 110% auto !important;
background-position: center 30% !important;
filter: brightness(1.1) contrast(0.92);
}
body.home .mfc-hero::before { display: none !important; } body.home .mfc-nav,
body.mfc-header-over-hero .mfc-nav {
gap: 14px !important;
}
body.home .mfc-nav > li > a,
body.mfc-header-over-hero .mfc-nav > li > a {
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 1.2px !important;
padding: 10px 8px !important;
} body.home .mfc-nav > li.menu-item-has-children > a::after,
body.mfc-header-over-hero .mfc-nav > li.menu-item-has-children > a::after {
margin-left: 2px !important;
width: 7px !important;
height: 7px !important;
} body.home .mfc-logo-center .mfc-logo-color {
height: 230px !important;
}
@media (max-width: 1280px) {
body.home .mfc-logo-center .mfc-logo-color { height: 180px !important; }
} body.home .mfc-circles {
margin-top: 220px !important;
gap: 90px !important;
}
body.home .mfc-circle {
width: 190px !important;
height: 190px !important;
padding: 26px !important;
border-width: 4px !important;
} body.home .mfc-circle-text {
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
}
body.home .mfc-circle-text strong {
font-size: 16px !important;
font-weight: 700 !important;
margin-bottom: 6px !important;
}
@media (max-width: 1100px) {
body.home .mfc-circles { gap: 50px !important; margin-top: 140px !important; }
body.home .mfc-circle { width: 170px !important; height: 170px !important; }
}
@media (max-width: 768px) {
body.home .mfc-hero { background-size: cover !important; }
body.home .mfc-circles { gap: 25px !important; margin-top: 100px !important; }
body.home .mfc-circle { width: 145px !important; height: 145px !important; padding: 18px !important; }
body.home .mfc-circle-text { font-size: 12px !important; }
body.home .mfc-circle-text strong { font-size: 13px !important; }
body.home .mfc-logo-center .mfc-logo-color { height: 110px !important; }
}