::selection {
  background-color: #02a7aa;
  color: #fff; }

::-moz-selection {
  background-color: #02a7aa;
  color: #fff; }

::-webkit-search-results-decoration {
  background-color: #02a7aa;
  color: #fff; }

*,
*::before,
*::after {
  box-sizing: border-box; }

h5,
h4,
h3,
h2,
h1,
p {
  margin: 0; }

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

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

@font-face {
  font-family: 'Montserrat-Regular';
  src: url(../webfonts/Montserrat-Regular.woff) format("woff"); }

@font-face {
  font-family: 'DINPro';
  src: url(../webfonts/DINPro.woff) format("woff"); }

.mfa-container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 576px) {
    .mfa-container {
      max-width: 540px; } }
  @media only screen and (min-width: 768px) {
    .mfa-container {
      max-width: 720px; } }
  @media only screen and (min-width: 992px) {
    .mfa-container {
      max-width: 960px; } }
  @media only screen and (min-width: 1200px) {
    .mfa-container {
      max-width: 1140px; } }

.lazy-div {
  display: grid;
  align-items: center;
  justify-items: center;
  position: relative; }
  .lazy-div .lazy {
    width: 30px !important;
    height: 30px !important;
    transition: none; }
    @media only screen and (min-width: 992px) {
      .lazy-div .lazy {
        width: 50px !important;
        height: 50px !important; } }
  .lazy-div .next-lazy-img {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden; }
    .lazy-div .next-lazy-img::after {
      content: '';
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      left: -100%;
      background-image: linear-gradient(to right, #fff, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.01));
      animation: lazy-animation 1s ease-out infinite; }

@keyframes lazy-animation {
  100% {
    left: 100%; } }

body {
  margin: 0;
  min-height: 100vh;
  font-family: 'Montserrat-Regular';
  overflow-x: hidden; }
  body .loading-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    display: grid;
    align-items: center;
    justify-items: center; }
    body .loading-div img {
      width: 160px; }
      @media only screen and (min-width: 992px) {
        body .loading-div img {
          width: 200px; } }
  body .header-md {
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 20;
    display: grid; }
    body .header-md .logo-lines {
      display: grid;
      align-items: center; }
      body .header-md .logo-lines .mfa-container {
        display: grid; }
      body .header-md .logo-lines .block-wrapper {
        display: grid;
        grid-auto-flow: column;
        justify-content: space-between;
        align-items: center; }
        body .header-md .logo-lines .block-wrapper .logo-img {
          display: grid; }
          body .header-md .logo-lines .block-wrapper .logo-img a {
            display: grid; }
            body .header-md .logo-lines .block-wrapper .logo-img a img {
              height: 78px; }
    body .header-md .main-header-md-ul-div {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.7);
      transform: translate(-100%, 0);
      transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      z-index: 10;
      display: grid; }
      body .header-md .main-header-md-ul-div.toggle-main-header-md-ul-div {
        transform: translate(0); }
      body .header-md .main-header-md-ul-div .img-ul-div {
        background-color: #fff;
        display: grid;
        grid-template-rows: auto 1fr;
        height: 100vh;
        width: 261px; }
        @media only screen and (min-width: 375px) {
          body .header-md .main-header-md-ul-div .img-ul-div {
            width: 300px; } }
        @media only screen and (min-width: 768px) {
          body .header-md .main-header-md-ul-div .img-ul-div {
            width: 320px; } }
        body .header-md .main-header-md-ul-div .img-ul-div .logo-img {
          display: grid;
          justify-items: center;
          padding: 18px 0;
          border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
          body .header-md .main-header-md-ul-div .img-ul-div .logo-img img {
            height: 78px; }
        body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul {
          background-color: #fff;
          overflow-y: auto;
          overflow-x: hidden;
          height: 100%;
          width: 261px; }
          @media only screen and (min-width: 375px) {
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul {
              width: 300px; } }
          @media only screen and (min-width: 768px) {
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul {
              width: 320px; } }
          body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul li {
            display: grid; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul li a {
              display: grid; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul li a.drop-a {
                grid-template-columns: 1fr 48px; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul li a span {
                display: grid;
                align-items: center;
                grid-auto-flow: column;
                grid-gap: 3px; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul li.drop-li {
              overflow: hidden; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul li.drop-li .drop-a {
                display: grid; }
                body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul li.drop-li .drop-a .drop-i {
                  width: 48px; }
          body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li {
            display: grid; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li > a {
              display: grid;
              border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li > a > span {
                padding: 12px 18px;
                color: #272727; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .drop-a {
              display: grid;
              grid-gap: 1px;
              justify-content: space-between;
              transition: all 0.4s ease-out; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .drop-a span {
                position: relative; }
                body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .drop-a span::after {
                  content: '';
                  position: absolute;
                  top: 22%;
                  left: 100%;
                  bottom: 22%;
                  background-color: rgba(0, 0, 0, 0.15);
                  width: 1px; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .drop-a > i {
                display: grid;
                align-items: center;
                justify-items: center;
                transition: all 0.4s ease-out;
                color: #272727;
                transform: rotate(-180deg); }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .drop-a.toggle-drop-a > i {
                transform: rotate(0deg); }
                body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .drop-a.toggle-drop-a > i::before {
                  content: '\f208'; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .drop-a.toggle-drop-a {
              background-color: #f7f8fa; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .drop-a.toggle-drop-a > i {
                transform: rotate(0deg); }
                body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .drop-a.toggle-drop-a > i::before {
                  content: '\f208'; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .dropped-ul {
              height: 0;
              transition: height 1s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0.4s ease-out;
              background-color: #f7f8fa; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .dropped-ul > li {
                display: grid; }
                body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .dropped-ul > li > a {
                  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
                  body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .dropped-ul > li > a > span {
                    color: #272727;
                    color: #676767;
                    font-size: 14px; }
                  body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li .dropped-ul > li > a > i {
                    color: #676767; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .dropped-ul > li > a span {
              padding: 8px 34px 8px 18px; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .dropped-ul > li.drop-li > .dropped-ul > li > a span {
              padding: 8px 50px 8px 18px; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .dropped-ul > li.drop-li > .dropped-ul > li.drop-li > .dropped-ul > li > a span {
              padding: 8px 64px 8px 18px; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .dropped-ul > .drop-li > .drop-a.toggle-drop-a {
              background-color: moccasin;
              background-color: #fff; }
            body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .dropped-ul > .drop-li > .dropped-ul {
              background-color: moccasin;
              background-color: #fff; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .dropped-ul > .drop-li > .dropped-ul > .drop-li > .drop-a.toggle-drop-a {
                background-color: aliceblue;
                background-color: moccasin; }
              body .header-md .main-header-md-ul-div .img-ul-div .main-header-md-ul > li.drop-li > .dropped-ul > .drop-li > .dropped-ul > .drop-li > .dropped-ul {
                background-color: aliceblue;
                background-color: moccasin; }
    @media only screen and (min-width: 992px) {
      body .header-md {
        display: none; } }
    body .header-md.toggle-header-md {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
  body .header-lg {
    display: none;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 110px;
    background-color: rgba(255, 255, 255, 0.9);
    transition: all 0.3s ease-out;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    @media only screen and (min-width: 992px) {
      body .header-lg {
        display: grid; } }
    body .header-lg .mfa-container {
      display: grid; }
    body .header-lg .header-lg-top {
      height: 60px;
      display: grid;
      border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
      body .header-lg .header-lg-top .block-wrapper {
        display: grid;
        margin-left: 295px; }
        body .header-lg .header-lg-top .block-wrapper .phone-social-links {
          display: grid;
          grid-auto-flow: column;
          justify-content: space-between; }
          body .header-lg .header-lg-top .block-wrapper .phone-social-links .social-ul {
            display: grid;
            grid-auto-flow: column; }
            body .header-lg .header-lg-top .block-wrapper .phone-social-links .social-ul li {
              display: grid; }
              body .header-lg .header-lg-top .block-wrapper .phone-social-links .social-ul li a {
                display: grid;
                align-items: center;
                justify-items: center;
                color: #5f5f5f;
                color: #02a7aa;
                font-size: 30px;
                width: 46px;
                transition: all 0.3s ease-out; }
                body .header-lg .header-lg-top .block-wrapper .phone-social-links .social-ul li a:hover {
                  color: #444; }
          body .header-lg .header-lg-top .block-wrapper .phone-social-links .location-phone {
            display: grid;
            align-items: center;
            grid-auto-flow: column;
            grid-gap: 32px; }
            body .header-lg .header-lg-top .block-wrapper .phone-social-links .location-phone a {
              display: grid;
              grid-auto-flow: column;
              grid-gap: 4px;
              align-items: center;
              color: #444; }
              body .header-lg .header-lg-top .block-wrapper .phone-social-links .location-phone a div {
                display: grid;
                font-size: 14px;
                line-height: 1.5; }
                body .header-lg .header-lg-top .block-wrapper .phone-social-links .location-phone a div .email-span,
                body .header-lg .header-lg-top .block-wrapper .phone-social-links .location-phone a div .city-span {
                  color: rgba(68, 68, 68, 0.6); }
              body .header-lg .header-lg-top .block-wrapper .phone-social-links .location-phone a i {
                color: #02a7aa;
                font-size: 42px; }
    body .header-lg .header-lg-bottom {
      height: 50px;
      display: grid; }
      body .header-lg .header-lg-bottom .block-wrapper {
        display: grid;
        grid-template-columns: 243px 1fr;
        grid-gap: 52px; }
        body .header-lg .header-lg-bottom .block-wrapper .logo-img {
          display: grid;
          position: relative;
          transition: all 0.3s ease-out; }
          body .header-lg .header-lg-bottom .block-wrapper .logo-img a {
            display: grid;
            justify-items: start;
            position: absolute;
            transform: translateY(-58px);
            background-color: #fff;
            padding: 0 22px;
            transition: all 0.3s ease-out; }
            body .header-lg .header-lg-bottom .block-wrapper .logo-img a img {
              height: 106px;
              transition: all 0.3s ease-out; }
    body .header-lg .header-lg-ul-div {
      display: grid; }
      body .header-lg .header-lg-ul-div .main-header-md-ul {
        display: grid;
        grid-auto-flow: column; }
        body .header-lg .header-lg-ul-div .main-header-md-ul li {
          display: grid; }
          body .header-lg .header-lg-ul-div .main-header-md-ul li a {
            display: grid;
            align-items: center;
            color: #282828;
            text-align: center;
            padding: 0 18px;
            transition: all 0.3s ease-out; }
            body .header-lg .header-lg-ul-div .main-header-md-ul li a:hover {
              background-color: #f7f8fa !important; }
            body .header-lg .header-lg-ul-div .main-header-md-ul li a span {
              display: grid;
              text-align: center;
              position: relative; }
            body .header-lg .header-lg-ul-div .main-header-md-ul li a.drop-a {
              grid-template-columns: auto auto;
              grid-gap: 4px; }
              body .header-lg .header-lg-ul-div .main-header-md-ul li a.drop-a > i {
                display: grid;
                align-items: center;
                justify-items: center;
                color: #444; }
                body .header-lg .header-lg-ul-div .main-header-md-ul li a.drop-a > i::before {
                  transition: all 0.3s ease-out; }
        body .header-lg .header-lg-ul-div .main-header-md-ul > li > a > span {
          font-size: 16px;
          color: #444;
          text-transform: capitalize; }
        body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li {
          position: relative; }
          body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul {
            opacity: 0;
            visibility: hidden;
            border-radius: 0 0 6px 6px;
            position: absolute;
            z-index: 2;
            left: 50%;
            transform: translate(-50%, 50px) scale(0.7);
            width: 210px;
            top: 100%;
            pointer-events: none;
            box-shadow: 0 18px 20px rgba(0, 0, 0, 0.1);
            transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
        body .header-lg .header-lg-ul-div .main-header-md-ul li:hover > a > i::before {
          transform: rotate(-180deg); }
        body .header-lg .header-lg-ul-div .main-header-md-ul li:hover > .dropped-ul {
          opacity: 1;
          visibility: visible;
          transform: translate(-50%, 0) scale(1);
          pointer-events: all; }
        body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul li a {
          padding: 12px 18px; }
        body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul .dropped-ul {
          background-color: cadetblue; }
          body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul .dropped-ul .dropped-ul {
            background-color: moccasin; }
        body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul {
          background-color: #fff; }
          body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul li a:hover {
            background-color: #02a7aa !important;
            box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1); }
            body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul li a:hover span {
              color: #fff !important; }
          body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul > li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
            body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul > li:last-of-type {
              border-bottom: 0; }
              body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul > li:last-of-type > a {
                border-radius: 0 0 6px 6px; }
          body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul .dropped-ul {
            background-color: cadetblue; }
            body .header-lg .header-lg-ul-div .main-header-md-ul li.drop-li .dropped-ul .dropped-ul .dropped-ul {
              background-color: moccasin; }
    body .header-lg.toggle-header-lg {
      box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
      transform: translate(0, -60px); }
      body .header-lg.toggle-header-lg .header-lg-bottom .block-wrapper {
        grid-template-columns: 109px 1fr; }
        body .header-lg.toggle-header-lg .header-lg-bottom .block-wrapper .logo-img {
          transform: translate(0, -28px) scale(0.45); }
          body .header-lg.toggle-header-lg .header-lg-bottom .block-wrapper .logo-img a {
            background-color: transparent;
            transform: translateY(34px); }
  body .main-slider-section {
    margin-top: 80px; }
    body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide {
      position: relative; }
      body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-img {
        position: relative;
        display: grid; }
        body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-img img {
          width: 100%;
          height: 280px;
          object-fit: cover;
          object-position: center center; }
          @media only screen and (min-width: 375px) {
            body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-img img {
              height: 320px; } }
          @media only screen and (min-width: 992px) {
            body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-img img {
              height: 420px; } }
          @media only screen and (min-width: 1200px) {
            body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-img img {
              height: 520px; } }
        body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-img::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: linear-gradient(to bottom, #468aa975, #468aa938, transparent); }
      body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-mini-img {
        position: absolute;
        left: 0;
        width: 500px;
        top: 0;
        bottom: 0;
        z-index: 2;
        pointer-events: none;
        display: grid; }
        body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide .slider-mini-img img {
          width: auto;
          height: 100%;
          object-fit: cover;
          object-position: center center; }
      body .main-slider-section .home-main-slider .swiper-wrapper .swiper-slide.swiper-slide-active .slider-mini-img img {
        animation: animate-mini 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s both; }

@keyframes animate-mini {
  0% {
    transform: perspective(620px) translate(-100%, 0) scale(0) rotateY(8deg); }
  50% {
    transform: perspective(620px) translate(0, 0) scale(0.5) rotateY(18deg); }
  100% {
    transform: perspective(620px) scale(1) rotateY(0); } }
    body .main-slider-section .home-main-slider-next,
    body .main-slider-section .home-main-slider-prev {
      display: none;
      top: 50% !important;
      transform: translate(0, -50%);
      z-index: 2;
      align-items: center;
      justify-items: center;
      position: absolute;
      background-image: none !important;
      margin: 0;
      line-height: 1;
      width: 48px;
      height: 48px;
      transition: all 0.4s ease-out; }
      @media only screen and (min-width: 992px) {
        body .main-slider-section .home-main-slider-next,
        body .main-slider-section .home-main-slider-prev {
          display: grid; } }
      @media only screen and (min-width: 768px) {
        body .main-slider-section .home-main-slider-next,
        body .main-slider-section .home-main-slider-prev {
          width: 52px;
          height: 52px; } }
      @media only screen and (min-width: 992px) {
        body .main-slider-section .home-main-slider-next,
        body .main-slider-section .home-main-slider-prev {
          width: 92px;
          height: 92px; } }
      body .main-slider-section .home-main-slider-next span,
      body .main-slider-section .home-main-slider-prev span {
        color: #fff;
        transition: all 0.2s ease-out; }
        @media only screen and (min-width: 992px) {
          body .main-slider-section .home-main-slider-next span,
          body .main-slider-section .home-main-slider-prev span {
            font-size: 22px; } }
        @media only screen and (min-width: 1200px) {
          body .main-slider-section .home-main-slider-next span,
          body .main-slider-section .home-main-slider-prev span {
            font-size: 32px; } }
      body .main-slider-section .home-main-slider-next:hover span,
      body .main-slider-section .home-main-slider-prev:hover span {
        color: #02a7aa; }
      body .main-slider-section .home-main-slider-next:focus,
      body .main-slider-section .home-main-slider-prev:focus {
        outline: 0; }
    body .main-slider-section .home-main-slider-next {
      left: unset !important;
      right: 0 !important; }
    body .main-slider-section .home-main-slider-prev {
      right: unset !important;
      left: 0 !important; }
    body .main-slider-section .home-main-slider-pagination {
      position: absolute;
      width: unset !important;
      height: unset !important;
      bottom: 10px !important;
      top: unset !important;
      left: 50% !important;
      left: auto !important;
      right: 4% !important;
      display: grid;
      grid-gap: 6px;
      border-radius: 52px;
      grid-auto-flow: column;
      justify-content: start;
      transform: translate(-50%, 0); }
      @media only screen and (min-width: 768px) {
        body .main-slider-section .home-main-slider-pagination {
          grid-gap: 8px; } }
      @media only screen and (min-width: 992px) {
        body .main-slider-section .home-main-slider-pagination {
          grid-gap: 8px;
          bottom: 24px !important; } }
      body .main-slider-section .home-main-slider-pagination span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin: 0 !important;
        position: relative;
        opacity: 1;
        border: 2px solid rgba(128, 128, 128, 0.9);
        background-color: gray;
        transition: all 0.4s ease-out; }
        @media only screen and (min-width: 992px) {
          body .main-slider-section .home-main-slider-pagination span {
            width: 10px;
            height: 10px; } }
        @media only screen and (min-width: 1200px) {
          body .main-slider-section .home-main-slider-pagination span {
            width: 12px;
            height: 12px; } }
        body .main-slider-section .home-main-slider-pagination span:focus {
          outline: 0; }
        body .main-slider-section .home-main-slider-pagination span.swiper-pagination-bullet-active {
          opacity: 1;
          transform: rotate(0) scale(1.2);
          background-color: rgba(2, 167, 170, 0.8);
          background-color: #fff;
          border-color: #fff;
          border-color: #02a7aa; }
    @media only screen and (min-width: 992px) {
      body .main-slider-section {
        margin-top: 110px; } }
  body .home-about-section {
    background-color: #f7f8fa;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    padding: 52px 0;
    overflow: hidden;
    position: relative; }
    @media only screen and (min-width: 992px) {
      body .home-about-section {
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .home-about-section {
        padding: 122px 0; } }
    @media only screen and (min-width: 1600px) {
      body .home-about-section {
        padding: 132px 0; } }
    body .home-about-section::before, body .home-about-section::after {
      content: '';
      position: absolute;
      width: 400px;
      width: 830px;
      height: 220px;
      opacity: 0.7; }
    body .home-about-section::before {
      top: 0;
      right: 0;
      background-image: url(../images/bkgs/shape-7.png);
      animation: b-me 8s linear infinite both; }

@keyframes b-me {
  0%,
  100% {
    filter: brightness(1.5); }
  50% {
    filter: brightness(0); } }
    body .home-about-section::after {
      background-image: url(../images/bkgs/shape-6.png);
      bottom: 0;
      left: 0;
      animation: b-me-reverse 8s linear infinite both; }

@keyframes b-me-reverse {
  0%,
  100% {
    filter: brightness(0); }
  50% {
    filter: brightness(1.5); } }
    body .home-about-section .section-body {
      display: grid;
      position: relative;
      z-index: 1; }
      @media only screen and (min-width: 992px) {
        body .home-about-section .section-body {
          grid-template-columns: 1fr 1fr; } }
      body .home-about-section .section-body .left-section {
        display: grid;
        grid-gap: 8px;
        align-content: center;
        position: relative; }
        @media only screen and (min-width: 768px) {
          body .home-about-section .section-body .left-section {
            grid-gap: 14px; } }
        body .home-about-section .section-body .left-section .img-div {
          display: grid;
          height: 230px; }
          @media only screen and (min-width: 992px) {
            body .home-about-section .section-body .left-section .img-div {
              height: 440px; } }
          body .home-about-section .section-body .left-section .img-div img {
            width: 100%;
            max-height: 100%;
            object-fit: cover;
            object-position: center center;
            transition: all 0.3s ease-out; }
      body .home-about-section .section-body .right-section {
        display: grid;
        order: -1;
        position: relative; }
        @media only screen and (min-width: 992px) {
          body .home-about-section .section-body .right-section {
            order: 0;
            align-self: center; } }
        body .home-about-section .section-body .right-section::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-size: cover;
          width: 120px;
          height: 120px;
          background-image: url(../images/bkgs/border-shape.png);
          background-repeat: no-repeat;
          background-position: center center;
          pointer-events: none;
          animation: r-circle 8s linear infinite both; }
          @media only screen and (min-width: 992px) {
            body .home-about-section .section-body .right-section::after {
              width: 140px;
              height: 140px; } }

@keyframes r-circle {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }
        body .home-about-section .section-body .right-section .icons-ul {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 1px;
          background-color: rgba(95, 158, 160, 0.397);
          position: relative; }
          body .home-about-section .section-body .right-section .icons-ul li {
            background-color: #f7f8fa;
            background-color: #fff;
            display: grid;
            padding: 22px;
            height: 200px; }
            @media only screen and (min-width: 992px) {
              body .home-about-section .section-body .right-section .icons-ul li {
                height: 220px; } }
            @media only screen and (min-width: 1200px) {
              body .home-about-section .section-body .right-section .icons-ul li {
                padding: 42px 32px; } }
            body .home-about-section .section-body .right-section .icons-ul li .img-div {
              display: grid;
              align-items: center;
              justify-items: center;
              margin-bottom: 18px; }
              @media only screen and (min-width: 992px) {
                body .home-about-section .section-body .right-section .icons-ul li .img-div {
                  margin-bottom: 26px; } }
              body .home-about-section .section-body .right-section .icons-ul li .img-div img {
                width: 42px;
                height: 42px; }
                @media only screen and (min-width: 992px) {
                  body .home-about-section .section-body .right-section .icons-ul li .img-div img {
                    width: 82px;
                    height: 82px; } }
            body .home-about-section .section-body .right-section .icons-ul li span {
              color: #eee;
              color: #000;
              text-align: center;
              text-transform: capitalize;
              font-size: 14px; }
              @media only screen and (min-width: 992px) {
                body .home-about-section .section-body .right-section .icons-ul li span {
                  font-size: 16px; } }
              @media only screen and (min-width: 1200px) {
                body .home-about-section .section-body .right-section .icons-ul li span {
                  font-size: 20px; } }
          body .home-about-section .section-body .right-section .icons-ul::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            width: 22px;
            height: 22px;
            transform-origin: center center;
            background-color: #fff;
            background-color: rgba(2, 167, 170, 0.6);
            border-radius: 4px;
            box-shadow: 0 0 8px rgba(255, 255, 255, 0.3); }
            @media only screen and (min-width: 992px) {
              body .home-about-section .section-body .right-section .icons-ul::before {
                width: 26px;
                height: 26px; } }
          body .home-about-section .section-body .right-section .icons-ul::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            width: 16px;
            height: 16px;
            background-color: #1a5994;
            background-color: #fff;
            border-radius: 4px; }
            @media only screen and (min-width: 992px) {
              body .home-about-section .section-body .right-section .icons-ul::after {
                width: 18px;
                height: 18px; } }
  body .form-map-wrapper {
    background-color: #fff;
    display: grid;
    padding: 32px 0; }
    @media only screen and (min-width: 992px) {
      body .form-map-wrapper {
        grid-template-columns: 1fr auto;
        grid-gap: 8px;
        margin-left: 8px;
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .form-map-wrapper {
        padding: 82px 0; } }
    body .form-map-wrapper .form-wrapper {
      margin: 15px; }
    body .form-map-wrapper .map-wrapper {
      display: grid; }
      body .form-map-wrapper .map-wrapper iframe {
        width: 100%;
        height: 300px; }
        @media only screen and (min-width: 992px) {
          body .form-map-wrapper .map-wrapper iframe {
            height: 700px;
            align-self: start;
            position: sticky;
            top: 105px; } }
  body .partners-section {
    background-color: #fff;
    padding: 32px 0; }
    @media only screen and (min-width: 992px) {
      body .partners-section {
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .partners-section {
        padding: 72px 0; } }
    body .partners-section .section-heading {
      padding-bottom: 12px; }
      @media only screen and (min-width: 768px) {
        body .partners-section .section-heading {
          padding-bottom: 18px; } }
      @media only screen and (min-width: 992px) {
        body .partners-section .section-heading {
          padding-bottom: 20px; } }
      body .partners-section .section-heading p {
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 28px;
        color: #151515; }
        @media only screen and (min-width: 992px) {
          body .partners-section .section-heading p {
            font-size: 42px; } }
        @media only screen and (min-width: 1200px) {
          body .partners-section .section-heading p {
            font-size: 52px; } }
    body .partners-section .home-partners-slider {
      border-width: 1px 0 1px 0;
      border-style: solid;
      border-color: rgba(13, 51, 83, 0.151);
      padding: 0 2px; }
      body .partners-section .home-partners-slider .swiper-wrapper .swiper-slide {
        position: relative;
        border-left: 1px solid rgba(13, 51, 83, 0.151);
        display: grid;
        align-items: center;
        justify-items: center; }
        body .partners-section .home-partners-slider .swiper-wrapper .swiper-slide:last-of-type {
          border-right: 1px solid rgba(13, 51, 83, 0.151); }
        body .partners-section .home-partners-slider .swiper-wrapper .swiper-slide .slider-img {
          display: grid;
          align-items: center;
          justify-items: center;
          width: 160px;
          height: 160px; }
          body .partners-section .home-partners-slider .swiper-wrapper .swiper-slide .slider-img img {
            width: 100%; }
      body .partners-section .home-partners-slider .clients-slider-buttons {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 4px;
        right: 4px;
        transform: translate(0, -50%);
        z-index: 2; }
        body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-next,
        body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-prev {
          display: grid;
          align-items: center;
          position: static;
          background-image: none;
          width: unset;
          height: unset;
          margin: 0;
          background-color: #fff;
          padding: 6px;
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
          border-radius: 50%; }
          @media only screen and (min-width: 768px) {
            body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-next,
            body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-prev {
              padding: 8px; } }
          @media only screen and (min-width: 992px) {
            body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-next,
            body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-prev {
              padding: 10px; } }
          body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-next span,
          body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-prev span {
            color: #272727;
            font-size: 14px; }
            @media only screen and (min-width: 992px) {
              body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-next span,
              body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-prev span {
                font-size: 16px; } }
          body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-next:focus,
          body .partners-section .home-partners-slider .clients-slider-buttons .clients-slider-prev:focus {
            outline: 0; }
  body .products-section {
    padding: 32px 0; }
    @media only screen and (min-width: 992px) {
      body .products-section {
        padding: 42px 0; } }
    @media only screen and (min-width: 1200px) {
      body .products-section {
        padding: 52px 0; } }
    body .products-section .section-heading {
      margin-bottom: 102px; }
      @media only screen and (min-width: 992px) {
        body .products-section .section-heading {
          margin-bottom: 32px; } }
      body .products-section .section-heading p {
        color: #02a7aa;
        text-transform: uppercase;
        font-size: 28px;
        text-align: center; }
        @media only screen and (min-width: 992px) {
          body .products-section .section-heading p {
            font-size: 34px; } }
        @media only screen and (min-width: 1200px) {
          body .products-section .section-heading p {
            font-size: 42px; } }
    body .products-section .mfa-filter-wrapper {
      display: grid; }
      @media only screen and (min-width: 992px) {
        body .products-section .mfa-filter-wrapper {
          grid-template-columns: 200px 1fr;
          grid-gap: 22px; } }
      @media only screen and (min-width: 1200px) {
        body .products-section .mfa-filter-wrapper {
          grid-template-columns: 320px 1fr;
          grid-gap: 32px; } }
      @media only screen and (min-width: 992px) {
        body .products-section .mfa-filter-wrapper {
          padding: 0 0 0 16px; } }
  body .mfa-filter-wrapper .mfa-filter-btns {
    display: none;
    margin-bottom: 22px;
    align-self: start;
    justify-content: center;
    grid-gap: 8px; }
    @media only screen and (min-width: 992px) {
      body .mfa-filter-wrapper .mfa-filter-btns {
        display: grid;
        position: sticky;
        top: 60px; } }
    body .mfa-filter-wrapper .mfa-filter-btns li {
      display: grid;
      cursor: pointer;
      background-color: #f6f7fa;
      justify-items: center;
      padding: 6px 4px;
      border-radius: 3px;
      border: 1px solid transparent;
      transition: all 0.3s ease-out;
      width: 200px; }
      @media only screen and (min-width: 992px) {
        body .mfa-filter-wrapper .mfa-filter-btns li {
          padding: 8px 6px;
          border-radius: 4px; } }
      @media only screen and (min-width: 1200px) {
        body .mfa-filter-wrapper .mfa-filter-btns li {
          padding: 10px 12px; } }
      body .mfa-filter-wrapper .mfa-filter-btns li span {
        color: #2f3640;
        text-transform: capitalize; }
      @media only screen and (min-width: 1200px) {
        body .mfa-filter-wrapper .mfa-filter-btns li {
          width: 320px; } }
      body .mfa-filter-wrapper .mfa-filter-btns li .img-div {
        display: grid;
        width: 100%;
        height: 120px; }
        @media only screen and (min-width: 1200px) {
          body .mfa-filter-wrapper .mfa-filter-btns li .img-div {
            height: 195px; } }
        body .mfa-filter-wrapper .mfa-filter-btns li .img-div img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center;
          transition: all 0.3s ease-out; }
      body .mfa-filter-wrapper .mfa-filter-btns li:hover, body .mfa-filter-wrapper .mfa-filter-btns li.active-filter-btn {
        background-color: #fff;
        position: relative;
        z-index: 1;
        border-color: #02a7aa; }
        body .mfa-filter-wrapper .mfa-filter-btns li:hover span, body .mfa-filter-wrapper .mfa-filter-btns li.active-filter-btn span {
          color: #02a7aa; }
        body .mfa-filter-wrapper .mfa-filter-btns li:hover .img-div img, body .mfa-filter-wrapper .mfa-filter-btns li.active-filter-btn .img-div img {
          box-shadow: 0 18px 22px rgba(0, 0, 0, 0.15); }
  body .mfa-filter-wrapper .mfa-filter-content {
    min-height: 180px;
    background-color: #f6f7fa;
    padding: 0 10px;
    position: relative; }
    body .mfa-filter-wrapper .mfa-filter-content.hide-overflow {
      overflow: hidden; }
    @media only screen and (min-width: 992px) {
      body .mfa-filter-wrapper .mfa-filter-content {
        padding: 62px; } }
    body .mfa-filter-wrapper .mfa-filter-content > ul {
      display: grid;
      justify-content: start;
      grid-gap: 92px; }
      @media only screen and (min-width: 768px) {
        body .mfa-filter-wrapper .mfa-filter-content > ul {
          grid-template-columns: 1fr 1fr;
          grid-gap: 92px 22px; } }
      @media only screen and (min-width: 992px) {
        body .mfa-filter-wrapper .mfa-filter-content > ul {
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 82px 22px; } }
      @media only screen and (min-width: 1200px) {
        body .mfa-filter-wrapper .mfa-filter-content > ul {
          grid-gap: 82px 32px; } }
      @media only screen and (min-width: 1600px) {
        body .mfa-filter-wrapper .mfa-filter-content > ul {
          grid-template-columns: repeat(3, 1fr); } }
      body .mfa-filter-wrapper .mfa-filter-content > ul > li {
        transition: all 0.3s ease-out;
        display: none;
        background-color: #f6f7fa;
        background-color: #fff;
        border-radius: 4px;
        transition: all 0.3s ease-out; }
        @media only screen and (min-width: 992px) {
          body .mfa-filter-wrapper .mfa-filter-content > ul > li:nth-of-type(3n + 3) {
            grid-column: 1 / -1; }
            body .mfa-filter-wrapper .mfa-filter-content > ul > li:nth-of-type(3n + 3) .product-img {
              height: 440px; } }
        @media only screen and (min-width: 1600px) {
          body .mfa-filter-wrapper .mfa-filter-content > ul > li:nth-of-type(3n + 3) {
            grid-column: unset; }
            body .mfa-filter-wrapper .mfa-filter-content > ul > li:nth-of-type(3n + 3) .product-img {
              height: 340px; } }
        @media only screen and (min-width: 1200px) {
          body .mfa-filter-wrapper .mfa-filter-content > ul > li {
            border-radius: 8px; } }
        body .mfa-filter-wrapper .mfa-filter-content > ul > li a {
          display: grid; }
        body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img {
          position: relative;
          display: grid;
          width: 92%;
          justify-self: center;
          height: 240px;
          transform: translateY(-60px);
          background-color: #fff;
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15);
          overflow: hidden;
          border-radius: 4px; }
          @media only screen and (min-width: 992px) {
            body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img {
              height: 280px;
              transform: translateY(-32px);
              width: 94%; } }
          @media only screen and (min-width: 992px) {
            body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img {
              box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); } }
          @media only screen and (min-width: 1200px) {
            body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img {
              border-radius: 8px;
              width: 92%;
              height: 340px; } }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            border-radius: 600px;
            background-color: rgba(2, 167, 170, 0.4);
            transition: all 0.6s ease-out; }
            @media only screen and (min-width: 1200px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img::before {
                border-radius: 1100px; } }
            @media only screen and (min-width: 1600px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img::before {
                border-radius: 550px; } }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img::after {
            content: '\ec22';
            font-family: 'Linearicons';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, 300px) scale(0);
            opacity: 0;
            visibility: hidden;
            color: #fff;
            background-color: rgba(2, 167, 170, 0.6);
            display: grid;
            align-items: center;
            justify-items: center;
            border-radius: 50%;
            box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
            font-size: 20px;
            width: 42px;
            height: 42px;
            transition: all 0.4s ease-out 0.6s; }
            @media only screen and (min-width: 992px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img::after {
                box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
                font-size: 32px;
                width: 62px;
                height: 62px; } }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            border-radius: 4px;
            transition: all 0.3s ease-out; }
            @media only screen and (min-width: 1200px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-img img {
                border-radius: 8px; } }
        body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text {
          margin: -42px 22px 38px;
          text-align: center; }
          @media only screen and (min-width: 992px) {
            body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text {
              margin: -12px 18px 38px; } }
          @media only screen and (min-width: 1200px) {
            body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text {
              margin: -12px 26px 38px; } }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text .title p {
            color: #62bfc7;
            font-size: 20px;
            text-transform: capitalize; }
            @media only screen and (min-width: 992px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text .title p {
                font-size: 22px; } }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text .product-description {
            margin-top: 14px;
            padding: 16px;
            background-color: #02a7aa;
            background-color: rgba(2, 167, 170, 0.2);
            border: 1px solid rgba(2, 167, 170, 0.6);
            border-radius: 4px;
            transition: all 0.3s ease-out; }
            @media only screen and (min-width: 992px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text .product-description {
                border-radius: 6px; } }
            body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text .product-description p {
              color: rgba(255, 255, 255, 0.8);
              color: #444;
              color: #017578;
              line-height: 1.8;
              font-size: 14px;
              font-weight: bold;
              text-transform: capitalize; }
              @media only screen and (min-width: 992px) {
                body .mfa-filter-wrapper .mfa-filter-content > ul > li .product-text .product-description p {
                  line-height: 2;
                  font-size: 16px; } }
        body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover {
          background-color: #fff;
          box-shadow: 0 0 32px rgba(0, 0, 0, 0.15); }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover .product-img::before {
            width: 700px;
            height: 700px; }
            @media only screen and (min-width: 1200px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover .product-img::before {
                width: 1100px;
                height: 1100px; } }
            @media only screen and (min-width: 1600px) {
              body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover .product-img::before {
                width: 600px;
                height: 600px; } }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover .product-img::after {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
            visibility: visible; }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover .product-text .title p {
            color: goldenrod; }
          body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover .product-text .product-description {
            background-color: rgba(2, 167, 170, 0.6); }
            body .mfa-filter-wrapper .mfa-filter-content > ul > li:hover .product-text .product-description p {
              color: #fff; }
        body .mfa-filter-wrapper .mfa-filter-content > ul > li.active-filter-content {
          display: grid; }
    body .mfa-filter-wrapper .mfa-filter-content .filter-loader {
      background-color: #fff;
      display: grid;
      justify-items: center;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      transition: all 0.1s ease-out; }
      body .mfa-filter-wrapper .mfa-filter-content .filter-loader img {
        margin-top: 100px;
        width: 120px; }
        @media only screen and (min-width: 992px) {
          body .mfa-filter-wrapper .mfa-filter-content .filter-loader img {
            width: 180px;
            margin-top: 320px; } }
      body .mfa-filter-wrapper .mfa-filter-content .filter-loader.active-filter-loader {
        visibility: visible;
        opacity: 1; }
  body .testimonials-section {
    padding: 42px 0;
    background-color: #f7f8fa; }
    @media only screen and (min-width: 768px) {
      body .testimonials-section {
        display: grid; } }
    @media only screen and (min-width: 992px) {
      body .testimonials-section {
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .testimonials-section {
        padding: 62px 0; } }
    body .testimonials-section .slider-wrapper {
      background-color: #f7f8fa;
      background-color: #fff;
      border-radius: 4px;
      position: relative;
      max-width: 900px;
      margin: 0 auto;
      padding: 32px; }
      @media only screen and (min-width: 992px) {
        body .testimonials-section .slider-wrapper {
          padding: 52px;
          border-radius: 4px;
          box-shadow: 0 18px 20px rgba(0, 0, 0, 0.06); } }
      @media only screen and (min-width: 1200px) {
        body .testimonials-section .slider-wrapper {
          padding: 62px; } }
      body .testimonials-section .slider-wrapper .slider-heading {
        color: #797979;
        font-size: 30px;
        text-align: center;
        margin-bottom: 18px; }
        @media only screen and (min-width: 768px) {
          body .testimonials-section .slider-wrapper .slider-heading {
            text-align: initial; } }
        @media only screen and (min-width: 992px) {
          body .testimonials-section .slider-wrapper .slider-heading {
            font-size: 32px;
            font-size: 42px; } }
    @media only screen and (min-width: 768px) {
      body .testimonials-section .slider-itself .testimonials-slider {
        padding-top: 52px; } }
    body .testimonials-section .slider-itself .testimonials-slider .swiper-slide {
      display: grid;
      justify-items: center;
      opacity: 0;
      visibility: hidden;
      transform: scale(0.9);
      transition: all 0.6s ease-out; }
      @media only screen and (min-width: 768px) {
        body .testimonials-section .slider-itself .testimonials-slider .swiper-slide {
          grid-template-columns: auto 1fr;
          align-items: center;
          grid-gap: 22px; } }
      @media only screen and (min-width: 992px) {
        body .testimonials-section .slider-itself .testimonials-slider .swiper-slide {
          grid-gap: 32px; } }
      body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .img-div {
        width: 112px;
        height: 112px;
        background-color: #fff;
        border-radius: 50%;
        margin-bottom: 14px; }
        @media only screen and (min-width: 992px) {
          body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .img-div {
            width: 152px;
            height: 152px;
            margin-bottom: 0; } }
        body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .img-div img {
          border: 6px solid #eee;
          padding: 4px;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center;
          border-radius: 50%; }
          @media only screen and (min-width: 992px) {
            body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .img-div img {
              border-width: 10px; } }
      body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content {
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: 18px;
        display: grid; }
        @media only screen and (min-width: 768px) {
          body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content {
            padding: 24px; } }
        @media only screen and (min-width: 992px) {
          body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content {
            padding: 32px; } }
        @media only screen and (min-width: 1200px) {
          body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content {
            padding: 42px; } }
        body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content > i {
          color: lightgray;
          line-height: 1;
          font-size: 24px;
          margin-top: -32px;
          position: relative;
          z-index: 2;
          background-color: #fff;
          justify-self: start; }
          @media only screen and (min-width: 992px) {
            body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content > i {
              margin-top: -72px;
              font-size: 62px; } }
          body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content > i:last-of-type {
            color: lightgray;
            font-size: 32px;
            justify-self: end;
            margin-top: -22px; }
            @media only screen and (min-width: 992px) {
              body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content > i:last-of-type {
                margin-top: -32px; } }
        body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content p {
          color: #737373;
          font-size: 14px;
          line-height: 1.5; }
          @media only screen and (min-width: 992px) {
            body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content p {
              line-height: 1.8; } }
          @media only screen and (min-width: 1200px) {
            body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content p {
              line-height: 2;
              font-size: 16px; } }
        body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content .name {
          color: #02a7aa;
          font-style: italic;
          margin-top: 10px; }
          @media only screen and (min-width: 992px) {
            body .testimonials-section .slider-itself .testimonials-slider .swiper-slide .content .name {
              margin-top: 14px; } }
      body .testimonials-section .slider-itself .testimonials-slider .swiper-slide.swiper-slide-active {
        opacity: 1;
        visibility: visible;
        transform: scale(1); }
    body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next,
    body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev {
      top: 38px !important;
      display: grid;
      background-color: #fff;
      background-color: #f7f8fa;
      border-radius: 50%;
      z-index: 2;
      align-items: center;
      justify-items: center;
      position: absolute;
      background-image: none !important;
      margin: 0;
      line-height: 1;
      width: 22px;
      height: 22px;
      transition: all 0.4s ease-out; }
      @media only screen and (min-width: 768px) {
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next,
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev {
          width: 26px;
          height: 26px;
          top: 8px !important; } }
      @media only screen and (min-width: 992px) {
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next,
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev {
          width: 30px;
          height: 30px; } }
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next span,
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev span {
        color: #02a7aa;
        transition: all 0.2s ease-out;
        font-size: 14px; }
        @media only screen and (min-width: 992px) {
          body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next span,
          body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev span {
            font-size: 16px; } }
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next:hover,
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev:hover {
        background-color: #02a7aa; }
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next:hover span,
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev:hover span {
          color: #fff; }
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next:focus,
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev:focus {
        outline: 0; }
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next.swiper-button-disabled,
      body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev.swiper-button-disabled {
        opacity: 0.7;
        background-color: lightgray; }
    body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next {
      left: calc(50% + 70px) !important;
      right: unset !important; }
      @media only screen and (min-width: 768px) {
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-next {
          left: unset !important;
          right: 8px !important; } }
    body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev {
      left: unset !important;
      right: calc(50% + 70px) !important; }
      @media only screen and (min-width: 768px) {
        body .testimonials-section .slider-itself .testimonials-slider .testimonials-slider-prev {
          right: 48px !important; } }
  body .mfa-form-wrapper {
    background-color: #fefefe;
    border-top: 4px solid #02a7aa;
    border-radius: 8px;
    padding: 42px 0;
    padding-top: 32px;
    box-shadow: 0 18px 20px rgba(0, 0, 0, 0.1);
    display: grid;
    min-width: 92%;
    max-width: 480px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      body .mfa-form-wrapper {
        min-width: 400px; } }
    @media only screen and (min-width: 992px) {
      body .mfa-form-wrapper {
        min-width: 480px;
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .mfa-form-wrapper {
        padding: 62px 0; } }
    @media only screen and (min-width: 1600px) {
      body .mfa-form-wrapper {
        padding: 72px 0; } }
    body .mfa-form-wrapper .form-img {
      margin-bottom: 32px;
      display: grid;
      justify-items: center; }
      body .mfa-form-wrapper .form-img img {
        height: 120px; }
    body .mfa-form-wrapper .mfa-form {
      display: grid;
      justify-items: center;
      grid-gap: 16px;
      pointer-events: all; }
      @media only screen and (min-width: 992px) {
        body .mfa-form-wrapper .mfa-form {
          grid-gap: 20px; } }
      @media only screen and (min-width: 1200px) {
        body .mfa-form-wrapper .mfa-form {
          grid-gap: 24px; } }
      body .mfa-form-wrapper .mfa-form .form-div {
        display: grid;
        width: 92%; }
        @media only screen and (min-width: 992px) {
          body .mfa-form-wrapper .mfa-form .form-div {
            width: 75%; } }
        body .mfa-form-wrapper .mfa-form .form-div label {
          position: relative;
          display: grid;
          grid-template-columns: 1fr auto;
          align-items: center;
          margin: 0;
          border: 1px solid #eee;
          border-radius: 6px;
          cursor: text;
          cursor: default;
          transition: all 0.3s ease-out; }
          body .mfa-form-wrapper .mfa-form .form-div label span {
            position: absolute;
            top: 50%;
            left: 16px;
            transform: translateY(-50%);
            color: #9b9b9b;
            font-size: 12px;
            transition: all 0.2s ease-out;
            z-index: 1; }
            @media only screen and (min-width: 992px) {
              body .mfa-form-wrapper .mfa-form .form-div label span {
                font-size: 14px;
                left: 18px; } }
            @media only screen and (min-width: 1200px) {
              body .mfa-form-wrapper .mfa-form .form-div label span {
                left: 28px; } }
          body .mfa-form-wrapper .mfa-form .form-div label input,
          body .mfa-form-wrapper .mfa-form .form-div label select,
          body .mfa-form-wrapper .mfa-form .form-div label textarea {
            cursor: default;
            border: 0;
            background-color: transparent;
            height: 50px;
            transition: all 0.3s ease-out;
            padding: 0 16px;
            width: 100%; }
            @media only screen and (min-width: 992px) {
              body .mfa-form-wrapper .mfa-form .form-div label input,
              body .mfa-form-wrapper .mfa-form .form-div label select,
              body .mfa-form-wrapper .mfa-form .form-div label textarea {
                padding: 0 18px;
                height: 58px; } }
            @media only screen and (min-width: 1200px) {
              body .mfa-form-wrapper .mfa-form .form-div label input,
              body .mfa-form-wrapper .mfa-form .form-div label select,
              body .mfa-form-wrapper .mfa-form .form-div label textarea {
                padding: 0 24px; } }
            body .mfa-form-wrapper .mfa-form .form-div label input:focus,
            body .mfa-form-wrapper .mfa-form .form-div label select:focus,
            body .mfa-form-wrapper .mfa-form .form-div label textarea:focus {
              border: 0;
              outline: 0; }
          body .mfa-form-wrapper .mfa-form .form-div label textarea {
            height: 120px;
            padding-top: 8px;
            padding-bottom: 8px; }
          body .mfa-form-wrapper .mfa-form .form-div label select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none; }
          body .mfa-form-wrapper .mfa-form .form-div label i {
            color: #9b9b9b;
            font-size: 16px;
            transition: all 0.1s ease-out;
            transform: translate(-16px, 0);
            transition: all 0.3s ease-out; }
            @media only screen and (min-width: 992px) {
              body .mfa-form-wrapper .mfa-form .form-div label i {
                transform: translate(-20px, 0);
                font-size: 18px; } }
            @media only screen and (min-width: 1200px) {
              body .mfa-form-wrapper .mfa-form .form-div label i {
                transform: translate(-24px, 0); } }
          body .mfa-form-wrapper .mfa-form .form-div label.select-label {
            cursor: default; }
            body .mfa-form-wrapper .mfa-form .form-div label.select-label select {
              padding-right: 32px;
              position: relative;
              z-index: 2; }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.select-label select {
                  padding-right: 42px; } }
              @media only screen and (min-width: 1200px) {
                body .mfa-form-wrapper .mfa-form .form-div label.select-label select {
                  padding-right: 52px; } }
            body .mfa-form-wrapper .mfa-form .form-div label.select-label::after {
              position: absolute;
              content: '\ec3a';
              font-family: 'Linearicons';
              transition: all 0.3s ease-out;
              top: 50%;
              right: 16px;
              transform: translate(0, -50%);
              font-size: 16px;
              color: #9b9b9b;
              z-index: 1; }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.select-label::after {
                  font-size: 18px;
                  right: 24px; } }
          body .mfa-form-wrapper .mfa-form .form-div label.message-label span {
            top: 20%; }
          body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label {
            border-color: #02a7aa; }
            body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label span {
              top: 0;
              left: 12px;
              padding: 0 4px;
              background-color: #fefefe;
              font-size: 10px;
              color: #02a7aa; }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label span {
                  font-size: 12px; } }
            body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label i {
              color: #02a7aa;
              transform: translate(-16px, 0) scale(1.2); }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label i {
                  transform: translate(-20px, 0) scale(1.2); } }
              @media only screen and (min-width: 1200px) {
                body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label i {
                  transform: translate(-24px, 0) scale(1.2); } }
            body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label.select-label::after {
              transform: translate(0, -50%) scale(1.2);
              color: #02a7aa; }
      body .mfa-form-wrapper .mfa-form button {
        border: 2px solid #02a7aa;
        color: #fff;
        border-radius: 42px;
        background-color: #02a7aa;
        padding: 5px 18px;
        margin-top: 18px;
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-out;
        font-family: 'Montserrat-Regular';
        cursor: pointer; }
        @media only screen and (min-width: 992px) {
          body .mfa-form-wrapper .mfa-form button {
            padding: 6px 20px;
            margin-top: 24px; } }
        @media only screen and (min-width: 1200px) {
          body .mfa-form-wrapper .mfa-form button {
            padding: 8px 26px;
            margin-top: 32px; } }
        body .mfa-form-wrapper .mfa-form button span {
          line-height: 1; }
        body .mfa-form-wrapper .mfa-form button:hover {
          background-color: transparent;
          color: #02a7aa; }
        body .mfa-form-wrapper .mfa-form button:focus {
          outline: 0; }
  body footer {
    background-image: url(../images/bkgs/black-linen.png);
    background-attachment: fixed;
    background-color: #323232;
    background-color: #003839;
    background-attachment: fixed;
    padding: 32px 0;
    padding-bottom: 0; }
    @media only screen and (min-width: 768px) {
      body footer {
        padding: 42px 0;
        padding-bottom: 0; } }
    @media only screen and (min-width: 992px) {
      body footer {
        padding: 52px 0;
        padding-bottom: 0; } }
    @media only screen and (min-width: 1200px) {
      body footer {
        padding: 72px 0;
        padding-bottom: 0; } }
    @media only screen and (min-width: 1600px) {
      body footer {
        padding: 92px 0;
        padding-bottom: 0; } }
    body footer .top-footer {
      padding-bottom: 18px; }
      @media only screen and (min-width: 768px) {
        body footer .top-footer {
          padding-bottom: 22px; } }
      @media only screen and (min-width: 992px) {
        body footer .top-footer {
          padding-bottom: 32px; } }
      @media only screen and (min-width: 1200px) {
        body footer .top-footer {
          padding-bottom: 42px; } }
      body footer .top-footer .mfa-container {
        display: grid;
        grid-gap: 22px; }
        @media only screen and (min-width: 992px) {
          body footer .top-footer .mfa-container {
            grid-gap: 0;
            grid-template-columns: repeat(3, 1fr);
            grid-template-columns: 280px repeat(2, 1fr);
            justify-content: space-between;
            grid-gap: 12px; } }
        body footer .top-footer .mfa-container .section-one,
        body footer .top-footer .mfa-container .section-two,
        body footer .top-footer .mfa-container .section-three {
          display: grid;
          grid-gap: 8px;
          grid-template-rows: auto 1fr; }
          @media only screen and (min-width: 768px) {
            body footer .top-footer .mfa-container .section-one,
            body footer .top-footer .mfa-container .section-two,
            body footer .top-footer .mfa-container .section-three {
              grid-gap: 10px; } }
          @media only screen and (min-width: 992px) {
            body footer .top-footer .mfa-container .section-one,
            body footer .top-footer .mfa-container .section-two,
            body footer .top-footer .mfa-container .section-three {
              grid-gap: 12px; } }
          body footer .top-footer .mfa-container .section-one .section-heading p,
          body footer .top-footer .mfa-container .section-two .section-heading p,
          body footer .top-footer .mfa-container .section-three .section-heading p {
            color: gray;
            color: #02a7aa;
            text-transform: uppercase;
            font-size: 18px; }
            @media only screen and (min-width: 992px) {
              body footer .top-footer .mfa-container .section-one .section-heading p,
              body footer .top-footer .mfa-container .section-two .section-heading p,
              body footer .top-footer .mfa-container .section-three .section-heading p {
                font-size: 22px; } }
          body footer .top-footer .mfa-container .section-one .img-div img,
          body footer .top-footer .mfa-container .section-two .img-div img,
          body footer .top-footer .mfa-container .section-three .img-div img {
            height: 90px; }
          body footer .top-footer .mfa-container .section-one .section-body,
          body footer .top-footer .mfa-container .section-two .section-body,
          body footer .top-footer .mfa-container .section-three .section-body {
            display: grid;
            padding-left: 18px;
            border-left: 2px solid rgba(218, 165, 32, 0.2);
            border-left: 2px solid rgba(2, 167, 170, 0.2); }
            body footer .top-footer .mfa-container .section-one .section-body .main-section-ul,
            body footer .top-footer .mfa-container .section-two .section-body .main-section-ul,
            body footer .top-footer .mfa-container .section-three .section-body .main-section-ul {
              display: grid;
              grid-gap: 10px;
              align-content: start; }
              @media only screen and (min-width: 992px) {
                body footer .top-footer .mfa-container .section-one .section-body .main-section-ul,
                body footer .top-footer .mfa-container .section-two .section-body .main-section-ul,
                body footer .top-footer .mfa-container .section-three .section-body .main-section-ul {
                  grid-gap: 14px; } }
              body footer .top-footer .mfa-container .section-one .section-body .main-section-ul li a span,
              body footer .top-footer .mfa-container .section-two .section-body .main-section-ul li a span,
              body footer .top-footer .mfa-container .section-three .section-body .main-section-ul li a span {
                color: rgba(255, 255, 255, 0.7);
                text-transform: uppercase; }
                @media only screen and (min-width: 992px) {
                  body footer .top-footer .mfa-container .section-one .section-body .main-section-ul li a span,
                  body footer .top-footer .mfa-container .section-two .section-body .main-section-ul li a span,
                  body footer .top-footer .mfa-container .section-three .section-body .main-section-ul li a span {
                    font-size: 14px; } }
              body footer .top-footer .mfa-container .section-one .section-body .main-section-ul li a:hover span,
              body footer .top-footer .mfa-container .section-two .section-body .main-section-ul li a:hover span,
              body footer .top-footer .mfa-container .section-three .section-body .main-section-ul li a:hover span {
                color: gold;
                color: gray; }
            body footer .top-footer .mfa-container .section-one .section-body .contact-info,
            body footer .top-footer .mfa-container .section-two .section-body .contact-info,
            body footer .top-footer .mfa-container .section-three .section-body .contact-info {
              color: rgba(255, 255, 255, 0.7);
              color: #02a7aa;
              text-transform: uppercase; }
              @media only screen and (min-width: 992px) {
                body footer .top-footer .mfa-container .section-one .section-body .contact-info,
                body footer .top-footer .mfa-container .section-two .section-body .contact-info,
                body footer .top-footer .mfa-container .section-three .section-body .contact-info {
                  font-size: 18px; } }
            body footer .top-footer .mfa-container .section-one .section-body .news-letter,
            body footer .top-footer .mfa-container .section-two .section-body .news-letter,
            body footer .top-footer .mfa-container .section-three .section-body .news-letter {
              display: grid; }
              body footer .top-footer .mfa-container .section-one .section-body .news-letter .title,
              body footer .top-footer .mfa-container .section-two .section-body .news-letter .title,
              body footer .top-footer .mfa-container .section-three .section-body .news-letter .title {
                color: gray;
                display: grid;
                margin: 14px 0; }
                body footer .top-footer .mfa-container .section-one .section-body .news-letter .title span:first-of-type,
                body footer .top-footer .mfa-container .section-two .section-body .news-letter .title span:first-of-type,
                body footer .top-footer .mfa-container .section-three .section-body .news-letter .title span:first-of-type {
                  font-size: 14px;
                  font-weight: bold; }
              body footer .top-footer .mfa-container .section-one .section-body .news-letter form,
              body footer .top-footer .mfa-container .section-two .section-body .news-letter form,
              body footer .top-footer .mfa-container .section-three .section-body .news-letter form {
                display: grid;
                margin-bottom: 16px; }
                body footer .top-footer .mfa-container .section-one .section-body .news-letter form label,
                body footer .top-footer .mfa-container .section-two .section-body .news-letter form label,
                body footer .top-footer .mfa-container .section-three .section-body .news-letter form label {
                  display: grid;
                  margin-bottom: 0;
                  grid-auto-flow: column;
                  border: 1px solid gray;
                  border: 1px solid #02a7aa;
                  height: 42px;
                  border-radius: 4px;
                  padding-left: 8px; }
                  @media only screen and (min-width: 768px) {
                    body footer .top-footer .mfa-container .section-one .section-body .news-letter form label,
                    body footer .top-footer .mfa-container .section-two .section-body .news-letter form label,
                    body footer .top-footer .mfa-container .section-three .section-body .news-letter form label {
                      height: 52px; } }
                  @media only screen and (min-width: 992px) {
                    body footer .top-footer .mfa-container .section-one .section-body .news-letter form label,
                    body footer .top-footer .mfa-container .section-two .section-body .news-letter form label,
                    body footer .top-footer .mfa-container .section-three .section-body .news-letter form label {
                      height: 58px;
                      padding-left: 14px; } }
                  body footer .top-footer .mfa-container .section-one .section-body .news-letter form label i,
                  body footer .top-footer .mfa-container .section-two .section-body .news-letter form label i,
                  body footer .top-footer .mfa-container .section-three .section-body .news-letter form label i {
                    color: gray;
                    font-size: 22px;
                    align-self: center;
                    margin-right: 8px; }
                  body footer .top-footer .mfa-container .section-one .section-body .news-letter form label input,
                  body footer .top-footer .mfa-container .section-two .section-body .news-letter form label input,
                  body footer .top-footer .mfa-container .section-three .section-body .news-letter form label input {
                    border: 0;
                    background-color: transparent;
                    color: #fff;
                    border: 0;
                    outline: 0;
                    width: 140px; }
                    @media only screen and (min-width: 375px) {
                      body footer .top-footer .mfa-container .section-one .section-body .news-letter form label input,
                      body footer .top-footer .mfa-container .section-two .section-body .news-letter form label input,
                      body footer .top-footer .mfa-container .section-three .section-body .news-letter form label input {
                        width: 168px; } }
                    @media only screen and (min-width: 992px) {
                      body footer .top-footer .mfa-container .section-one .section-body .news-letter form label input,
                      body footer .top-footer .mfa-container .section-two .section-body .news-letter form label input,
                      body footer .top-footer .mfa-container .section-three .section-body .news-letter form label input {
                        width: 200px; } }
                    body footer .top-footer .mfa-container .section-one .section-body .news-letter form label input::placeholder,
                    body footer .top-footer .mfa-container .section-two .section-body .news-letter form label input::placeholder,
                    body footer .top-footer .mfa-container .section-three .section-body .news-letter form label input::placeholder {
                      color: gray;
                      font-size: 13px; }
                    body footer .top-footer .mfa-container .section-one .section-body .news-letter form label input:focus,
                    body footer .top-footer .mfa-container .section-two .section-body .news-letter form label input:focus,
                    body footer .top-footer .mfa-container .section-three .section-body .news-letter form label input:focus {
                      outline: 0; }
                  body footer .top-footer .mfa-container .section-one .section-body .news-letter form label button,
                  body footer .top-footer .mfa-container .section-two .section-body .news-letter form label button,
                  body footer .top-footer .mfa-container .section-three .section-body .news-letter form label button {
                    padding: 2px 10px;
                    cursor: pointer;
                    background-color: gray;
                    background-color: #02a7aa;
                    color: #fff;
                    border: 0;
                    outline: 0; }
                    @media only screen and (min-width: 768px) {
                      body footer .top-footer .mfa-container .section-one .section-body .news-letter form label button,
                      body footer .top-footer .mfa-container .section-two .section-body .news-letter form label button,
                      body footer .top-footer .mfa-container .section-three .section-body .news-letter form label button {
                        padding: 2px 14px; } }
                    @media only screen and (min-width: 992px) {
                      body footer .top-footer .mfa-container .section-one .section-body .news-letter form label button,
                      body footer .top-footer .mfa-container .section-two .section-body .news-letter form label button,
                      body footer .top-footer .mfa-container .section-three .section-body .news-letter form label button {
                        padding: 2px 18px; } }
                  body footer .top-footer .mfa-container .section-one .section-body .news-letter form label input,
                  body footer .top-footer .mfa-container .section-one .section-body .news-letter form label button,
                  body footer .top-footer .mfa-container .section-two .section-body .news-letter form label input,
                  body footer .top-footer .mfa-container .section-two .section-body .news-letter form label button,
                  body footer .top-footer .mfa-container .section-three .section-body .news-letter form label input,
                  body footer .top-footer .mfa-container .section-three .section-body .news-letter form label button {
                    font-family: 'Montserrat-Regular'; }
            body footer .top-footer .mfa-container .section-one .section-body .social-links,
            body footer .top-footer .mfa-container .section-two .section-body .social-links,
            body footer .top-footer .mfa-container .section-three .section-body .social-links {
              justify-content: center;
              display: grid;
              grid-auto-flow: column;
              grid-gap: 14px; }
              body footer .top-footer .mfa-container .section-one .section-body .social-links li,
              body footer .top-footer .mfa-container .section-two .section-body .social-links li,
              body footer .top-footer .mfa-container .section-three .section-body .social-links li {
                display: grid; }
                body footer .top-footer .mfa-container .section-one .section-body .social-links li a,
                body footer .top-footer .mfa-container .section-two .section-body .social-links li a,
                body footer .top-footer .mfa-container .section-three .section-body .social-links li a {
                  width: 38px;
                  height: 38px;
                  background-color: aliceblue;
                  display: grid;
                  align-items: center;
                  justify-items: center;
                  border-radius: 50%;
                  line-height: 1; }
                  body footer .top-footer .mfa-container .section-one .section-body .social-links li a i,
                  body footer .top-footer .mfa-container .section-two .section-body .social-links li a i,
                  body footer .top-footer .mfa-container .section-three .section-body .social-links li a i {
                    line-height: 0;
                    color: #fff;
                    font-size: 14px;
                    text-shadow: 0 2px 3px rgba(255, 255, 255, 0.15); }
                  @media only screen and (min-width: 992px) {
                    body footer .top-footer .mfa-container .section-one .section-body .social-links li a,
                    body footer .top-footer .mfa-container .section-two .section-body .social-links li a,
                    body footer .top-footer .mfa-container .section-three .section-body .social-links li a {
                      width: 42px;
                      height: 42px; }
                      body footer .top-footer .mfa-container .section-one .section-body .social-links li a i,
                      body footer .top-footer .mfa-container .section-two .section-body .social-links li a i,
                      body footer .top-footer .mfa-container .section-three .section-body .social-links li a i {
                        font-size: 16px; } }
                body footer .top-footer .mfa-container .section-one .section-body .social-links li:nth-of-type(1) a,
                body footer .top-footer .mfa-container .section-two .section-body .social-links li:nth-of-type(1) a,
                body footer .top-footer .mfa-container .section-three .section-body .social-links li:nth-of-type(1) a {
                  background-color: #3b5998; }
                body footer .top-footer .mfa-container .section-one .section-body .social-links li:nth-of-type(2) a,
                body footer .top-footer .mfa-container .section-two .section-body .social-links li:nth-of-type(2) a,
                body footer .top-footer .mfa-container .section-three .section-body .social-links li:nth-of-type(2) a {
                  background-color: #1da1f2; }
                body footer .top-footer .mfa-container .section-one .section-body .social-links li:nth-of-type(3) a,
                body footer .top-footer .mfa-container .section-two .section-body .social-links li:nth-of-type(3) a,
                body footer .top-footer .mfa-container .section-three .section-body .social-links li:nth-of-type(3) a {
                  background-color: #c13584; }
                body footer .top-footer .mfa-container .section-one .section-body .social-links li:nth-of-type(4) a,
                body footer .top-footer .mfa-container .section-two .section-body .social-links li:nth-of-type(4) a,
                body footer .top-footer .mfa-container .section-three .section-body .social-links li:nth-of-type(4) a {
                  background-color: #ff0000; }
        body footer .top-footer .mfa-container .section-one,
        body footer .top-footer .mfa-container .section-two {
          padding-bottom: 22px;
          border-bottom: 1px solid rgba(218, 165, 32, 0.151); }
          @media only screen and (min-width: 992px) {
            body footer .top-footer .mfa-container .section-one,
            body footer .top-footer .mfa-container .section-two {
              padding-bottom: 0;
              border-bottom: 0; } }
        @media only screen and (min-width: 992px) {
          body footer .top-footer .mfa-container .section-two .section-body .main-section-ul {
            grid-template-columns: 1fr 1fr;
            grid-gap: 8px; }
            body footer .top-footer .mfa-container .section-two .section-body .main-section-ul li a span {
              font-size: 14px;
              text-transform: capitalize; } }
        @media only screen and (min-width: 992px) {
          body footer .top-footer .mfa-container .section-three {
            justify-items: center;
            text-align: center; } }
    body footer .bottom-footer {
      border-top: 1px solid rgba(255, 255, 255, 0.171);
      padding: 12px 0; }
      @media only screen and (min-width: 768px) {
        body footer .bottom-footer {
          padding: 14px 0; } }
      @media only screen and (min-width: 992px) {
        body footer .bottom-footer {
          padding: 18px 0; } }
      body footer .bottom-footer .mfa-container p {
        line-height: 1;
        color: rgba(205, 134, 63, 0.575);
        font-size: 12px;
        text-align: center; }
        @media only screen and (min-width: 992px) {
          body footer .bottom-footer .mfa-container p {
            font-size: 16px; } }
  body .products-page {
    min-height: 60vh;
    margin-top: 80px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 992px) {
      body .products-page {
        margin-top: 110px; } }
  body .category-page {
    background-color: #f6f7fa;
    margin-top: 80px; }
    @media only screen and (min-width: 992px) {
      body .category-page {
        margin-top: 110px; } }
    body .category-page .top-banner-img {
      display: grid; }
      body .category-page .top-banner-img img {
        width: 100%;
        height: 112px;
        object-fit: cover;
        object-position: center center; }
        @media only screen and (min-width: 768px) {
          body .category-page .top-banner-img img {
            height: 200px; } }
        @media only screen and (min-width: 992px) {
          body .category-page .top-banner-img img {
            height: 320px; } }
        @media only screen and (min-width: 1200px) {
          body .category-page .top-banner-img img {
            height: 440px; } }
        @media only screen and (min-width: 1600px) {
          body .category-page .top-banner-img img {
            height: 480px; } }
  body .category-section {
    padding: 32px 0; }
    @media only screen and (min-width: 992px) {
      body .category-section {
        padding: 42px 0; } }
    @media only screen and (min-width: 1200px) {
      body .category-section {
        padding: 52px 0; } }
    body .category-section .section-heading {
      margin-bottom: 102px; }
      @media only screen and (min-width: 992px) {
        body .category-section .section-heading {
          margin-bottom: 82px; } }
      body .category-section .section-heading p {
        color: #02a7aa;
        text-transform: uppercase;
        font-size: 28px;
        text-align: center; }
        @media only screen and (min-width: 992px) {
          body .category-section .section-heading p {
            font-size: 34px; } }
        @media only screen and (min-width: 1200px) {
          body .category-section .section-heading p {
            font-size: 42px; } }
    body .category-section .category-wrapper {
      display: grid; }
      body .category-section .category-wrapper .main-section-ul {
        display: grid;
        grid-gap: 92px; }
        @media only screen and (min-width: 768px) {
          body .category-section .category-wrapper .main-section-ul {
            grid-template-columns: 1fr 1fr;
            grid-gap: 92px 18px; } }
        @media only screen and (min-width: 1200px) {
          body .category-section .category-wrapper .main-section-ul {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 72px 32px; } }
        body .category-section .category-wrapper .main-section-ul > li {
          background-color: #fff;
          display: grid;
          transition: all 0.3s ease-out; }
          body .category-section .category-wrapper .main-section-ul > li a {
            display: grid; }
          body .category-section .category-wrapper .main-section-ul > li .product-img {
            position: relative;
            display: grid;
            width: 92%;
            justify-self: center;
            height: 240px;
            transform: translateY(-60px);
            background-color: #fff;
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            border-radius: 4px; }
            @media only screen and (min-width: 992px) {
              body .category-section .category-wrapper .main-section-ul > li .product-img {
                height: 280px;
                transform: translateY(-32px);
                width: 94%; } }
            @media only screen and (min-width: 992px) {
              body .category-section .category-wrapper .main-section-ul > li .product-img {
                box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); } }
            @media only screen and (min-width: 1200px) {
              body .category-section .category-wrapper .main-section-ul > li .product-img {
                border-radius: 8px;
                width: 92%;
                height: 340px; } }
            body .category-section .category-wrapper .main-section-ul > li .product-img::before {
              content: '';
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 0;
              height: 0;
              border-radius: 600px;
              background-color: rgba(2, 167, 170, 0.4);
              transition: all 0.6s ease-out; }
              @media only screen and (min-width: 1200px) {
                body .category-section .category-wrapper .main-section-ul > li .product-img::before {
                  border-radius: 1100px; } }
              @media only screen and (min-width: 1600px) {
                body .category-section .category-wrapper .main-section-ul > li .product-img::before {
                  border-radius: 550px; } }
            body .category-section .category-wrapper .main-section-ul > li .product-img::after {
              content: '\ec22';
              font-family: 'Linearicons';
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, 300px) scale(0);
              opacity: 0;
              visibility: hidden;
              color: #fff;
              background-color: rgba(2, 167, 170, 0.6);
              display: grid;
              align-items: center;
              justify-items: center;
              border-radius: 50%;
              box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
              font-size: 20px;
              width: 42px;
              height: 42px;
              transition: all 0.4s ease-out 0.6s; }
              @media only screen and (min-width: 992px) {
                body .category-section .category-wrapper .main-section-ul > li .product-img::after {
                  box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
                  font-size: 32px;
                  width: 62px;
                  height: 62px; } }
            body .category-section .category-wrapper .main-section-ul > li .product-img img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center center;
              border-radius: 4px;
              transition: all 0.3s ease-out; }
              @media only screen and (min-width: 1200px) {
                body .category-section .category-wrapper .main-section-ul > li .product-img img {
                  border-radius: 8px; } }
          body .category-section .category-wrapper .main-section-ul > li .product-text {
            margin: -42px 22px 38px;
            text-align: center; }
            @media only screen and (min-width: 992px) {
              body .category-section .category-wrapper .main-section-ul > li .product-text {
                margin: -12px 18px 38px; } }
            @media only screen and (min-width: 1200px) {
              body .category-section .category-wrapper .main-section-ul > li .product-text {
                margin: -12px 26px 38px; } }
            body .category-section .category-wrapper .main-section-ul > li .product-text .title p {
              color: #62bfc7;
              font-size: 20px;
              text-transform: capitalize; }
              @media only screen and (min-width: 992px) {
                body .category-section .category-wrapper .main-section-ul > li .product-text .title p {
                  font-size: 22px; } }
            body .category-section .category-wrapper .main-section-ul > li .product-text .product-description {
              margin-top: 14px;
              padding: 16px;
              background-color: #02a7aa;
              background-color: rgba(2, 167, 170, 0.2);
              border: 1px solid rgba(2, 167, 170, 0.6);
              border-radius: 4px;
              transition: all 0.3s ease-out; }
              @media only screen and (min-width: 992px) {
                body .category-section .category-wrapper .main-section-ul > li .product-text .product-description {
                  border-radius: 6px; } }
              body .category-section .category-wrapper .main-section-ul > li .product-text .product-description p {
                color: rgba(255, 255, 255, 0.8);
                color: #444;
                color: #017578;
                line-height: 1.8;
                font-size: 14px;
                font-weight: bold;
                text-transform: capitalize; }
                @media only screen and (min-width: 992px) {
                  body .category-section .category-wrapper .main-section-ul > li .product-text .product-description p {
                    line-height: 2;
                    font-size: 16px; } }
          body .category-section .category-wrapper .main-section-ul > li:hover {
            background-color: #fff;
            box-shadow: 0 0 32px rgba(0, 0, 0, 0.15); }
            body .category-section .category-wrapper .main-section-ul > li:hover .product-img::before {
              width: 700px;
              height: 700px; }
              @media only screen and (min-width: 1200px) {
                body .category-section .category-wrapper .main-section-ul > li:hover .product-img::before {
                  width: 1100px;
                  height: 1100px; } }
              @media only screen and (min-width: 1600px) {
                body .category-section .category-wrapper .main-section-ul > li:hover .product-img::before {
                  width: 600px;
                  height: 600px; } }
            body .category-section .category-wrapper .main-section-ul > li:hover .product-img::after {
              transform: translate(-50%, -50%) scale(1);
              opacity: 1;
              visibility: visible; }
            body .category-section .category-wrapper .main-section-ul > li:hover .product-text .title p {
              color: goldenrod; }
            body .category-section .category-wrapper .main-section-ul > li:hover .product-text .product-description {
              background-color: rgba(2, 167, 170, 0.6); }
              body .category-section .category-wrapper .main-section-ul > li:hover .product-text .product-description p {
                color: #fff; }
  body .project-page {
    min-height: 60vh;
    background-color: #f6f7fa;
    margin-top: 80px; }
    @media only screen and (min-width: 992px) {
      body .project-page {
        margin-top: 110px; } }
    body .project-page .top-banner-img {
      display: grid;
      position: relative; }
      body .project-page .top-banner-img img {
        width: 100%;
        height: 112px;
        object-fit: cover;
        object-position: center center; }
        @media only screen and (min-width: 768px) {
          body .project-page .top-banner-img img {
            height: 200px; } }
        @media only screen and (min-width: 992px) {
          body .project-page .top-banner-img img {
            height: 320px; } }
        @media only screen and (min-width: 1200px) {
          body .project-page .top-banner-img img {
            height: 440px; } }
        @media only screen and (min-width: 1600px) {
          body .project-page .top-banner-img img {
            height: 480px; } }
      body .project-page .top-banner-img .page-heading {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(2, 167, 170, 0.8);
        text-transform: uppercase;
        font-weight: bold;
        padding: 6px 0;
        font-size: 22px; }
        @media only screen and (min-width: 992px) {
          body .project-page .top-banner-img .page-heading {
            padding: 10px 0;
            font-size: 32px; } }
        @media only screen and (min-width: 1200px) {
          body .project-page .top-banner-img .page-heading {
            padding: 14px 0;
            font-size: 42px; } }
        body .project-page .top-banner-img .page-heading p {
          color: #fff;
          text-align: center; }
    body .project-page .project-section {
      padding-bottom: 32px; }
      @media only screen and (min-width: 992px) {
        body .project-page .project-section {
          padding-bottom: 52px; } }
      @media only screen and (min-width: 1200px) {
        body .project-page .project-section {
          padding-bottom: 62px; } }
      body .project-page .project-section .section-disc {
        background-color: rgba(2, 167, 170, 0.8);
        padding: 16px 22px;
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
        border-radius: 0 0 12px 12px;
        background-image: url(../images/bkgs/shape-7.png);
        background-repeat: no-repeat;
        background-position: top center; }
        body .project-page .project-section .section-disc p {
          color: #fff;
          line-height: 1.8;
          text-align: center; }
          @media only screen and (min-width: 992px) {
            body .project-page .project-section .section-disc p {
              font-size: 18px; } }
      body .project-page .project-section .main-project-img {
        margin-top: 52px;
        display: grid; }
        @media only screen and (min-width: 992px) {
          body .project-page .project-section .main-project-img {
            margin-top: 62px; } }
        @media only screen and (min-width: 1200px) {
          body .project-page .project-section .main-project-img {
            margin-top: 72px; } }
        body .project-page .project-section .main-project-img img {
          width: 100%; }
      body .project-page .project-section .main-project-disc {
        background-color: #353b48;
        color: #fff;
        text-align: center;
        line-height: 1.8;
        padding: 6px 0; }
        @media only screen and (min-width: 992px) {
          body .project-page .project-section .main-project-disc {
            padding: 8px 0;
            font-size: 18px;
            font-weight: bold; } }
        @media only screen and (min-width: 1200px) {
          body .project-page .project-section .main-project-disc {
            padding: 12px 0; } }
        body .project-page .project-section .main-project-disc .mfa-container {
          max-width: 620px; }
    body .project-page .sep-img {
      display: grid; }
      body .project-page .sep-img img {
        width: 100%;
        height: 32px;
        object-fit: cover;
        object-position: center center; }
        @media only screen and (min-width: 992px) {
          body .project-page .sep-img img {
            height: 48px; } }
        @media only screen and (min-width: 1200px) {
          body .project-page .sep-img img {
            height: 52px; } }
    body .project-page .p-s {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      display: grid;
      padding: 32px 0; }
      @media only screen and (min-width: 992px) {
        body .project-page .p-s {
          padding: 52px 0; } }
      @media only screen and (min-width: 1200px) {
        body .project-page .p-s {
          padding: 62px 0; } }
      body .project-page .p-s .section-title {
        margin-bottom: 8px; }
        @media only screen and (min-width: 992px) {
          body .project-page .p-s .section-title {
            margin-bottom: 14px; } }
        body .project-page .p-s .section-title p {
          color: #444;
          font-weight: bold;
          font-size: 18px;
          text-transform: uppercase;
          text-align: center; }
          @media only screen and (min-width: 992px) {
            body .project-page .p-s .section-title p {
              font-size: 28px; } }
          @media only screen and (min-width: 1200px) {
            body .project-page .p-s .section-title p {
              font-size: 30px; } }
      body .project-page .p-s .img-text-wrapper {
        display: grid;
        grid-gap: 22px; }
        @media only screen and (min-width: 992px) {
          body .project-page .p-s .img-text-wrapper {
            grid-template-columns: 320px 1fr; } }
        @media only screen and (min-width: 1200px) {
          body .project-page .p-s .img-text-wrapper {
            grid-template-columns: 420px 1fr; } }
        body .project-page .p-s .img-text-wrapper .img-wrapper {
          display: grid; }
          body .project-page .p-s .img-text-wrapper .img-wrapper .img-div {
            display: grid;
            justify-items: center; }
            body .project-page .p-s .img-text-wrapper .img-wrapper .img-div img {
              width: 260px; }
              @media only screen and (min-width: 992px) {
                body .project-page .p-s .img-text-wrapper .img-wrapper .img-div img {
                  width: 320px; } }
          body .project-page .p-s .img-text-wrapper .img-wrapper .text-p {
            margin-top: 8px; }
            @media only screen and (min-width: 992px) {
              body .project-page .p-s .img-text-wrapper .img-wrapper .text-p {
                margin-top: 12px; } }
            body .project-page .p-s .img-text-wrapper .img-wrapper .text-p p {
              color: #444;
              text-align: center; }
        body .project-page .p-s .img-text-wrapper .section-text {
          background-color: #fff;
          color: #444;
          border-radius: 2px;
          padding: 18px; }
          @media only screen and (min-width: 992px) {
            body .project-page .p-s .img-text-wrapper .section-text {
              padding: 32px;
              align-self: center;
              box-shadow: 0 18px 22px rgba(0, 0, 0, 0.15);
              border-radius: 8px; } }
          @media only screen and (min-width: 1200px) {
            body .project-page .p-s .img-text-wrapper .section-text {
              padding: 52px 42px; } }
          body .project-page .p-s .img-text-wrapper .section-text p {
            line-height: 1.8;
            position: relative;
            font-size: 14px;
            padding-left: 20px;
            margin-bottom: 12px; }
            body .project-page .p-s .img-text-wrapper .section-text p:last-of-type {
              margin-bottom: 0; }
            @media only screen and (min-width: 992px) {
              body .project-page .p-s .img-text-wrapper .section-text p {
                padding-left: 26px;
                font-size: 16px;
                margin-bottom: 18px; } }
            body .project-page .p-s .img-text-wrapper .section-text p::before {
              content: '\f4b7';
              font-family: 'Ionicons';
              position: absolute;
              left: 2px;
              top: 4px;
              color: #02a7aa;
              font-size: 20px;
              line-height: 1; }
              @media only screen and (min-width: 992px) {
                body .project-page .p-s .img-text-wrapper .section-text p::before {
                  font-size: 28px;
                  top: 2px; } }
  body .research-page {
    min-height: 60vh;
    background-color: #f6f7fa;
    margin-top: 80px; }
    @media only screen and (min-width: 992px) {
      body .research-page {
        margin-top: 110px; } }
    body .research-page .top-banner-img {
      display: grid;
      position: relative; }
      body .research-page .top-banner-img img {
        width: 100%;
        height: 112px;
        object-fit: cover;
        object-position: center center; }
        @media only screen and (min-width: 768px) {
          body .research-page .top-banner-img img {
            height: 200px; } }
        @media only screen and (min-width: 992px) {
          body .research-page .top-banner-img img {
            height: 320px; } }
        @media only screen and (min-width: 1200px) {
          body .research-page .top-banner-img img {
            height: 440px; } }
        @media only screen and (min-width: 1600px) {
          body .research-page .top-banner-img img {
            height: 480px; } }
      body .research-page .top-banner-img .page-heading {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(2, 167, 170, 0.8);
        text-transform: uppercase;
        font-weight: bold;
        padding: 6px 0;
        font-size: 22px; }
        @media only screen and (min-width: 992px) {
          body .research-page .top-banner-img .page-heading {
            padding: 10px 0;
            font-size: 32px; } }
        @media only screen and (min-width: 1200px) {
          body .research-page .top-banner-img .page-heading {
            padding: 14px 0;
            font-size: 42px; } }
        body .research-page .top-banner-img .page-heading p {
          color: #fff;
          text-align: center; }
    body .research-page .project-section {
      padding-bottom: 32px; }
      @media only screen and (min-width: 992px) {
        body .research-page .project-section {
          padding-bottom: 52px; } }
      @media only screen and (min-width: 1200px) {
        body .research-page .project-section {
          padding-bottom: 62px; } }
      body .research-page .project-section .section-disc {
        background-color: rgba(2, 167, 170, 0.8);
        padding: 16px 22px;
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
        border-radius: 0 0 12px 12px;
        background-image: url(../images/bkgs/shape-7.png);
        background-repeat: no-repeat;
        background-position: top center; }
        body .research-page .project-section .section-disc p {
          color: #fff;
          line-height: 1.8;
          text-align: center; }
          @media only screen and (min-width: 992px) {
            body .research-page .project-section .section-disc p {
              font-size: 18px; } }
      body .research-page .project-section .main-project-disc {
        margin-top: 32px;
        background-color: #fff;
        color: #444;
        text-align: center;
        line-height: 1.8;
        padding: 8px 0; }
        @media only screen and (min-width: 992px) {
          body .research-page .project-section .main-project-disc {
            padding: 12px 0;
            font-size: 20px;
            margin-top: 52px; } }
        @media only screen and (min-width: 1200px) {
          body .research-page .project-section .main-project-disc {
            padding: 18px 0;
            font-size: 22px; } }
        body .research-page .project-section .main-project-disc .mfa-container {
          max-width: 620px; }
    body .research-page .p-s {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      display: grid;
      padding: 32px 0; }
      @media only screen and (min-width: 992px) {
        body .research-page .p-s {
          padding: 52px 0; } }
      @media only screen and (min-width: 1200px) {
        body .research-page .p-s {
          padding: 62px 0; } }
      body .research-page .p-s .section-title {
        margin-bottom: 8px; }
        @media only screen and (min-width: 992px) {
          body .research-page .p-s .section-title {
            margin-bottom: 14px; } }
        @media only screen and (min-width: 1200px) {
          body .research-page .p-s .section-title {
            margin-bottom: 28px; } }
        body .research-page .p-s .section-title p {
          color: #444;
          font-weight: bold;
          font-size: 18px;
          text-transform: uppercase;
          text-align: center; }
          @media only screen and (min-width: 992px) {
            body .research-page .p-s .section-title p {
              font-size: 28px; } }
          @media only screen and (min-width: 1200px) {
            body .research-page .p-s .section-title p {
              font-size: 30px; } }
      body .research-page .p-s .img-text-wrapper {
        display: grid;
        grid-gap: 22px; }
        @media only screen and (min-width: 992px) {
          body .research-page .p-s .img-text-wrapper {
            grid-template-columns: 320px 1fr; } }
        @media only screen and (min-width: 1200px) {
          body .research-page .p-s .img-text-wrapper {
            grid-template-columns: 420px 1fr; } }
        body .research-page .p-s .img-text-wrapper .img-wrapper {
          display: grid; }
          body .research-page .p-s .img-text-wrapper .img-wrapper .img-div {
            display: grid;
            justify-items: center; }
            body .research-page .p-s .img-text-wrapper .img-wrapper .img-div img {
              width: 260px; }
              @media only screen and (min-width: 992px) {
                body .research-page .p-s .img-text-wrapper .img-wrapper .img-div img {
                  width: 320px; } }
        body .research-page .p-s .img-text-wrapper .section-text {
          background-color: #fff;
          color: #444;
          border-radius: 2px;
          padding: 18px; }
          @media only screen and (min-width: 992px) {
            body .research-page .p-s .img-text-wrapper .section-text {
              padding: 32px;
              align-self: center;
              box-shadow: 0 18px 22px rgba(0, 0, 0, 0.15);
              border-radius: 8px; } }
          @media only screen and (min-width: 1200px) {
            body .research-page .p-s .img-text-wrapper .section-text {
              padding: 52px 42px; } }
          body .research-page .p-s .img-text-wrapper .section-text p {
            line-height: 1.8;
            position: relative;
            font-size: 14px;
            padding-left: 20px;
            margin-bottom: 12px; }
            body .research-page .p-s .img-text-wrapper .section-text p:last-of-type {
              margin-bottom: 0; }
            @media only screen and (min-width: 992px) {
              body .research-page .p-s .img-text-wrapper .section-text p {
                padding-left: 26px;
                font-size: 16px;
                margin-bottom: 18px; } }
            body .research-page .p-s .img-text-wrapper .section-text p::before {
              content: '\f4b7';
              font-family: 'Ionicons';
              position: absolute;
              left: 2px;
              top: 4px;
              color: #02a7aa;
              font-size: 20px;
              line-height: 1; }
              @media only screen and (min-width: 992px) {
                body .research-page .p-s .img-text-wrapper .section-text p::before {
                  font-size: 28px;
                  top: 2px; } }
    body .research-page .test-section {
      padding: 22px 0; }
      @media only screen and (min-width: 992px) {
        body .research-page .test-section {
          padding: 32px 0; } }
      body .research-page .test-section .section-heading {
        margin-bottom: 32px;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        line-height: 1;
        grid-gap: 12px; }
        @media only screen and (min-width: 992px) {
          body .research-page .test-section .section-heading {
            margin-bottom: 42px; } }
        @media only screen and (min-width: 1200px) {
          body .research-page .test-section .section-heading {
            margin-bottom: 52px; } }
        body .research-page .test-section .section-heading span {
          height: 2px;
          background-color: #02a7aa; }
        body .research-page .test-section .section-heading p {
          color: #02a7aa;
          text-transform: uppercase;
          font-weight: bold;
          text-align: center; }
          @media only screen and (min-width: 992px) {
            body .research-page .test-section .section-heading p {
              font-size: 20px; } }
      body .research-page .test-section .test-ul {
        display: grid;
        grid-gap: 12px; }
        @media only screen and (min-width: 768px) {
          body .research-page .test-section .test-ul {
            grid-template-columns: repeat(2, 1fr); } }
        @media only screen and (min-width: 992px) {
          body .research-page .test-section .test-ul {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 22px; } }
        body .research-page .test-section .test-ul li {
          display: grid;
          justify-items: center; }
          body .research-page .test-section .test-ul li img {
            margin-bottom: 8px;
            width: 160px; }
            @media only screen and (min-width: 992px) {
              body .research-page .test-section .test-ul li img {
                margin-bottom: 12px; } }
          body .research-page .test-section .test-ul li p {
            text-align: center;
            color: #02a7aa; }
  body .product-details-page {
    background-color: #f7f8fa;
    min-height: 60vh;
    margin-top: 80px; }
    @media only screen and (min-width: 992px) {
      body .product-details-page {
        margin-top: 110px; } }
    body .product-details-page .top-banner-img {
      display: grid;
      height: 100px; }
      @media only screen and (min-width: 768px) {
        body .product-details-page .top-banner-img {
          height: 140px; } }
      @media only screen and (min-width: 992px) {
        body .product-details-page .top-banner-img {
          height: 200px; } }
      @media only screen and (min-width: 1200px) {
        body .product-details-page .top-banner-img {
          height: 240px; } }
      body .product-details-page .top-banner-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center; }
    body .product-details-page .page-body {
      padding: 32px 0; }
      @media only screen and (min-width: 992px) {
        body .product-details-page .page-body {
          padding: 52px 0;
          display: grid;
          grid-gap: 32px;
          grid-template-columns: 50% 45%;
          justify-content: center; } }
      @media only screen and (min-width: 1200px) {
        body .product-details-page .page-body {
          padding: 62px 0; } }
      body .product-details-page .page-body > .mfa-container:nth-of-type(2) {
        justify-self: center; }
      body .product-details-page .page-body > .mfa-container .body-text {
        display: grid; }
        body .product-details-page .page-body > .mfa-container .body-text .main-heading {
          padding: 10px 0;
          display: grid;
          grid-gap: 12px;
          margin-bottom: 18px; }
          @media only screen and (min-width: 768px) {
            body .product-details-page .page-body > .mfa-container .body-text .main-heading {
              margin-bottom: 22px; } }
          @media only screen and (min-width: 992px) {
            body .product-details-page .page-body > .mfa-container .body-text .main-heading {
              margin-bottom: 32px; } }
          body .product-details-page .page-body > .mfa-container .body-text .main-heading .product-title {
            font-weight: bold;
            color: #272727;
            text-transform: capitalize;
            font-weight: bold;
            font-size: 18px; }
            @media only screen and (min-width: 768px) {
              body .product-details-page .page-body > .mfa-container .body-text .main-heading .product-title {
                font-size: 24px; } }
            @media only screen and (min-width: 992px) {
              body .product-details-page .page-body > .mfa-container .body-text .main-heading .product-title {
                font-size: 32px; } }
          body .product-details-page .page-body > .mfa-container .body-text .main-heading .brief p {
            color: rgba(0, 0, 0, 0.7);
            font-size: 14px;
            text-align: justify; }
        body .product-details-page .page-body > .mfa-container .body-text .specifications {
          border-radius: 4px 4px 0 0;
          padding: 14px;
          background-color: #fff; }
          @media only screen and (min-width: 768px) {
            body .product-details-page .page-body > .mfa-container .body-text .specifications {
              padding: 18px; } }
          @media only screen and (min-width: 992px) {
            body .product-details-page .page-body > .mfa-container .body-text .specifications {
              padding: 28px; } }
          body .product-details-page .page-body > .mfa-container .body-text .specifications .title {
            color: #272727;
            color: #02a7aa;
            text-transform: uppercase;
            margin-bottom: 6px;
            font-size: 16px; }
            @media only screen and (min-width: 992px) {
              body .product-details-page .page-body > .mfa-container .body-text .specifications .title {
                margin-bottom: 12px;
                font-size: 18px; } }
            @media only screen and (min-width: 1200px) {
              body .product-details-page .page-body > .mfa-container .body-text .specifications .title {
                font-size: 22px; } }
          body .product-details-page .page-body > .mfa-container .body-text .specifications ul {
            padding: 0 16px;
            display: grid; }
            body .product-details-page .page-body > .mfa-container .body-text .specifications ul li {
              display: grid;
              padding: 6px 0;
              line-height: 1.6; }
            body .product-details-page .page-body > .mfa-container .body-text .specifications ul p {
              position: relative;
              font-size: 14px;
              padding-left: 20px;
              line-height: 1.6; }
              @media only screen and (min-width: 992px) {
                body .product-details-page .page-body > .mfa-container .body-text .specifications ul p {
                  padding-left: 26px; } }
              body .product-details-page .page-body > .mfa-container .body-text .specifications ul p::before {
                content: '\f4b7';
                font-family: 'Ionicons';
                position: absolute;
                left: 2px;
                top: -2px;
                color: #02a7aa;
                font-size: 20px;
                line-height: 1; }
                @media only screen and (min-width: 992px) {
                  body .product-details-page .page-body > .mfa-container .body-text .specifications ul p::before {
                    font-size: 28px;
                    top: -3px; } }
        body .product-details-page .page-body > .mfa-container .body-text .icons-img {
          display: grid;
          background-color: #fff; }
          body .product-details-page .page-body > .mfa-container .body-text .icons-img img {
            width: 100%;
            transition: all 0.3s ease-out; }
        body .product-details-page .page-body > .mfa-container .body-text .test-p {
          background-color: #02a7aa;
          color: #fff;
          font-size: 12px;
          padding: 8px 12px;
          line-height: 1.6;
          border-radius: 0 0 4px 4px; }
      body .product-details-page .page-body > .mfa-container .product-img {
        background-color: #fff;
        display: grid;
        height: 250px; }
        @media only screen and (min-width: 768px) {
          body .product-details-page .page-body > .mfa-container .product-img {
            height: 500px; } }
        @media only screen and (min-width: 1200px) {
          body .product-details-page .page-body > .mfa-container .product-img {
            height: 550px; } }
        @media only screen and (min-width: 1600px) {
          body .product-details-page .page-body > .mfa-container .product-img {
            height: 650px; } }
        body .product-details-page .page-body > .mfa-container .product-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center;
          transition: all 0.3s ease-out; }
  body .book-page {
    margin-top: 80px;
    padding: 32px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 992px) {
      body .book-page {
        margin-top: 100px;
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .book-page {
        padding: 62px 0; } }
  body .albums-page {
    min-height: 60vh;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 80px;
    padding: 32px 0; }
    @media only screen and (min-width: 992px) {
      body .albums-page {
        margin-top: 100px;
        padding: 42px 0; } }
    @media only screen and (min-width: 1200px) {
      body .albums-page {
        padding: 52px 0; } }
    body .albums-page .albums-section {
      padding: 22px 0;
      display: grid; }
      @media only screen and (min-width: 992px) {
        body .albums-page .albums-section {
          padding: 32px 0; } }
      @media only screen and (min-width: 1200px) {
        body .albums-page .albums-section {
          padding: 52px 0; } }
      body .albums-page .albums-section .section-heading {
        display: grid;
        justify-content: center;
        margin-bottom: 12px; }
        @media only screen and (min-width: 992px) {
          body .albums-page .albums-section .section-heading {
            margin-bottom: 18px; } }
        @media only screen and (min-width: 1200px) {
          body .albums-page .albums-section .section-heading {
            margin-bottom: 24px; } }
        body .albums-page .albums-section .section-heading p {
          color: #151515;
          text-transform: uppercase;
          font-size: 30px;
          border-bottom: 2px solid #02a7aa;
          line-height: 1; }
          @media only screen and (min-width: 992px) {
            body .albums-page .albums-section .section-heading p {
              font-size: 40px; } }
          @media only screen and (min-width: 1200px) {
            body .albums-page .albums-section .section-heading p {
              font-size: 52px; } }
      body .albums-page .albums-section .section-body {
        transition: all 0.3s ease-out; }
        body .albums-page .albums-section .section-body:hover {
          background-color: #000; }
          body .albums-page .albums-section .section-body:hover .main-ul li a {
            opacity: 0.4;
            transform: scale(0.96);
            filter: grayscale(0.3); }
        body .albums-page .albums-section .section-body .main-ul {
          display: grid;
          grid-gap: 14px;
          grid-template-columns: 1fr 1fr;
          background-color: #fff; }
          @media only screen and (min-width: 768px) {
            body .albums-page .albums-section .section-body .main-ul {
              grid-gap: 42px; } }
          @media only screen and (min-width: 1200px) {
            body .albums-page .albums-section .section-body .main-ul {
              grid-gap: 12px; } }
          body .albums-page .albums-section .section-body .main-ul li {
            display: grid; }
            body .albums-page .albums-section .section-body .main-ul li .product-card {
              display: grid;
              background-color: #f7f8fa;
              position: relative;
              border-radius: 2px;
              transition: all 0.3s ease-out;
              height: 180px; }
              @media only screen and (min-width: 768px) {
                body .albums-page .albums-section .section-body .main-ul li .product-card {
                  height: 280px; } }
              @media only screen and (min-width: 992px) {
                body .albums-page .albums-section .section-body .main-ul li .product-card {
                  height: 340px; } }
              @media only screen and (min-width: 1200px) {
                body .albums-page .albums-section .section-body .main-ul li .product-card {
                  height: 450px; } }
              @media only screen and (min-width: 1600px) {
                body .albums-page .albums-section .section-body .main-ul li .product-card {
                  height: 550px; } }
              body .albums-page .albums-section .section-body .main-ul li .product-card::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: 2px;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 60%, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)); }
              body .albums-page .albums-section .section-body .main-ul li .product-card .img-div {
                display: grid;
                justify-items: center;
                overflow: hidden; }
                body .albums-page .albums-section .section-body .main-ul li .product-card .img-div img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  border-radius: 2px;
                  transition: all 0.3s ease-out; }
              body .albums-page .albums-section .section-body .main-ul li .product-card .title {
                position: absolute;
                bottom: 0;
                left: 6%;
                right: 6%;
                padding: 8px 0;
                z-index: 1;
                display: grid;
                justify-content: center; }
                @media only screen and (min-width: 992px) {
                  body .albums-page .albums-section .section-body .main-ul li .product-card .title {
                    padding: 24px 0; } }
                body .albums-page .albums-section .section-body .main-ul li .product-card .title p {
                  color: #fff;
                  text-transform: uppercase;
                  word-spacing: 2px;
                  text-align: center;
                  border-bottom: 2px solid #1a5994;
                  transition: all 0.3s ease-out;
                  font-size: 18px; }
                  @media only screen and (min-width: 768px) {
                    body .albums-page .albums-section .section-body .main-ul li .product-card .title p {
                      font-size: 22px; } }
                  @media only screen and (min-width: 992px) {
                    body .albums-page .albums-section .section-body .main-ul li .product-card .title p {
                      font-size: 24px; } }
                  @media only screen and (min-width: 1200px) {
                    body .albums-page .albums-section .section-body .main-ul li .product-card .title p {
                      font-size: 26px; } }
              body .albums-page .albums-section .section-body .main-ul li .product-card:hover {
                box-shadow: 0 18px 20px rgba(0, 0, 0, 0.15);
                opacity: 1;
                transform: scale(1.01);
                filter: grayscale(0); }
                @media only screen and (min-width: 992px) {
                  body .albums-page .albums-section .section-body .main-ul li .product-card:hover {
                    box-shadow: 0 22px 24px rgba(0, 0, 0, 0.15); } }
                body .albums-page .albums-section .section-body .main-ul li .product-card:hover .img-div img {
                  transform: scale(1.15) rotate(6deg); }
  body .about-page {
    background-color: #f7f8fa;
    padding: 32px 0;
    min-height: 60vh;
    margin-top: 80px; }
    @media only screen and (min-width: 992px) {
      body .about-page {
        margin-top: 110px;
        padding: 52px 0; } }
    body .about-page .page-heading {
      padding-bottom: 10px; }
      @media only screen and (min-width: 992px) {
        body .about-page .page-heading {
          padding-bottom: 22px; } }
      @media only screen and (min-width: 1200px) {
        body .about-page .page-heading {
          padding-bottom: 32px; } }
      body .about-page .page-heading p {
        color: #151515;
        text-align: center;
        font-size: 28px;
        font-weight: bold;
        text-transform: capitalize;
        display: grid; }
        @media only screen and (min-width: 768px) {
          body .about-page .page-heading p {
            font-size: 30px; } }
        @media only screen and (min-width: 992px) {
          body .about-page .page-heading p {
            font-size: 42px; } }
    body .about-page .page-body .about-wrapper {
      display: grid;
      grid-gap: 32px; }
      @media only screen and (min-width: 992px) {
        body .about-page .page-body .about-wrapper {
          grid-template-columns: 1fr 1fr;
          grid-gap: 32px; } }
      body .about-page .page-body .about-wrapper .main-section-ul {
        order: 1;
        align-self: start;
        display: grid;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 4px; }
        @media only screen and (min-width: 992px) {
          body .about-page .page-body .about-wrapper .main-section-ul {
            order: 0; } }
        body .about-page .page-body .about-wrapper .main-section-ul > li {
          display: grid;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          overflow: hidden; }
          body .about-page .page-body .about-wrapper .main-section-ul > li:last-of-type {
            border-bottom: 0; }
          body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div {
            display: grid;
            grid-template-columns: 1fr auto;
            cursor: pointer;
            padding: 12px; }
            @media only screen and (min-width: 992px) {
              body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div {
                padding: 16px; } }
            body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-heading p {
              color: #151515;
              font-size: 22px; }
              @media only screen and (min-width: 1200px) {
                body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-heading p {
                  font-size: 26px; } }
            body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-icon {
              display: grid;
              grid-template-columns: auto auto;
              grid-gap: 8px;
              align-items: center; }
              @media only screen and (min-width: 992px) {
                body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-icon {
                  grid-gap: 10px; } }
              @media only screen and (min-width: 1200px) {
                body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-icon {
                  grid-gap: 16px; } }
              body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-icon .v-line {
                width: 1px;
                background-color: #ddd;
                height: 80%; }
              body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-icon i {
                color: #151515;
                font-size: 22px;
                transition: all 0.3s ease-out; }
                body .about-page .page-body .about-wrapper .main-section-ul > li .about-drop-div .about-drop-icon i::before {
                  transition: all 0.3s ease-out; }
          body .about-page .page-body .about-wrapper .main-section-ul > li .about-dropped {
            padding: 0 16px;
            height: 0;
            visibility: hidden;
            opacity: 0;
            display: grid;
            transition: all 0.3s ease-out; }
            body .about-page .page-body .about-wrapper .main-section-ul > li .about-dropped li {
              display: grid;
              padding: 6px 0;
              line-height: 1.6; }
            body .about-page .page-body .about-wrapper .main-section-ul > li .about-dropped p {
              position: relative;
              font-size: 14px;
              padding-left: 20px;
              line-height: 1.6; }
              @media only screen and (min-width: 992px) {
                body .about-page .page-body .about-wrapper .main-section-ul > li .about-dropped p {
                  padding-left: 26px; } }
              body .about-page .page-body .about-wrapper .main-section-ul > li .about-dropped p::before {
                content: '\f4b7';
                font-family: 'Ionicons';
                position: absolute;
                left: 2px;
                top: 4px;
                color: #02a7aa;
                font-size: 20px;
                line-height: 1; }
                @media only screen and (min-width: 992px) {
                  body .about-page .page-body .about-wrapper .main-section-ul > li .about-dropped p::before {
                    font-size: 28px;
                    top: 2px; } }
          body .about-page .page-body .about-wrapper .main-section-ul > li.toggle-drop-li {
            background-color: #f9f9f9;
            background-color: #fff;
            border-bottom: 0;
            padding-bottom: 12px; }
            body .about-page .page-body .about-wrapper .main-section-ul > li.toggle-drop-li .about-drop-div {
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
              body .about-page .page-body .about-wrapper .main-section-ul > li.toggle-drop-li .about-drop-div .about-drop-icon .v-line {
                background-color: rgba(0, 0, 0, 0.1); }
              body .about-page .page-body .about-wrapper .main-section-ul > li.toggle-drop-li .about-drop-div .about-drop-icon i {
                transform: rotate(360deg);
                color: red; }
                body .about-page .page-body .about-wrapper .main-section-ul > li.toggle-drop-li .about-drop-div .about-drop-icon i::before {
                  content: '\ec37'; }
            body .about-page .page-body .about-wrapper .main-section-ul > li.toggle-drop-li .about-dropped {
              visibility: visible;
              opacity: 1; }
      body .about-page .page-body .about-wrapper .images-wrapper {
        overflow: hidden;
        display: grid; }
        body .about-page .page-body .about-wrapper .images-wrapper > ul {
          display: grid; }
          body .about-page .page-body .about-wrapper .images-wrapper > ul li {
            position: relative;
            width: 100%;
            height: 300px;
            display: none; }
            @media only screen and (min-width: 992px) {
              body .about-page .page-body .about-wrapper .images-wrapper > ul li {
                height: 500px; } }
            @media only screen and (min-width: 1200px) {
              body .about-page .page-body .about-wrapper .images-wrapper > ul li {
                height: 620px; } }
            body .about-page .page-body .about-wrapper .images-wrapper > ul li .img-div {
              display: grid;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              body .about-page .page-body .about-wrapper .images-wrapper > ul li .img-div img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            body .about-page .page-body .about-wrapper .images-wrapper > ul li.active-li-img {
              display: grid;
              animation: animate-li 0.6s ease-out both; }

@keyframes animate-li {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: translate(200px, 0); }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); } }
  body .contact-page {
    margin-top: 80px;
    padding: 32px 0;
    position: relative; }
    @media only screen and (min-width: 992px) {
      body .contact-page {
        margin-top: 110px; } }
    body .contact-page::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(../images/bkgs/dust.png);
      z-index: -1; }
    @media only screen and (min-width: 768px) {
      body .contact-page {
        padding: 42px 0; } }
    @media only screen and (min-width: 992px) {
      body .contact-page {
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .contact-page {
        padding: 62px 0; } }
    body .contact-page > .mfa-container .page-body {
      display: grid;
      grid-gap: 22px; }
      @media only screen and (min-width: 768px) {
        body .contact-page > .mfa-container .page-body {
          grid-gap: 32px; } }
      @media only screen and (min-width: 992px) {
        body .contact-page > .mfa-container .page-body {
          grid-template-columns: 45% 45%;
          justify-content: space-between; } }
      body .contact-page > .mfa-container .page-body .branches {
        display: grid;
        grid-gap: 32px;
        align-self: start; }
        @media only screen and (min-width: 992px) {
          body .contact-page > .mfa-container .page-body .branches {
            position: sticky;
            top: 100px; } }
        body .contact-page > .mfa-container .page-body .branches > li {
          background-color: #3d3d3d;
          display: grid;
          grid-gap: 18px;
          padding: 22px 14px;
          border-radius: 4px;
          position: relative; }
          body .contact-page > .mfa-container .page-body .branches > li::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(../images/bkgs/dots-large.svg);
            opacity: 0.05; }
          body .contact-page > .mfa-container .page-body .branches > li::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.04); }
          @media only screen and (min-width: 768px) {
            body .contact-page > .mfa-container .page-body .branches > li {
              padding: 20px;
              grid-gap: 24px; } }
          @media only screen and (min-width: 992px) {
            body .contact-page > .mfa-container .page-body .branches > li {
              padding: 26px;
              grid-gap: 32px;
              border-radius: 6px; } }
          @media only screen and (min-width: 1200px) {
            body .contact-page > .mfa-container .page-body .branches > li {
              padding: 42px 24px; } }
          body .contact-page > .mfa-container .page-body .branches > li .branch-heading {
            position: relative;
            z-index: 1; }
            body .contact-page > .mfa-container .page-body .branches > li .branch-heading p {
              color: #f6be45;
              color: goldenrod;
              color: gray;
              color: #02a7aa;
              text-align: center;
              font-size: 18px;
              text-transform: uppercase;
              font-weight: bold; }
              @media only screen and (min-width: 768px) {
                body .contact-page > .mfa-container .page-body .branches > li .branch-heading p {
                  font-size: 20px; } }
              @media only screen and (min-width: 992px) {
                body .contact-page > .mfa-container .page-body .branches > li .branch-heading p {
                  font-size: 22px; } }
              @media only screen and (min-width: 992px) {
                body .contact-page > .mfa-container .page-body .branches > li .branch-heading p {
                  font-size: 28px; } }
          body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones {
            position: relative;
            z-index: 1;
            display: grid;
            grid-gap: 24px;
            justify-items: center;
            align-items: center; }
            @media only screen and (min-width: 768px) {
              body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones {
                grid-template-columns: 1fr 1fr; } }
            body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days {
              display: grid;
              justify-content: start;
              grid-gap: 8px; }
              @media only screen and (min-width: 768px) {
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days {
                  grid-gap: 10px; } }
              @media only screen and (min-width: 992px) {
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days {
                  grid-gap: 12px; } }
              @media only screen and (min-width: 1200px) {
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days {
                  grid-gap: 18px; } }
              body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days li {
                display: grid;
                grid-template-columns: 86px 1fr;
                grid-gap: 8px; }
                @media only screen and (min-width: 768px) {
                  body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days li {
                    grid-gap: 12px; } }
                @media only screen and (min-width: 992px) {
                  body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days li {
                    grid-gap: 14px; } }
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days li span:first-of-type {
                  color: cadetblue;
                  color: #fff; }
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .working-hours .week-days li span:last-of-type {
                  color: rgba(255, 255, 255, 0.6); }
            body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones {
              display: grid;
              grid-gap: 12px; }
              @media only screen and (min-width: 768px) {
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones {
                  grid-gap: 16px; } }
              @media only screen and (min-width: 992px) {
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones {
                  grid-gap: 22px; } }
              body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones li {
                display: grid;
                grid-template-columns: auto 1fr;
                align-items: center;
                grid-gap: 4px;
                color: #fff; }
                @media only screen and (min-width: 768px) {
                  body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones li {
                    grid-gap: 6px; } }
                @media only screen and (min-width: 992px) {
                  body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones li {
                    grid-gap: 8px; } }
                body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones li span {
                  font-size: 20px; }
                  @media only screen and (min-width: 768px) {
                    body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones li span {
                      font-size: 24px; } }
                  @media only screen and (min-width: 992px) {
                    body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones li span {
                      font-size: 18px; } }
                  body .contact-page > .mfa-container .page-body .branches > li .working-hours-phones .phones li span:last-of-type {
                    letter-spacing: 1px;
                    line-height: 1; }
          body .contact-page > .mfa-container .page-body .branches > li .location {
            position: relative;
            z-index: 1;
            text-align: center;
            color: #25ccf7;
            color: gray;
            color: #02a7aa;
            display: grid;
            grid-template-columns: auto auto;
            align-items: start;
            justify-content: center;
            grid-gap: 4px;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.2); }
            @media only screen and (min-width: 1200px) {
              body .contact-page > .mfa-container .page-body .branches > li .location {
                padding-top: 18px; } }
      body .contact-page > .mfa-container .page-body .form-wrapper {
        position: relative;
        padding: 22px 0;
        border-radius: 4px;
        display: grid;
        background-color: #0a3d62;
        background-color: #3d3d3d;
        align-self: start;
        box-shadow: 0 36px 46px rgba(255, 255, 255, 0.24); }
        @media only screen and (min-width: 992px) {
          body .contact-page > .mfa-container .page-body .form-wrapper {
            border-radius: 8px; } }
        body .contact-page > .mfa-container .page-body .form-wrapper::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: url(../images/bkgs/dots-large.svg);
          opacity: 0.05; }
        body .contact-page > .mfa-container .page-body .form-wrapper::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 50%;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.02); }
        @media only screen and (min-width: 992px) {
          body .contact-page > .mfa-container .page-body .form-wrapper {
            position: sticky;
            top: 110px; } }
        body .contact-page > .mfa-container .page-body .form-wrapper .form-heading {
          position: relative;
          z-index: 1;
          padding: 0 16px; }
          body .contact-page > .mfa-container .page-body .form-wrapper .form-heading p {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            color: #02a7aa;
            color: #f6be45;
            color: goldenrod;
            color: gray;
            color: #02a7aa; }
            @media only screen and (min-width: 768px) {
              body .contact-page > .mfa-container .page-body .form-wrapper .form-heading p {
                font-size: 32px; } }
            @media only screen and (min-width: 992px) {
              body .contact-page > .mfa-container .page-body .form-wrapper .form-heading p {
                font-size: 38px; } }
        body .contact-page > .mfa-container .page-body .form-wrapper form {
          position: relative;
          z-index: 1;
          padding: 16px;
          display: grid;
          grid-gap: 22px; }
          @media only screen and (min-width: 768px) {
            body .contact-page > .mfa-container .page-body .form-wrapper form {
              padding: 24px; } }
          @media only screen and (min-width: 992px) {
            body .contact-page > .mfa-container .page-body .form-wrapper form {
              padding: 36px; } }
          @media only screen and (min-width: 768px) {
            body .contact-page > .mfa-container .page-body .form-wrapper form {
              grid-gap: 24px; } }
          @media only screen and (min-width: 992px) {
            body .contact-page > .mfa-container .page-body .form-wrapper form {
              grid-gap: 32px; } }
          @media only screen and (min-width: 1200px) {
            body .contact-page > .mfa-container .page-body .form-wrapper form {
              grid-gap: 38px; } }
          body .contact-page > .mfa-container .page-body .form-wrapper form .form-div {
            display: grid; }
            body .contact-page > .mfa-container .page-body .form-wrapper form .form-div input {
              border: 2px solid #cacaca75;
              padding: 2px 16px;
              height: 40px;
              background-color: transparent;
              border-radius: 52px;
              color: #fff;
              transition: all 0.3s ease-out; }
              body .contact-page > .mfa-container .page-body .form-wrapper form .form-div input::placeholder {
                font-size: 12px;
                color: rgba(255, 255, 255, 0.4);
                line-height: 1; }
                @media only screen and (min-width: 992px) {
                  body .contact-page > .mfa-container .page-body .form-wrapper form .form-div input::placeholder {
                    font-size: 14px; } }
              @media only screen and (min-width: 768px) {
                body .contact-page > .mfa-container .page-body .form-wrapper form .form-div input {
                  height: 46px;
                  padding: 0 14px; } }
              @media only screen and (min-width: 992px) {
                body .contact-page > .mfa-container .page-body .form-wrapper form .form-div input {
                  height: 52px;
                  padding: 0 22px; } }
              body .contact-page > .mfa-container .page-body .form-wrapper form .form-div input:focus {
                outline: 0;
                border-color: #02a7aa;
                box-shadow: 0 0 4px #02a7aa;
                border-color: goldenrod;
                border-color: #02a7aa; }
            body .contact-page > .mfa-container .page-body .form-wrapper form .form-div textarea {
              border: 2px solid #cacaca75;
              padding: 8px 12px;
              height: 82px;
              background-color: transparent;
              border-radius: 22px;
              color: rgba(255, 255, 255, 0.4);
              color: #fff;
              transition: all 0.3s ease-out; }
              body .contact-page > .mfa-container .page-body .form-wrapper form .form-div textarea::placeholder {
                color: rgba(255, 255, 255, 0.4); }
              @media only screen and (min-width: 768px) {
                body .contact-page > .mfa-container .page-body .form-wrapper form .form-div textarea {
                  height: 72px;
                  padding: 10px 14px; } }
              @media only screen and (min-width: 992px) {
                body .contact-page > .mfa-container .page-body .form-wrapper form .form-div textarea {
                  height: 120px;
                  padding: 16px 22px; } }
              body .contact-page > .mfa-container .page-body .form-wrapper form .form-div textarea:focus {
                outline: 0;
                border-color: #02a7aa;
                box-shadow: 0 0 4px #02a7aa;
                border-color: goldenrod;
                border-color: #02a7aa; }
          body .contact-page > .mfa-container .page-body .form-wrapper form input,
          body .contact-page > .mfa-container .page-body .form-wrapper form textarea,
          body .contact-page > .mfa-container .page-body .form-wrapper form button {
            font-family: 'Montserrat-Regular'; }
          body .contact-page > .mfa-container .page-body .form-wrapper form button {
            padding: 8px 16px;
            border: 0;
            outline: 0;
            background-color: #02a7aa;
            background-color: #f6be45;
            background-color: goldenrod;
            background-color: gray;
            color: #02a7aa;
            color: #272727;
            border-radius: 52px;
            transition: all 0.3s ease-out;
            cursor: pointer; }
            @media only screen and (min-width: 992px) {
              body .contact-page > .mfa-container .page-body .form-wrapper form button {
                padding: 10px 20px; } }
            @media only screen and (min-width: 1200px) {
              body .contact-page > .mfa-container .page-body .form-wrapper form button {
                padding: 12px 22px; } }
            body .contact-page > .mfa-container .page-body .form-wrapper form button:hover {
              background-color: #fff; }
            body .contact-page > .mfa-container .page-body .form-wrapper form button:focus {
              border: 0;
              outline: 0; }
    body .contact-page .map-wrapper {
      margin-top: 32px; }
      @media only screen and (min-width: 992px) {
        body .contact-page .map-wrapper {
          margin-top: 42px; } }
      @media only screen and (min-width: 1200px) {
        body .contact-page .map-wrapper {
          margin-top: 62px; } }
      body .contact-page .map-wrapper iframe {
        width: 100%;
        height: 300px; }
        @media only screen and (min-width: 992px) {
          body .contact-page .map-wrapper iframe {
            height: 420px; } }
        @media only screen and (min-width: 1200px) {
          body .contact-page .map-wrapper iframe {
            height: 480px; } }
  body .blogs-section {
    padding: 22px 0;
    display: grid; }
    @media only screen and (min-width: 992px) {
      body .blogs-section {
        padding-left: 32px 0; } }
    body .blogs-section .section-heading {
      display: grid;
      justify-content: start;
      margin-bottom: 12px; }
      @media only screen and (min-width: 992px) {
        body .blogs-section .section-heading {
          margin-bottom: 18px; } }
      @media only screen and (min-width: 1200px) {
        body .blogs-section .section-heading {
          margin-bottom: 24px; } }
      body .blogs-section .section-heading p {
        color: #151515;
        text-transform: uppercase;
        font-size: 30px;
        border-bottom: 2px solid #02a7aa;
        line-height: 1; }
        @media only screen and (min-width: 992px) {
          body .blogs-section .section-heading p {
            font-size: 40px; } }
        @media only screen and (min-width: 1200px) {
          body .blogs-section .section-heading p {
            font-size: 52px; } }
    body .blogs-section .section-body .main-ul {
      display: grid;
      grid-gap: 14px;
      grid-template-columns: 1fr 1fr; }
      @media only screen and (min-width: 768px) {
        body .blogs-section .section-body .main-ul {
          grid-gap: 42px; } }
      @media only screen and (min-width: 992px) {
        body .blogs-section .section-body .main-ul {
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 18px; } }
      body .blogs-section .section-body .main-ul li {
        display: grid; }
        body .blogs-section .section-body .main-ul li .blog-card {
          display: grid;
          background-color: #fff;
          position: relative;
          border-radius: 2px;
          transition: all 0.3s ease-out; }
          body .blogs-section .section-body .main-ul li .blog-card .img-div {
            display: grid;
            justify-items: center;
            overflow: hidden;
            height: 150px;
            padding: 8px;
            border: 1px solid #02a7aa; }
            @media only screen and (min-width: 375px) {
              body .blogs-section .section-body .main-ul li .blog-card .img-div {
                height: 180px;
                padding: 10px; } }
            @media only screen and (min-width: 768px) {
              body .blogs-section .section-body .main-ul li .blog-card .img-div {
                height: 280px; } }
            @media only screen and (min-width: 992px) {
              body .blogs-section .section-body .main-ul li .blog-card .img-div {
                height: 320px; } }
            body .blogs-section .section-body .main-ul li .blog-card .img-div img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 2px;
              transition: all 0.3s ease-out; }
          body .blogs-section .section-body .main-ul li .blog-card .blog-title {
            padding: 8px;
            z-index: 1;
            justify-content: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: 1;
            font-family: 'JF-Flat-regular';
            font-size: 14px;
            color: #151515;
            text-transform: uppercase;
            word-spacing: 2px;
            text-align: center;
            transition: all 0.3s ease-out; }
            @media only screen and (min-width: 992px) {
              body .blogs-section .section-body .main-ul li .blog-card .blog-title {
                padding: 20px; } }
            @media only screen and (min-width: 375px) {
              body .blogs-section .section-body .main-ul li .blog-card .blog-title {
                font-size: 16px; } }
            @media only screen and (min-width: 1200px) {
              body .blogs-section .section-body .main-ul li .blog-card .blog-title {
                font-size: 18px; } }
          body .blogs-section .section-body .main-ul li .blog-card:hover .img-div img {
            filter: grayscale(0.8);
            transform: scale(1.02); }
          body .blogs-section .section-body .main-ul li .blog-card:hover .blog-title {
            color: #02a7aa; }
  body .mfa-form-wrapper {
    background-color: #fefefe;
    border-top: 4px solid #02a7aa;
    border-radius: 8px;
    padding: 42px 0;
    padding-top: 32px;
    box-shadow: 0 18px 20px rgba(0, 0, 0, 0.1);
    display: grid;
    min-width: 92%;
    max-width: 480px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      body .mfa-form-wrapper {
        min-width: 400px; } }
    @media only screen and (min-width: 992px) {
      body .mfa-form-wrapper {
        min-width: 480px;
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .mfa-form-wrapper {
        padding: 62px 0; } }
    @media only screen and (min-width: 1600px) {
      body .mfa-form-wrapper {
        padding: 72px 0; } }
    body .mfa-form-wrapper .form-img {
      margin-bottom: 32px;
      display: grid;
      justify-items: center; }
      body .mfa-form-wrapper .form-img img {
        height: 120px; }
    body .mfa-form-wrapper .mfa-form {
      display: grid;
      justify-items: center;
      grid-gap: 16px;
      pointer-events: all; }
      @media only screen and (min-width: 992px) {
        body .mfa-form-wrapper .mfa-form {
          grid-gap: 20px; } }
      @media only screen and (min-width: 1200px) {
        body .mfa-form-wrapper .mfa-form {
          grid-gap: 24px; } }
      body .mfa-form-wrapper .mfa-form .form-div {
        display: grid;
        width: 92%; }
        @media only screen and (min-width: 992px) {
          body .mfa-form-wrapper .mfa-form .form-div {
            width: 75%; } }
        body .mfa-form-wrapper .mfa-form .form-div label {
          position: relative;
          display: grid;
          grid-template-columns: 1fr auto;
          align-items: center;
          margin: 0;
          border: 1px solid #eee;
          border-radius: 6px;
          cursor: text;
          cursor: default;
          transition: all 0.3s ease-out; }
          body .mfa-form-wrapper .mfa-form .form-div label span {
            position: absolute;
            top: 50%;
            left: 16px;
            transform: translateY(-50%);
            color: #9b9b9b;
            font-size: 12px;
            transition: all 0.2s ease-out;
            z-index: 1; }
            @media only screen and (min-width: 992px) {
              body .mfa-form-wrapper .mfa-form .form-div label span {
                font-size: 14px;
                left: 18px; } }
            @media only screen and (min-width: 1200px) {
              body .mfa-form-wrapper .mfa-form .form-div label span {
                left: 28px; } }
          body .mfa-form-wrapper .mfa-form .form-div label input,
          body .mfa-form-wrapper .mfa-form .form-div label select,
          body .mfa-form-wrapper .mfa-form .form-div label textarea {
            cursor: default;
            border: 0;
            background-color: transparent;
            height: 50px;
            transition: all 0.3s ease-out;
            padding: 0 16px;
            width: 100%; }
            @media only screen and (min-width: 992px) {
              body .mfa-form-wrapper .mfa-form .form-div label input,
              body .mfa-form-wrapper .mfa-form .form-div label select,
              body .mfa-form-wrapper .mfa-form .form-div label textarea {
                padding: 0 18px;
                height: 58px; } }
            @media only screen and (min-width: 1200px) {
              body .mfa-form-wrapper .mfa-form .form-div label input,
              body .mfa-form-wrapper .mfa-form .form-div label select,
              body .mfa-form-wrapper .mfa-form .form-div label textarea {
                padding: 0 24px; } }
            body .mfa-form-wrapper .mfa-form .form-div label input:focus,
            body .mfa-form-wrapper .mfa-form .form-div label select:focus,
            body .mfa-form-wrapper .mfa-form .form-div label textarea:focus {
              border: 0;
              outline: 0; }
          body .mfa-form-wrapper .mfa-form .form-div label textarea {
            height: 120px;
            padding-top: 8px;
            padding-bottom: 8px; }
          body .mfa-form-wrapper .mfa-form .form-div label select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none; }
          body .mfa-form-wrapper .mfa-form .form-div label i {
            color: #9b9b9b;
            font-size: 16px;
            transition: all 0.1s ease-out;
            transform: translate(-16px, 0);
            transition: all 0.3s ease-out; }
            @media only screen and (min-width: 992px) {
              body .mfa-form-wrapper .mfa-form .form-div label i {
                transform: translate(-20px, 0);
                font-size: 18px; } }
            @media only screen and (min-width: 1200px) {
              body .mfa-form-wrapper .mfa-form .form-div label i {
                transform: translate(-24px, 0); } }
          body .mfa-form-wrapper .mfa-form .form-div label.select-label {
            cursor: default; }
            body .mfa-form-wrapper .mfa-form .form-div label.select-label select {
              padding-right: 32px;
              position: relative;
              z-index: 2; }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.select-label select {
                  padding-right: 42px; } }
              @media only screen and (min-width: 1200px) {
                body .mfa-form-wrapper .mfa-form .form-div label.select-label select {
                  padding-right: 52px; } }
            body .mfa-form-wrapper .mfa-form .form-div label.select-label::after {
              position: absolute;
              content: '\ec3a';
              font-family: 'Linearicons';
              transition: all 0.3s ease-out;
              top: 50%;
              right: 16px;
              transform: translate(0, -50%);
              font-size: 16px;
              color: #9b9b9b;
              z-index: 1; }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.select-label::after {
                  font-size: 18px;
                  right: 24px; } }
          body .mfa-form-wrapper .mfa-form .form-div label.message-label span {
            top: 20%; }
          body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label {
            border-color: #02a7aa; }
            body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label span {
              top: 0;
              left: 12px;
              padding: 0 4px;
              background-color: #fefefe;
              font-size: 10px;
              color: #02a7aa; }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label span {
                  font-size: 12px; } }
            body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label i {
              color: #02a7aa;
              transform: translate(-16px, 0) scale(1.2); }
              @media only screen and (min-width: 992px) {
                body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label i {
                  transform: translate(-20px, 0) scale(1.2); } }
              @media only screen and (min-width: 1200px) {
                body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label i {
                  transform: translate(-24px, 0) scale(1.2); } }
            body .mfa-form-wrapper .mfa-form .form-div label.toggle-form-label.select-label::after {
              transform: translate(0, -50%) scale(1.2);
              color: #02a7aa; }
      body .mfa-form-wrapper .mfa-form button {
        border: 2px solid #02a7aa;
        color: #fff;
        border-radius: 42px;
        background-color: #02a7aa;
        padding: 5px 18px;
        margin-top: 18px;
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-out;
        font-family: 'Montserrat-Regular';
        cursor: pointer; }
        @media only screen and (min-width: 992px) {
          body .mfa-form-wrapper .mfa-form button {
            padding: 6px 20px;
            margin-top: 24px; } }
        @media only screen and (min-width: 1200px) {
          body .mfa-form-wrapper .mfa-form button {
            padding: 8px 26px;
            margin-top: 32px; } }
        body .mfa-form-wrapper .mfa-form button span {
          line-height: 1; }
        body .mfa-form-wrapper .mfa-form button:hover {
          background-color: transparent;
          color: #02a7aa; }
        body .mfa-form-wrapper .mfa-form button:focus {
          outline: 0; }
  body .gallery-section {
    padding: 32px 0;
    padding-bottom: 0; }
    @media only screen and (min-width: 992px) {
      body .gallery-section {
        padding: 42px 0;
        padding-bottom: 0; } }
    @media only screen and (min-width: 1200px) {
      body .gallery-section {
        padding: 72px 0;
        padding-bottom: 0; } }
    body .gallery-section .section-heading {
      margin-bottom: 18px; }
      @media only screen and (min-width: 992px) {
        body .gallery-section .section-heading {
          margin-bottom: 22px; } }
      body .gallery-section .section-heading p {
        text-align: center;
        font-size: 24px; }
        @media only screen and (min-width: 992px) {
          body .gallery-section .section-heading p {
            font-size: 28px; } }
        @media only screen and (min-width: 1200px) {
          body .gallery-section .section-heading p {
            font-size: 38px; } }
    body .gallery-section .gallery-filter-btns {
      display: grid;
      grid-template-columns: auto auto;
      justify-content: center;
      margin-bottom: 32px;
      grid-gap: 2px;
      cursor: pointer; }
      @media only screen and (min-width: 992px) {
        body .gallery-section .gallery-filter-btns {
          margin-bottom: 42px; } }
      body .gallery-section .gallery-filter-btns > div {
        padding: 8px 20px;
        background-color: #eee;
        border-radius: 2px;
        border: 1px solid transparent;
        transition: all 0.3s ease-out; }
        @media only screen and (min-width: 992px) {
          body .gallery-section .gallery-filter-btns > div {
            padding: 10px 28px; } }
        body .gallery-section .gallery-filter-btns > div:hover {
          border-color: rgba(0, 0, 0, 0.3); }
        body .gallery-section .gallery-filter-btns > div.active-filter-btn {
          background-color: #02a7aa;
          color: #fff; }
    body .gallery-section .gallery-layout {
      background-color: #fff;
      background-color: rgba(0, 0, 0, 0.1);
      display: grid;
      transition: all 0.3s ease-out; }
      body .gallery-section .gallery-layout .mfa-gallery {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: dense;
        grid-gap: 1px; }
        @media only screen and (min-width: 992px) {
          body .gallery-section .gallery-layout .mfa-gallery {
            grid-template-columns: repeat(3, 1fr); } }
        body .gallery-section .gallery-layout .mfa-gallery a {
          display: grid;
          align-items: stretch;
          position: relative;
          transition: all 0.3s ease-out;
          overflow: hidden; }
          body .gallery-section .gallery-layout .mfa-gallery a::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(2, 167, 170, 0.3);
            opacity: 0;
            visibility: hidden;
            transform: scale(0.5);
            border-radius: 22px;
            border-radius: 400px;
            z-index: 1;
            transition: all 0.3s ease-out; }
          body .gallery-section .gallery-layout .mfa-gallery a::after {
            content: '\ec22';
            font-family: 'linearicons';
            position: absolute;
            top: 50%;
            left: 50%;
            color: white;
            background-color: rgba(0, 0, 0, 0.4);
            background-color: rgba(2, 167, 170, 0.4);
            visibility: hidden;
            opacity: 0;
            font-size: 22px;
            transform: translate(-50%, 150px) scale(0);
            transition: all 0.3s ease-out 0.3s;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            display: grid;
            align-items: center;
            justify-items: center;
            z-index: 2; }
            @media only screen and (min-width: 992px) {
              body .gallery-section .gallery-layout .mfa-gallery a::after {
                font-size: 40px;
                width: 72px;
                height: 72px; } }
          body .gallery-section .gallery-layout .mfa-gallery a:hover::before {
            opacity: 1;
            visibility: visible;
            border-radius: 0;
            transform: scale(1); }
          body .gallery-section .gallery-layout .mfa-gallery a:hover::after {
            transform: translate(-50%, -50%) scale(1);
            visibility: visible;
            opacity: 1; }
          body .gallery-section .gallery-layout .mfa-gallery a:hover .img-div img {
            filter: grayscale(0) !important;
            transform: scale(1.2) rotate(4deg) !important; }
          body .gallery-section .gallery-layout .mfa-gallery a .img-div {
            display: grid;
            height: 250px;
            overflow: hidden; }
            @media only screen and (min-width: 992px) {
              body .gallery-section .gallery-layout .mfa-gallery a .img-div {
                height: 380px; } }
            @media only screen and (min-width: 1200px) {
              body .gallery-section .gallery-layout .mfa-gallery a .img-div {
                height: 440px; } }
          body .gallery-section .gallery-layout .mfa-gallery a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease-out; }
    body .gallery-section .gallery-layout {
      display: none; }
      body .gallery-section .gallery-layout.show-gallery-layout {
        animation: fade-layout 1s ease-out both;
        display: grid; }

@keyframes fade-layout {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9); }
  100% {
    opacity: 1;
    visibility: visible;
    transform: scale(1); } }
  body .gallery-page {
    min-height: 60vh;
    background-color: #f7f8fa;
    margin-top: 80px; }
    @media only screen and (min-width: 992px) {
      body .gallery-page {
        margin-top: 100px; } }
    body .gallery-page .gallery-section {
      padding: 32px 0; }
      @media only screen and (min-width: 992px) {
        body .gallery-page .gallery-section {
          padding: 42px 0; } }
      @media only screen and (min-width: 1200px) {
        body .gallery-page .gallery-section {
          padding: 72px 0; } }
      body .gallery-page .gallery-section .section-heading {
        margin-bottom: 18px; }
        @media only screen and (min-width: 992px) {
          body .gallery-page .gallery-section .section-heading {
            margin-bottom: 22px; } }
        body .gallery-page .gallery-section .section-heading p {
          text-align: center;
          font-size: 24px; }
          @media only screen and (min-width: 992px) {
            body .gallery-page .gallery-section .section-heading p {
              font-size: 28px; } }
          @media only screen and (min-width: 1200px) {
            body .gallery-page .gallery-section .section-heading p {
              font-size: 38px; } }
      body .gallery-page .gallery-section .gallery-layout {
        background-color: #fff;
        background-color: rgba(0, 0, 0, 0.1);
        display: grid;
        transition: all 0.3s ease-out; }
        body .gallery-page .gallery-section .gallery-layout .mfa-gallery {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-auto-flow: dense;
          grid-gap: 1px; }
          @media only screen and (min-width: 992px) {
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery {
              grid-template-columns: repeat(3, 1fr); } }
          body .gallery-page .gallery-section .gallery-layout .mfa-gallery a {
            display: grid;
            align-items: stretch;
            position: relative;
            transition: all 0.3s ease-out;
            overflow: hidden; }
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery a::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(2, 167, 170, 0.3);
              opacity: 0;
              visibility: hidden;
              transform: scale(0.5);
              border-radius: 22px;
              border-radius: 400px;
              z-index: 1;
              transition: all 0.3s ease-out; }
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery a::after {
              content: '\ec22';
              font-family: 'linearicons';
              position: absolute;
              top: 50%;
              left: 50%;
              color: white;
              background-color: rgba(0, 0, 0, 0.4);
              background-color: rgba(2, 167, 170, 0.4);
              visibility: hidden;
              opacity: 0;
              font-size: 22px;
              transform: translate(-50%, 150px) scale(0);
              transition: all 0.3s ease-out 0.3s;
              width: 42px;
              height: 42px;
              border-radius: 50%;
              display: grid;
              align-items: center;
              justify-items: center;
              z-index: 2; }
              @media only screen and (min-width: 992px) {
                body .gallery-page .gallery-section .gallery-layout .mfa-gallery a::after {
                  font-size: 40px;
                  width: 72px;
                  height: 72px; } }
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery a:hover::before {
              opacity: 1;
              visibility: visible;
              border-radius: 0;
              transform: scale(1); }
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery a:hover::after {
              transform: translate(-50%, -50%) scale(1);
              visibility: visible;
              opacity: 1; }
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery a:hover .img-div img {
              filter: grayscale(0) !important;
              transform: scale(1.2) rotate(4deg) !important; }
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery a .img-div {
              display: grid;
              height: 250px;
              overflow: hidden; }
              @media only screen and (min-width: 992px) {
                body .gallery-page .gallery-section .gallery-layout .mfa-gallery a .img-div {
                  height: 380px; } }
              @media only screen and (min-width: 1200px) {
                body .gallery-page .gallery-section .gallery-layout .mfa-gallery a .img-div {
                  height: 440px; } }
            body .gallery-page .gallery-section .gallery-layout .mfa-gallery a img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: all 0.4s ease-out; }
  body .blogs-page {
    margin-top: 80px;
    padding: 32px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 992px) {
      body .blogs-page {
        margin-top: 100px;
        padding: 52px 0; } }
    @media only screen and (min-width: 1200px) {
      body .blogs-page {
        padding: 62px 0; } }
  body .blog-page {
    margin-top: 80px;
    padding: 32px 0;
    background-color: #f7f8fa; }
    @media only screen and (min-width: 992px) {
      body .blog-page {
        padding: 52px 0;
        margin-top: 100px; } }
    @media only screen and (min-width: 1200px) {
      body .blog-page {
        padding: 62px 0; } }
    body .blog-page .blog-details-section {
      background-color: #fff; }
      body .blog-page .blog-details-section .img-div {
        width: 100%;
        height: 220px; }
        @media only screen and (min-width: 992px) {
          body .blog-page .blog-details-section .img-div {
            height: 420px; } }
        body .blog-page .blog-details-section .img-div img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.3s ease-out; }
      body .blog-page .blog-details-section .blog-text {
        padding: 18px; }
        @media only screen and (min-width: 992px) {
          body .blog-page .blog-details-section .blog-text {
            padding: 42px; } }
        @media only screen and (min-width: 1200px) {
          body .blog-page .blog-details-section .blog-text {
            padding: 62px; } }
        body .blog-page .blog-details-section .blog-text .title {
          margin-bottom: 12px; }
          body .blog-page .blog-details-section .blog-text .title p {
            color: #02a7aa;
            text-transform: capitalize;
            word-spacing: 2px;
            font-size: 18px; }
            @media only screen and (min-width: 992px) {
              body .blog-page .blog-details-section .blog-text .title p {
                font-size: 22px; } }
            @media only screen and (min-width: 1200px) {
              body .blog-page .blog-details-section .blog-text .title p {
                font-size: 32px; } }
        body .blog-page .blog-details-section .blog-text .description {
          color: #727272;
          line-height: 1.8;
          font-size: 14px; }
          @media only screen and (min-width: 992px) {
            body .blog-page .blog-details-section .blog-text .description {
              font-size: 16px; } }
          body .blog-page .blog-details-section .blog-text .description p {
            font-family: 'JF-Flat-regular'; }
    body .blog-page .blogs-section .section-body .main-ul li .blog-card {
      background-color: transparent; }
  body .testimonials-page {
    background-color: #f7f8fa;
    margin-top: 80px;
    padding: 32px 0; }
    @media only screen and (min-width: 992px) {
      body .testimonials-page {
        margin-top: 100px;
        padding: 42px 0; } }
    @media only screen and (min-width: 1200px) {
      body .testimonials-page {
        padding: 52px 0; } }
  body::-webkit-scrollbar {
    width: 8px; }
  body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f7f8fa;
    background-color: transparent; }
  body::-webkit-scrollbar-thumb {
    background: transparent;
    background-color: #41403f62;
    background-color: #41403f28;
    border-radius: 10px; }
  body:hover::-webkit-scrollbar-track {
    background-color: #f7f8fa; }
  body.toggle-body {
    overflow: hidden; }
  body.toggle-body-overflowY {
    overflow-y: hidden; }

.fake-header {
  background-color: #000;
  height: 52px; }
  @media only screen and (min-width: 992px) {
    .fake-header {
      height: 100px; } }

.swiper-wrapper {
  height: auto; }