/**
 * 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.
 */

/* my css */
.hero_tags a {
  /* blur effect */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  /* smooth look */
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.4),
    0 2px 10px rgba(0, 0, 0, 0.15);
}
.hero_main_card{
    backdrop-filter: blur(50.29999923706055px);
background: #FFFFFF0D;
}
.hero_btns_wrapper svg{
    width: 32px !important;
    transition: 0.6s all;
}
.hero_btns_wrapper .elementor-button-content-wrapper{
    align-items: center;
}
.hero_btns_wrapper a:hover svg {
    transform: rotate(45deg);
}
.hero_btns_wrapper a:hover svg rect {
        fill: #385596;
}
.services_card:hover .service_card_img{
    transform: scale(1.1);
}
.reviews_slide{
    background-size: 100% 100% !important;
}
.footer_social_icons svg rect{
  transition: fill 0.3s ease;
}

.footer_social_icons svg path{
  transition: fill 0.3s ease;
}

.footer_social_icons svg:hover rect{
  fill: transparent;
}

.footer_social_icons svg:hover path{
  fill: #fff;
}

/* home page process tabs */

/* smooth transition */
.process_tab4 svg rect,
.process_tab4 svg path{
  transition: all 0.3s ease;
}

/* change rect background */
.process_tab4:hover svg rect:first-child{
  fill: #1D2C4B;
  fill-opacity: 1;
}

/* change check icon color */
.process_tab4:hover svg path{
  stroke: #fff;
}
.process_img1,
.process_img2,
.process_img3,
.process_img4 {
  position: absolute;       /* stack images */
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.5s ease !important;
  z-index: 0;               /* behind active image */
  pointer-events: none;     /* prevent hover interference */
}

.process_img1.active,
.process_img2.active,
.process_img3.active,
.process_img4.active {
  opacity: 1;
  z-index: 1;               /* bring active image on top */
}

/* Home page before after */
.before_after_slider11 .skip-lazy.twentytwenty-before, .before_after_slider11 .skip-lazy.twentytwenty-after{
	width: 100% !important;
	height: 531px;
	border-radius: 30px !important;
	overflow: hidden;
}
.before_after_slider11 img.skip-lazy.twentytwenty-before, .before_after_slider11 img.skip-lazy.twentytwenty-after{
	width: 100% !important;
/* 	height: 100% !important; */
	border-radius: 30px !important;
}