/* line 1, app/assets/stylesheets/global/_base.scss */
body {
  margin: 0;
  font-size: 16px;
  color: #111827;
  line-height: 24px;
  position: relative;
  background: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-family: "Inter", sans-serif;
}

/* line 14, app/assets/stylesheets/global/_base.scss */
a {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 22, app/assets/stylesheets/global/_base.scss */
a:hover {
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/global/_base.scss */
a:active,
a:hover,
a:focus {
  outline-width: 0;
  outline: none;
}

/* line 31, app/assets/stylesheets/global/_base.scss */
img {
  max-width: 100%;
}

/* line 34, app/assets/stylesheets/global/_base.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0 0 20px;
  color: #111827;
  font-weight: 500;
  line-height: 110%;
}

/* line 46, app/assets/stylesheets/global/_base.scss */
h1 {
  font-size: 40px;
}

@media only screen and (max-width: 991.98px) {
  /* line 50, app/assets/stylesheets/global/_base.scss */
  h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 55, app/assets/stylesheets/global/_base.scss */
  h1 {
    font-size: 40px;
  }
}

/* line 59, app/assets/stylesheets/global/_base.scss */
h2 {
  font-size: 48px;
}

@media only screen and (max-width: 1199.98px) {
  /* line 63, app/assets/stylesheets/global/_base.scss */
  h2 {
    font-size: 46px;
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 68, app/assets/stylesheets/global/_base.scss */
  h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 73, app/assets/stylesheets/global/_base.scss */
  h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

/* line 78, app/assets/stylesheets/global/_base.scss */
h3 {
  font-size: 36px;
}

@media only screen and (max-width: 575.98px) {
  /* line 82, app/assets/stylesheets/global/_base.scss */
  h3 {
    font-size: 32px;
  }
}

/* line 86, app/assets/stylesheets/global/_base.scss */
h4 {
  font-size: 28px;
}

@media only screen and (max-width: 575.98px) {
  /* line 90, app/assets/stylesheets/global/_base.scss */
  h4 {
    font-size: 26px;
  }
}

/* line 94, app/assets/stylesheets/global/_base.scss */
h5 {
  font-size: 24px;
}

@media only screen and (max-width: 575.98px) {
  /* line 98, app/assets/stylesheets/global/_base.scss */
  h5 {
    font-size: 22px;
  }
}

/* line 102, app/assets/stylesheets/global/_base.scss */
h6 {
  font-size: 20px;
}

@media only screen and (max-width: 575.98px) {
  /* line 106, app/assets/stylesheets/global/_base.scss */
  h6 {
    font-size: 18px;
  }
}

/* line 110, app/assets/stylesheets/global/_base.scss */
p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 26px;
}

/* line 115, app/assets/stylesheets/global/_base.scss */
hr {
  background-color: #bbb;
  border: 0;
  height: 1px;
  margin-bottom: 15px;
}

/* line 121, app/assets/stylesheets/global/_base.scss */
ul,
ol {
  margin: 0 0 0 25px;
  padding: 0;
}

/* line 126, app/assets/stylesheets/global/_base.scss */
ul {
  list-style: disc;
  margin-left: 25px;
}

/* line 130, app/assets/stylesheets/global/_base.scss */
ol {
  list-style: decimal;
  margin-left: 25px;
}

/* line 134, app/assets/stylesheets/global/_base.scss */
li > ul,
li > ol {
  margin-left: 25px;
}

/* line 138, app/assets/stylesheets/global/_base.scss */
dt {
  line-height: 24px;
  margin: 0 15px;
}

/* line 142, app/assets/stylesheets/global/_base.scss */
dd {
  margin: 0 15px 15px;
  line-height: 24px;
}

/* line 146, app/assets/stylesheets/global/_base.scss */
table {
  border-collapse: collapse;
  margin: 0 0 20px;
  width: 100%;
}

/* line 151, app/assets/stylesheets/global/_base.scss */
thead th {
  padding-bottom: 5px;
}

/* line 154, app/assets/stylesheets/global/_base.scss */
th {
  padding: 4px;
  text-align: left;
  border: 1px solid #ecf0f3;
}

/* line 159, app/assets/stylesheets/global/_base.scss */
tr {
  border-bottom: 1px solid #ecf0f3;
  border-top: 1px solid #ecf0f3;
  border-left: 1px solid #ecf0f3;
}

/* line 164, app/assets/stylesheets/global/_base.scss */
td {
  padding: 10px;
  border: 1px solid #ecf0f3;
}

/* line 168, app/assets/stylesheets/global/_base.scss */
input:focus {
  outline: none;
}

/* line 171, app/assets/stylesheets/global/_base.scss */
label {
  cursor: pointer;
  font-weight: 500;
}

/* line 175, app/assets/stylesheets/global/_base.scss */
input[type="submit"],
input#submit,
.btn-default {
  display: inline-block;
  padding: 8px 16px;
  background-color: #2d93de;
  color: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

/* line 192, app/assets/stylesheets/global/_base.scss */
input.btn-link[type="submit"],
input#submit.btn-link,
.btn-default.btn-link {
  background-color: rgba(0, 0, 0, 0);
  color: #111827;
  padding: 0 0 1px 0;
  text-decoration: none;
  border-bottom: 1px solid #111827;
  border-radius: 0;
}

/* line 202, app/assets/stylesheets/global/_base.scss */
input.btn-link[type="submit"]:focus,
input.btn-link[type="submit"]:hover,
input#submit.btn-link:focus,
input#submit.btn-link:hover,
.btn-default.btn-link:focus,
.btn-default.btn-link:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #2d93de;
  border-bottom: 1px solid #2d93de;
}

/* line 212, app/assets/stylesheets/global/_base.scss */
input.btn-bordered[type="submit"],
input#submit.btn-bordered,
.btn-default.btn-bordered {
  background-color: rgba(0, 0, 0, 0);
  padding: 9px 25px;
  border: 2px solid #64b4f0;
  color: #2d93de;
}

/* line 220, app/assets/stylesheets/global/_base.scss */
input.btn-bordered[type="submit"]:focus,
input.btn-bordered[type="submit"]:hover,
input#submit.btn-bordered:focus,
input#submit.btn-bordered:hover,
.btn-default.btn-bordered:focus,
.btn-default.btn-bordered:hover {
  color: #fff;
  background-color: #2d93de;
  border: 2px solid #2d93de;
}

/* line 230, app/assets/stylesheets/global/_base.scss */
input.btn-bordered.without-focus[type="submit"]:focus,
input#submit.btn-bordered.without-focus:focus,
.btn-default.btn-bordered.without-focus:focus {
  background-color: rgba(0, 0, 0, 0);
}

/* line 235, app/assets/stylesheets/global/_base.scss */
input.btn-white-bordered[type="submit"],
input.btn-white-bordered[type="submit"]:focus,
input#submit.btn-white-bordered:focus,
input#submit.btn-white-bordered,
.btn-default.btn-white-bordered:focus,
.btn-default.btn-white-bordered {
  background-color: rgba(0, 0, 0, 0);
  padding: 9px 25px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}

/* line 246, app/assets/stylesheets/global/_base.scss */
input.btn-white-bordered[type="submit"]:hover,
input#submit.btn-white-bordered:hover,
.btn-default.btn-white-bordered:hover {
  color: #2D93DE;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
}

/* line 253, app/assets/stylesheets/global/_base.scss */
input.btn-secondary[type="submit"],
input#submit.btn-secondary,
.btn-default.btn-secondary {
  background-color: #111827;
}

/* line 258, app/assets/stylesheets/global/_base.scss */
input.btn-secondary[type="submit"]:focus,
input.btn-secondary[type="submit"]:hover,
input#submit.btn-secondary:focus,
input#submit.btn-secondary:hover,
.btn-default.btn-secondary:focus,
.btn-default.btn-secondary:hover {
  background-color: #2d93de;
}

/* line 266, app/assets/stylesheets/global/_base.scss */
input.btn-white[type="submit"],
input#submit.btn-white,
.btn-default.btn-white {
  background-color: #fff;
  color: #2d93de;
  border: 2px solid #64b4f0;
}

/* line 273, app/assets/stylesheets/global/_base.scss */
input.btn-white[type="submit"]:focus,
input.btn-white[type="submit"]:hover,
input#submit.btn-white:focus,
input#submit.btn-white:hover,
.btn-default.btn-white:focus,
.btn-default.btn-white:hover {
  background-color: #111827;
  border-color: #111827;
  color: #fff;
}

/* line 283, app/assets/stylesheets/global/_base.scss */
input.br-0[type="submit"],
input#submit.br-0,
.btn-default.br-0 {
  border-radius: 0;
}

/* line 288, app/assets/stylesheets/global/_base.scss */
input.shadow[type="submit"],
input#submit.shadow,
.btn-default.shadow {
  box-shadow: 5px 10px 30px rgba(252, 192, 151, 0.52);
}

/* line 293, app/assets/stylesheets/global/_base.scss */
input.sm-btn[type="submit"],
input#submit.sm-btn,
.btn-default.sm-btn {
  padding: 10px 20px;
}

/* line 298, app/assets/stylesheets/global/_base.scss */
input.btn-full[type="submit"],
input#submit.btn-full,
.btn-default.btn-full {
  width: 100%;
}

/* line 303, app/assets/stylesheets/global/_base.scss */
input[type="submit"]:focus,
input[type="submit"]:hover,
input#submit:focus,
input#submit:hover,
.btn-default:focus,
.btn-default:hover {
  color: #fff;
  background-color: #111827;
}

/* ===== Flexbox Mixin ===== */
/* line 1, app/assets/stylesheets/global/_typography.scss */
.text-14 {
  font-size: 14px !important;
  line-height: 24px !important;
}

/* line 6, app/assets/stylesheets/global/_typography.scss */
.text-16 {
  font-size: 16px;
  line-height: 24px;
}

/* line 11, app/assets/stylesheets/global/_typography.scss */
.text-18 {
  font-size: 18px;
  line-height: 24px;
}

/* line 16, app/assets/stylesheets/global/_typography.scss */
.text-20 {
  font-size: 20px;
  line-height: 28px;
}

/* line 21, app/assets/stylesheets/global/_typography.scss */
.text-24 {
  font-size: 24px;
  line-height: 32px;
}

/* line 26, app/assets/stylesheets/global/_typography.scss */
.text-32 {
  font-size: 32px;
  line-height: 40px;
}

/* line 31, app/assets/stylesheets/global/_typography.scss */
.text-48 {
  font-size: 48px;
  line-height: 56px;
}

/* line 36, app/assets/stylesheets/global/_typography.scss */
.text-reg {
  font-weight: 400;
}

/* line 40, app/assets/stylesheets/global/_typography.scss */
.text-med {
  font-weight: 500;
}

/* line 44, app/assets/stylesheets/global/_typography.scss */
.text-semibold {
  font-weight: 600;
}

/* line 48, app/assets/stylesheets/global/_typography.scss */
.text-bold {
  font-weight: 700;
}

/* line 52, app/assets/stylesheets/global/_typography.scss */
.text-blue {
  color: #2D93DE !important;
}

/* line 56, app/assets/stylesheets/global/_typography.scss */
.text-dark {
  color: #111827;
}

/* line 60, app/assets/stylesheets/global/_typography.scss */
.text-light {
  color: #374151;
}

/* line 64, app/assets/stylesheets/global/_typography.scss */
.text-secondary {
  color: #374151;
}

@use "variable" as *;
@use "mixin" as *;
/*========================================
   01. Normalize CSS
========================================*/
/* line 7, app/assets/stylesheets/global/_reset.scss */
body {
  margin: 0;
  font-size: 16px;
  color: #111827;
  line-height: 24px;
  position: relative;
  background: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-family: "Inter", sans-serif;
}

/* line 18, app/assets/stylesheets/global/_reset.scss */
a {
  background-color: transparent;
  outline: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 24, app/assets/stylesheets/global/_reset.scss */
a:hover {
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/global/_reset.scss */
a:active,
a:hover,
a:focus {
  outline-width: 0;
  outline: none;
}

/* line 35, app/assets/stylesheets/global/_reset.scss */
img {
  max-width: 100%;
}

/* line 39, app/assets/stylesheets/global/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0 0 20px;
  color: #111827;
  font-weight: 500;
  line-height: 110%;
}

/* line 52, app/assets/stylesheets/global/_reset.scss */
h1 {
  font-size: 80px;
}

@media only screen and (max-width: 991.98px) {
  /* line 52, app/assets/stylesheets/global/_reset.scss */
  h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 52, app/assets/stylesheets/global/_reset.scss */
  h1 {
    font-size: 40px;
  }
}

/* line 62, app/assets/stylesheets/global/_reset.scss */
h2 {
  font-size: 48px;
}

@media only screen and (max-width: 1199.98px) {
  /* line 62, app/assets/stylesheets/global/_reset.scss */
  h2 {
    font-size: 46px;
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 62, app/assets/stylesheets/global/_reset.scss */
  h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 62, app/assets/stylesheets/global/_reset.scss */
  h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

/* line 76, app/assets/stylesheets/global/_reset.scss */
h3 {
  font-size: 36px;
}

@media only screen and (max-width: 575.98px) {
  /* line 76, app/assets/stylesheets/global/_reset.scss */
  h3 {
    font-size: 32px;
  }
}

/* line 83, app/assets/stylesheets/global/_reset.scss */
h4 {
  font-size: 28px;
}

@media only screen and (max-width: 575.98px) {
  /* line 83, app/assets/stylesheets/global/_reset.scss */
  h4 {
    font-size: 26px;
  }
}

/* line 90, app/assets/stylesheets/global/_reset.scss */
h5 {
  font-size: 24px;
}

@media only screen and (max-width: 575.98px) {
  /* line 90, app/assets/stylesheets/global/_reset.scss */
  h5 {
    font-size: 22px;
  }
}

/* line 97, app/assets/stylesheets/global/_reset.scss */
h6 {
  font-size: 20px;
}

@media only screen and (max-width: 575.98px) {
  /* line 97, app/assets/stylesheets/global/_reset.scss */
  h6 {
    font-size: 18px;
  }
}

/* line 104, app/assets/stylesheets/global/_reset.scss */
p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 26px;
}

/* line 110, app/assets/stylesheets/global/_reset.scss */
hr {
  background-color: #bbb;
  border: 0;
  height: 1px;
  margin-bottom: 15px;
}

/* line 117, app/assets/stylesheets/global/_reset.scss */
ul,
ol {
  margin: 0 0 0 25px;
  padding: 0;
}

/* line 123, app/assets/stylesheets/global/_reset.scss */
ul {
  list-style: disc;
  margin-left: 25px;
}

/* line 128, app/assets/stylesheets/global/_reset.scss */
ol {
  list-style: decimal;
  margin-left: 25px;
}

/* line 133, app/assets/stylesheets/global/_reset.scss */
li > ul,
li > ol {
  margin-left: 25px;
}

/* line 138, app/assets/stylesheets/global/_reset.scss */
dt {
  line-height: 24px;
  margin: 0 15px;
}

/* line 143, app/assets/stylesheets/global/_reset.scss */
dd {
  margin: 0 15px 15px;
  line-height: 24px;
}

/* line 148, app/assets/stylesheets/global/_reset.scss */
table {
  border-collapse: collapse;
  margin: 0 0 20px;
  width: 100%;
}

/* line 154, app/assets/stylesheets/global/_reset.scss */
thead th {
  padding-bottom: 5px;
}

/* line 158, app/assets/stylesheets/global/_reset.scss */
th {
  padding: 4px;
  text-align: left;
  border: 1px solid #ecf0f3;
}

/* line 164, app/assets/stylesheets/global/_reset.scss */
tr {
  border-bottom: 1px solid #ecf0f3;
  border-top: 1px solid #ecf0f3;
  border-left: 1px solid #ecf0f3;
}

/* line 170, app/assets/stylesheets/global/_reset.scss */
td {
  padding: 10px;
  border: 1px solid #ecf0f3;
}

/* line 175, app/assets/stylesheets/global/_reset.scss */
input:focus {
  outline: none;
}

@use "variable" as *;
@use "mixin" as *;
/* global classes */
/* line 5, app/assets/stylesheets/global/_global.scss */
.logo {
  width: 144px;
}

/* line 9, app/assets/stylesheets/global/_global.scss */
.footer-logo {
  width: 151px;
}

/* line 13, app/assets/stylesheets/global/_global.scss */
.plyr--video {
  border-radius: 9px;
}

/* line 17, app/assets/stylesheets/global/_global.scss */
.mf-container {
  width: 1240px;
  max-width: 100%;
  margin: 0 auto;
}

/* line 22, app/assets/stylesheets/global/_global.scss */
.mf-container li {
  padding: 0.6rem;
}

/* line 26, app/assets/stylesheets/global/_global.scss */
.mf-container .mf-lettered-list {
  list-style-type: upper-alpha;
}

/* video */
/* line 32, app/assets/stylesheets/global/_global.scss */
.plyr--video {
  border-radius: 9px;
}

/* divider */
/* line 37, app/assets/stylesheets/global/_global.scss */
.mf-divider {
  height: 1px;
  width: 100%;
  background: #D1D5DB;
}

/* section header */
/* line 44, app/assets/stylesheets/global/_global.scss */
.mf-section-header {
  text-align: center;
}

/* line 47, app/assets/stylesheets/global/_global.scss */
.mf-section-header .mf-section-header-meta {
  color: #6B7280;
  font-size: 28px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
  display: inline-block;
}

@media only screen and (max-width: 991.98px) {
  /* line 47, app/assets/stylesheets/global/_global.scss */
  .mf-section-header .mf-section-header-meta {
    font-size: 20px;
    margin-bottom: 13px;
  }
}

/* line 61, app/assets/stylesheets/global/_global.scss */
.mf-section-header .mf-section-header-title {
  color: #111827;
  font-size: 48px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 32px;
}

@media only screen and (max-width: 991.98px) {
  /* line 61, app/assets/stylesheets/global/_global.scss */
  .mf-section-header .mf-section-header-title {
    font-size: 33px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 61, app/assets/stylesheets/global/_global.scss */
  .mf-section-header .mf-section-header-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  /* line 75, app/assets/stylesheets/global/_global.scss */
  .mf-section-header .mf-section-header-title br {
    display: none;
  }
}

/* line 81, app/assets/stylesheets/global/_global.scss */
.mf-section-header p {
  margin-bottom: 0;
}

/* tab */
/* line 87, app/assets/stylesheets/global/_global.scss */
.mf-nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  margin-left: 0;
}

/* line 96, app/assets/stylesheets/global/_global.scss */
.mf-nav-tabs .mf-nav-item a {
  display: inline-block;
  color: #111827;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 16px;
  border: 1px solid #D1D5DB;
  position: relative;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

/* line 108, app/assets/stylesheets/global/_global.scss */
.mf-nav-tabs .mf-nav-item a.active, .mf-nav-tabs .mf-nav-item a:hover {
  color: #fff;
  background-color: #2D93DE;
  border-color: #2D93DE;
}

/* line 116, app/assets/stylesheets/global/_global.scss */
.mf-nav-tabs .mf-nav-item:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 121, app/assets/stylesheets/global/_global.scss */
.mf-nav-tabs .mf-nav-item:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 129, app/assets/stylesheets/global/_global.scss */
.mf-tab-content .mf-tab-pane {
  display: none;
}

/* line 132, app/assets/stylesheets/global/_global.scss */
.mf-tab-content .mf-tab-pane.active {
  display: block;
  animation: fadeIn 1s;
}

/* Fade-in animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* accordion */
/* line 151, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item {
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 6px 10px -1px rgba(6, 25, 56, 0.07);
  margin-bottom: 16px;
}

/* line 158, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item:last-child {
  margin-bottom: 0;
}

/* line 162, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item .mf-accordion-header {
  cursor: pointer;
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0;
  padding-right: 24px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

/* line 173, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item .mf-accordion-header:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  background-image: url(/../images/icons/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

/* line 189, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item .mf-accordion-content {
  margin-top: 8px;
  color: #374151;
  font-size: 14px;
  line-height: 24px;
}

/* line 195, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item .mf-accordion-content * {
  font-size: 14px;
  line-height: 24px;
}

/* line 199, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item .mf-accordion-content *:last-child {
  margin-bottom: 0;
}

/* line 206, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item.active .mf-accordion-header {
  color: #2D93DE;
}

/* line 209, app/assets/stylesheets/global/_global.scss */
.mf-accordion .mf-accordion-item.active .mf-accordion-header:after {
  transform: translateY(-50%) rotate(90deg);
}

/* form fields */
/* line 218, app/assets/stylesheets/global/_global.scss */
label {
  cursor: pointer;
  font-weight: 500;
}

/* line 223, app/assets/stylesheets/global/_global.scss */
.mf-checkbox-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 12px;
}

/* line 227, app/assets/stylesheets/global/_global.scss */
.mf-checkbox-wrapper input[type=checkbox] {
  position: relative;
  border: 1px solid #D1D5DB;
  border-radius: 4px;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 2px;
  -webkit-appearance: none;
  -webkit-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

/* line 239, app/assets/stylesheets/global/_global.scss */
.mf-checkbox-wrapper input[type=checkbox]:hover {
  border-color: #2D93DE;
}

/* line 243, app/assets/stylesheets/global/_global.scss */
.mf-checkbox-wrapper input[type=checkbox]:checked {
  background-color: #2D93DE;
  border-color: #2D93DE;
}

/* line 248, app/assets/stylesheets/global/_global.scss */
.mf-checkbox-wrapper input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 6px;
  height: 12px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

/* line 263, app/assets/stylesheets/global/_global.scss */
.mf-radio-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 12px;
}

/* line 267, app/assets/stylesheets/global/_global.scss */
.mf-radio-wrapper input[type=radio] {
  position: relative;
  border: 1px solid #6B7280;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 3px;
  -webkit-appearance: none;
  -webkit-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

/* line 279, app/assets/stylesheets/global/_global.scss */
.mf-radio-wrapper input[type=radio]:hover {
  border-color: #2D93DE;
}

/* line 283, app/assets/stylesheets/global/_global.scss */
.mf-radio-wrapper input[type=radio]:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #2D93DE;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s ease-in-out;
  z-index: 2;
}

/* line 297, app/assets/stylesheets/global/_global.scss */
.mf-radio-wrapper input[type=radio]:checked {
  border-color: #2D93DE;
}

/* line 300, app/assets/stylesheets/global/_global.scss */
.mf-radio-wrapper input[type=radio]:checked:before {
  transform: translate(-50%, -50%) scale(1);
}

/* line 306, app/assets/stylesheets/global/_global.scss */
.mf-form-control {
  border-radius: 4px;
  border: 1px solid #D1D5DB;
  padding: 12px 8px 12px 12px;
  color: #6B7280;
}

/* line 313, app/assets/stylesheets/global/_global.scss */
.mf-form-select {
  border-radius: 4px;
  border: 1px solid #D1D5DB;
  padding: 12px 8px 12px 12px;
  color: #6B7280;
  appearance: none;
  background-image: url(/../images/icons/down-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 24px 24px;
  outline: none;
}

/* line 325, app/assets/stylesheets/global/_global.scss */
.mf-form-select:focus {
  outline: none;
}

/* line 330, app/assets/stylesheets/global/_global.scss */
textarea.mf-form-control {
  border-radius: 8px;
  min-height: 232px;
  outline: none;
}

/* line 335, app/assets/stylesheets/global/_global.scss */
textarea.mf-form-control:focus {
  outline: none;
}

/* Social Icons */
/* line 341, app/assets/stylesheets/global/_global.scss */
.mf-social-links {
  list-style: none;
  margin-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 16px;
}

/* line 347, app/assets/stylesheets/global/_global.scss */
.mf-social-links li {
  padding: 0;
}

/* line 349, app/assets/stylesheets/global/_global.scss */
.mf-social-links li a {
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 18px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  background-color: #64B4F0;
  transition: all 0.3s ease-in-out;
}

/* line 361, app/assets/stylesheets/global/_global.scss */
.mf-social-links li a.facebook-icon {
  background-color: #1E3A8A;
}

/* line 365, app/assets/stylesheets/global/_global.scss */
.mf-social-links li a.linkedin-icon {
  background-color: #1470B4;
}

/* line 369, app/assets/stylesheets/global/_global.scss */
.mf-social-links li a.instagram-icon {
  background: radial-gradient(182.61% 44.3% at -16.75% 7.2%, #3771C8 0%, #3771C8 12.8%, rgba(102, 0, 255, 0) 100%), radial-gradient(92.18% 99.11% at 26.56% 107.7%, #FD5 0%, #FD5 10%, #FF543E 50%, #C837AB 100%);
}

@use "variable" as *;
@use "mixin" as *;
/* ------------------------
# Button
------------------------*/
/* line 7, app/assets/stylesheets/global/_button.scss */
input[type="submit"], input#submit,
.btn-default {
  display: inline-block;
  padding: 8px 16px;
  background-color: #2D93DE;
  color: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

/* line 20, app/assets/stylesheets/global/_button.scss */
input.btn-link[type="submit"], input#submit.btn-link,
.btn-default.btn-link {
  background-color: transparent;
  color: #111827;
  padding: 0 0 1px 0;
  text-decoration: none;
  border-bottom: 1px solid #111827;
  border-radius: 0;
}

/* line 28, app/assets/stylesheets/global/_button.scss */
input.btn-link[type="submit"]:focus, input.btn-link[type="submit"]:hover, input#submit.btn-link:focus, input#submit.btn-link:hover,
.btn-default.btn-link:focus,
.btn-default.btn-link:hover {
  background-color: transparent;
  color: #2D93DE;
  border-bottom: 1px solid #2D93DE;
}

/* line 36, app/assets/stylesheets/global/_button.scss */
input.btn-bordered[type="submit"], input#submit.btn-bordered,
.btn-default.btn-bordered {
  background-color: transparent;
  padding: 9px 25px;
  border: 2px solid #64B4F0;
  color: #2D93DE;
}

/* line 42, app/assets/stylesheets/global/_button.scss */
input.btn-bordered[type="submit"]:focus, input.btn-bordered[type="submit"]:hover, input#submit.btn-bordered:focus, input#submit.btn-bordered:hover,
.btn-default.btn-bordered:focus,
.btn-default.btn-bordered:hover {
  color: #ffffff;
  background-color: #2D93DE;
  border: 2px solid #2D93DE;
}

/* line 50, app/assets/stylesheets/global/_button.scss */
input.btn-secondary[type="submit"], input#submit.btn-secondary,
.btn-default.btn-secondary {
  background-color: #111827;
}

/* line 53, app/assets/stylesheets/global/_button.scss */
input.btn-secondary[type="submit"]:focus, input.btn-secondary[type="submit"]:hover, input#submit.btn-secondary:focus, input#submit.btn-secondary:hover,
.btn-default.btn-secondary:focus,
.btn-default.btn-secondary:hover {
  background-color: #2D93DE;
}

/* line 59, app/assets/stylesheets/global/_button.scss */
input.btn-white[type="submit"], input#submit.btn-white,
.btn-default.btn-white {
  background-color: #fff;
  color: #2D93DE;
  border: 2px solid #64B4F0;
}

/* line 64, app/assets/stylesheets/global/_button.scss */
input.btn-white[type="submit"]:focus, input.btn-white[type="submit"]:hover, input#submit.btn-white:focus, input#submit.btn-white:hover,
.btn-default.btn-white:focus,
.btn-default.btn-white:hover {
  background-color: #111827;
  border-color: #111827;
  color: #fff;
}

/* line 72, app/assets/stylesheets/global/_button.scss */
input.br-0[type="submit"], input#submit.br-0,
.btn-default.br-0 {
  border-radius: 0;
}

/* line 76, app/assets/stylesheets/global/_button.scss */
input.shadow[type="submit"], input#submit.shadow,
.btn-default.shadow {
  box-shadow: 5px 10px 30px rgba(252, 192, 151, 0.52);
}

/* line 80, app/assets/stylesheets/global/_button.scss */
input.sm-btn[type="submit"], input#submit.sm-btn,
.btn-default.sm-btn {
  padding: 10px 20px;
}

/* line 83, app/assets/stylesheets/global/_button.scss */
input.btn-full[type="submit"], input#submit.btn-full,
.btn-default.btn-full {
  width: 100%;
}

/* line 87, app/assets/stylesheets/global/_button.scss */
input[type="submit"]:focus, input[type="submit"]:hover, input#submit:focus, input#submit:hover,
.btn-default:focus,
.btn-default:hover {
  color: #fff;
  background-color: #111827;
}

/* line 94, app/assets/stylesheets/global/_button.scss */
.mf-button-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

/* line 101, app/assets/stylesheets/global/_button.scss */
.mf-button-group.equal-width .btn-default {
  flex-grow: 1;
}

@use "variable" as *;
@use "mixin" as *;
/* line 4, app/assets/stylesheets/global/_header.scss */
header.mf-header {
  background: #fff;
  position: relative;
  padding: 8px 24px;
  box-shadow: 0 6px 10px -1px rgba(6, 25, 56, 0.07);
}

/* line 10, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-header-wrapper.menu-fixed {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 6px 10px -1px rgba(6, 25, 56, 0.07);
  padding: 8px 24px;
}

/* line 21, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-menu-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 27, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 80rem) {
  /* line 27, app/assets/stylesheets/global/_header.scss */
  header.mf-header .mf-primary-menu {
    display: none !important;
  }
}

/* line 35, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 0;
}

/* line 40, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li {
  margin: 0 8px;
}

/* line 43, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li:last-child {
  margin-right: 16px;
}

/* line 47, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li > a {
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  border-radius: 8px;
  display: inline-flex;
  position: relative;
  padding: 8px;
  color: #111827;
}

/* line 57, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li > a:hover {
  background: #F3F4F6;
}

/* line 61, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li > a.active {
  background: #E0EFFA;
}

/* line 67, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown {
  position: relative;
}

/* line 70, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown > a {
  position: relative;
}

/* line 73, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown > a:after {
  content: "\ea4e";
  font-family: remixicon !important;
  margin-left: 5px;
  font-size: 22px;
}

/* line 81, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown .mf-dropdown {
  position: absolute;
  left: 0;
  min-width: 320px;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 20px 20px;
  background: #fff;
  list-style: none;
  margin-left: 0;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  -webkit-transform: rotateX(45deg);
  -moz-transform: rotateX(45deg);
  -ms-transform: rotateX(45deg);
  -o-transform: rotateX(45deg);
  transform: rotateX(45deg);
  z-index: 99;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 99, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown .mf-dropdown li {
  margin-bottom: 15px;
}

/* line 102, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown .mf-dropdown li a {
  font-size: 14px;
  color: #858585;
  display: block;
  font-weight: 400;
  text-transform: capitalize;
}

/* line 109, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown .mf-dropdown li a.active, header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown .mf-dropdown li a:hover {
  color: #2D93DE;
}

/* line 115, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown .mf-dropdown li:last-child {
  margin-bottom: 0;
}

/* line 122, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown:hover .mf-dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/* line 131, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu > a {
  position: relative;
}

/* line 134, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu > a:after {
  content: "\ea4e";
  font-family: remixicon !important;
  margin-left: 5px;
  font-size: 22px;
}

/* line 142, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  box-shadow: 0 10px 8px -6px rgba(6, 25, 56, 0.07);
  padding: 12px 24px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  -webkit-transform: rotateX(45deg);
  -moz-transform: rotateX(45deg);
  -ms-transform: rotateX(45deg);
  -o-transform: rotateX(45deg);
  transform: rotateX(45deg);
  z-index: 99;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  /*products mega menu*/
  /* solution mega menu */
}

/* line 157, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu::before {
  position: absolute;
  content: "";
  top: 0;
  left: 24px;
  height: 1px;
  width: calc(100% - 48px);
  background-color: #E5E7EB;
}

/* line 168, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 0;
  gap: 80px;
}

/* line 175, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-left,
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 80px;
  width: calc(50% - 40px);
}

/* line 183, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-left {
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}

/* line 187, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 300px;
  gap: 21px;
}

/* line 192, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item .mf-menu-product-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  padding: 9px;
  border-radius: 8px;
  background: #F3F4F6;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 202, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item .mf-menu-product-icon svg path {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 208, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item .mf-menu-product-content h4 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0;
}

/* line 215, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item .mf-menu-product-content p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

/* line 223, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item:hover .mf-menu-product-icon {
  background: #2D93DE;
}

/* line 226, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item:hover .mf-menu-product-icon svg path {
  fill: #fff;
}

/* line 231, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-menu-product-wrapper .mf-menu-product-item:hover h4 {
  color: #2D93DE;
}

/* line 239, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 60px;
}

/* line 243, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-solutions-tabs {
  display: block;
  -webkit-flex: 0 0 312px;
  -ms-flex: 0 0 312px;
  flex: 0 0 312px;
  padding: 32px 27px;
  background: #F3F4F6;
}

/* line 249, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-solutions-tabs .mf-nav-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 6px 8px;
  margin-bottom: 8px;
  border: none;
  border-radius: 0;
  color: #111827;
  font-weight: 400;
  background-color: transparent;
}

/* line 261, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-solutions-tabs .mf-nav-link i {
  font-size: 24px;
}

/* line 265, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-solutions-tabs .mf-nav-link::before {
  display: none;
}

/* line 269, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-solutions-tabs .mf-nav-link:hover, header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-solutions-tabs .mf-nav-link.active {
  background-color: #fff;
}

/* line 276, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content {
  padding: 40px 0;
}

/* line 279, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.2px;
  margin-bottom: 48px;
}

/* line 287, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-industries-cats {
  gap: 60px;
}

@media only screen and (max-width: 1366px) {
  /* line 287, app/assets/stylesheets/global/_header.scss */
  header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-industries-cats {
    gap: 30px;
  }
}

/* line 295, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-industries-cat {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 24px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 300, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-industries-cat .mf-cat-title {
  color: #1E3A8A;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
}

/* line 309, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-menu-industry-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
}

/* line 313, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-menu-industry-item .mf-menu-industry-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 9px;
}

/* line 319, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-menu-industry-item .mf-menu-industry-icon svg path {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 325, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-menu-industry-item .mf-menu-industry-content h4 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 333, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-menu-industry-item .mf-menu-industry-content p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

/* line 342, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-menu-industry-item:hover .mf-menu-industry-icon svg path {
  fill: #2D93DE;
}

/* line 347, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu .mf-mega-menu .mf-solution-menu-wrapper .mf-industries-content .mf-menu-industry-item:hover h4 {
  color: #2D93DE;
}

/* line 357, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-mega-menu:hover .mf-mega-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/* line 368, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown:last-child .mf-dropdown, header.mf-header .mf-primary-menu ul.mf-main-menu > li.mf-has-dropdown:nth-last-child(2) .mf-dropdown {
  left: auto;
  right: 0;
}

/* line 378, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-header-right {
  padding-left: 16px;
  position: relative;
}

/* line 382, app/assets/stylesheets/global/_header.scss */
header.mf-header .mf-header-right:before {
  content: "";
  position: absolute;
  height: 28px;
  width: 1px;
  background: #D1D5DB;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 396, app/assets/stylesheets/global/_header.scss */
.mf-nav-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

@media only screen and (min-width: 80rem) {
  /* line 396, app/assets/stylesheets/global/_header.scss */
  .mf-nav-icon {
    display: none;
  }
}

/* line 405, app/assets/stylesheets/global/_header.scss */
.mf-nav-icon .mf-menu-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

/* line 410, app/assets/stylesheets/global/_header.scss */
.mf-nav-icon .mf-menu-icon span {
  background: #111827;
  height: 2px;
  width: 26px;
  display: inline-block;
  /*&:nth-child(2) {
                width: 20px;
                margin: 7px 0;
                margin-left: auto;
            }

            &:nth-child(3) {
                width: 25px;
                margin-left: auto;
            }*/
}

/* line 430, app/assets/stylesheets/global/_header.scss */
header.mf-header.mf-nav-open .mf-mobile-menu-main {
  position: fixed;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 441, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu {
  position: fixed;
  top: 0;
  right: -30%;
  width: 100%;
  height: 100vh;
  background: #2D93DE;
  padding: 24px 16px 40px 16px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 455, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

/* line 461, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-header .mf-mobile-menu-back {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 470, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-header .mf-mobile-menu-back i {
  font-size: 24px;
  margin-right: 16px;
}

/* line 476, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-header .mf-mobile-menu-close {
  cursor: pointer;
  color: #fff;
  font-size: 24px;
}

/* line 483, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-nav-close {
  cursor: pointer;
}

/* line 486, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-nav-close i {
  font-size: 24px;
  color: #fff;
}

/* line 492, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-card {
  height: calc(90vh - 15%);
  overflow-y: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 500, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu {
  margin: 0 !important;
  list-style: none;
}

/* line 506, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li:first-child a {
  border-top: 1px solid #64B4F0;
}

/* line 511, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li a {
  color: #fff;
  padding: 16px;
  display: block;
  position: relative;
  border-bottom: 1px solid #64B4F0;
}

/* line 518, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li a.hover, .mf-header .mf-mobile-menu ul.mf-main-menu li a.active {
  background: #1470B4;
}

/* line 524, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li.mf-has-dropdown > a:after {
  content: "\ea6e";
  font-family: remixicon !important;
  position: absolute;
  right: 15px;
  font-size: 24px;
  font-weight: 400;
}

/* line 534, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li.mf-has-dropdown.open > ul.mf-dropdown {
  right: 16px;
  opacity: 1;
  visibility: visible;
}

/* line 541, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li .mf-dropdown {
  position: fixed;
  top: 82px;
  right: -30%;
  margin-left: 0;
  list-style: none;
  background: #2d93de;
  width: calc(100% - 32px);
  height: calc(100vh - 82px);
  overflow-y: auto;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 556, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li .mf-dropdown .mf-dropdown-first {
  margin-top: 16px;
}

/* line 560, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu ul.mf-main-menu li .mf-dropdown span {
  padding: 16px;
  margin-bottom: 16px;
  color: #1E3A8A;
}

/* line 571, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu.dropdown-open .mf-mobile-menu-header .mf-mobile-menu-back {
  opacity: 1;
  visibility: visible;
}

/* line 578, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-footer {
  text-align: center;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

/* line 586, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-footer .btn-default {
  max-width: 100%;
}

/* line 590, app/assets/stylesheets/global/_header.scss */
.mf-header .mf-mobile-menu .mf-mobile-menu-footer .btn-border-pale-blue {
  border: 2px solid #83C1EF;
}

/* line 596, app/assets/stylesheets/global/_header.scss */
.mf-header.mf-nav-open .mf-mobile-menu {
  right: 0;
  opacity: 1;
  visibility: visible;
}

/* line 602, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu {
  overflow: visible;
  position: relative;
}

/* line 606, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu > a:after {
  content: "\ea4e";
  font-family: remixicon !important;
  margin-left: 5px;
  font-size: 22px;
}

/* line 614, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu .industries-menu {
  opacity: 0;
  position: absolute;
  left: 0;
  top: calc(100% + 11px);
  background: white;
  z-index: 99;
  width: max-content;
  padding: 24px;
  border-radius: 0 0 8px 8px;
  visibility: hidden;
  transform-origin: top;
  -webkit-transform: rotateX(45deg);
  -moz-transform: rotateX(45deg);
  -ms-transform: rotateX(45deg);
  -o-transform: rotateX(45deg);
  transform: rotateX(45deg);
  z-index: 99;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 631, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu .industries-menu::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #E4E4E4;
}

/* line 641, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu .industries-menu ul {
  list-style: none;
  margin-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

/* line 649, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu .industries-menu ul li a {
  padding: 8px;
  color: #374151;
  border-radius: 4px;
  display: block;
  width: 100%;
}

/* line 656, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu .industries-menu ul li a:hover {
  background: #E0EFFA;
}

/* line 661, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu .industries-menu ul li.title {
  padding: 8px;
  font-weight: 600;
}

/* line 669, app/assets/stylesheets/global/_header.scss */
.mf-main-menu .mf-nav-item.has-industries-menu:hover .industries-menu {
  visibility: visible;
  opacity: 100%;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

@use "variable" as *;
/* line 3, app/assets/stylesheets/global/_preloader.scss */
.mf-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 99999;
}

/* line 12, app/assets/stylesheets/global/_preloader.scss */
.mf-preloader.hide {
  display: none;
}

/* line 16, app/assets/stylesheets/global/_preloader.scss */
.mf-preloader .mf-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
}

/* line 26, app/assets/stylesheets/global/_preloader.scss */
.mf-preloader .mf-loader:after, .mf-preloader .mf-loader:before {
  content: "";
  width: 50px;
  position: absolute;
  left: 0;
}

/* line 34, app/assets/stylesheets/global/_preloader.scss */
.mf-preloader .mf-loader:before {
  height: 5px;
  border-radius: 50%;
  background: #000;
  opacity: .1;
  top: 59px;
  animation: shadow .5s linear infinite;
}

/* line 43, app/assets/stylesheets/global/_preloader.scss */
.mf-preloader .mf-loader:after {
  height: 50px;
  border-radius: 3px;
  background: #2D93DE;
  top: 0;
  animation: loading .5s linear infinite;
}

@-webkit-keyframes loading {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}

@keyframes loading {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}

@-webkit-keyframes shadow {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}

@keyframes shadow {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}

/* line 1, app/assets/stylesheets/global/_list.scss */
.mf-outer-list {
  margin-left: 0 !important;
  counter-reset: outer-counter;
  list-style: none;
}

/* line 7, app/assets/stylesheets/global/_list.scss */
.mf-inner-list {
  margin-left: 0 !important;
  counter-reset: inner-counter;
  list-style: none;
}

/* line 13, app/assets/stylesheets/global/_list.scss */
.mf-outer-item {
  counter-increment: outer-counter;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

/* line 20, app/assets/stylesheets/global/_list.scss */
.mf-inner-item {
  counter-increment: inner-counter;
  margin-left: 20px;
}

/* Style for the inner inner list */
/* line 26, app/assets/stylesheets/global/_list.scss */
.mf-inner-inner-list {
  list-style-type: none;
}

/* line 30, app/assets/stylesheets/global/_list.scss */
.mf-inner-inner-item {
  margin-left: 20px;
  counter-increment: inner-inner-counter;
  /* Add your desired numbering style here */
}

/* line 36, app/assets/stylesheets/global/_list.scss */
.mf-inner-inner-item-alpha {
  margin-left: 40px;
  list-style-type: lower-alpha;
  /* Add your desired numbering style here */
}

/* line 42, app/assets/stylesheets/global/_list.scss */
.mf-inner-inner-item::before {
  content: counters(outer-counter, ".") "." counters(inner-counter, ".") "." counters(inner-inner-counter, ".") " ";
  /* Add any additional styling you need for the numbers */
}

/* line 47, app/assets/stylesheets/global/_list.scss */
.mf-table-bold {
  font-weight: 500;
}

/* line 51, app/assets/stylesheets/global/_list.scss */
.mf-outer-item::before {
  content: counter(outer-counter) ". ";
}

/* line 55, app/assets/stylesheets/global/_list.scss */
.mf-inner-item::before {
  content: counter(outer-counter) "." counter(inner-counter) " ";
}

/* line 59, app/assets/stylesheets/global/_list.scss */
.mf-roman-list {
  list-style-type: lower-roman;
}

/* line 63, app/assets/stylesheets/global/_list.scss */
.mf-inner-item-table {
  margin: 0 1.5em;
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Hero */
/* line 5, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero {
  position: relative;
  padding: 76px 24px;
  background: linear-gradient(0deg, #2FC3FC 0%, #3137A8 100%);
  overflow: hidden;
  z-index: 1;
}

@media only screen and (max-width: 991.98px) {
  /* line 5, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero {
    padding: 40px 40px 90px;
    text-align: center;
    background: linear-gradient(327deg, #2FC3FC 15.48%, #3137A8 67.54%);
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 5, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero {
    padding: 30px 24px;
  }
}

/* line 22, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/banner/banner-shape-3eab7929e9f51db27d1668e4504f8dc9380e743322e39c6144b8b7baa992d19d.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
  z-index: -1;
}

@media only screen and (max-width: 991.98px) {
  /* line 22, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero::before {
    background-image: url(/assets/banner/banner-tab-shape-6b6854c04249899c987741c5e57b33761f518e7c4bba70830e4841fd7584b89f.png);
  }
}

/* line 40, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero .mf-hero-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 94px;
}

@media only screen and (max-width: 991.98px) {
  /* line 40, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content {
    gap: 24px;
  }
}

/* line 50, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero .mf-hero-content .mf-hero-left {
  -webkit-flex: 0 0 calc(62% - (94px / 2));
  -ms-flex: 0 0 calc(62% - (94px / 2));
  flex: 0 0 calc(62% - (94px / 2));
}

@media only screen and (max-width: 991.98px) {
  /* line 50, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-left {
    flex: none;
    width: 514px;
    max-width: 100%;
    margin: 0 auto;
  }
}

/* line 60, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero .mf-hero-content .mf-hero-left h1 {
  color: #fff;
  font-size: 57px;
  line-height: normal;
  margin-bottom: 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 60, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-left h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 60, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-left h1 {
    font-size: 36px;
  }
}

/* line 74, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero .mf-hero-content .mf-hero-left .mf-key-features {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0;
  margin-bottom: 24px;
  gap: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  /* line 74, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-left .mf-key-features {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 8px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 74, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-left .mf-key-features {
    width: max-content;
    margin: 0 auto 24px;
  }
}

/* line 93, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero .mf-hero-content .mf-hero-left .mf-key-features li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
  gap: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  /* line 93, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-left .mf-key-features li {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 109, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-left .btn-default {
    min-width: 170px;
  }
}

/* line 115, app/assets/stylesheets/pages/_home.scss */
.mf-home-hero .mf-hero-content .mf-hero-right {
  -webkit-flex: 0 0 calc(38% - (94px / 2));
  -ms-flex: 0 0 calc(38% - (94px / 2));
  flex: 0 0 calc(38% - (94px / 2));
}

@media only screen and (max-width: 991.98px) {
  /* line 115, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-right {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  /* line 121, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-right .plyr--video {
    width: 470px;
    max-width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 129, app/assets/stylesheets/pages/_home.scss */
  .mf-home-hero .mf-hero-content .mf-hero-right .plyr--video {
    width: 100%;
  }
}

/* Partners */
/* line 138, app/assets/stylesheets/pages/_home.scss */
.mf-partners {
  padding: 24px 40px;
  border-bottom: 1px solid #D1D5DB;
}

@media only screen and (max-width: 991.98px) {
  /* line 138, app/assets/stylesheets/pages/_home.scss */
  .mf-partners {
    padding: 14px 24px;
  }
}

/* line 146, app/assets/stylesheets/pages/_home.scss */
.mf-partners .mf-partners-logos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 991.98px) {
  /* line 146, app/assets/stylesheets/pages/_home.scss */
  .mf-partners .mf-partners-logos {
    gap: 48px;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 158, app/assets/stylesheets/pages/_home.scss */
  .mf-partners .mf-partners-logos .mf-partner-logo img {
    height: 30px;
  }
}

/* products */
/* line 168, app/assets/stylesheets/pages/_home.scss */
.mf-products {
  padding: 60px 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 168, app/assets/stylesheets/pages/_home.scss */
  .mf-products {
    padding: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 168, app/assets/stylesheets/pages/_home.scss */
  .mf-products {
    padding: 16px;
  }
}

/* line 178, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-section-header {
  margin: 0 auto 56px;
  width: 750px;
  max-width: 100%;
}

@media only screen and (max-width: 767.98px) {
  /* line 178, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-section-header {
    margin-bottom: 16px;
  }
}

/* line 188, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-products-tab {
  margin-bottom: 32px;
}

@media only screen and (max-width: 767.98px) {
  /* line 188, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-products-tab {
    margin-bottom: 16px;
  }
  /* line 194, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-products-tab li a {
    min-width: 110px;
  }
}

/* line 200, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-product-content {
  background: #2D93DE;
  padding: 74px 87px 60px 72px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 991.98px) {
  /* line 200, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content {
    padding: 32px 24px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 200, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content {
    display: block;
    padding: 24px 16px;
  }
}

/* line 217, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-product-content .mf-product-content-left {
  -webkit-flex: 0 0 373px;
  -ms-flex: 0 0 373px;
  flex: 0 0 373px;
}

@media only screen and (max-width: 991.98px) {
  /* line 217, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content .mf-product-content-left {
    -webkit-flex: 0 0 307px;
    -ms-flex: 0 0 307px;
    flex: 0 0 307px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 217, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content .mf-product-content-left {
    margin-bottom: 24px;
  }
}

/* line 228, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-product-content .mf-product-content-right {
  -webkit-flex: 0 0 calc(100% - 373px - 144px);
  -ms-flex: 0 0 calc(100% - 373px - 144px);
  flex: 0 0 calc(100% - 373px - 144px);
}

@media only screen and (max-width: 991.98px) {
  /* line 228, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content .mf-product-content-right {
    -webkit-flex: 0 0 calc(100% - 307px - 24px);
    -ms-flex: 0 0 calc(100% - 307px - 24px);
    flex: 0 0 calc(100% - 307px - 24px);
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 237, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content .mf-product-content-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 24px;
  }
}

/* line 245, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-product-content img {
  margin-bottom: 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 245, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content img {
    margin-bottom: 0;
    width: 32px;
  }
}

/* line 254, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-product-content h3 {
  color: #fff;
  margin-bottom: 21px;
  font-size: 33px;
  line-height: normal;
}

@media only screen and (max-width: 991.98px) {
  /* line 254, app/assets/stylesheets/pages/_home.scss */
  .mf-products .mf-product-content h3 {
    font-size: 20px;
    letter-spacing: -0.2px;
    margin-bottom: 0;
  }
}

/* line 267, app/assets/stylesheets/pages/_home.scss */
.mf-products .mf-product-content p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 21px;
  opacity: 0.8;
}

/* Services */
/* line 279, app/assets/stylesheets/pages/_home.scss */
.mf-service-section {
  padding: 60px 24px;
  background: #F3F4F6;
}

@media only screen and (max-width: 991.98px) {
  /* line 279, app/assets/stylesheets/pages/_home.scss */
  .mf-service-section {
    padding: 32px 24px;
  }
}

/* line 287, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-section-header {
  margin-bottom: 32px;
}

@media only screen and (max-width: 991.98px) {
  /* line 287, app/assets/stylesheets/pages/_home.scss */
  .mf-service-section .mf-section-header {
    margin-bottom: 24px;
  }
}

/* line 294, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-service-tab-wrapper {
  margin-bottom: 32px;
  overflow-x: auto;
  width: calc(100% + 24px);
}

/* line 300, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-service-tab {
  width: max-content;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 auto;
}

/* line 308, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-services .mf-service {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 2px 5px 0px rgba(6, 25, 56, 0.06);
}

/* line 318, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-services .mf-service h4 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #111827;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767.98px) {
  /* line 318, app/assets/stylesheets/pages/_home.scss */
  .mf-service-section .mf-services .mf-service h4 {
    font-size: 16px;
  }
}

/* line 331, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-services .mf-service p {
  margin-bottom: 0;
  color: #6B7280;
}

/* line 336, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-services .mf-service a.learn-more-btn {
  color: #2D93DE;
  line-height: 20px;
  position: relative;
}

/* line 341, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-services .mf-service a.learn-more-btn::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #2D93DE;
  transition: all 0.3s ease-in-out;
}

/* line 353, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-services .mf-service a.learn-more-btn:hover::after {
  width: 100%;
}

/* line 360, app/assets/stylesheets/pages/_home.scss */
.mf-service-section .mf-services .mf-service:hover h4 {
  color: #2D93DE;
}

/* Call to action */
/* line 369, app/assets/stylesheets/pages/_home.scss */
.mf-home-cta {
  padding: 116px 24px 68px 24px;
  background: linear-gradient(96deg, #2FC3FC -26.55%, #3137A8 62.57%);
  text-align: center;
}

@media only screen and (max-width: 991.98px) {
  /* line 369, app/assets/stylesheets/pages/_home.scss */
  .mf-home-cta {
    padding: 56px 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 369, app/assets/stylesheets/pages/_home.scss */
  .mf-home-cta {
    padding: 24px 16px;
  }
}

/* line 381, app/assets/stylesheets/pages/_home.scss */
.mf-home-cta h4 {
  color: #fff;
  margin-bottom: 32px;
  font-size: 28px;
}

@media only screen and (max-width: 991.98px) {
  /* line 381, app/assets/stylesheets/pages/_home.scss */
  .mf-home-cta h4 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 381, app/assets/stylesheets/pages/_home.scss */
  .mf-home-cta h4 {
    font-size: 16px;
  }
}

/* line 395, app/assets/stylesheets/pages/_home.scss */
.mf-home-cta h2 {
  color: #fff;
  font-size: 57px;
  line-height: normal;
  margin-bottom: 104px;
}

@media only screen and (max-width: 991.98px) {
  /* line 395, app/assets/stylesheets/pages/_home.scss */
  .mf-home-cta h2 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 395, app/assets/stylesheets/pages/_home.scss */
  .mf-home-cta h2 {
    font-size: 24px;
    line-height: normal;
  }
}

/* line 412, app/assets/stylesheets/pages/_home.scss */
.mf-home-cta .mf-button-group {
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 767.98px) {
  /* line 416, app/assets/stylesheets/pages/_home.scss */
  .mf-home-cta .mf-button-group .btn-default {
    flex-grow: 1;
    width: calc(50% - 8px);
  }
}

/* Testimonials */
/* line 425, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section {
  padding: 60px 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 425, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section {
    padding: 32px 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 425, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section {
    padding: 24px 16px;
  }
}

/* line 435, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-section-header {
  margin-bottom: 66px;
}

@media only screen and (max-width: 991.98px) {
  /* line 435, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-section-header {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 435, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-section-header {
    margin-bottom: 16px;
  }
}

/* line 446, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial {
  padding-top: 32px;
  margin-bottom: 48px;
  border-top: 1px solid #D1D5DB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 767.98px) {
  /* line 446, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial {
    padding-top: 16px;
    margin-bottom: 16px;
  }
}

/* line 457, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial:last-child {
  margin-bottom: 0;
}

/* line 461, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-review {
  -webkit-flex: 0 0 270px;
  -ms-flex: 0 0 270px;
  flex: 0 0 270px;
  margin-right: 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 461, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial .mf-testimonial-review {
    -webkit-flex: 0 0 180px;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    margin-right: 16px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 461, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial .mf-testimonial-review {
    display: none;
  }
}

/* line 473, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-review h4 {
  font-size: 64px;
  font-weight: 600;
  letter-spacing: -0.8px;
  margin-bottom: 0;
}

@media only screen and (max-width: 991.98px) {
  /* line 473, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial .mf-testimonial-review h4 {
    font-size: 48px;
  }
}

/* line 484, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-review span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

/* line 491, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-content {
  -webkit-flex: 0 0 calc(100% - 294px);
  -ms-flex: 0 0 calc(100% - 294px);
  flex: 0 0 calc(100% - 294px);
}

@media only screen and (max-width: 991.98px) {
  /* line 491, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial .mf-testimonial-content {
    -webkit-flex: 0 0 calc(100% - 196px);
    -ms-flex: 0 0 calc(100% - 196px);
    flex: 0 0 calc(100% - 196px);
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 491, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial .mf-testimonial-content {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

/* line 501, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-content p {
  color: #222222;
  font-size: 33px;
  line-height: normal;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991.98px) {
  /* line 501, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial .mf-testimonial-content p {
    font-size: 24px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 501, app/assets/stylesheets/pages/_home.scss */
  .mf-testimonial-section .mf-testimonial .mf-testimonial-content p {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

/* line 517, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-content .mf-testimonial-author {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 521, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-content .mf-testimonial-author img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}

/* line 528, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-content .mf-testimonial-author h5 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
}

/* line 536, app/assets/stylesheets/pages/_home.scss */
.mf-testimonial-section .mf-testimonial .mf-testimonial-content .mf-testimonial-author span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #767676;
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Hero */
/* line 5, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section {
  position: relative;
  padding: 57px 24px;
  min-height: 500px;
  background-color: #1E3A8A;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 991.98px) {
  /* line 5, app/assets/stylesheets/pages/_products.scss */
  .mf-hero-section {
    padding: 66px 24px 40px 24px;
    min-height: auto;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 5, app/assets/stylesheets/pages/_products.scss */
  .mf-hero-section {
    padding: 32px 24px;
  }
}

/* line 22, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px;
}

@media only screen and (max-width: 991.98px) {
  /* line 22, app/assets/stylesheets/pages/_products.scss */
  .mf-hero-section .mf-hero-content {
    gap: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 22, app/assets/stylesheets/pages/_products.scss */
  .mf-hero-section .mf-hero-content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
}

/* line 37, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-flex: 0 0 600px;
  -ms-flex: 0 0 600px;
  flex: 0 0 600px;
}

@media only screen and (max-width: 80rem) {
  /* line 37, app/assets/stylesheets/pages/_products.scss */
  .mf-hero-section .mf-hero-content .mf-hero-left {
    flex: 100%;
    justify-content: center;
  }
}

/* line 48, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-left .mf-product-content-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
}

/* line 53, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-left .mf-product-content-top img {
  height: 50px;
}

/* line 57, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-left .mf-product-content-top h3 {
  color: #fff;
  line-height: normal;
  font-size: 33px;
  margin-bottom: 0;
}

/* line 65, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-left h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  line-height: 52px;
  /* 130% */
  letter-spacing: -0.4px;
  margin-bottom: 0;
}

@media only screen and (max-width: 991.98px) {
  /* line 65, app/assets/stylesheets/pages/_products.scss */
  .mf-hero-section .mf-hero-content .mf-hero-left h1 {
    font-size: 32px;
    line-height: normal;
    letter-spacing: 0;
  }
}

/* line 80, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-left p {
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
}

/* line 88, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-right {
  -webkit-flex: 0 0 calc(100% - 632px);
  -ms-flex: 0 0 calc(100% - 632px);
  flex: 0 0 calc(100% - 632px);
}

@media only screen and (max-width: 991.98px) {
  /* line 88, app/assets/stylesheets/pages/_products.scss */
  .mf-hero-section .mf-hero-content .mf-hero-right {
    display: none;
  }
}

/* line 95, app/assets/stylesheets/pages/_products.scss */
.mf-hero-section .mf-hero-content .mf-hero-right img {
  margin-left: auto;
}

/* Key features */
/* line 103, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section {
  padding: 60px 24px;
  border-bottom: 1px solid #D1D5DB;
}

@media only screen and (max-width: 991.98px) {
  /* line 103, app/assets/stylesheets/pages/_products.scss */
  .mf-feature-section {
    padding: 32px 16px;
  }
}

/* line 111, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section .mf-section-header {
  margin-bottom: 56px;
}

@media only screen and (max-width: 991.98px) {
  /* line 111, app/assets/stylesheets/pages/_products.scss */
  .mf-feature-section .mf-section-header {
    margin-bottom: 32px;
  }
}

/* line 118, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section .mf-section-header span {
  font-size: 28px;
}

@media only screen and (max-width: 767.98px) {
  /* line 118, app/assets/stylesheets/pages/_products.scss */
  .mf-feature-section .mf-section-header span {
    font-size: 16px;
  }
}

/* line 126, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section .mf-section-header h2 {
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.4px;
}

@media only screen and (max-width: 767.98px) {
  /* line 126, app/assets/stylesheets/pages/_products.scss */
  .mf-feature-section .mf-section-header h2 {
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0;
  }
}

/* line 139, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section .mf-features {
  padding-top: 32px;
}

@media only screen and (max-width: 767.98px) {
  /* line 139, app/assets/stylesheets/pages/_products.scss */
  .mf-feature-section .mf-features {
    padding-top: 0;
  }
}

/* line 146, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section .mf-features .mf-feature {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  text-align: center;
  padding: 0 10px;
}

/* line 154, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section .mf-features .mf-feature h4 {
  color: #222222;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
}

/* line 162, app/assets/stylesheets/pages/_products.scss */
.mf-feature-section .mf-features .mf-feature p {
  margin-bottom: 0;
  line-height: 24px;
  color: #4E4E4E;
}

/* Industries */
/* line 172, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section {
  padding: 60px 104px;
  border-bottom: 1px solid #D1D5DB;
}

@media only screen and (max-width: 991.98px) {
  /* line 172, app/assets/stylesheets/pages/_products.scss */
  .mf-industries-section {
    padding: 32px 16px;
  }
}

/* line 180, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-container {
  max-width: 100%;
  margin: 0 auto;
  width: auto;
}

/* line 185, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-container .feature-info {
  margin-bottom: 64px;
}

@media only screen and (max-width: 991.98px) {
  /* line 185, app/assets/stylesheets/pages/_products.scss */
  .mf-industries-section .mf-container .feature-info {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 185, app/assets/stylesheets/pages/_products.scss */
  .mf-industries-section .mf-container .feature-info {
    margin-bottom: 40px;
  }
}

/* line 196, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-container .feature-info img {
  max-width: 696px;
  width: 100%;
  height: auto;
  display: block;
}

@media only screen and (max-width: 1366px) {
  /* line 196, app/assets/stylesheets/pages/_products.scss */
  .mf-industries-section .mf-container .feature-info img {
    max-width: 100%;
  }
}

/* line 209, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-section-header {
  margin-bottom: 56px;
}

@media only screen and (max-width: 991.98px) {
  /* line 209, app/assets/stylesheets/pages/_products.scss */
  .mf-industries-section .mf-section-header {
    margin-bottom: 32px;
  }
}

/* line 216, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-section-header span {
  font-size: 28px;
}

@media only screen and (max-width: 767.98px) {
  /* line 216, app/assets/stylesheets/pages/_products.scss */
  .mf-industries-section .mf-section-header span {
    font-size: 16px;
  }
}

/* line 224, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-section-header h2 {
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.4px;
}

@media only screen and (max-width: 767.98px) {
  /* line 224, app/assets/stylesheets/pages/_products.scss */
  .mf-industries-section .mf-section-header h2 {
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0;
  }
}

/* line 238, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-industries-features h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

/* line 244, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-industries-features h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 251, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-industries-features p {
  color: #374151;
}

/* line 256, app/assets/stylesheets/pages/_products.scss */
.mf-industries-section .mf-industries-features .stat p {
  color: #111827;
}

/* Keywords */
/* line 264, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section {
  padding: 80px 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 264, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section {
    padding: 32px 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 264, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section {
    border-bottom: 1px solid #D1D5DB;
  }
}

/* line 275, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section.mf-keyword-left-img .mf-keyword-img img {
  margin-right: auto;
  margin-left: 0;
}

/* line 282, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

@media only screen and (max-width: 767.98px) {
  /* line 282, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
}

/* line 293, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content {
  -webkit-flex: 0 0 460px;
  -ms-flex: 0 0 460px;
  flex: 0 0 460px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  gap: 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 293, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-content {
    -webkit-flex: 0 0 calc(50% - 12px);
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
  }
}

/* line 304, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content h3 {
  font-size: 33px;
  line-height: normal;
  margin-bottom: 0;
}

/* line 309, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content h3 span {
  color: #6B7280;
}

@media only screen and (max-width: 991.98px) {
  /* line 304, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-content h3 {
    font-size: 24px;
  }
}

/* line 318, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content p {
  line-height: 24px;
  margin-bottom: 0;
}

/* line 323, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content .mf-stats-wrapper {
  width: 100%;
}

/* line 327, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content .stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #D1D5DB;
}

@media only screen and (max-width: 991.98px) {
  /* line 327, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-content .stats {
    gap: 8px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 327, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-content .stats {
    border-bottom: none;
    padding-bottom: 0;
  }
}

/* line 343, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content .stats:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 349, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content .stats h2 {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.8px;
  margin-bottom: 0;
  color: #222222;
}

@media only screen and (max-width: 991.98px) {
  /* line 349, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-content .stats h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 349, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-content .stats h2 {
    font-size: 32px;
    font-weight: 500;
  }
}

/* line 365, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-content .stats span {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
}

/* line 373, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-img {
  -webkit-flex: 0 0 calc(100% - 484px);
  -ms-flex: 0 0 calc(100% - 484px);
  flex: 0 0 calc(100% - 484px);
}

@media only screen and (max-width: 991.98px) {
  /* line 373, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-img {
    -webkit-flex: 0 0 calc(50% - 12px);
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
  }
}

/* line 380, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-img img {
  margin-left: auto;
}

@media only screen and (max-width: 991.98px) {
  /* line 385, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-img-mobile-hide {
    display: none;
  }
}

/* line 391, app/assets/stylesheets/pages/_products.scss */
.mf-keyword-section .mf-keyword-img-mobile-show {
  display: none;
}

@media only screen and (max-width: 991.98px) {
  /* line 391, app/assets/stylesheets/pages/_products.scss */
  .mf-keyword-section .mf-keyword-img-mobile-show {
    display: block;
  }
}

/* Call to action */
/* line 401, app/assets/stylesheets/pages/_products.scss */
.mf-cta {
  padding: 70px 24px;
  background: linear-gradient(84deg, #2FC3FC -1.2%, #3137A8 60.8%);
}

@media only screen and (max-width: 767.98px) {
  /* line 401, app/assets/stylesheets/pages/_products.scss */
  .mf-cta {
    padding: 32px 16px;
    background: linear-gradient(96deg, #2FC3FC -26.55%, #3137A8 62.57%);
  }
}

/* line 410, app/assets/stylesheets/pages/_products.scss */
.mf-cta .mf-container {
  width: 80%;
}

/* line 414, app/assets/stylesheets/pages/_products.scss */
.mf-cta .mf-cta-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 24px;
}

@media only screen and (max-width: 767.98px) {
  /* line 414, app/assets/stylesheets/pages/_products.scss */
  .mf-cta .mf-cta-content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}

/* line 426, app/assets/stylesheets/pages/_products.scss */
.mf-cta .mf-cta-content h2 {
  color: #fff;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.4px;
  margin-bottom: 0;
  width: 70%;
}

@media only screen and (max-width: 991.98px) {
  /* line 426, app/assets/stylesheets/pages/_products.scss */
  .mf-cta .mf-cta-content h2 {
    font-size: 32px;
    line-height: normal;
    letter-spacing: 0;
    width: 60%;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 426, app/assets/stylesheets/pages/_products.scss */
  .mf-cta .mf-cta-content h2 {
    width: 100%;
    font-size: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 448, app/assets/stylesheets/pages/_products.scss */
  .mf-cta .btn-default {
    min-width: 217px;
  }
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Hero */
@media only screen and (max-width: 991.98px) {
  /* line 7, app/assets/stylesheets/pages/_sustainability.scss */
  .mf-sustainability-hero-section .mf-hero-content .mf-hero-left {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

/* Keywords */
@media only screen and (max-width: 767.98px) {
  /* line 16, app/assets/stylesheets/pages/_sustainability.scss */
  .mf-sustainability-keyword-section {
    border-bottom: none;
  }
  /* line 21, app/assets/stylesheets/pages/_sustainability.scss */
  .mf-sustainability-keyword-section.mf-keyword-left-img .mf-keyword-container {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 27, app/assets/stylesheets/pages/_sustainability.scss */
  .mf-sustainability-keyword-section .mf-keyword-container {
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 36, app/assets/stylesheets/pages/_sustainability.scss */
  .mf-sustainability-keyword-section .mf-keyword-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

/* line 47, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section {
  border-top: 1px solid #D1D5DB;
  padding: 60px 24px;
}

/* line 51, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-container {
  width: 1122px;
  max-width: 100%;
  margin: 0 auto;
}

/* line 57, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-section-title {
  color: #222222;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.4px;
  text-align: center;
  margin-bottom: 32px;
}

/* line 67, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 6px 10px -1px rgba(6, 25, 56, 0.07);
}

/* line 72, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-img {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

/* line 76, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-img img {
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

/* line 82, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content {
  padding: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

/* line 88, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content h4 {
  font-size: 19px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 95, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content h4:hover {
  color: #2D93DE;
}

/* line 100, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content .mf-blog-author {
  font-weight: 500;
  color: #6B7280;
}

/* line 105, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content .mf-blog-min-read {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

/* line 110, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content .mf-blog-min-read span {
  color: #6B7280;
  font-weight: 500;
  line-height: 28px;
}

/* line 117, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content .mf-blog-tag {
  padding: 4px 12px;
  border-radius: 4px;
  border: 0.5px solid #6B7280;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(6, 25, 56, 0.05);
  font-weight: 600;
  line-height: 24px;
}

/* line 126, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item .mf-blog-item-content .mf-blog-tag:hover {
  background: #2D93DE;
  color: #fff;
  border-color: #2D93DE;
}

/* line 136, app/assets/stylesheets/pages/_sustainability.scss */
.mf-blog-section .mf-blog-item:hover .mf-blog-item-img img {
  transform: scale(1.1);
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Hero */
/* line 5, app/assets/stylesheets/pages/_contact.scss */
.mf-hero-v2 {
  padding: 60px 40px 455px;
  text-align: center;
  background-color: #1E3A8A;
}

@media only screen and (max-width: 991.98px) {
  /* line 5, app/assets/stylesheets/pages/_contact.scss */
  .mf-hero-v2 {
    padding: 60px 40px 435px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 5, app/assets/stylesheets/pages/_contact.scss */
  .mf-hero-v2 {
    padding: 40px 24px 435px;
  }
}

/* line 18, app/assets/stylesheets/pages/_contact.scss */
.mf-hero-v2 h1 {
  color: #fff;
  margin-bottom: 32px;
  font-size: 57px;
}

@media only screen and (max-width: 991.98px) {
  /* line 18, app/assets/stylesheets/pages/_contact.scss */
  .mf-hero-v2 h1 {
    font-size: 48px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 18, app/assets/stylesheets/pages/_contact.scss */
  .mf-hero-v2 h1 {
    font-size: 36px;
  }
  /* line 31, app/assets/stylesheets/pages/_contact.scss */
  .mf-hero-v2 h1 br {
    display: none;
  }
}

/* line 37, app/assets/stylesheets/pages/_contact.scss */
.mf-hero-v2 p {
  margin-bottom: 0;
  color: #fff;
  font-size: 19px;
  line-height: 28px;
}

@media only screen and (max-width: 991.98px) {
  /* line 37, app/assets/stylesheets/pages/_contact.scss */
  .mf-hero-v2 p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 48, app/assets/stylesheets/pages/_contact.scss */
  .mf-hero-v2 p br {
    display: none;
  }
}

/* Contact form */
/* line 56, app/assets/stylesheets/pages/_contact.scss */
.mf-contact-form-wrapper {
  padding: 0 40px 40px;
}

@media only screen and (max-width: 767.98px) {
  /* line 56, app/assets/stylesheets/pages/_contact.scss */
  .mf-contact-form-wrapper {
    padding: 0 16px 40px;
  }
}

/* line 63, app/assets/stylesheets/pages/_contact.scss */
.mf-contact-form-wrapper .mf-contact-form {
  width: 608px;
  margin: -395px auto 0;
  background-color: #fff;
  padding: 60px 100px;
  border-radius: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 14px 21px -1px rgba(6, 25, 56, 0.08);
}

@media only screen and (max-width: 991.98px) {
  /* line 63, app/assets/stylesheets/pages/_contact.scss */
  .mf-contact-form-wrapper .mf-contact-form {
    width: 100%;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 63, app/assets/stylesheets/pages/_contact.scss */
  .mf-contact-form-wrapper .mf-contact-form {
    padding: 24px 16px;
  }
}

/* Recaptcha */
/* line 85, app/assets/stylesheets/pages/_contact.scss */
.grecaptcha-badge {
  bottom: 85px !important;
}

@media only screen and (max-width: 767.98px) {
  /* line 85, app/assets/stylesheets/pages/_contact.scss */
  .grecaptcha-badge {
    bottom: 60px !important;
  }
}

/* Thank you msg */
/* line 94, app/assets/stylesheets/pages/_contact.scss */
.mf-thanks-msg-wrapper {
  padding: 0 40px 40px;
}

@media only screen and (max-width: 767.98px) {
  /* line 94, app/assets/stylesheets/pages/_contact.scss */
  .mf-thanks-msg-wrapper {
    padding: 0 16px 40px;
  }
}

/* line 101, app/assets/stylesheets/pages/_contact.scss */
.mf-thanks-msg-wrapper .mf-thanks-msg {
  width: 608px;
  margin: -395px auto 0;
  background-color: #fff;
  padding: 60px 100px;
  border-radius: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 14px 21px -1px rgba(6, 25, 56, 0.08);
}

@media only screen and (max-width: 991.98px) {
  /* line 101, app/assets/stylesheets/pages/_contact.scss */
  .mf-thanks-msg-wrapper .mf-thanks-msg {
    width: 100%;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 101, app/assets/stylesheets/pages/_contact.scss */
  .mf-thanks-msg-wrapper .mf-thanks-msg {
    padding: 24px 16px;
  }
}

/* line 121, app/assets/stylesheets/pages/_contact.scss */
.mf-thanks-msg-wrapper .mf-thanks-msg-content {
  text-align: center;
}

/* line 124, app/assets/stylesheets/pages/_contact.scss */
.mf-thanks-msg-wrapper .mf-thanks-msg-content h2 {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 24px;
}

@media only screen and (max-width: 767.98px) {
  /* line 124, app/assets/stylesheets/pages/_contact.scss */
  .mf-thanks-msg-wrapper .mf-thanks-msg-content h2 {
    font-size: 32px;
    font-weight: 500;
  }
}

/* line 135, app/assets/stylesheets/pages/_contact.scss */
.mf-thanks-msg-wrapper .mf-thanks-msg-content p {
  font-size: 19px;
  line-height: 28px;
  margin-bottom: 24px;
}

/* Faq */
/* line 144, app/assets/stylesheets/pages/_contact.scss */
.mf-faq-section {
  padding: 60px 40px;
  background-color: #F3F4F6;
}

@media only screen and (max-width: 767.98px) {
  /* line 144, app/assets/stylesheets/pages/_contact.scss */
  .mf-faq-section {
    padding: 40px 24px;
  }
}

/* line 152, app/assets/stylesheets/pages/_contact.scss */
.mf-faq-section .mf-section-header {
  margin-bottom: 24px;
}

/* line 155, app/assets/stylesheets/pages/_contact.scss */
.mf-faq-section .mf-section-header h2 {
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.4px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 767.98px) {
  /* line 155, app/assets/stylesheets/pages/_contact.scss */
  .mf-faq-section .mf-section-header h2 {
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0;
    margin-bottom: 8px;
  }
}

/* line 170, app/assets/stylesheets/pages/_contact.scss */
.mf-faq-section .mf-faq-accordion {
  width: 850px;
  max-width: 100%;
  margin: 0 auto;
}

/* line 176, app/assets/stylesheets/pages/_contact.scss */
.mf-faq-section .mf-faq-footer {
  font-size: 19px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 0;
}

/* line 184, app/assets/stylesheets/pages/_contact.scss */
.mf-faq-section .mf-faq-footer a {
  color: #2D93DE;
}

@media only screen and (max-width: 767.98px) {
  /* line 176, app/assets/stylesheets/pages/_contact.scss */
  .mf-faq-section .mf-faq-footer {
    font-size: 16px;
  }
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Hero */
/* line 5, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero {
  padding: 60px 147px;
  background-color: #1E3A8A;
}

@media only screen and (max-width: 991.98px) {
  /* line 5, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero {
    padding: 60px 32px;
  }
}

/* line 13, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content {
  margin-bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
}

@media only screen and (max-width: 991.98px) {
  /* line 13, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-hero-content {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 13, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-hero-content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

/* line 31, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content .mf-about-hero-left {
  -webkit-flex: 0 0 calc(55% - 45px);
  -ms-flex: 0 0 calc(55% - 45px);
  flex: 0 0 calc(55% - 45px);
}

@media only screen and (max-width: 991.98px) {
  /* line 31, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-hero-content .mf-about-hero-left {
    -webkit-flex: 0 0 calc(55% - 8px);
    -ms-flex: 0 0 calc(55% - 8px);
    flex: 0 0 calc(55% - 8px);
  }
}

/* line 38, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content .mf-about-hero-left h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 8px;
}

/* line 46, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content .mf-about-hero-left h1 {
  color: #fff;
  font-size: 57px;
  line-height: 69px;
  margin-bottom: 0;
  font-weight: 400;
}

@media only screen and (max-width: 991.98px) {
  /* line 46, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-hero-content .mf-about-hero-left h1 {
    font-size: 36px;
    line-height: 44px;
  }
}

/* line 60, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content .mf-about-hero-right {
  -webkit-flex: 0 0 calc(45% - 45px);
  -ms-flex: 0 0 calc(45% - 45px);
  flex: 0 0 calc(45% - 45px);
}

@media only screen and (max-width: 991.98px) {
  /* line 60, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-hero-content .mf-about-hero-right {
    -webkit-flex: 0 0 calc(45% - 8px);
    -ms-flex: 0 0 calc(45% - 8px);
    flex: 0 0 calc(45% - 8px);
  }
}

/* line 67, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content .mf-about-hero-right h5 {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}

@media only screen and (max-width: 991.98px) {
  /* line 67, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-hero-content .mf-about-hero-right h5 {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 78, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content .mf-about-hero-right p {
  color: #fff;
  line-height: 28px;
}

/* line 82, app/assets/stylesheets/pages/_about.scss */
.mf-about-hero .mf-hero-content .mf-about-hero-right p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 991.98px) {
  /* line 78, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-hero-content .mf-about-hero-right p {
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 95, app/assets/stylesheets/pages/_about.scss */
  .mf-about-hero .mf-about-banner-img {
    border-radius: 8px;
    height: 368px;
    object-fit: cover;
    object-position: center;
  }
}

/* Working with us */
/* line 105, app/assets/stylesheets/pages/_about.scss */
.mf-working-here-section {
  background: #F8F8F8;
  padding: 64px;
}

@media only screen and (max-width: 1366px) {
  /* line 105, app/assets/stylesheets/pages/_about.scss */
  .mf-working-here-section {
    padding: 40px 32px;
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 105, app/assets/stylesheets/pages/_about.scss */
  .mf-working-here-section {
    padding: 32px;
  }
}

/* line 117, app/assets/stylesheets/pages/_about.scss */
.mf-working-here-section .mf-container {
  width: 824px;
  margin: 0 auto;
}

/* line 120, app/assets/stylesheets/pages/_about.scss */
.mf-working-here-section .mf-container .mf-section-header {
  text-align: left;
}

@media only screen and (max-width: 1366px) {
  /* line 117, app/assets/stylesheets/pages/_about.scss */
  .mf-working-here-section .mf-container {
    width: auto;
  }
}

/* line 129, app/assets/stylesheets/pages/_about.scss */
.mf-working-here-section .mf-section-header .mf-section-header-title {
  font-size: 40px;
  line-height: 52px;
}

/* line 134, app/assets/stylesheets/pages/_about.scss */
.mf-working-here-section p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767.98px) {
  /* line 105, app/assets/stylesheets/pages/_about.scss */
  .mf-working-here-section {
    padding: 40px 32px;
  }
}

/* Team */
/* line 144, app/assets/stylesheets/pages/_about.scss */
.mf-team-section {
  padding: 60px 147px;
}

@media only screen and (max-width: 1366px) {
  /* line 144, app/assets/stylesheets/pages/_about.scss */
  .mf-team-section {
    padding: 32px;
  }
}

/* line 151, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-section-header {
  margin-bottom: 24px;
  text-align: left;
  width: 824px;
  max-width: 100%;
}

/* line 157, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-section-header .mf-section-header-title {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 8px;
}

/* line 163, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-section-header .mf-section-header-meta {
  font-size: 20px;
}

/* line 166, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-section-header h2 {
  margin-bottom: 24px;
}

@media only screen and (max-width: 767.98px) {
  /* line 171, app/assets/stylesheets/pages/_about.scss */
  .mf-team-section .mf-section-header p br {
    display: none;
  }
}

/* line 178, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-team-members {
  gap: 16px 64px;
}

/* line 182, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-team-member {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  text-align: left;
}

@media only screen and (max-width: 375px) {
  /* line 182, app/assets/stylesheets/pages/_about.scss */
  .mf-team-section .mf-team-member {
    padding: 0 16px;
  }
}

/* line 194, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-team-member h3 {
  color: #222222;
  font-size: 23px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}

/* line 202, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-team-member span {
  color: #374151;
  font-weight: 600;
  line-height: 28px;
}

/* line 208, app/assets/stylesheets/pages/_about.scss */
.mf-team-section .mf-team-member p {
  color: #6B7280;
}

/* Call to action */
/* line 215, app/assets/stylesheets/pages/_about.scss */
.mf-about-cta {
  padding: 120px 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 215, app/assets/stylesheets/pages/_about.scss */
  .mf-about-cta {
    padding: 56px 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 215, app/assets/stylesheets/pages/_about.scss */
  .mf-about-cta {
    padding: 24px 16px;
  }
}

/* line 226, app/assets/stylesheets/pages/_about.scss */
.mf-about-cta .mf-container {
  width: 1056px;
}

/* line 230, app/assets/stylesheets/pages/_about.scss */
.mf-about-cta h4 {
  font-size: 23px;
}

@media only screen and (max-width: 991.98px) {
  /* line 230, app/assets/stylesheets/pages/_about.scss */
  .mf-about-cta h4 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 230, app/assets/stylesheets/pages/_about.scss */
  .mf-about-cta h4 {
    font-size: 16px;
  }
}

/* line 241, app/assets/stylesheets/pages/_about.scss */
.mf-about-cta h2 {
  font-size: 69px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 991.98px) {
  /* line 241, app/assets/stylesheets/pages/_about.scss */
  .mf-about-cta h2 {
    font-size: 40px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 241, app/assets/stylesheets/pages/_about.scss */
  .mf-about-cta h2 {
    font-size: 24px;
    line-height: normal;
  }
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Hero */
/* line 5, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-hero {
  padding: 100px 40px 560px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991.98px) {
  /* line 5, app/assets/stylesheets/pages/_blog.scss */
  .mf-blog-hero {
    padding: 60px 40px 520px;
  }
}

/* Blog */
/* line 16, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page {
  background-color: #F3F4F6;
  padding: 0 40px 67px;
  border-top: none;
}

@media only screen and (max-width: 767.98px) {
  /* line 16, app/assets/stylesheets/pages/_blog.scss */
  .mf-blog-section.mf-blog-page {
    padding: 0 0 60px;
  }
}

/* line 25, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-inner {
  margin: -460px 0 0 0;
  padding: 30px 48px 40px 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 14px 21px -1px rgba(6, 25, 56, 0.08);
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 991.98px) {
  /* line 25, app/assets/stylesheets/pages/_blog.scss */
  .mf-blog-section.mf-blog-page .mf-blog-inner {
    padding: 32px 54px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 25, app/assets/stylesheets/pages/_blog.scss */
  .mf-blog-section.mf-blog-page .mf-blog-inner {
    padding: 32px;
  }
}

/* line 46, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-filter {
  overflow-x: auto;
  width: 100%;
}

/* line 51, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-filter-cats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  margin: 0 auto;
  padding: 8px 0;
  list-style: none;
  width: max-content;
}

/* line 60, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-filter-cats li span {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

/* line 71, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-filter-cats li span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #2D93DE;
  transition: all 0.3s ease-in-out;
}

/* line 82, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-filter-cats li span.active, .mf-blog-section.mf-blog-page .mf-blog-filter-cats li span:hover {
  color: #2D93DE;
}

/* line 86, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-filter-cats li span.active::after, .mf-blog-section.mf-blog-page .mf-blog-filter-cats li span:hover::after {
  width: 100%;
}

/* line 94, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-featured-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  box-shadow: 0px 6px 10px -1px rgba(6, 25, 56, 0.07);
}

@media only screen and (max-width: 991.98px) {
  /* line 94, app/assets/stylesheets/pages/_blog.scss */
  .mf-blog-section.mf-blog-page .mf-blog-featured-item {
    display: none;
  }
}

/* line 104, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-featured-item .mf-blog-item-img {
  border-radius: 8px 0 0 8px;
}

/* line 108, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-featured-item .mf-blog-item-content {
  padding: 0;
}

/* line 113, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-featured-item-sml {
  display: none;
}

@media only screen and (max-width: 991.98px) {
  /* line 113, app/assets/stylesheets/pages/_blog.scss */
  .mf-blog-section.mf-blog-page .mf-blog-featured-item-sml {
    display: block;
  }
}

/* line 121, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-blog-items {
  padding: 32px 0;
}

@media only screen and (max-width: 991.98px) {
  /* line 121, app/assets/stylesheets/pages/_blog.scss */
  .mf-blog-section.mf-blog-page .mf-blog-items {
    padding: 8px 0;
  }
}

/* line 129, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 auto;
  list-style: none;
}

/* line 139, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-pagination li a {
  display: inline-block;
  height: 40px;
  min-width: 40px;
  line-height: 38px;
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  color: #1F2937;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px;
}

/* line 152, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-pagination li a i {
  font-size: 18px;
}

/* line 156, app/assets/stylesheets/pages/_blog.scss */
.mf-blog-section.mf-blog-page .mf-pagination li a:hover {
  background-color: #2D93DE;
  color: #fff;
  border-color: #2D93DE;
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Single Blog Post */
/* line 7, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-top {
  padding: 60px 0;
  width: 784px;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 991.98px) {
  /* line 7, app/assets/stylesheets/pages/_blog-single.scss */
  .mf-blog-single .mf-blog-single-top {
    padding: 32px;
  }
}

/* line 17, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-top h1 {
  color: #222222;
  font-size: 48px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 17, app/assets/stylesheets/pages/_blog-single.scss */
  .mf-blog-single .mf-blog-single-top h1 {
    font-size: 33px;
    line-height: 46px;
  }
}

/* line 28, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-top .mf-blog-single-meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

/* line 33, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-top .mf-blog-single-meta span {
  color: #6B7280;
  font-weight: 500;
  line-height: 28px;
}

/* line 39, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-top .mf-blog-single-meta .mf-blog-tag {
  padding: 4px 12px;
  border-radius: 4px;
  border: 0.5px solid #6B7280;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(6, 25, 56, 0.05);
  font-weight: 600;
  line-height: 24px;
}

/* line 48, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-top .mf-blog-single-meta .mf-blog-tag:hover {
  background: #2D93DE;
  color: #fff;
  border-color: #2D93DE;
}

/* line 57, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-thumbnail {
  padding: 0 32px;
}

/* line 60, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-thumbnail img {
  width: 1140px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 8px;
}

/* line 68, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content {
  width: 784px;
  margin: 0 auto;
  max-width: 100%;
  padding-top: 60px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 991.98px) {
  /* line 68, app/assets/stylesheets/pages/_blog-single.scss */
  .mf-blog-single .mf-blog-content {
    padding: 32px 32px 0;
  }
}

/* line 79, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content > * {
  margin-bottom: 24px;
}

/* line 82, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content > *:last-child {
  margin-bottom: 0;
}

/* line 87, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content h3 {
  font-size: 33px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 991.98px) {
  /* line 87, app/assets/stylesheets/pages/_blog-single.scss */
  .mf-blog-single .mf-blog-content h3 {
    font-size: 24px;
  }
}

/* line 96, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content blockquote {
  padding: 24px 0;
  border-top: 1px solid #D1D5DB;
  border-bottom: 1px solid #D1D5DB;
}

/* line 101, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content blockquote p {
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 24px;
}

/* line 108, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content blockquote .mf-blockquote-author {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/* line 111, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content blockquote .mf-blockquote-author span:first-child {
  color: #111827;
  font-weight: 600;
  margin-right: 8px;
}

/* line 117, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-content blockquote .mf-blockquote-author span {
  font-weight: 500;
}

/* line 124, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer-wrapper {
  width: 784px;
  margin: 0 auto;
  max-width: 100%;
  padding-bottom: 60px;
}

@media only screen and (max-width: 991.98px) {
  /* line 124, app/assets/stylesheets/pages/_blog-single.scss */
  .mf-blog-single .mf-blog-single-footer-wrapper {
    padding: 0 32px 32px;
  }
}

/* line 135, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer {
  background-color: #F3F4F6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px;
}

/* line 143, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer .mf-blog-author {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

/* line 148, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer .mf-blog-author .mf-blog-author-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

/* line 154, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer .mf-blog-author .mf-blog-author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 161, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer .mf-blog-author h4, .mf-blog-single .mf-blog-single-footer .mf-blog-author p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 168, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer .mf-blog-author p {
  color: #6B7280;
}

/* line 173, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer .mf-blog-share {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

/* line 178, app/assets/stylesheets/pages/_blog-single.scss */
.mf-blog-single .mf-blog-single-footer .mf-blog-share > span {
  font-size: 14px;
  font-weight: 500;
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* Hero */
/* line 5, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-hero {
  padding: 100px 40px 445px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991.98px) {
  /* line 5, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-hero {
    padding: 60px 40px 420px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 5, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-hero {
    padding: 32px 16px 420px;
  }
}

/* line 19, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-hero p:not(:last-child) {
  margin-bottom: 24px;
}

/* Pricing */
/* line 25, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section {
  background-color: #F3F4F6;
  padding: 0 40px 67px;
  border-bottom: 1px solid #D1D5DB;
}

@media only screen and (max-width: 991.98px) {
  /* line 25, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section {
    padding: 0 40px 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 25, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section {
    padding: 0 16px 60px;
  }
}

/* line 37, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-pricing-container {
  width: 1030px;
  max-width: 100%;
  margin: 0 auto;
}

/* line 43, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-pricing-inner {
  margin: -390px 0 0 0;
  padding: 60px 64px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 14px 21px -1px rgba(6, 25, 56, 0.08);
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 991.98px) {
  /* line 43, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section .mf-pricing-inner {
    padding: 40px 54px;
    gap: 32px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 43, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section .mf-pricing-inner {
    padding: 32px 16px;
    gap: 24px;
  }
}

/* line 66, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

/* line 71, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap h3 {
  font-size: 20px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}

/* line 77, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap .mf-packages {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 32px;
}

@media only screen and (max-width: 767.98px) {
  /* line 77, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section .mf-packages-wrap .mf-packages {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* line 86, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap .mf-packages .mf-package-item .mf-label-top {
  color: #1F2937;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  display: block;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 95, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap .mf-packages .mf-package-item .mf-label-sub {
  color: #6B7280;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

/* line 103, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap .mf-packages .mf-package-item:hover .mf-label-top {
  color: #2D93DE;
}

/* line 110, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
}

/* line 116, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-packages-wrap h4 a {
  color: #2D93DE;
}

/* line 122, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

/* line 127, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit h3 {
  font-size: 20px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}

/* line 133, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-slider-step-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -22px;
}

/* line 140, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-slider-step-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D1D5DB;
  cursor: pointer;
}

/* line 147, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-slider-step-dot.selected {
  background-color: #2D93DE;
}

/* line 152, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider-container {
  position: relative;
  width: calc(100% - 120px);
  margin-left: 60px;
}

/* line 158, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  background: #D1D5DB;
  outline: none;
  cursor: pointer;
  position: relative;
}

/* line 168, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider::after, .mf-pricing-section .mf-package-commit .mf-pricing-slider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
  width: 60px;
  height: 4px;
  background-color: #2D93DE;
}

/* line 180, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider::after {
  left: auto;
  right: -60px;
  background-color: #D1D5DB;
}

/* line 187, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider.full::after {
  background-color: #2D93DE;
}

/* line 193, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #2D93DE;
  border: 2px solid #fff;
  box-shadow: 0px 2.8264603615px 7.0661506653px rgba(6, 25, 56, 0.06);
  cursor: pointer;
}

/* line 205, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider-labels {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 8px;
}

/* line 211, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider-labels > div {
  flex: 1;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  word-wrap: break-word;
  padding: 0 8px;
}

@media only screen and (max-width: 767.98px) {
  /* line 211, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section .mf-package-commit .mf-pricing-slider-labels > div {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
}

/* line 225, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-package-commit .mf-pricing-slider-labels > div span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #2D93DE;
}

@media only screen and (max-width: 767.98px) {
  /* line 225, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section .mf-package-commit .mf-pricing-slider-labels > div span {
    font-size: 12px;
    font-weight: 400;
  }
}

@media only screen and (max-width: 991.98px) {
  /* line 240, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section .mf-support-plan .mf-packages {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  /* line 245, app/assets/stylesheets/pages/_pricing.scss */
  .mf-pricing-section .mf-support-plan .mf-packages .mf-package-item .mf-label-top {
    margin-bottom: 4px;
    line-height: 28px;
  }
}

/* line 253, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-radio-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

/* line 258, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-radio-wrap h3 {
  font-size: 20px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}

/* line 264, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-radio-wrap .mf-radio-items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

/* line 269, app/assets/stylesheets/pages/_pricing.scss */
.mf-pricing-section .mf-radio-wrap .mf-radio-items label {
  font-weight: 400;
}

/* line 3, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .mf-ibc2024-hero-section h2 {
  margin-bottom: 8px;
}

/* line 8, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .ibc-cta {
  padding: 70px 100px !important;
}

/* line 12, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .ibc-image {
  max-width: 480px;
  max-height: 320px;
  position: relative;
}

/* line 17, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .ibc-image .main-img {
  border-radius: 8px;
  max-height: 320px;
  margin: 0 !important;
}

/* line 23, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .ibc-image .logo-img {
  height: 80px;
  width: 80px;
  position: absolute;
  right: 4%;
  bottom: 4%;
}

/* line 32, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .divider {
  display: inline-block;
  border: 1px dashed #D1D5DB;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 40, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .fd-row-m-col {
  flex-direction: row;
  gap: 200px;
}

@media only screen and (max-width: 767.98px) {
  /* line 46, app/assets/stylesheets/pages/_ibc2024.scss */
  .ibc2024 .fd-row-m-col {
    flex-direction: column;
    gap: 75px;
  }
}

/* line 52, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .banner {
  background: #1E3A8A;
  border-radius: 8px;
  padding: 24px;
}

/* line 56, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .banner img {
  width: 200px;
  height: 71.42px;
}

/* line 64, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .right .profile .profile-text {
  align-content: center;
}

/* line 67, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .right .profile .profile-img {
  width: fit-content;
  height: fit-content;
  border-radius: 100%;
  border: 4.44px solid #2D93DE;
}

/* line 73, app/assets/stylesheets/pages/_ibc2024.scss */
.ibc2024 .right .profile .profile-img img {
  width: 111px;
  height: 111px;
  border-radius: 100%;
}

@use "../global/variable" as *;
@use "../global/mixin" as *;
/* line 5, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .mb-0 {
  margin-bottom: 0 !important;
}

/* line 9, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .mf-hero-content {
  gap: 99px !important;
}

/* line 12, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .mf-hero-content .mf-hero-left {
  flex: 2 !important;
  width: 600px;
  max-width: 100%;
}

/* line 17, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .mf-hero-content .mf-hero-right {
  flex: 1 !important;
}

/* line 22, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .visit-us {
  background: #F3F4F6;
  border-bottom: none;
}

/* line 26, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .visit-us h4, .nab2025 .visit-us p {
  color: #374151;
}

/* line 30, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .visit-us .btn-bordered {
  background: white;
}

/* line 33, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .visit-us .btn-bordered:hover, .nab2025 .visit-us .btn-bordered:focus {
  background: #2D93DE;
}

/* line 40, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .products a {
  color: #2D93DE;
  font-weight: 600;
}

/* line 46, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .border-blue {
  border-color: #2D93DE !important;
}

/* line 49, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .circle {
  border-radius: 50%;
}

/* line 53, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .profile img {
  max-width: 112px;
}

/* line 58, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .useful-links {
  margin-bottom: 16px;
}

/* line 61, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .useful-links li {
  margin: 0;
  padding: 0;
}

/* line 65, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .useful-links li::marker {
  color: #2D93DE;
}

/* line 69, app/assets/stylesheets/pages/_nab2025.scss */
.nab2025 .useful-links li a {
  color: #2D93DE;
}

@use "variable" as *;
@use "mixin" as *;
/*========================================
   35. Footer CSS
========================================*/
/* line 7, app/assets/stylesheets/global/_footer.scss */
.mf-footer {
  background-color: #F3F4F6;
}

/* line 10, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-top {
  padding: 60px 24px;
  border-top: 1px solid #D1D5DB;
}

@media only screen and (max-width: 991.98px) {
  /* line 10, app/assets/stylesheets/global/_footer.scss */
  .mf-footer .mf-footer-top {
    padding: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  /* line 10, app/assets/stylesheets/global/_footer.scss */
  .mf-footer .mf-footer-top {
    padding: 24px 16px;
  }
}

/* line 23, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-item .mf-widget-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #6B7280;
  margin-bottom: 8px;
}

/* line 31, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-item ul.mf-footer-menu {
  list-style: none;
  margin-left: 0;
}

/* line 35, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-item ul.mf-footer-menu li {
  margin-bottom: 8px;
  padding: 8px 4px 8px 0;
}

/* line 39, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-item ul.mf-footer-menu li:last-child {
  margin-bottom: 0;
}

/* line 43, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-item ul.mf-footer-menu li a {
  color: #374151;
}

/* line 46, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-item ul.mf-footer-menu li a:hover {
  color: #2D93DE;
}

@media only screen and (max-width: 991.98px) {
  /* line 54, app/assets/stylesheets/global/_footer.scss */
  .mf-footer .mf-newsletter {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

/* line 59, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-newsletter .mf-widget-title {
  margin-bottom: 16px;
}

/* line 63, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-newsletter .mf-newsletter-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 4px;
  margin-bottom: 32px;
}

/* line 68, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-newsletter .mf-newsletter-form input[type="email"] {
  border-radius: 4px;
  border: 1px solid #D1D5DB;
  padding: 12px 8px 12px 12px;
  outline: none;
  transition: all 0.3s ease-in-out;
}

/* line 75, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-newsletter .mf-newsletter-form input[type="email"]:focus {
  border-color: #2D93DE;
}

/* line 80, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-newsletter .mf-newsletter-form button {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  background: #2D93DE;
  text-align: center;
}

/* line 88, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-newsletter .mf-newsletter-form button:hover {
  background: #111827;
}

/* line 92, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-newsletter .mf-newsletter-form button svg {
  margin: 0 auto;
}

/* line 99, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-bottom {
  padding: 27px 24px 51px;
}

@media only screen and (max-width: 991.98px) {
  /* line 99, app/assets/stylesheets/global/_footer.scss */
  .mf-footer .mf-footer-bottom {
    padding: 24px;
  }
}

/* line 106, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-bottom .mf-footer-bottom-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 991.98px) {
  /* line 106, app/assets/stylesheets/global/_footer.scss */
  .mf-footer .mf-footer-bottom .mf-footer-bottom-inner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    gap: 16px;
  }
}

/* line 118, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-bottom .mf-footer-bottom-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 27px;
}

@media only screen and (max-width: 991.98px) {
  /* line 118, app/assets/stylesheets/global/_footer.scss */
  .mf-footer .mf-footer-bottom .mf-footer-bottom-left {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    gap: 16px;
  }
}

/* line 129, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-bottom .mf-footer-bottom-left p {
  color: #767676;
  margin-bottom: 0;
  font-size: 14px;
}

/* line 136, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-bottom .mf-footer-bottom-menu {
  list-style: none;
  margin-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 48px;
}

/* line 143, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-bottom .mf-footer-bottom-menu li a {
  font-size: 14px;
  color: #4E4E4E;
}

/* line 147, app/assets/stylesheets/global/_footer.scss */
.mf-footer .mf-footer-bottom .mf-footer-bottom-menu li a:hover {
  color: #2D93DE;
}

/* scroll to top */
/* line 157, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

@media only screen and (max-width: 767.98px) {
  /* line 157, app/assets/stylesheets/global/_footer.scss */
  .mf-scroll-top {
    bottom: 16px;
    right: 16px;
    height: 32px;
    width: 32px;
  }
}

/* line 181, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top i {
  font-size: 24px;
}

@media only screen and (max-width: 767.98px) {
  /* line 181, app/assets/stylesheets/global/_footer.scss */
  .mf-scroll-top i {
    font-size: 18px;
  }
}

/* line 189, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top svg.mf-scroll-top-circle {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767.98px) {
  /* line 189, app/assets/stylesheets/global/_footer.scss */
  .mf-scroll-top svg.mf-scroll-top-circle {
    width: 32px;
    height: 32px;
  }
}

/* line 198, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top svg.mf-scroll-top-circle path {
  fill: none;
  stroke: #2D93DE;
  stroke-width: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

/* line 208, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* line 215, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #2D93DE;
}

/* line 222, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top.full-height {
  background: #2D93DE;
}

/* line 224, app/assets/stylesheets/global/_footer.scss */
.mf-scroll-top.full-height i {
  color: #fff;
}