/* 
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
*/
 @import url(https://db.onlinewebfonts.com/c/82c2a5e04d77145ad577b9b44c38f3b0?family=Alkaline+Test+Demi); 
@font-face {
    font-family: "Alkaline Test Demi";
    src: url("https://db.onlinewebfonts.com/t/82c2a5e04d77145ad577b9b44c38f3b0.eot");
    src: url("https://db.onlinewebfonts.com/t/82c2a5e04d77145ad577b9b44c38f3b0.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/82c2a5e04d77145ad577b9b44c38f3b0.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/82c2a5e04d77145ad577b9b44c38f3b0.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/82c2a5e04d77145ad577b9b44c38f3b0.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/82c2a5e04d77145ad577b9b44c38f3b0.svg#Alkaline Test Demi")format("svg");
}
/*
    Add your custom styles here
*/
body {
  scroll-behavior: smooth;
}

/* Optional easing feel */
* {
  scroll-margin-top: 0;
}
.alkaline-title .elementor-heading-title{ font-family: "Alkaline Test Demi" !important; }
.header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
	position: absolute;
	width: 150px;
	top: 30px;
	right: 0;
	background: #ffff;
	z-index: 999;
}
/* Label Styling */
.custom-contact-form label {
    display: block;
    margin-bottom: 5px;
}

.custom-contact-form .hidden-label {
    visibility: hidden; /* Keeps spacing consistent for Last Name */
}
.custom-contact-form .sub-label {
	display: block;
	font-size: 18px;
	margin-top: 5px;
	color:#1e1801;
	font-family: Texta;
	font-weight: 700;
}

/* The Side-by-Side Name Row */
.name-row {
    display: flex;
    gap: 20px;
}

.name-row .field-wrap {
    flex: 1;
}

.custom-contact-form .field-wrap {
    margin-bottom: 20px;
}

/* The Unique Message Box Shape */
.custom-contact-form textarea {
    height: 190px;
    border-bottom-right-radius: 40px; /* This creates the curve in your image */
}

.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	font-weight: bold;
	margin: 10px 0 0 0;
	border-color: #ff0000;
}
.lang-col-sec {
  position: relative;
  padding-left: 20px; /* space from line */
}

.lang-col-sec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  
  width: 1px;
  height: 20px; /* adjust as per design */
  
  background-color: #fff; /* or #ccc */
  opacity: 0.6;
}
#masthead {
  transition: all 0.5s ease;
}

#masthead.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;

  background-image: url("https://demo.knocktheweb.com/mate-avantgarde/website/wp-content/uploads/2026/03/Background-4_Blue-scaled.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#masthead.scrolled:hover {
  transform: translateY(0);
  opacity: 1;
}
#basic-scrolltop-button img {
	border-radius: 50px;
	border: 2px solid #000;
	padding: 5px;
	background: #fff;
}
@media (max-width: 767px) {
	.lang-col-sec {
  padding-left: 0px;
}
}
/* For large screens (above 2000px) */
@media (min-width: 2000px) {
  .banner-sec {
    height: 900px; /* adjust as needed */
  }
}

/* Optional: ultra-wide screens */
@media (min-width: 2500px) {
  .banner-sec {
    height: 1000px;
  }
}