/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1777658061
Updated: 2026-05-01 17:54:21

*/

html, body{
	overflow-x:hidden !important;
}


/* EASY BOOKING SECTIONS BOXES SYTLING */

/* Main box smooth effect */
.hover-ICON{
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 12px;
    padding: 20px;
}

/* Title + Description default */
.hover-ICON .elementor-icon-box-title span,
.hover-ICON .elementor-icon-box-description{
    transition: all 0.3s ease;
}

/* Full box hover */
.hover-ICON:hover{
    background-color: #1CB871 !important;
}

/* Title white on hover */
.hover-ICON:hover .elementor-icon-box-title span{
    color: #ffffff !important;
}

/* Description white on hover */
.hover-ICON:hover .elementor-icon-box-description{
    color: #ffffff !important;
}



/* TESTIMONIALS SECRTIONS STYLING */

/* 1. Container Fix (Jumping rokne ke liye) */
.cr-47 .swiper {
    min-height: 480px !important; /* Thodi extra space taakay shadow na katey */
    display: flex;
    align-items: center !important; 
}
 
.cr-47 .swiper-wrapper {
    align-items: center !important;
}
 
/* 2. Default State: Height kam aur Rating hide */
.cr-47 .swiper-slide {
    height: 320px !important; 
    transition: all 0.4s ease-in-out !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* Black 5% Box Shadow (rgba code for 5% black is 0,0,0,0.05) */
    box-shadow: 0px 9.07px 28px 0px rgba(0, 0, 0, 0.05) !important;
    /* Border radius agar aapne widget mein nahi di to yahan add kar sakte hain */
    border-radius: 10px; 
    margin-top: 10px;
    margin-bottom: 10px;
}
 
/* Rating hide */
.cr-47 .swiper-slide .elementor-widget-rating {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: all 0.4s ease;
}
 
/* 3. Active State: Height 406px aur Rating show */
.cr-47 .swiper-slide.swiper-slide-active {
    height: 406px !important;
    z-index: 10;
}
 
/* Active slide par Rating show */
.cr-47 .swiper-slide.swiper-slide-active .elementor-widget-rating {
    opacity: 1;
    visibility: visible;
    max-height: 50px;
}
 
/* 4. Active Slide ke Quote Icon ka color Light Blue */
.cr-47 .swiper-slide.swiper-slide-active .elementor-icon svg path {
    fill: #ADD8E6 !important;
}
 
/* 5. Navigation Arrows */
.cr-47 .elementor-swiper-button:hover svg,
.cr-47 .elementor-swiper-button:active svg {
    fill: #ADD8E6 !important;
    color: #ADD8E6 !important;
}
 
/* 6. Inner Container Fix */
.cr-47 .swiper-slide.swiper-slide-active .e-con, 
.cr-47 .swiper-slide.swiper-slide-active .e-con-inner {
    height: 100% !important;
}


/* home page services section icon box css */

/* Desktop */
.icon-box-heading {
    font-size: 24px !important;
    font-weight: 500 !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .icon-box-heading {
        font-size: 16px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .icon-box-heading {
        font-size: 14px !important;
    }
}

@media(max-width:480px){
	.elementor-element-f8790c1 .elementor-icon-box-wrapper {
		background: #0000004d;
		border-radius: 8px;
		height: 130px !important;
		padding: 20px 10px;
	}

	.elementor-element-f8790c1 {
		gap: 15px;
	}
}








/* CONTACT FORM STYLING */

/* 1. Common Styling for all icons */
.form-main .elementor-field-group {
    position: relative !important;
}
 
.form-main .elementor-field-group:after {
    position: absolute;
    top: 12px; /* Adjust according to your field height */
    left: 24px;
    z-index: 22;
    color: black !important;
    font-size: 18px;
    pointer-events: none; /* Taake click karne par masla na ho */
}
 
/* 2. Padding for all inputs */
.form-main .elementor-field-textual {
    padding-left: 45px !important;
}
 
/* 3. Specific Icons/Text for each field */
.form-main .elementor-field-group-name:after { content:url("https://project1.1stopwebsitesolution.com/parkandwash/wp-content/uploads/2026/05/Symbol.png"); }
.form-main .elementor-field-group-email:after { content:url("https://project1.1stopwebsitesolution.com/parkandwash/wp-content/uploads/2026/05/Symbol-1.png"); }
.form-main .elementor-field-group-field_bbfbf7e:after { content:url("https://project1.1stopwebsitesolution.com/parkandwash/wp-content/uploads/2026/05/Symbol-2.png"); } /* Phone */
.form-main .elementor-field-group-field_ab01104:after { content:url("https://project1.1stopwebsitesolution.com/parkandwash/wp-content/uploads/2026/05/Symbol-3.png"); } /* Subject */
.form-main .elementor-field-group-message:after { content:url("https://project1.1stopwebsitesolution.com/parkandwash/wp-content/uploads/2026/05/Symbol-4.png"); }



/* FOR TABS BORDERS */

.tabs-border .e-n-tabs-heading {
    border-bottom: 1px solid #5959592b !important;
}