.e-con-inner {
  width: 90% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.Product-box {
  .ue_post_grid_item {
    transition: all 400ms ease-in-out;

    .uc_content {
      .uc_post_title {
        .ue_p_title {
          text-align: center;
        }
      }
    }

    &:hover {
      transform: scale(1.02);
      transition: all 400ms ease-in-out;

      .uc_content {
        background-color: var(--e-global-color-a5c542a) !important;
        transition: all 0.9s;

        .uc_post_title {
          .ue_p_title {
            color: var(--e-global-color-primary) !important;
            transition: all 0.4s;
          }
        }
      }
    }
  }
}

.Product-box {
  &:hover {
    .Product-box__content {
      .product-content {
        color: var(--e-global-color-primary) !important;
      }
    }
  }
}

.gallery-tab {
  button {
    /* border-radius: 50px !important; */
    /* &:last-child {
      border-radius: 0px 50px 50px 0px;
    }
    &:first-child {
      border-radius: 50px 0px 0px 50px;
    } */
  }

  .e-n-tabs-heading {
    /*     border-bottom: 2px solid rgb(180, 175, 175); */
    width: fit-content;
    align-self: center;
    gap: 0;
  }

  .e-n-tab-title[tabindex="-1"] {
    border-bottom: 3px solid rgb(180, 175, 175);
  }

  .e-n-tab-title[tabindex="0"] {
    border-bottom: 3px solid var(--e-global-color-a5c542a);
  }

  .e-n-tab-title:hover {
    /* transform: scale(1.03); */
  }
}

.about-accordion {
  .e-n-accordion-item-title {
    .e-n-accordion-item-title-header {
      .e-n-accordion-item-title-text {
        font-weight: 600 !important;
      }
    }

    &::after {
      content: "";
      position: absolute;
      width: 100%;
      background-color: var(--e-global-color-a5c542a);
      height: 1px;
      bottom: 0;
    }
  }
}

/*  why choose us*/
.why-choose__us {
  .choose-icon__box {
    width: fit-content;
    align-self: center;
  }

  .vm-choose__contain {
    align-self: center;
    flex: 1;
  }
}

.vm-solution__box {
  .choose-icon__box {
    width: fit-content;
    align-self: center;
  }

  .vm-choose__contain {
    align-self: center;
    flex: 1;
  }
}

/* .vm-choose__us .vm-choose__contain {
  flex: 1 !important;
}
.vm-choose__us .vm-choose__contain .vm-choose__title {
  
} */
.grid-box {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  align-items: stretch !important;
}

.vm-industry__slider {
  .slick-arrow {
    background-color: unset;
    font-size: 0px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 0;

    &:hover {
      background: unset;
    }
  }

  .slick-next {
    &:before {
      content: "\f054";
      font-family: "FontAwesome";
    }

    .slick-list {
      .slick-track {
        .slick-slide {
          margin-right: 10px !important;
        }
      }
    }

    .vm-industry__slider {
      height: 170px;
    }
  }
}

/* 	pointer event-none*/
.pointer-none {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.vm-certificate,
.gallery-tab--2 {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*  counter*/
.vm-counter {
  text-align: center !important;
}

.vm-counter__style {
  font-weight: 600;
  /*     font-size: 40px;
    line-height: 50px; */
  -webkit-text-stroke: 1px #fff;
  color: transparent;
}
.vm-counter__title {
  word-break: break-word;
}

/* application box */
.vm-app__box {
  height: 100%;
}

/* second form */
.contact__form-two {
  .site__form {
    & .form__wrapper {
      textarea,
      input {
        background-color: transparent;
        border-color: gray !important;
        border-radius: 6px !important;
        color: var(--e-global-color-text) !important;
      }
    }
  }
}

.contact__form-two .vm-form__icon > div {
  height: 40px !important;
  width: 40px !important;
  display: grid !important;
  place-content: center !important;
}

.contact__form-two .vm-form__icon .elementor-icon-wrapper {
  display: flex;
}

.contact__form-two .vm-form__disc {
  flex: 1 !important;
  word-break: break-word;
}

.vm__site-form .site__submit--btn,
.contact__form-two .premium-modal-trigger-btn {
  border: 0px !important;
}

/* .vm__site-form .site__submit--btn {
  color: #1571ba !important;
  border-color: #1571ba !important;
  background-color: transparent !important;
}
.vm__site-form .site__submit--btn:hover {
  color: #fff !important;
  border-color: #444444 !important;
} */
.contact__form-two input::placeholder,
.contact__form-two textarea::placeholder {
  color: var(--e-global-color-text) !important;
  opacity: 0.7;
}
/*  header*/
.text-transform__lower {
  text-transform: lowercase !important;
}

/* footer */
.site__footer {
  .site__footer--menu {
    ul {
      padding: 0px !important;
      display: flex;
      flex-direction: column;
      gap: 8px;

      li {
        width: fit-content;

        a {
          font-weight: 300 !important;
          text-transform: capitalize !important;
          font-size: 16px !important;
        }
      }
    }
  }

  .site__footer--main {
    .site__footer--logo {
      gap: 20px;

      img {
        max-width: 75%;
      }

      .site__footer--item-content {
        background-color: var(--e-global-color-a5c542a);
        padding: 0px 14px;
        border-radius: 20px;
        width: fit-content;
        align-self: center;

        a {
          color: #fff;

          &:hover {
            opacity: 0.5;
          }
        }
      }
    }
  }
}

.footer-menu__mxwidth {
  max-width: 163px;
  width: 100%;
}

/* bottom wh icon */
.sticky__social-list {
  position: fixed;
  top: 50%;
  transform: translatey(-50%);
  left: 0px;
  z-index: 1;
  list-style-type: none;
  padding: 0px;
  z-index: 10;
  .item {
    display: flex;
    align-items: center;
    transition: 0.6s all !important;
    width: 50px;
    margin: 5px 0px;
    border-radius: 0px 10px 10px 0px;
    overflow: hidden;

    a {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      text-decoration: unset !important;
      transition: all 0.25s ease-in-out;
      .social-icon {
        min-width: 50px;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        i {
          font-size: 26px;
          padding: 0px;
          color: #fff !important;
        }
      }
      .social-icon-text {
        padding-right: 20px;
        opacity: 0;
        white-space: nowrap;
        display: none;
        transition: 0.8s all;
        font-size: 16px;
      }
    }
    &.mail {
      background-color: #1571ba;
    }
    &.pdf {
      background-color: #333333;
      cursor: pointer !important;
    }
    &.wh-contact {
      background-color: #2db640;
    }
    &:hover {
      max-width: 170px;
      width: 100%;
      font-size: 16px;
      pointer-events: unset;
      .social-icon-text {
        opacity: 1;
        display: block;
        color: #fff;
      }
    }
  }
} 



.site__footer--main {
  .top-bar__model {
    @media screen and (max-width: 767px) {
      .modal-dialog {
        width: 85% !important;
        margin: auto !important;
        .modal-close--btn {
          height: 35px !important;
          width: 35px !important;
          top: -15px !important;
          right: -15px !important;
          svg {
            width: 15px !important;
            height: 15px !important;
          }
        }
      }
    }
  }
}

/* color brand */
.brand-color {
  color: #1571ba !important;
}

/* single page table */
/* .vm-single__table {
  height: 500px;
} */

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

.vm-single__table .text-style {
  color: #1571ba !important;
  font-weight: 600;
}

.vm-single__table table td {
  border: 1px solid #fff !important;
  white-space: wrap;
}

.vm-single__table .font-weight--600 {
  font-weight: 600;
}

.vm-single__table table tbody tr:nth-child(odd) td {
  background-color: #eaf2f9;
}

.vm-single__table::-webkit-scrollbar {
  width: 10px;
}
.vm-single__table::-webkit-scrollbar-track {
  background: #1571ba;
}

.vm-single__table::-webkit-scrollbar-thumb {
  background-color: #1571ba;
}

/* Firefox support */
.vm-single__table {
  scrollbar-color: #1571ba #eaf2f9;
}

/* top-bar modal */
html:has(body.modal-open) {
  overflow: hidden;
}
.top-bar__model {
  .modal-dialog {
    max-width: 700px !important;
    display: flex;
    align-items: center;
    height: 100%;
    height: 100%;
    max-height: 90dvh;

    .modal-content {
      width: 100%;

      .modal-header {
        border-style: none;
        justify-content: end;
        display: flex;
        align-items: center;
        padding: 5px 15px;

        .modal-close--btn {
          height: 46px;
          width: 46px;
          padding: 0px;
          font-size: 20px;
          opacity: 1;
          border-radius: 50%;
          position: absolute;
          right: -25px;
          border: 0px;
          top: -25px;
          font-family: "Roboto", Sans-serif;
          font-weight: 400;
          color: var(--e-global-color-primary);
          background-color: var(--e-global-color-accent);

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

      .modal-body {
        padding: 20px 30px 30px 30px !important;

        .form__field input {
          border: 1px solid #d9d9d9;
          outline: none;
          color: var(--e-global-color-5de16ff);
          font-size: 1rem;
          line-height: 1.5;
          font-family: var(--e-global-typography-text-font-family), Sans-serif;
        }

        .wpcf7-form {
          .site__submit--btn {
            display: flex;
            border: 0px;
          }

          .wpcf7-response-output {
            margin: 0px;
            padding: 15px 0px 0px;
            border: 0px;
          }
        }

        .wpcf7 form.sent .wpcf7-response-output {
          color: #46b450 !important;
        }
      }
    }
  }
}
/* get quote now model*/
.get-quote-now__model .premium-modal-box-modal-dialog {
  max-height: calc(100vh - 0px) !important;
}

/* industry home */
.vm-industry__box {
  .vm-industry-content {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    .vm-industry-heading {
      position: absolute;
      text-align: center;
      left: 50%;
      top: 50%;
      transform: translate(-50%, 200px);
      transition: transform 0.4s ease;
    }
    &:hover {
      .vm-industry-heading {
        transform: translate(-50%, -50%);
      }
    }
  }
}
/* application slider */
.vm-application__heading {
  height: 100%;
  display: flex;
  width: 100%;
  div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .vm-application__heading {
    height: calc(100% - 217px);
    z-index: 99;
    width: 100%;
  }
  .vm-products__box,
  .vm-industry__box,
  .vm-application__box {
    .slick-list {
      .slick-track {
        .slick-slide {
          div {
            div {
              flex-direction: row !important;
            }
          }
        }
      }
    }
  }
}
.vm-application__box {
  .vm-application__content {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    .vm-application__heading {
      height: 100%;
      display: flex;
      width: 100%;
      div {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
      }
    }
    /* 		.vm-application__heading{
			position: absolute;
			text-align:center;
			width:80%;
			left: 50%;
  			top: 50%;
 			transform: translate(-50%, 200px);
  			transition: transform 0.4s ease;
		} */
    &:hover {
      /* 			.vm-application__heading{
				 transform: translate(-50%, -50%);
			} */
    }
  }
}
.site__footer--img-box {
  margin-top: 10px;
  width: fit-content;
}
.site__footer--img-box img {
  width: 150px;
  height: 100px;
  object-fit: contain;
}

.box-hove-text-show {
  p {
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }

  &:hover p {
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 767px) {
  .site__footer {
    & .site__footer--main {
      .site__footer--logo {
        width: fit-content !important;
      }
    }
  }

  /* 	home slider */
  .vm-industry__box,
  .vm-application__box,
  .vm-products__box {
    width: 85% !important;
    justify-self: center;
    align-self: center;
  }
}

/* bottom social icon */
/* .sticky__social-list {
  position: fixed;
    bottom: 15dvh;

  right: 0 !important;
  z-index: 10;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sticky__social-list .item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: 0.6s all !important;
  width: 50px;
  margin: 5px 0;
         border-radius: 10px 0px 0px 10px !important;
  overflow: hidden;
  background-color: #1571ba;
  max-width: 50px;
}

.sticky__social-list .item.mail {
  background-color: #1571ba;
  position: absolute;
  right: 0;
  bottom: 67px;
}

.sticky__social-list .item.pdf {
  background-color: #333333;
  cursor: pointer !important;
  position: absolute;
  right: 0;
  bottom: 0px;
}

.sticky__social-list .item.wh-contact {
  background-color: #2db640;
  position: absolute;
  right: 0;
  bottom: -67px;
}

.sticky__social-list .item a {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.sticky__social-list .item .social-icon {
  min-width: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky__social-list .item .social-icon i {
  font-size: 26px;
  color: #fff !important;
}

.sticky__social-list .item .social-icon-text {
  padding-left: 15px;
  padding-right: 10px;
  opacity: 0;
  white-space: nowrap;
  display: none;
  transform: translateX(50px);
  transition: transform 0.4s ease, opacity 0.4s ease;
  font-size: 16px;
  color: #fff;
}

.sticky__social-list .item:hover {
  max-width: 200px;
  width: auto;
}

.sticky__social-list .item:hover .social-icon-text {
  display: block;
  opacity: 1;
  transform: translateX(0);
} */

/* bottom social icon end-- */