/*
 Theme Name:   Hello Elementor Child
 Theme URI:    
 Description:  A child theme for the Hello Elementor Child
 Author:       Sourav Kumar Maity
 Author URI:   
 Template:     hello-elementor
 Version:      1.0.0
*/

.row {display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}

.ehf-header #masthead { z-index: 99; position: absolute; width: 100%; left: 0; top: 0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); }

/****** Banner Section *****/
.banner-section{ position:relative;}
.banner-section:after{ position:absolute; left:0; bottom:0; content:""; width:100%; height:160px; background:url(http://onyourtips.co.in/kidsplayground.co.in/wp-content/uploads/2025/01/white-cloud-bg.svg) repeat center top; z-index:10;}
.banner-section .header-slider .slide-table{ background:none;}
.banner-section .header-slider .slide-tablecell .slide-text h2{ margin-bottom:20px; font-size:40px; line-height:1.2;}
.banner-section .header-slider .slide-tablecell .slide-text p{ font-size:20px; line-height:1.5; font-weight:300;}
.banner-section .wpb-ea-button-primary a{ padding:8px 25px; font-size:14px; border-radius:30px;}
.banner-section .wpb-ea-button-primary a:hover{ color:#fff !important; }
.banner-section .header-slider .owl-dots{ bottom:15%;}


/****** USP Section *****/
.usp-section{}
.usp-section h2{ margin:0;}


/****** About Section *****/
.home-about-section{ position:relative;}
.home-about-section:after{ position:absolute; left:0; bottom:0; content:""; width:100%; height:160px; background:url(http://onyourtips.co.in/kidsplayground.co.in/wp-content/uploads/2025/01/yellow-cloud-bg.svg) repeat center top;}


/****** Product Section *****/
.home-product-section{ position:relative;}
.home-product-section:after{ position:absolute; left:0; bottom:0; content:""; width:100%; height:160px; background:url(http://onyourtips.co.in/kidsplayground.co.in/wp-content/uploads/2025/01/white-cloud-bg.svg) repeat center top;}
.home-product-section .wpb-ea-content-box-inner{ position:absolute; left:0; bottom:0; border-radius:0 0 30px 30px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0) 100%); width:100%; }
.home-product-section .wpb-ea-content-box-inner h3{ font-size:20px;}
.home-product-section .wpb-ea-content-box-inner p{ margin-bottom:15px !important; font-weight:300;}
.home-product-section .wpb-ea-content-box-text{ display:none;}
.home-product-section .wpb-ea-content-box:hover .wpb-ea-content-box-text{ display:block;}


/****** Projects Section *****/
.home-projects-section{ position:relative;}
.home-projects-section:after{ position:absolute; left:0; bottom:0; content:""; width:100%; height:160px; background:url(http://onyourtips.co.in/kidsplayground.co.in/wp-content/uploads/2025/01/gray-cloud-bg.svg) repeat center top;}

.home-projects-section .wpb-ea-content-box-inner{ padding:100px 30px 10px 30px !important; position:absolute; left:0; bottom:0; border-radius:0 0 30px 30px; background: rgb(188,33,33); background: linear-gradient(0deg, rgba(188,33,33,1) 35%, rgba(188,33,33,0) 100%); width:100%; }
.home-projects-section .wpb-ea-content-box-inner h3{ font-size:20px;}


/****** Industry Section *****/
.home-industry-section{ position:relative;}
.home-industry-section:after{ position:absolute; left:0; bottom:0; content:""; width:100%; height:160px; background:url(http://onyourtips.co.in/kidsplayground.co.in/wp-content/uploads/2025/01/white-cloud-bg.svg) repeat center top;}



/****** Footer *****/
.hfe-nav-menu li.menu-item { float: left; width: 50%;}
.footer-info .ekit-header-info li{ padding:0 0 0 30px; width:100%; position:relative;}
.footer-info .ekit-header-info li a i{ position:absolute; left:0; top:2px;}
.newsletter-form .wpcf7-form{ position:relative;}
.newsletter-form .wpcf7-form input[type="email"]{padding:10px 15px !important; background:transparent !important; border:1px solid #fff; color:#fff !important;}
.newsletter-form .wpcf7-form input[type="email"]:active,
.newsletter-form .wpcf7-form input[type="email"]:focus,
.newsletter-form .wpcf7-form input[type="email"]:hover
{padding:10px 15px !important; background:transparent !important; border:1px solid #fff !important; color:#fff !important;}
.newsletter-form .wpcf7-form input::placeholder {opacity: 1; color: #fff !important;}

.newsletter-form .wpcf7-form input[type="submit"]{ position:absolute; right:0; top:0; padding:14px 20px !important; background:#ECC51E !important; color:#000 !important;}
.wpcf7-spinner{ position:absolute;}
.newsletter-form .wpcf7-not-valid-tip{ color: #fff !important;}
.newsletter-form .wpcf7 form .wpcf7-response-output{ margin:0; color: #fff !important; font-size:14px;}

/****** Product Page *****/
.product-section .wpb-ea-content-box-inner{ position:absolute; left:0; bottom:0; border-radius:0 0 30px 30px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0) 100%); width:100%; }
.product-section .wpb-ea-content-box-inner h3{ font-size:20px;}
.product-section .wpb-ea-content-box-inner p{ margin-bottom:15px !important; font-weight:300;}
.product-section .wpb-ea-content-box-text{ display:none;}
.product-section .wpb-ea-content-box:hover .wpb-ea-content-box-text{ display:block;}
.product-section .wpb-ea-content-items-grid .wpb-ea-content-box{ position:relative;}

.banner-section .wpb-ea-content-box-inner{ display:none;}

#post-items--149c257 .elementskit-blog-block-post{ margin-bottom:15px;}

#sp-wp-carousel-free-id-2820.sp-wpcp-2820 .wpcp-single-item{ border-radius:30px;}
.wcp-video-item a.wcp-light-box{ position:relative;}
#sp-wp-carousel-free-id-2820.sp-wpcp-2820 .wpcp-single-item h5{ margin-bottom:10px; color:#000; font-family:"Quicksand", Sans-serif;}
#sp-wp-carousel-free-id-2820.sp-wpcp-2820 .wpcp-single-item p{ font-size:15px; font-family:"Inter", Sans-serif;}

.product-details-icon-section .owl-carousel .owl-item img{ object-fit:contain;}


.rf-quote p{ margin:0;}
.rf-quote label{ width:100%;}
.rf-quote input[type="text"],
.rf-quote input[type="tel"],
.rf-quote input[type="date"],
.rf-quote input[type="email"]{ margin:0 0 30px 0 !important; padding:10px 15px !important; width:100% !important; background:#fff !important; line-height: 1; height: auto !important; font-family:"Quicksand", Sans-serif;}
.rf-quote select{ margin:0 0 30px 0 !important; padding:10px 15px !important; border-radius:0 !important; width:100% !important; background:#fff !important; border-radius:30px !important; font-family:"Quicksand", Sans-serif;}
.rf-quote textarea{ margin:0 0 30px 0 !important; padding:15px 15px !important; width:100% !important; height:100px !important; background:#fff !important; resize:none; font-family:"Quicksand", Sans-serif;}

.rf-quote input[type="checkbox"]{ margin:0 0px 0 0 !important; display:inline; accent-color: #77C04D; font-family:"Quicksand", Sans-serif;}
.rf-quote .wpcf7-list-item{ margin:0;}
.rf-quote .wpcf7-list-item-label{ display:inline;}

.wpcf7-form-control-wrap{ width:100%; float:left;}

.rf-quote input[type="submit"]{background-color: #ECC51E !important; border: none !important; color: #fff;}
.rf-quote input[type="submit"]:hover{background-color: #BC2121 !important;}

.wpcf7-not-valid-tip{ color:#f00 !important; font-size:12px !important; position: absolute; bottom: 10px; min-width:150px; letter-spacing: normal;}
.checkbox-area .wpcf7-not-valid-tip{bottom: -15px;}

.contact-info-area li{ width:100%;}


@media only screen and (max-width: 767px){
.banner-section .header-slider .slide-tablecell .slide-text h2{ font-size:30px;}
.banner-section .header-slider .slide-tablecell .slide-text p { font-size: 16px;}
#exad-modal-e247240{ width:80%; overflow-y: auto; overflow-x: hidden; height:90%;}
.rf-quote input[type="text"],
.rf-quote input[type="tel"],
.rf-quote input[type="date"],
.rf-quote input[type="email"]{ margin:0 0 15px 0 !important; }
.rf-quote select{ margin:0 0 15px 0 !important; }
.rf-quote textarea{ margin:0 0 15px 0 !important; padding:5px 15px !important; height:50px !important; }
	
.wpcf7-not-valid-tip{ bottom: 5px;}

	
.wpb-ea-content-items-slider.owl-theme .owl-nav.disabled{ display:none !important;}
	
.exad-modal-item.active.modal-vimeo{width: 90%; height: 90%; overflow-x: hidden; overflow-y: scroll;}	
.exad-contact-form{overflow-x: auto; overflow-y: hidden;}	
	
}