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

.pad-lg {padding-block: clamp(40px, 11.7vw, 120px);}
.pad-lg-start {padding-block-start: clamp(40px, 11.7vw, 120px);}
.pad-lg-end {padding-block-end: clamp(40px, 11.7vw, 120px);}
.pad-md {padding-block: clamp(30px, 5.8vw, 80px);}
.pad-md-start {padding-block-start: clamp(30px, 5.8vw, 80px);}
.pad-md-end {padding-block-end: clamp(30px, 5.8vw, 80px);}
.pad-sm {padding-block: clamp(20px, 3.75vw, 60px);}
.pad-sm-start {padding-block-start: clamp(20px, 3.75vw, 60px);}
.pad-sm-end {padding-block-end: clamp(20px, 3.75vw, 60px);}
.pad-inline {padding-inline: clamp(1.25rem, -0.625rem + 8.3333vw, 9.375rem);}
p:last-of-type {margin-bottom: 0px;}
.form-grid {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: clamp(20px,2.2vw,30px);
}
.form-grid p {margin-bottom: 0px;}
.form-grid .span-2 {
	grid-column: span 2;
}
.form-grid .center {
	text-align: center;
}
.stretched {
	--container-default-padding: clamp(1.25rem, -0.625rem + 8.3333vw, 9.375rem);
  display:grid;
  grid-template-columns:minmax(var(--container-default-padding),1fr) minmax(0,calc(var(--container-max-width) * var(--split, 0.5))) minmax(0,calc(var(--container-max-width) * calc(1 - var(--split, 0.5)))) minmax(var(--container-default-padding),1fr);
/*   gap:var(--widgets-spacing); */
  grid-template-rows:1fr;
}
.stretched>.elementor-widget-image {
  grid-column:1 / span 2;
}
.stretched>.elementor-widget-image+.e-con-full {
  grid-column:3 / span 1;
  padding-left:clamp(20px,2.2vw,30px);
}
.stretched>.e-con-full+.elementor-widget-image {
  grid-column:3 / span 2
}
.stretched>.e-con-full {
  grid-column:2 / span 1;
  padding-right:clamp(20px,2.2vw,30px);
}
@media screen and (max-width:991px) {
  .stretched {
    grid-template-rows:auto auto;
    gap:20px 0
  }
  .stretched .elementor-widget-image {
    grid-column:1 / -1!important;
    grid-row:1
  }
  .stretched :is(.e-con-full, .e-con-boxed) {
    grid-column:2 / -2!important;
    padding-inline:0px!important
  }
  .stretched::after {
    grid-row:2
  }
}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], select, textarea {
	border: 1px solid #fff;
  border-radius: 0px;
	background-color: #faaf10;
	color: #fff;
}
.wpcf7-not-valid.wpcf7-not-valid {
	border-color: red;
}
.form-grid.form-grid.form-grid input[type="submit"] {
  border: 3px solid #000;
  border-radius: 0px;
  color: #fff;
	text-transform: uppercase;
}
.form-grid.form-grid.form-grid input[type="submit"]:hover {
	background: #000;
}
.wpcf7-response-output {
	color: #000;
  margin: 10px 0 0 !important;
  font-size: 14px;
}
.wpcf7-not-valid-tip {
	position: absolute;
  top: calc(100% + 15px);
  left: 0;
  font-size: 14px;
  line-height: 1;
}
#mega-menu-menu-1 > .mega-menu-item::before {
  display: block !important;
  position: absolute;
  content: '';
  width: 10px;
  height: 100%;
  top: 0;
  right: 100%;
  background: transparent;
  transition: all 0.2s ease-out;
}
#mega-menu-menu-1 > .mega-menu-item::after {
  display: block !important;
  position: absolute;
  content: '';
  width: 10px;
  height: 100%;
  top: 0;
  left: 100%;
  background: transparent;
  transition: all 0.2s ease-out;
}
#mega-menu-menu-1 > .mega-menu-item:not(.mega-current-menu-item)::after {
  transform: translateX(100%);
  opacity: 0;
}
#mega-menu-menu-1 > .mega-menu-item:not(.mega-current-menu-item)::before {
  transform: translateX(-100%);
  opacity: 0;
}
#mega-menu-menu-1 > .mega-menu-item:hover::after,
#mega-menu-menu-1 > .mega-menu-item:hover::before {
  transform: translateX(0%);
  opacity: 1
}
#mega-menu-menu-1 > .mega-menu-item::after, #mega-menu-menu-1 > .mega-menu-item::before {
  border: 2px solid var(--e-global-color-primary);
}
#mega-menu-menu-1 > .mega-menu-item::after {
  border-left: transparent;
}
#mega-menu-menu-1 > .mega-menu-item::before {
  border-right: transparent;
}
.elementor-testimonial-details .elementor-testimonial-name {
  padding-top: 20px;
  width: calc(100% + 15px);
  border-top: 2px solid;
  margin-top: 5px;
}
@media screen and (min-width:991px) {
	.programms {
		--cols: 3;
	}
	.programms .hov:not(:hover) > * {
		opacity: 0;
	} 
}
.stretched.banner {
  --split: 0.375;
  --container-max-width: 1530px;
}
@media screen and (min-width: 1024px) {
  .stretched.banner .elementor-heading-title {
    --pseudo-length: 100px;
    --pseudo-length-gap: 30px;
  }
  .stretched.banner .elementor-heading-title::before {
    position: absolute;
    content: '';
    top: calc(50% - 0.5px);
    left: calc(100% + var(--pseudo-length-gap));
    width: var(--pseudo-length);
    height: 1px;
    background: #fff;
  }
  .stretched.banner .elementor-heading-title::after {
    position: absolute;
    content: '';
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: url('https://demo-house.com/sg/able/wp-content/uploads/2026/06/wfww.png');
    background-size: contain;
    left: calc(100% + var(--pseudo-length) + 50px);
  }
}
@media screen and (max-width: 991px) {
  .stretched.banner {
    grid-template-rows: auto;
    gap: 20px 0;
  }
  .stretched.banner :is(.e-con-full, .e-con-boxed) {
    grid-row: 1 / -1;
    z-index: 9
  }
}
.popup-form .form-grid :is(input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], select, textarea) {
  background: #fff;
  border-color: #000;
  color: #000;
}
.popup-form .form-grid.form-grid.form-grid input[type="submit"]:not(:hover) {
  background: var(--e-global-color-primary);
}
.hidden { display: none; }