/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1744009168
Updated: 2025-04-07 06:59:28

*/
body {
  overflow-x: hidden !important;
}


.e-con-inner {
  padding-left: 60px !important;
  padding-right: 60px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

.main-testi ul.slick-dots {
  bottom: -20px !important;
}

.header-call a {
  text-decoration: underline;
}

.header-call p {
  margin: 0 !important;
}

.she-header-yes.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.she-header
  .header-call {
  color: #000 !important;
}

.elementor-element.elementor-element-a536ea2.elementor-widget.elementor-widget-text-editor
  p {
  margin: 0;
}

.she-header-yes.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.she-header
  .header-call
  a {
  color: #000 !important;
}

.main-service-box {
  position: relative;
}

.main-service-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  background: #004e47;
  transition: 0.6s;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 5px;
}

.main-service-box:hover .elementor-icon {
  color: #cdec6a !important;
  border-color: #cdec6a !important;
}

.main-service-box:hover .elementor-icon svg {
  fill: #cdec6a !important;
}

nav.hfe-nav-menu**layout-horizontal.hfe-nav-menu**submenu-arrow {
  width: 100% !important;
}

.main-service-box:hover h4.elementor-heading-title.elementor-size-default {
  color: #fff;
}

.main-service-box:hover .elementor-widget-text-editor p {
  color: #fff;
}

.main-service-box:hover::before {
  height: 100%;
}

header nav ul > li {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 0px 14px;
}

header nav ul li:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

li ul.sub-menu li a {
  padding: 10px !important;
}

li ul.sub-menu li {
  margin: 0px 0 !important;
  display: block !important;
  border: none !important;
}

header nav li ul.sub-menu li::after {
  display: none !important;
}

header nav li ul.sub-menu li {
  position: relative;
  margin: 0 !important;
}

header nav ul li.current-menu-item::after {
  left: 0;
  right: auto;
  width: 100%;
}

header nav ul li::after {
  content: "";
  position: absolute;
  width: 0;
  bottom: 0px;
  right: 5px;
  left: -5px;
  height: 3px;
  z-index: 1;
  transition: all 0.9s ease-out 0s;
  background: #cdec6a !important;
}

header nav ul li.menu-item {
  position: relative;
  margin: 0 5px;
}

.elementor-element.elementor-element-bb54c14.elementor-widget.elementor-widget-text-editor
  p {
  margin: 0;
}

.form-contact .input input {
  border-radius: 0px;
  height: 50px;
  color: #004e47;
  padding-left: 18px;
  font-size: 16px;
  background: #fff;
  font-family: "Nunito Sans", Sans-serif;
  border: none !important;
  border-radius: 8px;
}

.form-contact .input input:focus {
  outline: 0;
  box-shadow: none;
}

.form-contact .input input::placeholder {
  font-family: "Nunito Sans", Sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #004e47;
}

.input-btn input {
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  border-radius: 8px;
  color: #004d44 !important;
  background-color: #c5ec6f !important;
  border: none !important;
  padding: 9px 27px;
}

.form-contact textarea::placeholder {
  font-weight: 400 !important;
  color: #004e47;
}

.form-contact textarea {
  background: #fff !important;
  height: 130px !important;
  padding-left: 18px;
  font-size: 16px;
  border: none !important;
  font-weight: 400 !important;
  font-family: "Nunito Sans", Sans-serif;
  border-radius: 8px;
}

.main-ban {
  position: relative;
}

.main-ban:after {
  content: "";
  position: absolute;
  right: 90px;
  bottom: 0px;
  background-color: transparent;
  background-image: linear-gradient(180deg, #c5ec6f 0%, #004d44 85%);
  width: 420px;
  min-height: 503px;
  border-radius: 1000px 1000px 0px 0px;
}

.mainfaq summary.e-n-accordion-item-title {
  justify-content: space-between !important;
}

.mainfaq summary[aria-expanded="true"] {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.mainfaq summary.e-n-accordion-item-title {
  color: #004d44;
}

.mainfaq .e-n-accordion-item:not([open]):hover > .e-n-accordion-item-title {
  color: #004d44 !important;
}

.mainfaq summary[aria-expanded="true"] .e-n-accordion-item-title-text {
  color: #e5efec !important;
}

.service-menu ul li a.hfe-menu-item {
  border-radius: 8px;
}

.service-contact a.elementor-button.elementor-button-link.elementor-size-sm {
  display: block;
}

.main-points .elementor-icon {
  margin-top: 6px !important;
}

.main-numbers h5 {
  background-color: #014c43;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 120px;
}

.mainfaq
  .e-n-accordion-item[open]
  > .e-n-accordion-item-title
  .e-n-accordion-item-title-icon
  span
  > svg {
  fill: #e5efec !important;
}

.rock-img {
  -webkit-animation: spaceShipBob 3s ease-in-out infinite;
  animation: spaceShipBob 3s ease-in-out infinite;
}

@keyframes spaceShipBob {
  0% {
    bottom: 2%;
  }

  50% {
    bottom: 8%;
  }

  100% {
    bottom: 2%;
  }
}

@keyframes moveDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(20px);
  }
}

@media (max-width: 1366px) {
}

@media (max-width: 1024px) {
  .e-con-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .main-ban:after {
    display: none;
  }

  header nav ul li.menu-item {
    position: relative;
    margin: 0;
  }

  header nav ul li.current-menu-item::after {
    display: none;
  }

  header nav ul > li {
    display: block;
  }
}

@media (max-width: 767px) {
  .e-con-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;.form-contact textarea
  }
h2.contact-title {
    font-size: 26px;
    margin-bottom: 10px;
}
  .service-menu ul li {
    margin: 12px 0;
  }
  .form-contact textarea {
 
    padding-left: 12px;
    font-size: 14px;
    border-radius: 8px;
}
.form-contact .input input {
    height: 40px;
    padding-left: 12px;
    border-radius: 8px;
}
.form-contact .input input::placeholder {
  font-size: 14px;

}

  .main-points .elementor-icon {
    margin-top: 9px !important;
  }

  .elementor-widget-testimonial-carousel .swiper-slide {
    padding-bottom: 0px !important;
  }

  .elementor-element.elementor-element-680fe4a.elementor-widget.elementor-widget-text-editor
    p {
    margin: 0;
  }

  .main-testi .elementor-testimonial\_\_cite {
    margin-top: 10px;
  }

  .cta-image {
    right: 0 !important;
    bottom: 0 !important;
    position: relative !important;
  }
}
