/* 
Theme Name: Digita1
Theme URI: https://rutabakanaite-com.preview-domain.com
Author: UAB Digita1 / Paulius Alionis
Author URI: https://digit1.agency
Description: A custom WordPress theme developed by UAB Digita1, specifically designed to work with ACF and custom Gutenberg blocks.
Version: 0.001
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digita1
*/

/* Import Montserrat font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Light Italic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Regular.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Regular Italic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Medium.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Medium Italic.otf') format('opentype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika SemiBold Italic.otf') format('opentype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Kinetika';
	src: url('/wp-content/themes/digita1/assets/fonts/Kinetika Bold Italic.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-Bold.otf') format('opentype');
	font-weight: 700; /* Bold */
	font-style: normal;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-BoldItalic.otf') format('opentype');
	font-weight: 700; /* Bold */
	font-style: italic;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-Book.otf') format('opentype');
	font-weight: 400; /* Normal book weight */
	font-style: normal;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-BookItalic.otf') format('opentype');
	font-weight: 400; /* Normal book weight */
	font-style: italic;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-Extrabold.otf') format('opentype');
	font-weight: 800; /* Extra bold */
	font-style: normal;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-ExtraboldItalic.otf') format('opentype');
	font-weight: 800; /* Extra bold */
	font-style: italic;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-Light.otf') format('opentype');
	font-weight: 300; /* Light */
	font-style: normal;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-LightItalic.otf') format('opentype');
	font-weight: 300; /* Light */
	font-style: italic;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-Medium.otf') format('opentype');
	font-weight: 500; /* Medium */
	font-style: normal;
}

@font-face {
	font-family: 'OggText';
	src: url('/wp-content/themes/digita1/assets/fonts/OggText-MediumItalic.otf') format('opentype');
	font-weight: 500; /* Medium */
	font-style: italic;
}

html {
	font-size: 62.5%; /*1 rem = 10px*/
}

body {
	background-color: #FFF8EB;
	font-family: 'Kinetika', sans-serif;
	color: #333;
	line-height: 1.5;
	font-size: 1.8rem;
	margin: 0;
	font-weight: 300;
}

html, body {
	scroll-behavior: smooth;
}

/* TEXT COLORS STARTS */

.default-text-color {
	color: var(--default-text);
}

.primary-text-color {
	color: var(--primary);
}

.accent-text-color {
	color: var(--accent);
}

.dark-text-color {
	color: var(--dark);
}

.light-text-color {
	color: var(--light);
}

.white-text-color {
	color: #fff;
}

.black-text-color {
	color: #000;
}

/* TEXT COLORS ENDS */

/* BUTTON STARTS */

a.btn {
	display: inline-block;
	padding: 15px 24px;
	align-items: center;
	text-decoration: none;
	text-transform: capitalize;
	font-family: 'Kinetika', sans-serif;
	font-weight: 600;
	transition: .4s all ease-in-out;
	text-align: center;
	line-height: 1.5;
	min-width: 70px;
}

a.btn:hover  {
	border: 2px solid var(--dark);
	background: var(--dark);
}

/* Button styles */

.btn.primary-solid {
	border: 2px solid var(--primary);
	background-color: var(--primary);
	color: #fff;
}

.btn.accent-solid {
	border: 2px solid var(--accent);
	background-color: var(--accent);
	color: #fff;
}

.btn.white-solid {
	border: 2px solid #fff;
	background-color: #fff;
	color: var(--default-text);
}

.btn.dark-solid {
	border: 2px solid var(--dark);
	background-color: var(--dark);
	color: #fff;
}

.btn.primary-outline {
	border: 2px solid var(--primary);
	color: var(--primary);
}

.btn.primary-outline.btn-arrow::after {
	content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" fill="%23F1F2EE"/><rect x="20" width="20" height="2" transform="rotate(90 20 0)" fill="%23F1F2EE"/><path d="M19 1L2 18" stroke="%23F1F2EE" stroke-width="2"/></svg>');
	position: relative;
	top: 3px;
	transition: .4s all ease-in-out;
}

.btn.accent-outline {
	border: 2px solid var(--accent);
	color: var(--accent);
}

.btn.accent-outline.btn-arrow::after {
	content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" fill="%23526DA3"/><rect x="20" width="20" height="2" transform="rotate(90 20 0)" fill="%23526DA3"/><path d="M19 1L2 18" stroke="%23526DA3" stroke-width="2"/></svg>');
	position: relative;
	top: 3px;
	transition: .4s all ease-in-out;
}

.btn.white-outline, .sign-up-form-block .btn.white-outline {
	display: flex;
	padding: 15px 27px;
	align-items: center;
	text-decoration: none;
	text-transform: capitalize;
	font-family: 'Kinetika', sans-serif;
	font-weight: 600;
	transition: .4s all ease-in-out;
	text-align: center;
	line-height: 1;
	min-width: 70px;
	color: #fff;
	justify-content: space-around;
	align-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
	border-radius: 0;
	border: 2px solid #fff;
	color: #fff;
}

.btn.dark-outline {
	border: 2px solid var(--dark);
	color: var(--dark);
}

.btn.btn-arrow {
	display: inline-flex;
	gap: 2rem;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.btn.btn-arrow::after {
	content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" fill="%23F1F2EE"/><rect x="20" width="20" height="2" transform="rotate(90 20 0)" fill="%23F1F2EE"/><path d="M19 1L2 18" stroke="%23F1F2EE" stroke-width="2"/></svg>');
	position: relative;
	top: 3px;
	transition: .4s all ease-in-out;
}

.sign-up-form-block .btn.btn-arrow::after {
	top: 1px;
}

.btn.btn-arrow:hover::after {
	transform: rotate(45deg);
	transition: .4s all ease-in-out;
}

div.wpforms-container-full input[type=date]:focus, div.wpforms-container-full input[type=datetime]:focus, div.wpforms-container-full input[type=datetime-local]:focus, div.wpforms-container-full input[type=email]:focus, div.wpforms-container-full input[type=month]:focus, div.wpforms-container-full input[type=number]:focus, div.wpforms-container-full input[type=password]:focus, div.wpforms-container-full input[type=range]:focus, div.wpforms-container-full input[type=search]:focus, div.wpforms-container-full input[type=tel]:focus, div.wpforms-container-full input[type=text]:focus, div.wpforms-container-full input[type=time]:focus, div.wpforms-container-full input[type=url]:focus, div.wpforms-container-full input[type=week]:focus, div.wpforms-container-full select:focus, div.wpforms-container-full textarea:focus {
	background: rgba(0, 0, 0, 0.2);
	border: none;
}

/* BUTTON ENDS */

/* LAYOUT STARTS */

.container {
	width: calc(100% - 4rem);
	max-width: 120rem; /* 1200px */
	margin: 0 auto;
	padding: 0 2rem;
}

.columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.col9 {
	width: calc(75% - 2rem);
}

.col8 {
	width: calc(66.66% - 2rem);
}

.col7 {
	width: calc(58.33% - 2rem);
}

.col6 {
	width: calc(50% - 2rem);
}

.col5 {
	width: calc(41.66% - 2rem);
}

.col4 {
	width: calc(33.32% - 2.66rem);
}

.col3 {
	width: calc(25% - 3rem);
}

.col2 {
	width: calc(20% - 3rem);
}

lottie-player {
	max-width: 100%;
}

/* LAYOUT ENDS */

/* BLOCKS START */

/* HERO BLOCK STARTS */

.hero-block {
	height: 100vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.hero-block .col6 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.hero-block .hero-headline {
	font-size: 7rem;
	line-height: 1.1;
	margin-bottom: 3rem;
}

.hero-block .hero-paragraph {
	margin-bottom: 1rem;
	font-size: 2.2rem;
}

.hero-block .hero-image-wrapper img.hero-image {
    position: absolute;
    top: 80px;
    right: 100px;
    max-width: 700px;
}

.hero-block .hero-image-wrapper lottie-player {
    position: absolute;
    top: 80px;
    right: 100px;
    max-width: 700px;
}

/* Mobile view */
@media (max-width: 767px) {
	.hero-block {
		height: auto;
		padding: 4rem 0px 16rem;
	}

	.hero-block .columns {
		flex-direction: column-reverse;
	}

	.hero-block .col6 {
		width: 100%;
	}

	.hero-block .hero-headline {
		font-size: 4.2rem;
		margin-bottom: 2rem;
	}

	.hero-block lottie-player {
		max-width: 90%;
		max-height: 350px;
		margin: 0 auto;
	}

	.hero-block .hero-paragraph {
		max-width: 80%;
	}

}

/* HERO BLOCK ENDS */

/* IMAGE BLOCK STARTS */

.image-block {
	height: auto;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
}

.image-block.full-screen {
	width: 100%;
	height: auto;
}

.image-block.full-screen img {
	width: 100%;
	height: auto;
}

.image-block picture {
	display: flex;
	justify-content: center;
}

.image-block img {
	border-radius: 1rem;
	box-shadow: 7px 7px 13px rgba(0,0,0,0.15);
	width: 90%;
	max-width: 1000px;
}

/* Mobile view */
@media (max-width: 767px) {
	.image-block {
		bottom: 100px !important;
	}

	.image-block img {
		width: 100%;
	}
}

/* IMAGE BLOCK ENDS */

/* TEXT-IMAGE BLOCK STARTS */

.text-image-block {
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
	padding: 3rem 0;
	margin-bottom: 12rem;
}

.text-image-block .col6 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
}

.text-image-block .image-left {
	flex-direction: row-reverse;
}

.text-image-block .col6.lottie {
	position: relative;
}

.text-image-block .text-image-wrapper {
    display: block;
    height: 60vh;
}

.text-image-block img.section-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 60vh !important;
    width: auto !important;
}

.text-image-block .col6.lottie img.image-overlay {
	position: absolute;
	top: -40px;
	left: -40px;
	width: 100%;
}

.text-image-block lottie-player.overlay-lottie {
    position: absolute;
    top: 0;
    right: 0;
    height: 60vh !important;
    width: auto !important;
}

/* Mobile view */
@media (max-width: 767px) {
	.text-image-block {
		margin-bottom: 6rem;
		padding: 0;
	}

	.text-image-block .columns {
		flex-direction: column-reverse;
	}

	.text-image-block .col6 {
		width: 100%;
	}

	.text-image-block .col6.lottie {
		max-width: 85%;
		margin: 0 auto;
	}

	.text-image-block .col6.lottie img.image-overlay {
		top: 65px;
		left: 0px;
	}

	.text-image-block .col6.lottie .lottie-player {
		max-width: 90%;
	}

	.text-image-block .section-title {
		font-size: 3.6rem;
	}
}

/* TEXT-IMAGE BLOCK ENDS */

/* TEXT WITH IMAGE TABS BLOCK STARTS */

.text-image-tabs-block {
	padding: 8rem 0;
	text-align: center;
	background-size: 130vh;
	background-repeat: no-repeat;
	background-position: center 300px;
}

.text-image-tabs-block .section-title {
	text-align: center;
	margin-bottom: 4rem;
}

.text-image-tabs-block .section-text {
	text-align: center;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 2rem;
}

ul.tabs {
	display: inline-flex;
	list-style: none;
	color: #fff;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-color: #F0F2EE;
	padding: 1.5rem;
	gap: 1.5rem;
	margin-bottom: 4rem;
}

.tab-content {
	display: flex;
	justify-content: center;
}

img.tab-image {
	border-radius: 1rem;
	box-shadow: 7px 7px 13px rgba(0,0,0,0.15);
	max-width: 820px;
}

.tab-image:not(.active) {
	display: none;
	opacity: 0; /* Add initial opacity of 0 for smoother visibility transition */
	transition: .4s all ease-in-out;
}

.tab-image {
	transition: .4s opacity, .4s display ease-in-out; /* Transition both opacity and display */
}

.tab-image.active {
	display: block;
	opacity: 1; /* Ensure full visibility when open */
}


ul.tabs .tab {
	cursor: pointer;
	font-weight: bold;
	color: #0D1B1E80;
	padding: 1.6rem 2.8rem;
	line-height: 1.2;
}

ul.tabs .tab:hover {
	background: #FFF8EB;
}

ul.tabs .tab.active {
	color: #0D1B1E;
	background: #FFF8EB;
}

/* Mobile view */
@media (max-width: 767px) {
	.text-image-tabs-block {
		padding: 4rem 0;
	}

	.text-image-tabs-block .section-title {
		margin-bottom: 2rem;
		font-size: 3.6rem;
	}

	.text-image-tabs-block .section-text {
		width: 90%;
	}

	ul.tabs {
		padding: 0.6rem;
		gap: 0.5rem;
	}

	ul.tabs .tab {
		padding: 0.8rem 0.5rem;
		font-size: 1.2rem;
		width: 25%;
	}

	img.tab-image {
		max-width: 100%;
	}
}

/* TEXT WITH IMAGE TABS BLOCK ENDS */

/* ACCORDION WITH IMAGE SECTION BLOCK STARTS */

.accordion-image-section-block {
	padding: 8rem 0;
	background: #F1F2EE;
}

.accordion-image-section-block .accordion-headline {
	margin-bottom: 4rem;
}

.accordion-group {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}

.accordion-element {
	width: 100%;
	border-bottom: 2px solid var(--dark);
	padding: 1.5rem 0;
}

.accordion-element-title {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
}

.accordion-element-text {
	margin-top: 0.5rem;
	display: none;
}

.accordion-element.open .accordion-element-text {
	display: block;
}

.accordion-element-title h4, .accordion-element-text p {
	margin: 0;
}

.accordion-image-section-block .col6 img {
	max-height: 600px;
}

.accordion-image-section-block .col6.lottie-animations .lottie-animation {
	transition: .4s opacity, .4s display ease-in-out;
}

.accordion-image-section-block .col6.lottie-animations .lottie-animation:not(.open) {
	visibility: hidden;
	opacity: 0;
	display: none;
	transition: visibility 0s, display 0.4s ease-in-out; /* Transition opacity only */
}

.accordion-image-section-block .col6.lottie-animations .lottie-animation.open {
	visibility: visible;
	opacity: 1;
	display: block;
	transition: visibility 0s, display 0.4s ease-in-out; /* Transition opacity only */
}

/* Mobile view */
@media (max-width: 767px) {
	.accordion-image-section-block {
		padding: 2rem 0 6rem;
	}

	.accordion-image-section-block .columns {
		flex-direction: column-reverse;
	}

	.accordion-image-section-block .columns .col6 {
		width: 100%;
	}

	.accordion-image-section-block .columns .col6.lottie-animations {
		margin-bottom: 2rem;
	}

	.accordion-image-section-block .accordion-headline {
		font-size: 3.6rem;
		margin-bottom: 2rem;
		line-height: 1.2;
	}

	.accordion-image-section-block .col6.lottie {
		max-width: 85%;
		margin: 0 auto;
	}

	.accordion-image-section-block .col6.lottie .lottie-player {
		max-width: 90%;
	}
}

/* ACCORDION WITH IMAGE SECTION BLOCK ENDS */

/* SIGN UP FORM BLOCK STARTS */

.sign-up-form-block {
	padding: 6rem 0;
}

.sign-up-form-block .section-title {
	margin-bottom: 2rem;
}

.sign-up-form-block .wpforms-field-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
}

.sign-up-form-block .wpforms-field-container .form-half {
	padding: 0;
	width: calc(50% - 1rem);
}

.sign-up-form-block .wpforms-field-container .form-half .wpforms-field-medium {
	min-width: 100%;
}

.sign-up-form-block .wpforms-field-container .form-half .wpforms-field-medium {
	min-width: 100%;
	background: none;
	border: 0;
	border-bottom: 2px solid #F1F2EE;
	border-radius: 0;
	color: #F1F2EE;
}


.sign-up-form-block .wpforms-field-container .form-half .wpforms-field-medium::placeholder {
	color: #F1F2EE;
	opacity: 1;
}

.wpforms-container fieldset input[type=text] {
	display: none;
}

.sign-up-form-block .btn.white-outline {
	border-radius: none;
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
	background: none;
}

div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button {
	background: none;
	box-shadow: none;
}

div.wpforms-container-full input[type=submit]:focus:after, div.wpforms-container-full button[type=submit]:focus:after, div.wpforms-container-full .wpforms-page-button:focus:after {
	display: none;
}

div.wpforms-container-full input[type=submit]:focus:after, div.wpforms-container-full button[type=submit]:focus:after, div.wpforms-container-full .wpforms-page-button:focus:after {
	content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" fill="%23F1F2EE"/><rect x="20" width="20" height="2" transform="rotate(90 20 0)" fill="%23F1F2EE"/><path d="M19 1L2 18" stroke="%23F1F2EE" stroke-width="2"/></svg>');
	position: relative;
	top: 1px;
	transition: .4s all ease-in-out;
}

div.wpforms-container-full input[type=submit]:focus:hover::after, div.wpforms-container-full button[type=submit]:focus:hover::after, div.wpforms-container-full .wpforms-page-button:focus:hover::after {
	transform: rotate(45deg);
	transition: .4s all ease-in-out;
}

div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active {
	background: none;
	border-color: transparent;
}

div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active {
	background: none;
}

/* Mobile view */
@media (max-width: 767px) {
	.sign-up-form-block {
		padding: 4rem 0;
	}

	.sign-up-form-block .columns {
		flex-direction: column;
	}

	.sign-up-form-block .columns .col6 {
		width: 100%;
	}

}

/* SIGN UP FORM BLOCK ENDS */

/* VALUE PROPOSITION BLOCK STARTS */

.value-proposition-block {
	padding: 8rem 0;
}

.value-proposition-block .section-title {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	max-width: 700px;
	margin-bottom: 2rem;
}

.value-proposition-block .section-text {
	text-align: center;
	max-width: 700px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 8rem;
}

.value-proposition-block .columns {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	flex-direction: row;
	gap: 3rem;
}

.value-proposition-block .clients-col {
	padding: 4rem 5rem;
}

.value-proposition-block .clients-col {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.value-proposition-block .clients-col p {
	margin-bottom: 6rem;
}

.value-proposition-block .logo-slider {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

.value-proposition-block .logo-slider::before, .value-proposition-block .logo-slider::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 250px; /* Adjust the width based on your design */
	z-index: 2;
}

.value-proposition-block .logo-slider::before {
	left: 0;
	background: linear-gradient(to right, var(--dark), transparent);
}

.value-proposition-block .logo-slider::after {
	right: 0;
	background: linear-gradient(to left, var(--dark), transparent);
}

.value-proposition-block .logo-row {
	display: flex;
	justify-content: start;
	animation: slide 5s linear infinite;
}

.value-proposition-block .right-to-left {
	/* Adjust animation direction for rows */
	animation-direction: reverse;
}

.value-proposition-block img.client-logo {
	padding: 1rem;
	margin: 0.8rem;
	background: var(--primary);
	width: 6rem;
	height: 5rem;
}

@keyframes slide {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}

.value-proposition-block .cta-col {
	padding: 4rem 5rem 18rem 5rem;
	background-size: 235px;
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* Mobile view */
@media (max-width: 767px) {
	.value-proposition-block .columns {
		flex-direction: column;
	}

	.value-proposition-block .clients-col, .value-proposition-block .cta-col {
		width: auto;
		max-width: calc(100% - 4rem);
	}

	.value-proposition-block .clients-col {
		padding: 3rem 2rem;
	}

	.value-proposition-block .cta-col {
		padding: 3rem 2rem 18rem 2rem;
	}

	.value-proposition-block .logo-slider::before, .value-proposition-block .logo-slider::after {
		width: 120px;
	}
}

/* VALUE PROPOSITION BLOCK ENDS */

/* ICON COLUMNS BLOCK STARTS */

.icon-columns-block {
	padding: 8rem 0;
}

.icon-columns-block .columns {
    gap: 3rem;
}

.icon-columns-block .icon-column {
    padding: 4rem 3rem;
    background: var(--light);
}

.icon-columns-block .icon-column.col6 {
    width: calc(50% - 8rem);
}


/* Mobile view */
@media (max-width: 767px) {
	
}

/* ICON COLUMNS BLOCK ENDS */

/* ELEMENT SLIDER SECTION BLOCK STARTS */

.element-slider-section {
	padding: 12rem 0;
}

.element-slider-section .section-title {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3rem;
    max-width: 900px;
    width: 80%;
}

.element-slider-section .section-text {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 12rem;
    font-size: 2.2rem;
    max-width: 900px;
    width: 80%;
}

.element-slider-section .swiper-slide {
    background-color: var(--dark);
    padding: 6rem 8rem;
    max-width: 600px;
    width: 80%;
    color: #fff;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.swiper-slide img.element-block-image {
    margin-bottom: 2rem;
}

.element-slider-section .swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    align-content: center;
    gap: 4rem;
    margin-bottom: 8rem;
}

.element-slider-section .slider-counter {
    text-align: right;
    margin-right: 4rem;
    margin-bottom: 2rem;
    font-size: 2.8rem;
    font-weight: 900;
    color: var(--dark);
}

.element-slider-section .swiper-custom-navigation {
    position: absolute;
    bottom: 2px;
    right: 4rem;
    display: flex;
    gap: 1rem;
}

.element-slider-section .swiper-button-prev-custom, .element-slider-section .swiper-button-next-custom {
    cursor: pointer;
    background-color: none;
    padding: 9px 13px;
    border-radius: 50%;
    border: 2px solid var(--dark);
}

.element-slider-section .swiper-button-prev-custom:hover, .element-slider-section .swiper-button-next-custom:hover {
    background-color: var(--dark);
}

.element-slider-section .swiper-button-prev-custom {
    transform: rotate(225deg);
    transition: .4s all ease-in-out;
}

.element-slider-section .swiper-button-next-custom {
    transform: rotate(45deg);
    transition: .4s all ease-in-out;
}

.element-slider-section .swiper-button-prev-custom::after, .element-slider-section .swiper-button-next-custom::after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" fill="%23293651"/><rect x="20" width="20" height="2" transform="rotate(90 20 0)" fill="%23293651"/><path d="M19 1L2 18" stroke="%23293651" stroke-width="2"/></svg>');
    position: relative;
    top: 3px;
    transition: .4s all ease-in-out;
}

.element-slider-section .swiper-button-prev-custom:hover::after, .element-slider-section .swiper-button-next-custom:hover::after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" fill="%23FFFFFF"/><rect x="20" width="20" height="2" transform="rotate(90 20 0)" fill="%23FFFFFF"/><path d="M19 1L2 18" stroke="%23FFFFFF" stroke-width="2"/></svg>');
}

/* Add any additional styling you need for the arrows */


/* Mobile view */
@media (max-width: 767px) {
	
}

/* ELEMENT SLIDER SECTION BLOCK ENDS */

/* BLOCKS END */

section.page-title-block {
	background: var(--dark);
	padding: 13rem 0 2rem;
}

section.post-content {
	padding: 6rem 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/* margin-bottom: 1.25rem; */
	margin-top: 0;
	line-height: 1.23;
	font-family: 'OggText', sans-serif;
	font-weight: 700;
}

h1, .h1 { font-size: 5.2rem; }

h2, .h2 {
	font-size: 4.2rem;
	font-weight: bold;}

h2.section-title, .h2.section-title {
	margin-bottom: 6rem;
	margin-top: 0;
	color: var(--dark);
}

.section-title.white, h2.white, .h2.white {
	color: white; }

h3, .h3 { font-size: 2.8rem; }
h4, .h4 { font-size: 2.2rem; font-weight: 700; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }

h4 a, .h4 a {
	text-decoration: none;
}


p {
	margin-bottom: 2rem;
	line-height: 1.5;
	margin-top: 0;
	font-family: 'Kinetika', sans-serif;
	font-weight: 300;
}

.center {
	text-align: center;
	justify-content: center;
}

a {
	color: var(--primary);
	text-decoration: underline;
	cursor: pointer;
	transition: .1s all ease-in;
}

a:hover {
	color: var(--primary);	
}

.buttons {
	display: flex;
	flex-direction: row;
	gap: 3rem;
	padding-top: 2rem; }

.btn-primary {
	background: var(--primary);
	color: white;
}

a.btn:hover {
	color: white;
}

.btn-secondary {
	background: var(--secondary);
	color: white;
}

span.secondary-color {
	color: var(--secondary);
}

ul.bullet-list {
	margin-bottom: 2rem;
	list-style: none;
	padding-left: 0;
}

ul.bullet-list li {
	font-family: 'Montserrat';
	font-weight: 600;
	color: var(--primary);
	line-height: 1.35;
	margin-bottom: 1.5rem;
	display: flex;
	gap: 1rem;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
}

ul.bullet-list li:before {
	content: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50555 1L12.3509 1L15.7735 6.9282L12.3509 12.8564L5.50555 12.8564L2.0829 6.9282L5.50555 1Z' stroke='%23E03B53' stroke-width='2'/%3E%3C/svg%3E");
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
	bottom: -1px;
}

ul.bullet-list.check li:before {
	content: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.19734 1.0162C4.19734 1.02409 4.18534 1.03198 4.17034 1.03198C4.11932 1.03198 3.96779 1.08091 3.86876 1.12826C3.6167 1.25137 3.42315 1.44077 3.28062 1.70434C3.23411 1.79115 3.15759 1.93162 3.10958 2.01843C2.95354 2.30094 2.87702 2.44141 2.87702 2.44457C2.87702 2.44773 2.84851 2.49823 2.814 2.55663C2.7795 2.6166 2.72698 2.7113 2.69697 2.76812C2.59045 2.96857 2.55744 3.02854 2.52443 3.08378C2.50643 3.11377 2.48692 3.15007 2.48092 3.1627C2.47492 3.17532 2.46292 3.20058 2.45241 3.21794C2.44191 3.2353 2.4014 3.30948 2.36089 3.38366C2.27237 3.54465 2.20035 3.67723 2.17935 3.71195C2.17185 3.72773 2.11483 3.8319 2.05332 3.94396C1.9918 4.0576 1.84777 4.3196 1.73224 4.52793C1.61821 4.73627 1.48468 4.97775 1.43666 5.06456C1.38865 5.15136 1.29563 5.32024 1.22811 5.44177C1.1621 5.56172 1.10658 5.66274 1.10658 5.66589C1.10658 5.66905 1.08108 5.7164 1.04957 5.77006C1.01806 5.8253 0.974551 5.90106 0.953546 5.94052C0.932541 5.97998 0.877027 6.08257 0.829016 6.16937C0.781004 6.25618 0.693982 6.41559 0.633968 6.52449C0.390908 6.97115 0.231869 7.25998 0.221366 7.27419C0.186858 7.32154 0.0953352 7.51567 0.0713293 7.58985C0.0548252 7.63878 0.0383211 7.72085 0.0323197 7.77609C0.0263182 7.82975 0.0158156 7.88184 0.00831376 7.89288C-0.0156921 7.92287 0.0158156 8.22749 0.0578259 8.37111C0.0938348 8.50053 0.101337 8.51474 0.408912 9.07346C0.489932 9.22024 0.615963 9.44752 0.686481 9.57852C0.758498 9.70794 0.883029 9.93521 0.964049 10.0836C1.04507 10.2304 1.19361 10.5002 1.29413 10.6833C1.39465 10.8648 1.55669 11.16 1.65422 11.3383C1.75174 11.5167 1.84326 11.6856 1.85977 11.714C1.87477 11.7424 1.94679 11.875 2.02031 12.006C2.09233 12.1385 2.18985 12.3137 2.23486 12.3958C2.27987 12.4779 2.3939 12.6846 2.48692 12.8535C2.57995 13.0224 2.71498 13.267 2.787 13.398C2.85751 13.5274 2.98355 13.7547 3.06457 13.9031C3.14559 14.0499 3.22811 14.203 3.24911 14.2424C3.38414 14.5013 3.52668 14.6717 3.70972 14.7901C3.83275 14.8706 3.99629 14.9432 4.08932 14.9605C4.12383 14.9669 4.15533 14.9779 4.16134 14.9858C4.17184 15.0047 10.844 15.0047 10.844 14.9858C10.844 14.9779 10.8725 14.9684 10.907 14.9621C10.994 14.9479 11.1471 14.88 11.2701 14.8043C11.4696 14.6796 11.6167 14.5076 11.7592 14.2345C11.7862 14.1824 11.8462 14.072 11.8912 13.9899C11.9377 13.9078 11.9963 13.8005 12.0218 13.7531C12.0488 13.7058 12.1088 13.5953 12.1568 13.5085C12.2048 13.4217 12.3023 13.2433 12.3744 13.1139C12.4449 12.9829 12.5709 12.7556 12.6519 12.6089C12.7329 12.4605 12.8575 12.2332 12.9295 12.1038C13 11.9728 13.126 11.7455 13.2071 11.5987C13.2881 11.4504 13.3676 11.3052 13.3841 11.2752C13.3991 11.2452 13.4471 11.16 13.4876 11.0858C13.5296 11.0116 13.5912 10.9011 13.6242 10.8412C13.6572 10.7796 13.7037 10.6975 13.7277 10.6549C13.7502 10.6139 13.7697 10.5776 13.7697 10.5728C13.7697 10.5697 13.8072 10.5018 13.8522 10.4229C13.8972 10.344 13.9347 10.2777 13.9347 10.2745C13.9347 10.2714 13.9903 10.1704 14.0563 10.0504C14.1238 9.9289 14.1958 9.79948 14.2168 9.76002C14.2363 9.72056 14.2588 9.68111 14.2648 9.67321C14.2708 9.66374 14.2918 9.62587 14.3128 9.58641C14.3338 9.54695 14.4164 9.39385 14.4974 9.24707C14.934 8.45318 14.9445 8.43424 14.964 8.27799C14.97 8.2338 14.9805 8.19276 14.9865 8.18803C15.0045 8.17698 15.0045 7.84238 14.9865 7.80608C14.979 7.79187 14.961 7.72401 14.946 7.65456C14.9265 7.56302 14.892 7.48095 14.8155 7.3389C14.7584 7.23473 14.6939 7.11636 14.6729 7.0769C14.6519 7.03744 14.6204 6.98062 14.6024 6.95063C14.5844 6.92065 14.5649 6.88435 14.5589 6.87172C14.5529 6.85909 14.5409 6.83384 14.5304 6.81648C14.5199 6.79912 14.4809 6.72809 14.4434 6.65865C14.3203 6.43295 14.2018 6.2183 14.1658 6.15832C14.1463 6.12518 14.1298 6.09519 14.1298 6.09046C14.1298 6.0873 14.1028 6.0368 14.0698 5.97998C14.0368 5.92316 14.0098 5.87423 14.0098 5.86949C14.0098 5.86634 13.9782 5.80794 13.9407 5.74007C13.8312 5.54752 13.7847 5.46387 13.6197 5.15926C13.5341 5.003 13.4096 4.77573 13.3421 4.6542C13.2731 4.53267 13.1275 4.26593 13.015 4.06233C12.904 3.85873 12.7645 3.60305 12.7044 3.49414C12.6444 3.38524 12.5094 3.1406 12.4044 2.94963C11.9212 2.06735 11.8537 1.94582 11.7757 1.80535C11.7292 1.72328 11.6782 1.62858 11.6617 1.59386C11.6197 1.51021 11.4396 1.31924 11.3316 1.24348C11.1786 1.13773 11.009 1.06039 10.877 1.0383C10.8425 1.03198 10.8095 1.02094 10.805 1.01462C10.793 0.994105 4.19734 0.995683 4.19734 1.0162Z' fill='%23E03B53' fill-opacity='0.1'/%3E%3Cpath d='M4 7L8 11L18 1' stroke='%23E03B53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	display: block;
	width: 19px;
	height: 14px;
	position: relative;
	top: 1px;
}

table {
	width: 100%;
	max-width: 1000px;
	border-collapse: collapse;
	border: none;
	font-family: Arial, sans-serif;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 2rem;
	overflow-x: auto;
}

th, td {
	padding: 1rem 1.5rem;
	text-align: left;
	border: 0;
	border-bottom: 1px solid #e0e0e0;
}

th {
	background-color: var(--primary);
	color: #fff;
	font-weight: bold;
	font-family: 'Montserrat';
	padding: 2rem 1.5rem;
}

table tr p {
	margin-bottom: 0;
}

.cookie-notice-container {
	font-family: 'Kinetika';
}

#cookie-notice .cn-buttons-container .cn-button:not(.cn-button-custom) {
	border-radius: 0;
	font-family: 'Kinetika';
	font-weight: 600;
}

#cookie-notice .cn-buttons-container .cn-button:hover {
	background-color: var(--accent) !important;
}

.spinner {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0 auto;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;

	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	animation-delay: -1.0s;
}

@keyframes sk-bounce {
	0%, 100% { transform: scale(0.0) }
	50% { transform: scale(1.0) }
}


/* Top bar starts */

header#masthead {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	transition: top 1s ease-in-out;
	width: 100%;
}

.top-bar {
	padding: 1.6rem 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.top-bar {
	display: none;
}

.top-bar .container {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 3rem;
	width: 90%;
	margin: 0 auto;
	max-width: 2000px;
}

.top-bar .container .top-bar-left {
	display: flex;
	align-items: center;
	gap: 4rem;
}

.top-bar .container .top-bar-left .phone, .top-bar .container .top-bar-left .email {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
	gap: 0.8rem;
}

.top-bar a {
	color: white;
}

.top-bar .social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
}

.social-icon:hover svg path {
	transition: 0.2s all ease-in;
}

.social-icon:hover svg path {
	fill: var(--primary);
}

.top-bar .container .top-bar-right {
	display: flex;
	align-items: flex-start;
	gap: 3.2rem;
}

.top-bar .container .top-bar-right .social {
	display: flex;
	gap: 3.2rem;
}

/* Top bar ends */

/* Main bar starts  */

.main-bar {
	padding: 1.6rem 0;
	width: 100%;
}

.main-bar .main-bar-left {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	gap: 2rem;
}

.main-bar .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin: 0 auto;
	max-width: 2000px;
}

.main-bar .container .main-bar-right {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4rem;
}

.logo img.custom-logo {
    max-height: 50px;
    width: auto;
}

.menu-burger {
	display: block;
	height: auto;
	padding: 5px;
	margin: 0;
	color: #fff;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	align-self: center;
	z-index: 3;
	width: 30px;
	height: 16px;
	position: relative;
}

.menu-burger.active {
	z-index: 999;
}

.menu-burger.active .top-dash {
	top: 50%;
	left: 0;
	transform: rotate(-45deg) translateY(-50%);
}

.menu-burger.active .middle-dash {
	display: none;
}

.menu-burger.active .bottom-dash {
	top: 50%;
	left: 0;
	right: unset;
	bottom: unset;
	transform: rotate(45deg) translateY(-50%);
}

.line_nav {
	background-color: white;
	transition: .3s all;
	position: absolute;
	width: 100%;
	height: 2px;
	transition: .3s all;
}

.line_nav.top-dash {
	top: -4px;
	left: 0;
}

.line_nav.middle-dash {
	top: calc(50% - 3px);
	right: 0;
}

.line_nav.bottom-dash {
	bottom: 0;
	left: 0;
}

.mobile-header-modal {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9;
	min-height: 700px;
	transition: .4s visibility ease-in;
	visibility: hidden;
	top: 0;
}

.mobile-header-modal .mobile-header-modal-wrapper {
	display: flex;
	height: 100%;
}

.mobile-header-modal.active {
	visibility: visible;
	transition: .4s visibility ease-in;
}

.mobile-header-modal .mobile-header-modal-left {
	width: 35%;
	background-size: cover;
	background-position: center center;
	opacity: 0;
	height: 100%;
	position: absolute;
	background-color: #FFF8EB;
	transition: left .4s ease-out, opacity .5s ease-in;
}

.mobile-header-modal .mobile-header-modal-left.active {
	left: 0;
	opacity: 1;
	transition: left .4s ease-out, opacity .5s ease-in;
}

.mobile-header-modal .mobile-header-modal-right {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 65%;
	background: var(--dark);
	height: 100vh;
	align-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-around;
	overflow: scroll;
	overflow-y: scroll;
	z-index: 999;
	margin: 0 auto;
	text-align: left;
	display: flex!important;
	opacity: 0;
	transform: translateX(100%);
	transition: .4s all ease-in-out;
}

.mobile-header-modal .mobile-header-modal-right .language-switcher-block {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}

.mobile-header-modal .mobile-header-modal-right .language-switcher-block .modal-lang a {
	color: white;
	font-weight: 600;
	font-family: 'Montserrat';
	text-decoration: none;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

.mobile-header-modal-right-wrapper {
	padding: 10rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: center;
	align-items: flex-start;
	gap: 3rem;
}

.menus-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	gap: 6rem;
}

.modal-menu {
	width: calc(50% - 3rem);
	max-width: 300px;
}

.modal-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.modal-menu ul li {
	padding-bottom: 3rem;
}

.modal-menu ul li a {
	text-decoration: none;
	color: white;
	font-size: 2rem;
	font-family: 'Montserrat';
	font-weight: 500;
	line-height: 1.35;
}

.modal-menu ul li#menu-item-207 a, .modal-menu ul li#menu-item-1375 a, .modal-menu ul li#menu-item-1381 a, .modal-menu ul li#menu-item-1500 a, .modal-menu ul li#menu-item-1481 a {
	color: var(--secondary);
	border: 1px solid;
	padding: 1rem 2rem;
	display: block;
	text-align: center;
	border-radius: 4px;
	text-transform: uppercase;
	transition: .4s all ease-in;
}

.modal-menu ul li#menu-item-207 a:hover, .modal-menu ul li#menu-item-1375 a:hover, .modal-menu ul li#menu-item-1381 a:hover, .modal-menu ul li#menu-item-1500 a:hover, .modal-menu ul li#menu-item-1481 a:hover {
	border-radius: 30px;
}

.modal-menu ul li a:hover, .footer ul.menu li a:hover {
	color: var(--primary);
}

header .modal-header-block .modal-block-wrapper .links-contacts-side .links-wrapper .flex-menu .column a {
	font-size: 2rem;
	font-weight: 600;
	line-height: 4rem;
}

.mobile-header-modal .mobile-header-modal-right.active {
	z-index: 99;
	opacity: 1;
	transform: translateX(0);
	animation: moveRightBlock .7s;
}

.modal-conctacts .social {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	gap: 2rem;
}

.modal-conctacts .social a {
	text-decoration: none;
}

header#masthead.sticky {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	top: -100%;
	width: 100%;
}

header#masthead.sticky.animate {
	top: 0;
}

header#masthead.sticky .main-bar {
	background: var(--dark);
}

.search-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 1.5rem;
}

.search-container {
	display: none;
}

form#searchform {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	gap: 0;
}

#searchform input#s {
	padding: 0 12px;
	border: none;
	border-radius: 0;
	color: rgba(0,0,0,0.75);
	background: #ffffff;
	font-weight: 400;
	line-height: 100%;
	font-size: 14px;
	height: 38px;
	margin: 0;
	max-width: 15rem;
}

#searchform input[type="submit"] {
	background-color: var(--primary);
	font-family: 'Kinetika';
	text-transform: uppercase;
	padding: 0px 14px;
	color: #fff;
	border-radius: 0;
	box-shadow: none;
	border: none;
	height: 38px;
	font-weight: 500;
	font-size: 14px;
	margin: 0;
}


/* Main bar ends  */

/* Footer starts  */

footer#colophon {
	margin: 0;
	display: flex;
	flex-direction: column;
}

.footer {
	background: var(--dark-background);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 6rem;
	padding-bottom: 4rem;
	z-index: 9999;
}

.footer .footer-column-title {
	color: white;
	border-bottom: 1px solid var(--secondary);
	padding-bottom: 0.5rem;
	width: 100%;
}

.footer p, .footer a, .footer h3 {
	color: white;
}

.footer .columns .col2 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
	width: calc(20% - 4rem);
}

.footer .columns .col6 {
	width: calc(50% - 4rem);
}

.footer ul.menu {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer ul.menu li {
	margin-bottom: 2rem;
}

.footer ul.menu li a {
	text-decoration: none;
	color: white;
	font-size: 1.6rem;
	font-family: 'Kinetika';
	font-weight: 500;
	line-height: 1.35;
}

.footer ul.menu ul.sub-menu {
	list-style: none;
	padding-left: 2rem;
	margin-top: 2rem;
}

.footer a:hover {
	color: var(--primary);
}

.footer h3 {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.35;
}

.footer-newsletter {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.footer-newsletter input[type="email"] {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: none;
	padding: 0rem 2rem;
	min-width: 200px;
	border: 2px solid #F1F2EE;
	color: #F1F2EE;
	font-family: 'Kinetika';
	height: 4rem;
}

.footer-newsletter input[type="submit"] {
	height: 4.4rem;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0 2rem;
	text-transform: uppercase;
	font-family: 'Kinetika';
	font-weight: 600;
	background-color: #F1F2EE;
	color: var(--dark);
	border: 2px solid #F1F2EE;
	border-left: 0;
	line-height: 1.2;
	cursor: pointer;
}

.footer-newsletter input[type="submit"]:hover {
	background: var(--dark);
	color: #F1F2EE;
}

.social-icon-line {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.copyright {
	background: var(--dark-background);
	padding: 2rem 0;
	color: white;
	border-top: 1px solid rgba(254,254,254,0.1);
}

.copyright .container {
	display: flex;
	width: 90%;
	margin: 0 auto;
	max-width: 2000px;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-direction: column;
	gap: 2rem;
}

.copyright .container .social {
	display: flex;
	gap: 5rem;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex-direction: row;
	margin: 0 auto;
}

.copyright .container .social a {
	text-decoration: none;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
}

.copyright .copyright-text {
	font-size: 1.2rem;
	color: var(--light);
	text-align: center;
}

/* Hide arrow by default */
.footer .col3 h4.footer-column-title .arrow-icon, .col4.sidebar .sidebar-title .arrow-icon {
	display: none;
	margin-left: 10px; /* Space between title and arrow */
	transition: transform 0.3s ease;
}

/* Mobile view */
@media (max-width: 767px) {

	.footer {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.footer .columns {
		gap: 2rem;
	}

	.footer ul.menu li {
		margin-bottom: 1.2rem;
	}

	.footer ul.menu li a {
		font-size: 1.4rem;
	}

	.footer .columns .col2 {
		width: calc(33.33% - 2rem);
	}

	.footer .col3 h4.footer-column-title .arrow-icon, .col4.sidebar .sidebar-title .arrow-icon {
		display: inline-block; /* Show arrow on mobile */
	}

	/* Rotate arrow when section is active */
	.footer .col3.active h4.footer-column-title .arrow-icon, .col4.sidebar.active .sidebar-title .arrow-icon {
		transform: rotate(135deg);
	}

	.footer .columns .col6 {
		width: 100%;
	}
}


/* Footer ends  */

/* 1200px width */
@media (max-width: 1200px) {
}

/* 1000px width */
@media (max-width: 1000px) {
}

/* 820px width */
@media (max-width: 820px) {
}

/* Mobile view */
@media (max-width: 767px) {

	.mobile-header-modal .mobile-header-modal-left {
		display: none;
	}

	.mobile-header-modal .mobile-header-modal-right {
		width: 100%;
	}

	.mobile-header-modal .mobile-header-modal-right .modal-menu:nth-child(2) {
		display: none;
	}

	.footer .col3:not(.footer-company) h4.footer-column-title {
		cursor: pointer;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: space-between;
	}

	.footer .col3:not(.footer-company).active .footer-menu {
		display: block;
	}

	.main-bar-navigation {
		display: block;
	}

	a.btn.header-button {
		display: none;
	}
}

/* Mobile view */
@media (max-width: 767px) {

	h2, .h2 {
		font-size: 3.6rem;
	}

	.footer .col3 {
		width: 100%;
	}

	.footer .col3:not(.footer-company) .footer-menu, .col4.sidebar .sidebar-menu {
		display: none; /* Hide content by default */
		transition: max-height 0.3s ease-out;
		overflow: hidden;
	}

	.footer .col3:not(.footer-company) h4.footer-column-title, .col4.sidebar .sidebar-title {
		cursor: pointer;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: space-between;
	}

	.footer .col3:not(.footer-company).active .footer-menu, .col4.sidebar.active .sidebar-menu {
		display: block;
	}

	.mobile-header-modal-right-wrapper {
		padding: 10rem 6rem;
	}
}