@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

:root {
  /* colors */
  --primary-color: #364e52;
  --heading-color: #0c1e21;
  --secondary-color: #0c92db;
  --black: #000000;
  --black-02: #302c2a;
  --black-03: #364e52;
  --white: #ffffff;
  --red: #de3310;
  --extrlight-blue: #edf0ff;
  --light-blue: #d2e8f3;
  --gray: #d7d7d7;
  --gray-02: #ecf0f0;
  --gray-03: #c9d1d1;

  /* Font sizes */
  --font-size-12: 0.75;
  --font-size-14: 0.875em;
  --font-size-16: clamp(0.9375em, 0.925em + 0.0625vw, 1em);
  --font-size-18: clamp(1.0625em, 1.05em + 0.0625vw, 1.125em);
  --font-size-20: clamp(1.125em, 1.1em + 0.125vw, 1.25em);
  --font-size-24: clamp(1.25em, 1.2em + 0.25vw, 1.5em);
  --font-size-30: clamp(1.4375em, 1.35em + 0.4375vw, 1.875em);
  --font-size-36: clamp(1.5625em, 1.425em + 0.6875vw, 2.25em);
  --font-size-48: clamp(1.75em, 1.5em + 1.25vw, 3em);
  --font-size-60: clamp(2em, 1.65em + 1.75vw, 3.75em);
  --font-size-70: clamp(2.1875em, 1.75em + 2.1875vw, 4.375em);
  --font-size-72: clamp(2.375em, 1.95em + 2.125vw, 4.5em);
  --font-size-90: clamp(2.25em, 1.575em + 3.375vw, 5.625em);
  --font-size-100: clamp(2.375em, 1.6em + 3.875vw, 6.25em);

  /* Font weight */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold: 800;
  --fw-black: 900;

  --Mona: 'Mona Sans', sans-serif;

  --border-radius-10: clamp(0.3125rem, 0.2367rem + 0.3236vw, 0.625rem);
}

/* Common-css */
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  outline: none;
  border: none;
  position: relative;
  line-height: 1.2em;
  letter-spacing: 0.8px;
  user-select: none;
}

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

html {
  scroll-behavior: smooth;
}

body,
html {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 !important;
  margin: 0 !important;
}

body {
  background-color: var(--gray-02);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: var(--primary-color);
  min-width: 320px;
  font-family: var(--Mona) !important;
  /* overflow-x: hidden; */
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  border: none;
  box-shadow: none;
}

.rows {
  width: 100%;
}

.container,
section .e-con-inner {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
  padding: 0 4% !important;
}

.flex {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.align-end {
  align-items: flex-end;
}

.justify-end {
  justify-content: flex-end;
}

.justify-left {
  justify-content: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.align-self-start {
  align-self: flex-start;
}

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

.ws-nowrap {
  white-space: nowrap;
}

br {
  line-height: 0;
}

.capitalize {
  text-transform: capitalize;
}

.scrollToTop {
  bottom: 5.5em;
  z-index: 6;
  display: none;
  position: fixed;
  right: 20px;
  background: var(--black) url(../images/arw-up.png) no-repeat center center;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}

.cover.active {
  display: block;
}

.pageContent-section section {
  margin: 0;
}

.pageContent-section .vc_row {
  margin: 0;
}

.pageContent-section .wpb_wrapper img {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.pageContent-section div::after,
.pageContent-section div::before {
  display: none;
}


a {
  font-family: var(----Mona);
}

p {
  font-size: var(--font-size-18);
  line-height: 1.33em;
  font-family: var(----Mona);
  color: var(--primary-color);
  letter-spacing: 0.1px;
}

h1 {
  font-size: var(--font-size-90);
  font-weight: var(--fw-medium);
  line-height: 1.043em;
  color: var(--heading-color);
}

h2 {
  font-size: var(--font-size-60);
  font-weight: var(--fw-medium);
  line-height: 1em;
  color: var(--heading-color);
}

h3 {
  font-size: var(--font-size-36);
  font-weight: var(--fw-medium);
  line-height: 1.1em;
  color: var(--heading-color);
}

h4 {
  font-size: var(--font-size-30);
  font-weight: var(--fw-medium);
  line-height: 1em;
  color: var(--heading-color);
}

h5 {
  font-size: var(--font-size-24);
  font-weight: var(--fw-bold);
  line-height: 1em;
  color: var(--heading-color);
}

h6 {
  font-size: var(--font-size-18);
  font-weight: var(--fw-bold);
  line-height: 1em;
  color: var(--heading-color);
}

/*Button*/
.btn-primary {
  width: auto !important;

  a {
    font-size: var(--font-size-18);
    font-weight: var(--fw-semi-bold);
    border-radius: 2em;
    padding: 0.25em 0.25em 0.25em 1.25em;
    background-color: var(--secondary-color) !important;
    transition: all 0.3s ease-in-out;

    .elementor-button-content-wrapper {
      align-items: center !important;
      gap: 0.625rem !important;
    }

    svg {
      transition: all 0.3s ease-in-out;
      width: 2.625em !important;
    }
  }

  &:hover {
    a {
      color: var(--black);

      /* span{
        transform: translateY(-30px);
      } */
      svg {
        transform: rotate(45deg);
      }
    }
  }
}

.btn-primary02 {
  width: auto !important;
  font-size: var(--font-size-18);
  font-weight: var(--fw-semi-bold);
  border-radius: 2em;
  padding: 0.875em 1.25em;
  background-color: var(--secondary-color);
  transition: all 0.3s ease-in-out;
  color: var(--white);
  cursor: pointer;

  &:hover {
    color: var(--black);
  }
}

/*Button*/

/*Form*/
.input_item {
  color: var(--primary-color);
  border: none !important;
  width: 100%;
  font-size: var(--font-size-16);
  resize: none;
  background-color: transparent;
  padding: 0.25em 0 !important;
  display: block;
  font-weight: var(--fw-normal);
  font-family: var(----Mona);
  height: auto !important;
  box-shadow: none !important;
}

textarea {
  height: 5rem;
  resize: none;
}

::placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
  color: var(--primary-color);
  font-weight: var(--fw-normal);
  opacity: 1;
  font-size: var(--font-size-16);
}

.wpcf7-form-control-wrap {
  display: inline-block !important;
  width: 100% !important;
}

div.wpcf7 {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

/*Form*/

#page {
  width: 100%;
}


/*Header*/
header {
  width: 100%;
  padding: 1em 0 !important;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 0.5s ease-in-out;

  .container {
    max-width: 1600px;
  }

  .header {
    padding: 0;
    top: 1em;

    .logo {
      width: auto !important;

      img {
        max-width: 6.25rem;
      }
    }

    .elementor-widget-navigation-menu {
      background-color: var(--secondary-color);
      border-radius: 10px;


      svg path {
        stroke: var(--white);
      }

      nav {
        position: fixed !important;
        left: initial !important;
        top: 0;
        right: -150%;
        width: 100%;
        z-index: 999;
        opacity: 1 !important;
        visibility: visible !important;
        height: 100% !important;
        align-items: flex-start;
        padding: 3rem 1rem 1rem;
        max-width: 320px;
        background-color: var(--white);
        transition: all 0.5s ease-in-out;

        &::before {
          content: "";
          width: 42px;
          height: 42px;
          cursor: pointer;
          background: var(--secondary-color) url(../images/close.png) no-repeat center;
          background-size: auto;
          position: absolute;
          right: 1em;
          top: 1em;
        }

        &.active {
          right: 0;
        }
      }

      .hfe-nav-menu {
        visibility: visible !important;
        opacity: 1 !important;
        align-items: flex-start;
        gap: 0;
        height: auto !important;

        .hfe-nav-menu__toggle {
          display: none;
        }

        .menu-item {
          a {
            font-weight: var(--fw-medium);
            color: var(--primary-color);

            .hfe-menu-toggle {
              margin-top: -8px;
            }

            &:hover {
              color: var(--secondary-color);
            }

          }


          &.current-menu-item {
            >a {
              color: var(--secondary-color);
            }

            .hfe-has-submenu-container {
              >a {
                color: var(--secondary-color);
              }
            }
          }

          &.current_page_parent .hfe-has-submenu-container {
            a {
              color: var(--secondary-color);
            }
          }
        }


      }

      &.active::after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
      }
    }

    .ham_menu {
      width: 45px !important;
      height: 45px;
      padding: 12px;
      background: var(--secondary-color);
      border-radius: 7px;
      gap: 6px;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      cursor: pointer;

      span {
        display: block;
        width: 15px;
        height: 2px;
        background-color: var(--white);
        border-radius: 10px;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;

        &:first-child,
        &:last-child {
          width: 22px;
        }
      }
    }
  }

  &.sticky {
    top: 0 !important;
    background-color: var(--white);
    position: fixed !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

    .header {
      top: 0;
    }
  }
}

/* .home {
  header {
    top: 1em;
  }
} */

/*Header*/

/*Footer*/
.footer {
  padding: 0;
  overflow: hidden;

  .footer_wrapper {
    border-radius: 10px;
    background-color: var(--secondary-color);

    padding-top: clamp(1.5625rem, 1rem + 2.8125vw, 4.375rem);

    .logo {
      img {
        max-width: 100px;
        z-index: 2;
      }

      /* &:after {
        content: "";
        position: absolute;
        bottom: 0;
        inset-inline-start: -50px;
        width: clamp(9.375rem, 6.725rem + 13.25vw, 22.625rem);
        height: clamp(9.375rem, 6.725rem + 13.25vw, 22.625rem);
        opacity: 1;
        border-radius: 50%;
        background: #9ac9e2;
        -webkit-filter: blur(110px);
        filter: blur(110px);
        z-index: 1;
      } */
    }

    .col_wrapper {
      padding: 0 0 clamp(1.5625rem, 1rem + 2.8125vw, 4.375rem) 0;
      z-index: 2;

      .col {
        padding: 0;

        h5 {
          color: var(--white);
        }

        .hfe-nav-menu__align-left {
          width: 100%;

          .hfe-nav-menu {
            .hfe-nav-menu__toggle {
              display: none;
            }

            nav {
              visibility: visible;
              opacity: 1;
              height: 100%;
              background-color: transparent;

              ul {
                position: relative;

                li {
                  border: 0;

                  a {
                    background-color: transparent;
                    color: var(--white);
                    padding: 0;
                    padding-bottom: 0.875em;
                    display: inline-block;
                    width: auto;

                    &:hover {
                      color: var(--primary-color);
                    }
                  }
                }
              }
            }
          }
        }

        .elementor-widget-text-editor {
          p {
            color: var(--white);
            line-height: 1.5em;

            br {
              display: none;
            }
          }

          a {
            color: var(--white);
            font-weight: var(--fw-medium);
            margin-bottom: 0.25em;
            display: inline-block;

            &:hover {
              color: var(--primary-color);
            }
          }
        }
      }
    }

    .bottom_panel {
      border-top: 1px solid var(--extrlight-blue);
      padding: 1.25em 0 1em 0;

      p {
        color: var(--white);
      }
    }
  }
}

/*Footer*/

/*Home*/
.home_banner_wrapper {
  padding: 0;
  transition: none !important;

  .banner_wrapper {
    background: var(--light-blue) url(../images/bg-01.png) no-repeat left top;
    background-size: contain;
    border-radius: 10px;
    padding: clamp(6.25rem, 5.7292rem + 2.6042vw, 7.8125rem) 0 0 0;
    /* padding: clamp(6.25rem, 5.7292rem + 2.6042vw, 7.8125rem) 0 clamp(3.125rem, 1.5625rem + 7.8125vw, 9.375rem) 0; */
    flex-wrap: wrap;
  }

  .home_banner {
    overflow: hidden;

    .e-con-inner {
      position: static !important;
      flex-wrap: wrap;
    }

    .col_left {
      order: 2;
      z-index: 3;

      p {
        border-top: 1px solid var(--gray-03);
        padding-top: 1em;
        color: var(--heading-color);
        line-height: 1.5em;

        &::before {
          content: "";
          width: 32px;
          height: 3px;
          background-color: var(--secondary-color);
          position: absolute;
          top: -1.5px;
          left: 0;
        }
      }

      .circle_wrap {
        max-width: 200px;
        background-color: var(--white);
        border-radius: 50%;
        padding: 1em;
        margin-top: 1em;

        img {
          -webkit-animation: textrotate 20s infinite linear;
          animation: textrotate 20s infinite linear;
        }

        &::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) rotate(10deg);
          -webkit-transform: translate(-50%, -50%) rotate(10deg);
          background: url(../images/search.svg);
          width: 3.5em;
          height: 3.5em;
          background-size: contain;
        }
      }
    }

    .col_right {
      order: 1;
      z-index: 1;

      h1 {
        line-height: 1.1em;
        color: var(--heading-color);
      }

      .btn_wrapper {
        .btn-primary {
          order: 2;
        }

        .text_col {
          order: 1;

          p {
            color: var(--heading-color);
            line-height: 1.5em;
          }
        }
      }
    }

  }

  .anim_image {
    width: 100% !important;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    will-change: transform;
    transition: transform 0.1 ease;

    /* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    clip-path: circle(0% at 50% 50%); */

    img {
      border-radius: 10px;
      max-height: 700px;
      object-fit: cover;
      object-position: top;
    }

    &:after {
      content: "";
      background: rgba(210, 232, 243, 0.25);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
    }
  }
}

.services_panel {
  padding: clamp(2.8125rem, 1.9531rem + 4.2969vw, 6.25rem) 0;

  .top_wrap {
    .main_cont_wrapper {
      width: auto !important;
    }
  }

  .services_box_wrapper {
    padding: clamp(1.125rem, 0.9028rem + 1.1111vw, 1.875rem) 0 0 0;
    display: block !important;
    width: 100%;

    .swiper-slide {
      height: auto !important;
      display: flex !important;
      align-items: stretch !important;

      .count_label {
        position: absolute;
        top: 0;
        right: 0;
        background: var(--gray-02);
        color: var(--primary-color);
        font-weight: var(--fw-semi-bold);
        font-size: var(--font-size-18);
        padding: 1em;
        z-index: 1;
        border-bottom-left-radius: 8px;
      }
    }

    .swiper-wrapper {
      align-items: stretch !important;
    }

  }
}

.swiper {

  .services-pagination,
  .feedback-pagination {
    position: relative !important;
    inset: 0 !important;
    margin-top: clamp(1.5625rem, 1.1719rem + 1.9531vw, 3.125rem);

    .swiper-pagination-bullet {
      width: 12px;
      height: 8px;
      background-color: var(--secondary-color);
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      border-radius: 5px;
    }

    .swiper-pagination-bullet-active {
      width: 64px;
      opacity: 1;
    }
  }
}

.main_cont_wrapper {
  padding: 0 !important;

  .elementor-widget-heading {
    span {
      font-size: var(--font-size-16);
      font-weight: var(--fw-bold);
      color: var(--secondary-color);
      text-transform: uppercase;
      letter-spacing: 1.4px;
    }

    h2 {
      font-size: var(--font-size-48);
    }
  }
}

.services_box {
  padding: clamp(1.25rem, 1.0417rem + 1.0417vw, 1.875rem);
  background-color: var(--white);
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100% !important;
  min-width: 100% !important;

  .elementor-widget-container {
    height: 100%;

    .hfe-infocard {
      height: 100%;

      .hfe-icon-wrap {
        .hfe-icon {
          width: clamp(3.75rem, 3.125rem + 3.125vw, 5.625rem) !important;
          height: clamp(3.75rem, 3.125rem + 3.125vw, 5.625rem) !important;
          background: linear-gradient(-45deg, rgba(12, 144, 216, 0.3) 0%, rgba(12, 144, 216, 0) 50%, rgba(12, 144, 216, 0.3) 100%);
          border-radius: 50% !important;
          border: 1px solid rgba(12, 144, 216, 0.15);
          display: flex !important;
          justify-content: center;
          align-items: center;

          svg {
            fill: none !important;
            width: 50px !important;

            path {
              &:not(:first-child) {
                stroke: var(--secondary-color);
              }
            }
          }
        }
      }

      .hfe-infocard-title-wrap {
        h3 {
          font-size: var(--font-size-24);
          font-weight: var(--fw-semi-bold);
          margin-top: 2em !important;
          margin-bottom: 1em !important;
          line-height: 1.33em;
          max-width: 12em;
        }
      }

      .hfe-infocard-text-wrap {
        position: static;

        .hfe-infocard-text {
          color: var(--black-03);
          font-size: var(--font-size-16);
          margin-bottom: 4em !important;
          line-height: 1.5em;
        }

        .hfe-button-wrapper {
          position: absolute;
          bottom: 0;
          left: 0;

          a {
            background-color: transparent;
            display: inline-block;
            padding: 0 !important;
            width: 35px;
            height: 35px;
            transition: transform 0.3s ease;
            background-size: contain;
            color: var(--primary-color);
            font-size: var(--font-size-16);
            font-weight: var(--fw-semi-bold);
            background-repeat: no-repeat;
            overflow: hidden;

          }
        }
      }
    }
  }


  &:hover {
    background-color: var(--secondary-color);

    .hfe-infocard {
      .hfe-icon-wrap {
        .hfe-icon {
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%);
          backdrop-filter: blur(15px);

          svg {
            path {
              &:not(:first-child) {
                stroke: var(--white);
              }
            }
          }
        }
      }

      .hfe-infocard-title-wrap {
        h3 {
          color: var(--white);
        }
      }

      .hfe-infocard-text-wrap {
        .hfe-infocard-text {
          color: var(--white);
        }

        .hfe-button-wrapper {
          a {

            transform: rotate(45deg);
          }
        }
      }
    }
  }
}

.qtisco_marquee_panel {
  padding: 0 1em;

  .swiper {
    padding: 2em 0;
    background-color: var(--secondary-color);
    border-radius: 10px;
    overflow: hidden;

    .swiper-wrapper {
      transition-timing-function: linear !important;
    }

    .swiper-slide {
      white-space: nowrap;
      width: auto;
    }
  }

  h2 {
    font-size: clamp(3.125rem, 1.7813rem + 6.7188vw, 8.5rem);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px var(--white);
    font-weight: var(--fw-semi-bold);
    line-height: 1.2;
  }

  .seprator {
    font-size: clamp(3.125rem, 1.7813rem + 6.7188vw, 8.5rem);
    -webkit-text-fill-color: transparent;
    /* -webkit-text-fill-color: var(--white); */
    /* fill white */
    -webkit-text-stroke: 2px var(--white);
    /* stroke white */
    font-weight: var(--fw-semi-bold);
    line-height: 1.2;
    color: var(--white);
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 102%;
  }

}


.about_company {
  padding: clamp(2.8125rem, 1.9531rem + 4.2969vw, 6.25rem) 0;

  .img_box {
    order: 2;

    img {
      border-radius: 10px;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .col_cont {
    padding: 0;

    .about_wrapper {
      padding: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem) 0 0 0;

      .col {
        padding: 1.5625em 1.25em;
        border-radius: 12px;
        background-color: var(--white);

        h4 {
          font-weight: var(--fw-semi-bold);
          font-size: var(--font-size-24);
        }

        p {
          font-size: var(--font-size-16);
          line-height: 1.5em;
        }
      }
    }
  }
}

.client_feedback {
  padding: clamp(2.8125rem, 1.9531rem + 4.2969vw, 6.25rem) 0;

  .main_cont_wrapper {
    h2 {
      max-width: 12em;
    }
  }

  .feedback_wrapper {
    margin-top: clamp(1.375rem, 1.0938rem + 1.4063vw, 2.5rem);
  }
}

.feedback_box {
  width: 100% !important;
  background-color: var(--white);
  border-radius: 10px;
  padding: clamp(1.5625rem, 1.4063rem + 0.7813vw, 2.1875rem) clamp(1.125rem, 0.9688rem + 0.7813vw, 1.75rem);

  .elementor-testimonial-wrapper {
    &::before {
      content: "”";
      font-size: 6em;
      color: var(--secondary-color);
      margin-bottom: 0.125em;
      display: block;
      line-height: 1em;
      height: 0.5em;
    }
  }

  .elementor-testimonial-content {
    font-size: var(--font-size-18);
    color: var(--primary-color) !important;
    line-height: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid var(--gray-03);
    margin-bottom: 1.5em;
  }

  .elementor-testimonial-meta-inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    column-gap: 1em;

    .elementor-testimonial-image {
      width: auto;
      margin-block-end: 0 !important;

      img {
        max-width: 60px;
      }
    }

    .elementor-testimonial-details {
      width: 74%;

      .elementor-testimonial-name {
        color: var(--primary-color) !important;
        font-size: var(--font-size-20);
        line-height: 1.2em;
      }

      .elementor-testimonial-job {
        color: var(--primary-color) !important;
      }
    }
  }
}

/*Home*/

/*Common Banner*/
.common_banner {
  padding: 0 !important;

  .cmnbanner_wraper {
    filter: blur(0.5);

    h1 {
      padding: 0 1em;
    }

    &::before {
      background-color: var(--black);
      opacity: 0.2 !important;
    }
  }
}

.breadcrumbs {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  padding: 0.5em 0.75em;
  font-size: clamp(0.625rem, 0.5313rem + 0.4688vw, 1rem);

  a {
    color: #a9b8b8;
    display: flex;
    align-items: center;
    column-gap: 0.35rem;
    font-weight: var(--fw-medium);

    &:hover {
      color: var(--white);
    }
  }

  img {
    width: 25px;
    display: inline-block;
  }

  span {
    color: var(--white);
    display: flex;
    align-items: center;

    img {
      transform: translateY(2px);
    }
  }

  svg {
    width: 1.5em;
    height: 1.5em;
    /* path{
			fill: var(--secondary-color);
		} */
  }

  nav {
    ul {
      display: flex;
      align-items: center;

      li {
        margin-right: 0 !important;
      }
    }
  }
}

/*Common Banner*/

/*Contact Us*/
.reach_out {
  padding: clamp(2.8125rem, 1.9531rem + 4.2969vw, 6.25rem) 0;

  .contact_card {
    .hfe-infocard {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;

      .hfe-icon-wrap {
        width: clamp(3.4375rem, 2.9219rem + 2.5781vw, 5.5rem);
        height: clamp(3.4375rem, 2.9219rem + 2.5781vw, 5.5rem);
        border-radius: 50%;
        background-color: var(--light-blue);
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: clamp(1.25rem, 1.1719rem + 0.3906vw, 1.5625rem);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;

        svg {
          transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          fill: var(--secondary-color) !important;
        }
      }

      h3 {
        font-size: var(--font-size-24);
        font-weight: var(--fw-semi-bold);
        margin-bottom: 1em !important;
      }

      a,
      .hfe-infocard-text {
        color: var(--primary-color);
        font-size: var(--font-size-18);
        line-height: 1.5em;
      }

      a:hover {
        color: var(--secondary-color);
      }

      .hfe-infocard-cta-link-style {
        margin-top: 0;
      }
    }

    &.no_text {
      .hfe-infocard-text {
        display: none !important;
      }
    }

    &:hover {
      .hfe-infocard {
        .hfe-icon-wrap {
          background-color: var(--secondary-color);

          svg,
          path {
            fill: var(--light-blue) !important;
          }
        }
      }
    }
  }
}

.get_in_panel {
  padding: 0 0 clamp(2.8125rem, 1.9531rem + 4.2969vw, 6.25rem) 0;

  h4 {
    font-size: var(--font-size-36);
    margin-bottom: 1em;
  }

  .get_in_touch_panel {
    .col {
      .input_field {
        color: #67787a;
        border-bottom: 1px dotted #c9d1d1;

        &::placeholder,
        &::-webkit-input-placeholder {
          color: #67787a;
        }

        &:focus {
          border-color: var(--primary-color);
        }
      }
    }
  }
}

/*Contact Us*/

/*Services*/
.services_section {
  padding-bottom: clamp(3.125rem, 2.3438rem + 3.9063vw, 6.25rem);
}

.services_wrapper {
  padding: clamp(2.8125rem, 1.9531rem + 4.2969vw, 6.25rem) 0;
}

.map_panel {
  .form_sec {
    margin-top: clamp(1.5625rem, 1.25rem + 1.5625vw, 2.5rem);
  }

  .form_wrapper {
    backdrop-filter: blur(6px);

    .elementor-widget-text-editor p {
      color: var(--white);
      font-weight: var(--fw-bold);
      letter-spacing: 1.4px;
      text-transform: uppercase;
    }
  }

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

    .location_wrapper {

      .location-indicator {
        width: 19px;
        height: 19px;
        background-color: var(--white);
        border-radius: 50%;
        position: absolute;
        cursor: pointer;
        z-index: 1;

        &::after {
          content: "";
          background: rgba(255, 255, 255, 0.1);
          width: 100%;
          height: 100%;
          z-index: -2;
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          border-radius: 50%;
          -webkit-animation: pulse 1.6s linear infinite;
          animation: pulse 1.6s linear infinite;
        }
      }
    }
  }
}

.services_details {
  padding: clamp(2.8125rem, 1.9531rem + 4.2969vw, 6.25rem) 0;

  .service_banner_img {
    width: 100%;

    img {
      width: 100%;
      object-fit: cover;
    }
  }

  ul {
    li {
      font-size: var(--font-size-18);
      color: var(--primary-color);

      &:not(:last-child) {
        margin-bottom: 0.725em;
      }
    }
  }

}


.aside_wrapper {
  &.act {
    position: sticky !important;
    top: 0;
    /* right: calc((100vw - 1320px) / 2); */
    z-index: 1;

    /* max-width: 396px !important; */
  }
}

.services_aside {
  padding: clamp(1.125rem, 0.9375rem + 0.9375vw, 1.875rem);
  border-radius: 1em;
  background-color: #d2e8f3;

  h5 {
    margin-bottom: 1.35em;
  }

  ul {
    display: flex;
    flex-direction: column;
    row-gap: 0.35em;

    li {
      width: 100%;

      a {
        padding: 1.25rem 1rem;
        font-size: var(--font-size-16);
        background-color: var(--white);
        color: var(--primary-color);
        font-weight: var(--fw-semi-bold);
        border-radius: 10px;
        display: block;
      }

      &.active,
      &:hover {
        a {
          background-color: var(--secondary-color);
          color: var(--white);
        }
      }
    }
  }
}


/*Services*/

/*Contact Form*/
.get_in_touch_panel {
  row-gap: clamp(1.25rem, 1.0613rem + 0.9434vw, 1.875rem);
  justify-content: space-between;

  .col {
    width: 100%;

    .input_field {
      width: 100%;
      background-color: transparent;
      padding: 0 0 0.5em 0;
      font-size: var(--font-size-18);
      color: #a9b8b8;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);

      &::placeholder,
      &::-webkit-input-placeholder {
        color: #a9b8b8;
      }

      &:focus {
        border-color: var(--white);
      }
    }

    &.full_width {
      width: 100%;
    }
  }

  .btn_wrapper {
    margin-top: 1em;
  }
}

/*Contact Form*/

/*Management*/
.managemeny_panel {
  padding: clamp(3.125rem, 2.3438rem + 3.9063vw, 6.25rem) 0;

  h2 {
    text-align: center;
  }

  .management_wrapper {
    row-gap: clamp(1.5625rem, 1.3281rem + 1.1719vw, 2.5rem);
    margin-top: clamp(1.5625rem, 1.3281rem + 1.1719vw, 2.5rem);
  }
}

.team_card {
  row-gap: 0.5em;

  .elementor-widget-image {
    background: var(--white);
    border-radius: 10px;

    img {
      border-radius: 10px;
    }
  }

  h5 {
    font-size: var(--font-size-20);
    margin-top: 0.25em;
    margin-top: 0.875em;
  }

  .elementor-widget-text-editor {
    p {
      font-size: 0.875em;
    }
  }
}

/*Management*/
@media screen and (min-width:640px) {

  /*Home*/
  .home_banner_wrapper {
    padding: 1em 1em 0 1em;
  }

  /*Home*/
  /*Footer*/
  .footer {
    padding: 1em;
  }

  /*Footer*/
}

@media screen and (min-width:768px) {

  /*home*/
  .about_company {
    .img_box {
      order: 1;
      width: 41% !important;
    }

    .col_cont {
      order: 2;
      width: 52% !important;

      .main_cont_wrapper {
        margin-bottom: 1em;
      }
    }
  }

  /*home*/

  /*Contact Form*/
  .get_in_touch_panel {
    .col {
      width: 48%;
    }
  }

  /*Contact Form*/

  .large_list {
    columns: 2;
    column-gap: 3em;
    row-gap: 0.5rem;
  }
}

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .home_banner_wrapper {
    .home_banner {
      .col_left {
        flex: 1;
        order: 1;
      }

      .col_right {
        flex: 2;
        order: 2;

        .btn_wrapper {
          .btn-primary {
            width: auto !important;
          }
        }
      }

    }
  }
}

@media screen and (min-width:980px) {

  /*Services*/
  .services_wrapper {
    .services_box {
      width: 48.8% !important;
      min-width: initial !important;
    }
  }

  /*Services*/
}

@media screen and (min-width:1025px) {

  .container,
  section .e-con-inner {
    padding: 0 !important;
    width: 96% !important;
  }

  /*Header*/
  header {
    .container {
      padding: 0 !important;
    }

    .header {
      .elementor-widget-navigation-menu {
        width: auto !important;
        background-color: transparent;

        nav {
          position: relative !important;
          inset: 0 !important;
          padding: 0;
          max-width: 100%;
          background-color: transparent;

          &::before {
            display: none;
          }
        }

        .hfe-nav-menu {
          margin: 0;
          background-color: var(--white);
          border-radius: 30px;
          padding: 0 1.5em;

          .menu-item-has-children {

            .sub-menu {
              width: 300px;
              border-radius: 10px;
              transition: all 0.3s ease;
              top: 102%;

              li {
                border-width: 1px;

                a {
                  line-height: 1.5em;
                }

                &:first-child {
                  border-top-left-radius: 10px;
                  border-top-right-radius: 10px;
                  padding-top: 0.5em;
                }

                &:last-child {
                  border-bottom-left-radius: 10px;
                  border-bottom-right-radius: 10px;
                  padding-bottom: 1em;
                }
              }
            }

          }
        }
      }

      .ham_menu {
        display: none;
      }
    }
  }

  /*Header*/

  /*Footer*/
  .footer {
    & .footer_wrapper {
      & .logo {
        img {
          max-width: 150px;
        }
      }
    }
  }

  /*Footer*/

  /*Home*/
  .home_banner_wrapper {
    .home_banner {
      .col_left {
        order: 1;

        .circle_wrap {
          transform: initial;
        }
      }

      .col_right {
        order: 2;

        .btn_wrapper {
          .elementor-widget-button {
            width: auto !important;
          }

          .btn-primary {
            order: 1;
          }

          .text_col {
            order: 2;
          }
        }
      }

    }
  }

  .about_company {

    .col_cont {
      .about_wrapper {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;

        .col {
          width: 48%;
        }
      }
    }
  }

  /*Home*/


  /*Services*/
  .map_panel {
    .form_wrapper {
      max-width: 650px;
    }
  }

  .services_details {

    .details_wrapper {
      max-width: 870px;
    }
  }

  .parent-pageid-11 {
    .services_details .e-con-inner {
      overflow: visible !important;
      transform: none !important;
      flex-direction: row;
      align-items: flex-start;
    }
  }

  .common_banner {
    padding: 1em !important;
  }

  /*Services*/

  /*Management*/
  .managemeny_panel {
    .management_wrapper {
      .team_card {
        width: 32%;
      }
    }
  }

  /*Management*/
}


@media screen and (min-width: 1280px) {

  /*Services*/
  .services_wrapper {
    .services_box {
      width: 32.3% !important;
    }
  }

  /*Services*/

  /*Management*/
  .managemeny_panel {
    .management_wrapper {
      .team_card {
        width: 24%;
      }
    }
  }

  /*Management*/
}


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

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

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
  }
}