/*
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.3.0.1741165995
Updated: 2025-03-05 09:13:15

*/

	.cid-uEv7GLzaRA ul.navbar-nav{margin:0px;}
		
		
		
		#menu-1-uEv7GLzaRA.cid-uEv7GLzaRA{background:#fffcf2 !important}
		.cid-uEv7GLzaRA .navbar{background:#fffcf2 !important; padding-top:2px !important; padding-bottom:2px !important}
		
		
html, body{font-family: 'Montserrat', sans-serif; height:100%; }
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px}
p{margin:0px; padding:0px; line-height:25px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{background:#647a67}

#banner{background:url(https://fabriart.in/wp-content/uploads/2025/03/bg.png) no-repeat top center; background-size:cover; padding:80px 0px}
#banner h1{font-family: "Dancing Script", cursive; font-size:78px; font-weight:500; color:#fff}
#banner p{font-size:20px; font-weight:400; color:#fff; padding:15px 0px}
#banner a{font-size:18px; font-weight:600; color:#fff; padding:15px 0px; width:180px; text-align:center; display:block; background:#647a67; border-radius:100px; margin:10px 0px; border:#647a67 1px solid}
#banner a:hover{color:#647a67; background:#fff}

#aboutsection{padding:40px 0px}
#aboutsection .row{align-items:center}
.abtext h1{font-size:40px; font-weight:700; color:#647a67; font-family: "Dancing Script", cursive;}
.abtext h2{font-size:35px; font-weight:700; color:#000; padding:10px 0px}
.abtext p{font-size:16px; font-weight:400; color:#000; padding:10px 0px}
.abtext a{font-size:18px; font-weight:600; color:#fff; padding:15px 0px; width:180px; text-align:center; display:block; background:#647a67; border-radius:100px; margin:10px 0px; border:#647a67 1px solid}
.abtext a:hover{color:#fff; background:#000}


#relest{background:url(https://fabriart.in/wp-content/uploads/2025/03/bg1.png) no-repeat top center fixed; background-size:cover; padding:60px 0px; text-align:center}
#relest .abtext h1{color:#fff; padding:15px 0px; font-size:50px;}
#relest .abtext h2{color:#fff; padding:0px 0px; font-size:24px}
#relest a{margin:0px auto}

#gallery{padding:40px 0px; background:#fff}
.head h1{font-size:50px; font-weight:700; color:#2d2e33; text-align:center;}
.head{padding:15px 0px 40px;}
.imggallery{padding:10px 0px}
.imggallery img{border:5px solid #fff; box-shadow:0px 0px 10px #00000020; width:100%;}

#procesetion{padding:40px 0px}
#procesetion .row{align-items:center}

#footer{background:#fffcf2; padding:50px 0px 30px}
.newslet h2{font-size:26px; font-weight:700; color:#000; padding:4px 0px}
.newslet p{font-size:16px; font-weight:400; color:#7d7d7d; padding:4px 0px}
.newsletf{background:#fffcf2; border:1px solid #919191; border-radius:100px; display:flex; flex-wrap:wrap; padding:5px}
.newsletf .col8{max-width:70%; flex:70%;}
.newsletf .col4{max-width:30%; flex:30%;}
.newsletf .form-control{background:none; outline:none; border:none; box-shadow:none; font-size:16px; font-weight:400; padding:13px 10px; color:#000}
.newsletf .btn{font-size:16px; font-weight:600; color:#fff; padding:15px 0px; width:100%; text-align:center; display:block; background:#647a67; border-radius:100px; border:#fff 1px solid; margin:0px}
.newsletf .btn:hover{color:#647a67; background:#fff}
.aligr{align-items:center; padding-bottom:40px; border-bottom:1px solid #7d7d7d; margin-bottom:40px}
#wpcf7-f107-o1 .wpcf7-spinner{display:none !important;}

.newsletf .wpcf7-spinner{display:none !important;}


.footerlink ul li{padding:5px 0px}
.footerlink ul li a{color:#7d7d7d; font-size:15px; font-weight:400; text-decoration:none}
.footerlink ul li a:hover{color:#617765;}
.footerlink ul li a i{padding-right:8px;}
#copyright{background:#647a67; padding:20px 0px; text-align:center}
#copyright p{color:#fff; font-size:15px; font-weight:400;}
.footerlink img{max-width:150px}
#contact-section h1{margin-bottom:0px !important;}
#contact-section p{padding:0px 0px 10px}

.wpcf7-not-valid-tip{position:absolute; bottom:-36px;}

@media (min-width: 992px) and (max-width: 1199px) {
#banner h1{font-size:58px;}	

.abtext h1{font-size:30px;}
.abtext h2{font-size:25px}
.abtext p{font-size:15px}
.abtext a{font-size:16px; padding:11px 0px}

#relest .abtext h2{font-size:20px;}
#relest .abtext h1{font-size:40px;}
.head h1{font-size:40px;}

}

@media (min-width: 768px) and (max-width: 991px) {
#banner h1{font-size:58px;}	
#banner{text-align:center}
#banner a{margin:10px auto; font-size:16px;}

.abtext h1{font-size:30px;}
.abtext h2{font-size:25px}
.abtext p{font-size:15px}
.abtext a{font-size:16px; padding:11px 0px}

#relest .abtext h2{font-size:20px;}
#relest .abtext h1{font-size:40px;}
.head h1{font-size:40px;}

.newslet{padding:0px 0px 10px; text-align:center}

}
@media (max-width: 767px) {
#banner h1{font-size:38px;}	
#banner p{font-size:17px;}
#banner{text-align:center; padding:37px 0px;}
#banner a{margin:10px auto; font-size:16px;}

.abtext h1{font-size:25px;}
.abtext h2{font-size:22px}
.abtext p{font-size:14px}
.abtext a{font-size:16px; padding:11px 0px}

#relest .abtext h2{font-size:20px;}
#relest .abtext h1{font-size:23px;}
.head h1{font-size:30px;}
.head{padding:10px 0px;}

#gallery{padding:20px 0px}

.newslet{padding:0px 0px 10px; text-align:center}
.newslet h2{font-size:20px;}
.newslet p{font-size:15px}
.newsletf .col8{max-width:100%; flex:100%}
.newsletf .col4{max-width:100%; flex:100%}
.newsletf{border-radius:10px; padding:5px 5px 10px}

#procesetion{padding:20px 0px 40px;}
#footer{padding:30px 0px}

}
.map-responsive {
    height:50%;
}