/**
 * 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 */
.process_tab1:hover svg rect, .process_tab2:hover svg rect, .process_tab3:hover svg rect{
    fill: #1D2C4B;
}
.process_tab1:hover svg path, .process_tab2:hover svg path, .process_tab3:hover svg path{
    fill: #fff;
}
.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);
}
.services_card:hover{
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.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;
}
/* change rect background */
.process_tab2:hover svg rect:first-child{
  fill: #1D2C4B;
  fill-opacity: 1;
}

/* change icon lines */
.process_tab2:hover svg path{
  stroke: #fff;
}
.process_tab2:hover svg path, .process_tab3:hover svg path,.process_tab4:hover svg path {
    fill: #1D2C4B !important;
	stroke:#FFFFFF
}

.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.9s ease !important;
  z-index: 0;               /* behind active image */
  pointer-events: none;     /* prevent hover interference */
	border-radius: 30px !important;
}
.process_img1 img,
.process_img2 img,
.process_img3 img,
.process_img4 img {
	 height: 528px !important;
	object-fit: cover;
	    border-radius: 30px;
}

   

.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; */
	height: 630px;
	object-fit: cover !important;
	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;
}
/* Home page before after end */
.projects_slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
	    bottom: -20px!important;
}
.projects_slider .elementor-swiper-button.elementor-swiper-button-prev{
	background-color: #fff;
    padding: 13px;
    border-radius: 50px;
	left: 8px !important;
}
.projects_slider .elementor-swiper-button.elementor-swiper-button-next{
	background-color: #fff;
    padding: 13px;
    border-radius: 50px;
	right: 8px !important;
}
.hero_section_icon span.elementor-icon{
	margin-top: 16px;
}

@media only screen and (max-width: 600px) {
	.reviews_slide {
	background-image: unset !important;
	background-color:#5DA2D433;
	border-radius:30px !important;
		padding:10px !important;
}
	.before_after_slider11 .skip-lazy.twentytwenty-before, .before_after_slider11 .skip-lazy.twentytwenty-after{
	height: 298px;
}
	.projects_slider .elementor-swiper-button.elementor-swiper-button-prev{
    padding: 8px;
}
.projects_slider .elementor-swiper-button.elementor-swiper-button-next{
    padding: 8px;
}
}