/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1770703234
Updated: 2026-02-10 06:00:34

*/

.left-container-content .e-con-inner {
	margin-right: 0;
}

/*------------ Custom CSS ---------------*/
h1 {
	font-size: clamp(36px, 5vw, 60px);
}

h2 {
	font-size: clamp(32px, 4.2vw, 48px);
}

h3 {
	font-size: clamp(28px, 3.6vw, 42px) !important;
}

h4 {
	font-size: clamp(26px, 3vw, 36px);
}

h5 {
	font-size: clamp(22px, 2.5vw, 30px);
}

h6 {
	font-size: clamp(18px, 2vw, 24px);
}

.pd-side {
	padding-inline: clamp(16px, 5vw, 80px);
}

.elementor-kit-6 p:last-child {
	margin-block-end: 0 !important;
}

.max-w {
	max-width: max-content !important;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.p-0 p {
	margin-bottom: 0;
}

.gap-y {
	padding-block: clamp(40px, 6vw, 90px);
}

.gap-top {
	padding-top: clamp(40px, 6vw, 90px);
}

.gap-bot {
	padding-bottom: clamp(40px, 6vw, 90px);
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	height: 50px;
	border: 1px solid #ebebeb;
	outline: none;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
}

.contact-form textarea {
	height: 120px;
}

/*------------ Custom CSS End---------------*/
b,
strong {
	font-weight: bold;
}

.cntct-frm form {
	margin-right: -15px;
	margin-left: -15px;
}

.comments-area a,
.page-content a {
	text-decoration: none;
}

.wght-light {
	font-weight: 300;
}

.header-menu li.current-menu-item>a {
	text-decoration: underline;
	text-decoration-color: #B99B56;
	text-underline-offset: 5px;
	text-decoration-thickness: 3px;
}

.grey-txt {
	color: #5D5C5C;
}

.our-work-icon {
	aspect-ratio: 1/1;
	max-width: 270px;
	margin: auto;
}

.primary-txt {
	color: #B99B56;
}

.process-box:hover {
	background-color: var(--e-global-color-9044c12);
}

.process-box * {
	transition: all 0.3s ease-in-out;
}

.process-box:hover * {
	color: var(--e-global-color-7c06713) !important;
}

.industry-tab {
	overflow: hidden;
}

.industry-tab .e-n-tabs-heading {
	border-bottom: solid 1px #EBEBEB;
}

.cust-acc .e-n-accordion-item-title[aria-expanded="true"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-color: transparent !important;
}

.cust-acc {
	color: #fff;
}

.pop-b-37 {
	font-weight: 700;
	font-size: clamp(20px, 0.99vw + 16.43px, 37px);
}

.box-icon .elementor-icon-wrapper {
	line-height: 1;
}

.home-float {
	width: 150%;
	margin-left: -50%;
	margin-top: -20%;
	margin-right: -30%;
}

@media(max-width: 1200px) {
	.home-float {
		margin-top: -10%;
	}
}

@media (max-width: 1024px) {
	.home-float {
		width: auto;
		margin-left: 0;
		margin-top: 0;
		margin-right: 0;
		float: none;
	}
}


.frm-select .xpro-contact-form-field-subgroup {
	flex-direction: row !important;
	flex-wrap: wrap;
}

.xpro-contact-form-field-option input[type="radio"] {
	appearance: none;
	/* remove default radio */
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	background-color: #E0E0E0;
	border-radius: 50%;
	margin-right: 8px;
	position: relative;
	outline: none;
	transition: all 0.2s ease;
}

.xpro-contact-form-field-option input[type="radio"]:checked {
	border-color: #42362C;
	/* gold border when checked */
	background-color: #42362C;
	/* keep background white */
}

.xpro-contact-form-field-option input[type="radio"]:checked::after {
	content: "✔";
	/* Unicode checkmark */
	font-size: 14px;
	color: #fff;
	/* gold checkmark */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.xpro-contact-form-field-option {
	display: flex;
	align-items: center;
}

.xpro-contact-form-field-option label {
	font-weight: 600;
	color: #8b6c3e;
	/* gold text */
	user-select: none;
}

.custom-arrow.slick-arrow::before {
	display: none;
}

.custom-arrow.slick-arrow {
	position: absolute;
	bottom: 0;
	top: auto;
	right: 0;
	left: auto;
	background: #B99B56;
	padding: 12px 15px;
	display: inline-block;
	font-size: 20px;
	width: auto;
	height: auto;
	border-radius: 10px;
}

.custom-arrow.slick-arrow:hover {
	color: #fff;
	background: #222;
}

.custom-arrow.slick-arrow.slick-prev {
	right: 60px;
}

.subscribe-frm .xpro-contact-form-submit-button {
	width: 100%;
}

.cust-header {
	transition: all 0.3s ease-in-out;
}

.cust-header.active {
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}

input:focus {
	outline: none;
	box-shadow: none;
}

/* @media (min-width: 768px) { */
.banner>.e-con-inner {
	padding-top: 0;
}

/* } */
@media (max-width: 768px) {
	.abs-img {
		position: relative !important;
		bottom: 0 !important;
	}
}

.yellow-card:hover {
	background-color: var(--e-global-color-primary);
}

.yellow-card:hover * {
	color: #fff !important;
}

.yellow-card:hover path {
	fill: #fff !important;
}

.abt-approach-icon h6 {
	margin-top: 0;
}

.abt-approach-icon .elementor-icon {
	margin-top: 10px;
}

.all-member-btn .elementor-button-icon {
	color: #fff;
}

.all-member-btn .elementor-button-text {
	padding: 15px 20px;
	background: #fff;
	border-radius: 10px;
	margin-right: 10px;
}

.all-member-btn:hover .elementor-button-text {
	background: #b99b56;
	color: #fff;
}

.cntct-bread a span {
	color: #fff !important;
}

.cntct-bread a:hover span {
	color: #B99B56 !important;
}

.tp-video-popup {
	height: auto !important;
}