/*
Theme Name: Joule Child
Theme URI: https://joule.keydesign.xyz/
Description: AI Startup Software Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: joule
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: joule-child
*/

/*Home page */

.home-ind-card .elementskit-info-box-title a {
	display: block !important;
}

.home-ind-card .elementskit-info-box-title a:hover {
	color: #009344 !important;
}

.ekit-wid-con .ekit-stylish-list .ekit-stylish-list-content-wrapper a.ekit-wrapper-link {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

/* Contact Form 7 Case Study Form Styling */
.case-study-form {
	max-width: 600px;
	margin: 0 auto;
	display: grid;
	gap: 15px;
	font-family: 'Inter', sans-serif;
}

.case-study-form .form-group {
	display: flex;
	flex-direction: column;
}

.case-study-form .two-column {
	display: grid;
	grid-template-columns: 40% 1fr;
	gap: 10px;
}

.case-study-form select,
.case-study-form input[type="text"],
.case-study-form input[type="email"],
.case-study-form input[type="tel"] {
	width: 100%;
	padding: 14px 14px;
	font-size: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	background-color: #fff;
	transition: all 0.3s ease;
	box-sizing: border-box;
	height: 60px;
}

.case-study-form select:focus,
.case-study-form input:focus {
	border-color: #009344;
	box-shadow: 0 0 0 2px rgba(0, 86, 255, 0.1);
	outline: none;
}

.case-study-form .submit-wrap {
	text-align: center;
	margin-top: 10px;
}

.case-study-form .submit-btn {
	background: #FDC400;
	color: #333 !important;
	border: none;
	border-radius: 6px;
	padding: 20px 24px !important;
	font-size: 20px;
	cursor: pointer;
	transition: 0.3s ease;
}

.case-study-form .submit-btn:hover {
	background: #000 !important;
}

/* contact form */

/* ===== Contact Form 7 Two-Column Layout ===== */
.cf7-two-column {
	display: flex;
	flex-direction: column;
	gap: 25px;
	max-width: 900px;
	margin: 0 auto;
	font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.cf7-two-column .form-row {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.cf7-two-column .form-col {
	flex: 1;
	min-width: 280px;
}

/* Input, Select, and Textarea styling */
.cf7-two-column input,
.cf7-two-column select,
.cf7-two-column textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 15px;
	background-color: #fff;
	transition: all 0.3s ease;
	color: #333;
}

.cf7-two-column input:focus,
.cf7-two-column select:focus,
.cf7-two-column textarea:focus {
	border-color: #009344;
	box-shadow: 0 0 0 3px rgba(208, 136, 130, 0.15);
	outline: none;
}

/* Textarea height */
.cf7-two-column textarea {
	height: 120px;
	resize: vertical;
}

/* File upload field */
.cf7-two-column input[type="file"] {
	border: 1px dashed #aaa;
	padding: 10px;
	cursor: pointer;
	background: #fafafa;
}

.cf7-two-column input[type="file"]:hover {
	border-color: #009344;
}

/* Submit button styling */
.cf7-two-column .submit {
	text-align: center;
}

.cf7-two-column input[type="submit"] {
	background-color: #112211;
	color: #fdc400;
	border: none;
	padding: 14px 40px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	letter-spacing: 0.5px;
}

.cf7-two-column input[type="submit"]:hover {
	background-color: #fdc400;
	color: #112211;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 115, 230, 0.2);
}

/* Full-width rows */
.cf7-two-column .full {
	flex-direction: column;
}

.d-flex {
	display: flex;
}

.category-wrap a {
	padding: 5px 15px;
	background: #f4f0ee;
	border-radius: 5px;
	color: #000000 !important;
	font-size: 14px !important;
}

.position-relative {
	overflow: hidden !important;
	position: relative;
}

.home-btn a:hover {
	background: #000 !important;
	color: #fff !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel {
	padding: 20px 20px 20px 20px !important;
	border-radius: 12px 12px 12px 12px !important;
	box-shadow: 0px 0px 10px 11px rgb(217 217 217 / 11%) !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel li {
	padding: 0 !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel li a {
	font-size: 16px;
	font-weight: 400;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: rgba(158, 46, 46, 0);
	padding: 10px 20px 10px 20px;
	border-radius: 7px 7px 7px 7px;
	fill: #009344;
	color: #009344;
	display: block;
	height: 43px !important;
	line-height: 1.5 !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel li a:after {
	display: none !important;
}

.section-gradient {
	background:
		linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.00) 50%),
		radial-gradient(45% 40% at 30% 100%, #EFFFFF 0%, rgba(239, 255, 255, 0.00) 100%),
		radial-gradient(95% 55% at 90% 90%, #FFF7E0 0%, rgba(255, 247, 224, 0.00) 100%),
		radial-gradient(110% 75% at 100% 0%, #E9FAFA 0%, rgba(233, 250, 250, 0.00) 100%),
		radial-gradient(90% 60% at 15% 5%, #F3EAFE 0%, rgba(243, 234, 254, 0.00) 100%),
		radial-gradient(105% 80% at 10% 35%, #F5ECEE 0%, rgba(245, 236, 238, 0.00) 100%),
		#F7FCF9;
}

.backdrop {
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}

.back-to-top.scroll-position-style circle {
	/*  stroke-width: 2;
    fill: none;
    stroke-dasharray: 262px;
    box-sizing: border-box;
    transition: var(--global-transition); */
	stroke: #009344 !important;
	fill: #fdc400 !important;
}

.back-to-top.scroll-position-style .icon-arrow-up {
	opacity: 1;
	position: relative;
	z-index: 2;
	background: #000 !important;
}

.elementskit-navbar-nav-default .elementskit-megamenu-panel {
	background: #ffffff00 !important;
}

.remover-bg {
	border: none !important;
}

.elementskit-megamenu-panel .ekit-stylish-list-content {
	display: flex !important;
	justify-content: space-between !important;
}

.d-none {
	display: none !important;
}


/*privacy page*/

.sr-privacy-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	line-height: 1.7;
}

.sr-privacy-wrapper h2 {
	margin-top: 45px;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 700;
	color: #1a1a1a;
}

.sr-privacy-wrapper h2 strong {
	font-weight: 600;
}

.sr-privacy-wrapper h3 {
	margin-top: 25px;
	font-size: 20px;
	font-weight: 600;
}

.sr-privacy-wrapper h3 strong {
	font-weight: 600;
}

p strong,
li strong {
	font-weight: 600;
}

.sr-privacy-wrapper ul {
	padding-left: 20px;
	margin-bottom: 20px;
}

.sr-privacy-wrapper section {
	margin-bottom: 30px;
}

.sr-privacy-wrapper p,
.sr-privacy-wrapper li {
	font-size: 16px;
}

.sr-privacy-wrapper a {
	color: #0056b3;
	text-decoration: none;
}

.sr-privacy-wrapper a:hover {
	text-decoration: underline;
}

/*blog listing */

.blog-listing-wrap .post-meta-list {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.blog-listing-wrap span.post-cat a {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 3px;
	background: #e5e5e5;
	font-size: 14px !important;
}

.blog-listing-wrap span.post-cat a:hover {
	background: #fdc400;
	color: #131211;
}

span.post-views-count {
	font-size: 16px;
	font-weight: 600;
}

.archive.category.category-cx .entry-wrapper .entry-meta {
  display: none !important;
}

.archive.category.category-cx .entry-wrapper .post-title a:hover{
	color: #009344 !important;
}

.archive.category.category-cx .entry-wrapper .entry-content-card{
	display: none !important;
}

.archive.category.category-cx .entry-wrapper .category-meta span a {
    display: inline-block;
    padding: 8px 15px;
    background: #ccc;
    border-radius: 5px;
}

.archive.category.category-cx .entry-wrapper .category-meta span a:hover{
	text-decoration: none;
}

/* ===============================
   BLOG SINGLE PAGE TYPOGRAPHY
   Wrapper: .single-page-content-wrap
   =============================== */

.single-page-content-wrap {
	color: #131211;
	/* Main text color */
	line-height: 1.7;
	font-size: 18px;
}

/* HEADINGS */
.single-page-content-wrap h2,
.single-page-content-wrap h3,
.single-page-content-wrap h4,
.single-page-content-wrap h5,
.single-page-content-wrap h6 {
	color: #111111;
	/* Primary color for headings */
	font-weight: 600;
	margin-top: 35px;
	margin-bottom: 15px;
	line-height: 1.4;
}

.single-page-content-wrap h2 {
	font-size: 32px;
}

.single-page-content-wrap h3 {
	font-size: 26px;
}

.single-page-content-wrap h4 {
	font-size: 22px;
}

.single-page-content-wrap h5 {
	font-size: 20px;
}

.single-page-content-wrap h6 {
	font-size: 18px;
}

/* PARAGRAPHS */
.single-page-content-wrap p {
	margin-bottom: 20px;
	color: #131211;
}

/* IMAGES */
.single-page-content-wrap img {
	max-width: 100%;
	height: auto;
	margin: 25px 0;
	border-radius: 6px;
}

/* UL + OL */

.single-page-content-wrap ul li,
.single-page-content-wrap ol li {
	margin-bottom: 10px;
	color: #131211;
}

/* Bullets */
.single-page-content-wrap ul li {
	list-style: disc;
}

.single-page-content-wrap ol li {
	list-style: decimal;
}

/* BLOCKQUOTE */
.single-page-content-wrap blockquote {
	border-left: 4px solid #009344;
	/* Secondary color accent */
	padding: 15px 20px;
	font-style: italic;
	color: #111111;
	margin: 25px 0;
	background: #f4f4f4;
}

/* LINKS (ANCHOR) */
.single-page-content-wrap a {
	text-decoration: underline;
}

.single-page-content-wrap a:hover {
	color: #009344;
	/* Secondary color on hover */
}

.elementskit-post-body .post-meta-list .post-cat a{
    display: inline-block;
    padding: 8px 15px;
    border-radius: 3px;
    background: #e5e5e5;
    font-size: 14px !important;
}

.category-blog-list .elementor-post__text {
    display: flex !important;
    flex-direction: column-reverse !important;
}

.elementor-element.blog-slider{
	padding-bottom: 0px !important;
}

.blog-slider .ekit-swiper-arrow{
	display: none !important;
}

/* Always visible carousel arrows */
/* .elementor-swiper-button {
    opacity: 1 !important;
    visibility: visible !important;
} */

/* Responsive layout for mobile */

@media (max-width: 1024px) {
	ul.elementskit-navbar-nav li a {
		border-bottom: 1px solid #ccc !important;
	}

	ul.elementskit-navbar-nav li:last-child a {
		border-bottom: none !important;
	}

	ul.elementskit-dropdown.elementskit-submenu-panel {
		min-width: 100% !important;
		box-shadow: none !important;
		padding: 0px !important;
		margin-left: 10px !important;
		border-left: 3px solid #009344 !important;
		border-radius: 0px !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	ul.elementskit-dropdown.elementskit-submenu-panel li a {
		border-bottom: 1px solid #ccc !important;
		border-radius: 0px;
		padding: 10px !important;
		font-size: 16px !important;
		font-weight: 400 !important;
	}

	ul.elementskit-dropdown.elementskit-submenu-panel li:last-child a {
		border-bottom: none !important;
	}

	a.ekit-menu-nav-link .fa.fa-close {
		display: none;
	}

}


@media (max-width: 768px) {

	.case-study-form .two-column {
		grid-template-columns: 1fr;
	}

	.cf7-two-column .form-row {
		flex-direction: column;
	}

	.ekit-wid-con .elementskit-menu-hamburger {
		z-index: 9999 !important;
	}

	button.elementskit-menu-hamburger.elementskit-menu-toggler.active {
		background: #fff;
		padding: 10px;
		width: 40px;
		height: 40px;
		border-radius: 50px !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.elementskit-navbar-nav .ekit-stylish-list-content-wrapper {
		display: block !important;
	}

	.single-page-content-wrap {
		font-size: 16px;
	}

	.single-page-content-wrap h2 {
		font-size: 28px;
	}

	.single-page-content-wrap h3 {
		font-size: 24px;
	}

	.elementor-element.hero-section {
		max-height: unset !important; 
	}

  .elementor-element h1.elementskit-section-title{
    font-size: 30px !important;
  }

  .elementor-element h2.elementskit-section-title{
     font-size: 30px !important;
  }

  .elementor-element .ekit-heading__description {
    max-width: 100% !important;
  }


}