/*----------------------------------------------------
1. Global Area 
2. Header Section
******* HOME PAGE 1 *******
=====================================================================*/
/*=========
Font load
===========*/
:root {
  --mx-body-color: rgba(39, 39, 39, .8);
  --mx-title-color: #000000;
  --mx-heading: "Sora", sans-serif;
  --mx-body-font: "Sora", sans-serif;
  --mx-unbound: "Unbounded", sans-serif;
  --mx-plus: "Plus Jakarta Sans", sans-serif;
  --mx-prime-c: #3368C6;
  --mx-prime-c2: #09243C;
  --mx-prime-c3: #40b08e;
  --cube-1: cubic-bezier(0.23, 1, 0.32, 1);
  --cube-2: all .25s cubic-bezier(.645,.045,.355,1);
  --cube-3: cubic-bezier(0.25, 1, 0.5, 1);
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.mx-header-section {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  position: absolute;
}
.mx-header-section .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.mx-header-section .dropdown {
  position: relative;
}
.mx-header-section .dropdown span {
  position: relative;
}
.mx-header-section .dropdown span:after {
  top: 7px;
  z-index: 2;
  right: -17px;
  content: "+";
  font-size: 12px;
  font-weight: 700;
  font-weight: 900;
  position: absolute;
  color: #000;
  font-family: "Font Awesome 5 free";
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.mx-header-section .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  clip: inherit;
  -webkit-transform: scaleY(1);
  -khtml-transform: scaleY(1);
  transform: scaleY(1);
}
.mx-header-section .dropdown-menu {
  left: 0;
  top: 60px;
  z-index: 100;
  margin: 0px;
  padding: 4px 4px 15px;
  height: auto;
  min-width: 270px;
  display: block;
  border: none;
  border-radius: 0;
  position: absolute;
  opacity: 0;
  background: #F6F7F9;
  border-radius: 10px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mx-header-section .dropdown-menu .dropdown {
  padding-right: 0;
  padding-left: 0;
}
.mx-header-section .dropdown-menu .dropdown:after {
  display: none;
}
.mx-header-section .dropdown-menu .dropdown-menu {
  top: 0px !important;
  left: 100%;
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  -webkit-transform: scaleY(0) !important;
          transform: scaleY(0) !important;
}
.mx-header-section .dropdown-menu li {
  display: block;
  margin: 5px 0px !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-left: none !important;
}
.mx-header-section .dropdown-menu li:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}
.mx-header-section .dropdown-menu li:last-child a {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.mx-header-section .dropdown-menu li:before {
  display: none;
}
.mx-header-section .dropdown-menu li:after {
  color: #fff;
  right: 15px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.mx-header-section .dropdown-menu li.dropdown:hover:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.mx-header-section .dropdown-menu li.dropdown:hover .dropdown-menu {
  top: 0;
  -webkit-transform: scaleY(1) !important;
          transform: scaleY(1) !important;
}
.mx-header-section .dropdown-menu li.dropdown:before {
  color: #fff;
  top: 10px;
  right: 15px;
}
.mx-header-section .dropdown-menu li:hover:before {
  color: #fff !important;
}
.mx-header-section .dropdown-menu a {
  width: 100%;
  line-height: 1;
  color: #000 !important;
  position: relative;
  border-radius: 0 !important;
  border-bottom: 1px solid #d7d7d7;
  display: inline-block !important;
  padding: 12px 0px 12px 18px !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  border: none !important;
  background-color: transparent !important;
}
.mx-header-section .dropdown-menu a span:after {
  display: none;
}
.mx-header-section .dropdown-menu a:before {
  display: none;
}
.mx-header-section .dropdown-menu a:after {
  display: none;
}
.mx-header-section .dropdown-menu a:hover, .mx-header-section .dropdown-menu a.active {
  color: var(--mx-prime-c) !important;
  padding-left: 30px !important;
}
.mx-header-section .dropdown-menu a:hover:after, .mx-header-section .dropdown-menu a.active:after {
  width: 100%;
}
.mx-header-section .dropdown-menu a:hover:before, .mx-header-section .dropdown-menu a.active:before {
  opacity: 1;
  width: 5px !important;
  visibility: visible;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.mx-header-section .mx-mobile-menu-btn {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section .mx-mobile-menu-btn {
    display: block;
  }
}
.mx-header-section .mx-mobile-menu-btn button {
  padding: 0;
  width: 30px;
  height: 18px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mx-header-section .mx-mobile-menu-btn button span {
  width: 19px;
  height: 2px;
  display: block;
  background-color: #000;
}
.mx-header-section .mx-mobile-menu-btn button span:nth-child(even) {
  width: 29px;
}
.mx-header-section:is(.header_style_one) {
  padding-top: 24px;
}
.mx-header-section:is(.header_style_one) .mx-header-content {
  gap: 15px;
  margin: 0 auto;
  padding: 0px 15px;
  max-width: 1854px;
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap {
    margin-bottom: 0;
  }
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-call {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background-color: #3368C6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-call {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn span {
  color: #fff;
  z-index: 1;
  overflow: hidden;
  border-radius: 40px;
  white-space: nowrap;
  position: relative;
  padding: 16px 28px 16px 20px;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn span {
    font-size: 14px;
  }
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn span:before {
  left: 0;
  z-index: -1;
  bottom: 0;
  width: 0%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 40px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c);
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn i {
  color: #fff;
  width: 54px;
  z-index: 2;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #FFFFFF;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn i {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn:hover i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mx-header-section:is(.header_style_one) .mx-header-content .cta-btn-wrap .ct-btn:hover span:before {
  width: 100%;
}
.mx-header-section:is(.header_style_one) .main-navigation {
  padding: 12px;
  border-radius: 120px;
  background-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_one) .main-navigation {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_one) .main-navigation li {
  margin: 0px 4px;
}
.mx-header-section:is(.header_style_one) .main-navigation li a {
  padding: 10px 20px;
  border-radius: 100px;
  background-color: #F6F7F9;
}
.mx-header-section:is(.header_style_one) .main-navigation li a:hover {
  color: #fff;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_one) .main-navigation li a {
    font-size: 14px;
    padding: 10px 10px;
  }
}
.mx-header-section:is(.header_style_two) {
  padding-top: 24px;
}
.mx-header-section:is(.header_style_two) .mx-header-content {
  margin: 0 auto;
  padding: 0px 15px;
  max-width: 1590px;
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_two) .cta-btn-wrap {
    margin-bottom: 0;
  }
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-call {
  width: 54px;
  height: 54px;
  color: #000000;
  border-radius: 100%;
  background-color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-call {
    display: none !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn span {
  z-index: 1;
  color: #fff;
  overflow: hidden;
  position: relative;
  border-radius: 40px;
  white-space: nowrap;
  padding: 16px 28px 16px 20px;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn span {
    font-size: 14px;
  }
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn span:before {
  left: 0;
  z-index: -1;
  bottom: 0;
  width: 0%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 40px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c);
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn i {
  color: #000;
  width: 54px;
  z-index: 2;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #FFFFFF;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn i {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn:hover i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mx-header-section:is(.header_style_two) .cta-btn-wrap .ct-btn:hover span:before {
  width: 100%;
}
.mx-header-section:is(.header_style_two) .mx-mobile-menu-btn button span {
  background-color: #fff;
}
.mx-header-section:is(.header_style_three) .mx-header-content {
  margin: 0px 12px;
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info {
  color: #fff;
  padding: 18px 60px;
  background-color: #fff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .mx-header-content .top-info {
    padding: 16px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .mx-header-content .top-info {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-social a {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  background: transparent;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid transparent;
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-social a:hover {
  background: rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-cta a {
  margin-left: 30px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-cta a {
    margin-left: 10px;
    font-size: 14px;
  }
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-cta a:before {
  top: 3px;
  left: -17px;
  width: 1px;
  content: "";
  height: 18px;
  position: absolute;
  background-color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-cta a:before {
    display: none;
  }
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-cta a i {
  margin-right: 6px;
}
.mx-header-section:is(.header_style_three) .mx-header-content .top-info .item-cta a:first-child:before {
  display: none;
}
.mx-header-section:is(.header_style_three) .navigation-wrapper {
  padding: 24px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper {
    padding: 20px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper .main-navigation {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .main-navigation li {
  margin: 0px 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper .main-navigation li {
    margin: 0px 10px;
  }
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .main-navigation li a {
  color: #272727;
  display: inline;
  border-radius: 100px;
  padding-bottom: 30px;
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .main-navigation li a:hover {
  color: var(--mx-prime-c);
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap {
    margin-bottom: 0;
  }
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .mx-search {
  width: 54px;
  height: 54px;
  border: none;
  border-radius: 100%;
  border: 1px solid #000000;
  background-color: transparent;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .mx-search {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .mx-search:hover {
  color: #fff;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn span {
  color: #fff;
  z-index: 1;
  overflow: hidden;
  border-radius: 40px;
  white-space: nowrap;
  position: relative;
  padding: 16px 28px 16px 20px;
  background-color: var(--mx-prime-c);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn span {
    font-size: 14px;
  }
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn span:before {
  left: 0;
  z-index: -1;
  bottom: 0;
  width: 0%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 40px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn i {
  color: #fff;
  width: 54px;
  z-index: 2;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #FFFFFF;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn i {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn:hover i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mx-header-section:is(.header_style_three) .navigation-wrapper .cta-btn-wrap .ct-btn:hover span:before {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_three) .offcanvas-trigger {
    display: none;
  }
}
.mx-header-section:is(.header_style_three) .offcanvas-trigger button {
  width: 54px;
  border: none;
  height: 54px;
  border-radius: 100%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
.mx-header-section:is(.header_style_three) .offcanvas-trigger button:hover {
  background-color: var(--mx-prime-c);
}
.mx-header-section:is(.header_style_four):before, .mx-header-section:is(.header_style_four):after {
  top: 0;
  height: 6px;
  content: "";
  position: absolute;
}
.mx-header-section:is(.header_style_four):before {
  left: 0;
  width: 65%;
  background-color: var(--mx-prime-c2);
}
.mx-header-section:is(.header_style_four):after {
  right: 0;
  width: 35%;
  background-color: var(--mx-prime-c3);
}
.mx-header-section:is(.header_style_four) .mx-header-content {
  padding: 30px 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mx-header-section:is(.header_style_four) .mx-header-content {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-header-section:is(.header_style_four) .mx-header-content {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_four) .mx-header-content {
    padding: 20px 15px;
  }
}
.mx-header-section:is(.header_style_four) .logo-navigation {
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-header-section:is(.header_style_four) .logo-navigation .brand-logo {
    max-width: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_four) .main-navigation {
    display: none;
  }
}
.mx-header-section:is(.header_style_four) .main-navigation li {
  margin-right: 53px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mx-header-section:is(.header_style_four) .main-navigation li {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-header-section:is(.header_style_four) .main-navigation li {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-header-section:is(.header_style_four) .main-navigation li {
    margin-right: 15px;
  }
}
.mx-header-section:is(.header_style_four) .main-navigation li a {
  font-size: 17px;
  font-weight: 700;
  color: var(--mx-prime-c2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-header-section:is(.header_style_four) .main-navigation li a {
    font-size: 15px;
  }
}
.mx-header-section:is(.header_style_four) .main-navigation li a:hover {
  color: var(--mx-prime-c3);
}
.mx-header-section:is(.header_style_four) .header-cta .mx-search {
  width: 55px;
  height: 55px;
  margin-right: 55px;
  border-radius: 100%;
  border: 1px solid #c7c6c6;
  background-color: transparent;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-header-section:is(.header_style_four) .header-cta .mx-search:hover {
  color: #fff;
  border: 1px solid var(--mx-prime-c3);
  background-color: var(--mx-prime-c3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-header-section:is(.header_style_four) .header-cta .mx-search {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_four) .header-cta .mx-search {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_four) .header-cta .cta-btn {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_four) .header-cta .cta-btn a {
  gap: 8px;
  color: #fff;
  padding: 18px 25px;
  border-radius: 10px;
  background-color: var(--mx-prime-c3);
}
.mx-header-section:is(.header_style_four) .header-cta .cta-btn a span {
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  font-family: var(--mx-unbound);
}
.mx-header-section:is(.header_style_four) .header-cta .cta-btn a i {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--mx-title-color);
}
.mx-header-section:is(.header_style_four) .header-cta .cta-btn a:hover {
  background-color: var(--mx-prime-c2);
}
.mx-header-section:is(.header_style_four) .header-cta .offcanvas-trigger {
  cursor: pointer;
  margin-left: 33px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-header-section:is(.header_style_four) .header-cta .offcanvas-trigger {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_four) .header-cta .offcanvas-trigger {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_four) .header-cta .offcanvas-trigger span {
  width: 40px;
  height: 4px;
  display: block;
  margin-bottom: 7px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-header-section:is(.header_style_four) .header-cta .offcanvas-trigger span {
    width: 25px;
  }
}
.mx-header-section:is(.header_style_four) .header-cta .offcanvas-trigger span:last-child {
  margin-bottom: 0;
}
.mx-header-section:is(.header_style_four) .header-cta .offcanvas-trigger:hover span {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-header-section:is(.header_style_four) .mx-hd-cta-info {
    display: none !important;
  }
}
.mx-header-section:is(.header_style_four) .mx-hd-cta-info .cta-area {
  width: 100%;
  overflow: hidden;
  max-width: 1150px;
  background-color: #2a495f;
}
.mx-header-section:is(.header_style_four) .mx-hd-cta-info .cta-area .cta-icon a {
  width: 62px;
  height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--mx-prime-c3);
}
.mx-header-section:is(.header_style_four) .mx-hd-cta-info .cta-area .cta-icon a i {
  color: #000;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-header-section:is(.header_style_four) .mx-hd-cta-info .cta-area li {
  color: #fff;
  font-size: 14px;
  padding: 0px 30px;
  position: relative;
}
.mx-header-section:is(.header_style_four) .mx-hd-cta-info .cta-area li:before {
  right: 0;
  top: -15px;
  width: 1px;
  height: 53px;
  content: "";
  position: absolute;
  background-color: #003735;
}
.mx-header-section:is(.header_style_four) .mx-hd-cta-info .cta-area li:last-child:before {
  display: none;
}
.mx-header-section:is(.header_style_four) .mx-hd-cta-info .cta-area li i {
  margin-right: 8px;
}
.mx-header-section:is(.txa_sticky_header) {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  z-index: 10;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky) {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_three) {
  background-color: #fff;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_three) .navigation-wrapper {
  padding: 10px 20px;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_four) {
  background-color: #fff;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_four) .mx-header-content {
  padding: 25px 60px;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_four) .mx-hd-cta-info {
  display: none !important;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.txa_sticky_show) {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_one) {
  padding: 10px 0px;
  background-color: #fff;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_one) .mx-header-content .cta-btn-wrap {
  margin-bottom: 0;
}
.mx-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.header_style_three) .mx-header-content .top-info {
  display: none !important;
}

.mx-main-navi {
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-main-navi {
    display: none !important;
  }
}
.mx-main-navi .dropdown {
  position: relative;
}
.mx-main-navi .dropdown span {
  position: relative;
}
.mx-main-navi .dropdown span:after {
  top: 7px;
  z-index: 2;
  right: -17px;
  content: "+";
  font-size: 12px;
  font-weight: 700;
  font-weight: 900;
  position: absolute;
  color: #000;
  font-family: "Font Awesome 5 free";
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.mx-main-navi .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  clip: inherit;
  -webkit-transform: scaleY(1);
  -khtml-transform: scaleY(1);
  transform: scaleY(1);
}
.mx-main-navi .dropdown:hover .dropdown-menu li {
  -webkit-animation: fadeInDown 1s var(--cube-1) backwards;
          animation: fadeInDown 1s var(--cube-1) backwards;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:before {
  color: #fff !important;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(1) {
  -webkit-animation-delay: 80ms;
          animation-delay: 80ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(2) {
  -webkit-animation-delay: 120ms;
          animation-delay: 120ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(3) {
  -webkit-animation-delay: 160ms;
          animation-delay: 160ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(4) {
  -webkit-animation-delay: 180ms;
          animation-delay: 180ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(5) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(6) {
  -webkit-animation-delay: 220ms;
          animation-delay: 220ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(7) {
  -webkit-animation-delay: 240ms;
          animation-delay: 240ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(8) {
  -webkit-animation-delay: 260ms;
          animation-delay: 260ms;
}
.mx-main-navi .dropdown:hover .dropdown-menu li:nth-child(9) {
  -webkit-animation-delay: 280ms;
          animation-delay: 280ms;
}
.mx-main-navi .dropdown-menu {
  left: 0;
  top: 57px;
  z-index: 100;
  margin: 0px;
  padding: 4px 4px 15px;
  height: auto;
  min-width: 270px;
  display: block;
  border: none;
  border-radius: 0;
  position: absolute;
  opacity: 0;
  background: #fff;
  text-align: left;
  border-radius: 10px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: -8px 8px 24px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -8px 8px 24px 0px rgba(0, 0, 0, 0.08);
}
.mx-main-navi .dropdown-menu .dropdown {
  padding-right: 0;
  padding-left: 0;
}
.mx-main-navi .dropdown-menu .dropdown:after {
  display: none;
}
.mx-main-navi .dropdown-menu .dropdown-menu {
  top: 0px !important;
  left: 100%;
  -webkit-transform-origin: top;
          transform-origin: top;
  display: inline-table;
  -webkit-transform: scaleY(0) !important;
          transform: scaleY(0) !important;
}
.mx-main-navi .dropdown-menu li {
  display: block;
  margin: 5px 0px !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-left: none !important;
  -webkit-animation: none;
          animation: none;
}
.mx-main-navi .dropdown-menu li:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}
.mx-main-navi .dropdown-menu li:last-child a {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.mx-main-navi .dropdown-menu li:before {
  display: none;
}
.mx-main-navi .dropdown-menu li:after {
  color: #fff;
  right: 15px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.mx-main-navi .dropdown-menu li.dropdown:hover:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.mx-main-navi .dropdown-menu li.dropdown:hover .dropdown-menu {
  top: 0;
  -webkit-transform: scaleY(1) !important;
          transform: scaleY(1) !important;
}
.mx-main-navi .dropdown-menu li.dropdown:before {
  color: #fff;
  top: 10px;
  right: 15px;
}
.mx-main-navi .dropdown-menu a {
  width: 100%;
  line-height: 1;
  color: #000 !important;
  position: relative;
  border-radius: 0 !important;
  border-bottom: 1px solid #d7d7d7;
  display: inline-block !important;
  padding: 12px 0px 12px 18px !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  border: none !important;
  background-color: transparent !important;
}
.mx-main-navi .dropdown-menu a span:after {
  display: none;
}
.mx-main-navi .dropdown-menu a:before {
  display: none;
}
.mx-main-navi .dropdown-menu a:after {
  display: none;
}
.mx-main-navi .dropdown-menu a:hover, .mx-main-navi .dropdown-menu a.active {
  color: var(--mx-prime-c) !important;
  padding-left: 30px !important;
}
.mx-main-navi .dropdown-menu a:hover:after, .mx-main-navi .dropdown-menu a.active:after {
  width: 100%;
}
.mx-main-navi .dropdown-menu a:hover:before, .mx-main-navi .dropdown-menu a.active:before {
  opacity: 1;
  width: 5px !important;
  visibility: visible;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.mx-main-navi .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-main-navi .main-navigation {
  padding: 30px 32px;
  border-radius: 24px;
  border: 2px solid #fff;
  background-blend-mode: overlay;
  backdrop-filter: blur(95.7281494141px);
  background: linear-gradient(106.97deg, rgba(255, 255, 255, 0.2) 5.84%, rgba(255, 255, 255, 0.05) 70.7%);
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .mx-main-navi .main-navigation {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-main-navi .main-navigation {
    backdrop-filter: none;
  }
}
.mx-main-navi .main-navigation li {
  margin: 0px 8px;
  text-transform: uppercase;
}
.mx-main-navi .main-navigation li a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  background-color: #fff;
  padding: 15px 24px 11px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .mx-main-navi .main-navigation li a {
    padding: 15px 15px 11px;
  }
}
.mx-main-navi .main-navigation li a:hover {
  color: #fff;
  background-color: var(--mx-prime-c);
}

/*// off canvas style*/
/*----------------------------------------------------*/
.sidebar-info-contents {
  position: relative;
}

.sidebar-info-contents .content-inner {
  position: relative;
}

.sidebar-info-contents .content-inner .logo {
  padding-bottom: 20px;
  max-width: 180px;
}

.sidebar-info-contents .content-inner .logo img {
  display: inline-block;
  max-width: 100%;
}

.sidebar-info-contents .content-inner .content-box {
  position: relative;
  margin-top: 50px;
}

.sidebar-info-contents .content-inner h5 {
  color: #fff;
  font-weight: 700;
  margin: 25px 0px 15px;
}

.sidebar-info-contents .content-inner .content-box .text {
  color: #fff;
  margin-bottom: 35px;
}

.sidebar-info-contents .content-inner .social-box {
  position: relative;
  margin-top: 0px;
  padding-left: 0;
  margin-bottom: 30px;
}

.sidebar-info-contents .content-inner .social-box li {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a {
  position: relative;
  width: 36px;
  height: 36px;
  color: #fff;
  z-index: 1;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar-info-contents .content-inner .social-box li a:hover {
  color: #000;
  background-color: #fff;
}

.close-side-widget,
.close-side-widget:hover {
  color: #fff !important;
  font-size: 24px;
}

.xs-sidebar-group .xs-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: fixed;
  pointer-events: none;
}

.xs-sidebar-group .xs-overlay .loader-area {
  height: 100vh;
}

.xs-sidebar-group.info-group .xs-overlay {
  z-index: 10;
}

.xs-sidebar-group .preloader-wrap {
  padding: 0px;
}

.xs-sidebar-group .loader-area {
  height: 100vh;
}

.xs-sidebar-group.info-group.isActive .preloader-wrap .loader-bg {
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-transition: 800ms all cubic-bezier(0.77, 0, 0.175, 1);
  transition: 800ms all cubic-bezier(0.77, 0, 0.175, 1);
}

.xs-sidebar-group.info-group .preloader-wrap .loader-bg {
  left: 0;
  width: 0;
  opacity: 0;
  opacity: 0.95;
  height: 100%;
  -webkit-transition: 800ms all cubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 800ms all cubic-bezier(0.1, 0.1, 0.1, 1);
}

.xs-sidebar-group .widget-heading {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px;
}

.xs-sidebar-widget {
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 20;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--tz-title-color);
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
  padding: 40px 30px;
}

.close-side-widget {
  z-index: 2;
  color: #1768dd;
  display: block;
  position: relative;
  font-size: 15px;
}

.sidebar-widget-container {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in 0.3s;
  transition: all 0.3s ease-in 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sidebar-info-contents .gallery-box li a {
  width: 80px;
  display: block;
  height: 80px;
  margin-bottom: 5px;
  position: relative;
}
.sidebar-info-contents .gallery-box li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sidebar-info-contents .gallery-box li a:before {
  top: 0;
  left: 0;
  width: 0%;
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: rgb(0, 0, 0);
}

.sidebar-info-contents .gallery-box li a:after {
  left: 0;
  right: 0;
  top: 40%;
  opacity: 0;
  color: #fff;
  font-size: 18px;
  content: "\f066";
  font-weight: 900;
  text-align: center;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 free";
}

.sidebar-info-contents .gallery-box li a:hover:before {
  width: 100%;
}

.sidebar-info-contents .gallery-box li a:hover:after {
  top: 50%;
  opacity: 1;
}

/*// Mobile Menu style*/
/*----------------------------------------------------*/
.mobile_logo {
  top: 10px;
  left: 15px;
  display: none;
  position: absolute;
}

.mobile_menu_content {
  top: 0px;
  bottom: 0;
  left: -100%;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 100%;
  max-width: 500px;
  overflow-y: scroll;
  background-color: #0f0d0d;
  padding: 20px 20px 35px 20px;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
          box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.mobile_menu_content::-webkit-scrollbar {
  width: 6px;
}
.mobile_menu_content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.mobile_menu_content::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 0px;
  background: #000;
  background-size: 200%, 1px;
}
.mobile_menu_content .mobile-main-navigation {
  width: 100%;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav {
  width: 100%;
}
.mobile_menu_content .dropdown:after {
  display: none;
}
.mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li {
  padding: 0;
  width: 100%;
  display: block;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
  padding: 0;
  width: 100%;
  color: #fff;
  display: block;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  padding: 10px 30px 10px 0;
}
.mobile_menu_content .m-brand-logo {
  width: 120px;
  margin: 50px auto;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
  left: 0px;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.mobile_menu_button {
  z-index: 5;
  padding: 0;
  border: none;
  display: none;
  font-size: 24px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  background-color: transparent;
}
.mobile_menu_button span {
  width: 30px;
  height: 2px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
}
.mobile_menu_button span:nth-child(2) {
  width: 25px;
}
.mobile_menu_button span:last-child {
  width: 20px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px) {
  .mobile_menu_button {
    display: block;
  }
}

.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
  display: none;
}
.mobile_menu .mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav li a {
  font-size: 20px;
  font-weight: 700;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
  width: 100%;
  border: none;
  display: none;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 15px;
  background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  line-height: 1;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
  background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
  font-size: 18px;
  font-weight: 700;
  padding-left: 20px;
  color: #fff !important;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
  color: var(--base-color);
  background-color: transparent;
}
.mobile_menu .dropdown {
  position: relative;
}
.mobile_menu .dropdown .dropdown-btn {
  top: 4px;
  right: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #9397a7;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.mobile_menu .dropdown .dropdown-btn.toggle-open {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mobile_menu .mobile_menu_close {
  top: 25px;
  right: 25px;
  cursor: pointer;
  color: #d60606;
  font-size: 20px;
  position: absolute;
}
.mobile_menu .mobile-search-bar {
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 40px;
}
.mobile_menu .mobile-search-bar input {
  color: #fff;
  width: 100%;
  height: 60px;
  border: none;
  font-size: 14px;
  padding-left: 15px;
  border-radius: 5px;
  border-bottom: none;
  background-color: #2d2d2d;
}
.mobile_menu .mobile-search-bar input::-webkit-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input::-moz-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input:-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input::-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input::placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar button {
  top: 5px;
  padding: 0;
  right: 10px;
  color: #fff;
  width: 50px;
  height: 50px;
  border: none;
  position: absolute;
  background-color: transparent;
}
.mobile_menu .ptx-mobile-header-social {
  margin-top: 40px;
}
.mobile_menu .ptx-mobile-header-social a {
  color: #fff;
  margin: 0px 8px;
  font-size: 15px;
}
.mobile_menu .ptx-mobile-header-social a:hover {
  color: var(--ra-base-c1);
}

/* 
    search-box-css-start
*/
.txa-search-box {
  padding-top: 56px;
  padding-bottom: 56px;
  background-color: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 500ms var(--cube-1);
  transition: 500ms var(--cube-1);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  visibility: hidden;
  -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
}
.txa-search-box-close {
  height: 40px;
  width: 40px;
  font-size: 18px;
  border: none;
  outline: none;
  border-radius: 2px;
  background: #f1f1f1;
  color: #000;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 40px;
  top: 35px;
  line-height: 1;
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .txa-search-box-close {
    right: 20px;
    top: 15px;
  }
}
.txa-search-box-close i {
  line-height: 1;
}
.txa-search-box-close:hover {
  background: #000;
  background-size: 200%, 1px;
  color: #fff;
}
.txa-search-box.active {
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.txa-search-box.active .txa-search-form::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.txa-search-container {
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.txa-search-title {
  font-size: 23px;
  line-height: 1;
  font-weight: 700 !important;
  padding-bottom: 30px;
  color: #000 !important;
}
.txa-search-form {
  position: relative;
  z-index: 1;
}
.txa-search-form-input {
  width: 100%;
  margin: 0;
  border: none;
  outline: none;
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 10px 10px;
  background: transparent;
}
.txa-search-form::after {
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  position: absolute;
  background-color: #6D6D6D;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.txa-search-tag {
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.txa-search-tag-title {
  font-size: 16px;
  font-weight: 700 !important;
  color: #000 !important;
  padding-bottom: 12px;
}
.txa-search-tag-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #454545;
  border: 1px solid #DFE1E5;
  line-height: 1;
  padding: 9px 17px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.txa-search-tag-item:hover {
  background: #000;
  background-size: 200%, 1px;
  color: #fff;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
  display: none;
}
.overlay:is(.active) {
  display: block;
}

/* 
    search-box-css-end
*/
/*global area*/
/*----------------------------------------------------*/
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: inherit;
  }
}
body {
  margin: 0;
  padding: 0;
  z-index: 1;
  font-size: 16px;
  margin: 0 auto;
  line-height: 1.555;
  overflow-x: hidden;
  color: var(--mx-body-color);
  font-family: var(--mx-body-font);
  background-color: #F6F7F9;
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
body .container {
  max-width: 1584px;
}
body .row {
  --bs-gutter-x: 32px;
}
body .mfp-iframe-holder .mfp-close {
  right: 0;
  padding: 0;
  top: -40px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-size: 200%, 1px;
}
body button.mfp-close {
  right: 0;
  padding: 0;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  background-size: 200%, 1px;
}

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 0px;
  background-size: 200%, 1px;
  background-color: var(--mx-prime-c);
}

.home-4 {
  font-size: 18px;
  background-color: #fcf7f3;
  font-family: var(--mx-plus);
}
.home-4 .container {
  max-width: 1526px;
}

.ul-li ul {
  margin: 0;
  padding: 0;
}
.ul-li ul li {
  list-style: none;
  display: inline-block;
}

.ul-li-block ul {
  margin: 0;
  padding: 0;
}
.ul-li-block ul li {
  display: block;
  list-style: none;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  color: #111111;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--mx-heading);
}

.headline-2 h1,
.headline-2 h2,
.headline-2 h3,
.headline-2 h4,
.headline-2 h5,
.headline-2 h6 {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.25;
  color: var(--mx-title-color);
  font-family: var(--mx-unbound);
}

@-webkit-keyframes hithere {
  30% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  40%, 60% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1);
  }
  50% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1);
  }
  70% {
    -webkit-transform: rotate(0deg) scale(1.1);
    transform: rotate(0deg) scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hithere {
  30% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  40%, 60% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1);
  }
  50% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1);
  }
  70% {
    -webkit-transform: rotate(0deg) scale(1.1);
    transform: rotate(0deg) scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #fff;
}
#preloader .preloader-logo {
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#preloader .preloader-logo img {
  -webkit-animation: hithere 1500ms ease-in-out infinite;
          animation: hithere 1500ms ease-in-out infinite;
}

.mx-scrollup {
  color: #fff;
  width: 50px;
  right: 20px;
  z-index: 5;
  height: 50px;
  bottom: 20px;
  display: none;
  font-size: 16px;
  position: fixed;
  font-weight: 700;
  line-height: 50px;
  border-radius: 10px;
  background: var(--mx-prime-c);
}
.mx-scrollup:hover {
  color: #fff;
}

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  color: inherit;
}

a, span {
  display: inline-block;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: none;
  -webkit-transition: inherit;
  transition: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
a:hover, a:focus {
  text-decoration: none;
}

.form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.pera-content p {
  margin-bottom: 0;
}

.splitting.animated .char {
  -webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index));
}

.splitting .whitespace {
  width: 10px;
}

.href-underline a {
  width: 100%;
  display: inline !important;
  background-position-y: -1px;
  background-repeat: no-repeat;
  background-size: 0 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 2px);
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.href-underline a:hover {
  color: inherit;
  background-size: 100% 100%;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tx-tab-btn .nav-tabs .nav-item.show .nav-link,
.tx-tab-btn .nav-tabs .nav-link.active,
.tx-tab-btn .nav-tabs .nav-link {
  border: none;
  padding-top: 0;
  padding-right: 0;
  border-radius: 0;
  margin-bottom: 0;
  cursor: pointer;
  background-color: transparent;
}
.tx-tab-btn .nav-tabs {
  border: none;
}
.tx-tab-btn .nav {
  display: inherit;
}

.over-hidden,
.split-line {
  overflow: hidden;
}

.img-cover {
  width: 100%;
  height: 100%;
}
.img-cover img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-cover video {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.mx-btn1 {
  display: inline-block;
}
.mx-btn1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mx-btn1 span {
  z-index: 1;
  color: #fff;
  overflow: hidden;
  border-radius: 40px;
  position: relative;
  padding: 15px 28px 15px 20px;
  background-color: var(--mx-prime-c2);
}
.mx-btn1 span:before {
  left: 0;
  z-index: -1;
  bottom: 0;
  width: 0%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 40px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c);
}
.mx-btn1 i {
  color: #fff;
  width: 54px;
  height: 54px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #FFFFFF;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
.mx-btn1:hover i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mx-btn1:hover span:before {
  width: 100%;
}
.mx-btn1:is(.ver_2) i {
  color: #000;
  background-color: #fff;
}
.mx-btn1:is(.ver_3) span {
  background-color: var(--mx-prime-c);
}
.mx-btn1:is(.ver_3) span:before {
  background-color: var(--mx-prime-c2);
}
.mx-btn1:is(.ver_3) i {
  border: 3px solid #C5C9EE;
  background-color: var(--mx-prime-c);
}

.mx-btn2 a {
  color: #000000;
  padding: 12px 24px;
  border-radius: 40px;
  border: 1px solid #09243C;
}

.mx-btn3 {
  display: inline-block;
}
.mx-btn3 a {
  gap: 8px;
  color: #fff;
  padding: 18px 25px;
  border-radius: 10px;
  background-color: var(--mx-prime-c3);
}
.mx-btn3 a span {
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  font-family: var(--mx-unbound);
}
.mx-btn3 a i {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--mx-title-color);
}
.mx-btn3 a:hover {
  background-color: var(--mx-prime-c2);
}

.mx-sec-title .subtitle {
  margin-bottom: 15px;
}
.mx-sec-title .subtitle span {
  position: relative;
  border-radius: 120px;
  color: var(--mx-prime-c);
  padding: 10px 16px 6px 35px;
  border: 1px solid var(--mx-prime-c);
}
@media (max-width: 480px) {
  .mx-sec-title .subtitle span {
    font-size: 14px;
    padding: 8px 16px 4px 15px;
  }
}
.mx-sec-title .subtitle span:before {
  top: 18px;
  left: 22px;
  width: 5px;
  height: 5px;
  content: "";
  position: absolute;
  background-color: var(--mx-prime-c);
}
@media (max-width: 480px) {
  .mx-sec-title .subtitle span:before {
    display: none;
  }
}
.mx-sec-title .sec_title {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-sec-title .sec_title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-sec-title .sec_title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-sec-title .sec_title {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .mx-sec-title .sec_title {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .mx-sec-title .sec_title {
    font-size: 28px;
  }
}
.mx-sec-title p {
  padding-top: 12px;
}

.mx-sec-title2 .subtitle {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mx-sec-title2 .subtitle i {
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--mx-prime-c3);
}
.mx-sec-title2 .subtitle span {
  font-size: 15px;
  font-weight: 600;
  color: var(--mx-prime-c3);
}
.mx-sec-title2 .sec_title {
  font-size: 55px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-sec-title2 .sec_title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-sec-title2 .sec_title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-sec-title2 .sec_title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-sec-title2 .sec_title {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .mx-sec-title2 .sec_title {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .mx-sec-title2 .sec_title {
    font-size: 28px;
  }
}
.mx-sec-title2 .sec_title span {
  font-weight: 300;
}

.marquee-left,
.marquee-right {
  overflow: hidden;
  display: flow-root;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pb-225 {
  padding-bottom: 225px;
}

.pb-230 {
  padding-bottom: 230px;
}

.pb-235 {
  padding-bottom: 235px;
}

.pb-240 {
  padding-bottom: 240px;
}

.pb-245 {
  padding-bottom: 245px;
}

.pb-250 {
  padding-bottom: 250px;
}

.pb-255 {
  padding-bottom: 255px;
}

.pb-260 {
  padding-bottom: 260px;
}

.pb-265 {
  padding-bottom: 265px;
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-275 {
  padding-bottom: 275px;
}

.pb-280 {
  padding-bottom: 280px;
}

.pb-285 {
  padding-bottom: 285px;
}

.pb-290 {
  padding-bottom: 290px;
}

.pb-295 {
  padding-bottom: 295px;
}

.pb-300 {
  padding-bottom: 300px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/*---------------------------------------------------- */
/******* HOME PAGE 1 *******/
/*Hero area*/
/*----------------------------------------------------*/
.mx-hero-sec-wrapper {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.mx-hero-sec {
  z-index: 1;
  margin: 24px;
  margin-bottom: 0;
  margin-top: 12px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero-sec {
    margin: 0;
  }
}
.mx-hero-sec .mx-hero-img {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  clip-path: polygon(76.442% 0%, 76.442% 0%, 76.789% 0.05%, 77.118% 0.193%, 77.424% 0.423%, 77.704% 0.731%, 77.953% 1.109%, 78.167% 1.551%, 78.341% 2.047%, 78.47% 2.591%, 78.551% 3.173%, 78.579% 3.788%, 78.579% 5.682%, 78.579% 5.682%, 78.607% 6.296%, 78.688% 6.879%, 78.818% 7.423%, 78.991% 7.919%, 79.205% 8.36%, 79.454% 8.739%, 79.734% 9.047%, 80.04% 9.277%, 80.369% 9.42%, 80.716% 9.47%, 97.863% 9.47%, 97.863% 9.47%, 98.21% 9.519%, 98.539% 9.663%, 98.845% 9.893%, 99.125% 10.201%, 99.374% 10.579%, 99.588% 11.021%, 99.761% 11.517%, 99.891% 12.06%, 99.972% 12.643%, 100% 13.258%, 100% 96.212%, 100% 96.212%, 99.972% 96.827%, 99.891% 97.409%, 99.761% 97.953%, 99.588% 98.449%, 99.374% 98.891%, 99.125% 99.269%, 98.845% 99.577%, 98.539% 99.807%, 98.21% 99.95%, 97.863% 100%, 2.137% 100%, 2.137% 100%, 1.79% 99.95%, 1.461% 99.807%, 1.155% 99.577%, 0.875% 99.269%, 0.626% 98.891%, 0.412% 98.449%, 0.239% 97.953%, 0.109% 97.409%, 0.028% 96.827%, 0% 96.212%, 0% 13.258%, 0% 13.258%, 0.028% 12.643%, 0.109% 12.06%, 0.239% 11.517%, 0.412% 11.021%, 0.626% 10.579%, 0.875% 10.201%, 1.155% 9.893%, 1.461% 9.663%, 1.79% 9.519%, 2.137% 9.47%, 13.034% 9.47%, 13.034% 9.47%, 13.381% 9.42%, 13.71% 9.277%, 14.016% 9.047%, 14.296% 8.739%, 14.545% 8.36%, 14.759% 7.919%, 14.932% 7.423%, 15.062% 6.879%, 15.143% 6.296%, 15.171% 5.682%, 15.171% 3.788%, 15.171% 3.788%, 15.199% 3.173%, 15.28% 2.591%, 15.409% 2.047%, 15.583% 1.551%, 15.797% 1.109%, 16.046% 0.731%, 16.326% 0.423%, 16.632% 0.193%, 16.961% 0.05%, 17.308% 0%, 76.442% 0%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero-sec .mx-hero-img {
    clip-path: none;
  }
}

.mx-hero-text {
  max-width: 770px;
  padding: 260px 0px 335px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero-text {
    padding: 180px 0px 335px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero-text {
    padding: 180px 0px 260px;
  }
}
.mx-hero-text .mx-slug {
  color: #fff;
  font-size: 18px;
  margin-bottom: 15px;
}
.mx-hero-text .hr_title {
  color: #fff;
  font-size: 66px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -1px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-hero-text .hr_title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-hero-text .hr_title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-hero-text .hr_title {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .mx-hero-text .hr_title {
    font-size: 40px;
  }
}
.mx-hero-text p {
  color: #fff;
  font-size: 18px;
  max-width: 700px;
  padding-bottom: 30px;
}
.mx-hero-text .mx-btn1 a i {
  border: 3px solid #9DBEC7;
}
.mx-hero-text .mx-hero-client {
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mx-hero-text .mx-hero-client ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mx-hero-text .mx-hero-client li {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  font-size: 20px;
  overflow: hidden;
  margin-left: -25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #85B0B9;
}
.mx-hero-text .mx-hero-client li:first-child {
  margin-left: 0;
}
.mx-hero-text .mx-hero-client li:last-child {
  background-color: #fff;
}
.mx-hero-text .mx-hero-client p {
  max-width: 350px;
  padding-bottom: 0;
}
.mx-hero-text .mx-hero-client p span {
  font-weight: 600;
  text-decoration: underline;
}

/*---------------------------------------------------- */
/*App cta area*/
/*----------------------------------------------------*/
.mx-app-cta-content {
  z-index: 1;
  gap: 24px;
  padding: 24px;
  display: -ms-grid;
  display: grid;
  position: relative;
  margin-top: -170px;
  border-radius: 24px;
  background-color: #fff;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-app-cta-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-app-cta-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-app-cta-content {
    padding: 15px;
  }
}
.mx-app-cta-content:is(.ver_2) {
  margin-top: -90px;
}
.mx-app-cta-content:is(.ver_2) .mx-app-cta-item:nth-child(3) .cta-top,
.mx-app-cta-content:is(.ver_2) .mx-app-cta-item:nth-child(3) .cta-bottom {
  background-color: #FBE285;
}
.mx-app-cta-content:is(.ver_2) .mx-app-cta-item:nth-child(2) .cta-top,
.mx-app-cta-content:is(.ver_2) .mx-app-cta-item:nth-child(2) .cta-bottom {
  background-color: #F1F2F2;
}

.mx-app-cta-item {
  z-index: 1;
  overflow: hidden;
}
.mx-app-cta-item .cta-top {
  padding: 18px 32px;
  border-radius: 12px;
  margin-bottom: 10px;
  background-color: #BCE7F0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-app-cta-item .cta-top {
    padding: 15px 20px;
  }
}
.mx-app-cta-item .cta-top h3 {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-app-cta-item .cta-top h3 {
    font-size: 16px;
  }
}
.mx-app-cta-item .cta-top i {
  font-size: 20px;
}
.mx-app-cta-item .cta-bottom {
  height: 336px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  background-color: #BCE7F0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-app-cta-item .cta-bottom {
    padding: 25px 20px;
  }
}
.mx-app-cta-item .cta-bottom li {
  color: #000;
  padding-bottom: 12px;
}
.mx-app-cta-item .cta-bottom p {
  color: #000;
}
.mx-app-cta-item .cta-bottom a {
  color: #000000;
  margin-top: 5px;
  font-weight: 500;
}
.mx-app-cta-item .cta-bottom a span {
  position: relative;
}
.mx-app-cta-item .cta-bottom a span:before {
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #000;
}
.mx-app-cta-item .cta-bottom a i {
  margin-left: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mx-app-cta-item:nth-child(1) .cta-bottom li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.5019607843);
}
.mx-app-cta-item:nth-child(1) .cta-bottom li:last-child {
  border-bottom: none;
}
.mx-app-cta-item:nth-child(2) .cta-top,
.mx-app-cta-item:nth-child(2) .cta-bottom {
  background-color: #FBE285;
}
.mx-app-cta-item:nth-child(3) .cta-top,
.mx-app-cta-item:nth-child(3) .cta-bottom {
  background-color: #F0BCE9;
}
.mx-app-cta-item .item-shape {
  right: -50px;
  bottom: -50px;
  position: absolute;
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.mx-abt-sec {
  z-index: 1;
}
.mx-abt-sec .mx-abt-shape1 {
  left: 0;
  right: 0;
  bottom: 10%;
  z-index: -1;
  text-align: center;
}

.mx-abt-title {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-abt-title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-abt-title .subtitle span {
  position: relative;
  border-radius: 120px;
  color: var(--mx-prime-c);
  padding: 10px 16px 6px 35px;
  border: 1px solid var(--mx-prime-c);
}
.mx-abt-title .subtitle span:before {
  top: 18px;
  left: 22px;
  width: 5px;
  height: 5px;
  content: "";
  position: absolute;
  background-color: var(--mx-prime-c);
}
.mx-abt-title .ab1_title {
  font-size: 32px;
  max-width: 636px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-abt-title .ab1_title {
    max-width: 560px;
  }
}
.mx-abt-title .ab1_title span {
  display: inline;
  color: rgba(0, 0, 0, 0.5019607843);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-abt-title .mx-ab-shape {
    display: none;
  }
}

.heartbeat-path {
  stroke-dasharray: 260;
  stroke-dashoffset: 260;
  -webkit-animation: drawPulse 7s ease-in-out infinite, heartBeat 7s ease-in-out infinite;
          animation: drawPulse 7s ease-in-out infinite, heartBeat 7s ease-in-out infinite;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes drawPulse {
  0% {
    stroke-dashoffset: 260;
    opacity: 0.3;
  }
  30% {
    stroke-dashoffset: 130;
    opacity: 1;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -260;
    opacity: 0.3;
  }
}

@keyframes drawPulse {
  0% {
    stroke-dashoffset: 260;
    opacity: 0.3;
  }
  30% {
    stroke-dashoffset: 130;
    opacity: 1;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -260;
    opacity: 0.3;
  }
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.mx-abt1-content {
  gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-abt1-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.mx-abt1-img {
  overflow: hidden;
  max-width: 440px;
  border-radius: 24px;
  border: 10px solid #FFFFFF;
}

.mx-abt1-text {
  max-width: 514px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-abt1-text {
    padding-top: 0;
  }
}
.mx-abt1-text p {
  padding-bottom: 24px;
}

.mx-abt1-img-wrapper {
  margin-top: -88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-abt1-img-wrapper {
    margin-top: 0;
  }
}

.mx-abt1-img2 .item-img {
  overflow: hidden;
  border-radius: 24px;
  border: 10px solid #FFFFFF;
}

.mx-abt1-exp {
  z-index: 1;
  width: 291px;
  height: 321px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -188px;
  border-radius: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F6F7F9;
  border: 10px solid #FFFFFF;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-abt1-exp {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}
.mx-abt1-exp .item-fav {
  width: 40px;
  height: 40px;
  -webkit-animation: hithere 1500ms ease-in-out infinite;
          animation: hithere 1500ms ease-in-out infinite;
}
.mx-abt1-exp .exp-shape {
  top: -30%;
  right: -25%;
  z-index: -1;
  opacity: 0.4;
}
.mx-abt1-exp .item-text h3 {
  color: #1C1C1D;
  font-size: 60px;
  font-weight: 700;
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.mx-ser1-sec {
  margin: 0px 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser1-sec {
    margin: 0;
  }
}

.mx-ser1-content {
  z-index: 1;
  border-radius: 40px;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser1-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mx-ser1-content .mx-ser-bg {
  top: 0;
  left: 0;
  z-index: -1;
}
.mx-ser1-content .mx-ser-bg2 {
  right: 0;
  bottom: 0;
  z-index: -1;
}

.mx-ser1-top {
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mx-ser1-top .mx-sec-title {
  max-width: 505px;
}
.mx-ser1-top .mx-sec-title .subtitle span {
  color: #fff;
  border: 1px solid #fff;
}
.mx-ser1-top .mx-sec-title .subtitle span:before {
  background-color: #fff;
}
.mx-ser1-top .mx-sec-title .sec_title {
  color: #fff;
}
.mx-ser1-top .top-desc {
  max-width: 505px;
}
.mx-ser1-top .top-desc p {
  color: #fff;
}
.mx-ser1-top .top-desc .mx-btn1 a span {
  color: var(--mx-prime-c2);
  background-color: #fff;
}
.mx-ser1-top .top-desc .mx-btn1 a i {
  background-color: #fff;
  color: var(--mx-prime-c2);
  border: 3px solid var(--mx-prime-c2);
}
.mx-ser1-top .top-desc .mx-btn1 a:hover span {
  color: #fff;
}

.mx-ser1-slider {
  width: 128%;
  margin-left: -260px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser1-slider {
    width: 100%;
    margin-left: 0;
  }
}

.mx-ser1-item {
  z-index: 1;
  gap: 24px;
  padding: 12px;
  border-radius: 24px;
  background-color: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser1-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ser1-item .mx-ser-line {
  right: -15%;
  bottom: -15%;
  z-index: -1;
  position: absolute;
}
.mx-ser1-item .item-icon-img {
  z-index: 1;
  width: 200px;
  height: 277px;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser1-item .item-icon-img {
    width: 100%;
  }
}
.mx-ser1-item .item-icon-img:before {
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.6;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#3368C6), color-stop(25.35%, rgba(51, 104, 198, 0.6)), color-stop(50.34%, rgba(51, 104, 198, 0.2)), to(rgba(51, 104, 198, 0)));
  background: linear-gradient(180deg, #3368C6 0%, rgba(51, 104, 198, 0.6) 25.35%, rgba(51, 104, 198, 0.2) 50.34%, rgba(51, 104, 198, 0) 100%);
}
.mx-ser1-item .item-icon-img .item-icon {
  top: 50%;
  left: 0;
  right: 0;
  width: 80px;
  z-index: 2;
  height: 80px;
  margin: 0 auto;
  position: absolute;
  border-radius: 100%;
  background-color: var(--mx-prime-c);
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mx-ser1-item .item-icon-img .item-img {
  top: 50%;
  left: 0;
  right: 0;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  background-color: var(--mx-prime-c);
}
.mx-ser1-item .item-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 314px;
  padding: 20px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser1-item .item-text-wrap {
    max-width: 100%;
  }
}
.mx-ser1-item .item-text-wrap .item-text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 15px;
}
.mx-ser1-item .item-text-wrap .mx-btn1 a span {
  color: #000000;
  background-color: #F6F7F9;
  border: 1px solid #EAECF0;
  padding: 10px 28px 8px 20px;
}
.mx-ser1-item .item-text-wrap .mx-btn1 a i {
  width: 44px;
  height: 44px;
  background-color: var(--mx-prime-c);
}
.mx-ser1-item .item-text-wrap .mx-btn1 a:hover span {
  color: #fff;
}
.mx-ser1-item:hover .item-icon-img .item-icon {
  -webkit-transform: scale(0) translateY(-50%);
          transform: scale(0) translateY(-50%);
}
.mx-ser1-item:hover .item-icon-img .item-img {
  width: 100%;
  height: 100%;
  border-radius: 0%;
}

/*---------------------------------------------------- */
/*Intro area*/
/*----------------------------------------------------*/
.mx-intro-sec {
  background-color: #F6F7F9;
}
.mx-intro-sec .mx-sec-title {
  margin: 0 auto;
  max-width: 765px;
}

.mx-intro-content {
  gap: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-intro-item1 {
  max-width: 396px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item1 {
    width: 100%;
    height: 450px;
    max-width: 100%;
  }
}
.mx-intro-item1:before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 350px;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25.47%, rgba(255, 255, 255, 0.75)), color-stop(50.09%, #FFFFFF), color-stop(75.23%, #FFFFFF), to(#FFFFFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25.47%, #FFFFFF 50.09%, #FFFFFF 75.23%, #FFFFFF 100%);
}
.mx-intro-item1 .item-text {
  left: 40px;
  right: 15px;
  bottom: 40px;
  max-width: 316px;
  position: absolute;
}
.mx-intro-item1 .item-text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 12px;
}
.mx-intro-item1 .item-text p {
  font-size: 15px;
}

.mx-intro-item-wrap {
  width: 100%;
  max-width: 1140px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mx-intro-item-wrap {
    max-width: 1080px;
  }
}

.mx-intro-item-top {
  gap: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-intro-item2 {
  width: 100%;
  height: 305px;
  overflow: hidden;
  padding: 50px 40px;
  border-radius: 20px;
  background-color: #FBE285;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item2 {
    max-width: 100%;
  }
}
.mx-intro-item2 .mx-int-shape {
  right: -9%;
  bottom: -9%;
}
.mx-intro-item2 h3 {
  color: #1C1C1D;
  line-height: 0.8;
  font-size: 130px;
  letter-spacing: -10px;
}
.mx-intro-item2 p {
  max-width: 320px;
  padding-top: 30px;
}

.mx-intro-item3 {
  width: 100%;
  height: 305px;
  padding: 12px;
  gap: 20px 50px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #ECECEC;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item3 {
    max-width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item3 {
    height: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-intro-item3 .item-icon {
  width: 270px;
  height: 281px;
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 12px;
  background-color: #FBFBFB;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item3 .item-icon {
    width: 100%;
  }
}
.mx-intro-item3 .item-icon .icon-wrap .m-icon2 {
  left: 0;
  right: 0;
  bottom: -5px;
  text-align: center;
}
.mx-intro-item3 .item-icon .item-text h3 {
  color: #1C1C1D;
  font-size: 40px;
  line-height: 0.9;
  font-weight: 600;
  padding-bottom: 15px;
  letter-spacing: -2px;
}
.mx-intro-item3 .intro-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 324px;
  padding: 28px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item3 .intro-text {
    max-width: 100%;
  }
}
.mx-intro-item3 .intro-text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 14px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item3 .intro-text .mx-btn1 {
    margin-top: 30px;
  }
}
.mx-intro-item3 .intro-text .mx-btn1 a span {
  padding: 10px 28px 8px 20px;
  background-color: var(--mx-prime-c);
}
.mx-intro-item3 .intro-text .mx-btn1 a span:before {
  background-color: var(--mx-prime-c2);
}
.mx-intro-item3 .intro-text .mx-btn1 a i {
  width: 44px;
  height: 44px;
  background-color: var(--mx-prime-c);
}
.mx-intro-item-bottom {
  gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-intro-item4 {
  width: 100%;
  height: 395px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  overflow: hidden;
  border-radius: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item4 {
    max-width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item4 .item-text {
    margin-bottom: 30px;
  }
}
.mx-intro-item4 .item-text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 15px;
}
.mx-intro-item4 .item-text p {
  max-width: 555px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item4 .item-intro-wrap {
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-intro-item4 .item-intro-wrap .item-wrapper {
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mx-intro-item4 .item-intro-wrap .item-wrapper .item-icon {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background-color: #fff;
}
.mx-intro-item4 .item-intro-wrap .item-wrapper .itm-text {
  max-width: 200px;
}
.mx-intro-item4 .item-intro-wrap .item-wrapper .itm-text h4 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 8px;
}

.mx-intro-item5 {
  z-index: 1;
  width: 100%;
  padding: 40px;
  border-radius: 20px;
  background-color: #BCE7F0;
  height: 395px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-intro-item5 {
    max-width: 100%;
  }
}
.mx-intro-item5 .item-text h3 {
  font-size: 80px;
  line-height: 0.9;
  font-weight: 600;
  padding-bottom: 10px;
  letter-spacing: -2px;
}
.mx-intro-item5 .intro-shape-wrap {
  top: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}
.mx-intro-item5 .intro-shape-wrap .shape1 {
  right: 0;
  bottom: 0;
  position: absolute;
}
.mx-intro-item5 .intro-shape-wrap .shape2 {
  right: 0;
  bottom: 0;
  position: absolute;
}
.mx-intro-item5 .intro-shape-wrap .shape3 {
  right: 0;
  bottom: 0;
  position: absolute;
}

/*---------------------------------------------------- */
/*why-c area*/
/*----------------------------------------------------*/
@-webkit-keyframes ring {
  0% {
    -webkit-transform: skew(0deg) scale(1);
    transform: skew(0deg) scale(1);
  }
  20% {
    -webkit-transform: skew(5deg) translateZ(20px) scale(1.1);
    transform: skew(5deg) translateZ(20px) scale(1.1);
  }
  40% {
    -webkit-transform: skew(-5deg) scale(1.1);
    transform: skew(-5deg) scale(1.1);
  }
  60% {
    -webkit-transform: skew(3deg) translateZ(20px) scale(1.1);
    transform: skew(3deg) translateZ(20px) scale(1.1);
  }
  80% {
    -webkit-transform: skew(-3deg) scale(1.1);
    transform: skew(-3deg) scale(1.1);
  }
  100% {
    -webkit-transform: skew(0deg) scale(1);
    transform: skew(0deg) scale(1);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: skew(0deg) scale(1);
    transform: skew(0deg) scale(1);
  }
  20% {
    -webkit-transform: skew(5deg) translateZ(20px) scale(1.1);
    transform: skew(5deg) translateZ(20px) scale(1.1);
  }
  40% {
    -webkit-transform: skew(-5deg) scale(1.1);
    transform: skew(-5deg) scale(1.1);
  }
  60% {
    -webkit-transform: skew(3deg) translateZ(20px) scale(1.1);
    transform: skew(3deg) translateZ(20px) scale(1.1);
  }
  80% {
    -webkit-transform: skew(-3deg) scale(1.1);
    transform: skew(-3deg) scale(1.1);
  }
  100% {
    -webkit-transform: skew(0deg) scale(1);
    transform: skew(0deg) scale(1);
  }
}
.mx-whyc-content {
  margin: 0px 24px;
  border-radius: 40px;
  background-color: #fff;
}
.mx-whyc-content .mx-wc-shape {
  left: 0;
  bottom: 0;
  opacity: 0.5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-why-c-title {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.mx-why-c-title .mx-sec-title {
  max-width: 650px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-why-c-content {
    margin-top: 40px;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

.mx-wc-img {
  top: 0;
  left: 0;
  clip-path: polygon(0% 4.267%, 0% 4.267%, 0.055% 3.575%, 0.212% 2.918%, 0.465% 2.306%, 0.804% 1.747%, 1.22% 1.25%, 1.706% 0.823%, 2.252% 0.476%, 2.85% 0.218%, 3.491% 0.056%, 4.167% 0%, 95.833% 0%, 95.833% 0%, 96.509% 0.056%, 97.15% 0.218%, 97.748% 0.476%, 98.294% 0.823%, 98.78% 1.25%, 99.196% 1.747%, 99.535% 2.306%, 99.788% 2.918%, 99.945% 3.575%, 100% 4.267%, 100% 49.067%, 100% 49.067%, 99.945% 49.759%, 99.788% 50.415%, 99.535% 51.027%, 99.196% 51.586%, 98.78% 52.084%, 98.294% 52.51%, 97.748% 52.857%, 97.15% 53.116%, 96.509% 53.277%, 95.833% 53.333%, 55.729% 53.333%, 55.729% 53.333%, 55.053% 53.389%, 54.412% 53.551%, 53.814% 53.81%, 53.268% 54.157%, 52.783% 54.583%, 52.366% 55.08%, 52.028% 55.639%, 51.775% 56.251%, 51.617% 56.908%, 51.563% 57.6%, 51.563% 95.733%, 51.563% 95.733%, 51.508% 96.425%, 51.35% 97.082%, 51.097% 97.694%, 50.759% 98.253%, 50.342% 98.75%, 49.857% 99.177%, 49.311% 99.524%, 48.713% 99.782%, 48.072% 99.944%, 47.396% 100%, 4.167% 100%, 4.167% 100%, 3.491% 99.944%, 2.85% 99.782%, 2.252% 99.524%, 1.706% 99.177%, 1.22% 98.75%, 0.804% 98.253%, 0.465% 97.694%, 0.212% 97.082%, 0.055% 96.425%, 0% 95.733%, 0% 4.267%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mx-wc-img {
    left: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-wc-img {
    left: -30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc-img {
    display: none;
  }
}

.mx-wc-wrap {
  gap: 30px 54px;
  display: -ms-grid;
  display: grid;
  max-width: 1094px;
  -ms-grid-columns: 1fr 54px 1fr 54px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-wc-wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-wc1-item {
  max-width: 330px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc1-item {
    max-width: 100%;
  }
}
.mx-wc1-item .item-icon {
  color: #fff;
  width: 72px;
  height: 72px;
  font-size: 30px;
  margin-bottom: 30px;
  border-radius: 12px;
  background-color: var(--mx-prime-c2);
}
.mx-wc1-item .item-text h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 12px;
}
.mx-wc1-item:hover .item-icon {
  -webkit-animation: ring 1s ease infinite;
          animation: ring 1s ease infinite;
}

/*---------------------------------------------------- */
/*work p area*/
/*----------------------------------------------------*/
.mx-workp-sec .mx-sec-title {
  margin: 0 auto;
  max-width: 770px;
}

.mx-workp-content {
  gap: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-workp-item {
  z-index: 1;
  height: 320px;
  padding: 40px;
  overflow: hidden;
  border-radius: 20px;
  background-color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp-item {
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.mx-workp-item .mx-wrp-shape {
  left: -40%;
  bottom: -75%;
  z-index: -1;
}
.mx-workp-item .item-text {
  gap: 30px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 320px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mx-workp-item .item-text {
    max-width: 290px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp-item .item-text {
    max-width: 225px;
  }
}
.mx-workp-item .item-text h3 {
  font-size: 24px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp-item .item-text h3 {
    font-size: 20px;
  }
}
.mx-workp-item .item-step {
  top: 0;
  right: 0;
  height: 100%;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 0px;
  border-radius: 20px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #BCE7F0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp-item .item-step {
    position: static;
  }
}
.mx-workp-item .item-step .step-text h4 {
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 5px;
  letter-spacing: -1px;
}
.mx-workp-item .item-step .step-text span {
  text-transform: uppercase;
}
.mx-workp-item:nth-child(2) .item-step {
  background-color: #FBE285;
}
.mx-workp-item:nth-child(3) .item-step {
  background-color: #F0BCE9;
}

/*---------------------------------------------------- */
/*appoint area*/
/*----------------------------------------------------*/
.mx-appoint-sec {
  margin: 0px 24px;
}
@media (max-width: 480px) {
  .mx-appoint-sec {
    margin: 0px 10px;
  }
}

.mx-appoint-content {
  overflow: hidden;
  border-radius: 40px;
  background-attachment: fixed;
}

.mx-appoint-form {
  padding: 48px;
  max-width: 768px;
  border-radius: 32px;
  background-color: #fff;
}
@media (max-width: 480px) {
  .mx-appoint-form {
    padding: 25px 15px;
  }
}
.mx-appoint-form .form-title {
  margin-bottom: 35px;
}
.mx-appoint-form .form-title h3 {
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-appoint-form .form-title h3 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-appoint-form .form-title h3 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-appoint-form .form-title h3 {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .mx-appoint-form .form-title h3 {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .mx-appoint-form .form-title h3 {
    font-size: 28px;
  }
}
.mx-appoint-form .mx-form-input {
  gap: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-appoint-form .mx-form-input {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.mx-appoint-form .item-field {
  position: relative;
}
.mx-appoint-form .item-field i {
  top: 20px;
  right: 16px;
  position: absolute;
}
.mx-appoint-form .item-field input, .mx-appoint-form .item-field select, .mx-appoint-form .item-field textarea {
  width: 100%;
  height: 54px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: 20px;
  border-radius: 12px;
  background-color: #F5FAFE;
  border: 1px solid #EAECF0;
}
.mx-appoint-form .item-field textarea {
  height: 146px;
  margin-top: 20px;
  padding-top: 20px;
}
.mx-appoint-form button {
  color: #fff;
  width: 100%;
  height: 54px;
  border: none;
  margin-top: 30px;
  border-radius: 32px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
.mx-appoint-form button:hover {
  background-color: var(--mx-prime-c);
}

/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-team1-top {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-team1-top .mx-sec-title {
  max-width: 550px;
}
.mx-team1-top .top-desc {
  max-width: 440px;
}

.mx-team1-content {
  gap: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-team1-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-team1-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-team1-item {
  width: 100%;
  margin: 0 auto;
  max-width: 504px;
  padding-left: 40px;
}
.mx-team1-item .item-social {
  left: 0;
  z-index: 1;
  width: 84px;
  bottom: 50px;
  height: 252px;
  padding-top: 30px;
  text-align: center;
  border-radius: 12px;
}
@media (max-width: 480px) {
  .mx-team1-item .item-social {
    bottom: 130px;
  }
}
.mx-team1-item .item-social:before {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  content: "";
  height: 84px;
  position: absolute;
  border-radius: 12px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c);
}
.mx-team1-item .item-social a, .mx-team1-item .item-social span {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-team1-item .item-social a {
  opacity: 0;
  color: #fff;
  visibility: hidden;
  margin-bottom: 8px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.mx-team1-item .item-social a:hover {
  color: #000;
  background-color: #fff;
}
.mx-team1-item .item-social span {
  margin-top: 20px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-team1-item .item-img {
  max-width: 300px;
  border-radius: 20px;
  border: 10px solid #FFFFFF;
}
.mx-team1-item .item-img img {
  border-radius: 10px;
}
.mx-team1-item .item-text {
  right: 16px;
  bottom: 40px;
  position: absolute;
  border-radius: 10px;
  background-color: #fff;
  padding: 16px 16px 12px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  border-bottom: 4px solid transparent;
}
@media (max-width: 480px) {
  .mx-team1-item .item-text {
    position: static;
  }
}
.mx-team1-item .item-text h3 {
  font-size: 20px;
  padding-bottom: 5px;
}
.mx-team1-item:hover .item-text {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  border-bottom: 4px solid var(--mx-prime-c2);
}
.mx-team1-item:hover .item-social:before {
  height: 100%;
  background-color: var(--mx-prime-c2);
}
.mx-team1-item:hover .item-social a {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.mx-team1-item:hover .item-social span {
  color: #fff;
  background-color: #FF0000;
  border: 1px solid #FF0000;
}

/*---------------------------------------------------- */
/*Text scroller area*/
/*----------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-text-scrol-sec {
    padding-bottom: 0;
  }
}

.mx-text-scrol1-bg {
  top: 0px;
  z-index: 1;
  width: 115%;
  left: -25px;
  background-color: #fff;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-text-scrol1-bg {
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.mx-text-scrol1-bg .mx-txt-bg {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.mx-text-scrol1-bg .mx-txt-bg:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.51;
  position: absolute;
  background-color: #07000E;
}

.mx-text-scrol1 {
  padding: 34px 0px 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-text-scrol1 {
    padding: 25px 0px;
  }
}
.mx-text-scrol1 h2 {
  color: #000000;
  font-size: 40px;
  margin: 0px 10px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-text-scrol1 h2 {
    font-size: 30px;
  }
}

.mx-text-scrol2-bg {
  z-index: 2;
  left: -25px;
  width: 115%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background: var(--mx-prime-c);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-text-scrol2-bg {
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.mx-text-scrol2-bg .mx-text-scrol1 h2 {
  color: #fff;
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.mx-testi1-sec {
  margin: 0px 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-sec {
    margin: 0;
  }
}

.mx-testi1-content {
  z-index: 1;
  padding-top: 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-content {
    padding-top: 80px;
  }
}

.mx-testi1-bg {
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  overflow: hidden;
  border-radius: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-bg {
    border-radius: 0;
  }
}
.mx-testi1-bg:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background: -webkit-gradient(linear, right top, left top, color-stop(0.85%, rgba(18, 28, 39, 0.7)), color-stop(99.15%, rgba(18, 28, 39, 0.21)));
  background: linear-gradient(270deg, rgba(18, 28, 39, 0.7) 0.85%, rgba(18, 28, 39, 0.21) 99.15%);
}
.mx-testi1-bg:before img {
  mix-blend-mode: luminosity;
}

.mx-testi1-slider-wrap {
  width: 100%;
  padding: 40px;
  max-width: 578px;
  position: relative;
  border-radius: 30px;
  background-color: #F6F7F9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-testi1-slider-wrap {
    max-width: 480px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-slider-wrap {
    border-radius: 30px;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .mx-testi1-slider-wrap {
    padding: 40px 15px;
  }
}
.mx-testi1-slider-wrap:before, .mx-testi1-slider-wrap:after {
  left: -36px;
  bottom: -1px;
  width: 37px;
  content: "";
  height: 39px;
  position: absolute;
  background-color: #F6F7F9;
  clip-path: polygon(0% 100%, 0% 100%, 21.808% 95.746%, 40.357% 88.738%, 55.873% 79.531%, 68.584% 68.677%, 78.716% 56.731%, 86.497% 44.246%, 92.154% 31.777%, 95.914% 19.877%, 98.003% 9.1%, 98.649% 0%, 98.649% 100%, 0% 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-slider-wrap:before, .mx-testi1-slider-wrap:after {
    display: none;
  }
}
.mx-testi1-slider-wrap:after {
  left: auto;
  right: -35px;
  clip-path: polygon(97.5% 100%, 97.5% 100%, 77.456% 97.2%, 60% 91.446%, 45.019% 83.246%, 32.4% 73.108%, 22.031% 61.538%, 13.8% 49.046%, 7.594% 36.138%, 3.3% 23.323%, 0.806% 11.108%, 0% 0%, 0% 98.718%, 0% 98.718%, 18.255% 99.067%, 34.74% 99.35%, 49.41% 99.573%, 62.219% 99.742%, 73.124% 99.865%, 82.079% 99.947%, 89.039% 99.995%, 93.959% 100.016%, 96.795% 100.015%, 97.5% 100%);
}
.mx-testi1-slider-wrap .mx-tst-pagi {
  margin-top: 40px;
}
.mx-testi1-slider-wrap .mx-tst-pagi .swiper-pagination-bullet {
  width: 48px;
  opacity: 0.1;
  height: 12px;
  border-radius: 32px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
.mx-testi1-slider-wrap .mx-tst-pagi .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
  opacity: 1;
}

.mx-testi1-wrapper {
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-testi1-item {
  width: 100%;
}
.mx-testi1-item .item-inner {
  padding: 40px;
  border-radius: 24px;
  background-color: var(--mx-prime-c2);
}
.mx-testi1-item .item-inner ul {
  margin-bottom: 30px;
}
.mx-testi1-item .item-inner li {
  color: #FFCC53;
}
.mx-testi1-item .item-inner p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #fff;
}
.mx-testi1-item .item-bottom {
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mx-testi1-item .item-bottom .auth-inner {
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mx-testi1-item .item-bottom .btm-img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 12px;
}
.mx-testi1-item .item-bottom .btm-text h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 5px;
}
.mx-testi1-item .item-bottom .btm-text span {
  color: #EAECF0;
}
.mx-testi1-item .item-bottom a {
  color: #fff;
  font-size: 30px;
}

.mx-testi1-text-wrap {
  max-width: 748px;
}
.mx-testi1-text-wrap .mx-sec-title .subtitle span {
  color: #fff;
  border: 1px solid #fff;
}
.mx-testi1-text-wrap .mx-sec-title .subtitle span:before {
  background-color: #fff;
}
.mx-testi1-text-wrap .mx-sec-title .sec_title {
  color: #fff;
  font-size: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-testi1-text-wrap .mx-sec-title .sec_title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-testi1-text-wrap .mx-sec-title .sec_title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-testi1-text-wrap .mx-sec-title .sec_title {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .mx-testi1-text-wrap .mx-sec-title .sec_title {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .mx-testi1-text-wrap .mx-sec-title .sec_title {
    font-size: 28px;
  }
}

.mx-testi1-ratting {
  width: 100%;
  padding: 40px;
  max-width: 545px;
  margin-left: 90px;
  margin-top: 100px;
  border-radius: 30px;
  position: relative;
  background-color: #F6F7F9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-testi1-ratting {
    max-width: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-ratting {
    max-width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .mx-testi1-ratting {
    padding: 30px 15px;
  }
}
.mx-testi1-ratting:before, .mx-testi1-ratting:after {
  left: -36px;
  bottom: -1px;
  width: 37px;
  content: "";
  height: 39px;
  position: absolute;
  background-color: #F6F7F9;
  clip-path: polygon(0% 100%, 0% 100%, 21.808% 95.746%, 40.357% 88.738%, 55.873% 79.531%, 68.584% 68.677%, 78.716% 56.731%, 86.497% 44.246%, 92.154% 31.777%, 95.914% 19.877%, 98.003% 9.1%, 98.649% 0%, 98.649% 100%, 0% 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-ratting:before, .mx-testi1-ratting:after {
    display: none;
  }
}
.mx-testi1-ratting:after {
  left: auto;
  right: -35px;
  clip-path: polygon(97.5% 100%, 97.5% 100%, 77.456% 97.2%, 60% 91.446%, 45.019% 83.246%, 32.4% 73.108%, 22.031% 61.538%, 13.8% 49.046%, 7.594% 36.138%, 3.3% 23.323%, 0.806% 11.108%, 0% 0%, 0% 98.718%, 0% 98.718%, 18.255% 99.067%, 34.74% 99.35%, 49.41% 99.573%, 62.219% 99.742%, 73.124% 99.865%, 82.079% 99.947%, 89.039% 99.995%, 93.959% 100.016%, 96.795% 100.015%, 97.5% 100%);
}
.mx-testi1-ratting .inner-item-wrap {
  gap: 20px;
  width: 100%;
  padding: 40px;
  border-radius: 24px;
  background-color: var(--mx-prime-c2);
}
@media (max-width: 480px) {
  .mx-testi1-ratting .inner-item-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-testi1-ratting .item-wrap {
  position: relative;
}
.mx-testi1-ratting .item-wrap:before {
  top: 5px;
  width: 1px;
  content: "";
  height: 88px;
  right: -70px;
  position: absolute;
  background-color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi1-ratting .item-wrap:before {
    display: none;
  }
}
.mx-testi1-ratting .item-wrap h3 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  padding-bottom: 8px;
}
.mx-testi1-ratting .item-wrap p {
  color: #fff;
}
.mx-testi1-ratting .item-wrap:last-child:before {
  display: none;
}

/*---------------------------------------------------- */
/*Partner area*/
/*----------------------------------------------------*/
.mx-partner-sec {
  margin: 0px 24px;
}
.mx-partner-sec {
  width: auto !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-partner-sec {
    margin: 0;
  }
}
.mx-partner-sec .mx-sec-title {
  margin: 0 auto;
  max-width: 685px;
}

.mx-spon-item {
  width: 100%;
  height: 100px;
  padding: 15px;
  max-width: 312px;
  border-radius: 16px;
  border: 1px solid #EAECF0;
}
.mx-spon-item img {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-spon-item:hover img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.mx-partner-wrap {
  border-radius: 40px;
  background-color: #fff;
}

.mx-partner-content {
  margin-top: -50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-partner-content {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-part-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.mx-blog-content {
  gap: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-blog-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-blog-item .item-img {
  overflow: hidden;
  border-radius: 24px;
  margin-bottom: 32px;
}
.mx-blog-item .item-img:is(.ver_1) {
  height: 400px;
}
.mx-blog-item .item-img:is(.ver_2) {
  height: 480px;
}
.mx-blog-item .item-img img {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.mx-blog-item .item-text .item-meta {
  margin-bottom: 15px;
}
.mx-blog-item .item-text .item-meta a:nth-child(1) {
  color: #fff;
  padding: 8px 16px;
  margin-right: 20px;
  border-radius: 40px;
  background-color: var(--mx-prime-c);
}
.mx-blog-item .item-text .blg_title {
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 15px;
}
.mx-blog-item .item-text p {
  max-width: 90%;
  padding-bottom: 20px;
}
.mx-blog-item .item-text .read_more {
  color: #09243C;
  position: relative;
}
.mx-blog-item .item-text .read_more:before {
  left: 0;
  width: 0%;
  bottom: 2px;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #000;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-blog-item .item-text .read_more i {
  margin-left: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-blog-item .item-text .read_more:hover:before {
  width: 100%;
}
.mx-blog-item .item-text .read_more:hover i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.mx-blog-item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*---------------------------------------------------- */
/******* HOME PAGE 2 *******/
/*Hero area*/
/*----------------------------------------------------*/
.mx-hero2-content {
  padding: 220px 0px 299px;
}
.mx-hero2-content .mx-hero2-line {
  z-index: 3;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-hero2-content {
    padding: 150px 0px 299px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-content {
    padding: 180px 0px 120px;
  }
}

.mx-hero2-wrap {
  z-index: 1;
  overflow: hidden;
  background: linear-gradient(107.56deg, #4B62D9 0%, #516EE2 68.33%, #263181 100%);
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
}
.mx-hero2-wrap .mx-hr-shape {
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.5;
}
.mx-hero2-wrap .mx-hr-shape2 {
  top: -13%;
  left: -30%;
  z-index: -2;
}
.mx-hero2-wrap .mx-hr-shape3 {
  top: -50%;
  z-index: -2;
  right: -5%;
}
.mx-hero2-wrap .mx-hr-shape4 {
  top: -36%;
  left: -36%;
  z-index: -2;
}
.mx-hero2-wrap .mx-hr-shape5 {
  right: 0;
  bottom: 0;
  right: -36%;
  z-index: -2;
  bottom: -50%;
}

.mx-hero2-text {
  z-index: 1;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-text {
    margin-bottom: 30px;
  }
}
.mx-hero2-text h1 {
  font-size: 287px;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -9px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-hero2-text h1 {
    font-size: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-text h1 {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-hero2-text h1 {
    font-size: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-hero2-text h1 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-text h1 {
    letter-spacing: 0;
    text-align: left !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-text h1 {
    font-size: 80px;
  }
}
@media (max-width: 480px) {
  .mx-hero2-text h1 {
    font-size: 60px;
  }
}
@media (max-width: 360px) {
  .mx-hero2-text h1 {
    font-size: 40px;
  }
}
.mx-hero2-text .line_1 {
  color: #fff;
}
.mx-hero2-text .line_2,
.mx-hero2-text .line_3 {
  top: 0;
  left: 0;
  z-index: -1;
  margin: 0 auto;
  position: absolute;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-hero2-text .line_2,
  .mx-hero2-text .line_3 {
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-text .line_2,
  .mx-hero2-text .line_3 {
    display: none !important;
  }
}
.mx-hero2-text .line_2 {
  top: -6px;
  left: -8px;
}
.mx-hero2-text .line_3 {
  top: 0;
  left: 8px;
}

.mx-hero2-img-wrap {
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: 0 auto;
  max-width: 935px;
  text-align: center;
}
.mx-hero2-img-wrap .item-img2,
.mx-hero2-img-wrap .item-img3 {
  top: 0;
  left: 0;
  z-index: -1;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-img-wrap {
    display: none !important;
  }
}

@-webkit-keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
  }
}

@keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  60% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  60% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-line {
    display: none !important;
  }
}
.mx-hero2-line .mx-line-icon {
  left: 0;
  right: 0;
  width: 80px;
  height: 80px;
  bottom: -40px;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #fff;
  border: 4px solid rgb(238, 240, 244);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-hero2-line .mx-line-icon {
    bottom: 0;
  }
}
.mx-hero2-line .mx-line-icon .video_btn_border {
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  position: absolute;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border: 5px solid rgb(238, 240, 244);
  -webkit-animation: border_animation 3.9s linear 0s infinite;
  animation: border_animation 3.9s linear 0s infinite;
}
.mx-hero2-line .mx-line-icon a {
  -webkit-animation: bounceDown 1.5s infinite;
          animation: bounceDown 1.5s infinite;
}

.mx-hero2-desc {
  left: 0;
  top: 52px;
  z-index: 3;
  max-width: 372px;
  position: absolute;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-desc {
    position: static;
    margin-bottom: 30px;
  }
}
.mx-hero2-desc p {
  color: #fff;
  padding-bottom: 28px;
}
.mx-hero2-desc .mx-btn1 a span:before {
  background-color: #fff;
}
.mx-hero2-desc .mx-btn1 a:hover span {
  color: #000;
}
.mx-hero2-desc .mx-btn1 a:hover i {
  color: #fff;
  background-color: var(--mx-prime-c2);
}

.mx-hero2-video {
  top: 52px;
  right: 0;
  z-index: 3;
  width: 300px;
  height: 200px;
  position: absolute;
  border-radius: 24px;
  border: 8px solid #FFFFFF;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero2-video {
    position: static;
  }
}
.mx-hero2-video video {
  border-radius: 24px;
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.mx-navigation-service {
  z-index: 2;
  margin: 0px 32px;
  margin-top: -150px;
  position: relative;
}
.mx-navigation-service {
  width: auto !important;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-navigation-service {
    margin: 0px 10px;
  }
}
.mx-navigation-service:before {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  clip-path: polygon(0% 4.152%, 0% 4.152%, 0.034% 3.479%, 0.132% 2.84%, 0.289% 2.244%, 0.499% 1.7%, 0.757% 1.216%, 1.059% 0.801%, 1.398% 0.463%, 1.769% 0.212%, 2.167% 0.054%, 2.586% 0%, 22.091% 0%, 22.091% 0%, 22.51% 0.054%, 22.908% 0.212%, 23.279% 0.463%, 23.618% 0.801%, 23.919% 1.216%, 24.178% 1.7%, 24.388% 2.244%, 24.545% 2.84%, 24.643% 3.479%, 24.677% 4.152%, 24.677% 9.343%, 24.677% 9.343%, 24.711% 10.016%, 24.809% 10.655%, 24.965% 11.251%, 25.176% 11.795%, 25.434% 12.279%, 25.736% 12.694%, 26.074% 13.031%, 26.445% 13.283%, 26.843% 13.44%, 27.263% 13.495%, 46.848% 13.495%, 72.737% 13.495%, 72.737% 13.495%, 73.157% 13.44%, 73.555% 13.283%, 73.926% 13.031%, 74.264% 12.694%, 74.566% 12.279%, 74.824% 11.795%, 75.035% 11.251%, 75.191% 10.655%, 75.289% 10.016%, 75.323% 9.343%, 75.323% 4.152%, 75.323% 4.152%, 75.357% 3.479%, 75.455% 2.84%, 75.612% 2.244%, 75.822% 1.7%, 76.081% 1.216%, 76.382% 0.801%, 76.721% 0.463%, 77.092% 0.212%, 77.49% 0.054%, 77.909% 0%, 97.414% 0%, 97.414% 0%, 97.833% 0.054%, 98.231% 0.212%, 98.602% 0.463%, 98.941% 0.801%, 99.243% 1.216%, 99.501% 1.7%, 99.711% 2.244%, 99.868% 2.84%, 99.966% 3.479%, 100% 4.152%, 100% 95.848%, 100% 95.848%, 99.966% 96.521%, 99.868% 97.16%, 99.711% 97.756%, 99.501% 98.3%, 99.243% 98.784%, 98.941% 99.199%, 98.602% 99.537%, 98.231% 99.788%, 97.833% 99.946%, 97.414% 100%, 2.586% 100%, 2.586% 100%, 2.167% 99.946%, 1.769% 99.788%, 1.398% 99.537%, 1.059% 99.199%, 0.757% 98.784%, 0.499% 98.3%, 0.289% 97.756%, 0.132% 97.16%, 0.034% 96.521%, 0% 95.848%, 0% 4.152%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-navigation-service:before {
    clip-path: none;
    border-radius: 40px;
  }
}

.mx-ser2-sec .mx-sec-title {
  margin: 0 auto;
  max-width: 770px;
}
.mx-ser2-sec .mx-ser2-shape1 {
  right: 0;
  z-index: -1;
  top: -150px;
  opacity: 0.5;
}
.mx-ser2-sec .mx-ser2-shape2 {
  left: 0;
  top: -150px;
  opacity: 0.5;
  z-index: -1;
}

.mx-ser2-item {
  padding: 40px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1215686275);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-ser2-item .item-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 58px;
  border-radius: 12px;
  background-color: var(--mx-prime-c);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-ser2-item .item-text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 12px;
}
.mx-ser2-item .item-text p {
  padding-bottom: 45px;
}
.mx-ser2-item .item-text .read_more {
  width: 100%;
  border-radius: 12px;
  padding: 4px 4px 4px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1215686275);
}
.mx-ser2-item .item-text .read_more i {
  color: #fff;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
.mx-ser2-item .item-text .read_more:hover {
  color: #fff;
  border: 1px solid var(--mx-prime-c2);
  background-color: var(--mx-prime-c2);
}
.mx-ser2-item .item-text .read_more:hover i {
  background-color: #fff;
  color: var(--mx-prime-c2);
}
.mx-ser2-item:hover {
  border-style: solid;
  border-color: #09243C;
  border-width: 1px 1px 4px 1px;
}
.mx-ser2-item:hover .item-icon {
  background-color: var(--mx-prime-c2);
}

.mx-ser2-nav {
  z-index: 1;
}
.mx-ser2-nav:before, .mx-ser2-nav:after {
  left: 0;
  top: 50%;
  width: 50%;
  content: "";
  z-index: -1;
  height: 2px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(234, 236, 240, 0)), to(#EAECF0));
  background: linear-gradient(90deg, rgba(234, 236, 240, 0) 0%, #EAECF0 100%);
}
.mx-ser2-nav:after {
  right: 0;
  left: auto;
  background: -webkit-gradient(linear, right top, left top, from(rgba(234, 236, 240, 0)), to(#EAECF0));
  background: linear-gradient(-90deg, rgba(234, 236, 240, 0) 0%, #EAECF0 100%);
}
.mx-ser2-nav .item-inner {
  padding: 6px;
  border-radius: 120px;
  background-color: #fff;
  border: 1px solid #EAECF0;
}
.mx-ser2-nav .ser2-prev,
.mx-ser2-nav .ser2-next {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-ser2-nav .ser2-prev:hover,
.mx-ser2-nav .ser2-next:hover {
  color: #fff;
  background-color: var(--mx-prime-c2);
}

/*---------------------------------------------------- */
/*about area*/
/*----------------------------------------------------*/
.mx-ab2-sec .mx-ab2-shape {
  right: 70px;
  bottom: 70px;
}

.mx-ab2-content {
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab2-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.mx-ab2-img-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 708px;
  position: relative;
}
.mx-ab2-img-wrapper:before, .mx-ab2-img-wrapper:after {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  margin: 0 auto;
  max-width: 388px;
  position: absolute;
  border-radius: 320px;
  background: -webkit-gradient(linear, left top, left bottom, from(#3368C6), color-stop(25.35%, rgba(51, 104, 198, 0.6)), color-stop(50.34%, rgba(51, 104, 198, 0.2)), to(rgba(51, 104, 198, 0)));
  background: linear-gradient(180deg, #3368C6 0%, rgba(51, 104, 198, 0.6) 25.35%, rgba(51, 104, 198, 0.2) 50.34%, rgba(51, 104, 198, 0) 100%);
}
.mx-ab2-img-wrapper:after {
  background-color: #fff;
  border-bottom: 12px solid var(--mx-prime-c);
}
.mx-ab2-img-wrapper .item-exp {
  left: 0;
  top: 50%;
  right: 0;
  z-index: 2;
  width: 200px;
  margin: 0 auto;
  height: 200px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  border-radius: 100%;
  border: 10px solid #F6F7F9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--mx-prime-c);
}
.mx-ab2-img-wrapper .item-exp h3 {
  width: 100%;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  padding-bottom: 8px;
}
.mx-ab2-img-wrapper .item-exp p {
  color: #fff;
  margin: 0 auto;
  font-size: 16px;
  max-width: 98px;
}
.mx-ab2-img-wrapper .item-img1 {
  max-width: 324px;
  overflow: hidden;
  border-radius: 320px;
  border: 10px solid #F6F7F9;
}
.mx-ab2-img-wrapper .item-img2 {
  max-width: 544px;
  overflow: hidden;
  max-width: 324px;
  margin-top: 120px;
  border-radius: 320px;
  border: 10px solid #F6F7F9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab2-img-wrapper .item-img2 {
    margin-top: 0;
  }
}

.mx-ab2-text-wrap {
  width: 100%;
  max-width: 732px;
}

.mx-ab2-ft-wrap {
  gap: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab2-ft-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-ab2-ft {
  position: relative;
  border-radius: 12px;
  padding: 24px 32px 32px;
  border: 1px solid rgba(39, 39, 39, 0.1019607843);
}
.mx-ab2-ft:before {
  left: 0;
  top: 24px;
  width: 4px;
  height: 72px;
  content: "";
  position: absolute;
  background-color: var(--mx-prime-c);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-ab2-ft .item-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: var(--mx-prime-c);
}
.mx-ab2-ft .item-text h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 12px;
}
.mx-ab2-ft:hover:before {
  top: 50%;
}

.mx-ab2-bottom {
  gap: 32px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab2-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-ab2-cta {
  gap: 16px;
}
.mx-ab2-cta .item-icon {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background-color: var(--mx-prime-c);
}
.mx-ab2-cta .item-text span {
  padding-bottom: 4px;
}
.mx-ab2-cta .item-text h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
}

/*---------------------------------------------------- */
/*why-c area*/
/*----------------------------------------------------*/
.mx-wc2-sec {
  padding: 0px 32px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc2-sec {
    padding: 0px 10px;
  }
}

.mx-wc2-wrapper {
  z-index: 1;
  border-radius: 40px;
  background-color: var(--mx-prime-c2);
}
.mx-wc2-wrapper .mx-wc2-shape1 {
  top: 0;
  left: 0;
  z-index: -1;
}
.mx-wc2-wrapper .mx-wc2-shape2 {
  left: 0;
  bottom: 0;
  z-index: -2;
}
.mx-wc2-wrapper .mx-wc2-shape3 {
  left: 0;
  bottom: 0;
  z-index: -2;
}

.mx-wc2-content {
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc2-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.mx-wc2-text-wrap {
  max-width: 682px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc2-text-wrap {
    max-width: 500px;
  }
}
.mx-wc2-text-wrap .mx-sec-title .subtitle span {
  color: #fff;
  border: 1px solid #fff;
}
.mx-wc2-text-wrap .mx-sec-title .subtitle span:before {
  background-color: #fff;
}
.mx-wc2-text-wrap .mx-sec-title .sec_title {
  color: #fff;
}
.mx-wc2-text-wrap .mx-sec-title p {
  color: #fff;
}
.mx-wc2-text-wrap .mx-btn1 span {
  background-color: #fff;
  color: var(--mx-prime-c2);
}
.mx-wc2-text-wrap .mx-btn1 i {
  background-color: #fff;
  color: var(--mx-prime-c2);
  border-color: var(--mx-prime-c2);
}
.mx-wc2-text-wrap .mx-btn1 a:hover span {
  color: #fff;
}

.mx-wc2-item {
  max-width: 504px;
  border-radius: 20px;
  margin-bottom: 24px;
  background-color: #fff;
  padding: 16px 16px 28px;
}
.mx-wc2-item .item-img {
  overflow: hidden;
  border-radius: 16px;
}
.mx-wc2-item .item-img img {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-wc2-item .item-text {
  z-index: 1;
  margin-top: -36px;
  position: relative;
}
.mx-wc2-item .item-text .item-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-bottom: 12px;
  border-radius: 16px;
  border: 4px solid #FFFFFF;
  background-color: var(--mx-prime-c);
}
.mx-wc2-item .item-text .inner-text h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.mx-wc2-item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc2-scrolbar {
    display: none;
  }
}
.mx-wc2-scrolbar .wc2-scroler {
  width: 6px;
  height: 300px;
  position: relative;
  background-color: #fff;
}
.mx-wc2-scrolbar .wc2-scroler .wc2-scrbar {
  top: 0;
  left: 0;
  width: 6px;
  height: 60px;
  position: absolute;
  background-color: var(--mx-prime-c);
}

/*---------------------------------------------------- */
/*Step area*/
/*----------------------------------------------------*/
.mx-step1-sec {
  z-index: 1;
  position: relative;
}
.mx-step1-sec .mx-sec-title {
  margin: 0 auto;
  max-width: 1000px;
}
.mx-step1-sec:before {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  content: "";
  width: 96%;
  margin: 0 auto;
  position: absolute;
  border-radius: 40px;
  background-color: #fff;
}

.mx-step1-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-step1-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-step1-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-step1-item {
  max-width: 390px;
  position: relative;
  padding: 40px 40px 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-step1-item {
    max-width: 100%;
  }
}
.mx-step1-item:nth-child(2) .item-shape, .mx-step1-item:nth-child(4) .item-shape {
  top: auto;
  bottom: 0;
}
.mx-step1-item .item-shape {
  top: 0;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-step1-item .item-shape {
    display: none;
  }
}
.mx-step1-item:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 0%;
  position: absolute;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 104, 198, 0.2)), color-stop(25.35%, rgba(51, 104, 198, 0.12)), color-stop(50.34%, rgba(51, 104, 198, 0.04)), to(rgba(51, 104, 198, 0)));
  background: linear-gradient(180deg, rgba(51, 104, 198, 0.2) 0%, rgba(51, 104, 198, 0.12) 25.35%, rgba(51, 104, 198, 0.04) 50.34%, rgba(51, 104, 198, 0) 100%);
}
.mx-step1-item .item-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-bottom: 40px;
  border-radius: 12px;
  background-color: var(--mx-prime-c);
}
.mx-step1-item .item-text h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 16px;
}
.mx-step1-item .item-text p {
  padding-bottom: 35px;
}
.mx-step1-item .item-text span {
  color: #EAECF0;
  line-height: 1;
  font-size: 50px;
  font-weight: 800;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-step1-item:hover:before {
  height: 100%;
}
.mx-step1-item:hover .item-text span {
  color: var(--mx-prime-c);
}

/*---------------------------------------------------- */
/*Case study area*/
/*----------------------------------------------------*/
.mx-case1-top {
  gap: 30px;
}
.mx-case1-top .mx-sec-title {
  max-width: 770px;
}
.mx-case1-top .top-desc {
  max-width: 525px;
}

.mx-case1-slider {
  width: 130%;
  margin-left: -220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-case1-slider {
    width: 100%;
    margin-left: 0;
    padding: 0px 15px;
  }
}

.mx-case1-item {
  margin: 0 auto;
  max-width: 480px;
  padding-bottom: 60px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-case1-item .item-img {
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 20px;
}
.mx-case1-item .item-img img {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-case1-item .item-tag {
  top: 40px;
  left: 20px;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-case1-item .item-tag a {
  padding: 6px 12px;
  border-radius: 120px;
  background-color: #fff;
}
.mx-case1-item .item-text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 8px;
}
.mx-case1-item .item-text h3:hover {
  color: var(--mx-prime-c);
}
.mx-case1-item .item-text .read_more {
  color: #000000;
}
.mx-case1-item .item-text .read_more i {
  margin-left: 8px;
}
.mx-case1-item .item-text .read_more:hover {
  letter-spacing: 1px;
  color: var(--mx-prime-c);
}
.mx-case1-item:hover .item-tag {
  top: 20px;
  opacity: 1;
}
.mx-case1-item:hover .item-img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.swiper-slide:nth-child(odd) .mx-case1-item {
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .swiper-slide:nth-child(odd) .mx-case1-item {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/*---------------------------------------------------- */
/*Price area*/
/*----------------------------------------------------*/
.mx-price-sec {
  margin: 0px 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-price-sec {
    margin: 0px 15px;
  }
}

.mx-price-wrap {
  border-radius: 40px;
  background-color: #fff;
}
.mx-price-wrap .mx-pr-shape1 {
  top: 0;
  right: 63px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-price-wrap .mx-pr-shape1 {
    display: none;
  }
}

.mx-price-item {
  padding: 40px;
  border-radius: 24px;
  border: 1px solid #EAECF0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-price-item {
    padding: 40px 20px;
  }
}
.mx-price-item .item-title {
  margin-bottom: 28px;
}
.mx-price-item .item-title h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 18px;
}
.mx-price-item .item-price {
  margin-bottom: 25px;
}
.mx-price-item .item-price h4 {
  font-size: 60px;
  font-weight: 700;
}
.mx-price-item .item-price h4 sub {
  font-size: 16px;
  font-weight: 400;
}
.mx-price-item .item-btn {
  width: 100%;
  margin-bottom: 30px;
}
.mx-price-item .item-btn a {
  color: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: var(--mx-prime-c2);
}
.mx-price-item .item-btn a:hover {
  letter-spacing: 1px;
}
@media (max-width: 360px) {
  .mx-price-item .item-btn a i {
    display: none;
  }
}
.mx-price-item .item-list {
  padding: 25px 28px;
  border-radius: 12px;
  background-color: #F6F7F9;
}
.mx-price-item .item-list li {
  color: #000000;
  margin-bottom: 12px;
}
.mx-price-item .item-list li:last-child {
  margin-bottom: 0;
}
.mx-price-item .item-list li i {
  margin-right: 10px;
}
.mx-price-item .item-list li:is(.no_av) {
  opacity: 0.5;
}
.mx-price-item:is(.populer) {
  background-color: var(--mx-prime-c2);
}
.mx-price-item:is(.populer) .mx-pr-shape {
  top: 0;
  right: 0;
}
.mx-price-item:is(.populer) .item-title h3, .mx-price-item:is(.populer) .item-title p {
  color: #fff;
}
.mx-price-item:is(.populer) .item-price h4 {
  color: #FFCC53;
}
.mx-price-item:is(.populer) .item-price h4 sub {
  color: #FFFFFF;
}
.mx-price-item:is(.populer) .item-btn a {
  color: #000000;
  background-color: #fff;
}
.mx-price-item:is(.populer) .item-list {
  background-color: rgba(245, 250, 254, 0.0392156863);
  border: 1px solid rgba(245, 250, 254, 0.0784313725);
}
.mx-price-item:is(.populer) .item-list li {
  color: #fff;
}

.mx-price-plan-content {
  gap: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-price-plan-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-price-plan-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.mx-testi2-sec .mx-sec-title {
  margin: 0 auto;
  max-width: 770px;
}

.mx-testi2-top {
  gap: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi2-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.mx-testi2-item1 {
  width: 100%;
  max-width: 375px;
}
.mx-testi2-item1 .inner-item {
  width: 100%;
  border-radius: 24px;
  background-color: #fff;
  padding: 32px 32px 26px;
}
.mx-testi2-item1 .inner-item .mx-tst-logo {
  top: 32px;
  right: 32px;
}
.mx-testi2-item1 .inner-item .item-img {
  width: 52px;
  height: 52px;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 100%;
}
.mx-testi2-item1 .inner-item .item-text h3 {
  font-size: 20px;
  padding-bottom: 6px;
}
.mx-testi2-item1 .inner-item .item-text p {
  color: #272727;
  padding-top: 30px;
}

.mx-testi2-item2 {
  width: 100%;
  max-width: 420px;
}
.mx-testi2-item2 .inner-item {
  width: 100%;
  padding: 32px;
  max-width: 420px;
  border-radius: 24px;
  background-color: var(--mx-prime-c2);
}
.mx-testi2-item2 .inner-item .item-text-top .item-text h3 {
  color: #fff;
  font-size: 20px;
}
.mx-testi2-item2 .inner-item .item-text-top .item-text span {
  color: #fff;
}
.mx-testi2-item2 .inner-item .item-text-top .item-rate {
  gap: 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mx-testi2-item2 .inner-item .item-text-top .item-rate i {
  width: 40px;
  height: 40px;
  color: #FFBB00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.1411764706);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-testi2-item2 .inner-item p {
  color: #fff;
  padding: 30px 0px;
}
.mx-testi2-item2:is(.ver_2) .inner-item {
  background-color: var(--mx-prime-c);
}

.mx-testi2-item3 {
  width: 100%;
  max-width: 345px;
}
.mx-testi2-item3 .inner-item {
  width: 100%;
  padding: 32px;
  background: #F6F7F9;
  border-radius: 24px;
  border: 4px solid #FFFFFF;
}
.mx-testi2-item3 .inner-item .item-rate {
  color: #000000;
  font-size: 20px;
}
.mx-testi2-item3 .inner-item .item-rate i {
  color: #FFBB00;
}
.mx-testi2-item3 .inner-item .item-text {
  margin-top: 80px;
}
.mx-testi2-item3 .inner-item .item-text h3 {
  font-size: 20px;
  padding-bottom: 5px;
}

.mx-testi2-item4 {
  margin: 0 auto;
  max-width: 408px;
}
.mx-testi2-item4 .inner-item {
  padding: 12px;
  border-radius: 24px;
  background-color: #fff;
}
.mx-testi2-item4 .inner-item .item-img {
  overflow: hidden;
  border-radius: 24px;
}
.mx-testi2-item4 .item-text {
  padding: 20px;
}
.mx-testi2-item4 .item-text h3 {
  font-size: 20px;
  padding-bottom: 4px;
}
.mx-testi2-item4 .item-text p {
  padding-top: 14px;
}

/*---------------------------------------------------- */
/*Appointment area*/
/*----------------------------------------------------*/
.mx-appoint2-sec {
  margin: 0px 32px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-appoint2-sec {
    margin: 0px 15px;
  }
}

.mx-appoint2-content {
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-appoint2-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-appoint2-text {
  max-width: 722px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-appoint2-text {
    max-width: 100%;
  }
}
.mx-appoint2-text .mx-sec-title .subtitle span {
  color: #fff;
  border: 1px solid #fff;
}
.mx-appoint2-text .mx-sec-title .subtitle span:before {
  background-color: #fff;
}
.mx-appoint2-text .mx-sec-title .sec_title {
  color: #fff;
}
.mx-appoint2-text .mx-sec-title p {
  color: #fff;
}

.mx-appoint2-wrapper {
  z-index: 1;
}
.mx-appoint2-wrapper .mx-appoint-bg {
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 520px;
  overflow: hidden;
  border-radius: 40px;
}
.mx-appoint2-wrapper .mx-appoint-bg:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(#09243C), to(rgba(9, 36, 60, 0.2)));
  background: linear-gradient(90deg, #09243C 0%, rgba(9, 36, 60, 0.2) 100%);
}

.mx-appoint2-list {
  margin-top: 205px;
}

.mx-appt-list {
  margin-bottom: 26px;
  border-radius: 12px;
  padding: 8px 25px 8px 8px;
  border: 1px solid rgba(39, 39, 39, 0.1019607843);
}
.mx-appt-list:last-child {
  margin-bottom: 0;
}
.mx-appt-list a {
  gap: 20px;
}
@media (max-width: 480px) {
  .mx-appt-list a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-appt-list .item-icon {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  background-color: var(--mx-prime-c2);
}
.mx-appt-list .item-icon i {
  display: block;
}
.mx-appt-list .item-inner {
  gap: 10px 20px;
}
@media (max-width: 480px) {
  .mx-appt-list .item-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-appt-list .item-text {
  color: #000000;
}
.mx-appt-list i {
  color: #000000;
  font-size: 20px;
}
@media (max-width: 480px) {
  .mx-appt-list i {
    display: none;
  }
}

.mx-appoint-form:is(.ver_2) {
  width: 100%;
  max-width: 676px;
  background-color: var(--mx-prime-c2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-appoint-form:is(.ver_2) {
    max-width: 100%;
  }
}
.mx-appoint-form:is(.ver_2) .form-title h3 {
  color: #fff;
  font-size: 28px;
}
.mx-appoint-form:is(.ver_2) .form-title p {
  color: #fff;
  margin: 0 auto;
  max-width: 450px;
}
.mx-appoint-form:is(.ver_2) .item-field input,
.mx-appoint-form:is(.ver_2) .item-field select,
.mx-appoint-form:is(.ver_2) .item-field textarea {
  border: 1px solid rgba(234, 236, 240, 0.0588235294);
  background-color: rgba(245, 250, 254, 0.0196078431);
  color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(67.0809936523px);
}
.mx-appoint-form:is(.ver_2) .item-field input::-webkit-input-placeholder, .mx-appoint-form:is(.ver_2) .item-field select::-webkit-input-placeholder, .mx-appoint-form:is(.ver_2) .item-field textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-appoint-form:is(.ver_2) .item-field input::-moz-placeholder, .mx-appoint-form:is(.ver_2) .item-field select::-moz-placeholder, .mx-appoint-form:is(.ver_2) .item-field textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-appoint-form:is(.ver_2) .item-field input:-ms-input-placeholder, .mx-appoint-form:is(.ver_2) .item-field select:-ms-input-placeholder, .mx-appoint-form:is(.ver_2) .item-field textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-appoint-form:is(.ver_2) .item-field input::-ms-input-placeholder, .mx-appoint-form:is(.ver_2) .item-field select::-ms-input-placeholder, .mx-appoint-form:is(.ver_2) .item-field textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-appoint-form:is(.ver_2) .item-field input::placeholder,
.mx-appoint-form:is(.ver_2) .item-field select::placeholder,
.mx-appoint-form:is(.ver_2) .item-field textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-appoint-form:is(.ver_2) .item-field i {
  z-index: 1;
  color: rgba(255, 255, 255, 0.8);
}
.mx-appoint-form:is(.ver_2) button {
  border-radius: 12px;
  background-color: #fff;
  color: var(--mx-prime-c2);
}

/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.mx-blog2-sec:is(.ver_2) {
  margin: 0px 12px;
}
.mx-blog2-sec .mx-blog2-wrap {
  z-index: 1;
}
.mx-blog2-sec .mx-blog2-wrap:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  border-radius: 40px;
  background-color: #fff;
}

.mx-blog2-content {
  gap: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-blog2-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-blog2-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-blog2-item .item-img {
  height: 400px;
  overflow: hidden;
  border-radius: 24px;
  margin-bottom: 10px;
}
.mx-blog2-item .item-img img {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-blog2-item .item-text {
  padding: 20px;
}
.mx-blog2-item .item-text .blg_title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 26px;
}
.mx-blog2-item .item-text .blg_title:hover {
  color: var(--mx-prime-c);
}
.mx-blog2-item .item-text .read_more {
  color: var(--mx-prime-c2);
}
.mx-blog2-item .item-text .read_more span {
  position: relative;
}
.mx-blog2-item .item-text .read_more span:before {
  left: 0;
  width: 0%;
  bottom: 2px;
  height: 1px;
  content: "";
  position: absolute;
  background-color: var(--mx-prime-c);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-blog2-item .item-text .read_more i {
  margin-left: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.mx-blog2-item .item-text .read_more:hover {
  color: var(--mx-prime-c);
}
.mx-blog2-item .item-text .read_more:hover span {
  letter-spacing: 1px;
}
.mx-blog2-item .item-text .read_more:hover span:before {
  width: 100%;
}
.mx-blog2-item .item-text .read_more:hover i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.mx-blog2-item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

/*---------------------------------------------------- */
/******* HOME PAGE 3 *******/
/*Hero area*/
/*----------------------------------------------------*/
.mx-hero3-sec {
  margin: 0px 12px;
}
@media (max-width: 480px) {
  .mx-hero3-sec {
    margin: 0;
  }
}

.mx-hero3-content {
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(61.3%, #C8CDF1), to(#001FFF));
  background: linear-gradient(180deg, #FFFFFF 0%, #C8CDF1 61.3%, #001FFF 100%);
}

.mx-hero3-wrapper {
  padding: 270px 0px 255px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero3-wrapper {
    padding-bottom: 0;
    padding-top: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero3-wrapper {
    padding-bottom: 0;
    padding-top: 180px;
  }
}

.mx-hr3-text {
  top: 20%;
  right: 0;
}
.mx-hr3-text b {
  font-size: 160px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(19.69%, rgba(255, 255, 255, 0.25)), color-stop(50.03%, #FFFFFF), color-stop(80.02%, rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 19.69%, #FFFFFF 50.03%, rgba(255, 255, 255, 0.25) 80.02%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mx-hero3-text {
  z-index: 2;
  max-width: 768px;
  position: relative;
}
.mx-hero3-text .hero-slug {
  color: #000000;
  margin-bottom: 16px;
}
.mx-hero3-text .hero-title {
  color: #000000;
  font-size: 57px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-hero3-text .hero-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-hero3-text .hero-title {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .mx-hero3-text .hero-title {
    font-size: 36px;
  }
}
.mx-hero3-text p {
  color: #000000;
  max-width: 650px;
  padding-bottom: 30px;
}
.mx-hero3-text .mx-hero-client {
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mx-hero3-text .mx-hero-client ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mx-hero3-text .mx-hero-client .cl-img li {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  font-size: 20px;
  overflow: hidden;
  margin-left: -25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #FFFFFF;
}
.mx-hero3-text .mx-hero-client .cl-img li:first-child {
  margin-left: 0;
}
.mx-hero3-text .mx-hero-client .cl-img li:last-child {
  font-size: 25px;
  background-color: #fff;
}
.mx-hero3-text .mx-hero-client p {
  padding-bottom: 0;
}
.mx-hero3-text .mx-hero-client .cl-rate ul {
  margin-bottom: 5px;
}
.mx-hero3-text .mx-hero-client .cl-rate li {
  color: #F6921E;
  margin-right: 2px;
}
.mx-hero3-text .mx-hero-client .cl-rate p {
  color: #fff;
}
.mx-hero3-text .btn-wrap {
  gap: 12px;
}
.mx-hero3-text .btn-wrap .mx-btn1 span:before {
  background-color: var(--mx-prime-c2);
}
.mx-hero3-text .btn-wrap .mx-btn2 a:hover {
  color: #fff;
  background-color: var(--mx-prime-c2);
}

.mx-hero3-img-wrap {
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-hero3-img-wrap {
    right: -25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-hero3-img-wrap {
    right: -55%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero3-img-wrap {
    margin-top: 40px;
    position: relative;
  }
}
.mx-hero3-img-wrap .item-img2,
.mx-hero3-img-wrap .item-img3 {
  right: 0;
  bottom: 0;
  z-index: -2;
  position: absolute;
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.mx-ab3-top {
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab3-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ab3-top .mx-sec-title {
  max-width: 920px;
}
.mx-ab3-top .mx-sec-title .sec_title {
  font-size: 40px;
}
.mx-ab3-top .mx-sec-title .sec_title span {
  opacity: 0.6;
  display: inline;
}
.mx-ab3-top .item-img {
  width: 100%;
  height: 214px;
  max-width: 372px;
  border-radius: 24px;
  border: 8px solid #fff;
}
.mx-ab3-top .item-img video {
  border-radius: 24px;
}

.mx-ab3-content {
  gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.mx-ab3-img {
  max-width: 768px;
}
.mx-ab3-img .item-img {
  clip-path: polygon(0% 4.428%, 0% 4.428%, 0.041% 3.71%, 0.159% 3.028%, 0.349% 2.393%, 0.603% 1.813%, 0.915% 1.297%, 1.279% 0.854%, 1.689% 0.494%, 2.137% 0.226%, 2.618% 0.058%, 3.125% 0%, 96.875% 0%, 96.875% 0%, 97.382% 0.058%, 97.863% 0.226%, 98.311% 0.494%, 98.721% 0.854%, 99.085% 1.297%, 99.397% 1.813%, 99.651% 2.393%, 99.841% 3.028%, 99.959% 3.71%, 100% 4.428%, 100% 50%, 100% 60.24%, 100% 81.734%, 100% 81.734%, 99.959% 82.453%, 99.841% 83.134%, 99.651% 83.769%, 99.397% 84.349%, 99.085% 84.865%, 98.721% 85.308%, 98.311% 85.668%, 97.863% 85.937%, 97.382% 86.104%, 96.875% 86.162%, 72.526% 86.162%, 72.526% 86.162%, 72.019% 86.22%, 71.538% 86.388%, 71.09% 86.657%, 70.68% 87.017%, 70.316% 87.459%, 70.004% 87.975%, 69.75% 88.555%, 69.56% 89.191%, 69.442% 89.872%, 69.401% 90.59%, 69.401% 95.572%, 69.401% 95.572%, 69.36% 96.29%, 69.242% 96.972%, 69.052% 97.607%, 68.798% 98.187%, 68.486% 98.703%, 68.122% 99.146%, 67.712% 99.506%, 67.264% 99.774%, 66.783% 99.942%, 66.276% 100%, 50% 100%, 3.125% 100%, 3.125% 100%, 2.618% 99.942%, 2.137% 99.774%, 1.689% 99.506%, 1.279% 99.146%, 0.915% 98.703%, 0.603% 98.187%, 0.349% 97.607%, 0.159% 96.972%, 0.041% 96.29%, 0% 95.572%, 0% 4.428%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab3-img .item-img {
    clip-path: none;
    overflow: hidden;
    border-radius: 30px;
  }
}
.mx-ab3-img .mx-btn1 {
  right: 0;
  bottom: 0;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab3-img .mx-btn1 {
    right: 30px;
    bottom: 30px;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
  }
}

.mx-ab3-feature-wrap {
  max-width: 636px;
}

.mx-ab3-ft-item {
  gap: 30px 60px;
  margin-bottom: 16px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ab3-ft-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ab3-ft-item .item-icon {
  width: 122px;
  height: 122px;
  position: relative;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(51, 104, 198, 0.1019607843);
          box-shadow: 0px 4px 20px 0px rgba(51, 104, 198, 0.1019607843);
}
.mx-ab3-ft-item .item-icon:before {
  top: 50%;
  right: -95px;
  content: "";
  width: 0px;
  height: 3px;
  position: absolute;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#3368C6), to(rgba(51, 104, 198, 0)));
  background: linear-gradient(90deg, #3368C6 0%, rgba(51, 104, 198, 0) 100%);
}
.mx-ab3-ft-item .item-icon svg path {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-ab3-ft-item .item-text {
  z-index: 1;
  padding: 20px;
  max-width: 413px;
  position: relative;
}
.mx-ab3-ft-item .item-text:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 0%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-ab3-ft-item .item-text:after {
  top: 0;
  left: 0;
  width: 2px;
  z-index: -1;
  height: 0%;
  content: "";
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: var(--mx-prime-c);
}
.mx-ab3-ft-item .item-text h3 {
  font-size: 20px;
  font-weight: 600;
}
.mx-ab3-ft-item .item-text p {
  padding-top: 10px;
}
.mx-ab3-ft-item:is(.active):before {
  width: 65px;
}
.mx-ab3-ft-item:is(.active) .item-icon {
  background-color: var(--mx-prime-c);
}
.mx-ab3-ft-item:is(.active) .item-icon:before {
  width: 65px;
}
.mx-ab3-ft-item:is(.active) .item-icon svg path {
  stroke: #fff;
}
.mx-ab3-ft-item:is(.active) .item-text:before {
  width: 100%;
}
.mx-ab3-ft-item:is(.active) .item-text:after {
  height: 100%;
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.mx-ser3-sec {
  z-index: 1;
  margin: 0px 12px;
}
.mx-ser3-sec .mx-ser3-shape {
  top: 5%;
  left: -10%;
  width: 130%;
  opacity: 0.56;
}

.mx-ser3-wrap {
  border-radius: 40px;
  background-color: var(--mx-prime-c2);
}

.mx-ser3-top {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ser3-top .mx-sec-title {
  max-width: 640px;
}
.mx-ser3-top .mx-sec-title .subtitle span {
  color: #fff;
  border: 1px solid #fff;
}
.mx-ser3-top .mx-sec-title .subtitle span:before {
  background-color: #fff;
}
.mx-ser3-top .mx-sec-title .sec_title {
  color: #fff;
}
.mx-ser3-top .top-desc {
  max-width: 510px;
}
.mx-ser3-top .top-desc p {
  color: #fff;
}
.mx-ser3-top .top-desc .mx-btn1 a span {
  color: #000;
  background-color: #fff;
}
.mx-ser3-top .top-desc .mx-btn1 a i {
  color: #000;
  background-color: #fff;
  border: 3px solid var(--mx-prime-c2);
}
.mx-ser3-top .top-desc .mx-btn1 a:hover span {
  color: #fff;
}

.mx-ser3-nav {
  color: #fff;
  max-width: 636px;
}
.mx-ser3-nav .mx-ser-scrollbar {
  width: 100%;
  height: 1px;
  max-width: 1146px;
  background-color: rgba(255, 255, 255, 0.6);
}
.mx-ser3-nav .mx-ser-scrollbar .swiper-scrollbar-drag {
  top: -2px;
  height: 4px;
  border-radius: 0;
  background-color: rgb(255, 255, 255);
}

.mx-ser3-slider-wrap {
  gap: 30px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-slider-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.mx-ser3-thumb {
  width: 100%;
  max-width: 403px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-thumb {
    width: 100%;
    max-width: 100%;
  }
}
.mx-ser3-thumb .ser3-thumb {
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  font-weight: 600;
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #112B41;
}
@media (max-width: 480px) {
  .mx-ser3-thumb .ser3-thumb {
    font-size: 20px;
  }
}
@media (max-width: 360px) {
  .mx-ser3-thumb .ser3-thumb {
    font-size: 18px;
  }
}

.swiper-slide-thumb-active .ser3-thumb {
  background-color: var(--mx-prime-c);
}

.mx-ser3-slide-thumb {
  height: 393px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-slide-thumb {
    max-width: 100%;
  }
}

.mx-ser3-slider-item {
  margin: 0;
  width: 100%;
  max-width: 864px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-ser3-slider-item {
    max-width: 730px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-slider-item {
    width: 100%;
    max-width: 100%;
  }
}

.mx-ser3-item {
  width: 100%;
  padding: 8px;
  max-width: 864px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-item {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ser3-item .item-text {
  max-width: 380px;
  padding: 30px 45px;
}
@media (max-width: 480px) {
  .mx-ser3-item .item-text {
    padding: 30px 20px;
  }
}
.mx-ser3-item .item-text .item-icon {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  margin-bottom: 120px;
  -webkit-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
  background-color: var(--mx-prime-c2);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-item .item-text .item-icon {
    margin-bottom: 30px;
  }
}
.mx-ser3-item .item-img {
  max-width: 372px;
  overflow: hidden;
  border-radius: 20px;
}
.mx-ser3-item .item-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser3-item .item-img {
    height: 350px;
    max-width: 100%;
  }
}
.mx-ser3-item p {
  opacity: 0;
  padding-bottom: 30px;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.mx-ser3-item .read_more {
  gap: 12px;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.mx-ser3-item .read_more span {
  -webkit-transition: all 300ms ease-in-outs;
  transition: all 300ms ease-in-outs;
}
.mx-ser3-item .read_more i {
  color: #fff;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--mx-prime-c2);
}
.mx-ser3-item .read_more:hover span {
  letter-spacing: 2px;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.swiper-slide-active .mx-ser3-item .item-text .item-icon {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.swiper-slide-active .mx-ser3-item .item-img img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.swiper-slide-active .mx-ser3-item p {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.swiper-slide-active .mx-ser3-item .read_more {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/*---------------------------------------------------- */
/*Scroll area*/
/*----------------------------------------------------*/
.mx-item-scroll-wrap {
  display: flow-root;
}

.mx-im-scroll {
  margin: 0px 8px;
  display: inline-block;
}
.mx-im-scroll .inner-item {
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mx-im-scroll .item-text {
  color: #000000;
  font-size: 32px;
  padding: 18px 32px;
  border-radius: 100px;
  background-color: #fff;
}
.mx-im-scroll .item-img {
  height: 86px;
  overflow: hidden;
  border-radius: 120px;
}
.mx-im-scroll .item-img img {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-im-scroll:hover .item-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/*---------------------------------------------------- */
/*case study area*/
/*----------------------------------------------------*/
.mx-cs3-sec {
  margin: 0px 12px;
}

.mx-cs3-wrap {
  z-index: 1;
}
.mx-cs3-wrap:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  border-radius: 40px;
  background-color: #fff;
}
.mx-cs3-wrap .mx-cs3-shape1 {
  left: 0;
  bottom: 0;
}

.mx-cs3-text-wrap {
  max-width: 504px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cs3-text-wrap {
    max-width: 100%;
  }
}
.mx-cs3-text-wrap .item-desc {
  margin-top: 40px;
  padding-top: 35px;
  padding-left: 132px;
  border-top: 1px solid rgba(39, 39, 39, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cs3-text-wrap .item-desc {
    padding-left: 0;
  }
}

.mx-cs3-content {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cs3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-cs3-slider-wrap {
  gap: 30px;
  width: 100%;
  max-width: 936px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-cs3-slider-wrap {
    max-width: 555px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cs3-slider-wrap {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .mx-cs3-slider-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-cs3-slider-area {
  margin: 0;
  max-width: 758px;
}

.mx-cs3-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@media (max-width: 480px) {
  .mx-cs3-item {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-cs3-item .item-img {
  overflow: hidden;
  border-radius: 32px;
}
.mx-cs3-item .item-img img {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.mx-cs3-item .item-text {
  z-index: 1;
  position: relative;
  margin-right: -155px;
}
@media (max-width: 480px) {
  .mx-cs3-item .item-text {
    margin-right: 0;
  }
}
.mx-cs3-item .item-text h3 {
  color: #000000;
  font-size: 60px;
  font-weight: 700;
  max-width: 504px;
  letter-spacing: -2px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cs3-item .item-text h3 {
    font-size: 40px;
  }
}
.mx-cs3-item .item-text h3 .split-line {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
.mx-cs3-item .item-text h3 .split-line:nth-child(2) {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.mx-cs3-item .item-text .read_more {
  opacity: 0;
  visibility: hidden;
  color: var(--mx-prime-c);
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
.mx-cs3-item .item-text .read_more i {
  margin-left: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: 300ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 300ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
.mx-cs3-item .item-text .read_more:hover {
  letter-spacing: 1px;
}
.mx-cs3-item .item-text .read_more:hover i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.swiper-slide-active .mx-cs3-item {
  opacity: 1;
  visibility: visible;
}
.swiper-slide-active .mx-cs3-item .item-text h3 .split-line {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.swiper-slide-active .mx-cs3-item .item-text .read_more {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.swiper-slide-active .mx-cs3-item .item-img img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mx-cs3-nav {
  width: 44px;
  height: 315px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (max-width: 480px) {
  .mx-cs3-nav {
    width: 100%;
    height: 44px;
  }
}
.mx-cs3-nav .mx-cs3-pagi {
  width: 24px;
  margin: 0 auto;
  color: #000000;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 600;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.mx-cs3-nav .mx-cs3-pagi span {
  display: block;
}
@media (max-width: 480px) {
  .mx-cs3-nav .mx-cs3-pagi {
    width: 100px;
  }
}
.mx-cs3-nav .cs3-next,
.mx-cs3-nav .cs3-prev {
  width: 44px;
  height: 44px;
  display: block;
  border-radius: 100%;
  color: var(--mx-prime-c2);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  border: 1px solid var(--mx-prime-c2);
}
.mx-cs3-nav .cs3-next:hover,
.mx-cs3-nav .cs3-prev:hover {
  color: #fff;
  background-color: var(--mx-prime-c2);
}

/*---------------------------------------------------- */
/*why-c area*/
/*----------------------------------------------------*/
.mx-wc3-content {
  gap: 24px;
  z-index: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
}
.mx-wc3-content .mx-wc3-img {
  top: 100px;
  z-index: -1;
  overflow: hidden;
}
.mx-wc3-content .mx-wc3-img img {
  border-radius: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc3-content .mx-wc3-img {
    position: static !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc3-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-wc3-count-wrap {
  gap: 12px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 480px) {
  .mx-wc3-count-wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .mx-wc3-count-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-wc3-count-item {
  width: 100%;
  max-width: 248px;
  border-radius: 24px;
  background-color: #fff;
  padding: 40px 30px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc3-count-item {
    max-width: 100%;
  }
}
.mx-wc3-count-item .item-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 42px;
  border-radius: 20px;
  background-color: var(--mx-prime-c);
}
.mx-wc3-count-item .item-text h3 {
  font-size: 48px;
  font-weight: 600;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-wc3-count-item .item-text h3 {
    font-size: 40px;
  }
}
.mx-wc3-count-item .item-text p {
  color: #272727;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-wc3-count-item .item-text p {
    font-size: 14px;
  }
}

.mx-wc3-text-wrap {
  z-index: 1;
  padding: 60px;
  max-width: 768px;
  border-radius: 32px;
  background-color: var(--mx-prime-c2);
}
.mx-wc3-text-wrap .mx-wc3-shape {
  top: 10%;
  right: -30%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-wc3-text-wrap {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc3-text-wrap {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .mx-wc3-text-wrap {
    padding: 60px 30px;
  }
}
.mx-wc3-text-wrap .mx-sec-title .subtitle span {
  color: #fff;
  border: 1px solid #fff;
}
.mx-wc3-text-wrap .mx-sec-title .subtitle span:before {
  background-color: #fff;
}
.mx-wc3-text-wrap .mx-sec-title .sec_title {
  color: #fff;
}
.mx-wc3-text-wrap .mx-sec-title p {
  color: #fff;
}
.mx-wc3-text-wrap .mx-btn1 a span {
  color: #000;
  background-color: #fff;
}
.mx-wc3-text-wrap .mx-btn1 a i {
  color: #000;
  background-color: #fff;
  border: 3px solid var(--mx-prime-c2);
}
.mx-wc3-text-wrap .mx-btn1 a:hover span {
  color: #fff;
}

.mx-wc3-list-wrapper {
  z-index: 1;
  position: relative;
}
.mx-wc3-list-wrapper:before {
  top: 0;
  left: 25px;
  width: 1px;
  z-index: -1;
  height: 87%;
  content: "";
  position: absolute;
  border-left: 1px dashed #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-wc3-list-wrapper:before {
    height: 84%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc3-list-wrapper:before {
    display: none;
  }
}

.mx-wc3-list {
  gap: 24px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-wc3-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-wc3-list:last-child {
  margin-bottom: 0;
}
.mx-wc3-list span {
  color: #fff;
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #3A5063;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.mx-wc3-list .item-text {
  max-width: 572px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mx-wc3-list .item-text {
    max-width: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-wc3-list .item-text {
    max-width: 350px;
  }
}
.mx-wc3-list .item-text h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.mx-wc3-list .item-text p {
  color: #EAECF0;
  font-size: 16px;
}
.mx-wc3-list:is(.active) span {
  background-color: #fff;
  color: var(--mx-prime-c2);
}

/*---------------------------------------------------- */
/*Faq area*/
/*----------------------------------------------------*/
.mx-faq3-sec {
  margin: 0px 12px;
}
.mx-faq3-sec .mx-sec-title {
  margin: 0 auto;
  max-width: 950px;
}
.mx-faq3-sec .mx-sec-title p {
  margin: 0 auto;
  max-width: 720px;
}

.mx-faq3-wrap {
  z-index: 1;
}
.mx-faq3-wrap:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  border-radius: 40px;
  background-color: #fff;
}
.mx-faq3-wrap .mx-faq3-shape {
  top: -50%;
  left: -33%;
  z-index: -1;
}
.mx-faq3-wrap .mx-faq3-shape2 {
  top: 0;
  right: 5%;
}

.mx-faq3-content {
  padding: 24px;
  margin: 0 auto;
  margin-top: 50px;
  max-width: 1032px;
  border-radius: 40px;
  background-color: #F6F7F9;
}
.mx-faq3-content .accordion-item,
.mx-faq3-content .accordion-button {
  background-color: transparent;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.mx-faq3-content .accordion-item {
  border: none;
  position: relative;
  padding: 28px 25px;
  margin-bottom: 12px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.mx-faq3-content .accordion-item:last-child {
  border-bottom: none;
}
@media (max-width: 480px) {
  .mx-faq3-content .accordion-item {
    padding: 23px 15px 23px 15px;
  }
}
.mx-faq3-content .accordion-button {
  padding: 0;
  border: none;
  font-size: 20px;
  font-weight: 400;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-faq3-content .accordion-button {
    padding: 20px 15px;
  }
}
.mx-faq3-content .accordion-button span {
  max-width: 85%;
  display: inline-block;
}
.mx-faq3-content .accordion-button span b {
  font-weight: 400;
}
.mx-faq3-content .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mx-faq3-content .accordion-body {
  padding: 0;
  color: #535862;
  font-size: 18px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-faq3-content .accordion-body .bi-faq-text {
  max-width: 775px;
  padding: 24px 30px 0px 30px;
}
@media (max-width: 480px) {
  .mx-faq3-content .accordion-body .bi-faq-text {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-faq3-content .accordion-body {
    padding: 20px 15px;
  }
}
.mx-faq3-content .accordion-button::after {
  top: -8px;
  right: 0px;
  opacity: 0.7;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  content: "+";
  font-weight: 900;
  position: absolute;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--mx-prime-c2);
  font-family: "Font Awesome 6 free";
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border: 1px solid #EAECF0;
  border-radius: 100%;
}
@media (max-width: 480px) {
  .mx-faq3-content .accordion-button::after {
    right: 0px;
  }
}
.mx-faq3-content .accordion-button:not(.collapsed) {
  color: #000000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mx-faq3-content .accordion-button:not(.collapsed) span {
  color: #000000;
}
.mx-faq3-content .accordion-button:not(.collapsed):after {
  opacity: 1;
  color: #FFFFFF;
  content: "\f068";
  border: 1px solid var(--mx-prime-c2);
  background-color: var(--mx-prime-c2);
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.mx-testi3-img-wrap {
  width: 100%;
  height: 575px;
  max-width: 600px;
}
@media (max-width: 480px) {
  .mx-testi3-img-wrap {
    height: 500px;
  }
}
.mx-testi3-img-wrap .item-img1 {
  width: 360px;
  height: 360px;
  overflow: hidden;
  border-radius: 100%;
  border: 6px solid #FFFFFF;
}
.mx-testi3-img-wrap .item-img2 {
  left: 0;
  bottom: 86px;
  width: 240px;
  height: 240px;
  overflow: hidden;
  position: absolute;
  border-radius: 100%;
  border: 6px solid #FFFFFF;
}
@media (max-width: 480px) {
  .mx-testi3-img-wrap .item-img2 {
    display: none;
  }
}
.mx-testi3-img-wrap .item-img3 {
  bottom: 0;
  right: 80px;
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: absolute;
  border-radius: 100%;
  border: 6px solid #FFFFFF;
}
@media (max-width: 480px) {
  .mx-testi3-img-wrap .item-img3 {
    display: none;
  }
}
.mx-testi3-img-wrap .item-exp {
  top: 64%;
  left: 30%;
  width: 240px;
  height: 240px;
  padding-top: 70px;
  position: absolute;
  border-radius: 100%;
  border: 6px solid #FFFFFF;
  background-color: var(--mx-prime-c);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 480px) {
  .mx-testi3-img-wrap .item-exp {
    left: 0;
    right: 0;
    top: auto;
    bottom: -20%;
    margin: 0 auto;
  }
}
.mx-testi3-img-wrap .item-exp h3 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
}
.mx-testi3-img-wrap .item-exp p {
  color: #FFFFFF;
}

.mx-testi3-slider-wrap {
  width: 100%;
  max-width: 660px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-testi3-slider-wrap {
    max-width: 524px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-testi3-slider-wrap {
    max-width: 400px;
  }
}

.mx-testi3-content {
  gap: 25px;
  max-width: 1455px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.mx-testi3-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.mx-testi3-item h3 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1px;
  padding-bottom: 22px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
.mx-testi3-item p {
  color: #272727;
  max-width: 527px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
.mx-testi3-item .item-author {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 1200ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
.mx-testi3-item .item-author h4 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}

.swiper-slide-active .mx-testi3-item {
  opacity: 1;
  visibility: visible;
}
.swiper-slide-active .mx-testi3-item h3, .swiper-slide-active .mx-testi3-item p, .swiper-slide-active .mx-testi3-item .item-author {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.swiper-slide-active .mx-testi3-item p {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.swiper-slide-active .mx-testi3-item .item-author {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.mx-testi3-nav {
  display: inline-block;
  background-color: #fff;
  border-radius: 120px;
  border: 1px solid #EAECF0;
}
.mx-testi3-nav .nav-wrap {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mx-testi3-nav .nav-wrap .testi3-prev,
.mx-testi3-nav .nav-wrap .testi3-next {
  color: #000;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-testi3-nav .nav-wrap .testi3-prev:hover,
.mx-testi3-nav .nav-wrap .testi3-next:hover {
  color: #fff;
  background-color: var(--mx-prime-c2);
}

/*---------------------------------------------------- */
/*CTA area*/
/*----------------------------------------------------*/
.mx-cta3-sec {
  z-index: 1;
  margin: 0px 12px;
}
.mx-cta3-sec .mx-cta3-bg {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 40px;
}
.mx-cta3-sec .mx-cta3-bg:before, .mx-cta3-sec .mx-cta3-bg:after {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  max-width: 675px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/shape/shape36.png);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta3-sec .mx-cta3-bg:before, .mx-cta3-sec .mx-cta3-bg:after {
    display: none;
  }
}
.mx-cta3-sec .mx-cta3-bg:after {
  right: 0;
  left: auto;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.mx-cta3-item {
  width: 100%;
  margin: 0 auto;
  max-width: 620px;
  border-radius: 32px;
  border: 12px solid #FFFFFF;
}
.mx-cta3-item .blank-space {
  width: 100%;
  height: 405px;
}
@media (max-width: 480px) {
  .mx-cta3-item .blank-space {
    height: 250px;
  }
}
.mx-cta3-item .item-text {
  padding: 55px 25px;
  background-color: #fff;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.mx-cta3-item .item-text h3 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -1px;
}
@media (max-width: 480px) {
  .mx-cta3-item .item-text h3 {
    font-size: 26px;
  }
}

/*---------------------------------------------------- */
/*Work process area*/
/*----------------------------------------------------*/
.mx-workp3-content {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.mx-workp3-text-wrap {
  max-width: 528px;
}

.mx-workp3-step-wrap {
  max-width: 804px;
}

.mx-workp3-step {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px 165px;
  position: relative;
  margin-bottom: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-workp3-step {
    gap: 30px 40px;
  }
}
@media (max-width: 480px) {
  .mx-workp3-step {
    gap: 30px 20px;
  }
}
.mx-workp3-step:before, .mx-workp3-step:after {
  top: 35px;
  left: 23px;
  width: 4px;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #EAECF0;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.mx-workp3-step:after {
  height: 0;
  background-color: var(--mx-prime-c);
}
.mx-workp3-step:last-child:before, .mx-workp3-step:last-child:after {
  display: none;
}
.mx-workp3-step .item-serial span {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F6F7F9;
  border: 1px solid rgba(39, 39, 39, 0.1019607843);
}
.mx-workp3-step .item-text {
  max-width: 590px;
  border-radius: 20px;
  background-color: #fff;
  padding: 32px 32px 40px;
  border: 1px solid #EAECF0;
}
.mx-workp3-step .item-text h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.mx-workp3-step:is(.active):after {
  height: 100%;
}

/*---------------------------------------------------- */
/******* HOME PAGE 4 *******/
/*Hero area*/
/*----------------------------------------------------*/
.mx-hero4-content {
  gap: 30px;
  padding-top: 320px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-hero4-content {
    padding-top: 200px;
  }
}
@media (max-width: 480px) {
  .mx-hero4-content {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero4-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-hero4-content .hr_title {
  font-size: 80px;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-hero4-content .hr_title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-hero4-content .hr_title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-hero4-content .hr_title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero4-content .hr_title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero4-content .hr_title {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .mx-hero4-content .hr_title {
    font-size: 40px;
  }
}
@media (max-width: 360px) {
  .mx-hero4-content .hr_title {
    font-size: 36px;
  }
}
.mx-hero4-content .hr_title span {
  font-weight: 300;
}
.mx-hero4-content .hero-desc {
  max-width: 450px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-hero4-content .hero-desc {
    max-width: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero4-content .hero-desc {
    max-width: 100%;
  }
}
.mx-hero4-content .hero-desc p {
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
.mx-hero4-content .hero-desc .mx-hero-client {
  gap: 15px;
}
.mx-hero4-content .hero-desc .mx-hero-client .cl-img ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mx-hero4-content .hero-desc .mx-hero-client .cl-img li {
  width: 52px;
  height: 52px;
  overflow: hidden;
  margin-left: -12px;
  border-radius: 100%;
  border: 2px solid #fff;
}
.mx-hero4-content .hero-desc .mx-hero-client .cl-img li:first-child {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mx-hero4-content .hero-desc .mx-hero-client .cl-rate h3 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 6px;
}
.mx-hero4-content .hero-desc .mx-hero-client .cl-rate p {
  padding-bottom: 0;
  border-bottom: none;
}

.mx-hero4-img-wrap {
  z-index: 1;
}
.mx-hero4-img-wrap .mx-hr4-icon {
  z-index: 1;
  width: 123px;
  height: 123px;
  border-radius: 100%;
  background-color: #2a495f;
}
.mx-hero4-img-wrap .mx-hr4-icon:is(.icon1) {
  top: 40%;
  right: 37%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-hero4-img-wrap .mx-hr4-icon:is(.icon1) {
    display: none !important;
  }
}
.mx-hero4-img-wrap .mx-hr4-icon:is(.icon2) {
  left: 45%;
  bottom: 2%;
}
.mx-hero4-img-wrap .hr4-bottom1 {
  right: -50px;
  bottom: 50px;
  z-index: -2;
  width: 911px;
  height: 139px;
  background-color: #40b08e;
  clip-path: polygon(0.001% 44.276%, 100% 100%, 100% 0.002%, 0.001% 44.276%);
}
.mx-hero4-img-wrap .hr4-bottom2 {
  right: 18%;
  bottom: 48px;
  z-index: -3;
  width: 916px;
  height: 121px;
  background-color: #2a495f;
  clip-path: polygon(100% 70.049%, 0.079% 100%, 0.409% 0.391%, 100% 70.049%);
}
.mx-hero4-img-wrap .hero4-img-wrapper {
  height: 880px;
  padding-top: 80px;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}
.mx-hero4-img-wrap .hero4-img-wrapper .hr4-shape {
  left: 0;
  right: 0;
  bottom: 15%;
  z-index: -1;
  text-align: center;
}
.mx-hero4-img-wrap .item-bg {
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
  .mx-hero4-img-wrap .item-img1 {
    display: none;
  }
}

.mx-hr4-card {
  left: 9%;
  top: 25%;
  z-index: 2;
  position: absolute;
}
.mx-hr4-card .item-icon {
  top: -30px;
  left: -40px;
  width: 105px;
  height: 105px;
  border-radius: 100%;
  background-color: var(--mx-prime-c3);
}
.mx-hr4-card .item-inner {
  max-width: 615px;
  padding: 65px 60px;
  background-color: #004341;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
}
.mx-hr4-card .item-inner p {
  color: #fff;
  font-family: var(--mx-unbound);
}
.mx-hr4-card .item-btn {
  right: 0;
  bottom: -53px;
  position: absolute;
  display: inline-block;
}
.mx-hr4-card .item-btn a {
  gap: 8px;
  color: #fff;
  padding: 18px 25px;
  border-bottom-left-radius: 30px;
  background-color: var(--mx-prime-c3);
}
.mx-hr4-card .item-btn a span {
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  font-family: var(--mx-unbound);
}
.mx-hr4-card .item-btn a i {
  color: #fff;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #005350;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.mx-ser4-content {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.mx-ser4-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser4-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser4-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-ser4-title {
  margin-bottom: 35px;
}
.mx-ser4-title span {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
}

.mx-ser4-item {
  padding: 35px;
  position: relative;
  border-top: 1px solid #dbdbdb;
}
.mx-ser4-item:before {
  top: 0;
  right: 0;
  width: 1px;
  height: 90%;
  content: "";
  position: absolute;
  background-color: #dbdbdb;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser4-item:before {
    height: 100%;
  }
}
.mx-ser4-item:last-child:before {
  display: none;
}
.mx-ser4-item .front-part {
  gap: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser4-item .front-part {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ser4-item .front-part .item-icon {
  width: 110px;
  height: 110px;
  border-radius: 10px;
  background-color: #eeeeee;
}
.mx-ser4-item .front-part .item-text {
  max-width: 250px;
}
.mx-ser4-item .front-part .item-text h3 {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 18px;
}
.mx-ser4-item .front-part .item-text ul {
  margin-bottom: 28px;
}
.mx-ser4-item .front-part .item-text li {
  color: #09243c;
  margin-bottom: 12px;
}
.mx-ser4-item .front-part .item-text li i {
  color: #111111;
  margin-right: 8px;
}
.mx-ser4-item .front-part .item-text .read_more {
  color: #111111;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.mx-ser4-item .front-part .item-text .read_more:before {
  left: 0;
  width: 100%;
  bottom: -3px;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #000000;
}
.mx-ser4-item .back-part {
  top: 35px;
  right: 0;
  left: 0;
  width: 83%;
  margin: 0 auto;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  padding: 55px 50px 30px 55px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transform: perspective(500px) rotateX(-90deg);
          transform: perspective(500px) rotateX(-90deg);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-ser4-item .back-part {
    padding: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ser4-item .back-part {
    display: none;
  }
}
.mx-ser4-item .back-part .item-text h3 {
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  padding-bottom: 18px;
}
.mx-ser4-item .back-part .item-text li {
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}
.mx-ser4-item .back-part .item-text li i {
  margin-right: 8px;
}
.mx-ser4-item .back-part .mx-more {
  margin-top: 30px;
}
.mx-ser4-item .back-part .mx-more a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.mx-ser4-item .back-part .mx-more a:before {
  left: 0;
  width: 100%;
  bottom: -3px;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #fff;
}
.mx-ser4-item .back-part .mx-more a:hover {
  letter-spacing: 1px;
}
.mx-ser4-item:hover .back-part {
  -webkit-transform: rotateX(0) rotateY(0deg);
          transform: rotateX(0) rotateY(0deg);
}

/*---------------------------------------------------- */
/*Count area*/
/*----------------------------------------------------*/
.mx-count4-sec {
  z-index: 1;
}
.mx-count4-sec .mx-cnt4-shape1 {
  left: -280px;
  bottom: 40px;
  width: 912px;
  z-index: -2;
  height: 140px;
  background-color: var(--mx-prime-c3);
  clip-path: polygon(100% 51.945%, 0.027% 100%, 0.198% 0.637%, 100% 51.945%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-count4-sec .mx-cnt4-shape1 {
    display: none !important;
  }
}
.mx-count4-sec .mx-cnt4-shape2 {
  bottom: 58px;
  left: 10%;
  width: 914px;
  z-index: -3;
  height: 120px;
  background-color: var(--mx-prime-c2);
  clip-path: polygon(0.001% 69.932%, 100% 100%, 99.67% 0.002%, 0.001% 69.932%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-count4-sec .mx-cnt4-shape2 {
    display: none !important;
  }
}
.mx-count4-sec .mx-count4-bg {
  top: 0;
  left: 0;
  opacity: 1;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.mx-count4-wrapper {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-count4-wrapper {
    clip-path: none;
  }
}

.mx-count4-content {
  gap: 40px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-count4-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.mx-count4-text {
  max-width: 610px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-count4-text {
    max-width: 100%;
  }
}
.mx-count4-text .mx-sec-title2 .sec_title {
  color: #fff;
}

.mx-count4-img .item-search {
  left: 0;
  top: 60%;
  z-index: 1;
  width: 100%;
  max-width: 610px;
  position: absolute;
}
.mx-count4-img .item-search .sr-shape1 {
  top: 25px;
  left: 40px;
}
@media (max-width: 480px) {
  .mx-count4-img .item-search .sr-shape1 {
    display: none;
  }
}
.mx-count4-img .item-search .sr-shape3 {
  left: -8px;
  z-index: -1;
  width: 103%;
  bottom: -8px;
  height: 100%;
  max-height: 80px;
  position: absolute;
  border-radius: 50px;
  background-color: var(--mx-prime-c2);
}
.mx-count4-img .item-search .sr-shape2 {
  top: -8px;
  left: -8px;
  z-index: -1;
  width: 103%;
  height: 100%;
  max-height: 80px;
  position: absolute;
  border-radius: 50px;
  background-color: var(--mx-prime-c3);
}
.mx-count4-img .item-search form {
  height: 80px;
}
.mx-count4-img .item-search input {
  width: 100%;
  height: 80px;
  border: none;
  font-size: 16px;
  color: #6a6a6a;
  padding-left: 75px;
  border-radius: 50px;
  background-color: #fff;
}
@media (max-width: 480px) {
  .mx-count4-img .item-search input {
    padding-left: 25px;
  }
}
.mx-count4-img .item-search input::-webkit-input-placeholder {
  font-size: 16px;
  color: #6a6a6a;
}
.mx-count4-img .item-search input::-moz-placeholder {
  font-size: 16px;
  color: #6a6a6a;
}
.mx-count4-img .item-search input:-ms-input-placeholder {
  font-size: 16px;
  color: #6a6a6a;
}
.mx-count4-img .item-search input::-ms-input-placeholder {
  font-size: 16px;
  color: #6a6a6a;
}
.mx-count4-img .item-search input::placeholder {
  font-size: 16px;
  color: #6a6a6a;
}
.mx-count4-img .item-search button {
  top: 23px;
  right: 30px;
  padding: 0;
  border: none;
  position: absolute;
  background-color: transparent;
}
@media (max-width: 480px) {
  .mx-count4-img .item-search button {
    right: 20px;
  }
}

.mx-count4-item {
  margin-top: 40px;
}
.mx-count4-item h3 {
  line-height: 1;
  font-size: 188px;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: -4px;
  color: var(--mx-prime-c3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-count4-item h3 {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-count4-item h3 {
    font-size: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-count4-item h3 {
    font-size: 120px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-count4-item h3 {
    font-size: 100px;
  }
}
@media (max-width: 480px) {
  .mx-count4-item h3 {
    font-size: 80px;
  }
}
.mx-count4-item p {
  font-weight: 300;
  color: var(--mx-prime-c3);
  text-transform: uppercase;
  font-family: var(--mx-unbound);
}
.mx-count4-item .item-desc {
  color: #fff;
  margin-top: 28px;
}

/*---------------------------------------------------- */
/*Assist area*/
/*----------------------------------------------------*/
.mx-assistant-content {
  gap: 30px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-assistant-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.mx-assist-text {
  max-width: 855px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-assist-text {
    max-width: 745px;
  }
}

.mx-assist-img .item-img {
  max-width: 600px;
  overflow: hidden;
  border-radius: 10px;
}

.mx-assistant-wrapper {
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-assistant-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mx-assistant-wrapper .mx-assist-img1 {
  margin-left: -210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-assistant-wrapper .mx-assist-img1 {
    margin-left: 0;
  }
}
.mx-assistant-wrapper .mx-assist-img1 .item-img {
  overflow: hidden;
  border-radius: 15px;
}

.mx-assist-list {
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-assist-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-assist-list ul {
  margin-top: 45px;
}
.mx-assist-list .item-img {
  overflow: hidden;
  border-radius: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-assist-list .item-img {
    max-height: 350px;
  }
}
.mx-assist-list .item-text {
  max-width: 600px;
}
.mx-assist-list .item-text li a .list-area {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  border: 1px solid #d2d2d2;
}
@media (max-width: 480px) {
  .mx-assist-list .item-text li a .list-area {
    padding-right: 20px;
  }
}
.mx-assist-list .item-text li a .list-area .item-icon {
  width: 50px;
  height: 50px;
  color: #000000;
  margin-right: 12px;
  border-radius: 100%;
  background-color: #e6e6e6;
}
.mx-assist-list .item-text li a .list-area .item-text {
  font-size: 16px;
  color: var(--mx-prime-c2);
  font-family: var(--mx-unbound);
}
.mx-assist-list .item-text li a .list-area .item-arrow {
  width: 40px;
  height: 40px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #d2d2d2;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media (max-width: 480px) {
  .mx-assist-list .item-text li a .list-area .item-arrow {
    display: none !important;
  }
}
.mx-assist-list .item-text li a .list-area:hover .item-arrow {
  color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: var(--mx-prime-c3);
  border: 1px solid var(--mx-prime-c3);
}

/*---------------------------------------------------- */
/*treatment area*/
/*----------------------------------------------------*/
.mx-treatment-sec {
  z-index: 1;
}
.mx-treatment-sec .hr4-bottom1 {
  right: 0px;
  bottom: 50px;
  z-index: -2;
  width: 1000px;
  height: 139px;
  background-color: #40b08e;
  clip-path: polygon(0.001% 44.276%, 100% 100%, 100% 0.002%, 0.001% 44.276%);
}
.mx-treatment-sec .hr4-bottom2 {
  right: 18%;
  bottom: 40px;
  z-index: -3;
  width: 916px;
  height: 121px;
  background-color: #2a495f;
  clip-path: polygon(100% 70.049%, 0.079% 100%, 0.409% 0.391%, 100% 70.049%);
}

.mx-treatment-wrapper {
  z-index: 1;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
.mx-treatment-wrapper .mx-treat-bg {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.mx-treatment-wrapper .mx-treat-indicator {
  top: 21%;
  right: 31%;
  z-index: 2;
  height: 90px;
  width: 325px;
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mx-treatment-wrapper .mx-treat-indicator {
    right: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-treatment-wrapper .mx-treat-indicator {
    right: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-treatment-wrapper .mx-treat-indicator {
    display: none;
  }
}
.mx-treatment-wrapper .mx-treat-indicator:before {
  top: -24px;
  right: 23%;
  width: 1px;
  height: 150%;
  content: "";
  position: absolute;
  -webkit-transform: rotate(-62deg);
          transform: rotate(-62deg);
  background-color: var(--mx-prime-c3);
}
.mx-treatment-wrapper .mx-treat-indicator .item-text {
  color: #fff;
  font-size: 14px;
  padding: 5px 20px;
  border-radius: 30px;
  border-radius: 40px;
  border: 1px solid #fff;
  background-color: var(--mx-prime-c3);
}
.mx-treatment-wrapper .mx-treat-indicator .point-area {
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 100%;
  border: 1px solid #fff;
  background-color: var(--mx-prime-c3);
}

.mx-treat-list {
  max-width: 680px;
  background-color: rgba(0, 0, 0, 0.8);
}
.mx-treat-list li {
  margin-bottom: 20px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-treat-list li h3 {
  color: #fff;
  font-size: 45px;
  font-style: italic;
  margin-bottom: 0;
  padding-bottom: 20px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-treat-list li span {
  top: -28px;
  color: #fff;
  width: 20px;
  height: 20px;
  font-size: 10px;
  position: relative;
  line-height: 20px;
  font-style: normal;
  border-radius: 100%;
  background-color: var(--mx-prime-c3);
}
.mx-treat-list li i {
  opacity: 0;
  position: absolute;
}
.mx-treat-list li ul {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-treat-list li li {
  color: #fff;
  font-size: 14px;
  margin: 0px 15px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.mx-treat-list li li:before {
  top: 2px;
  right: -18px;
  content: "*";
  position: absolute;
}
.mx-treat-list li li:last-child:before {
  display: none;
}
.mx-treat-list li:hover, .mx-treat-list li:is(.active) {
  margin-bottom: 30px;
}
.mx-treat-list li:hover h3, .mx-treat-list li:is(.active) h3 {
  padding-bottom: 30px;
}
.mx-treat-list li:hover ul, .mx-treat-list li:is(.active) ul {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
.mx-team4-content {
  gap: 50px 60px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-team4-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-team4-item {
  gap: 30px 60px;
  overflow: hidden;
  padding-right: 15px;
  border-radius: 10px;
  background-color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-team4-item {
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-team4-item {
    padding: 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    max-width: 340px;
  }
}
.mx-team4-item .item-img {
  width: 290px;
  height: 318px;
  overflow: hidden;
}
.mx-team4-item .item-img img {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-team4-item .item-text h3 {
  color: #141414;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-team4-item .item-text h3 {
    font-size: 22px;
  }
}
.mx-team4-item .item-text .item-desc {
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 35px;
  padding: 20px 0px 15px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.mx-team4-item .item-text .item-desc p {
  color: #141414;
  max-width: 225px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-team4-item .item-text .item-desc p {
    font-size: 14px;
  }
}
.mx-team4-item .item-text .app_btn {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #0f0f0f;
  font-size: 15px;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mx-team4-item .item-text .app_btn:hover {
  letter-spacing: 1px;
}
.mx-team4-item .item-text .app_btn i {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--mx-prime-c3);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}
.mx-team4-item .item-text .app_btn i:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mx-team4-item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.mx-tst4-slider {
  margin: 0 auto;
  max-width: 1110px;
}

.mx-testi4-item {
  gap: 35px;
}
.mx-testi4-item .item-img {
  opacity: 0;
  max-width: 308px;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi4-item .item-img {
    display: none;
  }
}
.mx-testi4-item .item-text {
  max-width: 770px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mx-testi4-item .item-text {
    max-width: 590px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi4-item .item-text {
    max-width: 100%;
  }
}
.mx-testi4-item .item-text .item-rate {
  opacity: 0;
  max-width: 212px;
  padding: 12px 40px;
  border-radius: 40px;
  background-color: #232323;
  border-bottom-left-radius: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-testi4-item .item-text .item-rate span {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.mx-testi4-item .item-text .item-rate li {
  color: #ffc107;
  font-size: 14px;
}
.mx-testi4-item .item-text .item-desc {
  opacity: 0;
  color: #232323;
  font-size: 25px;
  margin: 25px 0px;
  font-family: var(--mx-unbound);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mx-testi4-item .item-text .item-bottom {
  opacity: 0;
  gap: 25px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-testi4-item .item-text .item-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-testi4-item .item-text .item-bottom .item-video {
  width: 100%;
  height: 95px;
  max-width: 350px;
  position: relative;
  border-radius: 60px;
}
.mx-testi4-item .item-text .item-bottom .item-video:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}
.mx-testi4-item .item-text .item-bottom .item-video .v-play {
  top: 25%;
  left: 50%;
  color: #000;
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.mx-testi4-item .item-text .item-bottom .item-author h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.mx-testi4-item .item-text .item-bottom .item-author span {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  font-family: var(--mx-undound);
}

.swiper-slide-active .mx-testi4-item .item-img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.swiper-slide-active .mx-testi4-item .item-text .item-rate {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.swiper-slide-active .mx-testi4-item .item-text .item-desc {
  opacity: 1;
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.swiper-slide-active .mx-testi4-item .item-text .item-bottom {
  opacity: 1;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

/*---------------------------------------------------- */
/*Sponsor area*/
/*----------------------------------------------------*/
.mx-spon4-item .item-img {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mx-spon4-content {
  margin-top: -80px;
  padding: 45px 50px;
  background-color: #fff;
}

/*---------------------------------------------------- */
/*CTA area*/
/*----------------------------------------------------*/
.mx-cta4-sec .mx-ct-img {
  right: 0;
  bottom: 0;
  z-index: 2;
  left: 30px;
  margin: 0 auto;
  max-width: 490px;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-sec .mx-ct-img {
    display: none;
  }
}
.mx-cta4-sec .mx-ct-img .shape2 {
  left: 0;
  bottom: 10%;
}
.mx-cta4-sec .mx-ct-img .shape1 {
  top: 60%;
  right: -20px;
}
.mx-cta4-sec .mx-ct-img .shape3 {
  top: 32%;
  right: 25px;
}

.mx-cta4-content {
  gap: 30px;
  z-index: 1;
  padding: 50px;
  background-color: #fff;
}
@media (max-width: 480px) {
  .mx-cta4-content {
    padding: 30px 25px;
  }
}
.mx-cta4-content:before {
  right: -15%;
  z-index: -1;
  width: 62%;
  content: "";
  bottom: 18%;
  height: 185px;
  position: absolute;
  background-color: #2a495f;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-content:before {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.mx-cta4-text {
  width: 50%;
}
.mx-cta4-text .mx-sec-title2 {
  max-width: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-text {
    width: 100%;
  }
}

.mx-cta4-img1 {
  margin-top: 40px;
  margin-left: -260px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-img1 {
    margin-left: 0;
  }
}

.mx-cta4-info {
  gap: 12px;
  margin-top: 25px;
}
@media (max-width: 480px) {
  .mx-cta4-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-cta4-info .item-icon {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid #000;
}
.mx-cta4-info .item-text span {
  color: #000;
  padding-bottom: 5px;
}
.mx-cta4-info .item-text h3 {
  color: #000000;
  font-size: 22px;
  font-weight: 700;
}

.mx-cta4-list-wrapper {
  width: 100%;
  max-width: 350px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-list-wrapper {
    max-width: 100%;
  }
}

.mx-cta4-list-item {
  gap: 16px;
  width: 100%;
  margin-bottom: 8px;
  padding: 25px 30px;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: -32px 0px 68px 0px rgba(233, 233, 233, 0.46);
          box-shadow: -32px 0px 68px 0px rgba(233, 233, 233, 0.46);
}
.mx-cta4-list-item .item-text {
  color: #252150;
  font-size: 15px;
  font-weight: 500;
  font-family: var(--mx-unbound);
}
@media (max-width: 480px) {
  .mx-cta4-list-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-cta4-desc {
  gap: 48px;
  z-index: 1;
  position: relative;
  margin-right: -130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-desc {
    gap: 15px;
    margin-right: 0;
  }
}
.mx-cta4-desc p {
  color: #fff;
  max-width: 385px;
  text-align: right;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-desc p {
    color: #000;
  }
}
.mx-cta4-desc .item-icon {
  width: 105px;
  height: 105px;
  border-radius: 100%;
  background-color: var(--mx-prime-c3);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta4-desc .item-icon {
    display: none !important;
  }
}

.mx-cta5-sec {
  z-index: 1;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta5-sec {
    padding: 50px 15px;
  }
}
.mx-cta5-sec .mx-cta5-bg {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.mx-cta5-content {
  max-width: 880px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta5-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-cta5-content .item-video {
  width: 100%;
  max-width: 505px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta5-content .item-video {
    max-width: 100%;
  }
}
.mx-cta5-content .item-video:before, .mx-cta5-content .item-video:after {
  right: 0;
  width: 10px;
  height: 50%;
  content: "";
  position: absolute;
}
.mx-cta5-content .item-video:before {
  top: 0;
  background-color: #2a495f;
}
.mx-cta5-content .item-video:after {
  bottom: 0;
  background-color: var(--mx-prime-c3);
}
.mx-cta5-content .item-video a {
  left: 0;
  top: 50%;
  right: 0;
  width: 113px;
  height: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  font-size: 30px;
  position: absolute;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mx-cta5-content .item-cta-info-wrap {
  background-color: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta5-content .item-cta-info-wrap {
    width: 100%;
    max-width: 100%;
  }
}
.mx-cta5-content .item-cta-info-wrap .item-cta-wrap {
  padding: 50px 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-cta5-content .item-cta-info-wrap .item-cta-wrap {
    padding: 50px 20px;
  }
}
.mx-cta5-content .item-cta-info-wrap .item-cta-wrap ul {
  width: 100%;
  max-width: 305px;
  margin-top: 30px;
}
.mx-cta5-content .item-cta-info-wrap .item-cta-wrap ul li {
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  margin-bottom: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ececec;
}
.mx-cta5-content .item-cta-info-wrap .app_btn {
  width: 100%;
  color: #fff;
  padding: 15px;
  font-weight: 600;
  text-align: center;
  background-color: #005350;
}
.mx-cta5-content .item-cta-info-wrap .app_btn:hover {
  letter-spacing: 2px;
}

/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.mx-blog4-sec .mx-sec-title2 {
  margin: 0 auto;
  max-width: 850px;
}

.mx-blog4-item {
  gap: 30px 50px;
  display: -ms-grid;
  display: grid;
  border-radius: 10px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-blog4-item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .mx-blog4-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mx-blog4-item .item-text,
.mx-blog4-item .item-title {
  padding: 20px 0px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-blog4-item .item-text,
  .mx-blog4-item .item-title {
    padding: 30px 0px;
  }
}
.mx-blog4-item .blg_title {
  color: #000000;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3;
  padding-bottom: 30px;
}
.mx-blog4-item .blg_title:hover {
  color: var(--mx-prime-c3);
}
.mx-blog4-item .item-img {
  overflow: hidden;
  position: relative;
}
.mx-blog4-item .item-img img {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  height: 234px !important;
}
.mx-blog4-item .item-img:before, .mx-blog4-item .item-img:after {
  width: 50%;
  bottom: 0;
  z-index: 2;
  height: 8px;
  content: "";
  position: absolute;
}
.mx-blog4-item .item-img:before {
  left: 0;
  background-color: #40b08e;
}
.mx-blog4-item .item-img:after {
  right: 0;
  background-color: #2a495f;
}
.mx-blog4-item .mx-meta {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  display: block;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e3e3e3;
}
.mx-blog4-item .mx-meta i {
  margin-right: 5px;
}
.mx-blog4-item .mx-author {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  display: block;
}
.mx-blog4-item .item-text p {
  color: #2f2f2f;
  font-size: 17px;
  padding-bottom: 20px;
}
.mx-blog4-item .item-text .read_more {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
.mx-blog4-item .item-text .read_more i {
  margin-left: 8px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mx-blog4-item .item-text .read_more:hover {
  color: var(--mx-prime-c3);
}
.mx-blog4-item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*---------------------------------------------------- */
/*Footer Section*/
/*----------------------------------------------------*/
.mx-footer-sec {
  margin: 0px 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-footer-sec {
    margin: 0px 5px;
  }
}

.mx-ftr-wrapper {
  padding: 80px 0px 32px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#3368C6), color-stop(49.7%, rgba(51, 104, 198, 0.9)), to(rgba(51, 104, 198, 0)));
  background: linear-gradient(180deg, #3368C6 0%, rgba(51, 104, 198, 0.9) 49.7%, rgba(51, 104, 198, 0) 100%);
}

.mx-ftr-text {
  margin-bottom: -80px;
}
.mx-ftr-text h2 {
  opacity: 0.7;
  line-height: 0.9;
  font-weight: 600;
  font-size: 324px;
  letter-spacing: -20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), color-stop(49.52%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 49.52%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr-text h2 {
    font-size: 150px;
  }
}

.mx-ftr-newslatter {
  height: 198px;
  border-bottom: 1px solid rgba(39, 39, 39, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr-newslatter {
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 50px 15px;
  }
}
.mx-ftr-newslatter .brand-logo {
  width: 100%;
  max-width: 392px;
  border-right: 1px solid rgba(39, 39, 39, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr-newslatter .brand-logo {
    border-right: none;
  }
}

.mx-ftr-newsltr-wrap {
  padding-top: 60px;
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr-newsltr-wrap {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 30px;
    padding-left: 20px;
  }
}
.mx-ftr-newsltr-wrap h2 {
  font-size: 32px;
  max-width: 457px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mx-ftr-newsltr-wrap h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mx-ftr-newsltr-wrap h2 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .mx-ftr-newsltr-wrap h2 {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .mx-ftr-newsltr-wrap h2 {
    font-size: 24px;
  }
}
@media (max-width: 360px) {
  .mx-ftr-newsltr-wrap h2 {
    font-size: 22px;
  }
}
.mx-ftr-newsltr-wrap form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 560px;
  position: relative;
}
@media (max-width: 480px) {
  .mx-ftr-newsltr-wrap form {
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr-newsltr-wrap form {
    width: 100%;
    max-width: 100%;
  }
}
.mx-ftr-newsltr-wrap form input {
  width: 100%;
  height: 75px;
  padding-left: 25px;
  border-radius: 120px;
  border: 1px solid #EAECF0;
  background-color: #F6F7F9;
}
.mx-ftr-newsltr-wrap form button {
  top: 9px;
  right: 9px;
  color: #fff;
  height: 60px;
  border: none;
  position: absolute;
  padding: 10px 20px;
  white-space: nowrap;
  border-radius: 40px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background-color: var(--mx-prime-c2);
}
@media (max-width: 480px) {
  .mx-ftr-newsltr-wrap form button {
    position: static;
  }
}
.mx-ftr-newsltr-wrap form button:hover {
  background-color: var(--mx-prime-c);
}

.mx-ftr1-area {
  background-color: #fff;
  border-radius: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr1-widget-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 60px;
  }
}

.mx-ftr1-widget .widget-title {
  font-size: 22px;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 30px;
}
.mx-ftr1-widget .widget-title:before {
  left: 0;
  bottom: 0;
  width: 72px;
  height: 3px;
  content: "";
  position: absolute;
  background-color: var(--mx-prime-c);
}
.mx-ftr1-widget .widget-title span {
  position: relative;
}
.mx-ftr1-widget .widget-title span:before, .mx-ftr1-widget .widget-title span:after {
  width: 4px;
  height: 3px;
  content: "";
  bottom: -16px;
  position: absolute;
  background-color: #fff;
  -webkit-animation: leftRight 3s linear infinite alternate;
          animation: leftRight 3s linear infinite alternate;
}
.mx-ftr1-widget .widget-title span:before {
  left: 35px;
}
.mx-ftr1-widget .widget-title span:after {
  left: 15px;
}
.mx-ftr1-widget .social-widget {
  width: 100%;
  padding: 60px;
  max-width: 392px;
  padding-bottom: 160px;
  border-right: 1px solid rgba(39, 39, 39, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr1-widget .social-widget {
    border-right: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr1-widget .social-widget {
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .mx-ftr1-widget .social-widget {
    padding-left: 20px;
  }
}
.mx-ftr1-widget .social-widget .social-icon {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 45px;
}
.mx-ftr1-widget .social-widget .social-icon a {
  width: 48px;
  height: 48px;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.mx-ftr1-widget .social-widget .social-icon a:hover {
  color: #fff;
  background-color: var(--mx-prime-c);
  border: 1px solid var(--mx-prime-c);
}
.mx-ftr1-widget .menu-widget {
  width: 208px;
  padding-top: 60px;
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-ftr1-widget .menu-widget {
    max-width: 165px;
  }
}
@media (max-width: 480px) {
  .mx-ftr1-widget .menu-widget {
    margin-left: 0;
    padding-left: 20px;
  }
}
.mx-ftr1-widget .menu-widget li {
  margin-bottom: 12px;
}
.mx-ftr1-widget .menu-widget li a:hover {
  letter-spacing: 1px;
  color: var(--mx-prime-c);
}
.mx-ftr1-widget .recent-widget {
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-ftr1-widget .recent-widget {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .mx-ftr1-widget .recent-widget {
    padding-left: 15px;
  }
}
.mx-ftr1-widget .rec-news-item {
  gap: 14px;
  margin-bottom: 24px;
}
.mx-ftr1-widget .rec-news-item:last-child {
  margin-bottom: 0;
}
.mx-ftr1-widget .rec-news-item .item-img {
  width: 76px;
  height: 76px;
  overflow: hidden;
  border-radius: 12px;
}
.mx-ftr1-widget .rec-news-item .item-text {
  max-width: 215px;
}
.mx-ftr1-widget .rec-news-item .item-text h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 8px;
}
.mx-ftr1-widget .rec-news-item .item-text span {
  text-transform: capitalize;
}

.mx-ftr-copyright {
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 60px;
  border-top: 1px solid rgba(39, 39, 39, 0.15);
}
.mx-ftr-copyright p {
  color: #000000;
}
@media (max-width: 480px) {
  .mx-ftr-copyright {
    padding: 15px;
    text-align: center;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.mx-ftr2-sec {
  z-index: 1;
  margin: 0px 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr2-sec {
    margin: 0px 10px;
  }
}
.mx-ftr2-sec .mx-ftr2-wrap {
  z-index: 1;
  padding-top: 48px;
  background-color: #020C27;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.mx-ftr2-sec .mx-ftr2-wrap .mx-ftr2-shape {
  top: 0;
  left: 0;
  z-index: -1;
}

.mx-ftr2-cta-area {
  gap: 24px;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  position: relative;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr2-cta-area {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr2-cta-area {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mx-ftr2-cta-item {
  padding: 48px;
  border-radius: 32px;
  background-color: #0D1730;
}
.mx-ftr2-cta-item .item-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 20px;
  color: #F6F6F6;
  margin-bottom: 30px;
  border-radius: 100%;
  background-color: #1B243C;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.mx-ftr2-cta-item .item-text h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px;
}
.mx-ftr2-cta-item .item-text p {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.8);
}
.mx-ftr2-cta-item:hover .item-icon {
  color: var(--mx-prime-c);
  background-color: #fff;
}

.mx-ftr2-widget-area {
  gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 230px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr2-widget-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-ftr2-menu-wrap {
  width: 100%;
  max-width: 864px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr2-menu-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mx-ftr2-widget .widget-title {
  font-size: 18px;
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 30px;
}
.mx-ftr2-widget .widget-title:before {
  left: 0;
  bottom: 0;
  width: 72px;
  height: 3px;
  content: "";
  position: absolute;
  background-color: var(--mx-prime-c);
}
.mx-ftr2-widget .widget-title span {
  opacity: 0.7;
  color: #EAECF0;
  position: relative;
  letter-spacing: -1px;
}
.mx-ftr2-widget .widget-title span:before, .mx-ftr2-widget .widget-title span:after {
  width: 4px;
  height: 3px;
  content: "";
  bottom: -18px;
  position: absolute;
  background-color: #020C27;
  -webkit-animation: leftRight 3s linear infinite alternate;
          animation: leftRight 3s linear infinite alternate;
}
.mx-ftr2-widget .widget-title span:before {
  left: 35px;
}
.mx-ftr2-widget .widget-title span:after {
  left: 15px;
}
.mx-ftr2-widget .logo-widget {
  width: 100%;
  max-width: 576px;
}
.mx-ftr2-widget .logo-widget h3 {
  color: #fff;
  font-size: 32px;
  padding-bottom: 40px;
}
.mx-ftr2-widget .logo-widget .brand-logo {
  margin-bottom: 85px;
}
.mx-ftr2-widget .logo-widget .newslatter-form {
  width: 100%;
  max-width: 504px;
}
.mx-ftr2-widget .logo-widget .newslatter-form form {
  position: relative;
}
.mx-ftr2-widget .logo-widget .newslatter-form input {
  height: 60px;
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #2A3248;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-ftr2-widget .logo-widget .newslatter-form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-ftr2-widget .logo-widget .newslatter-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-ftr2-widget .logo-widget .newslatter-form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-ftr2-widget .logo-widget .newslatter-form input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-ftr2-widget .logo-widget .newslatter-form input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.mx-ftr2-widget .logo-widget .newslatter-form input:focus {
  border-bottom: 1px solid #fff;
}
.mx-ftr2-widget .logo-widget .newslatter-form button {
  top: 0;
  right: 0;
  width: 48px;
  color: #fff;
  border: none;
  height: 48px;
  color: #FFFFFF;
  border-radius: 100%;
  position: absolute;
  background-color: #09243C;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mx-ftr2-widget .logo-widget .newslatter-form button:hover {
  background-color: var(--mx-prime-c);
}
.mx-ftr2-widget .menu-widget {
  width: 208px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-ftr2-widget .menu-widget {
    max-width: 165px;
  }
}
@media (max-width: 480px) {
  .mx-ftr2-widget .menu-widget {
    margin-left: 0;
    padding-left: 20px;
  }
}
.mx-ftr2-widget .menu-widget li {
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.8);
}
.mx-ftr2-widget .menu-widget li a:hover {
  color: #fff;
  letter-spacing: 1px;
}

.mx-copyright2 {
  padding: 32px 0px;
  border-top: 1px solid #2A3248;
}
@media (max-width: 480px) {
  .mx-copyright2 .mx-copyright2-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-copyright2 .mx-copyright2-content p {
  color: #fff;
}

.mx-bottom-text {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
}
.mx-bottom-text h3 {
  line-height: 0.8;
  font-weight: 600;
  font-size: 360px;
  letter-spacing: -20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#1B243C), color-stop(49.52%, rgba(27, 36, 60, 0.2)), to(rgba(27, 36, 60, 0)));
  background: linear-gradient(180deg, #1B243C 0%, rgba(27, 36, 60, 0.2) 49.52%, rgba(27, 36, 60, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mx-ftr4-content {
  display: -ms-grid;
  display: grid;
  border-top: 2px solid #2f2f2f;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr4-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr4-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.mx-ftr4-content .mx-ftr4-img {
  bottom: 0;
  left: -210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr4-content .mx-ftr4-img {
    display: none;
  }
}

.mx-ftr4-widget {
  padding: 75px 45px;
  border-right: 2px solid #2f2f2f;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mx-ftr4-widget {
    padding: 75px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr4-widget {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr4-widget {
    border: none;
  }
}
.mx-ftr4-widget:last-child {
  border-right: 0;
}
.mx-ftr4-widget .widget-title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 50px;
}
.mx-ftr4-widget .widget-title span {
  position: relative;
}
.mx-ftr4-widget .widget-title span:before {
  top: 15px;
  right: -185px;
  width: 165px;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #005350;
}
.mx-ftr4-widget .logo-widget p {
  color: #d5d5d5;
  font-weight: 100;
  padding-bottom: 50px;
}
.mx-ftr4-widget .logo-widget .item-social a {
  margin-right: 30px;
}
.mx-ftr4-widget .logo-widget .item-social a:last-child {
  margin-right: 0;
}
.mx-ftr4-widget .logo-widget .item-social a span {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--mx-unbound);
}
.mx-ftr4-widget .logo-widget .item-social i {
  margin-right: 10px;
  color: var(--mx-prime-c3);
}
.mx-ftr4-widget .menu-widget .menu-wrap {
  gap: 40px;
}
@media (max-width: 480px) {
  .mx-ftr4-widget .menu-widget .menu-wrap {
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ftr4-widget .menu-widget ul {
  width: 100%;
}
.mx-ftr4-widget .menu-widget li {
  width: 100%;
  color: #d5d5d5;
}
.mx-ftr4-widget .menu-widget li a {
  width: 100%;
}
.mx-ftr4-widget .menu-widget li a:hover {
  color: var(--mx-prime-c3);
}
.mx-ftr4-widget .menu-widget li span {
  width: 100%;
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.mx-ftr4-widget .menu-widget li span:before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 1px;
  position: absolute;
  background-color: #2b2b2b;
}
.mx-ftr4-widget .newslatter-widget .item-title {
  margin-bottom: 45px;
}
.mx-ftr4-widget .newslatter-widget .item-title span {
  color: #fff;
  font-size: 22px;
  font-weight: 100;
  margin-bottom: 10px;
}
.mx-ftr4-widget .newslatter-widget .item-title h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}
.mx-ftr4-widget .newslatter-widget .item-form span {
  color: #fff;
  font-size: 17px;
  font-weight: 100;
  padding-bottom: 20px;
}
.mx-ftr4-widget .newslatter-widget .item-form form {
  position: relative;
}
.mx-ftr4-widget .newslatter-widget .item-form input {
  color: #000;
  width: 100%;
  height: 68px;
  border: none;
  font-size: 17px;
  font-weight: 100;
  padding-left: 20px;
  background-color: #fff;
}
.mx-ftr4-widget .newslatter-widget .item-form input::-webkit-input-placeholder {
  color: #000;
  font-weight: 100;
}
.mx-ftr4-widget .newslatter-widget .item-form input::-moz-placeholder {
  color: #000;
  font-weight: 100;
}
.mx-ftr4-widget .newslatter-widget .item-form input:-ms-input-placeholder {
  color: #000;
  font-weight: 100;
}
.mx-ftr4-widget .newslatter-widget .item-form input::-ms-input-placeholder {
  color: #000;
  font-weight: 100;
}
.mx-ftr4-widget .newslatter-widget .item-form input::placeholder {
  color: #000;
  font-weight: 100;
}
.mx-ftr4-widget .newslatter-widget .item-form button {
  top: 0;
  right: 0;
  width: 90px;
  height: 100%;
  border: none;
  position: absolute;
  background-color: #40b08e;
}
.mx-ftr4-widget .newslatter-widget .item-form button i {
  color: #fff;
  width: 25px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  background-color: #005350;
}
.mx-ftr4-widget .newslatter-widget .item-cta {
  color: #fff;
  font-family: var(--mx-unbound);
}
.mx-ftr4-widget .newslatter-widget .item-cta i {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #40b08e;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #40b08e;
}
.mx-ftr4-widget .newslatter-widget .item-cta h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.mx-ftr4-copyright {
  color: #fff;
  padding: 25px 30px;
  background-color: #005350;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr4-copyright {
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mx-ftr4-copyright li {
  margin-left: 30px;
  position: relative;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .mx-ftr4-copyright li {
    margin-left: 0;
    margin-right: 30px;
  }
}
.mx-ftr4-copyright li:before {
  top: 14px;
  right: -21px;
  width: 7px;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #fff;
}
.mx-ftr4-copyright li:last-child:before {
  display: none;
}
/*---------------------------------------------------- */
/******* INNER PAGE *******/
/*Breadcrumb area*/
/*----------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-breadcrumb-sec {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-breadcrumb-sec {
    padding-top: 80px;
  }
}

.sn-breadcrumb-sec .sn-breadcrumb-wrapper {
  overflow: hidden;
  background: #00000047;
}

.sn-breadcrumb-content {
  padding: 130px 0px;
  padding-top: 180px;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-breadcrumb-content {
    padding: 75px 0px;
  }
}

.sn-breadcrumb-content .bread_title {
  font-size: 52px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 25px;
  color: #fff;
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
  .sn-breadcrumb-content .bread_tiftle {
    font-size: 48px;
  }
}

@media (max-width: 480px) {
  .sn-breadcrumb-content .bread_title {
    font-size: 42px;
  }
}

@media (max-width: 360px) {
  .sn-breadcrumb-content .bread_title {
    font-size: 36px;
  }
}

.sn-breadcrumb-content ul {
  padding: 14px 24px;
  border-radius: 10px;
  display: inline-block;
  background: #fff;
  font-family: var(--mx-heading);
  border: 1px solid rgba(96, 91, 255, 0.2392156863);
  -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;
}

.sn-breadcrumb-content ul li {
  position: relative;
  margin-right: 38px;
  color: rgba(0, 0, 0, 0.52);
}

.sn-breadcrumb-content ul li:before {
  top: 2px;
  right: -35px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  background-image: url(../img/ic22.svg);
  background-repeat: no-repeat;
}

.sn-breadcrumb-content ul li:last-child {
  margin-right: 0;
}

.sn-breadcrumb-content ul li:last-child:before {
  display: none;
}

.sn-breadcrumb-content ul li a {
  color: rgb(0, 0, 0);
}

.sn-breadcrumb-wrapper {
  position: relative;
  z-index: 1;
}

/*---------------------------------------------------- */
/*Sidebar area*/
/*----------------------------------------------------*/
.sn-sidebar-wrap {
  padding: 16px;
  border-radius: 12px;
  background-color: #fff;
}

.sn-sidebar-widget {
  padding: 30px 28px;
  margin-bottom: 16px;
  border-radius: 12px;
  background-color: #F4F4F4;
}

.sn-sidebar-widget .widget-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}

.sn-sidebar-widget:last-child {
  margin-bottom: 0;
}

.sn-sidebar-widget .search-widget form {
  position: relative;
}

.sn-sidebar-widget .search-widget input {
  width: 100%;
  height: 54px;
  border: none;
  padding-left: 20px;
  border-radius: 5px;
  background-color: #fff;
}

.sn-sidebar-widget .search-widget input::-webkit-input-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input::-moz-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input:-ms-input-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input::-ms-input-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input::placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget button {
  top: 0;
  right: 0;
  width: 54px;
  color: #fff;
  height: 54px;
  border: none;
  border-radius: 5px;
  position: absolute;
  background-color: var(--mx-prime-c);
}

.widget_categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sn-sidebar-widget .category-widget li,
.widget_categories li {
  margin-bottom: 8px;
}

.sn-sidebar-widget .category-widget li:last-child,
.widget_categories li:last-child {
  margin-bottom: 0;
}

.sn-sidebar-widget .category-widget li a,
.widget_categories li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #414141;
  position: relative;
  border-radius: 6px;
  padding: 16px 20px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1215686275);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sn-sidebar-widget .category-widget li a:hover,
.widget_categories li a:hover {
  color: #fff;
  background-color: #000000;
}

.sn-sidebar-widget .recent-post-item {
  gap: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-sidebar-widget .recent-post-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.sn-sidebar-widget .recent-post-item:last-child {
  margin-bottom: 0;
}

.sn-sidebar-widget .recent-post-item .item-img {
  width: 112px;
  height: 123px;
  overflow: hidden;
  border-radius: 4px;
}

.sn-sidebar-widget .recent-post-item .item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sn-sidebar-widget .recent-post-item .item-text {
  max-width: 190px;
}

.sn-sidebar-widget .recent-post-item .item-text span {
  color: #6B7280;
  margin-bottom: 5px;
}

.sn-sidebar-widget .recent-post-item .item-text span i {
  color: var(--mx-prime-c);
  margin-right: 5px;
}

.sn-sidebar-widget .recent-post-item .item-text h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.sn-sidebar-widget .tag-widget li a,
.tagcloud a {
  margin: 5px 2px;
  font-size: 14px !important;
  font-weight: 500;
  padding: 7px 10px;
  border-radius: 4px;
  background-color: #fff;
}

.sn-sidebar-widget .tag-widget li a:hover,
.tagcloud a:hover {
  color: #fff;
  background-color: var(--mx-prime-c);
}

.sn-sidebar-widget .follow-widget .follow-icon {
  gap: 16px;
}

.sn-sidebar-widget .follow-widget a {
  z-index: 1;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.sn-sidebar-widget .follow-widget a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  content: "";
  border-radius: 8px;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background: linear-gradient(94.57deg, #34C9FF 0%, #8BA3FF 33.06%, #FD76E8 66.11%, #FF9951 100%);
}

.sn-sidebar-widget .follow-widget a:hover {
  color: #fff;
}

.sn-sidebar-widget .follow-widget a:hover:before {
  height: 100%;
}

/*---------------------------------------------------- */
/*Blog Page area*/
/*----------------------------------------------------*/
@-webkit-keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }
}

@keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }
}

.sn-blog-list-feed {
  margin: 0 auto;
  padding: 32px;
  border-radius: 12px;
  margin-bottom: 32px;
  -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.1019607843);
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed {
    padding: 15px;
  }
}

.sn-blog-list-feed .item-img {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
}

.sn-blog-list-feed .item-img img {
  width: 100%;
  height: 345px;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .item-img {
    height: 280px;
  }
}

.sn-blog-list-feed .item-img .sn-vd5-play {
  width: auto;
  height: auto;
}

.sn-blog-list-feed .item-img .inner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .item-img .inner-img {
    height: 280px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .item-img .blog-item-img-slide {
    height: 280px;
  }
}

.sn-blog-list-feed .item-img .blog-item-img-slide .slide-item-img {
  width: 100%;
  height: 100%;
}

.sn-blog-list-feed .item-img .blog-item-img-slide .slide-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sn-blog-list-feed .item-text .blog_title {
  color: #261723;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.25;
  padding-bottom: 15px;
  font-family: var(--rh-body-font);
}

@media (max-width: 480px) {
  .sn-blog-list-feed .item-text .blog_title {
    font-size: 26px;
  }
}

.sn-blog-list-feed .item-text p {
  padding-bottom: 20px;
}

.sn-blog-list-feed .item-text .read_more {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}

.sn-blog-list-feed .item-text .read_more span {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.sn-blog-list-feed .item-text .read_more span:hover {
  letter-spacing: 1px;
}

.sn-blog-list-feed .item-text .read_more span:hover i {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sn-blog-list-feed .item-text .read_more i {
  width: 32px;
  color: #fff;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  margin-left: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--mx-prime-c);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.sn-blog-list-feed .blog-item-meta {
  margin-bottom: 5px;
  padding-bottom: 12px;
}

.sn-blog-list-feed .blog-item-meta a {
  color: #504E4E;
  font-size: 18px;
  font-weight: 500;
  margin-right: 50px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .blog-item-meta a {
    margin-right: 15px;
  }
}

.sn-blog-list-feed .blog-item-meta a i {
  margin-right: 5px;
}

.sn-blog-list-feed .blog-item-meta a i img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.sn-blog-list-feed .blog-item-meta a:last-child {
  margin-right: 0;
}

.blog-item-arrow .nav-arrow {
  top: 50%;
  z-index: 1;
  width: 48px;
  height: 48px;
  color: #fff;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  backdrop-filter: blur(5px);
}

.blog-item-arrow .nav-arrow:hover {
  color: #fff;
  border: 2px solid var(--mx-prime-c);
  background: var(--mx-prime-c);
}

.blog-item-arrow .log-blog-button-prev {
  left: 30px;
}

.blog-item-arrow .log-blog-button-next {
  right: 30px;
}

.sn-vd5-play {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  border-radius: 100%;
}

.sn-vd5-play .video-play-btn {
  left: 0;
  top: 50%;
  right: 0;
  opacity: 1;
  margin: 0 auto;
  position: absolute;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sn-vd5-play .video-play-btn .video_btn_border {
  border: 15px solid rgba(255, 255, 255, 0.7);
}

.sn-vd5-play .video-play-btn a {
  width: 108px;
  height: 108px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  color: #000;
}

.sn-vd5-play .video-play-btn .video_btn_border {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  position: absolute;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border: 15px solid rgba(255, 255, 255, 0.7);
  -webkit-animation: border_animation 3.9s linear 0s infinite;
  animation: border_animation 3.9s linear 0s infinite;
}

.sn-vd5-play .video-play-btn .video_btn_border.border_wrap-2 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.sn-vd5-play .video-play-btn .video_btn_border.border_wrap-3 {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

/*---------------------------------------------------- */
/*Blog Details area*/
/*----------------------------------------------------*/

section#sn-b-thumbnail {
  background: #000;
}


.b-thumbnail {
  margin: 0 auto;
}

.b-thumbnail h3 {
  margin: 0 auto;
  font-size: 48px;
  line-height: 1;
  max-width: 765px;
  font-weight: 700;
  text-align: center;
  padding: 255px 15px;
  color: #fff;
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
  .b-thumbnail h3 {
    font-size: 40px;
    padding: 150px 15px;
  }
}

@media (max-width: 480px) {
  .b-thumbnail h3 {
    font-size: 30px;
  }
}

.b-thumbnail .b-thumb-meta {
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  max-width: 680px;
  background-color: #F5F5F5;
  padding: 25px 15px 23px;
  border-radius: 12px 12px 0px 0px;
}

@media (max-width: 480px) {
  .b-thumbnail .b-thumb-meta {
    padding: 15px 15px 13px;
  }
}

.b-thumbnail .b-thumb-meta a {
  color: #535862;
  font-size: 18px;
  margin: 0px 30px;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .b-thumbnail .b-thumb-meta a {
    margin: 0px 10px;
  }
}

@media (max-width: 480px) {
  .b-thumbnail .b-thumb-meta a {
    margin: 0px 5px;
  }
}

.b-thumbnail .b-thumb-meta a i {
  margin-right: 5px;
  color: var(--ag-color-1);
}

.sn-b-details-content {
  margin: 0 auto;
  max-width: 950px;
}
.mx-btn1 button {
  border: none;
  display: flex;
}
.sn-b-details-content h3 {
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 28px;
}
.sn-b-details-content h2 {
  margin-bottom: 15px;
  font-weight: 700;
}
.sn-b-details-content .wp-block-image {
  margin: 30px 0px;
  border-radius: 10px;
  overflow: hidden;
}
.sn-b-details-content ul li {
  line-height: 35px;
  color: #000;
}
.sn-b-details-content p {
      margin-bottom: 30px;
        line-height: 1.855;
        color: #000;
}

p.form-submit {
  display: none;
}

.sn-b-details-content blockquote {
  margin-top: 30px;
  color: #414141;
  font-size: 20px;
  font-weight: 500;
  padding: 40px 30px;
  font-style: italic;
  position: relative;
  border-radius: 8px;
  margin-bottom: 30px;
  background-color: #FFFFFF;
  border-left: 4px solid #34C9FF;
  border-right: 4px solid #FF9951;
}

.sn-b-details-content blockquote span {
  display: block;
  margin-top: 8px;
  padding-left: 55px;
  position: relative;
  text-transform: uppercase;
}

.sn-b-details-content blockquote span:before {
  left: 0;
  top: 12px;
  width: 40px;
  content: "";
  height: 2px;
  border-radius: 4px;
  position: absolute;
  background: linear-gradient(94.57deg, #34C9FF 0%, #8BA3FF 33.06%, #FD76E8 66.11%, #FF9951 100%);
}

.sn-b-details-content blockquote:after {
  top: 20px;
  left: 20px;
  width: 57px;
  opacity: 0.1;
  content: "";
  height: 39px;
  position: absolute;
}

.art-blog-share-tag {
  margin: 0 auto;
  max-width: 950px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

.art-blog-share-tag span {
  color: #261723;
  font-size: 20px;
  display: block;
  font-weight: 700;
  margin-right: 15px;
}

.art-blog-share-tag .art-blog-tag a {
  margin: 5px;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 5px;
  display: inline-block;
  background-color: #fff;
}

.art-blog-share-tag .art-blog-tag a:hover {
  color: #fff;
  background-color: var(--mx-prime-c);
}

.art-blog-share-tag .art-blog-share a {
  width: 36px;
  margin: 5px;
  height: 36px;
  border-radius: 100%;
  display: inline-block;
}

.art-blog-details-author {
  padding: 30px;
  gap: 30px 25px;
  margin: 0 auto;
  max-width: 950px;
  margin-top: 40px;
  border-radius: 10px;
  background: #E8EAEC;
}

.art-blog-details-author .admin-title-social {
  margin-bottom: 10px;
}

.art-blog-details-author .inner-img {
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 100%;
  border: 4px solid #fff;
}

.art-blog-details-author .inner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.art-blog-details-author .inner-text {
  max-width: 700px;
}

.art-blog-details-author .inner-text h4 {
  color: #261723;
  line-height: 1;
  font-size: 24px;
  font-weight: 500;
}

.art-blog-details-author .inner-text p {
  color: #261723;
  line-height: 1.8;
}

.art-blog-details-author .inner-social {
  margin-top: 15px;
}

.art-blog-details-author .inner-social a {
  color: #261723;
  margin-right: 15px;
}

.art-blog-details-author .inner-social a:hover {
  color: var(--mx-prime-c);
}

.art-b-comment-form {
  padding: 45px;
  margin: 0 auto;
  max-width: 950px;
  border-radius: 12px;
  margin-top: 60px;
  background-color: #F4F4F4;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.art-b-comment-form h3 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}

.art-b-comment-form input,
.art-b-comment-form textarea {
  width: 100%;
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 8px;
  padding-left: 24px;
  margin-bottom: 16px;
  background-color: #fff;
}

.art-b-comment-form textarea {
  height: 148px;
  padding-top: 20px;
}
.sn-error-text h3 {
  font-size: 50px;
  font-weight: 700;
}

.sn-error-text p {
  font-size: 20px;
  margin: 10px 0;
}
/*---------------------------------------------------- */
/*# sourceMappingURL=style.css.map */