/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body,html{overflow-x:hidden; width: 100%; min-width: 1200px;background-color:#BFDFFF;}
.fill.green {right: -100px;top: 190px;}
.flex {display: flex;justify-content: flex-start;column-gap: 20px;align-items:center;}


/* CONTACT US PAGE */
/* Set an Appointment Form */
#appointment-form { font-family: 'Montserrat'; }
#appointment-form input, #appointment-form textarea { padding: 20px; background: #fff; color: #000; font-size: 15px; font-weight: 600; border: none; margin: 0; }
#appointment-form br {display: none}
#appointment-form span {width: 100%}
#appointment-form .wpcf7-list-item-label, #appointment-form ~ .wpcf7-response-output { color: #fff; font-family: 'Montserrat';}
#appointment-form .flex p {display: flex; gap: 10px; }
#appointment-form .codedropz-upload-inner h3 { font-size: 35px; }
#appointment-form .cd-upload-btn, #appointment-form .wpcf7-response-output { color: #fff !important; }
#appointment-form .codedropz-upload-inner span { display: block; padding: 10px; }
#appointment-form .codedropz-upload-inner { background: #195380; color: #fff; padding: 40px 20px; border-radius: 8px; border: 1px solid white; }
#appointment-form .dnd-upload-counter { color: #fff; left: 0; right: 0; bottom: 30px; text-align: center; }
#appointment-form [type=submit] {display: block; margin: 20px auto 0; padding: 15px 40px; background: #FF7373; border-radius: 50px; color: #fff}

#first-sec {background-position-y: 0px;background-size: 100% 80%;}
#header, #second-sec, #testimonials{background-size: 100% 100%;}
.about.inner {max-width: 1600px;margin: 0 auto;}
#second-sec .text .btn {background: #FF7373;padding: 20px; display: block;border-radius: 50px;color: white;max-width: 250px; margin: 30px auto 0;}
#second-sec .text p {color: #545454; font-size: 16px;font-family: 'Poppins';}
#second-sec .text h2 {color: #0087BE;font-size: 50px;font-family: 'madesaonara';}
#second-sec .text { background: white; padding: 70px 8%; text-align: center;border-radius: 30px; margin: -40px auto 0; box-shadow: 2px 1px 5px 2px rgb(119 119 119 / 75%);position: relative;}
#second-sec .owl-carousel .owl-item img {width: 100% !important;height: 400px !important;}
.testi.inner {background-size: 100% 100% !IMPORTANT;max-width: 1400px;margin: 0 auto;}
.stars{height: 30px !important;}
.text p {font-size: 16px;font-family: 'Poppins';font-weight: 700;line-height: 190%; margin-top: 20px;}
.text h4 {font-size: 20px;font-family: 'Poppins';font-weight: 700;margin: 0;}
.testi.inner:before, .testi.inner:after {content: '';position: absolute;background: url(https://beta7.technodreamcenter.com/colorflooring.com/wp-content/uploads/2023/08/Untitled-13.fw_.png) no-repeat;width: 200px;height: 200px;top: 40%;left: -10px;}
.testi.inner:after {left: auto;right: -170px; background: url(https://beta7.technodreamcenter.com/colorflooring.com/wp-content/uploads/2023/08/Untitled-12.fw_.png) no-repeat;}
.form ::placeholder {color: white;}
.form input.wpcf7-form-control.wpcf7-text, .form textarea {padding: 20px;background: #195380;color: white;font-size: 15px;font-family: 'Montserrat';font-weight: 700;border: none;border-left: 1px solid white;border-right: 1px solid white;}
.form textarea, .form input.wpcf7-form-control.wpcf7-text, .form span {width: 100%;}
.form .flex p {display: flex; justify-content: space-between;column-gap: 10px; margin-bottom: 10px; width: 100%;}
.form h2 {font-size: 64px;font-family: 'madesaonara';}
.form {text-align: center; color: white;background: url(https://beta7.technodreamcenter.com/colorflooring.com/wp-content/uploads/2023/08/Untitled-5.fw_-1.png) no-repeat;padding: 20px 20%;background-size: 100% 100%;}
.form .btn {background: #FF7373;color: whitesmoke;border: none;display: block;margin: 20px auto 0;padding: 15px;border-radius: 50px;max-width: 240px;width: 100%;}
.form p {font-size: 17px;font-family: 'Montserrat';margin-bottom: 20px;}
.right.house .elementor-widget-wrap {left: -130px;background-size: 100% 70% !important;z-index: 1; background-position-y: 270px;}
.form textarea.wpcf7-form-control.wpcf7-textarea {height: 200px;}
#footer {background-size: 100% 150%;margin-top: -90px;}
.contact .form{padding: 20% 10%;}
.wpcr3_respond_1.wpcr3_in_content {
    max-width: 1300px;
    margin: -290px auto 290px !important;
}

@media (max-width: 1200px){
	#second-sec .text h2 {font-size: 30px;}
	#second-sec .text p {line-height: 150%;}
	.testi.inner {max-width: 1000px;}
	.stars {height: 20px !important;}
	.text p {font-size: 15px;line-height: 160%;}
}

@media (max-width: 1024px){
	html, body{min-width: 320px;}
	.fa-align-justify:before {content: "\f039";color: white;}
	a.hfe-menu-item {color: black !important;}
	.testi.inner{background: white !important; }
	.form{padding: 20px 10%;}
}

@media (max-width: 767px){
	.flex {display: block; margin: 0 !important;}
	#testimonials .flex {text-align: center;}
	.form h2 {font-size: 50px;}
	input.wpcf7-form-control.wpcf7-text {margin-bottom: 10px;}
	#appointment-form .flex p { flex-wrap: wrap; }
	#appointment-form .codedropz-upload-inner h3 { font-size: 20px; }
}