@charset "UTF-8";
/*
Theme Name: Trucker 
Author: Website_Stock
Author URI: https://themeforest.net/user/website_stock
Discription: Transport Courier & Logistics Html5 Template
Version: 1.0.0
Developed By : MD Saiful Islam Tamim
*/
/************************************** base css **************************************/
/* Author CSS */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Heebo:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  overflow: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "DM Sans", serif;
  color: #023552;
  overflow-x: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

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

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

a {
  text-decoration: none;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
}

button {
  cursor: pointer;
}

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

h1,
h2,
h3,
h4,
h5,
h5 {
  font-family: "DM Sans", serif;
  margin: 0;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h5,
p,
a,
article,
aside,
span,
li,
button,
input,
textarea {
  text-wrap: auto;
  list-style-type: none;
}

p,
a,
article,
aside,
span,
li,
a,
button,
input,
textarea {
  font-family: "DM Sans", serif;
}

.mat__container {
  max-width: 1296px;
  margin: 0 auto;
  padding: 0 20px;
}

/***************** spacing padding *************/
.mat__ptb-140 {
  padding: 140px 0;
}

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

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

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

.mat__ptb-120 {
  padding: 120px 0;
}

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

.mat__ptb-60 {
  padding: 60px 0;
}

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

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

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

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

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

.mat__pt-32 {
  padding-top: 32px;
}

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

.mat__pb-32 {
  padding-bottom: 32px;
}

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

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

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

.mat__py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.mat__px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mat__px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.mat__px-28 {
  padding-left: 28px;
  padding-right: 28px;
}

.mat__px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.mat__py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.mat__px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.mat__py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*********************** spacing margin ***********************/
.mat__mt-10 {
  margin-top: 10px;
}

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

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

.mat__mt-32 {
  margin-top: 32px;
}

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

.mat__mt-48 {
  margin-top: 48px;
}

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

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

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

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

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

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

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

.mat__mb-32 {
  margin-bottom: 32px;
}

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

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

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

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

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

.mat__mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.mat__mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mat__my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mat__my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

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

/******************************* theme css **********************************/
.scroll-up {
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px #6ACC00;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  position: fixed;
  right: 25px;
  bottom: 35px;
  height: 50px;
  width: 50px;
  transition: all 0.3s ease-in-out;
}

.scroll-up::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  content: "\f062";
  text-align: center;
  line-height: 50px;
  font-weight: 700;
  font-size: 18px;
  color: #6ACC00;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

.scroll-up svg path {
  fill: none;
}

.scroll-up svg.scroll-circle path {
  stroke: #023552;
  stroke-width: 4px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}

.scroll-up.active-scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mat__align-center {
  text-align: center;
}

.mat__align-left {
  text-align: left;
}

.mat__align-right {
  text-align: right;
}

.mat__title-wrapper .mat__main-title {
  font-size: 45px;
  font-weight: 700;
  color: #023552;
}

@media (max-width: 767px) {
  .mat__title-wrapper .mat__main-title {
    font-size: 30px;
    line-height: 40px;
  }

  .mat__title-wrapper .mat__main-title br {
    display: none;
  }
}

@media (max-width: 439px) {
  .mat__title-wrapper .mat__main-title {
    font-size: 25px;
    line-height: 35px;
  }
}

.mat__title-wrapper .mat__sub-titel {
  color: #6ACC00;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 34px;
}

@media (max-width: 767px) {
  .mat__title-wrapper .mat__sub-titel {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .mat__title-wrapper .mat__sub-titel br {
    display: none;
  }
}

.range-input {
  width: 100%;
  background: linear-gradient(to right, #023552 70%, #FFFFFF 70%);
  height: 6px;
  border-radius: 10px;
  appearance: none;
  cursor: pointer;
}

.range-input::-webkit-slider-runnable-track {
  height: 4px;
  background: transparent;
}

.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #023552;
  margin-top: -6px;
  cursor: pointer;
}

.range-input::-moz-range-track {
  height: 6px;
  background: transparent;
}

.range-input::-moz-range-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #023552;
  cursor: pointer;
}

@keyframes mat__headerStickyAnimations {
  0% {
    transform: translateY(-100px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes mat__bounceY {
  0% {
    transform: translateY(0) translateX(0);
  }

  50% {
    transform: translateY(7px) translateX(15px);
  }

  to {
    transform: translateY(0) translateX(0);
  }
}

@keyframes mat__bounceX {
  0% {
    transform: translateY(0) translateX(0);
  }

  50% {
    transform: translateY(15px) translateX(7px);
  }

  to {
    transform: translateY(0) translateX(0);
  }
}

@keyframes mat__bounceX1 {
  0% {
    transform: translateX(0) translateY(0);
  }

  50% {
    transform: translateX(15px) translateY(7px);
  }

  to {
    transform: translateX(0) translateY(0);
  }
}

@keyframes scalingAnimation {
  0% {
    scale: 100%;
  }

  33.333% {
    scale: 0.5;
  }

  50% {
    scale: 0.7;
  }

  66.666% {
    scale: 0.9;
  }

  100% {
    scale: 100%;
  }
}

@keyframes scalingAnimation1 {
  0% {
    scale: 100%;
  }

  20% {
    scale: 95%;
  }

  50% {
    scale: 101%;
  }

  100% {
    scale: 100%;
  }
}

@keyframes mat__rotingAnimation {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes mat__LeftBesiteAnimation {
  0% {
    left: 0;
  }

  25% {
    left: 5px;
  }

  75% {
    left: 8px;
  }

  100% {
    left: 0;
  }
}

@keyframes mat__ImgFlowingAnimation {
  100% {
    left: 125%;
  }
}

@keyframes mat__banner-slide {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes mat__circle-text-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes mat__scalingAnimation {
  0% {
    scale: 100%;
  }

  33.333% {
    scale: 0.5;
  }

  50% {
    scale: 0.7;
  }

  66.666% {
    scale: 0.9;
  }

  100% {
    scale: 100%;
  }
}

.mat__slider-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 50%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

@media (max-width: 767px) {
  .mat__slider-arrow {
    top: 39%;
    transform: translateY(-50%);
  }
}

@media (max-width: 575px) {
  .mat__slider-arrow {
    justify-content: center;
    gap: 25px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -65px;
    margin-top: 25px;
  }
}

.mat__slider-btn {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  background-color: #FFFFFF;
  color: #6ACC00;
  font-size: 30px;
  transition: linear 0.4s;
}

@media (max-width: 767px) {
  .mat__slider-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}

.mat__slider-btn:hover {
  background-color: #6ACC00;
  color: #FFFFFF;
}

.mat__slider-btn::before {
  width: 90px;
  height: 90px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  content: "";
  border-radius: 50%;
  border: 1px solid #6ACC00;
}

@media (max-width: 767px) {
  .mat__slider-btn::before {
    width: 60px;
    height: 60px;
  }
}

.mat__slider-btn.mat__next-slider-btn {
  left: 38px;
}

@media (max-width: 767px) {
  .mat__slider-btn.mat__next-slider-btn {
    left: 20px;
  }
}

@media (max-width: 575px) {
  .mat__slider-btn.mat__next-slider-btn {
    left: 0;
  }
}

.mat__slider-btn.mat__prev-slider-btn {
  right: 38px;
}

@media (max-width: 767px) {
  .mat__slider-btn.mat__prev-slider-btn {
    left: -20px;
  }
}

@media (max-width: 575px) {
  .mat__slider-btn.mat__prev-slider-btn {
    left: 0;
  }
}

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax>.jarallax-img,
picture.jarallax-img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.mat__delivary-bullet-point {
  text-align: center;
  margin-top: 45px;
}

@media (max-width: 767px) {
  .mat__delivary-bullet-point {
    margin-top: 30px;
  }
}

.mat__delivary-bullet-point .swiper-pagination-bullet {
  background-color: #88C2BB;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.mat__delivary-bullet-point .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #6ACC00;
}

.mat__slider-arrow-testimonial-home-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 1296px;
  left: 50%;
}

@media (max-width: 1399px) {
  .mat__slider-arrow-testimonial-home-2 {
    position: unset;
    left: 0;
    top: 0;
    bottom: 50px;
    transform: unset;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
    width: 100%;
  }
}

.mat__slider-arrow-testimonial-home-2 .mat__slider-testimonial-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #747474;
  line-height: 56px;
  display: inline-block;
  text-align: center;
  transition: linear 0.4s;
}

.mat__slider-arrow-testimonial-home-2 .mat__slider-testimonial-btn:hover {
  background-color: #6ACC00;
  color: #FFFFFF;
  border-color: transparent;
}

.mat__slider-arrow-testimonial-home-2 .mat__slider-testimonial-btn::before {
  display: none;
}

.mat__slider-arrow-testimonial-home-2 .mat__next-slider-testimonial-btn {
  position: relative;
  left: -65px;
}

@media (max-width: 1499px) {
  .mat__slider-arrow-testimonial-home-2 .mat__next-slider-testimonial-btn {
    left: -30px;
  }
}

@media (max-width: 1399px) {
  .mat__slider-arrow-testimonial-home-2 .mat__next-slider-testimonial-btn {
    left: 0;
  }
}

.mat__slider-arrow-testimonial-home-2 .mat__prev-slider-testimonial-btn {
  position: relative;
  right: -65px;
}

@media (max-width: 1499px) {
  .mat__slider-arrow-testimonial-home-2 .mat__prev-slider-testimonial-btn {
    right: -30px;
  }
}

@media (max-width: 1399px) {
  .mat__slider-arrow-testimonial-home-2 .mat__prev-slider-testimonial-btn {
    right: 0;
  }
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: unset;
}

.mtFadeInUp {
  opacity: 0;
  /* Start invisible */
  animation: mtFadeInUp 2s ease-out forwards;
  /* 2 seconds duration, ease-out effect */
}

@keyframes mtFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
    /* Start slightly below */
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    /* End at original position */
  }
}

@keyframes mtslideInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.mtfadeInLeft {
  opacity: 0;
  /* Start invisible */
  animation: mtfadeInLeft 2s ease-out forwards;
  /* 2 seconds duration, ease-out effect */
}

@keyframes mtfadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
    /* Start slightly to the left */
  }

  100% {
    opacity: 1;
    transform: translateX(0);
    /* End at original position */
  }
}

.mtSkillInLeft {
  opacity: 0;
  /* Start invisible */
  animation: mtSkillInLeft 2s ease-out forwards;
  /* 2 seconds duration, ease-out effect */
}

@keyframes mtSkillInLeft {
  0% {
    opacity: 0;
    transform: translateX(-300px);
    /* Start slightly to the left */
  }

  100% {
    opacity: 1;
    transform: translateX(0);
    /* End at original position */
  }
}

.slideinup {
  -webkit-animation-name: slideinup;
  animation-name: slideinup;
}

@keyframes slideinup {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes slideinright {
  0% {
    opacity: 0;
    transform: translateX(70px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideindown {
  0% {
    opacity: 0;
    transform: translateY(-70px);
  }

  100% {
    transform: translateY(0);
  }
}

.slideinleft {
  -webkit-animation-name: slideinleft;
  animation-name: slideinleft;
}

@keyframes slideinleft {
  0% {
    opacity: 0;
    transform: translateX(-70px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slidebottomright {
  0% {
    opacity: 0;
    transform: translateX(100px) translateY(100px);
  }

  100% {
    transform: translateX(0) translateY(0);
  }
}

@keyframes slidetopleft {
  0% {
    opacity: 0;
    transform: translateX(-100px) translateY(-100px);
  }

  100% {
    transform: translateX(0) translateY(0);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

  0% {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
  }

  75% {
    border-top-color: #fff !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
    border-bottom-color: transparent;
  }

  100% {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
  }
}

/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

/******************************** components ******************************/
.mat__header-area-home-1 .mat__header-topbar {
  background-color: #023552;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 650px) {
  .mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper {
    display: block;
  }
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-left {
  display: flex;
  align-items: center;
  gap: 87px;
}

@media (max-width: 767px) {
  .mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-left {
    gap: 30px;
  }
}

@media (max-width: 650px) {
  .mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-left {
    display: none;
  }
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-left .mat__header-topbar-info {
  transition: linear 0.4s;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-left .mat__header-topbar-info:hover {
  color: #6ACC00;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right {
  display: flex;
  align-items: center;
  gap: 68px;
  position: relative;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right::before {
  content: "";
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20.741px;
}

@media (max-width: 650px) {
  .mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right {
    gap: 20px;
  }
}

@media (max-width: 650px) {
  .mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right {
    justify-content: space-between;
  }
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right .mat__topbar-lan-select .nice-select {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right .mat__topbar-lan-select .nice-select::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 8px;
  height: 8px;
  top: 45%;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right .mat__topbar-lan-select .nice-select .list {
  color: #061316;
  z-index: 99999;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right .mat__topbar-social-media {
  display: flex;
  align-items: center;
  gap: 15px;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right .mat__topbar-social-media a {
  transition: linear 0.4s;
}

.mat__header-area-home-1 .mat__header-topbar .mat__header-wrapper .mat__topbar-right .mat__topbar-social-media a:hover {
  color: #6ACC00;
}

.mat__header-area-home-1 .mat__header-menu {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 999;
}

.mat__header-area-home-1 .mat__header-menu.mat__header-sticky {
  position: fixed !important;
  top: 0;
  animation: mat__headerStickyAnimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  display: block;
  width: 100%;
  z-index: 999;
  max-width: 100%;
  box-shadow: 10px 10px 42px -1px rgba(65, 63, 63, 0.15);
  background-color: #fff !important;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 22px;
}

@media (max-width: 1099px) {
  .mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner {
    display: none;
  }
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu {
  display: flex;
  align-items: center;
  gap: 69px;
}

@media (max-width: 1299px) {
  .mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu {
    gap: 45px;
  }
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li {
  position: relative;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li a {
  transition: linear 0.4s;
  position: relative;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li a.mat__submenu-open-here::after {
  content: "";
  position: absolute;
  background-color: #023552;
  width: 2px;
  height: 10px;
  right: -12px;
  top: 54%;
  transform: translateY(-50%);
  transition: linear 0.3s;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li a.mat__submenu-open-here::before {
  content: "";
  position: absolute;
  background-color: #023552;
  width: 10px;
  height: 2px;
  right: -16px;
  top: 54%;
  transform: translateY(-50%);
  transition: linear 0.3s;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li a:hover {
  color: #6ACC00;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li .mat__sub-menu {
  left: 0;
  position: absolute;
  transform: translateY(-25px) scaleY(0.8);
  top: 135%;
  background: #FFFFFF;
  transition: all ease 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 15px 20px;
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  margin: 0px auto;
  width: 180px;
  right: unset;
  display: block;
  transform: linear 0.4s;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li .mat__sub-menu::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  top: 0;
  background-color: #6ACC00;
  transition: linear 0.4s;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li .mat__sub-menu li {
  display: block;
  margin-bottom: 5px;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li .mat__sub-menu li a {
  transition: linear 0.4s;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li .mat__sub-menu li a:hover {
  color: #6ACC00;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li:hover .mat__submenu-open-here {
  color: #6ACC00;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li:hover .mat__submenu-open-here::after {
  display: none;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li:hover .mat__submenu-open-here::before {
  background-color: #6ACC00;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li:hover .mat__sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) scaleY(1);
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__menu__inner .mat__menu li:hover .mat__sub-menu::before {
  width: 100%;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right {
  display: flex;
  align-items: center;
  gap: 33px;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn {
  display: flex;
  align-items: center;
  gap: 47px;
  position: relative;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn::before {
  content: "";
  background: rgba(223, 223, 223, 0.55);
  position: absolute;
  left: 45%;
  transform: translateX(-50%);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 43px;
}

@media (max-width: 575px) {
  .mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn::before {
    display: none;
  }
}

@media (max-width: 1299px) {
  .mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn {
    gap: 20px;
  }
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn .mat__search-icon {
  transition: linear 0.4s;
}

@media (max-width: 575px) {
  .mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn .mat__search-icon {
    display: none;
  }
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn .mat__search-icon:hover {
  color: #6ACC00;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn .mat__mobile-menu-bar svg path {
  transition: linear 0.4s;
}

.mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .trucker-search-mobile-menu-btn .mat__mobile-menu-bar:hover svg path {
  fill: #023552;
}

@media (max-width: 575px) {
  .mat__header-area-home-1 .mat__header-menu .mat__menu-wrapper .mat__header-menu-right .mat__header-btn {
    display: none;
  }
}

@media (max-width: 650px) {
  .mat__header-area-home-1.mat__header-area-home-2 .mat__header-topbar .mat__header-wrapper .mat__topbar-left {
    display: block;
    text-align: center;
  }
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__header-topbar .mat__header-wrapper .mat__topbar-left .mat__header-topbar-info:hover {
  color: #FFFFFF;
}

@media (max-width: 650px) {
  .mat__header-area-home-1.mat__header-area-home-2 .mat__header-topbar .mat__header-wrapper .mat__topbar-right {
    display: none;
  }
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__header-topbar .mat__header-wrapper .mat__topbar-right::before {
  display: none;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar {
  background-color: #6ACC00;
  padding-top: 25px;
  padding-bottom: 50px;
}

@media (max-width: 650px) {
  .mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar {
    display: none;
  }
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-bar-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-logo {
  width: 25%;
}

@media (max-width: 1099px) {
  .mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-logo {
    display: none;
  }
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-contact-info-wrapper {
  width: 75%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1099px) {
  .mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-contact-info-wrapper {
    width: 100%;
  }
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-contact-info-wrapper .mat__midel-contact-info-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-contact-info-wrapper .mat__midel-contact-info-item .mat__midel-contact-info-icon span {
  color: #FFFFFF;
  font-size: 30px;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__midel-bar .mat__midel-bar-line {
  background: rgba(219, 219, 219, 0.65);
  width: 1px;
  height: 45px;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__header-menu {
  top: 38px;
}

@media (max-width: 650px) {
  .mat__header-area-home-1.mat__header-area-home-2 .mat__header-menu {
    top: unset;
  }
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__header-menu.mat__header-sticky {
  top: 0;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__header-menu.mat__header-sticky .mat__menu-wrapper .mat__logo {
  display: block;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__header-menu .mat__menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
}

.mat__header-area-home-1.mat__header-area-home-2 .mat__header-menu .mat__menu-wrapper .mat__logo {
  /* display: none; */
}

@media (max-width: 1099px) {
  .mat__header-area-home-1.mat__header-area-home-2 .mat__header-menu .mat__menu-wrapper .mat__logo {
    /* display: block; */
  }
}

.mat__btn-style-1 {
  background-color: #6ACC00;
  color: #FFFFFF;
  padding: 20px 37px 20px 28px;
  border-radius: 4px;
  transition: linear 0.4s;
}

.mat__btn-style-1:hover {
  background-color: #023552;
}

.mat__btn-style-1 i {
  right: -5px;
  position: relative;
}

.mat__footer-area-home-2 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 40px;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .mat__footer-area-home-2 {
    padding-top: 80px;
  }
}

.mat__footer-area-home-2 .mat__footer-wrapper {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    row-gap: 30px;
  }
}

@media (max-width: 767px) {
  .mat__footer-area-home-2 .mat__footer-wrapper {
    grid-template-columns: 100%;
  }
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo {
  width: 26.33%;
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo {
    width: 29.33%;
  }
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo {
    width: 71.33%;
  }
}

@media (max-width: 575px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo {
    width: 100%;
  }
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-logo-bottom-text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #B4B4B4;
  margin-top: 20px;
  margin-bottom: 32px;
}

@media (max-width: 1199px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-logo-bottom-text br {
    display: none;
  }
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location .mat__footer-location-icon,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone .mat__footer-location-icon {
  position: relative;
  top: 7px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location .mat__footer-location-text,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone .mat__footer-location-text {
  color: #B4B4B4;
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location .mat__footer-email-phone-icon,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone .mat__footer-email-phone-icon {
  position: relative;
  top: 7px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location .mat__footer-email-phone-text .mat__footer-email-text,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location .mat__footer-email-phone-text .mat__footer-phone-text,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone .mat__footer-email-phone-text .mat__footer-email-text,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone .mat__footer-email-phone-text .mat__footer-phone-text {
  color: #B4B4B4;
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
  display: block;
  transition: linear 0.3s;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location .mat__footer-email-phone-text .mat__footer-email-text:hover,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-location .mat__footer-email-phone-text .mat__footer-phone-text:hover,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone .mat__footer-email-phone-text .mat__footer-email-text:hover,
.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-logo .mat__footer-email-phone .mat__footer-email-phone-text .mat__footer-phone-text:hover {
  color: #6ACC00;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper {
  width: 33.33%;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper {
    width: 87.33%;
  }
}

@media (max-width: 767px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper {
    width: 60.33%;
  }
}

@media (max-width: 650px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper {
    width: 100%;
  }
}

@media (max-width: 439px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper {
    display: block;
  }

  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu {
    margin-bottom: 30px;
  }

  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu:last-child {
    margin-bottom: 0;
  }
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu-title {
  font-size: 22px;
  font-weight: 500;
  color: #fff !important;
  line-height: 32px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu-list {
  position: relative;
  left: -14px;
  margin-top: 20px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu-list li a {
  font-size: 16px;
  font-weight: 500;
  color: #B4B4B4;
  transition: linear 0.3s;
  line-height: 46px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu-list li a svg {
  position: relative;
  left: -8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3 ease-in;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu-list li a:hover {
  color: #6ACC00;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-menu-wrapper .mat__footer-menu-list li a:hover svg {
  opacity: 1;
  visibility: visible;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter {
  width: 25.33%;
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter {
    width: 30.33%;
  }
}

@media (max-width: 1099px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter {
    width: 35.33%;
  }
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter {
    width: 100%;
    grid-column: 1/-1;
  }
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newlatter-title {
  font-size: 22px;
  font-weight: 500;
  color: #fff !important;
  line-height: 32px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper {
  background: rgba(255, 255, 255, 0.02);
  padding: 44px 20px 48px 20px;
  margin-top: 38px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper form {
  position: relative;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper input {
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgba(237, 237, 237, 0.17);
  color: #fff !important;
  padding-bottom: 20px;
  width: 100%;
  transition: 0.3s ease;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper input:focus {
  border-color: #6ACC00;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper button {
  background-color: unset;
  border: none;
  position: absolute;
  right: 0;
  rotate: 45deg;
  color: #fff !important;
  transition: linear 0.3s;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper button:hover {
  color: #6ACC00;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-input-text-point {
  margin-top: 30px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-input-text-point .mat__agreement-container {
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-input-text-point .mat__checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #4E545F;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-input-text-point .mat__checkbox.mat__checked {
  background-color: #6ACC00;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-input-text-point .mat__checkbox.mat__checked::after {
  content: "✓";
  color: #fff !important;
  font-size: 15px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-input-text-point .mat__text {
  font-size: 15px;
  font-weight: 500;
  color: #B4B4B4;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-newslatter-icons {
  display: flex;
  align-items: center;
  gap: 23px;
  margin-top: 30px;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-newslatter-icons a {
  color: #fff !important;
  transition: linear 0.3s;
}

.mat__footer-area-home-2 .mat__footer-wrapper .mat__footer-newslatter .mat__footer-newslatter-wrapper .mat__footer-newslatter-icons a:hover {
  color: #6ACC00;
}

.mat__footer-area-home-2 .mat__footer-info-hilight {
  display: flex;
  align-items: center;
  margin-top: 62px;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight {
    display: block;
    margin-top: 35px;
  }
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left {
  background-color: #6ACC00;
  position: relative;
  padding: 58px 62px;
  width: 50%;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left {
    width: 100%;
  }
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left {
    padding: 35px 20px;
  }
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-icon-1 {
  position: absolute;
  left: 0;
  bottom: 0;
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper {
  display: flex;
  align-items: center;
  gap: 35px;
  justify-content: center;
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper {
    gap: 20px;
  }
}

@media (max-width: 575px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper {
    display: block;
    text-align: center;
  }
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper .mat__footer-info-email-text {
  color: #fff !important;
  font-size: 22px;
  font-weight: 600;
  font-family: "Jost", serif;
  border-radius: 66.5px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 15px 15px;
  display: block;
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper .mat__footer-info-email-text {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper .mat__footer-info-email-text {
    margin-top: 15px;
  }
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper .mat__footer-info-email-text:hover a {
  color: #023552;
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper .mat__footer-info-email-text a {
  text-decoration: underline;
  color: #fff !important;
  font-size: 22px;
  font-weight: 600;
  font-family: "Jost", serif;
  transition: linear 0.3s;
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-left .mat__footer-info-email-text-wrapper .mat__footer-info-email-text a {
    font-size: 18px;
  }
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right {
  background-color: #061316;
  position: relative;
  padding: 58px 62px;
  width: 50%;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right {
    width: 100%;
  }
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right {
    padding: 35px 20px;
  }
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper {
  display: flex;
  align-items: center;
  gap: 35px;
}

@media (max-width: 1299px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper {
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper {
    display: block;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper .mat__footer-info-headset-text br {
    display: none;
  }
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper .mat__footer-info-color-text,
.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper .mat__footer-info-green-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  font-weight: "Jost", serif;
  color: #fff !important;
  text-transform: uppercase;
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper .mat__footer-info-color-text.mat__footer-info-green-text,
.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper .mat__footer-info-green-text.mat__footer-info-green-text {
  color: #6ACC00;
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper .mat__footer-info-number {
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  font-weight: "Jost", serif;
  color: #6ACC00;
  transition: linear 0.3s;
}

.mat__footer-area-home-2 .mat__footer-info-hilight .mat__footer-info-right .mat__footer-info-right-wrapper .mat__footer-info-number:hover {
  color: #fff !important;
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 72px;
  border-top: 1px solid rgba(242, 242, 242, 0.07);
  padding: 18px 0;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-copyright-text-wrapper {
    display: grid;
    text-align: center;
    grid-template-columns: 1fr;
  }
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-text {
  font-size: 18px;
  font-weight: 500;
  color: #B4B4B4;
  font-family: "Jost", serif;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-text {
    order: 3;
  }
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-text .mat__copyright-text-highlight {
  color: #6ACC00;
  font-size: 18px;
  font-weight: 500;
  font-family: "Jost", serif;
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-icons {
  display: flex;
  align-items: center;
  gap: 22px;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-icons {
    justify-content: center;
    order: 2;
    margin-bottom: 10px;
  }
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-icons a {
  background: rgba(251, 251, 253, 0.08);
  color: rgba(255, 255, 255, 0.61);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  font-size: 13px;
  transition: linear 0.3s;
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-icons a:hover {
  background-color: #6ACC00;
  color: #fff !important;
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-menu {
  display: flex;
  align-items: center;
  position: relative;
  gap: 30px;
  max-width: max-content;
}

@media (max-width: 991px) {
  .mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-menu {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-menu::before {
  content: "";
  position: absolute;
  left: 49%;
  transform: translateX(-50%);
  width: 1px;
  height: 65%;
  background-color: rgba(255, 255, 255, 0.79);
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-menu a {
  color: rgba(255, 255, 255, 0.79);
  font-size: 18px;
  font-weight: 500;
  font-family: "Jost", serif;
  transition: linear 0.3s;
}

.mat__footer-area-home-2 .mat__footer-copyright-text-wrapper .mat__footer-copyright-menu a:hover {
  color: #6ACC00;
}

.mat__main-sitebar {
  width: 35%;
}

@media (max-width: 1299px) {
  .mat__main-sitebar {
    width: 43%;
  }
}

@media (max-width: 991px) {
  .mat__main-sitebar {
    width: 100%;
    margin-top: 35px;
  }
}

.mat__main-sitebar .mat__blog-details-under-line-title {
  padding-bottom: 10px;
  margin-bottom: 14px;
}

.mat__main-sitebar .mat__blog-details-under-line-title::after {
  height: 2px;
}

.mat__main-sitebar .mat__search-field {
  padding: 22px;
  border-radius: 4px;
  background: #F7F9FB;
  position: relative;
}

.mat__main-sitebar .mat__search-field input[type=text] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #6ACC00;
  padding: 14px 20px;
  width: 100%;
  transition: linear 0.4s;
}

.mat__main-sitebar .mat__search-field input[type=text]:focus-visible {
  border-color: #023552;
}

.mat__main-sitebar .mat__search-field input[type=text]::placeholder {
  font-size: 16px;
  font-weight: 700;
  color: #6ACC00;
}

.mat__main-sitebar .mat__search-field button[type=submit] {
  background-color: #6ACC00;
  border: none;
  padding: 15px 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  right: 20px;
  transition: linear 0.4s;
}

.mat__main-sitebar .mat__search-field button[type=submit] svg path {
  transition: linear 0.4s;
  fill: #FFFFFF;
}

.mat__main-sitebar .mat__search-field button[type=submit]:hover {
  background-color: #023552;
}

.mat__main-sitebar .mat__category-wrapper {
  border-radius: 4px;
  background: #F7F9FB;
  padding-top: 38px;
  padding-bottom: 50px;
  padding-left: 32px;
  padding-right: 32px;
  margin-top: 26px;
}

.mat__main-sitebar .mat__category-wrapper .mat__category-text {
  display: block;
  border-bottom: 1px solid #000;
  position: relative;
  padding-top: 33px;
  padding-bottom: 16px;
  transition: linear 0.4s;
}

.mat__main-sitebar .mat__category-wrapper .mat__category-text:hover {
  border-color: #6ACC00;
  color: #6ACC00;
}

.mat__main-sitebar .mat__category-wrapper .mat__category-text:hover i {
  color: #6ACC00;
}

.mat__main-sitebar .mat__category-wrapper .mat__category-text i {
  position: absolute;
  right: 0;
  top: 60%;
  transform: translateY(-50%);
  transition: linear 0.4s;
}

.mat__main-sitebar .mat__sitebar-banner {
  margin-top: 30px;
}

.mat__main-sitebar .mat__sitebar-short-blog-wrapper {
  border-radius: 4px;
  background: #F7F9FB;
  margin-top: 30px;
  padding-top: 38px;
  padding-bottom: 50px;
  padding-left: 27px;
  padding-right: 27px;
}

.mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner {
  margin-top: 28px;
}

.mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner .mat__sitebar-short-blog-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}

@media (max-width: 1199px) {
  .mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner .mat__sitebar-short-blog-item img {
    width: 25%;
  }
}

.mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner .mat__sitebar-short-blog-item:last-child {
  margin-bottom: 0;
}

.mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner .mat__sitebar-short-blog-item .mat__sitebar-short-blog-info .mat__sitebar-short-blog-date-wrapper {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-bottom: 14px;
}

.mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner .mat__sitebar-short-blog-item .mat__sitebar-short-blog-info .mat__sitebar-short-blog-title a {
  transition: linear 0.4s;
}

.mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner .mat__sitebar-short-blog-item .mat__sitebar-short-blog-info .mat__sitebar-short-blog-title a:hover {
  color: #6ACC00;
}

@media (max-width: 1099px) {
  .mat__main-sitebar .mat__sitebar-short-blog-wrapper .mat__sitebar-short-blog-inner .mat__sitebar-short-blog-item .mat__sitebar-short-blog-info .mat__sitebar-short-blog-title a br {
    display: none;
  }
}

.mat__main-sitebar .mat__sitebar-tags-wrapper {
  margin-top: 26px;
  border-radius: 4px;
  background: #F7F9FB;
  padding-top: 28px;
  padding-bottom: 45px;
  padding-left: 30px;
  padding-right: 30px;
}

.mat__main-sitebar .mat__sitebar-tags-wrapper .mat__sitebar-tag-inner {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 10px;
  flex-wrap: wrap;
}

.mat__main-sitebar .mat__sitebar-tags-wrapper .mat__sitebar-tag-inner a {
  padding: 10px 22px;
  border-radius: 4px;
  background: #F7F9FB;
  border: 1px solid #6ACC00;
  display: inline-block;
  transition: linear 0.4s;
}

.mat__main-sitebar .mat__sitebar-tags-wrapper .mat__sitebar-tag-inner a:hover {
  background-color: #6ACC00;
  color: #FFFFFF;
  border-color: transparent;
}

.mat__hero-area {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 100vh;
  z-index: 1;
  background-color: transparent;
}

.mat__hero-area.mat__breadcrumb-area {
  min-height: 552px;
}

/* Hero Area Responsive Heights */
@media (max-width: 991px) {
  .mat__hero-area {
    min-height: 550px;
  }
}

@media (max-width: 767px) {
  .mat__hero-area {
    min-height: 500px;
  }
}

@media (max-width: 575px) {
  .mat__hero-area {
    min-height: 450px;
  }
}

@media (max-width: 439px) {
  .mat__hero-area {
    min-height: 400px;
  }
}

.mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
}

.mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper .mat__breadcrumb-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin-top: 19px;
}

.mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper .mat__breadcrumb-menu a {
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 28px;
  transition: linear 0.4s;
  font-family: "Jost", serif;
}

.mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper .mat__breadcrumb-menu a:hover {
  color: #6ACC00;
}

.mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper .mat__breadcrumb-menu .mat__breadcrumb-icon {
  color: #FFFFFF;
}

/* Mobile breadcrumb positioning */
@media (max-width: 768px) {
  .mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper {
    top: 160px;
  }
}

@media (max-width: 575px) {
  .mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper {
    top: 140px;
  }
}

@media (max-width: 439px) {
  .mat__hero-area.mat__breadcrumb-area .mat__breadcrumb-wrapper {
    top: 120px;
  }
}

.mat__hero-area::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(6, 46, 57, 0.55);
}

.mat__hero-area .mat__hero-text-content {
  position: absolute;
  left: 35%;
  top: 70%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* Mobile hero text content positioning */
@media (max-width: 768px) {
  .mat__hero-area .mat__hero-text-content {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .mat__hero-area .mat__hero-text-content {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
  }
}

/* Hero Content Wrapper Responsive Positioning */
.mat__hero-content-wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  padding-top: 120px;
}

/* Mobile and Tablet Responsive Adjustments */
@media (max-width: 1024px) {
  .mat__hero-content-wrapper {
    min-height: 80vh;
    padding-top: 200px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .mat__hero-content-wrapper {
    min-height: 85vh;
    padding-top: 240px;
    align-items: flex-start;
  }
}

@media (max-width: 576px) {
  .mat__hero-content-wrapper {
    min-height: 90vh;
    padding-top: 280px;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .mat__hero-content-wrapper {
    min-height: 95vh;
    padding-top: 300px;
    align-items: flex-start;
  }
}

@media (max-width: 375px) {
  .mat__hero-content-wrapper {
    min-height: 100vh;
    padding-top: 320px;
    align-items: flex-start;
  }
}

/* Additional mobile hero adjustments */
@media (max-width: 360px) {
  .mat__hero-content-wrapper {
    min-height: 100vh;
    padding-top: 340px;
    align-items: flex-start;
  }
}

/* Fix for very small screens */
@media (max-width: 320px) {
  .mat__hero-content-wrapper {
    min-height: 100vh;
    padding-top: 360px;
    align-items: flex-start;
  }
}

/* Ensure hero area positioning accounts for header on all mobile devices */
@media (max-width: 768px) {
  .mat__hero-area {
    margin-top: 0;
    padding-top: 0;
  }

  .mat__hero-text-content {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
  }
}

.mat__hero-area .mat__hero-text-content .mat__hero-sub-title {
  margin-bottom: 36px;
  margin-top: 60px;
  /* Added spacing from top */
}

@media (max-width: 767px) {
  .mat__hero-area .mat__hero-text-content .mat__hero-sub-title {
    margin-bottom: 25px;
  }
}

@media (max-width: 439px) {
  .mat__hero-area .mat__hero-text-content .mat__hero-sub-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .mat__hero-area .mat__hero-text-content .mat__hero-title {
    font-size: 45px;
    line-height: 55px;
  }
}

@media (max-width: 439px) {
  .mat__hero-area .mat__hero-text-content .mat__hero-title {
    font-size: 30px;
    line-height: 40px;
  }
}

.mat__hero-area .mat__hero-features-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 55px;
  background: #023552;
  padding: 45px 55px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1499px) {
  .mat__hero-area .mat__hero-features-wrapper {
    gap: 40px;
  }
}

@media (max-width: 1299px) {
  .mat__hero-area .mat__hero-features-wrapper {
    gap: 20px;
  }
}

@media (max-width: 1099px) {
  .mat__hero-area .mat__hero-features-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-content: center;
    row-gap: 20px;
  }
}

@media (max-width: 575px) {
  .mat__hero-area .mat__hero-features-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

.mat__hero-area .mat__hero-features-wrapper .mat__hero-features-item {
  position: relative;
}

.mat__hero-area .mat__hero-features-wrapper .mat__hero-features-item img {
  margin-left: auto;
  margin-right: auto;
}

.mat__hero-area .mat__hero-features-wrapper .mat__hero-features-item .mat__hero-features-item-name {
  text-align: center;
  margin-top: 14px;
  white-space: nowrap;
}

.mat__hero-area .mat__hero-features-wrapper .mat__hero-item-border-line {
  background: rgba(224, 224, 224, 0.55);
  width: 1px;
  height: 100px;
}

@media (max-width: 1099px) {
  .mat__hero-area .mat__hero-features-wrapper .mat__hero-item-border-line {
    display: none;
  }
}

.mat__hero-area-home-2 {
  position: relative;
  z-index: 1;
  background-color: #E7F8F8;
}

@media (max-width: 1920px) {
  .mat__hero-area-home-2 {
    background-color: unset;
  }
}

.mat__hero-area-home-2 .mat__hero-item {
  height: 950px;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.mat__hero-area-home-2 .mat__hero-item .mat__hero-item-shep {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 17%;
}

@media (max-width: 1920px) {
  .mat__hero-area-home-2 .mat__hero-item .mat__hero-item-shep {
    left: 6%;
  }
}

@media (max-width: 1499px) {
  .mat__hero-area-home-2 .mat__hero-item .mat__hero-item-shep {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 45%;
  }
}

@media (max-width: 575px) {
  .mat__hero-area-home-2 .mat__hero-item .mat__hero-item-shep {
    display: none;
  }
}

.mat__hero-area-home-2 .mat__hero-item .mat__hero-content-wrapper {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
}

@media (max-width: 1499px) {
  .mat__hero-area-home-2 .mat__hero-item .mat__hero-content-wrapper {
    left: 50%;
    top: 45%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
  }
}

.mat__hero-area-home-2 .mat__hero-item .mat__hero-content-wrapper .mat__hero-sub-title {
  margin-bottom: 34px;
}

.mat__hero-area-home-2 .mat__hero-item .mat__hero-content-wrapper .mat__hero-title {
  margin-bottom: 75px;
}

@media (max-width: 767px) {
  .mat__hero-area-home-2 .mat__hero-item .mat__hero-content-wrapper .mat__hero-title {
    font-size: 45px;
    line-height: 55px;
  }

  .mat__hero-area-home-2 .mat__hero-item .mat__hero-content-wrapper .mat__hero-title br {
    display: none;
  }
}

@media (max-width: 439px) {
  .mat__hero-area-home-2 .mat__hero-item .mat__hero-content-wrapper .mat__hero-title {
    font-size: 30px;
    line-height: 40px;
  }
}

.mat__mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  max-width: 400px;
  height: 100%;
  background: white;
  padding: 20px;
  z-index: 1000;
  box-shadow: 10px 10px 42px -1px rgb(65, 63, 63);
  transition: right 0.3s ease-in-out;
}

.mat__mobile-menu.mat__active {
  right: 0;
}

.mat__overlay {
  position: fixed;
  top: 0;
  right: -100%;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.52);
  padding: 20px;
  z-index: 999;
  transition: right 0.7s ease-in-out;
}

.mat__overlay:hover {
  cursor: url(../images/icon/cursor-close.svg), pointer;
}

.mat__overlay.mat__active {
  right: 0;
  width: 100%;
}

.mat__overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at var(--x) var(--y), transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.mat__overlay.mat__animating::before {
  opacity: 1;
}

.mat__menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mat__logo {
  font-size: 24px;
  font-weight: bold;
}

.mat__close-btn {
  font-size: 25px;
  background: none;
  border: none;
  cursor: pointer;
  border: 1px solid #023552;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #023552;
}

.mat__close-btn i {
  transition: 0.9s;
}

.mat__close-btn:hover {
  color: #6ACC00;
  border-color: #6ACC00;
}

.mat__close-btn:hover i {
  rotate: 90deg;
}


.mat__mobile-menu-btn {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mat__mobile-menu-btn .mat__btn-style-1 {
  display: block;
  text-align: center;
}

.mobile-menu-contact-info {
  margin-top: 30px;
}

.mobile-menu-contact-info .mat__header-topbar-info {
  display: block;
  color: #023552;
  font-size: 18px;
  transition: linear 0.4s;
  margin-bottom: 15px;
}

.mobile-menu-contact-info .mat__header-topbar-info:last-child {
  margin-bottom: 0;
}

.mobile-menu-contact-info .mat__header-topbar-info:hover {
  color: #6ACC00;
}

.mobile-menu-social-media {
  display: flex;
  margin-top: 30px;
  align-items: center;
  gap: 10px;
}

.mobile-menu-social-media a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #023552;
  color: #fff !important;
  display: inline-block;
  text-align: center;
  transition: linear 0.4s;
}

.mobile-menu-social-media a:hover {
  background-color: #6ACC00;
}

.mat__mobile-menu-copyright {
  margin-top: 30px;
}

.mat__mobile-menu-copyright .mat__mobile-menu-copyright-text {
  font-size: 16px;
  font-weight: 500;
  color: #023552;
}

.mat__mobile-menu-copyright .mat__mobile-menu-copyright-text:hover a {
  color: #023552;
}

.mat__mobile-menu-copyright .mat__mobile-menu-copyright-text a {
  font-weight: 700;
  color: #6ACC00;
  transition: linear 0.4s;
}

.mat__nav-list {
  list-style: none;
}

.mat__nav-item {
  margin-bottom: 20px;
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.mat__mobile-menu.mat__active .mat__nav-item {
  opacity: 1;
  transform: translateX(0);
}

.mat__nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #023552;
  text-decoration: none;
  padding: 5px 0;
  font-weight: 500;
  transition: linear 0.4s;
}

.mat__nav-link:hover {
  color: #6ACC00;
}

.mat__nav-link:hover .mat__toggle-btn::after,
.mat__nav-link:hover .mat__toggle-btn::before {
  background-color: #6ACC00;
}

.mat__toggle-btn {
  width: 24px;
  height: 24px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.mat__toggle-btn::before,
.mat__toggle-btn::after {
  content: "";
  position: absolute;
  background: #023552;
  transition: transform 0.4s ease;
}

.mat__toggle-btn::before {
  width: 2px;
  height: 12px;
  top: 6px;
  left: 11px;
}

.mat__toggle-btn::after {
  width: 12px;
  height: 2px;
  top: 11px;
  left: 6px;
}

.mat__toggle-btn.mat__active::before {
  transform: rotate(90deg);
}

.mat__submenu {
  display: none;
  padding-left: 20px;
  margin-top: 10px;
}

.mat__submenu.mat__active {
  display: block;
}

.mat__submenu-item {
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.mat__submenu.mat__active .mat__submenu-item {
  opacity: 1;
  transform: translateY(0);
}

.mat__submenu-link {
  color: #023552;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  transition: linear 0.4s;
}

.mat__submenu-link:hover {
  color: #6ACC00;
}

.mat__header-bottom-leftsite-menu-line-shep {
  cursor: pointer;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mat__toggle-btn {
  width: 24px;
  height: 24px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.mat__toggle-btn::before,
.mat__toggle-btn::after {
  content: "";
  position: absolute;
  background: #333;
  transition: transform 0.3s ease;
}

.mat__toggle-btn::before {
  width: 2px;
  height: 12px;
  top: 6px;
  left: 11px;
}

.mat__toggle-btn::after {
  width: 12px;
  height: 2px;
  top: 11px;
  left: 6px;
}

.mat__toggle-btn.mat__active::before {
  transform: rotate(90deg);
}

.mat__toggle-btn.mat__active::after {
  transform: rotate(180deg);
}

.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  z-index: 1000;
}

.search-popup.active {
  display: flex;
}

.search-container {
  width: 80%;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.search-popup.active .search-container {
  opacity: 1;
}

.search-form {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #eee;
  gap: 10px;
  flex-wrap: wrap;
}

.search-input {
  flex: 1;
  min-width: 200px;
  padding: 12px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.2s;
}

.search-input:focus {
  border-color: #248277;
}

.search-submit {
  background: #248277;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s;
  white-space: nowrap;
}

.search-submit:hover {
  background: #248277;
}

.close-search {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  padding: 8px;
  z-index: 1001;
  transition: transform 0.2s;
}

.close-search:hover {
  transform: scale(1.1);
}

.close-search svg {
  width: 24px;
  height: 24px;
}

/* Responsive Styles */
@media (max-width: 480px) {
  .search-container {
    margin-top: 60px;
  }

  .search-form {
    padding: 12px;
  }

  .search-input {
    padding: 10px;
    font-size: 14px;
  }

  .search-submit {
    width: 100%;
    padding: 10px;
  }

  .close-search {
    top: 10px;
    right: 10px;
  }
}

@media (max-width: 320px) {
  .search-popup {
    padding: 10px;
  }

  .search-container {
    margin-top: 40px;
  }

  .search-form {
    padding: 8px;
  }

  .search-input {
    padding: 8px;
    font-size: 14px;
  }
}

#mat__preloader {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -webkit- flex;
  display: -ms- flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff !important;
}

.mat__loader_logo {
  position: absolute;
  width: 130px;
}

#mat__circle_loader {
  width: 200px;
  height: 200px;
  border-style: solid;
  border-width: 5px;
  border-color: #6ACC00 #000 #616161 #023552;
  border-radius: 50%;
  -webkit-animation: spinLoader 2s linear infinite;
  animation: spinLoader 2s linear infinite;
}

@-webkit-keyframes spinLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/******************************** Custom Class ******************************/
.mat__fs-12 {
  font-size: 12px;
  line-height: 22px;
}

.mat__fs-13 {
  font-size: 13px;
  line-height: 23px;
}

.mat__fs-14 {
  font-size: 14px;
  line-height: 24px;
}

.mat__fs-15 {
  font-size: 15px;
  line-height: 25px;
}

.mat__fs-16 {
  font-size: 16px;
  line-height: 26px;
}

.mat__fs-17 {
  font-size: 17px;
  line-height: 27px;
}

.mat__fs-18 {
  font-size: 18px;
  line-height: 28px;
}

.mat__fs-19 {
  font-size: 19px;
  line-height: 29px;
}

.mat__fs-20 {
  font-size: 20px;
  line-height: 30px;
}

.mat__fs-21 {
  font-size: 21px;
  line-height: 31px;
}

.mat__fs-22 {
  font-size: 22px;
  line-height: 32px;
}

.mat__fs-23 {
  font-size: 23px;
  line-height: 33px;
}

.mat__fs-24 {
  font-size: 24px;
  line-height: 34px;
}

.mat__fs-25 {
  font-size: 25px;
  line-height: 35px;
}

.mat__fs-26 {
  font-size: 26px;
  line-height: 36px;
}

.mat__fs-27 {
  font-size: 27px;
  line-height: 37px;
}

.mat__fs-28 {
  font-size: 28px;
  line-height: 38px;
}

.mat__fs-29 {
  font-size: 29px;
  line-height: 39px;
}

.mat__fs-30 {
  font-size: 30px;
  line-height: 40px;
}

.mat__fs-31 {
  font-size: 31px;
  line-height: 41px;
}

.mat__fs-32 {
  font-size: 32px;
  line-height: 42px;
}

.mat__fs-33 {
  font-size: 33px;
  line-height: 43px;
}

.mat__fs-34 {
  font-size: 34px;
  line-height: 44px;
}

.mat__fs-35 {
  font-size: 35px;
  line-height: 45px;
}

.mat__fs-36 {
  font-size: 36px;
  line-height: 46px;
}

.mat__fs-37 {
  font-size: 37px;
  line-height: 47px;
}

.mat__fs-38 {
  font-size: 38px;
  line-height: 48px;
}

.mat__fs-39 {
  font-size: 39px;
  line-height: 49px;
}

.mat__fs-40 {
  font-size: 40px;
  line-height: 50px;
}

.mat__fs-41 {
  font-size: 41px;
  line-height: 51px;
}

.mat__fs-42 {
  font-size: 42px;
  line-height: 52px;
}

.mat__fs-43 {
  font-size: 43px;
  line-height: 53px;
}

.mat__fs-44 {
  font-size: 44px;
  line-height: 54px;
}

.mat__fs-45 {
  font-size: 45px;
  line-height: 55px;
}

.mat__fs-46 {
  font-size: 46px;
  line-height: 56px;
}

.mat__fs-47 {
  font-size: 47px;
  line-height: 57px;
}

.mat__fs-48 {
  font-size: 48px;
  line-height: 58px;
}

.mat__fs-49 {
  font-size: 49px;
  line-height: 59px;
}

.mat__fs-50 {
  font-size: 50px;
  line-height: 60px;
}

.mat__fs-51 {
  font-size: 51px;
  line-height: 61px;
}

.mat__fs-52 {
  font-size: 52px;
  line-height: 62px;
}

.mat__fs-53 {
  font-size: 53px;
  line-height: 63px;
}

.mat__fs-54 {
  font-size: 54px;
  line-height: 64px;
}

.mat__fs-55 {
  font-size: 55px;
  line-height: 65px;
}

.mat__fs-56 {
  font-size: 56px;
  line-height: 66px;
}

.mat__fs-57 {
  font-size: 57px;
  line-height: 67px;
}

.mat__fs-58 {
  font-size: 58px;
  line-height: 68px;
}

.mat__fs-59 {
  font-size: 59px;
  line-height: 69px;
}

.mat__fs-60 {
  font-size: 60px;
  line-height: 70px;
}

.mat__fs-61 {
  font-size: 61px;
  line-height: 71px;
}

.mat__fs-62 {
  font-size: 62px;
  line-height: 72px;
}

.mat__fs-63 {
  font-size: 63px;
  line-height: 73px;
}

.mat__fs-64 {
  font-size: 64px;
  line-height: 74px;
}

.mat__fs-65 {
  font-size: 65px;
  line-height: 75px;
}

.mat__fs-66 {
  font-size: 66px;
  line-height: 76px;
}

.mat__fs-67 {
  font-size: 67px;
  line-height: 77px;
}

.mat__fs-68 {
  font-size: 68px;
  line-height: 78px;
}

.mat__fs-69 {
  font-size: 69px;
  line-height: 79px;
}

.mat__fs-70 {
  font-size: 70px;
  line-height: 80px;
}

.mat__fs-71 {
  font-size: 71px;
  line-height: 81px;
}

.mat__fs-72 {
  font-size: 72px;
  line-height: 82px;
}

.mat__fs-73 {
  font-size: 73px;
  line-height: 83px;
}

.mat__fs-74 {
  font-size: 74px;
  line-height: 84px;
}

.mat__fs-75 {
  font-size: 75px;
  line-height: 85px;
}

.mat__fs-76 {
  font-size: 76px;
  line-height: 86px;
}

.mat__fs-77 {
  font-size: 77px;
  line-height: 87px;
}

.mat__fs-78 {
  font-size: 78px;
  line-height: 88px;
}

.mat__fs-79 {
  font-size: 79px;
  line-height: 89px;
}

.mat__fs-80 {
  font-size: 80px;
  line-height: 90px;
}

.mat__fs-81 {
  font-size: 81px;
  line-height: 91px;
}

.mat__fs-82 {
  font-size: 82px;
  line-height: 92px;
}

.mat__fs-83 {
  font-size: 83px;
  line-height: 93px;
}

.mat__fs-84 {
  font-size: 84px;
  line-height: 94px;
}

.mat__fs-85 {
  font-size: 85px;
  line-height: 95px;
}

.mat__fs-86 {
  font-size: 86px;
  line-height: 96px;
}

.mat__fs-87 {
  font-size: 87px;
  line-height: 97px;
}

.mat__fs-88 {
  font-size: 88px;
  line-height: 98px;
}

.mat__fs-89 {
  font-size: 89px;
  line-height: 99px;
}

.mat__fs-90 {
  font-size: 90px;
  line-height: 100px;
}

.mat__fs-91 {
  font-size: 91px;
  line-height: 101px;
}

.mat__fs-92 {
  font-size: 92px;
  line-height: 102px;
}

.mat__fs-93 {
  font-size: 93px;
  line-height: 103px;
}

.mat__fs-94 {
  font-size: 94px;
  line-height: 104px;
}

.mat__fs-95 {
  font-size: 95px;
  line-height: 105px;
}

.mat__fs-96 {
  font-size: 96px;
  line-height: 106px;
}

.mat__fs-97 {
  font-size: 97px;
  line-height: 107px;
}

.mat__fs-98 {
  font-size: 98px;
  line-height: 108px;
}

.mat__fs-99 {
  font-size: 99px;
  line-height: 109px;
}

.mat__fs-100 {
  font-size: 100px;
  line-height: 110px;
}

.mat__green {
  color: #6ACC00;
}

.mat__gray {
  color: #747474;
}

.mat__white {
  color: #fff !important;
}

.mat__deep-sea-blue {
  color: #023552;
}

.mat__black {
  color: #000;
}

.mat__gray-2 {
  color: #899AA2;
}

.mat__gray-3 {
  color: #909090;
}

.mat__gray-4 {
  color: #5E5F63;
}

.mat__gray-5 {
  color: #616161;
}

.mat__fm-jost {
  font-family: "Jost", serif;
}

.mat__glow-black {
  color: #18191D;
}

.mat__fw-100 {
  font-weight: 100;
}

.mat__fw-200 {
  font-weight: 200;
}

.mat__fw-300 {
  font-weight: 300;
}

.mat__fw-400 {
  font-weight: 400;
}

.mat__fw-500 {
  font-weight: 500;
}

.mat__fw-600 {
  font-weight: 600;
}

.mat__fw-700 {
  font-weight: 700;
}

.mat__fw-800 {
  font-weight: 800;
}

.mat__fw-900 {
  font-weight: 900;
}

/* Custom About Us Section Styles */
.mat__about-us-section {
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5277 100%);
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__about-us-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(2, 53, 82, 0.9);
  z-index: 0;
}

.mat__about-us-content {
  position: relative;
  z-index: 2;
}

.mat__about-us-title {
  font-size: 100px;
  font-weight: 700;
  background: linear-gradient(45deg, #2A9D8F, #6ACC00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1;
  margin-bottom: 60px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__about-us-text {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 25px;
  font-family: "DM Sans", serif;
}

.mat__mission-box {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 30px;
  padding: 40px;
  margin-top: 50px;
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.mat__mission-title {
  font-size: 48px;
  font-weight: 700;
  color: #6ACC00;
  margin-bottom: 20px;
  background: linear-gradient(45deg, #2A9D8F, #6ACC00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: "DM Sans", serif;
}

.mat__mission-text {
  color: #2c5277;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  font-style: italic;
  margin: 0;
  font-family: "DM Sans", serif;
}

.mat__truck-image-1 {
  width: 100%;
  max-width: 400px;
  border-radius: 30px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  z-index: 2;
  position: relative;
}

.mat__truck-image-1:hover {
  transform: translateY(-10px);
}

.mat__truck-image-2 {
  width: 100%;
  max-width: 350px;
  border-radius: 30px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  z-index: 2;
  position: relative;
}

.mat__truck-image-2:hover {
  transform: translateY(-10px);
}

.mat__green-shape-top {
  position: absolute;
  top: -20px;
  right: -30px;
  width: 200px;
  height: 120px;
  border: 3px solid #2A9D8F;
  border-radius: 20px;
  background: transparent;
  z-index: 1;
}

.mat__green-shape-bottom {
  position: absolute;
  bottom: -20px;
  left: -30px;
  width: 180px;
  height: 100px;
  border: 3px solid #6ACC00;
  border-radius: 20px;
  background: transparent;
  z-index: 1;
}

@keyframes mat__float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }
}

/* Responsive Styles for About Us Section */
@media (max-width: 1199px) {
  .mat__about-us-title {
    font-size: 90px;
  }

  .mat__green-shape-top {
    width: 160px;
    height: 100px;
  }

  .mat__green-shape-bottom {
    width: 140px;
    height: 80px;
  }
}

@media (max-width: 991px) {
  .mat__about-us-title {
    font-size: 90px;
    text-align: center;
  }

  .mat__about-us-text {
    text-align: center;
  }

  .mat__green-shape-top,
  .mat__green-shape-bottom {
    display: none;
  }
}

@media (max-width: 767px) {
  .mat__about-us-section {
    padding: 80px 0;
  }

  .mat__about-us-title {
    font-size: 60px;
    margin-bottom: 40px;
  }

  .mat__mission-title {
    font-size: 36px;
  }

  .mat__mission-box {
    padding: 30px 20px;
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .mat__about-us-title {
    font-size: 48px;
  }

  .mat__about-us-text {
    font-size: 16px;
  }

  .mat__mission-text {
    font-size: 18px;
  }
}

/* Industries We Serve Section Styles */
.mat__industries-section {
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5277 100%);
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__industries-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(2, 53, 82, 0.9);
  z-index: 0;
}

.mat__industries-content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.mat__industries-title {
  font-size: 90px;
  font-weight: 700;
  background: linear-gradient(45deg, #2A9D8F, #6ACC00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1;
  margin-bottom: 40px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__trucking-pill {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50px;
  padding: 15px 40px;
  margin-bottom: 40px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.mat__trucking-pill span {
  color: #2c5277;
  font-size: 24px;
  font-weight: 600;
  font-family: "DM Sans", serif;
}

.mat__industries-description {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 60px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-family: "DM Sans", serif;
}

.mat__services-container {
  background: linear-gradient(135deg, #6ACC00 0%, #2A9D8F 100%);
  border-radius: 40px;
  padding: 60px 40px;
  position: relative;
  overflow: hidden;
}

.mat__services-container::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, #6ACC00, #2A9D8F);
  border-radius: 42px;
  z-index: -1;
}

.mat__service-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  height: 100%;
}

.mat__service-item:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-5px);
}

.mat__service-number {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.mat__service-number span {
  color: #2c5277;
  font-size: 24px;
  font-weight: 700;
  font-family: "DM Sans", serif;
}

.mat__service-content {
  flex: 1;
}

.mat__service-title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  font-family: "DM Sans", serif;
}

.mat__service-description {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  opacity: 0.95;
  font-family: "DM Sans", serif;
}

/* Responsive Styles for Industries Section */
@media (max-width: 1199px) {
  .mat__industries-title {
    font-size: 100px;
  }

  .mat__services-container {
    padding: 50px 30px;
  }
}

@media (max-width: 991px) {
  .mat__industries-title {
    font-size: 80px;
  }

  .mat__industries-description {
    font-size: 16px;
  }

  .mat__services-container {
    padding: 40px 20px;
  }
}

@media (max-width: 767px) {
  .mat__industries-section {
    padding: 80px 0;
  }

  .mat__industries-title {
    font-size: 60px;
    margin-bottom: 30px;
  }

  .mat__trucking-pill {
    padding: 12px 30px;
    margin-bottom: 30px;
  }

  .mat__trucking-pill span {
    font-size: 20px;
  }

  .mat__industries-description {
    font-size: 14px;
    margin-bottom: 40px;
  }

  .mat__services-container {
    padding: 30px 15px;
    border-radius: 30px;
  }

  .mat__service-item {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }

  .mat__service-number {
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }

  .mat__service-number span {
    font-size: 20px;
  }

  .mat__service-title {
    font-size: 20px;
  }

  .mat__service-description {
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .mat__industries-title {
    font-size: 48px;
  }

  .mat__trucking-pill span {
    font-size: 18px;
  }
}

/* Our Services Section Styles */
.mat__our-services-section {
  background: #ffffff;
  padding: 120px 0;
  position: relative;
}

.mat__our-services-content {
  text-align: center;
}

.mat__our-services-title {
  font-size: 90px;
  font-weight: 700;
  color: #2c5277;
  line-height: 1.1;
  margin-bottom: 40px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__our-services-description {
  color: #2c5277;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 60px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-family: "DM Sans", serif;
}

.mat__our-services-container {
  background: #2c5277;
  border-radius: 60px !important;
  padding: 40px;
  position: relative;
  overflow: hidden;
}

.mat__our-services-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(90deg, #6ACC00 0%, #2A9D8F 100%);
  border-radius: 0 0 60px 60px;
}

.mat__our-service-card {
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.mat__our-service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.mat__service-dark {
  background: #1e3a5f;
}

.mat__service-green {
  background: linear-gradient(135deg, #6ACC00 0%, #2A9D8F 100%);
}

.mat__service-header {
  padding: 20px 15px 15px;
  text-align: center;
}

.mat__service-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  font-family: "DM Sans", serif;
}

.mat__service-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px 20px;
}

.mat__service-image img {
  width: 100%;
  height: auto;
  max-width: 150px;
  border-radius: 10px;
}

.mat__service-category {
  border-radius: 20px;
  padding: 25px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
}

.mat__category-dark {
  background: #1e3a5f;
  border-color: #ffffff;
}

.mat__category-green {
  background: linear-gradient(135deg, #6ACC00 0%, #2A9D8F 100%);
  border-color: #ffffff;
}

.mat__service-category h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  font-family: "DM Sans", serif;
}

/* Responsive Styles for Our Services Section */
@media (max-width: 1199px) {
  .mat__our-services-title {
    font-size: 100px;
  }

  .mat__our-services-container {
    padding: 30px;
    border-radius: 50px;
  }

  .mat__service-header h4 {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .mat__our-services-title {
    font-size: 80px;
  }

  .mat__our-services-description {
    font-size: 16px;
  }

  .mat__our-services-container {
    border-radius: 40px;
  }

  .mat__service-header h4 {
    font-size: 13px;
  }

  .mat__service-category h3 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .mat__our-services-section {
    padding: 80px 0;
  }

  .mat__our-services-title {
    font-size: 60px;
    margin-bottom: 30px;
  }

  .mat__our-services-description {
    font-size: 14px;
    margin-bottom: 40px;
  }

  .mat__our-services-container {
    padding: 20px;
    border-radius: 30px;
  }

  .mat__service-header {
    padding: 15px 10px 10px;
  }

  .mat__service-header h4 {
    font-size: 12px;
  }

  .mat__service-image {
    padding: 0 10px 15px;
  }

  .mat__service-image img {
    max-width: 100px;
  }

  .mat__service-category {
    padding: 20px;
  }

  .mat__service-category h3 {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .mat__our-services-title {
    font-size: 48px;
  }

  .mat__our-services-container {
    padding: 15px;
  }

  .mat__service-header h4 {
    font-size: 11px;
  }

  .mat__service-image img {
    max-width: 80px;
  }

  .mat__service-category h3 {
    font-size: 16px;
  }
}

/* Our Accounting Services Section Styles */
.mat__accounting-services-section {
  background-color: #6ACC00;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__accounting-services-content {
  text-align: center;
}

.mat__accounting-services-title {
  font-size: 90px;
  font-weight: 700;
  color: #2c5277;
  line-height: 1.1;
  margin-bottom: 80px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__accounting-service-card {
  background: #f6f6f5;
  border-radius: 30px;
  padding: 40px 20px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  min-height: 250px;
}

.mat__accounting-service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.mat__accounting-service-icon {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.mat__accounting-service-icon img {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
}

.mat__accounting-service-title {
  color: #2c5277;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  font-family: "DM Sans", serif;
}

/* Responsive Styles for Accounting Services Section */
@media (max-width: 1199px) {
  .mat__accounting-services-title {
    font-size: 100px;
  }

  .mat__accounting-service-card {
    padding: 35px 15px;
    min-height: 220px;
  }

  .mat__accounting-service-icon img {
    max-width: 100px;
    max-height: 100px;
  }

  .mat__accounting-service-title {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .mat__accounting-services-title {
    font-size: 80px;
    margin-bottom: 60px;
  }

  .mat__accounting-service-card {
    padding: 30px 15px;
    min-height: 200px;
  }

  .mat__accounting-service-title {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .mat__accounting-services-section {
    padding: 80px 0;
  }

  .mat__accounting-services-title {
    font-size: 60px;
    margin-bottom: 50px;
  }

  .mat__accounting-service-card {
    padding: 25px 15px;
    min-height: 180px;
    border-radius: 25px;
  }

  .mat__accounting-service-icon {
    margin-bottom: 20px;
  }

  .mat__accounting-service-icon img {
    max-width: 80px;
    max-height: 80px;
  }

  .mat__accounting-service-title {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .mat__accounting-services-title {
    font-size: 48px;
  }

  .mat__accounting-service-card {
    padding: 20px 10px;
    min-height: 160px;
  }

  .mat__accounting-service-icon img {
    max-width: 70px;
    max-height: 70px;
  }

  .mat__accounting-service-title {
    font-size: 14px;
  }
}

/* Our Payroll Services Section Styles */
.mat__payroll-services-section {
  background-color: #023552;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__payroll-services-content {
  text-align: center;
}

.mat__payroll-services-title {
  font-size: 90px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 80px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__payroll-service-card {
  background: #f6f6f5;
  border-radius: 30px;
  padding: 40px 20px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  min-height: 250px;
}

.mat__payroll-service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.mat__payroll-service-icon {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.mat__payroll-service-icon img {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
}

.mat__payroll-service-title {
  color: #2c5277;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  font-family: "DM Sans", serif;
}

/* Responsive Styles for Payroll Services Section */
@media (max-width: 1199px) {
  .mat__payroll-services-title {
    font-size: 100px;
  }

  .mat__payroll-service-card {
    padding: 35px 15px;
    min-height: 220px;
  }

  .mat__payroll-service-icon img {
    max-width: 100px;
    max-height: 100px;
  }

  .mat__payroll-service-title {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .mat__payroll-services-title {
    font-size: 80px;
    margin-bottom: 60px;
  }

  .mat__payroll-service-card {
    padding: 30px 15px;
    min-height: 200px;
  }

  .mat__payroll-service-title {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .mat__payroll-services-section {
    padding: 80px 0;
  }

  .mat__payroll-services-title {
    font-size: 60px;
    margin-bottom: 50px;
  }

  .mat__payroll-service-card {
    padding: 25px 15px;
    min-height: 180px;
    border-radius: 25px;
  }

  .mat__payroll-service-icon {
    margin-bottom: 20px;
  }

  .mat__payroll-service-icon img {
    max-width: 80px;
    max-height: 80px;
  }

  .mat__payroll-service-title {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .mat__payroll-services-title {
    font-size: 48px;
  }

  .mat__payroll-service-card {
    padding: 20px 10px;
    min-height: 160px;
  }

  .mat__payroll-service-icon img {
    max-width: 70px;
    max-height: 70px;
  }

  .mat__payroll-service-title {
    font-size: 14px;
  }
}

/* Custom 5-column grid class */
.col-lg-2-4 {
  flex: 0 0 auto;
  width: 20%;
}

@media (max-width: 991px) {
  .col-lg-2-4 {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .col-lg-2-4 {
    width: 100%;
  }
}

/* Our Experts Section Styles */
.mat__experts-section {
  background-color: #f8f9fa;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__experts-content {
  text-align: center;
}

.mat__experts-title {
  font-size: 90px;
  font-weight: 700;
  color: #6ACC00;
  line-height: 1.1;
  margin-bottom: 30px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__experts-description {
  font-size: 18px;
  color: #2c5277;
  line-height: 1.6;
  margin-bottom: 80px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}

.mat__expert-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 400px;
  transition: all 0.3s ease;
}

.mat__expert-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.mat__expert-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}

.mat__expert-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.mat__expert-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #6ACC00;
  padding: 20px;
  text-align: left;
  transition: all 0.3s ease;
}

.mat__expert-name {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 5px 0;
  line-height: 1.3;
  font-family: "DM Sans", serif;
}

.mat__expert-role {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  line-height: 1.4;
  opacity: 0.9;
}

/* Responsive Styles for Experts Section */
@media (max-width: 1199px) {
  .mat__experts-title {
    font-size: 100px;
  }

  .mat__experts-description {
    font-size: 16px;
    margin-bottom: 60px;
  }

  .mat__expert-card {
    height: 350px;
  }

  .mat__expert-name {
    font-size: 16px;
  }

  .mat__expert-role {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .mat__experts-title {
    font-size: 80px;
    margin-bottom: 25px;
  }

  .mat__experts-description {
    font-size: 16px;
    margin-bottom: 50px;
  }

  .mat__expert-card {
    height: 320px;
  }
}

@media (max-width: 767px) {
  .mat__experts-section {
    padding: 80px 0;
  }

  .mat__experts-title {
    font-size: 60px;
    margin-bottom: 20px;
  }

  .mat__experts-description {
    font-size: 15px;
    margin-bottom: 40px;
  }

  .mat__expert-card {
    height: 300px;
    border-radius: 15px;
  }

  .mat__expert-image {
    border-radius: 15px;
  }

  .mat__expert-overlay {
    padding: 15px;
  }

  .mat__expert-name {
    font-size: 15px;
  }

  .mat__expert-role {
    font-size: 12px;
  }
}

@media (max-width: 575px) {
  .mat__experts-title {
    font-size: 48px;
  }

  .mat__expert-card {
    height: 280px;
  }
}

/* Pricing & Fees Section Styles */
.mat__pricing-section {
  background-color: #f8f9fa;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__pricing-content {
  text-align: left;
}

.mat__pricing-title {
  font-size: 90px;
  font-weight: 700;
  color: #6ACC00;
  line-height: 1.1;
  margin-bottom: 20px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__pricing-subtitle {
  font-size: 36px;
  font-weight: 700;
  color: #2c5277;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "DM Sans", serif;
}

.mat__pricing-description {
  font-size: 18px;
  color: #2c5277;
  line-height: 1.6;
  margin-bottom: 60px;
  max-width: 600px;
  font-weight: 400;
}

.mat__pricing-card {
  border-radius: 30px;
  padding: 40px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
  min-height: 500px;
}

.mat__pricing-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* Owner Operator Card - Light Green with Border */
.mat__pricing-card--owner-operator {
  background-color: #ffffff;
  border: 3px solid #6ACC00;
  border-radius: 30px;
}

/* Small Fleet Card - Medium Blue */
.mat__pricing-card--small-fleet {
  background-color: #4a90a4;
  color: #ffffff;
}

/* Mid Size Card - Dark Blue */
.mat__pricing-card--mid-size {
  background-color: #023552;
  color: #ffffff;
}

.mat__pricing-card-number {
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "DM Sans", serif;
}

.mat__pricing-card--owner-operator .mat__pricing-card-number {
  color: #4a90a4;
}

.mat__pricing-card--small-fleet .mat__pricing-card-number,
.mat__pricing-card--mid-size .mat__pricing-card-number {
  color: #ffffff;
}

.mat__pricing-card-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.3;
  font-family: "DM Sans", serif;
}

.mat__pricing-card--owner-operator .mat__pricing-card-title {
  color: #4a90a4;
}

.mat__pricing-card--small-fleet .mat__pricing-card-title,
.mat__pricing-card--mid-size .mat__pricing-card-title {
  color: #ffffff;
}

.mat__pricing-card-includes {
  flex: 1;
  margin-bottom: 30px;
}

.mat__pricing-card-includes h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "DM Sans", serif;
}

.mat__pricing-card--owner-operator .mat__pricing-card-includes h5 {
  color: #4a90a4;
}

.mat__pricing-card--small-fleet .mat__pricing-card-includes h5,
.mat__pricing-card--mid-size .mat__pricing-card-includes h5 {
  color: #ffffff;
}

.mat__pricing-card-includes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mat__pricing-card-includes li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.mat__pricing-card-includes li:before {
  content: "•";
  position: absolute;
  left: 0;
  font-weight: bold;
}

.mat__pricing-card--owner-operator .mat__pricing-card-includes li {
  color: #2c5277;
}

.mat__pricing-card--owner-operator .mat__pricing-card-includes li:before {
  color: #6ACC00;
}

.mat__pricing-card--small-fleet .mat__pricing-card-includes li,
.mat__pricing-card--mid-size .mat__pricing-card-includes li {
  color: #ffffff;
}

.mat__pricing-card--small-fleet .mat__pricing-card-includes li:before,
.mat__pricing-card--mid-size .mat__pricing-card-includes li:before {
  color: #ffffff;
}

.mat__pricing-card-price {
  font-size: 16px;
  font-weight: 700;
  padding: 20px 0;
  border-top: 2px solid;
  margin-top: auto;
  font-family: "DM Sans", serif;
}

.mat__pricing-card--owner-operator .mat__pricing-card-price {
  color: #4a90a4;
  border-top-color: #6ACC00;
}

.mat__pricing-card--small-fleet .mat__pricing-card-price,
.mat__pricing-card--mid-size .mat__pricing-card-price {
  color: #ffffff;
  border-top-color: #ffffff;
}

.mat__pricing-card-setup {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 2px solid #ffffff;
}

.mat__pricing-card-setup h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #ffffff;
  font-family: "DM Sans", serif;
}

.mat__pricing-card-setup ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mat__pricing-card-setup li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.5;
  color: #ffffff;
}

.mat__pricing-card-setup li:before {
  content: "•";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #ffffff;
}

/* Responsive Styles for Pricing Section */
@media (max-width: 1199px) {
  .mat__pricing-title {
    font-size: 100px;
  }

  .mat__pricing-subtitle {
    font-size: 32px;
  }

  .mat__pricing-description {
    font-size: 16px;
    margin-bottom: 50px;
  }

  .mat__pricing-card {
    padding: 35px 25px;
    min-height: 450px;
  }

  .mat__pricing-card-number {
    font-size: 64px;
  }

  .mat__pricing-card-title {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .mat__pricing-title {
    font-size: 80px;
  }

  .mat__pricing-subtitle {
    font-size: 28px;
  }

  .mat__pricing-description {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .mat__pricing-card {
    padding: 30px 20px;
    min-height: 400px;
  }

  .mat__pricing-card-number {
    font-size: 56px;
  }

  .mat__pricing-card-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .mat__pricing-section {
    padding: 80px 0;
  }

  .mat__pricing-content {
    text-align: center;
  }

  .mat__pricing-title {
    font-size: 60px;
    text-align: center;
  }

  .mat__pricing-subtitle {
    font-size: 24px;
    text-align: center;
  }

  .mat__pricing-description {
    font-size: 15px;
    margin-bottom: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .mat__pricing-card {
    padding: 25px 20px;
    min-height: 350px;
    border-radius: 25px;
    margin-bottom: 20px;
  }

  .mat__pricing-card-number {
    font-size: 48px;
  }

  .mat__pricing-card-title {
    font-size: 18px;
  }

  .mat__pricing-card-includes li {
    font-size: 13px;
  }

  .mat__pricing-card-setup li {
    font-size: 12px;
  }
}

@media (max-width: 575px) {
  .mat__pricing-title {
    font-size: 48px;
  }

  .mat__pricing-subtitle {
    font-size: 20px;
  }

  .mat__pricing-card {
    padding: 20px 15px;
    min-height: 320px;
  }

  .mat__pricing-card-number {
    font-size: 40px;
  }

  .mat__pricing-card-title {
    font-size: 16px;
  }
}

/* Ethio-Cana Repair Shop System Section Styles */
.mat__repair-shop-section {
  background-color: #f8f9fa;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__repair-shop-content {
  padding-right: 30px;
}

.mat__repair-shop-title {
  font-size: 90px;
  font-weight: 700;
  color: #6ACC00;
  line-height: 1.1;
  margin-bottom: 60px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__repair-shop-feature {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
  gap: 30px;
}

.mat__repair-shop-feature-icon {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background-color: #023552;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.mat__repair-shop-feature-icon img {
  width: 100%;
  height: auto;
  max-width: 40px;
  object-fit: contain;
}

.mat__repair-shop-feature-content {
  flex: 1;
}

.mat__repair-shop-feature-title {
  font-size: 24px;
  font-weight: 700;
  color: #6ACC00;
  margin-bottom: 15px;
  line-height: 1.3;
  font-family: "DM Sans", serif;
}

.mat__repair-shop-feature-text {
  font-size: 16px;
  color: #2c5277;
  line-height: 1.6;
  margin-bottom: 15px;
  font-weight: 400;
}

.mat__repair-shop-feature-text:last-child {
  margin-bottom: 0;
}

.mat__repair-shop-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mat__repair-shop-feature-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 16px;
  color: #2c5277;
  line-height: 1.6;
}

.mat__repair-shop-feature-list li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #6ACC00;
  font-weight: bold;
}

.mat__repair-shop-feature-list li:last-child {
  margin-bottom: 0;
}

.mat__repair-shop-image {
  text-align: center;
  padding-left: 30px;
}

.mat__repair-shop-image img {
  width: 100%;
  height: auto;
  max-width: 400px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Logos Section */
.mat__repair-shop-logos {
  background-color: #ffffff;
  border: 3px solid #6ACC00;
  border-radius: 25px;
  padding: 40px;
  text-align: center;
}

.mat__repair-shop-logos-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.mat__repair-shop-logo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
}

.mat__repair-shop-logo img {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 60px;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.3s ease;
}

.mat__repair-shop-logo:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

/* Responsive Styles for Repair Shop Section */
@media (max-width: 1199px) {
  .mat__repair-shop-title {
    font-size: 100px;
    margin-bottom: 50px;
  }

  .mat__repair-shop-feature {
    gap: 25px;
    margin-bottom: 40px;
  }

  .mat__repair-shop-feature-icon {
    width: 70px;
    height: 70px;
  }

  .mat__repair-shop-feature-title {
    font-size: 22px;
  }

  .mat__repair-shop-feature-text {
    font-size: 15px;
  }

  .mat__repair-shop-feature-list li {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  .mat__repair-shop-title {
    font-size: 80px;
    margin-bottom: 40px;
  }

  .mat__repair-shop-content {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .mat__repair-shop-image {
    padding-left: 0;
    text-align: center;
  }

  .mat__repair-shop-feature {
    gap: 20px;
    margin-bottom: 35px;
  }

  .mat__repair-shop-feature-icon {
    width: 60px;
    height: 60px;
  }

  .mat__repair-shop-feature-title {
    font-size: 20px;
  }

  .mat__repair-shop-feature-text {
    font-size: 14px;
  }

  .mat__repair-shop-feature-list li {
    font-size: 14px;
  }

  .mat__repair-shop-logos-container {
    gap: 20px;
  }

  .mat__repair-shop-logo {
    min-width: 120px;
  }
}

@media (max-width: 767px) {
  .mat__repair-shop-section {
    padding: 80px 0;
  }

  .mat__repair-shop-title {
    font-size: 60px;
    margin-bottom: 30px;
    text-align: center;
  }

  .mat__repair-shop-feature {
    flex-direction: column;
    text-align: center;
    gap: 15px;
    margin-bottom: 30px;
  }

  .mat__repair-shop-feature-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
  }

  .mat__repair-shop-feature-content {
    text-align: left;
  }

  .mat__repair-shop-feature-title {
    font-size: 18px;
    text-align: center;
  }

  .mat__repair-shop-logos {
    padding: 30px 20px;
  }

  .mat__repair-shop-logos-container {
    flex-direction: column;
    gap: 25px;
  }

  .mat__repair-shop-logo {
    min-width: auto;
  }

  .mat__repair-shop-logo img {
    max-width: 120px;
  }
}

@media (max-width: 575px) {
  .mat__repair-shop-title {
    font-size: 48px;
  }

  .mat__repair-shop-feature-icon {
    width: 60px;
    height: 60px;
  }

  .mat__repair-shop-feature-title {
    font-size: 16px;
  }

  .mat__repair-shop-feature-text {
    font-size: 13px;
  }

  .mat__repair-shop-feature-list li {
    font-size: 13px;
  }

  .mat__repair-shop-logos {
    padding: 25px 15px;
  }
}

/* Our Commitment Section Styles */
.mat__commitment-section {
  background-color: #023552;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__commitment-content {
  text-align: center;
  margin-bottom: 80px;
}

.mat__commitment-title {
  font-size: 90px;
  font-weight: 700;
  color: #6ACC00;
  line-height: 1.1;
  margin-bottom: 30px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__commitment-description {
  font-size: 20px;
  color: #ffffff;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 900px;
  font-weight: 400;
}

/* Gallery Layout */
.mat__commitment-gallery {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.mat__commitment-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}

.mat__commitment-row--top {
  margin-left: -100px;
}

.mat__commitment-row--bottom {
  margin-right: -100px;
  margin-bottom: 0;
}

.mat__commitment-image {
  border-radius: 25px;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
}

.mat__commitment-image:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.mat__commitment-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Individual Image Sizes */
.mat__commitment-image--1 {
  width: 300px;
  height: 200px;
}

.mat__commitment-image--2 {
  width: 280px;
  height: 200px;
}

.mat__commitment-image--3 {
  width: 320px;
  height: 200px;
}

.mat__commitment-image--4 {
  width: 280px;
  height: 200px;
}

.mat__commitment-image--5 {
  width: 350px;
  height: 220px;
}

.mat__commitment-image--6 {
  width: 300px;
  height: 200px;
}

/* Decorative Green Curved Lines */
.mat__commitment-decoration {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 4px solid #6ACC00;
  border-radius: 50%;
  opacity: 0.3;
}

.mat__commitment-decoration--left {
  top: 20%;
  left: -100px;
  border-right: none;
  border-bottom: none;
}

.mat__commitment-decoration--right {
  bottom: 20%;
  right: -100px;
  border-left: none;
  border-top: none;
}

/* Responsive Styles for Commitment Section */
@media (max-width: 1199px) {
  .mat__commitment-title {
    font-size: 100px;
  }

  .mat__commitment-description {
    font-size: 18px;
  }

  .mat__commitment-row {
    gap: 20px;
  }

  .mat__commitment-row--top {
    margin-left: -50px;
  }

  .mat__commitment-row--bottom {
    margin-right: -50px;
  }

  .mat__commitment-image--1,
  .mat__commitment-image--2,
  .mat__commitment-image--3,
  .mat__commitment-image--4,
  .mat__commitment-image--6 {
    width: 250px;
    height: 180px;
  }

  .mat__commitment-image--5 {
    width: 300px;
    height: 200px;
  }
}

@media (max-width: 991px) {
  .mat__commitment-title {
    font-size: 80px;
  }

  .mat__commitment-description {
    font-size: 16px;
  }

  .mat__commitment-content {
    margin-bottom: 60px;
  }

  .mat__commitment-row {
    gap: 15px;
  }

  .mat__commitment-row--top,
  .mat__commitment-row--bottom {
    margin-left: 0;
    margin-right: 0;
  }

  .mat__commitment-image--1,
  .mat__commitment-image--2,
  .mat__commitment-image--3,
  .mat__commitment-image--4,
  .mat__commitment-image--6 {
    width: 200px;
    height: 150px;
  }

  .mat__commitment-image--5 {
    width: 250px;
    height: 170px;
  }

  .mat__commitment-decoration {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 767px) {
  .mat__commitment-section {
    padding: 80px 0;
  }

  .mat__commitment-title {
    font-size: 60px;
  }

  .mat__commitment-description {
    font-size: 15px;
  }

  .mat__commitment-content {
    margin-bottom: 40px;
  }

  .mat__commitment-row {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
  }

  .mat__commitment-image--1,
  .mat__commitment-image--2,
  .mat__commitment-image--3,
  .mat__commitment-image--4,
  .mat__commitment-image--5,
  .mat__commitment-image--6 {
    width: 100%;
    max-width: 350px;
    height: 200px;
    margin: 0 auto;
  }

  .mat__commitment-decoration {
    display: none;
  }
}

@media (max-width: 575px) {
  .mat__commitment-title {
    font-size: 48px;
  }

  .mat__commitment-description {
    font-size: 14px;
  }

  .mat__commitment-image--1,
  .mat__commitment-image--2,
  .mat__commitment-image--3,
  .mat__commitment-image--4,
  .mat__commitment-image--5,
  .mat__commitment-image--6 {
    height: 180px;
  }
}

/* Contact Us Section Styles */
.mat__contact-section {
  background-color: #023552;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.mat__contact-content {
  padding-right: 40px;
}

.mat__contact-title {
  font-size: 90px;
  font-weight: 700;
  color: #6ACC00;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__contact-subtitle {
  font-size: 80px;
  font-weight: 700;
  color: #6ACC00;
  line-height: 1.1;
  margin-bottom: 30px;
  letter-spacing: -2px;
  font-family: "DM Sans", serif;
}

.mat__contact-tagline {
  font-size: 22px;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 60px;
  font-weight: 400;
}

.mat__contact-info {
  margin-bottom: 80px;
}

.mat__contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  gap: 20px;
}

.mat__contact-item:last-child {
  margin-bottom: 0;
}

.mat__contact-icon {
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mat__contact-icon svg {
  width: 24px;
  height: 24px;
}

.mat__contact-text {
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
  font-family: "DM Sans", serif;
}

.mat__contact-thank-you {
  margin-top: 60px;
}

.mat__contact-thank-you h3 {
  font-size: 48px;
  font-weight: 700;
  color: #6ACC00;
  font-style: italic;
  margin: 0;
  font-family: "DM Sans", serif;
}

/* Image Section */
.mat__contact-image {
  text-align: center;
  position: relative;
}

.mat__contact-image-wrapper {
  position: relative;
  display: inline-block;
}

.mat__contact-image-wrapper::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  right: 20px;
  bottom: 20px;
  border: 4px solid #6ACC00;
  border-radius: 30px;
  z-index: 1;
}

.mat__contact-image img {
  width: 100%;
  height: auto;
  max-width: 500px;
  border-radius: 25px;
  position: relative;
  z-index: 2;
  display: block;
}

/* Responsive Styles for Contact Section */
@media (max-width: 1199px) {

  .mat__contact-title,
  .mat__contact-subtitle {
    font-size: 100px;
  }

  .mat__contact-tagline {
    font-size: 20px;
    margin-bottom: 50px;
  }

  .mat__contact-info {
    margin-bottom: 60px;
  }

  .mat__contact-text {
    font-size: 18px;
  }

  .mat__contact-thank-you h3 {
    font-size: 42px;
  }

  .mat__contact-content {
    padding-right: 30px;
  }
}

@media (max-width: 991px) {

  .mat__contact-title,
  .mat__contact-subtitle {
    font-size: 80px;
  }

  .mat__contact-tagline {
    font-size: 18px;
    margin-bottom: 40px;
  }

  .mat__contact-info {
    margin-bottom: 50px;
  }

  .mat__contact-item {
    margin-bottom: 25px;
    gap: 15px;
  }

  .mat__contact-icon {
    width: 45px;
    height: 45px;
  }

  .mat__contact-icon svg {
    width: 20px;
    height: 20px;
  }

  .mat__contact-text {
    font-size: 16px;
  }

  .mat__contact-thank-you {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mat__contact-thank-you h3 {
    font-size: 36px;
  }

  .mat__contact-content {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .mat__contact-section {
    padding: 80px 0;
  }

  .mat__contact-title,
  .mat__contact-subtitle {
    font-size: 60px;
    text-align: center;
  }

  .mat__contact-tagline {
    font-size: 16px;
    text-align: center;
    margin-bottom: 35px;
  }

  .mat__contact-info {
    margin-bottom: 40px;
  }

  .mat__contact-item {
    justify-content: center;
    margin-bottom: 20px;
  }

  .mat__contact-icon {
    width: 40px;
    height: 40px;
  }

  .mat__contact-icon svg {
    width: 18px;
    height: 18px;
  }

  .mat__contact-text {
    font-size: 15px;
  }

  .mat__contact-thank-you {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mat__contact-thank-you h3 {
    font-size: 30px;
  }

  .mat__contact-image-wrapper::before {
    top: -15px;
    left: -15px;
    right: 15px;
    bottom: 15px;
    border-radius: 25px;
  }

  .mat__contact-image img {
    border-radius: 20px;
  }
}

@media (max-width: 575px) {

  .mat__contact-title,
  .mat__contact-subtitle {
    font-size: 48px;
  }

  .mat__contact-tagline {
    font-size: 14px;
  }

  .mat__contact-item {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px;
  }

  .mat__contact-text {
    font-size: 14px;
    text-align: center;
  }

  .mat__contact-thank-you h3 {
    font-size: 26px;
  }

  .mat__contact-image-wrapper::before {
    top: -10px;
    left: -10px;
    right: 10px;
    bottom: 10px;
  }
}

/****************************** page styles ******************************/
.mat__brand-area-home-1 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.mat__brand-area-home-1 .swiper-wrapper {
  align-items: center;
}

.mat__brand-area-home-1 .mat__brand-item img {
  margin-left: auto;
  margin-right: auto;
}

.mat__map-area-home-1 .mat__map-wrapper {
  position: relative;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-map {
  width: 100%;
  height: 655px;
}

@media (max-width: 767px) {
  .mat__map-area-home-1 .mat__map-wrapper .mat__office-map {
    height: 1050px;
  }
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper {
  background: rgba(6, 46, 57, 0.8);
  padding-top: 46px;
  padding-bottom: 50px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner {
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    row-gap: 30px;
  }
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__office-location-title {
  position: relative;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__office-location-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 60px;
  height: 2px;
  background-color: #6ACC00;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper {
  margin-top: 32px;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-map,
.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-info {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-bottom: 15px;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-map.mat__branch-info:last-child,
.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-info.mat__branch-info:last-child {
  margin-bottom: 0;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-map .mat__branch-map-icon,
.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-info .mat__branch-map-icon {
  color: #6ACC00;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-map .mat__branch-number a,
.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-info .mat__branch-number a {
  display: block;
  transition: linear 0.4s;
}

.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-map .mat__branch-number a:hover,
.mat__map-area-home-1 .mat__map-wrapper .mat__office-location-text-wrapper .mat__office-location-text-inner .mat__office-location-item .mat__branch-wrapper .mat__branch-info .mat__branch-number a:hover {
  color: #6ACC00;
}

.mat__blog-area-home-1 {
  position: relative;
  padding: 130px 0;
}

@media (max-width: 991px) {
  .mat__blog-area-home-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__blog-area-home-1 .mat__blog-inner {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 65px;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-1 .mat__blog-inner {
    display: block;
  }
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item:last-child {
    display: flex;
    flex-direction: column-reverse;
  }

  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item:last-child img {
    order: 1;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item {
    display: block;
  }
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item img {
  width: 50%;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item img {
    width: unset;
  }
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item .mat__blog-info-box {
  width: 50%;
  padding: 45.5px 30px;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item .mat__blog-info-box {
    width: 70%;
    margin: 0 auto;
    padding: 62px 30px;
  }
}

@media (max-width: 865px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item .mat__blog-info-box {
    padding: 40px 30px;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item .mat__blog-info-box {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-left-items .mat__blog-left-item .mat__blog-info-box {
    padding: 40px 20px;
  }
}

.mat__blog-area-home-1 .mat__blog-inner img {
  width: 100%;
}

@media (max-width: 1299px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-right-item {
    width: 36%;
  }
}

@media (max-width: 1199px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-right-item {
    display: flex;
    align-items: center;
    width: unset;
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-right-item {
    display: block;
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-right-item img {
    width: unset;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-right-item img {
    margin-left: auto;
    margin-right: auto;
  }
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box {
  background: #FFFFFF;
  box-shadow: 0px 5px 50px 0px rgba(234, 234, 234, 0.7);
  padding: 20px 30px;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box {
    padding: 50px 30px;
  }
}

@media (max-width: 1099px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box {
    padding: 25px 30px;
  }
}

@media (max-width: 439px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box {
    padding: 25px 20px;
  }
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box .mat__blog-publish-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box .mat__blog-title a {
  transition: linear 0.4s;
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box .mat__blog-title a:hover {
  color: #6ACC00;
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box .mat__blog-btn {
  position: relative;
  color: #6ACC00;
  margin-top: 25px;
  display: inline-block;
  padding-right: 30px;
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box .mat__blog-btn i {
  position: absolute;
  top: 54%;
  right: 2px;
  transform: translateY(-50%);
}

.mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box .mat__blog-peragraph {
  margin-top: 20px;
}

@media (max-width: 1299px) {
  .mat__blog-area-home-1 .mat__blog-inner .mat__blog-info-box .mat__blog-peragraph br {
    display: none;
  }
}

.mat__testimonial-area-home-1 {
  background-color: #F8FBFB;
  padding: 130px 0;
}

@media (max-width: 991px) {
  .mat__testimonial-area-home-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__testimonial-area-home-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__testimonial-area-home-1 .mat__testimonial-inner {
  margin-top: 65px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 767px) {
  .mat__testimonial-area-home-1 .mat__testimonial-inner {
    margin-top: 40px;
  }
}

.mat__testimonial-area-home-1 .mat__testimonial-inner .mat__testimonial-item {
  border-radius: 3px;
  border: 1px solid #6ACC00;
  background: #FFF;
  padding: 25px 25px 40px 25px;
}

@media (max-width: 390px) {
  .mat__testimonial-area-home-1 .mat__testimonial-inner .mat__testimonial-item {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .mat__testimonial-area-home-1 .mat__testimonial-inner .mat__testimonial-item .mat__client-comment br {
    display: none;
  }
}

.mat__testimonial-area-home-1 .mat__testimonial-inner .mat__testimonial-item .mat__client-info {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: 25px;
}

.mat__testimonial-area-home-1 .mat__testimonial-inner .mat__testimonial-item .mat__client-info .mat__client-picture {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 390px) {
  .mat__testimonial-area-home-1 .mat__testimonial-inner .mat__testimonial-item .mat__client-info .mat__client-name {
    font-size: 18px;
    line-height: 28px;
  }
}

.mat__pricing-area-home-1 {
  position: relative;
  padding: 130px 0;
}

@media (max-width: 991px) {
  .mat__pricing-area-home-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__pricing-area-home-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__pricing-area-home-1 .mat__pricing-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 65px;
}

@media (max-width: 991px) {
  .mat__pricing-area-home-1 .mat__pricing-inner {
    flex-wrap: wrap;
  }
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme {
  position: relative;
  filter: drop-shadow(0px 0px 45px rgba(6, 2, 2, 0.1));
  border-radius: 15px;
  background: #FFF;
  padding: 15px 15px 38px 15px;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__pricng-title {
  text-align: center;
  margin-top: 8px;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__price {
  position: relative;
  text-align: center;
  margin-top: 12px;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__price .mat__item-date {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__price-plan-option-wrapper {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__price-plan-option-wrapper .mat__price-plan-option {
  margin-bottom: 12px;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__price-plan-option-wrapper .mat__price-plan-option:last-child {
  margin-bottom: 12px;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__pricing-btn {
  text-align: center;
  margin-top: 25px;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__pricing-btn .mat__item-order-btn {
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #023552;
}

.mat__pricing-area-home-1 .mat__pricing-inner .mat__pricing-itme .mat__pricing-btn .mat__item-order-btn:hover {
  background-color: #6ACC00;
}

.mat__faq-area-home-1 {
  position: relative;
}

.mat__faq-area-home-1 .mat__faq-wrapper {
  display: flex;
}

@media (max-width: 1710px) {
  .mat__faq-area-home-1 .mat__faq-wrapper {
    align-items: center;
  }
}

@media (max-width: 1399px) {
  .mat__faq-area-home-1 .mat__faq-wrapper {
    display: block;
  }
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left {
  background: rgba(42, 157, 143, 0.08);
  width: 83%;
  padding-top: 96px;
  padding-bottom: 80px;
}

@media (max-width: 1920px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left {
    width: 50%;
  }
}

@media (max-width: 1399px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left {
    padding-top: 50px;
  }
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left .mat__faq-inner {
  margin-top: 66px;
}

@media (max-width: 767px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left .mat__faq-inner {
    margin-top: 40px;
  }
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left .mat__faq-left-wrapper {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1710px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left .mat__faq-left-wrapper {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left .mat__faq-left-wrapper .mat__faq-title h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 575px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-left .mat__faq-left-wrapper .mat__faq-title h2 br {
    display: none;
  }
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right {
  width: 50%;
  position: relative;
}

@media (max-width: 1399px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right {
    width: 100%;
  }
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact {
  position: absolute;
  background-color: #6ACC00;
  width: 537px;
  padding-top: 54px;
  right: 0;
  top: 0;
  padding-bottom: 51px;
}

@media (max-width: 575px) {
  .mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact {
    width: 300px;
    padding-top: 30px;
    padding-bottom: 20px;
  }
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__faq-phone-number,
.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__support-text {
  text-align: center;
  display: block;
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__faq-phone-number.mat__faq-phone-number,
.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__support-text.mat__faq-phone-number {
  margin-top: 12px;
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__faq-icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__faq-send-btn-wrapper {
  text-align: center;
  margin-top: 20px;
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__faq-send-btn-wrapper .mat__faq-send-btn {
  background-color: #FFFFFF;
  color: #023552;
  display: inline-block;
  padding: 18px 37px 18px 28px;
}

.mat__faq-area-home-1 .mat__faq-wrapper .mat__faq-right .mat__faq-contact .mat__faq-send-btn-wrapper .mat__faq-send-btn:hover {
  background-color: #023552;
  color: #FFFFFF;
}

.mat__work-system-home-1 {
  position: relative;
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__work-system-home-1 {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__work-system-home-1 {
    padding-bottom: 80px;
  }
}

.mat__work-system-home-1 .mat__work-system-main-wrapper {
  position: relative;
  z-index: 1;
}

.mat__work-system-home-1 .mat__work-system-main-wrapper .mat__work-system-shep {
  position: absolute;
  top: 25%;
  z-index: -1;
  transform: translateY(-50%);
}

@media (max-width: 1099px) {
  .mat__work-system-home-1 .mat__work-system-main-wrapper .mat__work-system-shep {
    top: 50%;
  }
}

.mat__work-system-home-1 .mat__work-system-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 65px;
}

@media (max-width: 767px) {
  .mat__work-system-home-1 .mat__work-system-inner {
    margin-top: 40px;
  }
}

@media (max-width: 1099px) {
  .mat__work-system-home-1 .mat__work-system-inner {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 40px;
    row-gap: 20px;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .mat__work-system-home-1 .mat__work-system-inner {
    display: grid;
    grid-template-columns: 100%;
  }
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item {
  text-align: center;
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item:hover {
  cursor: pointer;
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item:hover .mat__work-system-icon-box {
  background-color: #6ACC00;
  transform: rotateY(360deg);
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item:hover .mat__work-system-icon-box img {
  filter: invert(116%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(200%) contrast(158%);
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item:hover .mat__work-system-title a {
  color: #6ACC00;
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item .mat__work-system-icon-box {
  width: 143px;
  height: 143px;
  background-color: #FFF;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 45px rgba(6, 2, 2, 0.1));
  line-height: 143px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transition: linear 0.3s;
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item .mat__work-system-icon-box img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item .mat__work-system-title {
  margin-top: 26px;
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item .mat__work-system-title a {
  transition: linear 0.4s;
}

.mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item .mat__work-system-peragraph {
  margin-top: 11px;
}

@media (max-width: 1099px) {
  .mat__work-system-home-1 .mat__work-system-inner .mat__work-system-item .mat__work-system-peragraph br {
    display: none;
  }
}

.mat__team-area-home-1 {
  position: relative;
  padding-top: 130px;
}

.mat__team-area-home-1.mat__team-area-inner-page {
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__team-area-home-1.mat__team-area-inner-page {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__team-area-home-1.mat__team-area-inner-page {
    padding-bottom: 80px;
  }
}

.mat__team-area-home-1.mat__team-area-inner-page .mat__team-inner:last-child {
  margin-top: 24px;
}

.mat__team-area-home-1.mat__team-area-inner-about-page {
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__team-area-home-1.mat__team-area-inner-about-page {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__team-area-home-1.mat__team-area-inner-about-page {
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .mat__team-area-home-1 {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .mat__team-area-home-1 {
    padding-top: 80px;
  }
}

.mat__team-area-home-1 .mat__team-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 65px;
}

@media (max-width: 767px) {
  .mat__team-area-home-1 .mat__team-inner {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .mat__team-area-home-1 .mat__team-inner {
    flex-wrap: wrap;
  }
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-picture-wrapper {
  padding-left: 63px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info {
  padding-left: 63px;
  background-color: #FFFFFF;
  box-shadow: 16px 20px 45px 0px rgba(0, 0, 0, 0.1);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info:hover .mat__team-social-media-wrapper {
  opacity: 1;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info:hover .mat__team-member-name a {
  color: #6ACC00;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-member-name a {
  transition: linear 0.4s;
}

@media (max-width: 439px) {
  .mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-member-name a {
    font-size: 18px;
    line-height: 28px;
  }
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-member-social-media-share-btn {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  background-color: #023552;
  line-height: 45px;
  border-radius: 50%;
  border: 4px solid #6ACC00;
  color: #FFFFFF;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-social-media-wrapper {
  position: absolute;
  top: -175px;
  right: 45px;
  opacity: 0;
  transition: 0.6s ease-in;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-social-media-wrapper ul {
  background-color: #6ACC00;
  width: 40px;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-social-media-wrapper ul li {
  text-align: center;
  padding: 7px 0px;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-social-media-wrapper ul li a {
  color: #FFFFFF;
  transition: linear 0.4s;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item .mat__team-info .mat__team-social-media-wrapper ul li a:hover {
  color: #023552;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item.mat__team-item-mid .mat__team-info {
  box-shadow: -9px -20px 45px 0px rgba(0, 0, 0, 0.1);
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item.mat__team-item-mid .mat__team-info .mat__team-social-media-wrapper {
  top: 135px;
}

.mat__team-area-home-1 .mat__team-inner .mat__team-item.mat__team-item-mid .mat__team-picture-wrapper {
  box-shadow: 19px 20px 45px 0px rgba(0, 0, 0, 0.1);
}

.mat__transport-system-home-1 {
  position: relative;
  padding-bottom: 130px;
  padding-top: 30px;
}

@media (max-width: 991px) {
  .mat__transport-system-home-1 {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__transport-system-home-1 {
    padding-bottom: 80px;
    padding-top: 20px;
  }
}

.mat__transport-system-home-1 .mat__transport-system-inner {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 65px;
  justify-content: center;
}

@media (max-width: 767px) {
  .mat__transport-system-home-1 .mat__transport-system-inner {
    margin-top: 40px;
  }
}

@media (max-width: 1299px) {
  .mat__transport-system-home-1 .mat__transport-system-inner {
    flex-wrap: wrap;
  }
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item {
  position: relative;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1));
  z-index: 1;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item:hover .mat__transport-system-item-text-box img.mat__transport-shep-hover {
  opacity: 1;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item:hover .mat__transport-system-item-text-box img.mat__transport-shep {
  opacity: 0;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item:hover .mat__transport-system-item-text-box .mat__transport-system-item-text-info .mat__transport-system-title {
  color: #FFFFFF;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item:hover .mat__transport-system-item-text-box .mat__transport-system-item-text-info .mat__transport-system-peragraph {
  color: #FFFFFF;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item:hover .mat__transport-system-item-text-box .mat__transport-system-icon {
  background-color: #FFFFFF;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item:hover .mat__transport-system-item-text-box .mat__transport-system-icon svg path {
  fill: #6ACC00;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box img {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 439px) {
  .mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box img {
    width: 100%;
    height: 160px;
  }
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box img.mat__transport-shep-hover {
  opacity: 0;
  transition: 0.3s;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box img.mat__transport-shep {
  opacity: 1;
  transition: 0.3s;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box .mat__transport-system-item-text-info {
  position: absolute;
  top: 24px;
  left: 26px;
  z-index: 1;
}

@media (max-width: 439px) {
  .mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box .mat__transport-system-item-text-info {
    width: 100%;
  }
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box .mat__transport-system-item-text-info .mat__transport-system-title {
  margin-bottom: 6px;
  transition: linear 0.4s;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box .mat__transport-system-item-text-info .mat__transport-system-peragraph {
  transition: linear 0.4s;
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box .mat__transport-system-icon {
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: #023552;
  position: absolute;
  right: -108px;
  top: 85%;
  transition: linear 0.4s;
}

@media (max-width: 439px) {
  .mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box .mat__transport-system-icon {
    right: 10%;
  }
}

.mat__transport-system-home-1 .mat__transport-system-inner .mat__transport-system-item .mat__transport-system-item-text-box .mat__transport-system-icon svg path {
  transition: linear 0.4s;
}

/* Center images inside transport system icon circles */
.mat__transport-system-icon img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(102%) contrast(102%);
}

.mat__transport-system-icon svg {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: white;
  stroke: white;
}

/* Hover effects for transport system items */
.mat__transport-system-item:hover .mat__transport-system-icon {
  background-color: #6ACC00;
  transform: scale(1.1);
}

.mat__transport-system-item:hover .mat__transport-system-title {
  color: #6ACC00 !important;
}

.mat__booking-system-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-bottom: 124px;
  padding-top: 120px;
}

.mat__booking-system-area .mat__booking-system-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .mat__booking-system-area .mat__booking-system-wrapper {
    display: block;
  }
}

@media (max-width: 1199px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info {
    margin-bottom: 45px;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-sub-title {
  margin-bottom: 77px;
}

@media (max-width: 575px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-title {
    font-size: 35px;
    line-height: 45px;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-peragraph {
  margin-top: 32px;
}

@media (max-width: 650px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-peragraph br {
    display: none;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-faselity {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 16px;
  margin-top: 43px;
}

@media (max-width: 650px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-faselity {
    grid-template-columns: 1fr;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-faselity li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__booking-faselity li .mat__booking-faselity-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background-color: #6ACC00;
  color: #FFFFFF;
  font-size: 12px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-info .mat__application-download-btn {
  margin-top: 64px;
  display: flex;
  align-items: center;
  gap: 30px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form {
  background-color: #6ACC00;
  padding: 43px 53px 58px 53px;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form label {
  display: block;
  margin-bottom: 7px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-form-full-width-input-field input,
.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-from-colums-input-field input {
  height: 48px;
  border: none;
  border-radius: 3px;
  background-color: #FFFFFF;
  padding: 0 10px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-form-full-width-input-field input {
  width: 100%;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-from-colums-input-field {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
}

@media (max-width: 575px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-from-colums-input-field {
    display: block;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-from-colums-input-field .mat__booking-from-colums-input-item {
  width: 50%;
}

@media (max-width: 575px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-from-colums-input-field .mat__booking-from-colums-input-item {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-from-colums-input-field .mat__booking-from-colums-input-item:last-child {
    margin-top: 14px;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-from-colums-input-field .mat__booking-from-colums-input-item input {
  width: 100%;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
}

@media (max-width: 439px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper {
    display: block;
    margin-top: 14px;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item {
  width: 50% !important;
}

@media (max-width: 439px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item {
    width: 100% !important;
  }
}

@media (max-width: 439px) {
  .mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item:last-child {
    margin-top: 14px;
  }
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item .mat__booking-system-select-title {
  display: block;
  margin-bottom: 7px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item .mat__booking-type-one,
.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item .mat__booking-type-two {
  float: unset;
  border-radius: 3px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item .mat__booking-type-one.nice-select::after,
.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item .mat__booking-type-two.nice-select::after {
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #747474;
  border-right: 1px solid #747474;
  margin-top: -7px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item .mat__booking-type-one.nice-select.open .list,
.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-select-box-item .mat__booking-type-two.nice-select.open .list {
  width: 100%;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-select-box-wrapper .mat__booking-system-select-title {
  display: block;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-submit-btn {
  display: block;
  margin-top: 32px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-submit-btn .mat__booking-submit-button {
  display: inline-block;
  background-color: #FFFFFF;
  color: #023552;
  font-size: 18px;
  font-weight: 500;
  font-family: "DM Sans", serif;
  padding: 18px 28px 18px 28px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__booking-submit-btn .mat__booking-submit-button:hover {
  background-color: #023552;
  color: #FFFFFF;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__range-bar {
  margin-top: 23px;
}

.mat__booking-system-area .mat__booking-system-wrapper .mat__booking-form .mat__range-bar .range-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mat__booking-system-area .mat__booking-form .nav-pills {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 45px;
}

.mat__booking-system-area .mat__booking-form .nav-pills::after {
  background-color: #FFFFFF;
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 2px;
  z-index: -1;
}

.mat__booking-system-area .mat__booking-form button {
  background-color: transparent;
}

.mat__booking-system-area .mat__booking-form button.nav-link {
  border-radius: unset;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
}

.mat__booking-system-area .mat__booking-form button.nav-link.active {
  background-color: #023552;
  border-bottom: 1px solid #023552;
}

.mat__booking-system-area .mat__booking-form button .mat__booking-system-tab-btn-icon {
  margin-right: 5px;
}

.mat__counter-area-home-1 {
  position: relative;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 215px;
  padding-top: 150px;
}

@media (max-width: 767px) {
  .mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper {
    padding-top: 80px;
    padding-bottom: 130px;
  }
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 650px) {
  .mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper {
    display: block;
  }
}

@media (max-width: 650px) {
  .mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info {
    margin-bottom: 30px;
  }
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-title-area {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 439px) {
  .mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-title-area {
    display: block;
  }
}

@media (max-width: 767px) {
  .mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-title-area .mat__counter-banner-title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 439px) {
  .mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-title-area .mat__counter-banner-title {
    margin-top: 20px;
  }
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .trukcer__counter-banner-peragraph {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .trukcer__counter-banner-peragraph br {
    display: none;
  }
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-contact-info {
  margin-top: 28px;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-contact-info a {
  display: flex;
  align-items: center;
  gap: 15px;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-contact-info a:hover .mat__counter-banner-contact-number {
  color: #023552;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-contact-info a:hover .mat__counter-banner-contact-icon {
  background-color: #023552;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-contact-info a .mat__counter-banner-contact-icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  background-color: #6ACC00;
  transition: linear 0.4s;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-banner-info .mat__counter-banner-contact-info a .mat__counter-banner-contact-number {
  transition: linear 0.4s;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-play-button .mat__counter-banner-btn {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  line-height: 120px;
  display: inline-block;
  text-align: center;
  border: 2px solid #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: uppercase;
  transition: linear 0.4s;
}

.mat__counter-area-home-1 .mat__banner-counter-home-1-wrapper .mat__counter-banner-wrapper .mat__counter-play-button .mat__counter-banner-btn:hover {
  border-color: #6ACC00;
  color: #6ACC00;
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 {
  position: relative;
  top: -100px;
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items {
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #FFFFFF;
  filter: drop-shadow(0px 7px 23px rgba(0, 0, 0, 0.09));
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  background-color: #FFF;
  fill: #fff;
  z-index: 1;
}

@media (max-width: 865px) {
  .mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items {
    flex-wrap: wrap;
    row-gap: 25px;
  }
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item {
  width: 25%;
  position: relative;
}

@media (max-width: 865px) {
  .mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item {
    width: 100%;
  }
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item:last-child::after {
  display: none;
}

@media (max-width: 865px) {
  .mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item:nth-child(even)::after {
    display: none;
  }
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item .mat__counter-item-shep-1 {
  width: 33px;
  height: 33px;
  background-color: rgba(242, 59, 59, 0.3490196078);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 68%;
  z-index: -1;
  animation: mat__bounceX 4s linear infinite;
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(56, 54, 54, 0.1490196078);
  width: 1px;
  height: 100%;
}

@media (max-width: 575px) {
  .mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item::after {
    display: none;
  }
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-shep-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.4;
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-shep-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.4;
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item-number-wrapper .mat__counter-item-number {
  overflow: hidden;
  padding-right: 6px;
}

.mat__counter-area-home-1 .mat__counter-wrapper-home-1 .mat__counter-items .mat__counter-item-name {
  text-align: center;
  margin-top: 12px;
}

.mat__about-area-home-1 {
  position: relative;
  padding: 100px 0 108px 0;
}

@media (max-width: 991px) {
  .mat__about-area-home-1 {
    padding: 70px 0 78px 0;
  }
}

@media (max-width: 767px) {
  .mat__about-area-home-1 {
    padding: 50px 0 58px 0;
  }
}

.mat__about-area-home-1 .mat__about-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper {
    display: block;
  }
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-left-site {
    margin-bottom: 35px;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-right-site {
    text-align: center;
  }
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-some-info-wrapper {
  display: flex;
  align-items: center;
  gap: 21px;
  margin-left: -10px;
  margin-top: 22px;
  margin-bottom: 4px;
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-some-info-wrapper {
    margin-left: 0;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-some-info-wrapper {
    display: block;
  }
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-some-info-wrapper .mat__about-some-info-item {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-some-info-wrapper .mat__about-some-info-item .mat__about-some-info-title {
    text-align: left;
  }
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-title {
  margin-bottom: 17px;
}

@media (max-width: 1099px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-sub-titel br {
    display: none;
  }
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-info-point {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-info-point {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-info-point li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-info-point li:last-child {
  margin-bottom: 0;
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-info-point li .mat__about-info-point-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  background-color: #6ACC00;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 13px;
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-info-point li .mat__about-info-point-text {
    text-align: left;
  }
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-writer-info-wrapper {
  display: flex;
  align-items: center;
  gap: 65px;
}

@media (max-width: 991px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-writer-info-wrapper {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .mat__about-area-home-1 .mat__about-wrapper .mat__about-writer-info-wrapper {
    display: block;
  }
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-writer-info-wrapper .mat__about-writer-info-name {
  margin-bottom: 4px;
}

.mat__about-area-home-1 .mat__about-wrapper .mat__about-writer-info-wrapper .mat__about-writer-info-inner {
  display: flex;
  align-items: center;
  gap: 14px;
}

.mat__brand-area-home-2 {
  background-color: #E7F8F8;
  padding-top: 98px;
  padding-bottom: 77px;
  position: relative;
}

@media (max-width: 1920px) {
  .mat__brand-area-home-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.mat__brand-area-home-2 .mat__brand-title {
  margin-bottom: 58px;
}

@media (max-width: 439px) {
  .mat__brand-area-home-2 .mat__brand-title {
    font-size: 25px;
    line-height: 35px;
  }
}

@media (max-width: 991px) {
  .mat__brand-area-home-2 .mat__brand-item img {
    margin-left: auto;
    margin-right: auto;
  }
}

.mat__about-area_home-2 {
  position: relative;
  padding-bottom: 70px;
  padding-top: 39px;
}

@media (max-width: 1199px) {
  .mat__about-area_home-2 {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .mat__about-area_home-2 {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}

@media (max-width: 575px) {
  .mat__about-area_home-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.mat__about-area_home-2 .mat__about-wrapper {
  display: flex;
  align-items: center;
  gap: 70px;
  justify-content: center;
}

@media (max-width: 1199px) {
  .mat__about-area_home-2 .mat__about-wrapper {
    gap: 30px;
  }
}

@media (max-width: 991px) {
  .mat__about-area_home-2 .mat__about-wrapper {
    display: block;
  }
}

@media (max-width: 1099px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-left-site {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-left-site {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    max-width: max-content;
  }
}

@media (max-width: 1099px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site {
    width: 100%;
  }
}

.mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-title {
  margin-bottom: 28px;
}

@media (max-width: 991px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-title {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-title {
    font-size: 35px;
    line-height: 45px;
  }

  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-title br {
    display: none;
  }
}

@media (max-width: 390px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 991px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-sub-title {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-sub-title br {
    display: none;
  }
}

.mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper {
  margin-top: 34px;
}

.mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner {
  display: flex;
  align-items: start;
  gap: 15px;
  margin-bottom: 39px;
}

@media (max-width: 991px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner {
    justify-content: center;
  }
}

.mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner:last-child {
  margin-bottom: 0;
}

.mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner:hover .mat__about-item-icon span img {
  transform: rotateY(360deg);
}

.mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner .mat__about-item-icon span img {
  transition: linear 0.4s;
}

@media (max-width: 439px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner .mat__about-item-text .mat__about-item-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner .mat__about-item-text .mat__about-item-short-info {
  margin-top: 13px;
}

@media (max-width: 575px) {
  .mat__about-area_home-2 .mat__about-wrapper .mat__about-right-site .mat__about-items-wrapper .mat__about-items-inner .mat__about-item-text .mat__about-item-short-info br {
    display: none;
  }
}

.mat__banner-area-home-2 {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 92px;
  padding-bottom: 88px;
}

@media (max-width: 767px) {
  .mat__banner-area-home-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.mat__banner-area-home-2 .mat__banner-btn a {
  display: inline-block;
}

@media (max-width: 575px) {
  .mat__banner-area-home-2 .mat__banner-title br {
    display: none;
  }
}

@media (max-width: 439px) {
  .mat__banner-area-home-2 .mat__banner-title {
    font-size: 30px;
    line-height: 40px;
  }
}

.mat__banner-area-home-2 .mat__banner-sub-title {
  margin-top: 21px;
  margin-bottom: 51px;
}

@media (max-width: 575px) {
  .mat__banner-area-home-2 .mat__banner-sub-title {
    margin-top: 15px;
    margin-bottom: 35px;
  }

  .mat__banner-area-home-2 .mat__banner-sub-title br {
    display: none;
  }
}

@media (max-width: 439px) {
  .mat__banner-area-home-2 .mat__banner-sub-title {
    font-size: 16px;
    line-height: 26px;
  }
}

.mat__feature-area-home-2 {
  position: relative;
  padding-top: 125px;
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__feature-area-home-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__feature-area-home-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__feature-area-home-2 .mat__feature-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 24px;
  row-gap: 24px;
  margin-top: 67px;
}

@media (max-width: 1099px) {
  .mat__feature-area-home-2 .mat__feature-inner {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .mat__feature-area-home-2 .mat__feature-inner {
    grid-template-columns: 1fr;
    margin-top: 45px;
  }
}

.mat__feature-area-home-2 .mat__feature-inner .mat__feature-items {
  border-radius: 2px;
  background: #FFFFFF;
  box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.1);
  padding: 46px 30px 66px 30px;
}

@media (max-width: 1299px) {
  .mat__feature-area-home-2 .mat__feature-inner .mat__feature-items {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.mat__feature-area-home-2 .mat__feature-inner .mat__feature-items .mat__feature-icons-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 38px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 36px;
}

.mat__feature-area-home-2 .mat__feature-inner .mat__feature-items .mat__feature-icons-btn-wrapper .mat__feature-btn {
  background-color: #023552;
  display: inline-block;
  text-align: center;
  padding: 9px 30px;
  border-radius: 35px;
  transition: linear 0.4s;
  font-family: "Jost", serif;
}

.mat__feature-area-home-2 .mat__feature-inner .mat__feature-items .mat__feature-icons-btn-wrapper .mat__feature-btn:hover {
  background-color: #6ACC00;
}

.mat__feature-area-home-2 .mat__feature-inner .mat__feature-items .mat__feature-item-title {
  margin-bottom: 24px;
}

.mat__feature-area-home-2 .mat__feature-inner .mat__feature-items .mat__feature-item-discriptiions {
  margin-top: 25px;
}

@media (max-width: 1299px) {
  .mat__feature-area-home-2 .mat__feature-inner .mat__feature-items .mat__feature-item-discriptiions br {
    display: none;
  }
}

.mat__skill-area-home-2 {
  background-color: #F6F9FA;
  position: relative;
}

@media (max-width: 1499px) {
  .mat__skill-area-home-2 {
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 991px) {
  .mat__skill-area-home-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__skill-area-home-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__skill-area-home-2 .mat__skill-bar-top {
  display: flex;
  align-items: center;
}

@media (max-width: 1499px) {
  .mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-bar-wrapper {
    text-align: center;
  }

  .mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-bar-wrapper br {
    display: none;
  }
}

.mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-bar-wrapper .mat__skill-bar-title {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-bar-wrapper .mat__skill-bar-title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 575px) {
  .mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-bar-wrapper .mat__skill-bar-title {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 767px) {
  .mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-bar-wrapper .mat__skill-bar-sub-title br {
    display: none;
  }
}

@media (max-width: 1710px) {
  .mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-img {
    width: 40%;
  }
}

@media (max-width: 1499px) {
  .mat__skill-area-home-2 .mat__skill-bar-top .mat__skill-bar-top-img {
    display: none;
  }
}

.mat__skill-area-home-2 .mat__skill-bar-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper {
  display: flex;
  align-items: center;
  width: 45%;
  margin-left: 70px;
  justify-content: space-between;
}

@media (max-width: 1710px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper {
    width: 70%;
  }
}

@media (max-width: 1499px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper {
    width: 100%;
    gap: 25px;
    margin-left: 0;
    justify-content: center;
    margin-top: 50px;
  }
}

@media (max-width: 865px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper {
    display: block;
  }
}

@media (max-width: 767px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper {
    margin-top: 35px;
  }
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item {
  display: flex;
  align-items: center;
  gap: 18px;
}

@media (max-width: 865px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item {
    justify-content: center;
  }
}

@media (max-width: 865px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item:last-child {
    margin-top: 25px;
  }
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__circular-progress {
  position: relative;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: conic-gradient(#6ACC00 0deg, #E1E1E1 0deg);
  display: inline-block;
  text-align: center;
  z-index: 1;
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__circular-progress::before {
  content: "";
  position: absolute;
  width: 110px;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 110px;
  border-radius: 50%;
  background-color: #F6F9FA;
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__circular-progress .mat__progress-inner-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__circular-progress .mat__progress-inner-text span {
  display: block;
  text-align: center;
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__circular-progress .mat__progress-inner-text span.mat__progress-value {
  font-size: 30px;
  font-weight: 500;
  font-family: "Jost", serif;
  line-height: 40px;
}

@media (max-width: 767px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__circular-progress .mat__progress-inner-text span.mat__progress-value {
    font-size: 20px;
    line-height: 30px;
  }
}

.mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__progress-text-wrapper .mat__progress-name {
  margin-bottom: 2px;
}

@media (max-width: 767px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__progress-text-wrapper .mat__progress-name {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-bar-wrapper .mat__progress-item .mat__progress-text-wrapper .mat__progress-short-info {
    font-size: 15px;
    line-height: 25px;
  }
}

@media (max-width: 1499px) {
  .mat__skill-area-home-2 .mat__skill-bar-bottom .mat__skill-bar-bottom-img {
    display: none;
  }
}

.mat__team-area-home-2 {
  position: relative;
  padding-top: 125px;
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__team-area-home-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__team-area-home-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__team-area-home-2 .mat__team-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 65px;
}

@media (max-width: 1299px) {
  .mat__team-area-home-2 .mat__team-wrapper {
    flex-wrap: wrap;
    row-gap: 24px;
  }
}

@media (max-width: 767px) {
  .mat__team-area-home-2 .mat__team-wrapper {
    margin-top: 40px;
  }
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner {
  position: relative;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-image {
  position: relative;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper {
  border-radius: 0px 0px 3px 3px;
  background: #FFFFFF;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
  padding: 28px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-icons .mat__team-plus-icon {
  width: 40px;
  height: 40px;
  background-color: #023552;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  transition: linear 0.4s;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-icons .mat__team-plus-icon:hover {
  background-color: #6ACC00;
  cursor: pointer;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-icons:hover .mat__social-media-icons {
  top: 50%;
  visibility: visible;
  opacity: 1;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-icons .mat__social-media-icons {
  position: absolute;
  border-radius: 2px;
  top: 55%;
  transform: translateY(-50%);
  background: #6ACC00;
  padding: 20px 15px;
  visibility: hidden;
  opacity: 0;
  transition: linear 0.4s;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-icons .mat__social-media-icons a {
  display: block;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 16px;
  transition: linear 0.4s;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-icons .mat__social-media-icons a:hover {
  color: #023552;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-icons .mat__social-media-icons a:last-child {
  margin-bottom: 0;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-text .mat__team-member-name a {
  transition: linear 0.4s;
}

.mat__team-area-home-2 .mat__team-wrapper .mat__team-inner .mat__team-info-wrapper .mat__team-text .mat__team-member-name a:hover {
  color: #6ACC00;
}

.mat__counter-area-home-2 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 130px 0;
}

@media (max-width: 991px) {
  .mat__counter-area-home-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__counter-area-home-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__counter-area-home-2 .mat__counter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .mat__counter-area-home-2 .mat__counter-wrapper {
    flex-wrap: wrap;
    row-gap: 25px;
    justify-content: center;
    column-gap: 25px;
  }
}

.mat__counter-area-home-2 .mat__counter-wrapper .mat__counter-item {
  position: relative;
}

.mat__counter-area-home-2 .mat__counter-wrapper .mat__counter-item::after {
  content: "";
  display: none;
}

@media (max-width: 767px) {
  .mat__counter-area-home-2 .mat__counter-wrapper .mat__counter-item::after {
    height: 100%;
  }
}

.mat__counter-area-home-2 .mat__counter-wrapper .mat__counter-item .mat__counter-value {
  overflow: hidden;
  padding-right: 6px;
}

@media (max-width: 991px) {
  .mat__counter-area-home-2 .mat__counter-wrapper .mat__counter-item .mat__counter-value {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .mat__counter-area-home-2 .mat__counter-wrapper .mat__counter-item .mat__counter-label {
    text-align: center;
  }
}

.mat__pricing-area-home-2 {
  position: relative;
  padding-top: 130px;
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__pricing-area-home-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__pricing-area-home-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__pricing-area-home-2 .mat__pricing-inner {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 60px;
  justify-content: center;
}

@media (max-width: 1099px) {
  .mat__pricing-area-home-2 .mat__pricing-inner {
    flex-wrap: wrap;
    row-gap: 24px;
  }
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__pricing-options {
  background-color: rgba(234, 239, 238, 0.49);
  padding-top: 62px;
  padding-bottom: 60px;
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__pricing-options ul {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__pricing-options ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__pricing-options ul li:last-child {
  margin-bottom: 0;
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__pricing-options ul li .mat__pricing-option-text {
  font-size: 16px;
  font-weight: 500;
  color: #747474;
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__prcing-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #023552;
  border-radius: 0px 0px 10px 10px;
  padding: 32px;
  transition: linear 0.4s;
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__prcing-btn-wrapper:hover {
  background-color: #6ACC00;
}

.mat__pricing-area-home-2 .mat__pricing-inner .mat__prcing-btn-wrapper .mat__pricing-btn {
  color: #FFFFFF;
  text-decoration: underline;
}

.mat__map-area {
  position: relative;
  padding-top: 220px;
  padding-bottom: 130px;
}

@media (max-width: 767px) {
  .mat__map-area {
    padding-top: 130px;
  }
}

@media (max-width: 439px) {
  .mat__map-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.mat__map-area .mat__map-wrapper {
  position: relative;
}

.mat__map-area .mat__map-wrapper .mat__map-text {
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 130px;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 650px) {
  .mat__map-area .mat__map-wrapper .mat__map-text {
    font-size: 90px;
  }
}

@media (max-width: 439px) {
  .mat__map-area .mat__map-wrapper .mat__map-text {
    font-size: 75px;
  }
}

.mat__map-area .mat__map-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.mat__delivary-system {
  position: relative;
  padding-top: 230px;
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__delivary-system {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__delivary-system {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__delivary-system.mat__delivary-system-home-1 {
  padding-top: 130px;
  padding-bottom: 117px;
}

@media (max-width: 991px) {
  .mat__delivary-system.mat__delivary-system-home-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__delivary-system.mat__delivary-system-home-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__delivary-system .mat__delivary-items {
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .mat__delivary-system .mat__delivary-items img {
    margin-left: auto;
    margin-right: auto;
  }
}

.mat__delivary-system .mat__delivary-items:hover .mat__delivary-item-hover {
  width: 100%;
  top: 0;
}

.mat__delivary-system .mat__delivary-items .mat__delivary-item-hover {
  position: absolute;
  top: 105%;
  left: 0;
  border-radius: 4px;
  background: rgba(6, 46, 57, 0.85);
  width: 0;
  height: 100%;
  overflow: hidden;
  transition: 0.6s ease;
}

.mat__delivary-system .mat__delivary-items .tucker__delivary-item-text {
  position: absolute;
  bottom: 46px;
  left: 30px;
}

@media (max-width: 1499px) {
  .mat__delivary-system .mat__delivary-items .tucker__delivary-item-text .mat__delivary-sub-title br {
    display: none;
  }
}

@media (max-width: 1199px) {
  .mat__delivary-system .mat__delivary-items .tucker__delivary-item-text .mat__delivary-title br {
    display: none;
  }
}

.mat__delivary-system .mat__delivary-items .tucker__delivary-item-text .mat__delivary-btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  background-color: #6ACC00;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  color: #FFFFFF;
  margin-top: 23px;
}

.mat__testimonial-area-home-2 {
  position: relative;
  padding-bottom: 130px;
}

.mat__testimonial-area-home-2.mat__testimonial-area-about-inner-page {
  padding-top: 130px;
}

@media (max-width: 991px) {
  .mat__testimonial-area-home-2.mat__testimonial-area-about-inner-page {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .mat__testimonial-area-home-2.mat__testimonial-area-about-inner-page {
    padding-top: 80px;
  }
}

@media (max-width: 991px) {
  .mat__testimonial-area-home-2 {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__testimonial-area-home-2 {
    padding-bottom: 80px;
  }
}

.mat__testimonial-area-home-2 .mat__testimonial-inner {
  margin-top: 35px;
}

.mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item {
  padding: 55px 35px;
  box-shadow: 0px 7px 32px 0px rgba(0, 0, 0, 0.08);
  margin: 15px;
}

@media (max-width: 767px) {
  .mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item {
    padding: 30px 20px;
  }
}

.mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item .mat__testimonial-items-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 37px;
}

@media (max-width: 575px) {
  .mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item .mat__testimonial-items-wrapper {
    display: block;
    margin-bottom: 20px;
  }
}

.mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item .mat__testimonial-items-wrapper .mat__testimonial-img-inner {
  display: flex;
  gap: 17px;
  align-items: center;
}

@media (max-width: 575px) {
  .mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item .mat__testimonial-items-wrapper .mat__testimonial-img-inner {
    display: block;
  }
}

@media (max-width: 575px) {
  .mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item .mat__testimonial-items-wrapper .mat__testimonial-quets {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (max-width: 1299px) {
  .mat__testimonial-area-home-2 .mat__testimonial-inner .mat__testimonial-item .mat__testimonial-peragraph br {
    display: none !important;
  }
}

.mat__blog-area-home-2 {
  background-color: #F8FBFB;
  position: relative;
  padding-top: 130px;
  padding-bottom: 130px;
}

@media (max-width: 991px) {
  .mat__blog-area-home-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mat__blog-area-home-2 .mat__blog-inner {
  display: flex;
  gap: 60px;
  margin-top: 63px;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-2 .mat__blog-inner {
    display: block;
  }
}

.mat__blog-area-home-2 .mat__blog-details-left-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  top: -100px;
  position: relative;
}

.mat__blog-area-home-2 .mat__blog-details {
  filter: drop-shadow(0px 3px 10px rgba(57, 106, 191, 0.16));
  background-color: #FFFFFF;
  padding: 31px 30px;
  border-radius: 5px;
}

@media (max-width: 575px) {
  .mat__blog-area-home-2 .mat__blog-details {
    padding: 25px 15px;
  }
}

.mat__blog-area-home-2 .mat__blog-date-tag {
  display: flex;
  align-items: center;
  gap: 33px;
}

.mat__blog-area-home-2 .mat__blog-tag,
.mat__blog-area-home-2 .mat__blog-date {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mat__blog-area-home-2 .tucker__blog-title {
  margin-top: 15px;
}

.mat__blog-area-home-2 .tucker__blog-title a {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  color: #023552;
  transition: linear 0.4s;
}

.mat__blog-area-home-2 .tucker__blog-title a:hover {
  color: #6ACC00;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-2 .tucker__blog-title a br {
    display: none;
  }
}

.mat__blog-area-home-2 .mat__blog-btn {
  margin-top: 16px;
}

.mat__blog-area-home-2 .mat__blog-btn a {
  display: flex;
  align-items: center;
  gap: 33px;
  font-family: "Heebo", serif;
}

.mat__blog-area-home-2 .mat__blog-btn a .mat__read-icon {
  opacity: 0;
  transition: 0.4s ease-in-out;
}

.mat__blog-area-home-2 .mat__blog-btn a:hover .mat__read-icon {
  opacity: 1;
}

.mat__blog-area-home-2 .mat__blog-right-site {
  width: 50%;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-2 .mat__blog-right-site {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1099px) {
  .mat__blog-area-home-2 .mat__blog-right-site {
    width: 100%;
  }
}

.mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

@media (max-width: 650px) {
  .mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item {
    display: block;
  }

  .mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item img {
    margin-left: auto;
    margin-right: auto;
  }
}

.mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item:last-child {
  margin-bottom: 0px;
}

.mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item .mat__blog-details {
  padding: 15px 25px;
  position: relative;
  left: -25px;
}

@media (max-width: 650px) {
  .mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item .mat__blog-details {
    left: 0;
  }
}

.mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item .mat__blog-details .tucker__blog-title {
  margin-top: 8px;
}

.mat__blog-area-home-2 .mat__blog-right-site .mat__blog-right-item .mat__blog-details .mat__blog-btn {
  margin-top: 8px;
}

.mat__blog-area-home-2 .mat__blog-left-site {
  width: 50%;
}

@media (max-width: 1199px) {
  .mat__blog-area-home-2 .mat__blog-left-site {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .mat__blog-area-home-2 .mat__blog-left-site {
    width: 80%;
  }

  .mat__blog-area-home-2 .mat__blog-left-site img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .mat__blog-area-home-2 .mat__blog-left-site {
    width: 100%;
  }
}

.mat__blog-details-area {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  .mat__blog-details-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .mat__blog-details-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.mat__blog-details-wrapper {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 30px;
  position: relative;
}

@media (max-width: 991px) {
  .mat__blog-details-wrapper {
    display: block;
  }
}

.mat__blog-details-wrapper .mat__fast-box-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 26px;
}

@media (max-width: 575px) {
  .mat__blog-details-wrapper .mat__fast-box-icon-wrapper {
    margin-bottom: 12px;
  }
}

.mat__blog-details-wrapper .mat__fast-box-icon-wrapper .mat__fast-box-icon-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mat__fast-box-blog-details .mat__fast-box-title {
  margin-top: 32px;
  margin-bottom: 20px;
}

.mat__fast-box-blog-details .mat__fast-box-title.mat__fast-box-title-blog-standard {
  margin-top: 22px;
}

@media (max-width: 575px) {
  .mat__fast-box-blog-details .mat__fast-box-title {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 25px;
    line-height: 35px;
  }
}

.mat__blog-details-left-site {
  width: 65%;
}

@media (max-width: 991px) {
  .mat__blog-details-left-site {
    width: 100%;
  }
}

.mat__second-box-blog-details {
  margin-top: 38px;
}

.mat__second-box-blog-details .mat__second-box-title {
  margin-top: 36px;
  margin-bottom: 14px;
}

.mat__second-box-img-link-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}

@media (max-width: 1299px) {
  .mat__second-box-img-link-wrapper {
    gap: 15px;
  }
}

@media (max-width: 1099px) {
  .mat__second-box-img-link-wrapper {
    display: block;
  }
}

.mat__second-box-img-link-wrapper .mat__second-box-img-responsive {
  display: none;
}

@media (max-width: 1099px) {
  .mat__second-box-img-link-wrapper .mat__second-box-img-responsive {
    display: block;
    margin-bottom: 20px;
  }
}

.mat__second-box-img-link-wrapper .mat__second-box-img-desktop {
  display: block;
}

@media (max-width: 1099px) {
  .mat__second-box-img-link-wrapper .mat__second-box-img-desktop {
    display: none;
  }
}

@media (max-width: 1299px) {
  .mat__second-box-img-link-wrapper .mat__second-box-link-inner {
    width: 65%;
  }
}

@media (max-width: 1099px) {
  .mat__second-box-img-link-wrapper .mat__second-box-link-inner {
    width: 100%;
  }
}

.mat__second-box-img-link-wrapper .mat__second-box-link {
  display: block;
  position: relative;
  margin-bottom: 23px;
  transition: linear 0.4s;
}

@media (max-width: 1299px) {
  .mat__second-box-img-link-wrapper .mat__second-box-link {
    font-size: 16px;
    line-height: 26px;
  }

  .mat__second-box-img-link-wrapper .mat__second-box-link svg {
    width: 20px;
  }
}

.mat__second-box-img-link-wrapper .mat__second-box-link.mat__second-box-link-no-hover:hover {
  color: #023552;
}

.mat__second-box-img-link-wrapper .mat__second-box-link:hover {
  color: #6ACC00;
}

.mat__second-box-img-link-wrapper .mat__second-box-link:last-child {
  margin-bottom: 0;
}

.mat__second-box-img-link-wrapper .mat__second-box-link .mat__second-box-link-icon {
  position: relative;
  top: -1px;
  margin-right: 10px;
}

.mat__second-box-two-img-wrapper {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-top: 38px;
  margin-bottom: 38px;
}

@media (max-width: 1299px) {
  .mat__second-box-two-img-wrapper {
    gap: 15px;
  }
}

@media (max-width: 1299px) {
  .mat__second-box-two-img-wrapper img {
    width: 45%;
  }
}

.mat__third-box-blog-details .mat__third-box-wrapper:last-child {
  margin-top: 30px;
  margin-bottom: 38px;
}

.mat__third-box-blog-details .mat__third-box-wrapper .mat__third-box-title {
  margin-bottom: 16px;
}

.mat__blog-details-tag-line-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  padding: 40px 0;
}

@media (max-width: 1099px) {
  .mat__blog-details-tag-line-wrapper {
    gap: 20px;
    flex-wrap: wrap;
  }
}

.mat__blog-details-tag-line-wrapper .mat__blog-details-tag-line-inner {
  display: flex;
  align-items: center;
  gap: 40px;
}

@media (max-width: 575px) {
  .mat__blog-details-tag-line-wrapper .mat__blog-details-tag-line-inner {
    gap: 15px;
    flex-wrap: wrap;
  }
}

.mat__blog-details-tag-line-wrapper .mat__blog-details-tag-line-button-box {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 575px) {
  .mat__blog-details-tag-line-wrapper .mat__blog-details-tag-line-button-box {
    flex-wrap: wrap;
  }
}

.mat__blog-details-tag-line-wrapper .mat__blog-details-tag-line-button-box a {
  padding: 9px 21px;
  background-color: #F8F8F8;
  transition: linear 0.4s;
}

.mat__blog-details-tag-line-wrapper .mat__blog-details-tag-line-button-box a:hover {
  background-color: #6ACC00;
  color: #FFFFFF;
}

.mat__blog-details-tag-line-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mat__blog-details-tag-line-icon,
.mat__blog-details-writer-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFFFFF;
  color: #6ACC00;
  border: 1px solid #6ACC00;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  transition: linear 0.4s;
}

.mat__blog-details-tag-line-icon:hover,
.mat__blog-details-writer-icon:hover {
  background-color: #6ACC00;
  border-color: transparent;
  color: #FFFFFF;
}

.mat__blog-details-tag-line-icon.mat__blog-details-writer-icon,
.mat__blog-details-writer-icon.mat__blog-details-writer-icon {
  width: 45px;
  height: 45px;
  background-color: #F8FAFA;
  border-color: #E7E7E7;
  line-height: 45px;
}

.mat__blog-details-tag-line-icon.mat__blog-details-writer-icon:hover,
.mat__blog-details-writer-icon.mat__blog-details-writer-icon:hover {
  background-color: #6ACC00;
  border-color: transparent;
  color: #FFFFFF;
}

.mat__blog-details-about-writer {
  display: flex;
  align-items: center;
  gap: 42px;
  border-bottom: 1px solid #E3E3E3;
  padding-top: 46px;
  padding-bottom: 27px;
}

@media (max-width: 1299px) {
  .mat__blog-details-about-writer {
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .mat__blog-details-about-writer {
    align-items: start;
  }
}

@media (max-width: 439px) {
  .mat__blog-details-about-writer {
    display: block;
  }
}

.mat__blog-details-about-writer .mat__blog-details-about-writer-img {
  width: 50%;
}

@media (max-width: 1199px) {
  .mat__blog-details-about-writer .mat__blog-details-about-writer-img {
    width: 70%;
  }
}

@media (max-width: 991px) {
  .mat__blog-details-about-writer .mat__blog-details-about-writer-img {
    width: 100%;
    max-width: max-content;
  }
}

@media (max-width: 767px) {
  .mat__blog-details-about-writer .mat__blog-details-about-writer-img {
    width: 100%;
  }
}

.mat__blog-details-about-writer .mat__blog-writer-discription {
  margin-top: 17px;
  margin-bottom: 37px;
}

@media (max-width: 767px) {
  .mat__blog-details-about-writer .mat__blog-writer-discription {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

.mat__blog-details-next-prev-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 42px;
  margin-bottom: 45px;
}

@media (max-width: 1099px) {
  .mat__blog-details-next-prev-wrapper {
    display: block;
  }
}

@media (max-width: 991px) {
  .mat__blog-details-next-prev-wrapper {
    display: flex;
  }
}

@media (max-width: 767px) {
  .mat__blog-details-next-prev-wrapper {
    display: block;
  }
}

.mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner,
.mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner {
  background-color: #F8F8F8;
  padding: 37px 27px;
  width: 50%;
}

@media (max-width: 1099px) {

  .mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner,
  .mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner {
    width: 100%;
    max-width: max-content;
  }
}

@media (max-width: 991px) {

  .mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner,
  .mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner {
    width: 50%;
    max-width: unset;
  }
}

@media (max-width: 767px) {

  .mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner,
  .mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner {
    width: 100%;
  }
}

@media (max-width: 1099px) {

  .mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner.mat__blog-details-next-inner,
  .mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner.mat__blog-details-next-inner {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {

  .mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner.mat__blog-details-next-inner,
  .mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner.mat__blog-details-next-inner {
    margin-top: unset;
  }
}

@media (max-width: 767px) {

  .mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner.mat__blog-details-next-inner,
  .mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner.mat__blog-details-next-inner {
    margin-top: 20px;
  }
}

.mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner.mat__blog-details-next-inner .mat__blog-details-tranding-blog-wrapper,
.mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner.mat__blog-details-next-inner .mat__blog-details-tranding-blog-wrapper {
  justify-content: end;
}

.mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner.mat__blog-details-next-inner .mat__blog-details-tranding-blog-wrapper .mat__blog-details-tranding-arrows a,
.mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner.mat__blog-details-next-inner .mat__blog-details-tranding-blog-wrapper .mat__blog-details-tranding-arrows a {
  display: block;
  text-align: right;
}

.mat__blog-details-next-prev-wrapper .mat__blog-details-prev-inner.mat__blog-details-next-inner .mat__blog-details-tranding-blog-wrapper .mat__blog-details-tranding-peragraph,
.mat__blog-details-next-prev-wrapper .mat__blog-details-next-inner.mat__blog-details-next-inner .mat__blog-details-tranding-blog-wrapper .mat__blog-details-tranding-peragraph {
  text-align: right;
}

.mat__blog-details-next-prev-wrapper .mat__blog-details-tranding-blog-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 1199px) {
  .mat__blog-details-next-prev-wrapper .mat__blog-details-tranding-blog-wrapper .mat__blog-details-tranding-blog-info {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .mat__blog-details-next-prev-wrapper .mat__blog-details-tranding-blog-wrapper .mat__blog-details-tranding-blog-info .mat__blog-details-tranding-peragraph br {
    display: none;
  }
}

.mat__blog-details-under-line-title {
  position: relative;
  padding-bottom: 16px;
}

.mat__blog-details-under-line-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #6ACC00;
  width: 70px;
  height: 3px;
  left: 0;
  border-radius: 2px;
}

.mat__comment-box-inner {
  justify-content: space-between;
  display: flex;
  align-items: start;
  border-bottom: 1px solid #E4E4E4;
  margin-top: 30px;
  padding-bottom: 28px;
}

.mat__comment-box-inner:last-child {
  border-bottom: none;
  margin-top: 0;
  padding-bottom: 0;
  margin-top: 30px;
  margin-left: 50px;
}

.mat__comment-box-inner .mat__comment-date {
  margin-top: 13px;
  display: block;
  margin-bottom: 8px;
}

.mat__comment-left-content {
  display: flex;
  align-items: start;
  gap: 15px;
}

@media (max-width: 575px) {
  .mat__comment-left-content {
    display: block;
  }
}

.mat__comment-left-content .mat__comment-left-content-img {
  width: 50%;
  max-width: max-content;
}

@media (max-width: 767px) {
  .mat__comment-left-content .mat__comment-left-content-img {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .mat__comment-left-content .mat__comment-left-content-img {
    margin-bottom: 15px;
  }
}

.mat__comment-right-content .mat__comment-reply-btn {
  padding: 8px 26px;
  background-color: #EFEFEF;
  border-radius: 3px;
  color: #6ACC00;
  display: inline-block;
  text-align: center;
  transition: linear 0.4s;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.mat__comment-right-content .mat__comment-reply-btn:hover {
  background-color: #023552;
  color: #FFFFFF;
}

.mat__blog-details-comment-post-wrapper {
  margin-top: 40px;
}

.mat__blog-details-comment-form {
  margin-top: 40px;
}

.mat__blog-details-comment-form .mat__blog-details-comment-flexing-input {
  display: flex;
  align-items: center;
  gap: 20px;
}

.mat__blog-details-comment-form input {
  border-radius: 3px;
  border: 1px solid #DDD;
  background: #F8F8F8;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  width: 100%;
  padding: 14px 17px;
  margin-bottom: 23px;
  transition: linear 0.4s;
}

.mat__blog-details-comment-form input::placeholder {
  color: #B1B1B1;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.mat__blog-details-comment-form input:focus-visible {
  border-color: #6ACC00;
}

.mat__blog-details-comment-form textarea {
  border-radius: 3px;
  border: 1px solid #DDD;
  background: #F8F8F8;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  width: 100%;
  min-height: 145px;
  padding: 14px 17px;
  transition: linear 0.4s;
}

.mat__blog-details-comment-form textarea::placeholder {
  color: #B1B1B1;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.mat__blog-details-comment-form textarea:focus-visible {
  border-color: #6ACC00;
}

.mat__blog-details-comment-form button[type=submit] {
  border: unset;
  padding: 17px 40px 17px 30px;
  display: inline-block;
  margin-top: 22px;
}

.mat__team-member-info-area {
  position: relative;
  padding-top: 120px;
}

@media (max-width: 991px) {
  .mat__team-member-info-area {
    padding-top: 90px;
  }
}

@media (max-width: 767px) {
  .mat__team-member-info-area {
    padding-top: 70px;
  }
}

.mat__team-member-info-area .mat__team-member-details {
  width: 25%;
}

@media (max-width: 1199px) {
  .mat__team-member-info-area .mat__team-member-details {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .mat__team-member-info-area .mat__team-member-details {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 60%;
  }
}

@media (max-width: 575px) {
  .mat__team-member-info-area .mat__team-member-details {
    width: 80%;
  }
}

@media (max-width: 439px) {
  .mat__team-member-info-area .mat__team-member-details {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .mat__team-member-info-area .mat__team-member-details .mat__team-member-name {
    text-align: center;
  }
}

.mat__team-member-info-area .mat__team-member-info-wrapper {
  border-bottom: 1px solid #CCFF00;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .mat__team-member-info-area .mat__team-member-info-wrapper {
    padding-bottom: 50px;
  }
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner {
  display: flex;
  align-items: center;
  gap: 38px;
  justify-content: start;
}

@media (max-width: 767px) {
  .mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner {
    display: block;
  }
}

@media (max-width: 767px) {
  .mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-img {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-more-info-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-more-info-inner:last-child {
  margin-bottom: 0;
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-more-info-inner .mat__team-member-regi-name {
  margin-left: 30px;
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-name {
  margin-bottom: 26px;
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-social-media-wrapper {
  margin-top: 44px;
}

@media (max-width: 767px) {
  .mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-social-media-wrapper {
    text-align: center;
  }
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-social-media-wrapper .mat__blog-details-writer-icon {
  background-color: transparent;
  border-color: #6ACC00;
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-info-inner .mat__team-member-social-media-wrapper .mat__blog-details-writer-icon:hover {
  background-color: #6ACC00;
  color: #FFFFFF;
}

.mat__team-member-info-area .mat__team-member-info-wrapper .mat__team-member-details-summary-title {
  margin-top: 34px;
  margin-bottom: 22px;
}

.mat__team-member-skill-area {
  position: relative;
  padding-top: 76px;
}

@media (max-width: 767px) {
  .mat__team-member-skill-area {
    padding-top: 50px;
  }
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper {
  border-bottom: 1px solid #CCFF00;
  padding-bottom: 82px;
}

@media (max-width: 767px) {
  .mat__team-member-skill-area .mat__team-memeber-skill-wrapper {
    padding-bottom: 60px;
  }
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

@media (max-width: 767px) {
  .mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner {
    display: block;
  }
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill {
  width: 40%;
}

@media (max-width: 767px) {
  .mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill {
    width: 100%;
    margin-bottom: 30px;
  }
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill .mat__team-member-skill-bar-wrapper {
  margin-top: 26px;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill .mat__team-member-skill-bar-wrapper .mat__team-member-skill-bar-inner {
  margin-bottom: 34px;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill .mat__team-member-skill-bar-wrapper .mat__team-member-skill-bar-inner:nth-child(1) {
  width: 85%;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill .mat__team-member-skill-bar-wrapper .mat__team-member-skill-bar-inner:nth-child(2) {
  width: 93%;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill .mat__team-member-skill-bar-wrapper .mat__team-member-skill-bar-inner:last-child {
  width: 72%;
  margin-bottom: 0;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill .mat__team-member-skill-bar-wrapper .mat__team-member-skill-name-persentege {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-skill .mat__team-member-skill-bar-wrapper .mat__team-member-skill-bar {
  width: 100%;
  background-color: #6ACC00;
  height: 3px;
  display: block;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-experience-wrapper {
  width: 50%;
}

@media (max-width: 767px) {
  .mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-experience-wrapper {
    width: 100%;
  }
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-experience-wrapper .mat__team-member-experience-inner {
  margin-top: 26px;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-experience-wrapper .mat__team-member-experience-inner .mat__team-member-position-items {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 25px;
}

.mat__team-member-skill-area .mat__team-memeber-skill-wrapper .mat__team-member-skill-inner .mat__team-member-experience-wrapper .mat__team-member-experience-inner .mat__team-member-position-items:last-child {
  margin-bottom: 0;
}

.mat__team-member-edu-awards-area {
  position: relative;
  padding-bottom: 120px;
  padding-top: 76px;
}

@media (max-width: 991px) {
  .mat__team-member-edu-awards-area {
    padding-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .mat__team-member-edu-awards-area {
    padding-bottom: 70px;
    padding-top: 50px;
  }
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

@media (max-width: 767px) {
  .mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner {
    display: block;
  }
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-edu-items {
  width: 40%;
}

@media (max-width: 767px) {
  .mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-edu-items {
    width: 100%;
    margin-bottom: 30px;
  }
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items {
  width: 50%;
}

@media (max-width: 767px) {
  .mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items {
    width: 100%;
  }
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items .mat__team-member-position-items-wrapper {
  position: relative;
  margin-bottom: 26px;
  border-bottom: 1px solid #CCFF00;
  padding-bottom: 21px;
  position: relative;
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items .mat__team-member-position-items-wrapper:last-child {
  margin-bottom: 0;
  padding-bottom: 21px;
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items .mat__team-member-position-items-wrapper img {
  position: absolute;
  left: 50%;
  top: 0%;
  display: none;
  opacity: 0;
  position: absolute;
  transition: linear 0.4s;
}

@media (max-width: 439px) {
  .mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items .mat__team-member-position-items-wrapper img {
    width: 70px;
    height: 85px;
    transform: translateX(45%);
    top: 45%;
  }
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items .mat__team-member-position-items-wrapper:hover img {
  opacity: 1;
  display: block;
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-awards-inner .mat__team-memeber-awards-items .mat__team-member-position-items-wrapper .mat__team-member-position-items {
  margin-bottom: 0;
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-edu-item {
  margin-top: 26px;
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-position-items {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 25px;
  position: relative;
}

.mat__team-member-edu-awards-area .mat__team-member-edu-awards-wrapper .mat__team-member-position-items:last-child {
  margin-bottom: 0;
}

.mat__faq-style-1 .mat__faq-item {
  background-color: #fff !important;
  border: 1px solid #EBEBEB;
  transition: linear 0.3s ease-in;
  margin-bottom: 24px;
}

.mat__faq-style-1 .mat__faq-item:last-child {
  margin-bottom: 0;
}

.mat__faq-style-1 .mat__faq-item h3 {
  transition: linear 0.3s;
}

.mat__faq-style-1 .mat__faq-item:hover h3 {
  color: #6ACC00;
}

.mat__faq-style-1 .mat__faq-item:hover svg,
.mat__faq-style-1 .mat__faq-item:hover img {
  color: #6ACC00;
}

.mat__faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 1rem;
}

.mat__faq-answer {
  display: none;
  padding: 5px 1rem 20px 1rem;
}

.mat__icon svg,
.mat__icon img {
  width: 20px;
  height: 20px;
  color: rgb(6, 46, 57);
}

.mat__hidden {
  display: none;
}

.mat__eye-icon,
.mat__eye-off-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Enhance hover effects for FAQ items with img icons */
.mat__faq-style-1 .mat__faq-item:hover .mat__eye-icon,
.mat__faq-style-1 .mat__faq-item:hover .mat__eye-off-icon {
  filter: brightness(0) saturate(100%) invert(66%) sepia(66%) saturate(3927%) hue-rotate(79deg) brightness(97%) contrast(101%);
}

/* Ensure proper hover interaction on the icon container */
.mat__icon:hover .mat__eye-icon,
.mat__icon:hover .mat__eye-off-icon {
  filter: brightness(0) saturate(100%) invert(66%) sepia(66%) saturate(3927%) hue-rotate(79deg) brightness(97%) contrast(101%);
}

.mat__faq-area-inner {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  .mat__faq-area-inner {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .mat__faq-area-inner {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper {
    display: block;
  }
}

.mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-left-site {
  width: 46%;
}

@media (max-width: 1099px) {
  .mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-left-site {
    width: 55%;
  }
}

@media (max-width: 991px) {
  .mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-left-site {
    width: 100%;
  }
}

.mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-left-site .mat__faq-item .mat__faq-question {
  border-bottom: 1px solid rgba(42, 157, 143, 0.5);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 16px;
}

.mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-left-site .mat__faq-item .mat__faq-answer {
  padding-left: 0;
  padding-right: 0;
  padding-top: 25px;
}

.mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-right-site {
  width: 50%;
}

@media (max-width: 1099px) {
  .mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-right-site {
    width: 40%;
  }
}

@media (max-width: 991px) {
  .mat__faq-area-inner .mat__faq-area-inner-wrapper .mat__faq-area-items-wrapper .mat__faq-area-item-right-site {
    width: 100%;
    margin-top: 30px;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}

.mat__all-contact-area {
  position: relative;
  padding-top: 120px;
  padding-bottom: 110px;
}

@media (max-width: 991px) {
  .mat__all-contact-area {
    padding-top: 90px;
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .mat__all-contact-area {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}

.mat__all-contact-area .mat__all-contact-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  .mat__all-contact-area .mat__all-contact-wrapper {
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 50px;
    justify-content: center;
  }
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item {
  text-align: center;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 27px;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item .mat__all-contact-title {
  margin-bottom: 20px;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item .mat__contact-text {
  display: block;
  transition: linear 0.4s;
  margin-bottom: 8px;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item .mat__contact-text:last-child {
  margin-bottom: 0;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item .mat__contact-text:hover {
  color: #6ACC00;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item .mat__contact-text-day {
  display: block;
  margin-bottom: 8px;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item .mat__contact-text-time {
  margin-left: 46px;
}

.mat__all-contact-area .mat__all-contact-wrapper .mat__all-contact-item .mat__contact-text-adress {
  line-height: 35px;
}

.mat__contact-form-area {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #F7F8FD;
}

@media (max-width: 991px) {
  .mat__contact-form-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .mat__contact-form-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.mat__contact-form-area .mat__contact-form-inner {
  margin-top: 62px;
}

@media (max-width: 767px) {
  .mat__contact-form-area .mat__contact-form-inner {
    margin-top: 45px;
  }
}

.mat__contact-form-area .mat__contact-form-inner .mat__input-flexing {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .mat__contact-form-area .mat__contact-form-inner .mat__input-flexing {
    display: block;
  }
}

.mat__contact-form-area .mat__contact-form-inner .mat__input-flexing .mat__input-flexing-item {
  width: 100%;
}

@media (max-width: 767px) {
  .mat__contact-form-area .mat__contact-form-inner .mat__input-flexing .mat__input-flexing-item .mat__input-field-name {
    margin-top: 15px;
  }
}

.mat__contact-form-area .mat__contact-form-inner input,
.mat__contact-form-area .mat__contact-form-inner textarea {
  width: 100%;
  background-color: #fff !important;
  border-radius: 5px;
  border: 1px solid #DDD;
  padding: 15.5px 17px;
  transition: linear 0.4s;
}

.mat__contact-form-area .mat__contact-form-inner input:focus,
.mat__contact-form-area .mat__contact-form-inner textarea:focus {
  border-color: #6ACC00;
}

.mat__contact-form-area .mat__contact-form-inner input::placeholder,
.mat__contact-form-area .mat__contact-form-inner textarea::placeholder {
  color: #646464;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-family: "Jost", serif;
}

.mat__contact-form-area .mat__contact-form-inner .mat__input-field-name {
  display: block;
  margin-bottom: 15px;
}

.mat__contact-form-area .mat__contact-form-inner textarea {
  min-height: 100px;
}

.mat__contact-form-area .mat__contact-form-inner .mat__input-form-submit {
  margin-top: 40px;
}

.mat__contact-form-area .mat__contact-form-inner button {
  border: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  padding: 16px 41px 16px 41px;
}

.mat__contact-form-area .mat__contact-form-inner button i {
  font-weight: 500;
}

.mat__office-map-area .mat__contact-map {
  width: 100%;
  height: 654px;
}

@media (max-width: 767px) {
  .mat__office-map-area .mat__contact-map {
    height: 350px;
  }
}

.mat__404-area {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  .mat__404-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .mat__404-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.mat__404-area .mat__404-img-part {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}

.mat__404-area .mat__404-text-content {
  padding-top: 120px;
}

@media (max-width: 991px) {
  .mat__404-area .mat__404-text-content {
    padding-top: 90px;
  }
}

@media (max-width: 767px) {
  .mat__404-area .mat__404-text-content {
    padding-top: 70px;
  }
}

.mat__404-area .mat__404-text-content .mat__input-wrapper {
  display: flex;
  align-items: center;
  gap: 26px;
  justify-content: center;
}

@media (max-width: 650px) {
  .mat__404-area .mat__404-text-content .mat__input-wrapper {
    display: block;
  }
}

.mat__404-area .mat__404-text-content .mat__input-wrapper input {
  border: 1px solid #6ACC00;
  transition: linear 0.4s;
  border-radius: 5px;
  padding: 13.5px 25px;
  width: 30%;
}

@media (max-width: 1099px) {
  .mat__404-area .mat__404-text-content .mat__input-wrapper input {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .mat__404-area .mat__404-text-content .mat__input-wrapper input {
    width: 70%;
  }
}

@media (max-width: 650px) {
  .mat__404-area .mat__404-text-content .mat__input-wrapper input {
    width: 100%;
  }
}

.mat__404-area .mat__404-text-content .mat__input-wrapper input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #023552;
  line-height: 26px;
}

.mat__404-area .mat__404-text-content .mat__input-wrapper button {
  border: none;
  font-size: 16px;
  font-weight: 600;
  padding: 16.5px 40px;
}

@media (max-width: 650px) {
  .mat__404-area .mat__404-text-content .mat__input-wrapper button {
    width: 100%;
    margin-top: 20px;
  }
}

.mat__404-area .mat__404-text-content .mat__input-wrapper button i {
  font-weight: 600;
}

.mat__404-area .mat__404-text-content .mat__404-sub-title {
  margin-top: 24px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .mat__404-area .mat__404-text-content .mat__404-sub-title br {
    display: none;
  }
}

.mat__img-blog-standard-wrapper {
  position: relative;
}

.mat__img-blog-standard-wrapper .mat__blog-standard-video-play {
  width: 90px;
  height: 90px;
  background-color: #6ACC00;
  line-height: 90px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mat__img-blog-standard-wrapper .mat__blog-standard-video-play svg {
  position: absolute;
  top: -12%;
  left: -12%;
  transform: translate(-50%, -50%);
  animation: mat__circle-text-rotate 9s linear infinite;
}

.mat__blog-standard-meta-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}

.mat__blog-standard-btn {
  margin-top: 29px;
}

.mat__blog-standard-btn a {
  display: inline-block;
  border-radius: 0;
  font-family: "Jost", serif;
  font-size: 18px;
  font-weight: 700;
  padding: 19px 44px 19px 44px;
}

.mat__blog-standard-btn a i {
  rotate: 44deg;
  position: relative;
  right: -8px;
  top: 1px;
  font-weight: 700;
}

.mat__blog-starndard-quets-wrapper {
  padding: 40px 32px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}

.mat__blog-starndard-quets-wrapper .mat__blog-standard-quets-icon {
  margin-bottom: 16px;
  display: block;
}

.mat__blog-starndard-quets-wrapper .mat__blog-standard-quets-writer-name {
  position: relative;
  margin-left: 55px;
  margin-top: 15px;
}

.mat__blog-starndard-quets-wrapper .mat__blog-standard-quets-writer-name .mat__blog-standard-quets-name-line {
  width: 40px;
  height: 3px;
  background-color: #6ACC00;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: -55px;
}

.mat__blog-details-left-site .mat__fast-box-blog-standard {
  margin-bottom: 40px;
}

.mat__blog-details-left-site .mat__fast-box-blog-standard:last-child {
  margin-bottom: 0;
}

.mat__blog-details-left-site .mat__blog-page-swiching-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.mat__blog-details-left-site .mat__blog-page-swiching-wrapper .mat__blog-page-swiching {
  width: 41px;
  height: 41px;
  font-size: 20px;
  color: #C8C8C8;
  line-height: 41px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  border: 1px solid #C8C8C8;
  transition: linear 0.4s;
}

.mat__blog-details-left-site .mat__blog-page-swiching-wrapper .mat__blog-page-swiching:hover {
  background-color: #6ACC00;
  color: #fff !important;
  border-color: transparent;
}

.mat__blog-details-left-site .mat__blog-page-swiching-wrapper .mat__blog-page-swiching.mat__current {
  background-color: #6ACC00;
  color: #fff !important;
  border-color: transparent;
}

/*# sourceMappingURL=style.css.map */

.header-logo {
  max-width: 200px;
}

.light-text {
  color: #B4B4B4;
}


/* MTRACCS Book a Call Form Button Styles */
button.mat__book-call-submit-btn {
  background: #6ACC00 !important;
  color: #fff !important;
  border: 2px solid rgba(45, 132, 4, 0.5);
  padding: 18px 45px !important;
  font-size: 1.2rem !important;
  font-weight: 700;
  border-radius: 60px !important;
  cursor: pointer;
  transition: all 0.4s ease;
  box-shadow: 0 6px 25px rgba(45, 132, 4, 0.5), 0 2px 10px rgba(106, 204, 0, 0.2);
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  width: auto;
  display: inline-block;
}

.mat__book-call-submit-btn i {
  margin-right: 10px;
  font-size: 1.1em;
}

.mat__book-call-submit-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(106, 204, 0, 0.5), 0 4px 20px rgba(246, 139, 33, 0.4);
  background: linear-gradient(135deg, #6ACC00 0%, #13c81f 100%);
  border-color: rgba(106, 204, 0, 0.6);
}

.mat__book-call-submit-btn:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(246, 139, 33, 0.3), 0 2px 8px rgba(106, 204, 0, 0.3);
}

.mat__book-call-submit-btn:focus {
  outline: none;
  box-shadow: 0 6px 25px rgba(246, 139, 33, 0.4), 0 2px 10px rgba(106, 204, 0, 0.2), 0 0 0 3px rgba(106, 204, 0, 0.3);
}

.mat__book-call-submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  button.mat__book-call-submit-btn {
    padding: 15px 35px;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
  }
}

@media (max-width: 480px) {
  button.mat__book-call-submit-btn {
    padding: 12px 28px;
    font-size: 1rem;
    letter-spacing: 0.5px;
    width: 100%;
    max-width: 300px;
  }
}

/* ==========================================
   Hero Section Styles
   ========================================== */

/* Hero Video Background */
.mat__hero-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -3;
  opacity: 1;
  visibility: visible;
}

/* Hero Dark Overlay */
.mat__hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

/* Hero Wrapper */
.mat__hero-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  background-color: transparent;
  /* Remove gradient background to show video */
}

/* Hero Content Wrapper */
.mat__hero-content-wrapper {
  position: relative;
  z-index: 2;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: calc(100vh - 150px);
  padding-top: 150px;
  padding-bottom: 50px;
}

/* Hero Text Content */
.mat__hero-text-content {
  max-width: 600px;
}

.mat__hero-description {
  max-width: 100%;
  margin: 30px 0;
}

/* Hero Shape Overlay */
.trucker__hero-item-shep {
  position: absolute;
  top: 19%;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}

.trucker__hero-item-shep svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================
   Hero Section Responsive Media Queries
   ========================================== */

/* Tablets and Small Laptops */
@media (max-width: 991px) {
  .mat__hero-content-wrapper {
    min-height: calc(60vh - 100px);
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .mat__hero-title {
    font-size: 55px;
    line-height: 1.3;
  }

  .mat__hero-sub-title {
    font-size: 20px;
  }

  .mat__hero-description {
    font-size: 16px;
    max-width: 450px;
  }
}

/* Mobile Landscape */
@media (max-width: 767px) {
  .mat__hero-content-wrapper {
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 60px;
    justify-content: center;
    text-align: center;
  }

  .mat__hero-text-content {
    max-width: 100%;
    text-align: center;
  }

  .mat__hero-title {
    font-size: 45px;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  .mat__hero-sub-title {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .mat__hero-description {
    font-size: 15px;
    max-width: 100%;
    margin: 20px auto;
    padding: 0 20px;
  }

  .mat__hero-button-wrapper {
    justify-content: center;
    margin-top: 30px;
  }

  .mat__hero-button-wrapper a {
    display: block;
    margin: 10px auto;
    width: 250px;
    text-align: center;
  }

  /* Keep video background on all devices */
  .mat__hero-wrapper video {
    display: block;
    object-fit: cover;
  }

  /* Remove shape overlay on mobile for better performance */
  .trucker__hero-item-shep {
    display: none;
  }
}

/* Mobile Portrait */
@media (max-width: 575px) {
  .mat__hero-content-wrapper {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .mat__hero-title {
    font-size: 36px;
    line-height: 1.1;
  }

  .mat__hero-sub-title {
    font-size: 16px;
    line-height: 1.4;
  }

  .mat__hero-description {
    font-size: 14px;
    padding: 0 15px;
  }

  .mat__hero-button-wrapper a {
    width: 220px;
    padding: 12px 20px;
    font-size: 14px;
  }
}

/* Small Mobile */
@media (max-width: 439px) {
  .mat__hero-content-wrapper {
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .mat__hero-title {
    font-size: 30px;
    line-height: 1.1;
  }

  .mat__hero-sub-title {
    font-size: 14px;
  }

  .mat__hero-description {
    font-size: 13px;
    padding: 0 10px;
  }

  .mat__hero-button-wrapper a {
    width: 200px;
    padding: 10px 15px;
    font-size: 13px;
  }
}

/* Extra Small Mobile */
@media (max-width: 375px) {
  .mat__hero-title {
    font-size: 28px;
  }

  .mat__hero-sub-title {
    font-size: 13px;
  }

  .mat__hero-description {
    font-size: 12px;
  }

  .mat__hero-button-wrapper a {
    width: 180px;
    font-size: 12px;
  }
}

/* Utility Classes for Counter Section */
.mat__fs-60 {
  font-size: 60px !important;
  line-height: 70px;
}

.mat__fs-40 {
  font-size: 40px !important;
  line-height: 50px;
}

/* Custom Header CTA Column Styles */
.nav-cta-column {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 20px;
  margin-left: 10px;
}

.nav-cta-btn {
  padding: 8px 18px !important;
  font-size: 13px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s ease;
  line-height: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
}

.nav-cta-btn.btn-solid {
  background: #7EC200 !important;
  color: #fff !important;
  border: none !important;
}

.nav-cta-btn.btn-outline {
  background: transparent !important;
  color: #7EC200 !important;
  border: 1.5px solid #7EC200 !important;
}

.nav-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(126, 194, 0, 0.2);
}

@media (max-width: 991px) {
  .nav-cta-column {
    display: none;
  }
}

/* Compact Mobile Menu Styles */
@media (max-width: 767px) {
  .mat__mobile-menu {
    width: 60% !important;
    max-width: 300px !important;
    padding: 15px;
  }

  .mat__mobile-menu-btn {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    gap: 8px !important;
  }

  .mat__mobile-menu-btn .mat__btn-style-1 {
    padding: 10px 8px !important;
    font-size: 14px;
  }

  .mat__mobile-menu-btn .mat__btn-style-1 i {
    font-size: 14px;
  }

  .mat__nav-item {
    margin-bottom: 10px !important;
  }

  .mat__nav-link {
    font-size: 16px !important;
    padding: 4px 0;
  }

  .mobile-menu-contact-info {
    margin-top: 15px !important;
  }

  .mobile-menu-contact-info .mat__header-topbar-info {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  .mobile-menu-social-media {
    margin-top: 15px !important;
  }

  .mobile-menu-social-media a {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
  }

  .mat__mobile-menu-copyright {
    margin-top: 15px !important;
  }

  .mat__mobile-menu-copyright .mat__mobile-menu-copyright-text {
    font-size: 14px;
  }
}