/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */
.main_icon .elementor-icon {
    display: flex;
}

.grad_divider {
  width: 100px !important; 
}

.grad_divider .elementor-divider-separator {
  border: none;     
  height: 4px;
  border-radius: 100px;
  background: linear-gradient(
    to right,
    #DC6D18 0%,
    rgba(220, 109, 24, 0.3) 100%
  );
}
.faq_que .ui-accordion-header-collapsed {
    border-radius: 12px !important;
}
.faq_que .ui-accordion-content {
    border-radius: 0 0 12px 12px !important;
}
.faq_que .ui-accordion-header-active {
	border-radius:12px 12px 0 0 !important;
}

/** for backup only **/
   .reference_image_wrapper  .elementor-widget-container {
  position: relative;       
  display: inline-block;    
  overflow: hidden;         
}

.reference_image_wrapper  .elementor-widget-container:after {
  content: "";
  position: absolute;
  inset: 0; 
  background: linear-gradient(
    to top,
    rgba(220, 109, 24, 0.3) 0%,
    transparent 100%
  );
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(.4, 0, .2, 1);
  z-index: 10;
  pointer-events: none;     
}

.reference_image_wrapper  .elementor-widget-container:hover::after {
  opacity: 1;
}

.reference_image_wrapper img{
    object-fit: cover;
    transition:ease-in-out 1.5s;
  position:relative;
  top:0;
}

.reference_image_wrapper .elementor-widget-container{
    height: 250px;
    overflow: hidden;
}

.reference_box:hover img{
  top:-59%;
}

.reference_box > .elementor-widget-wrap{
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);
}
/** for backup only **/