/*
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: "merriweather", serif;
}
h5,h6,a,p,li, .elementor-widget-text-editor .elementor-widget-container{
		font-family: "ibm-plex-mono", sans-serif;
}
 .gfield_label{
	 font-family: "ibm-plex-mono", sans-serif !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	line-height: 150% !important;
}
.bullet-points ul, .bullet-points ol{
	    padding-left: 1.5rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.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: "ibm-plex-mono", sans-serif !important;
	font-size: 1.25rem !important;
font-weight: 400 !important;
	color: #003A40 !important;
	text-align:center !important;
	width: 100% !important;
    margin: 0 auto !important;
}

.contact-form input, .contact-form input::placeholder, .contact-form textarea, .contact-form textarea::placeholder{
	font-family: "ibm-plex-mono", sans-serif !important;
	border-width: 0px !important;
    box-shadow: none !important;
	font-size:1rem !important;
	font-weight: 400 !important;
	color:#000 !important;
	background-color:#F3F4DA00 !important;
}
.contact-form input, .contact-form textarea{
	padding:1.125rem !important;
	border:1px solid #302C23 !important;
}
.contact-form input[type="radio"], .contact-form input[type="checkbox"]{
	padding:0.8rem !important;
}
.contact-form .gform-footer .gform_button{
	font-family: "ibm-plex-mono", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    border-radius: 0.125rem 0.125rem 0.125rem 0.125rem !important;
    padding: 0.75rem 01.5rem 0.75rem 01.5rem !important;
	background-color: #466759 !important;
    color: #F2EDE7 !important;
	margin:0rem 0 !important;
	border: 1.5px solid #466759 !important;
}
.contact-form .gform-footer .gform_button:hover{
	       color: #466759 !important;
	background-color: #D2D75500 !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;
	}	
	.footer-menu ul.elementor-nav-menu{
		    flex-direction: column;
    align-items: center;
		gap:0.7rem;
	}
}