/*
Theme Name: Hello Elementor (Child)
Author: 
Description: Your description goes here
Version: 3.0.1
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
#Header {
    position: absolute;
    left: 0;
    z-index: 10;
}
.message-form {}

.message-form .elementor-field-group {
    background-color: #fff;
    padding: 24px 40px !important;
    border-radius: 10px;
}

.elementor-9 .elementor-element.elementor-element-84d295f .elementor-field-group.elementor-col-50 {
    width: 48%;
    border-radius: 10px;
}

.elementor-9 .elementor-element.elementor-element-84d295f .elementor-field-group.elementor-col-50:first-child {margin-right: 50px;}

.message-form .elementor-field-group input, .message-form .elementor-field-group textarea {
    padding: 0;
}

.message-form .elementor-field-group.elementor-field-type-submit {
    background-color: transparent;
    padding: 0 !important;
}

.elementor-button {
    width: 185px !important;
    height: 48px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 10px !important;
	margin: auto !important;
}
.banner-section .elementor-button {
    width: 240px !important;
    height: 48px;
}
.message-form .elementor-field-group input:focus, .message-form .elementor-field-group textarea:focus {
    box-shadow: unset !important;
}
#Banner {
    position: relative;
    z-index: 1;
}

#Banner::after {
    content: '';
    position: absolute;
    background-image: url('/wp-content/uploads/2024/04/bottom-shape1.webp');
    width: 100%;
    height: 363px;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#Banner::after {
    height: 275px;
}
.happy-client-content {
    position: absolute !important;
    bottom: -560px;
    border-radius: 30px;
    transition: .7s ease-in-out !important;
    height: 100% !important;
	opacity: 0;
}

.happy-client-main:hover .happy-client-content {
    bottom: 0px;
    transition: .7s ease-in-out !important;
	opacity: 1;
}

.happy-client-content{
    transition: .7s ease-in-out !important;
}

.happy-client-main {
    overflow: hidden !important;
    border-radius: 30px !important;
    transition: .7s ease-in-out !important;
}
.rotated_image img {
	animation: rotate ease-in-out 3s infinite alternate;
}
.banner-rainbow-div{
	position: absolute !important;
/*     z-index: 1; */
}
#Rainbow1 {
    position: absolute;
    background-color: #8E1C24;
    bottom: -50%;
    width: 850px;
    height: 850px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,-30%) !important;
    z-index: 1;
/* 	animation: boxShadow linear 3s infinite; */
}
#Rainbow2 {
    position: absolute;
    background-color: #8E1C2499;
    bottom: -50%;
    width: 1250px;
    height: 1150px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,-10%) !important;
/*     z-index: 1; */
/* 	animation: boxShadow ease-in-out 3s infinite 3s; */
/* 	display: none; */
}
#Rainbow3 {
    position: absolute;
    background-color: #8E1C2499;
    bottom: -65%;
    width: 1550px;
    height: 1400px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,-10%) !important;
/*     z-index: 1; */
/* 	animation: boxShadow ease-in-out 3s infinite; */
/* 	display: none; */
}
@keyframes rotate{
	0%{
        transform: rotateY(0deg);
	}
	100%{
    	transform: rotateY(-180deg);
	}
}

@media only screen and (max-width: 1499px){
	#Rainbow1 {
    width: 950px;
    height: 950px;
	}

	#Rainbow2 {
		width: 1250px;
		height: 1250px;
	}

	#Rainbow3 {
		width: 1450px;
		height: 1450px;
	}
}
@keyframes boxShadow{
  0% { box-shadow: 0 0 0 0 rgb(254, 83, 66) }
  100% { box-shadow: 0 0 0 200px rgba(254, 206, 104, 0) }

/* 	50%{
        box-shadow: 0 0 0 170px #8E1C2499;
	}
	100%{
        box-shadow: 0 0 0 300px transparent;
	} */
}
/* @keyframes gradient{
	0%{
        box-shadow: 0 0 0 0 #8E1C24;
	}
	100%{
        box-shadow: 0 0 0 300px transparent;
	}
} */