/* 
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 */

.dark-vanilla {
	color: #D8C4B2;
}
.brown-color {
	color: #A44D2E;
}
.gray-color {
	color:#3637334d;
}
.green-color {
	color:#446d5580;
}
.our-services-section:before {
	filter: blur(50px);
}
.our-service-details {
	transition: all 0.5s ease-out;
}
.our-service-details:before {
	transform: matrix(1, 0, 0, -1, 0, 0);
}
.our-service-details:hover:before {
	background-color: #282926d9 !important;
}
.our-service-details .service-content {
	opacity:0;
}
.our-service-details:hover .service-content {
	opacity:1;
}
.our-service-details:hover .number-heading .elementor-heading-title {
	color: rgb(255 255 255 / 6%);
}
.our-service-details:hover .service-icon {
	background-color: #A44D2E;
    border: 1px solid #A44D2E;
}
.our-service-details:hover .service-icon .elementor-icon svg {
	transform: rotate(30deg);
}
.testimonial-slider-details .swiper-slide-active > .elementor-element {
	background-color: #F4F4F4 !important;
    border: 1px solid #F4F4F4 !important;
}
.testimonial-slider-details .swiper-slide .e-con-inner .elementor-widget-theme-post-content {
	text-align:left;
}
.testimonial-slider-details .swiper-slide .e-con-inner .client-name {
	flex-direction: row-reverse;
}
.testimonial-slider-details .swiper-slide-next {
	position:relative;
}
.testimonial-slider-details .swiper-slide-next:before {
	position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) -11.11%, #FFFFFF 76.9%);
    z-index: 1;
}
.testimonial-slider-details .swiper-pagination .swiper-pagination-bullet-active {
	width: 22px;
    border-radius: 3px;
}
.testimonial-slider-details .swiper-pagination {
	inset-inline-start: 75%;
}
.blog-listing-details .category-guide-pdf {
	background-color: #F4F4F4 !important;
    padding: 35px !important;
    border-radius: 14px !important;
}
.blog-listing-details .category-guide-pdf:hover {
	background-color: #2B2C27 !important;
}
.blog-listing-details .category-guide-pdf .blog-category {
/* 	background-color: #446D55 !important; */
	position: relative !important;
    left: 0 !important;
    top: 0 !important;
}
/* .blog-listing-details .e-loop-item:hover,  */
.blog-listing-details .category-guide-pdf:hover {
	background-color: #2B2C27 !important;
	border-radius: 14px !important;
}
/* .blog-listing-details .category-uncategorized:hover .blog-content-details {
	padding:10px 20px 30px;
} */
.blog-listing-details .category-guide-pdf .blog-title .elementor-heading-title {
	font-size: 20px !important;
}
.blog-listing-details .category-guide-pdf:hover .elementor-heading-title,
.blog-listing-details .category-guide-pdf:hover .blog-title .elementor-heading-title,
.blog-listing-details .category-guide-pdf:hover .blog-short-description,
.blog-listing-details .category-guide-pdf:hover .elementor-button {
	color: #ffffff !important;
}
/* .blog-listing-details .e-loop-item:hover .elementor-button {
	border-bottom: none !important;
} */
.blog-listing-details .category-guide-pdf .blog-title {
	margin-top: 15px;
    margin-bottom: 10px;
}
.blog-listing-details .category-guide-pdf .elementor-button {
	border: none !important;
    width: 100%;
}
.blog-listing-details .category-guide-pdf .elementor-button .elementor-button-content-wrapper {
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.blog-listing-details .category-guide-pdf .elementor-button .elementor-button-icon svg {
	height: 32px !important;
    width: 32px !important;
}
.faq-slider-details .e-loop-item .elementor-widget-icon {
	margin-top: auto;
}
.faq-slider-details .swiper-slide-active > .e-parent {
	background-color: #363733 !important;
	border-top: 3px solid #A44D2E !important;
}
.faq-slider-details .swiper-slide-active .faq-number .elementor-heading-title {
	color: #A44D2E !important;
}
.faq-slider-details .swiper-slide-active .faq-heading .elementor-heading-title,
.faq-slider-details .swiper-slide-active .faq-content {
	color:#ffffff !important;
}
.faq-slider-details .swiper-pagination-bullet-active {
	width: 20px;
    border-radius: 3px;
}
@media (max-width: 767px) {
	.footer-menu .elementor-item {
		justify-content: center;
	}
}
@media (max-width: 766px) {
	.testimonial-slider-details .swiper-pagination {
		inset-inline-start: 50%;
	}
}
/* Popup (mobile) menu: open submenus inline below the parent instead of as a
   side flyout, which SmartMenus pushes off-screen on narrow viewports.
   !important overrides the inline position/margin SmartMenus sets. */
.elementor-location-popup .elementor-nav-menu--layout-vertical .sub-menu {
	position: static !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	padding-top: 12px;
}
.elementor-location-popup .elementor-nav-menu--layout-vertical .sub-menu .elementor-sub-item {
	justify-content: center;
	text-align: center;
	font-size: 15px;
	line-height: 22px;
}

/* ==========================================================================
   Ryan Aviation – Reusable Gravity Forms style (matches old Elementor form)
   Usage: add  ra-gform  in Form Settings → "CSS Class Name"
   (GF then adds .ra-gform_wrapper to the wrapper, which this file targets)
   Works for any form ID, on any page. Uses Elementor global tokens with
   fallbacks so it still works outside Elementor pages.
   ========================================================================== */

.gform_wrapper.gform-theme.ra-gform_wrapper {
	--ra-label:        var(--e-global-color-primary, #363733);
	--ra-text:         var(--e-global-color-text, #363733CC);
	--ra-accent:       var(--e-global-color-secondary, #A44D2E);
	--ra-accent-hover: var(--e-global-color-54b30ea, #A44D2E);
	--ra-border:       #3637332E;
	--ra-border-focus: var(--e-global-color-secondary, #A44D2E);
	--ra-bg:           #ffffff;
	--ra-radius:       8px;
	--ra-font:         var(--e-global-typography-1eddae5-font-family, "Barlow"), sans-serif;

	/* keep GF internals (dropdowns, validation) on-brand */
	--gf-color-primary: var(--ra-accent);
	--gf-ctrl-border-color: var(--ra-border);
	--gf-ctrl-radius: var(--ra-radius);
	--gf-radius: var(--ra-radius);

	margin: 0;
	font-family: var(--ra-font);
}

/* Field layout: 19px gap like Elementor */
.gform_wrapper.gform-theme.ra-gform_wrapper .gform_fields {
	row-gap: 19px;
	column-gap: 10px;
}
.gform_wrapper.gform-theme.ra-gform_wrapper .gform_heading { display: none; }

/* --- Labels ------------------------------------------------------------ */
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_label,
.gform_wrapper.gform-theme.ra-gform_wrapper legend.gfield_label {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0 0 8px;
	padding: 0;
	color: var(--ra-label);
	font-family: var(--e-global-typography-2513dc0-font-family, "Barlow"), sans-serif;
	font-size: var(--e-global-typography-2513dc0-font-size, 12px);
	font-weight: var(--e-global-typography-2513dc0-font-weight, 600);
	line-height: var(--e-global-typography-2513dc0-line-height, 20px);
	text-transform: uppercase;
	letter-spacing: 0;
}

/* Remove GF's 6px padding after the label text */
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_label .gform-field-label__text {
	margin: 0;
	padding: 0;
}

/* "(Required)" → red asterisk (or set Forms → Settings → Required indicator = Asterisk) */
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_label .gfield_required {
	margin: 0 0 0 4px;
	padding: 0;
	color: var(--ra-accent);
	font-size: 0;
	line-height: 1;
}
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_label .gfield_required::after {
	content: "*";
	font-size: 12px;
	font-weight: 600;
}
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_label .gfield_required .gfield_required { display: none; }

/* --- Inputs / textarea / select --------------------------------------- */
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input[type="text"],
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input[type="email"],
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input[type="tel"],
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input[type="number"],
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input[type="url"],
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input[type="date"],
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield select,
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield textarea {
	width: 100%;
	min-height: 44px;
	height: auto;
	margin: 0;
	padding: 8px 16px;
	background-color: var(--ra-bg);
	border: 1px solid var(--ra-border);
	border-radius: var(--ra-radius);
	box-shadow: none;
	color: var(--ra-text);
	font-family: var(--ra-font);
	font-size: var(--e-global-typography-1eddae5-font-size, 14px);
	font-weight: var(--e-global-typography-1eddae5-font-weight, 400);
	line-height: var(--e-global-typography-1eddae5-line-height, 26px);
	transition: border-color .2s ease, box-shadow .2s ease;
}

.gform_wrapper.gform-theme.ra-gform_wrapper .gfield textarea {
	height: 116px;
	min-height: 116px;
	padding: 10px 16px;
	resize: vertical;
}

.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input::placeholder,
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield textarea::placeholder {
	color: var(--ra-text);
	opacity: .6;
}

.gform_wrapper.gform-theme.ra-gform_wrapper .gfield input:focus,
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield select:focus,
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield textarea:focus {
	outline: none;
	border-color: var(--ra-border-focus);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}

/* --- HTML / note field ------------------------------------------------- */
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield--type-html,
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_description {
	color: var(--ra-label);
	font-family: var(--e-global-typography-fa52627-font-family, "Barlow"), sans-serif;
	font-size: var(--e-global-typography-fa52627-font-size, 12px);
	font-weight: var(--e-global-typography-fa52627-font-weight, 400);
	line-height: var(--e-global-typography-fa52627-line-height, 20px);
}

/* --- Submit button ----------------------------------------------------- */
.gform_wrapper.gform-theme.ra-gform_wrapper .gform_footer,
.gform_wrapper.gform-theme.ra-gform_wrapper .gform_page_footer {
	margin: 19px 0 0;
	padding: 0;
}

/* body + .button needed to beat GF framework's (0,5,1) button selector */
body .gform_wrapper.gform-theme.ra-gform_wrapper .gform_footer .gform_button.button,
body .gform_wrapper.gform-theme.ra-gform_wrapper .gform_page_footer .gform_button.button,
body .gform_wrapper.gform-theme.ra-gform_wrapper .gform_page_footer .gform_next_button.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 10px 25px;
	background-color: var(--ra-accent);
	border: 0;
	border-radius: var(--ra-radius);
	box-shadow: none;
	color: #ffffff;
	font-family: var(--e-global-typography-accent-font-family, "Barlow"), sans-serif;
	font-size: var(--e-global-typography-accent-font-size, 16px);
	font-weight: var(--e-global-typography-accent-font-weight, 700);
	line-height: 1.5;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .3s ease, filter .3s ease;
}

/* Arrow icon after text (button is a <button>, so ::after works) */
.gform_wrapper.gform-theme.ra-gform_wrapper .gform_footer button.gform_button::after {
	content: "\2192";
	font-size: 1.1em;
	line-height: 1;
	transition: transform .3s ease;
}

body .gform_wrapper.gform-theme.ra-gform_wrapper .gform_footer .gform_button.button:hover,
body .gform_wrapper.gform-theme.ra-gform_wrapper .gform_footer .gform_button.button:focus {
	background-color: var(--ra-accent-hover);
	filter: brightness(.9);
	color: #ffffff;
}
.gform_wrapper.gform-theme.ra-gform_wrapper .gform_footer button.gform_button:hover::after {
	transform: translateX(4px);
}

/* --- Validation -------------------------------------------------------- */
.gform_wrapper.gform-theme.ra-gform_wrapper .gform_validation_errors {
	margin-bottom: 19px;
	border-radius: var(--ra-radius);
}
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_error input,
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_error textarea {
	border-color: #c02b0a;
}
.gform_wrapper.gform-theme.ra-gform_wrapper .gfield_validation_message {
	margin-top: 6px;
	padding: 0;
	background: none;
	border: 0;
	font-size: 12px;
}

/* --- Confirmation message ---------------------------------------------- */
.ra-gform_wrapper.gform_confirmation_wrapper,
.ra-gform_wrapper .gform_confirmation_message {
	color: var(--e-global-color-primary, #363733);
	font-family: var(--e-global-typography-1eddae5-font-family, "Barlow"), sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

/* Share icon: "Link copied" tooltip */
.elementor-social-icon[data-ra-copied] { position: relative; }
.elementor-social-icon[data-ra-copied]::after {
	content: "Link copied";
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	padding: 4px 8px;
	background: var(--e-global-color-primary, #363733);
	color: #fff;
	font-size: 11px;
	line-height: 1.4;
	white-space: nowrap;
	border-radius: 4px;
	pointer-events: none;
}

/* ==========================================================================
   Subscribe form (Gravity Forms) – matches old Elementor subscription form
   Form Settings → CSS Class Name: subscribe-form  → wrapper .subscribe-form_wrapper
   ========================================================================== */

.gform_wrapper.gform-theme.subscribe-form_wrapper {
	margin: 0;
	font-family: var(--e-global-typography-1eddae5-font-family, "Barlow"), sans-serif;
}
.gform_wrapper.gform-theme.subscribe-form_wrapper .gform_heading,
.gform_wrapper.gform-theme.subscribe-form_wrapper .gform_footer:empty { display: none; }

/* Email + button on one row */
.gform_wrapper.gform-theme.subscribe-form_wrapper .gform_fields {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 10px;
}
.gform_wrapper.gform-theme.subscribe-form_wrapper .gfield--type-email {
	flex: 1 1 auto;
	min-width: 0;
}
.gform_wrapper.gform-theme.subscribe-form_wrapper .gfield--type-submit {
	flex: 0 0 auto;
	width: auto;
}

/* Email input */
.gform_wrapper.gform-theme.subscribe-form_wrapper .gfield input[type="email"] {
	width: 100%;
	height: auto;
	min-height: 50px;
	margin: 0;
	padding: 12.5px 20px;
	background-color: #ffffff;
	border: 1px solid #69727d;
	border-radius: 8px;
	box-shadow: none;
	color: #1f2124;
	font-family: var(--e-global-typography-1eddae5-font-family, "Barlow"), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.gform_wrapper.gform-theme.subscribe-form_wrapper .gfield input[type="email"]::placeholder {
	color: #1f2124;
	opacity: .6;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
}
.gform_wrapper.gform-theme.subscribe-form_wrapper .gfield input[type="email"]:focus {
	outline: none;
	border-color: var(--e-global-color-secondary, #A44D2E);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}

/* Subscribe button (body + .button beats GF framework's button selector) */
body .gform_wrapper.gform-theme.subscribe-form_wrapper .gform_fields .gform-button.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 127px;
	min-height: 50px;
	margin: 0;
	padding: 17px;
	background-color: var(--e-global-color-secondary, #A44D2E);
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	color: #ffffff;
	font-family: var(--e-global-typography-accent-font-family, "Barlow"), sans-serif;
	font-size: var(--e-global-typography-accent-font-size, 16px);
	font-weight: var(--e-global-typography-accent-font-weight, 700);
	line-height: 16px;
	text-transform: uppercase;
	cursor: pointer;
	transition: filter .3s ease;
}
body .gform_wrapper.gform-theme.subscribe-form_wrapper .gform_fields .gform-button.button:hover,
body .gform_wrapper.gform-theme.subscribe-form_wrapper .gform_fields .gform-button.button:focus {
	background-color: var(--e-global-color-54b30ea, #A44D2E);
	filter: brightness(.9);
	color: #ffffff;
}

/* Validation */
.gform_wrapper.gform-theme.subscribe-form_wrapper .gform_validation_errors { display: none; }
.gform_wrapper.gform-theme.subscribe-form_wrapper .gfield_validation_message {
	margin-top: 6px;
	padding: 0;
	background: none;
	border: 0;
	color: #ffb4a2;
	font-size: 12px;
}

/* Confirmation (shown on dark banner) */
.subscribe-form_wrapper.gform_confirmation_wrapper,
.subscribe-form_wrapper .gform_confirmation_message {
	color: #ffffff;
	font-family: var(--e-global-typography-1eddae5-font-family, "Barlow"), sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
#gform_confirmation_message_4{
	color:#fff;
}
#gform_confirmation_message_1,
#gform_confirmation_message_2,
#gform_confirmation_message_3{color:#363733}
/* Mobile: stack, full-width button */
@media (max-width: 767px) {
	.gform_wrapper.gform-theme.subscribe-form_wrapper .gform_fields {
		flex-direction: column;
		align-items: stretch;
	}
	.gform_wrapper.gform-theme.subscribe-form_wrapper .gfield--type-submit,
	body .gform_wrapper.gform-theme.subscribe-form_wrapper .gform_fields .gform-button.button {
		width: 100%;
	}
}