/*
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.1741326987
Updated: 2025-03-07 05:56:27

*/

*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
.stickyheaders{
	transition : transform 0.34s ease;
/* 	background-color: #1c252d; */
}
.headerup{
	transform: translateY(-120px); /*adjust this value to the height of your header*/
}
body {
	overflow-x: hidden;
}
h1,h2,h3,h4{
	font-family: "ibm-plex-serif", sans-serif;
}
h5,h6,a,p,li, .elementor-widget-text-editor .elementor-widget-container{
		font-family: "Montserrat", Sans-serif;	
}
 .gfield_label{
	 font-family: "Montserrat", Sans-serif !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	line-height: 150% !important;
}
p {
    margin-block-end: 0 !important;
    margin-block-start: 0;
}
.bullet-points ul, .bullet-points ol{
	padding-left:1.5rem !important;
}
.current-menu-item a{
	text-decoration:underline !important;
	text-underline-offset: 4px;
}
.gfield input:focus, .gfield textarea:focus, .gfield select:focus {
  outline: none !important;
  border: 0px;
  box-shadow: none !important; /*  Also removes the default box-shadow, if present  */
}
.gform_required_legend{
	display:none;
}
.gform_fields{
	gap:20px !important;
}
.gform_confirmation_message{
	font-family: "Montserrat", sans-serif !important;
	font-size: 1.25rem !important;
font-weight: 500 !important;
	color: #000 !important;
	text-align:center !important;
	width: 75% !important;
    margin: 0 auto !important;
}

.contact-form input, .contact-form input::placeholder, .contact-form textarea, .contact-form textarea::placeholder{
	font-family: "Montserrat", sans-serif !important;
	border: 1.25px solid #000 !important;
	border-radius:0.125rem !important;
    box-shadow: none !important;
	font-size:1rem !important;
	font-weight: 700 !important;
	color:#000 !important;
}
.contact-form input, .contact-form textarea{
	padding:1rem !important;
}
.contact-form input[type="radio"], .contact-form input[type="checkbox"]{
	padding:0.8rem !important;
}
.contact-form .gform-footer .gform_button{
	margin:1rem 0 !important;
	font-family: "Montserrat", Sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 150% !important;
    letter-spacing: 0.04688rem !important;
    color: #FFFFFF !important;
    background-color: #C75223 !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
    border-color: #C75223 !important;
    padding: 0.8rem 1.8rem 0.8rem 1.8rem !important;
}
.contact-form .gform-footer .gform_button:hover{
	color: #C75223 !important;
	background-color: #02010100 !important;
}
.footer-menu .e-n-menu-title{
	padding: 0.5rem 0.5rem !important;
}


@media only screen and (max-width: 1400px) and (min-width: 1025px) {
	html{
		font-size:14px;
	}	
}
@media only screen and (max-width: 1024px) and (min-width: 881px) {
	html{
		font-size:14px;
	}	
}
@media only screen and (max-width: 880px) and (min-width: 481px) {
	html{
		font-size:12px;
	}	
}
@media only screen and (max-width: 480px){
	html{
		font-size:16px;
	}	
	.hero-bg .elementor-element{
		 background-image: none !important;
	}
	.footer-menu ul.e-n-menu-heading{
		flex-direction: column !important;
    	align-items: center !important;
	    gap: 1rem !important;
	}
}