/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* General Styling */

@media screen {
	html {
		margin-top: 0 !important;
	}
}

body {
	margin: 0;
	padding: 0;
}

#admin-bar-inline-css html {
	display: none !important;
}

.site-pretty-btn {
	padding: 0.7vw 1.4vw !important;
	border: none !important;

	cursor: pointer !important;
	font-size: 1vw !important;

	border-radius: 0.5vw !important;
	background-color: black !important;
	color: white !important;
	border: 0.1vw solid black !important;
}

.site-pretty-btn:hover {
	color: black !important;
	background-color: transparent !important;
	border: 0.1vw solid black !important;
}

.site-pretty-btn.active {
	background-color: black !important;
	color: white !important;
}

.table-headers {
	display: flex;
	justify-content: space-between;
	max-width: 100%;
	font-size: 2vw;
	align-items: center;
	background: #000000;
	padding: 2vw;
	color: #fff;
}

.form-container {
	display: flex;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.402);
	padding: 1vw 1.5vw;
	border-radius: 3.5vw;
	width: 35vw;
	box-shadow: 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.2);
	border: 0.2vw solid white;
}

.form-container .form-icon {
	font-size: 2vw;
	color: #fff;
	margin-right: 0.8vw;
}

.form-container .form-search {
	border: none;
	outline: none;
	background: transparent;
	flex: 1;
	font-size: 1.5vw;
	color: #fff;
	padding: 0;
}

#search-form {
	position: relative !important;
	text-align: center;
}

.form-container .form-search::placeholder {
	color: #fff;
	opacity: 0.8;
}

.form-container .search-btn {
	background-color: #ffffff;
	color: rgb(0, 0, 0);
	border: none;
	padding: 0.5vw 1.2vw;
	border-radius: 1.5vw;
	font-size: 1.5vw;
	cursor: pointer;
}

.form-container #suggestions {
	position: absolute;
	background: #ffffff94;
	border: 1px solid #ccc;
	width: 90%;
	/* Make it match the input field width */
	display: none;
	max-height: 10vw;
	overflow-y: auto;
	z-index: 9999;
	top: 100%;
	/* Align it directly below the input field */
	left: 2vw;
	border-radius: 1vw;
	box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
}

.form-container #suggestions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.form-container #suggestions li {
	padding: 8px;
	cursor: pointer;
	transition: background 0.2s ease-in-out;
	text-align: left;
}

.form-container #suggestions li:hover {
	background: #f0f0f0;
}
.joinus-btn{
    border: 0;
    padding: 1vw 2.5vw;
    font-size: 1.3vw;
    font-family: sans-serif;
}