/*
Theme Name:   Zerna
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Zerna theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  zerna
*/

/* Global link styles */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

:where(.wp-site-blocks *:focus) {
	outline: none !important;
}

:root :where(.wp-block-quote) {
	border: none !important;
}

footer .wp-block-navigation {
	gap: 16px;
}

.footer-group > .wp-block-group {
	align-items: baseline;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline: none;
}

.wp-block-navigation-submenu {
	right: auto !important;
	background: transparent !important;
	border: none !important;
}

footer .social-media {
	margin-top: auto;
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
	color: #010101;
}

.wp-social-link-facebook {
	background: #CEE688 !important;
}

.wp-social-link-instagram, .wp-social-link-linkedin {
	background: transparent !important;
}

.wp-social-link-instagram .wp-block-social-link-anchor svg,
.wp-social-link-linkedin .wp-block-social-link-anchor svg {
	color: #CEE688 !important;
}

/* Global focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

:where(.wp-block-columns.has-background) {
	padding: 1.25em 44px;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/* More block */
.more-link {
	display: block;
}

/* Body */
body {
	background: #010101;
	letter-spacing: -0.04rem;
}

/* Buttons */
:root :where(.wp-element-button, .wp-block-button__link) {
	border-radius: 0;
	transition: transform .5s ease;
	line-height: 21px;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
	transition: transform .5s ease;
}

:root :where(.wp-block-button.primary-black .wp-element-button) {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}

.wp-block-button.arrow-icon .wp-element-button:after {
	background-image: url('../zerna/assets/img/arrow.png');
	background-position-x: 0;
	background-position-y: 0;
	background-size: cover;
	line-height: 16px;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	margin-left: 8px;
}

.wp-block-button.arrow-icon.black .wp-element-button:after {
	background-image: url('../zerna/assets/img/arrow-black.png');
}

.wp-block-button.arrow-icon.green-hover .wp-element-button:hover:after {
	background-image: url('../zerna/assets/img/arrow-green.png');
}

.wp-block-button.world-icon .wp-element-button:after {
	background-image: url('../zerna/assets/img/world.png');
	background-position-x: 0;
	background-position-y: 0;
	background-size: cover;
	line-height: 16px;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	margin-left: 8px;
}



:root :where(.wp-block-button.primary-transparent .wp-element-button) {
	background: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--contrast) !important;
}

/* Header */
header {
	background: #CEE688;
}

header .wp-block-navigation-item__content {
	font-size: 14px;
	font-weight: 500;
}

header .wp-block-button a {
	background: transparent;
	border: 1px solid #010101;
	color: #010101;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 20px;
}

.wp-block-navigation {
	gap: 32px;
}

/* Hero banner */
.hero-banner {
	background: #CEE688;
	margin-top: 0;
}

.hero-banner .wp-block-cover {
	border-top-left-radius: 120px;
	border-bottom-right-radius: 120px;
}

.hero-banner .video-cover p {
	margin-top: 39px;
}

.banner-title {
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 16px !important;
}

.banner-title::before {
	content: '';
	background: currentColor;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 3px;
}

.hero-banner .wp-block-heading {
	font-weight: 600;
	letter-spacing: -1px;
	text-transform: uppercase;
}

/* .who-we-are / .focus-on sections */
.who-we-are,
.focus-on {
	background: #010101;
	color: #FFFFFF;
	margin-top: 0;
}

.focus-on .wp-block-columns {
	border: 2px dashed #FFFFFF66;
	border-right: 0;
	gap: 0;
}

.focus-on .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-right: 2px dashed #FFFFFF66;
	align-items: center;
}

.focus-on p {
	font-weight: 600;
	text-align: center;
}

.focus-on .wp-block-column figure {
	max-width: 44px;
	width: 100%;
}

/* Case studies section */
.case-studies {
	background: #CEE688;
	margin: 0;
}

/* .product-block card */
.product-block {
	position: relative;
	max-width: fit-content;
	overflow: hidden;
}

.product-block-heading {
	font-weight: 600;
	margin-top: 12px;
	margin-bottom: 8px;
}

.product-block img {
	max-width: 100%;
	max-height: 100%;
	transition: transform .5s ease;
	display: block;
	min-width: 100%;
}

.product-block figure {
	width: 100%;
	overflow: hidden;
	transform: rotate(0);
}

/* .product-actions overlay */
.product-actions {
	visibility: hidden;
	align-items: center;
	position: absolute;
	height: 100%;
	max-width: 100%;
	width: 100%;
	z-index: 1000;
	transition: transform .5s ease;
}

.product-block:hover .product-actions {
	visibility: visible;
}

.product-block.left .wp-block-buttons {
	top: 50%;
	transform: translateY(-50%);
}

.product-block .product-actions .product-details {
	bottom: 20px;
	left: 22px;
	gap: 16px;
}

.product-block.right .wp-block-buttons {
	top: 17px;
	right: 18px;
}

.product-block.right .product-actions .product-details {
	flex-direction: column;
	align-items: start;
}

.product-actions .product-details {
	position: absolute;
	max-width: 100%;
	width: 100%;
}

.product-actions .wp-block-buttons {
	position: absolute;
}

.product-actions .learn-more-btn a {
	background: #ffffff;
	color: #000000;
	border-radius: 100px;
	padding: 82px 32px;
	border: none !important;
}

.product-actions .learn-more-btn a:hover {
	border: none !important;
}

.product-actions .learn-more-btn a:after {
	background-image: url('../zerna/assets/img/arrow-black.png') !important;
	background-position-x: 0;
	background-position-y: 0;
	background-size: cover;
	line-height: 16px;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	margin-left: 8px;
}

.product-actions .product-details p {
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 80px;
	padding: 14px 20px;
}

/* Product features */

.product-features .wp-element-button {
	background: #CEE688;
	color: #010101;
}

.product-features .wp-element-button:hover {
	background: transparent;
	border-color: #CEE688;
	color: #CEE688;
}

.product-features .wp-element-button:hover:after {
	background-image: url('../zerna/assets/img/arrow-green.png') !important;
}

.product-features .product-idea  p, h2  {
	margin-block-end: 16px !important;
}

.product-feature {
	border-bottom: 2px dashed rgba(255, 255, 255, 0.5);
}

.product-feature p {
	font-weight: 500;
}

.product-idea {
	position: sticky;
	top: 0;
	align-self: flex-start;
}

.product-feature-summary {
	font-weight: 500;
	margin-top: 40px;
}

.how-we-work {
	background: #010101;
}

.how-we-work-info {
	padding: 17px 22px;
	border-radius: 80px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	transition: transform .8s ease;
}

.how-we-work-wrapper {
	align-items: center;
}

.blog-section {
	margin-top: 0;
}

/* Update Popup Content Style */

#custom-popup-overlay {
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	/*border-top-left-radius: 120px;*/
	/*border-bottom-right-radius: 120px;*/
	max-width: 580px;
	width: 100%;
}

#custom-popup-content {
	background-color: #CEE688;
	color: #000;
	padding: 50px 35px 35px 35px;
	box-shadow: none;
	border-top-left-radius: 120px;
	border-bottom-right-radius: 120px;
	max-width: 580px;
	width: 100%;
}

.form-header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Header Styling */
#custom-popup-content h2 {
	font-size: 32px;
	font-weight: 500;
	margin-top: 5px;
	margin-bottom: 40px;
	line-height: 1.1;
}

.form-tag {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

/* Input/Label Styling */
#custom-newsletter-form label {
	display: block;
	font-weight: 500;
	margin-top: 20px;
	font-size: 15px;
}

#custom-newsletter-form input,
#custom-newsletter-form textarea {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4); /* Thin bottom line border */
	width: 100%;
	padding: 10px 0 5px 0;
	margin-bottom: 0;
	font-size: 16px;
	color: #000;
	outline: none; /* Remove focus outline */
}

#custom-newsletter-form input::placeholder,
#custom-newsletter-form textarea::placeholder {
	color: rgba(0, 0, 0, 0.6);
}

#popup-message {
	resize: none; /* Prevent manual resizing */
	height: 30px; /* Initial height for message field */
}

.dark-button {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	border: none;
	padding: 18px 20px;
	font-size: 16px;
	margin-top: 40px;
	text-align: center;
	cursor: pointer;
	border-radius: 0; /* Square button */
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Close button positioning (assuming it's in the top right corner outside the main box) */
.close-popup {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 30px;
	color: #000;
	font-weight: lighter;
}

.book-demo-modal input {
	border-radius: 0;
	border: none;
	background: transparent;
	border-bottom: 1px solid #373737;
}

body.popup-open-blur > * {
	filter: blur(5px);
	transition: filter 0.3s ease-out;
}

body.popup-open-blur > #custom-popup-overlay {
	filter: none;
	transition: none;
}

.contact-us {
	border-top-right-radius: 120px;
	border-bottom-left-radius: 120px;
	padding: 60px 150px;
}

.contact-us .wp-block-button a {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--contrast);
}

.contact-us h2 {
	font-size: 107px !important;
	margin-block-start: 25px;
	margin-block-end: 25px !important;
}

.contact-us .wp-block-buttons {
	justify-content: center;
	margin-block-start: 20px;
}

.contact-us-wrapper {
	padding: 70px 44px;
}

footer > div {
	margin-top: 0 !important;
}

.hero-section-heading {
	padding-left: 45px;
}

.hero-section-heading h2 {
	max-width: 45%;
}

.product-hero-section {
	padding-top: 0;
}

.focus-card {
	border: 2px dashed #FFFFFF66;
	border-radius: 2px;
	padding: 32px 24px;
	min-height: 270px;
}

.focus-card figure {
	height: 48px;
	max-width: 48px;
	margin-left: 0 !important;
	margin-bottom: 55px;
}

.focus-card img {
	display: block;
}

.fx-hiw-steps {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	position: relative;
}

/* dotted line behind badges */
.fx-hiw-steps::before {
	content: "";
	position: absolute;
	top: 54px;
	left: 0;
	right: 0;
	border-top: 2px dotted #000;
	z-index: 0;
}

.fx-hiw-step {
	max-width: 440px;
	position: relative;
	width: 100%;
	z-index: 100;
}

/* leaf-ish badge */
.fx-hiw-badge {
	background: #CEE688;
	box-sizing: border-box;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 121px;
	height: 64px;
	padding: 0 14px;
	font-weight: 600;
	font-size: 32px;
	border: 2px dotted #000;
	border-radius: 0 200px 0 200px; /* “leaf” corners */
	z-index: 1;
}

.fx-hiw-title {
	margin: 26px 0 6px;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.3;
}

.fx-hiw-sub {
	color: #373737;
	margin: 0;
	font-size: 20px;
	line-height: 1.5;
}

.mockup-ideas figure {
	max-width: 287px;
}

.mockup-ideas {
	justify-content: center;
}

.mockup-ideas .wp-block-column {
	max-width: 280px;
}

.case-study-video {
	justify-content: center;
	padding-top: 0;
}

.case-study-video .wp-block-column {
	max-width: 1010px;
}

.fx-benefits-leaves {
	background: #000;              /* page background under the leaves */
	padding: 60px 20px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.fx-bl-inner {
	max-width: 900px;
	margin: 0 auto;
}

.fx-bl-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

/* base leaf */
.fx-leaf {
	background: #c8e56e;
	border: 2px dotted #000;
	min-height: 150px;
	display: flex;
}

/* inner content */
.fx-leaf-inner {
	padding: 59px 84px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
	max-width: 280px;
}

/* check icon */
.fx-leaf-check {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	border: 2px solid #000;
	color: #ffffff;
	background: #000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

/* text */
.fx-leaf-inner p {
	margin: 0;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.4;
}

/* “leaf” corner variations */
.fx-leaf--tl {
	border-radius: 0 200px 0 200px;
	justify-content: flex-end;
}

.fx-leaf--tr {
	border-radius: 200px 0 200px 0;
	justify-content: flex-start;
}

.fx-leaf--bl {
	border-radius: 200px 0 200px 0;
	justify-content: flex-end;
}

.fx-leaf--br {
	border-radius: 0 200px 0 200px;
	justify-content: flex-start;
}

.integration-row {
	align-items: center !important;
	border-bottom: 2px dashed rgba(255, 255, 255, 0.5);
	padding-bottom: 32px;
	padding-top: 55px;
}

.integration-heading {
	margin-bottom: 0;
	padding-bottom: 0;
}

.integration-logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	gap: 31px;
}

.integration-logo .wp-block-group {
	margin-top: 0;
	align-items: center;
	gap: 12px;
}

.integration-logo img {
	max-width: 120px;
	width: auto;
	height: 40px;
}

.fx-accordion-header {
	width: 100%;
	text-align: left;
	padding: 12px 16px;
	background: transparent;
	border: 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fx-accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease-out;
	padding: 0 16px;
}

.fx-accordion-item.is-open .fx-accordion-content {
	max-height: fit-content;
}

/* Optional: change icon on open */
.fx-accordion-item.is-open .fx-accordion-icon {
	transform: rotate(45deg);
}


/* one row */
.fx-process-step {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	padding: 60px 40px;
	border: 2px dotted #CEE688;
	max-width: 65%;
	margin: 0 auto 32px;
}

.fx-process-step:nth-child(1) {
	margin-top: 44px;
}

.fx-process-step.bg-light {
	background: #CEE688;
	border: 2px dotted #000000;
}

.fx-process-step.bg-dark {
	border-top: 2px dotted #CEE688;
	border-bottom: 2px dotted #CEE688;
}

.fx-process-step.bg-light .fx-process-leaf {
	background: #000000;
}

.fx-process-step.bg-dark .fx-process-leaf {
	background: #CEE688;
}

/* text */
.fx-process-step.text-light .fx-process-content h3 {
	color: #CEE688;
}

.fx-process-step.text-dark .fx-process-content h3 {
	color: #010101;
}

/* text */
.fx-process-step.text-light .fx-process-content p {
	color: #CEE688;
}

.fx-process-step.text-dark .fx-process-content p {
	color: #010101;
}

.fx-process-step.bg-dark .fx-process-leaf-number {
	color: #010101;
}

.fx-process-step.bg-light .fx-process-leaf-number {
	color: #CEE688;
}

.fx-process-step .fx-process-content h3 {
	margin: 0 0 8px;
	font-size: 32px;
}

.fx-process-content p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
}

/* green leaf with number */
.fx-process-leaf {
	background: #c8e56e;
	border: 2px dotted #000000;
	border-top-right-radius: 200px;
	border-bottom-left-radius: 200px;
	min-width: 120px;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fx-process-leaf-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 32px;
}


.result-section.build-with-zerna .fx-benefits-leaves {
	background: transparent;
}

.result-section.build-with-zerna .fx-leaf {
	background: #010101;
}


.result-section.build-with-zerna .fx-leaf-inner p {
	color: #FFFFFF;
}

.result-section.build-with-zerna .fx-leaf-check {
	background: #CEE688;
	border-color: #CEE688;
	color: #010101;
}

.focus-heading.product {
	padding-bottom: 0 !important;
}

.focus-heading.product h2 {
	margin-block-end: 0 !important;
}

#goToTop {
	box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
	position: fixed;
	bottom: 24px;
	right: 24px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	color: #000;
	border: none;
	cursor: pointer;
	font-size: 18px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
	z-index: 9999;
}

#goToTop.is-visible {
	opacity: 1;
	visibility: visible;
}

#goToTop:hover {
	transform: translateY(-3px);
}

.single-post-group {
	margin: 70px 0;
}

.single-post-group p {
	margin: 16px 0;
}

.single-post main p {
	margin: 16px 0;
}

.blog-post-heading {
	margin: 16px 0;
}

.zr-toc__list li {
	line-height: 21px;
}

.zr-toc__list li a {
	color: #FFFFFFCC;
	font-size: 16px;
	text-decoration: none;
}

.zr-toc__list li a.is-active {
	color: #CEE688;
	font-weight: 600;
}

.zr-toc__list li a.is-active:before {
	content: '';
	background: currentColor;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 10px;
}

.zr-toc__list {
	list-style-type: none;
	background: #4d4d4d;
	padding: 25px;
}

.post-wrapper {
	position: relative;
}

.post-summary-column {
	padding-left: 44px;
	position: sticky;
	top: 0;
	height: fit-content;
	padding-top: var(--wp--preset--spacing--60);
}

.single-post-wrapper {
	margin-top: 0 !important;
}

.time-and-author-summary {
	justify-content: space-between;
	margin-top: 40px;
}

.time-and-author-summary a {
	display: block;
	background: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(10px);
	padding: 8px 16px;
	text-decoration: none;
	border-radius: 80px;
	font-size: 18px;
}

.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
	margin-top: 16px;
}

.wp-block-quote p {
	font-style: italic;
	font-size: 18px !important;
	font-weight: 700;
}

body.blog {
	background: #CEE688;
}

body.blog .wp-block-post .entry-content {
	display: none;
}

body.blog .wp-block-post-template {
	display: flex;
	gap: 20px;
}

body.blog .wp-block-post .wp-block-post-title {
	font-size: 24px !important;
	font-weight: 500;
	margin-top: 8px;
}


body.blog main > h1,
body.blog main > h3,
body.blog main > p
{
	margin-left: 0 !important;
}

body.blog main > h3
{
	font-weight: 500;
	margin-bottom: 16px;
}

/* Desktop layout */
@media screen and (min-width: 768px) {
	.hero-section-heading {
		padding-top: 60px;
	}

	.fx-process-content {
		max-width: 75%;
		width: 100%;
	}

	.logo-group {
		width: 25%;
	}

	.wp-block-navigation {
		width: 75%;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.wp-block-navigation__responsive-container-content {
		margin-left: 15%;
	}

	.wp-block-navigation .wp-block-buttons {
		margin-left: auto;
	}

	.product-block:hover img {
		transform: scale(1.3);
	}

	.product-block:hover figure {
		border-top-left-radius: 150px;
		border-bottom-right-radius: 150px;
	}

	.product-block:hover figure:before {
		transition: 0.3s;
		content: '';
		max-width: 100%;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1000;
		background: linear-gradient(90deg, #000000 0.37%, rgba(22, 22, 22, 0) 99.51%);
		border-top-left-radius: 150px;
		border-bottom-right-radius: 150px;
	}

	.integration-row .wp-block-buttons {
		display: none;
	}

	.integration-row  .fx-accordion-content {
		max-height: fit-content;
		overflow: unset;
	}

	.hero-banner {
		padding: 40px;
	}

	.who-we-are,
	.focus-on {
		padding: 110px 44px;
	}

	.focus-on .wp-block-column {
		padding: 69px 11px;
	}

	.case-studies {
		padding: 80px 44px;
	}

	.product-feature {
		padding-bottom: 32px;
		margin-top: 40px;
	}

	.product-feature p:first-child {
		margin-bottom: 40px;
	}

	.how-we-work {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.how-we-work-wrapper {
		padding-bottom: 60px;
	}

	.how-we-work-info:nth-child(1) {
		transform: rotate(-9deg);
		margin-top: 48px !important;
	}

	.how-we-work-info:nth-child(2) {
		transform: rotate(10deg);
		margin-top: 17px!important;

	}

	.how-we-work-info:nth-child(3) {
		transform: rotate(-8deg);
		margin-top: 35px !important;
	}

	.how-we-work-info:nth-child(4) {
		transform: rotate(4deg);
		margin-top: 51px !important;
	}

	.how-we-work-wrapper:hover .how-we-work-info {
		transform: rotate(0) !important;
		margin-top: 48px !important;
		border: 2px solid rgba(206, 230, 136, 0.5);
		transition: transform .8s ease;
	}

	.blog-section {
		padding-top: 80px;
	}

	.wp-block-latest-posts__list {
		margin: 0 44px;
	}

	.wp-block-latest-posts__post-title {
		display: block;
		font-size: 24px;
		text-decoration: none;
	}

	.wp-block-latest-posts__post-author {
		font-size: 14px;
	}

	.focus-heading h2 {
		margin-block-end: 60px !important;
	}

	.focus-card {
		margin-bottom: 20px;
	}

	body.blog .wp-block-post-template {
		flex-wrap: wrap;
	}
	
	body.blog .wp-block-post-template .wp-block-post  {
		max-width: 32%;
		width: 100%;
	}
	
}


@media screen and (max-width: 768px) {
	body.blog .wp-block-post-template {
		flex-wrap: wrap;
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
		background-color: #CEE688 !important;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		align-items: center !important;
	}

	.wp-block-navigation.items-justified-right {
		align-items: center !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
		align-items: center !important;
	}


	:where(main .wp-block-columns.has-background) {
		padding-right: 16px;
		padding-left: 16px;
	}

	footer .wp-block-group {
		gap: 32px;
		max-width: 100%;
		width: 100%;
	}

	.how-we-work {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.how-we-work-wrapper {
		padding-bottom: 60px;
	}

	.how-we-work-info:nth-child(1) {
		transform: rotate(-9deg);
		margin-top: 48px !important;
	}

	.how-we-work-info:nth-child(2) {
		transform: rotate(10deg);
		margin-top: 17px!important;

	}

	.how-we-work-info:nth-child(3) {
		transform: rotate(-8deg);
		margin-top: 26px !important;
	}

	.how-we-work-info:nth-child(4) {
		transform: rotate(4deg);
		margin-top: 25px !important;
	}

	.how-we-work-wrapper:hover .how-we-work-info {
		transform: rotate(0) !important;
		margin-top: 20px !important;
		border: 2px solid rgba(206, 230, 136, 0.5);
		transition: transform .8s ease;
	}

	.hero-banner,
	.who-we-are,
	.focus-on,
	.case-studies,
	.product-features,
	.how-we-work,
	.blog-section,
	.contact-us-wrapper {
		padding: 25px 16px;
	}

	.product-block .product-actions .product-details {
		flex-direction: column;
		align-items: flex-start;
	}


	.product-block figure a:before {
		transition: 0.3s;
		content: '';
		max-width: 100%;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1000;
		background: linear-gradient(90deg, #000000 0.37%, rgba(22, 22, 22, 0) 99.51%);
	}

	.product-block .product-actions {
		visibility: visible;
		height: 25%;
		bottom: 0;
	}

	.product-block:hover figure {
		border-top-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.product-block .wp-block-buttons {
		display: none;
	}

	.hero-section-heading {
		padding: 0 16px;
	}

	.hero-banner .wp-block-column .wp-block-heading {
		letter-spacing: -6.2px;
	}

	.who-we-are {
		position: relative;
		overflow: hidden;
	}

	.who-we-are figure {
		position: absolute;
		top: 16px;
		max-width: 65%;
		right: -25px;
		overflow: hidden;
	}

	.who-we-are div:nth-child(2) {
		z-index: 1000;
	}

	.focus-on h2 {
		margin-block-end: 32px !important;
	}

	.focus-on .wp-block-columns {
		border: none;
		gap: 16px;
	}

	.focus-on .wp-block-column {
		border: 2px dashed #FFFFFF66;
		padding: 32px 24px;
		gap: 24px;
	}

	.product-features .product-idea {
		position: relative;
	}

	.contact-us h2 {
		font-size: 48px !important;
		margin-block-end: 12px !important;
	}

	.contact-us-wrapper .contact-us {
		padding: 32px 24px 80px 24px;
		border-top-right-radius: 80px;
		border-bottom-left-radius: 80px;
	}

	.wp-element-button {
		padding: 15px 29px;
	}

	.fx-bl-grid {
		gap: 8px;
	}


	.fx-benefits-leaves {
		padding: 16px 0 0;
	}

	.fx-leaf,
	.fx-leaf--tl,
	.fx-leaf--tr,
	.fx-leaf--bl,
	.fx-leaf--br {
		/*border-radius: 120px;*/
		/*justify-content: flex-start;*/
	}

	.fx-leaf-inner {
		max-width: none;
		padding: 42px 37px;
	}

	.fx-leaf-inner p {
		font-size: 16px;
	}

	.fx-hiw-steps {
		flex-direction: column;
		gap: 24px;
	}

	.fx-hiw-steps::before {
		display: none;
	}

	.fx-hiw-badge {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 93px;
		height: 50px;
		padding: 0 14px;
		font-weight: 600;
		font-size: 20px;
		border: 2px dotted #000;
		border-radius: 0 200px 0 200px; /* “leaf” corners */
		z-index: 1;
	}

	.fx-hiw-step {
		padding-left: 4px;
	}

	.hero-section-heading h2 {
		max-width: 100%;
		margin-top: 14px;
	}

	.product-hero-section {
		flex-direction: column-reverse;
	}

	.product-hero-section p {
		font-size: 16px !important;
	}

	.product-parallax {
		min-height: 360px !important;
	}

	.focus-card {
		min-height: 192px;
		margin-bottom: 20px;
	}

	.focus-card figure {
		margin-bottom: 24px;
		margin-top: 16px;
	}

	.case-study-video .wp-block-cover {
		min-height: 201px !important;
	}

	.mockup-ideas .wp-block-column {
		max-width: 27.3%;
	}

	.product-feature {
		padding-bottom: 4px;
	}

	.product-feature p {
		margin-bottom: 20px;
	}

	.integration-row {
		padding-left: 0;
		padding-right: 0;
	}

	.integration-logo {
		justify-content: center;
	}

	.contact-us h2 {
		font-size: 48px !important;
		margin-block-end: 12px !important;
	}

	.contact-us {
		padding: 32px 24px 80px 24px;
		border-top-right-radius: 80px;
		border-bottom-left-radius: 80px;
	}

	.contact-us .wp-block-buttons, .contact-us .wp-block-button {
		max-width: 100%;
		width: 100%;
	}

	.integration-row {
		padding-bottom: 0;
	}

	.integration-row.is-open {
		padding-bottom: 32px;
	}

	.fx-accordion-item .wp-block-button__link {
		background: transparent;
		color: #A2A9B0;
		font-size: 0;
	}

	/* Default: closed state */
	.fx-accordion-item .wp-block-button__link::before {
		content: "+";
		color: #A2A9B0;
		font-size: 20px;
		line-height: 1;
		transition: transform 0.2s;
		display: inline-block;
	}

	/* Open state: show minus */
	.fx-accordion-item.is-open .wp-block-button__link::before {
		content: "—";
	}

	.focus-heading h2 {
		margin-block-end: 32px !important;
	}

	.fx-process-step {
		flex-direction: column;
	}

	.fx-process-step .fx-process-content h3 {
		font-size: 20px;
	}
}