/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com/hello-elementor-child
 Description:  Hello Elementor Child Theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Importing the parent theme style.css */
@import url("../hello-elementor/style.css");

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1092px !important;
  }
}

label {
  width: 100%;
}

.contact-form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 5px;
}

.contact-form select {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-primary);
  border-radius: 30px 30px 30px 30px;
  padding: 12px 20px 12px 20px;
  appearance: none;
  font-size: 15px;
  line-height: 1.2em;
}

.contact-form select::after {
  content: "\f107";
  font-family: "Font Awesome ";
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);

}

.banner-wrapper {
  overflow-x: hidden;
}

.banner-wrapper .left,
.banner-wrapper .right,
.banner-wrapper .down {
  transition: all 0.5s ease;
}

.banner-wrapper:hover .left {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.banner-wrapper:hover .right {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.banner-wrapper:hover .down {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.service-box {
  position: relative;
}

.service-box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
}

.service-box .elementor-element {
  position: relative;
  z-index: 9;
}

.service-box img {
  transition: all 0.5s ease;
}

.service-box:hover img {
  transform: translateY(-15px);
}

.elementor-button {
  overflow: hidden;
  position: relative;
}

.elementor-button span {
  position: relative;
  z-index: 9;
}

.elementor-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #0C6A28 !important;
  border-radius: 30px;
  transition: all 0.3s ease;
}

.elementor-button:hover {
  color: #fff !important;
}

.elementor-button:hover::after {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .banner-wrapper .left {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  .banner-wrapper .right {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  .banner-wrapper .down {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

@media only screen and (max-width: 767px) {
  .service-box::after {
    width: 100%;
  }
}