/*
Theme Name: Horizon Architects
Theme URI: https://horizonarchitects.co.in/
Author: Inventif Web
Author URI: https://www.inventifweb.com/
Template: alsha
Description: Horizon Architects website theme.
Version: 1.1.4
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: alsha-child
Tags: architecture, architect, interior design, construction, building, engineering, portfolio, business, agency, studio, real estate, modern, responsive, Elementor, WordPress, creative, minimal, corporate, renovation, home design
*/

/* ---------------------------------------------
   Add your custom CSS below this line
--------------------------------------------- */
/* Testimonial card logo is set per-widget in Elementor (carousel b2949ba); the rules that
   used to live here were fully overridden by it, so they have been removed. */
.elementor-element-0732e06.video.elementor-widget-video,.elementor-video {
max-height: 90vh;
}
.custom-swiper-slide-inner:hover {
	transform: unset;
}
.box-number-text-1910820a {
	width: 3rem;
}
.logoSlider .elementor-widget-container .alsha-image-carousel-el .swiper-wrapper a img {
	height: 150px;
	display: block;
	object-fit: contain;
	border: 1px solid;
}
.teamCont .e-con-inner {
	margin-left:30px !important;
}

/* ha-tablet-gutter: side gutter for boxed sections between the phone (<768px, which pages pad themselves) and laptop breakpoints (Elementor containers have 0 side padding set on desktop). */
@media (min-width: 768px) and (max-width: 1366px) {
	.e-con.e-con-boxed > .e-con-inner {
		padding-left: 40px;
		padding-right: 40px;
	}
}

/* ha-coffee-brown: client asked for all black text to be coffee brown (#4F3224). Theme widgets fall back to black through these variables when no widget colour is set; widget-level colours still override. */
body {
	--alsha-title-color: #4F3224;
	--alsha-text-color: #4F3224;
	--alsha-description-color: #4F3224;
	--alsha-item-color: #4F3224;
	--alsha-item-count-color: #4F3224;
	--alsha-teammember-name-color: #4F3224;
	--alsha-swiper-title-color: #4F3224;
	--alsha-date-color: #4F3224;
	--alsha-label-color: #4F3224;
	--alsha-nav-color: #4F3224;
	--alsha-filter-color: #4F3224;
	--alsha-result-color: #4F3224;
	--alsha-post-meta-color: #4F3224;
	--alsha-input-color: #4F3224;
	--alsha-reviewer-name-color: #4F3224;
	--alsha-review-color: #4F3224;
	--alsha-rating-color: #4F3224;
	--alsha-category-color: #4F3224;
	--alsha-icon-list-color: #4F3224;
	--alsha-list-color: #4F3224;
}

/* Hamburger / anchor buttons: the theme falls back to a black circle with a white icon on hover. Use coffee brown instead. The resting icon colour comes from each widget’s own Color setting. */
.alsha-anchor-el {
	--alsha-icon-hover-background-color: #4F3224;
}

/* Icon-list bullets/icons only. --alsha-icon-color is shared with buttons, where it must stay white, so it must never be set globally. */
.alsha-icon-list-el {
	--alsha-icon-color: #4F3224;
}


/* ha-jobs: careers openings, rendered by the [ha_jobs] shortcode. */
.ha-jobs { border-top: 1px solid rgba(79,50,36,.14); }
.ha-job { border-bottom: 1px solid rgba(79,50,36,.14); }
.ha-job-head { display: flex; align-items: center; gap: 18px; width: 100%; padding: 22px 4px; background: none; border: 0; cursor: pointer; text-align: left; font-family: inherit; color: #4F3224; transition: color .25s ease; }
.ha-job-head:hover { color: #F98619; }
.ha-job-no { font-size: 14px; letter-spacing: .06em; color: #A79890; min-width: 26px; }
.ha-job-title { flex: 1 1 auto; font-size: 20px; font-weight: 500; line-height: 1.3; }
.ha-job-icon { position: relative; flex: 0 0 auto; width: 34px; height: 34px; border: 1px solid rgba(79,50,36,.2); border-radius: 50%; transition: background-color .25s ease, border-color .25s ease; }
.ha-job-icon::before, .ha-job-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1.5px; background: currentColor; transform: translate(-50%,-50%); transition: transform .3s ease, opacity .3s ease; }
.ha-job-icon::after { transform: translate(-50%,-50%) rotate(90deg); }
.ha-job.is-open .ha-job-icon { background: #4F3224; border-color: #4F3224; color: #fff; }
.ha-job.is-open .ha-job-icon::after { opacity: 0; transform: translate(-50%,-50%) rotate(0deg); }
.ha-job-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .42s cubic-bezier(.4,0,.2,1); }
.ha-job.is-open .ha-job-body { grid-template-rows: 1fr; }
.ha-job-body-inner { overflow: hidden; opacity: 0; transition: opacity .28s ease .04s; }
.ha-job.is-open .ha-job-body-inner { opacity: 1; }
.ha-job-meta { padding-left: 48px; }
.ha-job-desc { padding: 0 4px 30px 48px; }
.ha-job-meta { display: flex; flex-wrap: wrap; gap: 10px 12px; list-style: none; margin: 0 0 22px; padding: 0; }
.ha-job-meta li { display: flex; align-items: center; gap: 8px; padding: 7px 16px; border-radius: 100px; background: #F5F1E6; font-size: 14px; color: #4F3224; }
.ha-job-meta li span { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #A79890; }
.ha-job-desc ul { list-style: none; margin: 0; padding: 0; }
.ha-job-desc ul li { position: relative; padding-left: 20px; margin-bottom: 10px; line-height: 1.7; }
.ha-job-desc ul li::before { content: ""; position: absolute; left: 0; top: 11px; width: 7px; height: 1.5px; background: #F98619; }
.ha-job-desc p { margin-bottom: 12px; }
.ha-job-desc > *:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
	.ha-job-head { gap: 12px; padding: 18px 2px; }
	.ha-job-title { font-size: 17px; }
	.ha-job-meta { padding-left: 0; }
	.ha-job-desc { padding: 0 2px 24px 0; }
}


/* ha-scrollbar-gutter: always reserve the scrollbar's width so the page never
   jumps sideways when a section changes height (e.g. opening/closing a careers
   accordion row, which can make the page short enough to drop the scrollbar). */
html { scrollbar-gutter: stable; }
@supports not (scrollbar-gutter: stable) {
	html { overflow-y: scroll; }
}