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

/* ------------------------------------------------- Footer ------------------------------------------------- */
.site__footer {
  .site__footer--topbar {
    background-color: var(--e-global-color-a5c542a);
    padding: 30px 0;

    .site__footer--menu ul {
      display: flex;
      gap: 30px;
      list-style-type: none;
      padding: 0;

      .menu-item {
        a {
          color: var(--e-global-color-primary);

          &:hover {
            opacity: 0.7;
          }
        }
      }
    }

    .site__footer--item-content {
      .social__icons {
        color: var(--e-global-color-primary);

        &:hover {
          opacity: 0.7;
        }

        i {
          font-size: 30px;
          line-height: 1;
        }
      }
    }
  }

  .site__footer--main {
    /*     background-color: var(--e-global-color-primary); */
/*     background: #f5f3f3; */
	background: #e9f6ff;
    padding: 80px 0 24px;

    .site__footer--logo {
      img {
        max-width: 92%;
        border-radius: 12px;
      }
    }

    .site__footer--content {
      .site__footer--content-desc,
      .site__footer--item {
        color: var(--e-global-color-ecd9491);
      }

      .site__footer--content-title,
      .site__footer--item-title {
        font-size: 20px;
        line-height: 28px;
        color: var(--e-global-color-a5c542a);
        font-weight: 600;
      }

      .site__footer--info-list {
        .site__footer--info-list-item a {
          color: var(--e-global-color-ecd9491);

          &:hover {
            color: var(--e-global-color-a5c542a);

            i {
              color: var(--e-global-color-ecd9491);
            }
          }
        }
      }

      .site__footer--item-content {
        font-weight: 300;
        font-size: 16px;
      }
    }
  }

  .bottom__bar {
    color: var(--e-global-color-ecd9491);
    border-top: 1px solid #3333334a;

    p {
      font-size: 14px;
      line-height: 16px;
    }
  }
}

/* ------------------------------------------------- Header ------------------------------------------------- */
body:has(.site__menu--toggle:not([aria-expanded="false"])) {
  height: 100dvh;
  /* height: 100dvh; */
  overflow: hidden;
  position: relative;

  &::before {
    content: "";
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #00000090;
    z-index: 19;
  }
}

/* html:has(.site__menu--toggle:not([aria-expanded="false"])) {
  overflow: hidden;
} */

.site__header {
  background-color: var(--e-global-color-primary);
  box-shadow: 1px 1px 6px -4px #000;
  /* position: sticky;
  top: 48px; */
  position: relative;
  z-index: 99;
  width: 100%;
  /* transition: all 0.2s ease-in-out; */

  &.header-sticky {
    top: 0;
    position: fixed;
  }

  .navbar {
    padding: 16px 0;

    .site__header--logo {
      width: 77px;
      img {
        width: 100%;
        height: 70px;
        object-fit: contain;
        border-radius: 12px;
      }
    }

    .site__menu--toggle {
      background-color: transparent;
      border: none;
      padding: 0;

      .navbar-toggler-icon {
        width: 40px;
        height: 30px;
      }

      &[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url("../images/close-icon.svg");
      }

      &[aria-expanded="false"] .navbar-toggler-icon {
        background-image: url("../images/menu-toggle-icon.svg");
      }

      &:focus,
      &:hover {
        background-color: transparent;
        border: none;
        outline: none;
        box-shadow: none;
      }
    }

    .site__header--menu {
      .menu {
        display: flex;
        list-style-type: none;
        gap: 40px;
        font-size: 16px;
        padding: 0;

        .current-menu-item {
          a {
            color: var(--e-global-color-a5c542a) !important;
          }
        }
      }
    }
  }
}

.site__footer,
.site__header {
  .menu-item {
    overflow: hidden;
    position: relative;

    a {
      cursor: pointer;
      color: var(--e-global-color-ecd9491);
      display: block;
      -webkit-transition: -webkit-transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      transition: transform 0.4s;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      font-weight: 500;

      &::after {
        content: attr(data-hover);
        display: inline-block;
        position: absolute;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 100%;
        left: 0;
        top: -100%;
      }

      &:hover {
        color: var(--e-global-color-a5c542a);
        font-weight: 500;
      }
    }

    &:hover a {
      -webkit-transform: translateY(100%);
      -moz-transform: translate Y(100%);
      transform: translateY(100%);
    }
  }
}

.top-bar {
  background-color: var(--e-global-color-a5c542a);
  padding: 10px 0px;

  .top-bar__card {
    .top-bar__list {
      padding: 0px;
      list-style-type: none;
      display: flex;
      flex-direction: row;
      justify-content: center;
      column-gap: 30px;
      row-gap: 6px;
      align-items: center;
      flex-wrap: wrap;

      .top-bar__item {
        display: flex;
        overflow: hidden;
        /*         position: relative; */
        gap: 7px;
        i {
          color: #fff;
          display: flex;
          align-items: center;
          font-size: 14px;
        }

        .top-bar__link {
          color: var(--e-global-color-primary);
          font-size: 14px;
          line-height: 20px;
          font-weight: 400;
          font-family: "Poppins", sans-serif;
          white-space: nowrap;
          vertical-align: middle;
          cursor: pointer;
          display: block;
          -webkit-transition: -webkit-transform 0.4s;
          -moz-transition: -moz-transform 0.4s;
          transition: transform 0.4s;
          text-transform: uppercase;
          letter-spacing: 1px !important;
          position: relative;

          &::after {
            content: attr(data-hover);
            display: inline-block;
            position: absolute;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            width: 100%;
            left: 0;
            top: -100%;
          }

          i {
            margin-right: 5px;
            display: inline-block;
            font-size: 13px;
          }
          &:hover {
            -webkit-transform: translateY(100%);
            -moz-transform: translate Y(100%);
            transform: translateY(100%);
          }
        }

        /*         &:not(.social-list):hover a {
          -webkit-transform: translateY(100%);
          -moz-transform: translate Y(100%);
          transform: translateY(100%);
        } */
      }

      .social-list {
        background-color: var(--e-global-color-text);
        border-radius: 50px;
        padding: 0px 12px;
        display: flex;
        align-items: center;
        gap: 12px;

        .social-list__item {
          font-size: 13px;
          color: var(--e-global-color-primary);
          display: inline-block;
          transition: all 0.3s;

          i {
            display: inline-block;
            vertical-align: middle;
          }

          &:hover {
            opacity: 0.7;
          }
        }
      }
    }

    .animate-tag {
      vertical-align: middle;
    }
  }
}

.social-list-inner li {
  float: left;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* margin: 0 5px 5px 0; */
  display: flex;

  a {
    position: relative !important;
    display: block !important;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;

    &:before {
      position: relative;
      top: 0;
      left: 0;
    }

    &:after {
      position: absolute;
      font-family: "Font Awesome 6 Brands";
      width: 100%;
      height: 100%;
      left: 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
      z-index: 9999;
      top: 100%;
      display: block;
    }

    &.fa-facebook-f::after {
      content: "\f39e";
    }

    &.fa-linkedin-in::after {
      content: "\f0e1";
    }

    &.fa-youtube::after {
      content: "\f167";
    }

    &:after,
    &:before {
      font-size: 16px;
      text-align: center;
      display: block;
      -webkit-transition: -webkit-top 0.4s;
      -moz-transition: top 0.4s;
      -o-transition: top 0.4s;
      transition: top 0.4s;
    }

    &:hover::before {
      top: -100%;
    }

    &:hover:after {
      top: 0;
    }
  }
}

/* .top-bar {
  .top-bar__list {
    overflow: hidden;
    position: relative;

    a {
      cursor: pointer;
      color: var(--e-global-color-ecd9491);
      display: block;
      -webkit-transition: -webkit-transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      transition: transform 0.4s;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      font-weight: 500;

      &::after {
        content: attr(data-hover);
        display: inline-block;
        position: absolute;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 100%;
        left: 0;
        top: -100%;
      }

      &:hover {
        color: var(--e-global-color-a5c542a);
        font-weight: 500;
      }
    }

    .top-bar__item:hover a {
      -webkit-transform: translateY(100%);
      -moz-transform: translate Y(100%);
      transform: translateY(100%);
    }
  }
} */

/* ------------------------------------------------- Contact us ------------------------------------------------- */
.site__form {
  .form__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;

    textarea,
    input {
      background-color: transparent;
      border-color: var(--e-global-color-primary);
      border-radius: 6px;
      color: var(--e-global-color-primary);

      &::placeholder {
        color: var(--e-global-color-primary);
      }

      &:focus-visible {
        outline: none;
      }
    }

    /* .wpcf7-not-valid-tip {
            color: var(--e-global-color-primary);
        } */
  }

  .wpcf7-response-output {
/*     color: var(--e-global-color-primary); */
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
  }
}

.site__map {
  iframe {
    width: 100%;
    height: 400px !important;
  }
}

/* ------------------------------------------------- home page why choose us ------------------------------------------------- */
.height__fix--80 {
  height: 80px;
}

/* ------------------------------------------------- model ------------------------------------------------- */
.model__form {
  .premium-modal-box-modal-dialog {
    overflow: visible !important;

    .premium-modal-box-close-button-container {
      position: absolute;
      right: -25px;
      top: -25px;

      button {
        border-radius: 50%;

        &:hover {
          background-color: var(--e-global-color-text);
        }
      }
    }
  }

  .premium-modal-box-modal-header {
    /* padding: 30px 30px 0px 30px; */
    justify-content: end;
  }

  .form__field {
    input {
      border: 1px solid #d9d9d9;
      outline: none;
      color: var(--e-global-color-5de16ff);
    }
  }

  .wpcf7-response-output {
    border: none !important;
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
  }

  .wpcf7 form.sent .wpcf7-response-output {
    color: #46b450 !important;
  }

  .premium-modal-trigger-btn {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .site__header {
    .navbar {
      .site__header--menu {
        .menu {
          gap: 23px;
        }
      }
    }
  }
}

@media (max-width: 991px) {
  /* ------------------------------------------------- header top bar ------------------------------------------------- */
  .top-bar {
    .top-bar__card {
      .top-bar__list {
        .top-bar__item {
          overflow: visible !important;
        }
      }
    }
  }

  /* ------------------------------------------------- Header ------------------------------------------------- */
  .site__header--menu .menu-main-menu-container {
    padding: 30px 0 14px;

    .menu {
      flex-direction: column;
    }
  }

  /* ------------------------------------------------- Footer ------------------------------------------------- */
  .site__footer--main {
    padding-top: 60px !important;
  }
}

@media (max-width: 767px) {
  /* ------------------------------------------------- Footer ------------------------------------------------- */
  .site__footer--topbar {
    padding: 24px 0 !important;

    .site__footer--menu ul {
      gap: 20px !important;
    }

    .site__footer--item-content {
      .social__icons {
        i {
          font-size: 24px !important;
        }
      }
    }
  }

  .site__footer--main {
    padding: 40px 0 30px !important;

    .site__footer--logo img {
      max-width: 100px !important;
    }
  }

  /* ------------------------------------------------- Contact us page ------------------------------------------------- */
  .contact__form,
  .contact__details {
    width: 100%;
  }

  /* ------------------------------------------------- Model ------------------------------------------------- */
  .model__form {
    .premium-modal-box-modal-dialog {
      .premium-modal-box-close-button-container {
        /* right: 50%;
                top: 100%;
                transform: translate(50%, 50%); */
        right: -18px;
        top: -18px;
      }
    }
  }
}