/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Slide In From The Top Option */

.hidden {
  display: none !important;
}

.header-2 {
  transform: translatey(-53px);
  -moz-transition: all .3s ease !important;
  -webkit-transition: all .3s ease !important;
  transition: all .3s ease !important;
}


.elementor-sticky--effects.header-2 {
  height: auto !important;
  transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
  display: none !important;
}

/* End Of Slide In From The Top Option */
#hp-solutions-1,
#hp-solutions-2,
#hp-solutions-3 {
  cursor: pointer;
}

@media (min-width: 768px) {
  .hp-solutions-reveal {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s linear;
  }

  body.elementor-editor-wp-page .hp-solutions-reveal,
  body.elementor-editor-active .hp-solutions-reveal {
    max-height: none;
  }

  .hp-solutions-reveal.show {
    max-height: 200px
  }

  .hp-benefits-reveal {
    display: none;
  }


  .hp-benefits-icon {
    transition: opacity 0.5s ease;
  }

  .hp-benefits-icon.inactive {
    opacity: 0.5;
  }

  body.elementor-editor-wp-page .hp-benefits-reveal,
  body.elementor-editor-active .hp-benefits-reveal {
    max-height: none;
  }

  .hp-benefits-reveal.show {
    max-height: 200px;
  }

}


.rotate-cirle .elementor-widget-container {
  cursor: pointer;
}

.rotate-cirle .elementor-widget-container,
.rotate-cirle .elementor-widget-container img {
  transition: transform 2s;
}

.rotate-circle:hover .elementor-widget-container {
  animation: spin 2s linear infinite;
}

.rotate-circle:hover .elementor-widget-container img {
  animation: anti-spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

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

@keyframes anti-spin {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.hp-benefits-icon {
  cursor: pointer;
}



/* Page: trackers, Section: benefits */
#benefits_image_boxes .elementor-image-box-img {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  #benefits_image_boxes .elementor-image-box-content {
    margin-top: 50px;
  }
}

#benefits_rotate_shape {
  transform-origin: 60% 57%;
  transition: transform .3s;
}

body:not(.elementor-editor-active) #benefits_image_boxes .elementor-widget-image-box {
  position: absolute;
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

body:not(.elementor-editor-active) #benefits_image_boxes .elementor-widget-image-box.active {
  opacity: 1;
  visibility: visible;
}

#benefits_icons_nav {
  max-width: 100%;
}

#benefits_icons_nav .elementor-icon {
  background-color: white;
}

#benefits_icons_nav .elementor-widget-icon-box.active svg path {
  fill: #FAC700;
}

#benefits_icons_nav .elementor-widget-icon-box {
  cursor: pointer;
}


#header-main {
  transition: all 300ms;
}

#header-main #header-logo {
  transition: all 300ms;
  filter: brightness(0%) invert(100%);
}

#header-main #header-menu a {
  transition: all 300ms;
}

#header-main #header-button {
  transition: all 300ms;
}

#header-main.stick {
  background-color: white;
}

#header-main.stick #header-logo {
  filter: none;

}

#header-main.stick #header-menu a {
  color: #333;
}

#header-main.stick #header-button {
  color: #333;
  border-color: #333;
}

#header-main.stick #header-button:hover {
  background-color: rgba(25, 76, 155, 0.95);
  border-color: rgba(25, 76, 155, 0.95);
  color: #fff;
}

#header-main.stick .elementor-menu-toggle {
  filter: invert(100%);
}



/* Page: trackers, Section: explore products */
/*.image_box_style_v1 .elementor-image-box-title a:after {
 content: '';
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="27" fill="none"><mask id="A" fill="%23fff"><path fill-rule="evenodd" d="M3.303 26.609l13.304-13.304L3.303.001.821 2.483 11.697 13.36.875 24.181l2.428 2.428z"/></mask><g fill="%23fff"><path fill-rule="evenodd" d="M3.303 26.609l13.304-13.304L3.303.001.821 2.483 11.697 13.36.875 24.181l2.428 2.428z"/><path d="M16.607 13.305l.707.707.707-.707-.707-.707-.707.707zM3.303 26.609l-.707.707.707.707.707-.707-.707-.707zm0-26.608l.707-.707-.707-.707-.707.707.707.707zM.821 2.483l-.707-.707-.707.707.707.707.707-.707zM11.697 13.36l.707.707.707-.707-.707-.707-.707.707zM.875 24.181l-.707-.707-.707.707.707.707.707-.707zM15.9 12.598L2.596 25.902l1.414 1.414 13.304-13.304-1.414-1.414zM2.596.708L15.9 14.012l1.414-1.414L4.01-.706 2.596.708zM1.528 3.191L4.01.708 2.596-.706.114 1.776l1.414 1.414zm-1.414 0L10.99 14.067l1.414-1.414L1.528 1.776.114 3.191zm10.876 9.462L.168 23.474l1.414 1.414 10.821-10.821-1.414-1.414zM4.01 25.902l-2.428-2.428-1.414 1.414 2.428 2.428 1.414-1.414z" mask="url(%23A)"/></g></svg>');
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center;
 width: 17px;
 height: 27px;
 display: inline-block;
 vertical-align: middle;
}*/
.image_box_style_v1 .elementor-image-box-title a {
  position: relative;
}

.image_box_style_v1 .elementor-image-box-title a:after {
  content: '';
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="27" fill="none"><mask id="A" fill="%23fff"><path fill-rule="evenodd" d="M3.303 26.609l13.304-13.304L3.303.001.821 2.483 11.697 13.36.875 24.181l2.428 2.428z"/></mask><g fill="%23fff"><path fill-rule="evenodd" d="M3.303 26.609l13.304-13.304L3.303.001.821 2.483 11.697 13.36.875 24.181l2.428 2.428z"/><path d="M16.607 13.305l.707.707.707-.707-.707-.707-.707.707zM3.303 26.609l-.707.707.707.707.707-.707-.707-.707zm0-26.608l.707-.707-.707-.707-.707.707.707.707zM.821 2.483l-.707-.707-.707.707.707.707.707-.707zM11.697 13.36l.707.707.707-.707-.707-.707-.707.707zM.875 24.181l-.707-.707-.707.707.707.707.707-.707zM15.9 12.598L2.596 25.902l1.414 1.414 13.304-13.304-1.414-1.414zM2.596.708L15.9 14.012l1.414-1.414L4.01-.706 2.596.708zM1.528 3.191L4.01.708 2.596-.706.114 1.776l1.414 1.414zm-1.414 0L10.99 14.067l1.414-1.414L1.528 1.776.114 3.191zm10.876 9.462L.168 23.474l1.414 1.414 10.821-10.821-1.414-1.414zM4.01 25.902l-2.428-2.428-1.414 1.414 2.428 2.428 1.414-1.414z" mask="url(%23A)"/></g></svg>');
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: right center;
  transition: all .3s;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -50px;
}

.image_box_style_v1 .elementor-image-box-wrapper:has(a:hover) .elementor-image-box-title a {
  color: #FFD838;
}

.image_box_style_v1 .elementor-image-box-wrapper:has(a:hover) .elementor-image-box-title a:after {
  transform: translateX(20px);
}



/* Page: about, Section: testimonials */
.testimonials_style_v1 .elementor-testimonial {
  border-radius: 4px;
}

.testimonials_style_v1 .elementor-testimonial__footer {
  margin: 0;
  width: 286px;
  flex-shrink: 0;
  text-align: center;
}

.testimonials_style_v1 .elementor-testimonial__image {
  margin: 0;
  position: relative;
}

.testimonials_style_v1 .elementor-testimonial__image:before {
  content: '';
  position: absolute;
  top: -50px;
  left: -53px;
  background: url('/wp-content/uploads/2024/05/Frame-2049.svg') left top no-repeat;
  width: 95%;
  height: 90%;
  background-size: contain;
}

.testimonials_style_v1 .elementor-testimonial__image img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
}

.testimonials_style_v1 .elementor-testimonial__text {
  position: relative;
}

.testimonials_style_v1 .elementor-testimonial__text:before,
.testimonials_style_v1 .elementor-testimonial__text:after {
  content: '“';
  font-size: 40px;
  line-height: 0;
  font-weight: 700;
  color: #194C9B;
}

.testimonials_style_v1 .elementor-testimonial__text:before {
  position: absolute;
  top: 4px;
  left: -20px;
}

.testimonials_style_v1 .elementor-testimonial__text:after {
  content: '“';
  position: relative;
  top: 22px;
}

@media (min-width: 900px) {
  .testimonials_style_v1 .elementor-testimonial {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 40px;
    box-shadow: 0 4px 21px 15px rgba(25, 76, 155, 0.07);
    padding: 69px 74px;
  }

  .testimonials_style_v1 .swiper-slide {
    padding: 34px;
    /* fix overflowed inner box-shadow */
  }
}

@media (max-width: 899px) {
  .testimonials_style_v1 .elementor-testimonial {
    padding: 30px;
    box-shadow: 0 4px 20px 5px rgba(25, 76, 155, 0.07);
  }

  .testimonials_style_v1 .elementor-testimonial__footer {
    width: 160px;
    margin: 60px auto 0;
  }

  .testimonials_style_v1 .elementor-testimonial__image:before {
    top: -30px;
    left: -32px;
  }

  .testimonials_style_v1 .elementor-swiper-button-prev {
    left: 0 !important;
  }

  .testimonials_style_v1 .elementor-swiper-button-next {
    right: 0 !important;
  }

  .testimonials_style_v1 .elementor-testimonial__text:before,
  .testimonials_style_v1 .elementor-testimonial__text:after {
    content: '“';
    font-size: 26px;
  }

  .testimonials_style_v1 .elementor-testimonial__text:after {
    top: 18px;
  }
}


/* add space alignment icon fix and hover animation */
@media (min-width: 769px) {
  .elementor-widget-button.btn-icon-hover-animation .elementor-button-link {
    padding-left: 0;
    padding-right: 0;
  }

  .elementor-widget-button.btn-icon-hover-animation .elementor-button-icon {
    margin-left: 10px !important;
  }

  .elementor-widget-button.btn-icon-hover-animation .elementor-button-link .elementor-button-content-wrapper {
    padding-left: calc(1em + 10px);
    /* fix to center the button */
  }

  .elementor-widget-button.btn-icon-hover-animation .elementor-button-icon {
    transition: transform 0.3s;
  }

  .elementor-widget-button.btn-icon-hover-animation .elementor-button-link:hover .elementor-button-icon {
    transform: translateX(15px);
  }
}


/* Page: Agri-PV Tracker, Section: Animated Bubbles -> show text on hover */
@media (min-width: 768px) {
  body:not(.elementor-editor-active) .animated-bubbles .e-child .elementor-widget-button .elementor-button-link {
    transition: opacity .3s, visibility .3s;
  }

  body:not(.elementor-editor-active) .animated-bubbles .e-child:has(.elementor-widget-heading:hover) .elementor-button-link,
  body:not(.elementor-editor-active) .animated-bubbles .e-child .elementor-widget-button .elementor-button-link:hover {
    opacity: 0;
    visibility: hidden;
  }

  body:not(.elementor-editor-active) .animated-bubbles .e-child .elementor-widget-heading {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
  }

  body:not(.elementor-editor-active) .animated-bubbles .e-child:has(.elementor-widget-button .elementor-button-link:hover) .elementor-widget-heading,
  body:not(.elementor-editor-active) .animated-bubbles .e-child .elementor-widget-heading:hover {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 767px) {
  body:not(.elementor-editor-active) .animated-bubbles .e-child .elementor-widget-heading {
    transition: height .3s ease-out;
    height: 0;
    overflow: hidden;
  }
}


/* text border left style after the circular heading icon */
.text_border_style_v1 {
  padding-left: 29px;
  margin-left: 10px;
}

.text_border_style_v1:before {
  content: '';
  width: 1px;
  height: 94%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-left: 1px dashed;
}

.text_border_style_v1 p:last-child {
  margin-bottom: 0;
}