/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/****************************************************************************************

 ██████   ██████ █████   █████ ██████   █████             ███                     
░░██████ ██████ ░░███   ░░███ ░░██████ ░░███             ░░░                      
 ░███░█████░███  ░███    ░███  ░███░███ ░███             ████  ████████    ███████
 ░███░░███ ░███  ░███████████  ░███░░███░███  ██████████░░███ ░░███░░███  ███░░███
 ░███ ░░░  ░███  ░███░░░░░███  ░███ ░░██████ ░░░░░░░░░░  ░███  ░███ ░███ ░███ ░███
 ░███      ░███  ░███    ░███  ░███  ░░█████             ░███  ░███ ░███ ░███ ░███
 █████     █████ █████   █████ █████  ░░█████            █████ ████ █████░░███████
░░░░░     ░░░░░ ░░░░░   ░░░░░ ░░░░░    ░░░░░            ░░░░░ ░░░░ ░░░░░  ░░░░░███
                                                                          ███ ░███
                                                                         ░░██████ 
                                                                          ░░░░░░  

****************************************************************************************/

:root {
  --container-max: 1440px;
  --container-padding: 24px;
	
	--mhn-ing-black: 0, 0%, 0%;
	--mhn-ing-green: 155, 27%, 19%;
	--mhn-ing-dark-grey: 0, 0%, 16%;
	--mhn-ing-mid-grey: 0, 0%, 35%;
	--mhn-ing-light-grey: 0, 0%, 67%;
	--mhn-ing-page-bg: 0, 0%, 95%;
	--mhn-ing-white: 0, 0%, 100%;
	
	--mhn-ing-red: 9, 65%, 39%;
	
	--ft-inter: "Inter", Sans-serif;
	--ft-syne: "Syne", Sans-serif;
	
	--mhn-ing-accordion-bg: 0, 0%, 16%;
	
	--mhn-ing-divider-color: #ffffff40;
	
	--lg-bg-color: rgba(255, 255, 255, 0.12);
	--lg-highlight: rgba(255, 255, 255, 0.18);
	--lg-grey: #9f9f9f;
	
	--global-container-max-width: 1900px;
}

body {
	margin: 0 auto;
	margin-top: 10px;
	padding-inline: clamp(12px, 4vw, 12px);
	max-width: var(--global-container-max-width);
}

.no-tap-highlight { -webkit-tap-highlight-color: transparent; }

/* header */
.main-header {
	padding-inline: 30px !important;	
}
.main-header > div {
	padding-inline: 40px !important;
}

@media (width <= 1024px) {
	.main-header {
		padding-inline: 30px !important;	
	}
	.main-header > div {
		padding-inline: 20px !important;	
	}
}

@media (768px <= width <= 1024px) {
	.main-header {
		padding-inline: 30px !important;	
	}
}

@media (width <= 767px) {
	.main-header {
		padding-inline: 10px !important;	
	}
}

header#masterhead > div {
  background: transparent;
  margin-bottom: 0px;
}

header#masterhead {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	background: transparent;
	position: fixed;
	top: 0px;
	z-index: 99;
	width: 100% !important;
	transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
	max-width: var(--global-container-max-width);
}

@media (width <= 1024px) {
	header#masterhead {
		top: 10px;
	}
}

.headerup {
	transform: translateY(-120px); 
}

.glass-container > div {
	position: relative;
	min-height: fit-content;
	padding: .4rem .6rem !important;
	display: flex;
	font-weight: 600;
	cursor: pointer;
	background: transparent;
	border-radius: 6rem;
	overflow-y: visible !important;
	/* box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}

.menu-glass nav {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

.menu-glass nav > ul {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

.menu-glass > nav > ul > li {
	margin-right: 1.8rem;
}

.menu-glass > nav > ul > li:last-child {
	margin-right: 0rem;
}

.glass-container svg {
	fill: white;
}

.glass-filter {
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: 6rem;
	backdrop-filter: blur(10px);
	filter: url(#lg-dist);
	isolation: isolate;
	
	backdrop-filter: blur(42px);
  	-webkit-backdrop-filter: blur(42px);
}

.glass-overlay {
	position: absolute;
	inset: 0;
	border-radius: 6rem;
	z-index: 1;
	background: var(--lg-bg-color);
	-webkit-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    transition: background 300ms linear;
}

body.page-header-passed .glass-overlay {
	background: hsl(var(--mhn-ing-green));
}

.glass-specular {
	position: absolute;
	inset: 0;
	z-index: 2;
	border-radius: inherit;
/* 	overflow: hidden; */
	box-shadow: inset 1px 1px 0 var(--lg-highlight),
		inset 0 0 5px var(--lg-highlight);
}

/* desktop menu nav glass hover */
.menu-glass > nav > ul > li > a {
  border-radius: 6rem;
}

.menu-glass .menu-item-has-children > .has-submenu {
	border: solid 1px transparent;
}

.menu-glass .menu-item-has-children > .has-submenu, .menu-glass > nav > ul > li > a {
    border: solid 1px transparent;
}

.menu-glass .menu-item-has-children:hover > .has-submenu,
.menu-glass > nav > ul > li > a:hover {
    background: rgb(255 255 255 / 10%);
  border: 1px solid hsl(0 0% 100% / 0.7);
/*   transition: all 0.3s ease; */
  cursor: pointer;
  border-radius: 6rem;
      background: rgb(255 255 255 / 15%);
	background: hsl(var(--mhn-ing-white));

  backdrop-filter: blur(42px);
  box-shadow: inset -4px -4px 3px -11.5px rgba(255, 255, 255, 0.05),
    inset 4px 4px 3.5px -3.5px rgba(255, 255, 255, 0.7),
    inset 3px 3px 0.5px -4.5px rgba(255, 255, 255, 0.7),
    inset -3px -3px 0.5px -31.5px rgba(255, 255, 255, 0.1),
    inset 4px 3px 3px -3px rgb(255 255 255 / 5%),
    inset -4px -2px 3px -3px rgb(255 255 255 / 5%);

}

.menu-glass .menu-item-has-children {
  position: relative;
}

.menu-glass .sub-menu {
  display: none;
  position: absolute;
}

.menu-glass .menu-item-has-children:hover > .sub-menu {
  display: block;
}

/* header dropdown */
.header-main-menu ul.elementor-nav-menu--dropdown,
.header-main-menu ul.elementor-nav-menu--dropdown li, 
.header-main-menu ul.elementor-nav-menu--dropdown a {
    background: transparent!important;
	width: auto !important;
}

.header-main-menu ul.elementor-nav-menu--dropdown a {
	background: hsla(var(--mhn-ing-white), .2)!important;
    backdrop-filter: blur(42px)!important;
}

body.page-header-passed .header-main-menu ul.elementor-nav-menu--dropdown a {
	background: hsla(var(--mhn-ing-green), .6) !important;
}

.header-main-menu ul.elementor-nav-menu--dropdown {
	border: solid 0.5px hsl(0 0% 100% / 0.4);
	border-radius: .6rem;
}

.header-main-menu ul.elementor-nav-menu--dropdown a {
    color: hsl(var(--mhn-ing-white));
}

.header-main-menu ul.elementor-nav-menu--dropdown li {
    border-top: solid 1px var(--mhn-ing-divider-color);
    border-left: solid 1px var(--mhn-ing-divider-color);
    border-right: solid 1px var(--mhn-ing-divider-color);
}

.header-main-menu ul.elementor-nav-menu--dropdown li:first-child {
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
}

.header-main-menu ul.elementor-nav-menu--dropdown li:first-child a {
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
}

.header-main-menu ul.elementor-nav-menu--dropdown li:last-child {
    border-bottom: solid 1px var(--mhn-ing-divider-color);
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}

.header-main-menu ul.elementor-nav-menu--dropdown li:last-child a {
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}

.header-main-menu ul.elementor-nav-menu--dropdown a:hover {
    background: hsl(var(--mhn-ing-white))!important;
    color: hsl(var(--mhn-ing-white)) !important;
}

body.page-header-passed .header-main-menu ul.elementor-nav-menu--dropdown a:hover {
	background: hsla(var(--mhn-ing-green), 1) !important;
	color: hsl(var(--mhn-ing-black)) !important;
}

.header-container.elementor-sticky--effects .header-main-menu ul.elementor-nav-menu--dropdown a {
    background: hsl(var(--mhn-ing-white))!important;
    color: hsl(var(--aveny-black))!important;
}

.header-container.elementor-sticky--effects .header-main-menu ul.elementor-nav-menu--dropdown li {
    border-top: solid 1px hsl(var(--mhn-ing-black));
    border-left: solid 1px hsl(var(--mhn-ing-black));
    border-right: solid 1px hsl(var(--mhn-ing-black));
}

.header-container.elementor-sticky--effects .header-main-menu ul.elementor-nav-menu--dropdown li:last-child {
    border-bottom: solid 1px hsl(var(--mhn-ing-black));
}

.header-container.elementor-sticky--effects .header-main-menu ul.elementor-nav-menu--dropdown a:hover {
    background: hsl(var(--mhn-ing-black))!important;
    color: hsl(var(--mhn-ing-white))!important;
}

.header-container.elementor-sticky--effects .header-main-menu .sub-arrow svg {
    fill: hsl(var(--mhn-ing-black));
}

body.page-header-passed .get-in-touch-desktop-menu-btn .elementor-button:hover {
    border-color: hsla(var(--mhn-ing-white), 1) !important;
    background: hsla(var(--mhn-ing-white), 1) !important;
}

a.elementor-sub-item:after {
    display: none;
}

.main-header-logo {
	height: auto !important;
}

.main-header-logo svg {
	height: auto !important;
}

.solutions-view-all {
	display: none !important;
}

@media (width >= 1025px) {
	.menu-hide-on-desktop {
		display: none !important;
	}

	.header-main-menu ul.elementor-nav-menu--dropdown li,
	.header-main-menu ul.elementor-nav-menu--dropdown a {
		background: transparent !important;
		backdrop-filter: none !important;
	}

	.header-main-menu ul.elementor-nav-menu--dropdown {
		border: solid 0.5px hsl(0 0% 100% / 0.4);
		border-radius: .6rem;
		overflow: hidden !important;
	}

	.header-main-menu ul.elementor-nav-menu--dropdown a {
		color: hsl(var(--mhn-ing-white));
	}

	.header-main-menu ul.elementor-nav-menu--dropdown li {
		border: none;
		border-radius: 0px;
	}

	.header-main-menu ul.elementor-nav-menu--dropdown li:first-child {
		border-top-left-radius: 0rem;
		border-top-right-radius: 0rem;
	}

	.header-main-menu ul.elementor-nav-menu--dropdown li:first-child a {
		border-top-left-radius: 0rem;
		border-top-right-radius: 0rem;
	}

	.header-main-menu ul.elementor-nav-menu--dropdown li:last-child {
		border-bottom: solid 1px var(--mhn-ing-divider-color);
		border-bottom-left-radius: 0rem;
		border-bottom-right-radius: 0rem;
	}

	.header-main-menu ul.elementor-nav-menu--dropdown li:last-child a {
		border-bottom-left-radius: 0rem;
		border-bottom-right-radius: 0rem;
	}

	.solution-w-submenu:hover ul.sub-menu:is([aria-hidden="false"]) {
		display: none !important;
	}

	.solution-w-submenu:hover ul.sub-menu:is([aria-hidden="true"]) {
		transform: translatey(24px);
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		background: hsla(var(--mhn-ing-white), .2)!important;
		backdrop-filter: blur(22px)!important;
		min-width: max-content !important;
	}

	.solution-w-submenu:before {
		content: '';
		position: absolute;
		width: 160px;
		height: 76px;
		background: transparent;
	}

	.solution-w-submenu:hover ul.sub-menu:is([aria-hidden="true"]) > li {
		border: solid 0.5px hsla(var(--mhn-ing-white), .2) !important;
	}

	body.page-header-passed .solution-w-submenu:hover ul.sub-menu:is([aria-hidden="true"]) > li {
		border: solid 0.5px hsla(var(--mhn-ing-white), .3) !important;
	}

	body.page-header-passed .solution-w-submenu:hover ul.sub-menu:is([aria-hidden="true"]) {
		background: hsla(var(--mhn-ing-green), 1)!important;
	}

	body.page-header-passed .header-main-menu ul.elementor-nav-menu--dropdown a {
		background: transparent !important;
		backdrop-filter: none !important;
	}

	body.page-header-passed .header-main-menu ul.elementor-nav-menu--dropdown a:hover {
		background: hsla(var(--mhn-ing-white), 1) !important;
		color: hsl(var(--mhn-ing-white)) !important;
	}

	.solutions-view-all {
		grid-column: span 2;
		display: block !important;

	}

	.solutions-view-all > a {
		position: relative !important;
		background: hotpink !important;
		justify-content: end;
		align-content: end;

	}

	.header-main-menu .elementor-nav-menu--main .elementor-nav-menu .solutions-view-all > a {
		padding-right: 48px !important;

	}

	.solutions-view-all::before {
		content: '' !important;
		position: absolute;
		right: 0%;
		top: 0%;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h15.586l-5.293 5.293a.999.999 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414l-7-7a.997.997 0 0 0-1.414 0 1 1 0 0 0 0 1.414L18.586 11H3a1 1 0 1 0 0 2' fill='%23fff'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: 18px;
		height: 14px;
		transform: translate(-20px, calc(50% + 8.5px));
	}

	body.page-header-passed .header-main-menu ul.elementor-nav-menu--dropdown .solutions-view-all:has(.elementor-sub-item:hover)::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h15.586l-5.293 5.293a.999.999 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414l-7-7a.997.997 0 0 0-1.414 0 1 1 0 0 0 0 1.414L18.586 11H3a1 1 0 1 0 0 2' fill='%23fff'/%3E%3C/svg%3E");
		z-index: 1;
	}

	body:not(.page-header-passed) .solutions-view-all:has(.elementor-sub-item:hover)::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h15.586l-5.293 5.293a.999.999 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414l-7-7a.997.997 0 0 0-1.414 0 1 1 0 0 0 0 1.414L18.586 11H3a1 1 0 1 0 0 2' fill='%23253a89'/%3E%3C/svg%3E");
		z-index: 1;
	}

	.header-main-menu-lang-switcher ul.elementor-nav-menu--dropdown a {
		background: hsla(var(--mhn-ing-white), .2)!important;
		backdrop-filter: blur(22px)!important;
	}

	body.page-header-passed .header-main-menu-lang-switcher ul.elementor-nav-menu--dropdown a {
		background: hsla(var(--mhn-ing-green), 1)!important;
	}

	body.page-header-passed .header-main-menu-lang-switcher ul.elementor-nav-menu--dropdown a:hover {
		background: hsla(var(--mhn-ing-white), 1)!important;
	}
}

@media (1025px <= width <= 1300px) {
    .solution-w-submenu:hover ul.sub-menu:is([aria-hidden="true"]) {
		min-width: 100% !important;
	}
}

@media (width <= 1980px) {
	.main-nav-active a {
		background: hsl(var(--mhn-ing-white)) !important;
		color: hsl(var(--mhn-ing-black)) !important;
	}
}

@media (width >= 1981px) {
	.main-nav-active a,
	.header-main-menu a {
		color: hsl(var(--mhn-ing-white)) !important;
		border-color: transparent !important;
	}
	.header-main-menu .elementor-item-active,
	.header-main-menu a,
	.header-main-menu li {
		background: transparent !important;
		border-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}
}

.trp-language-switcher-container span.trp-ls-language-name {
	padding-left: .3rem;
}

.trp-language-switcher-container > a > span {
	display: flex;
	flex-direction: row;
	gap: .2rem;
	justify-content: center;
	align-items: center;
}

/* header responsive desktop */
.get-in-touch-desktop-menu-btn .elementor-button-icon svg {
    fill: inherit;
}

.get-in-touch-desktop-menu-btn .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.get-in-touch-desktop-menu-btn svg * {
    fill: hsl(var(--mhn-ing-white)) !important;
}

.get-in-touch-desktop-menu-btn a:hover svg * {
    fill: hsl(var(--mhn-ing-white)) !important;
}

.get-in-touch-desktop-menu-btn .elementor-button-icon {
    margin-right: .2rem;
}

.get-in-touch-desktop-menu-btn svg {
    width: .9rem !important;
}

@media (1300px <= width <= 1435px) {
    .header-main-menu ul.elementor-nav-menu > li > a {
    font-size: 1rem !important;
}
    .get-in-touch-desktop-menu-btn a {
        padding: 10px 18px;
    }
    
    .get-in-touch-desktop-menu-btn .elementor-button-text {
       font-size: .9rem !important; 
    }

    .get-in-touch-desktop-menu-btn .elementor-button-icon svg {
    width: .9rem!important;
}

    .header-logo img {
        max-width: 120px !important;
    }

    .header-logo-container {
        width: 10%;
    }

    .header-meanu-container {
        width: 60%;
    }

    .header-cta-lang-container {
        width: 30%;
    }

}


@media (1150px <= width <= 1299px) {
    .header-main-menu ul.elementor-nav-menu > li > a {
    font-size: 1rem !important;
}
    .get-in-touch-desktop-menu-btn a {
        padding: 10px 14px;
    }
    
    .get-in-touch-desktop-menu-btn .elementor-button-text {
       font-size: .9rem !important; 
    }

    .get-in-touch-desktop-menu-btn .elementor-button-icon svg {
    width: .9rem!important;
}

    .header-logo img {
        max-width: 110px !important;
    }

    .header-logo-container {
        width: 10%;
    }

    .header-meanu-container {
        width: 60%;
    }

    .header-cta-lang-container {
        width: 30%;
    }

}

@media (1025px <= width <= 1149px) {
    .header-main-menu ul.elementor-nav-menu > li > a {
    font-size: .9rem !important;
}

    .get-in-touch-desktop-menu-btn a {
        padding: 10px 12px;
    }
    
    .get-in-touch-desktop-menu-btn .elementor-button-text {
       font-size: .7rem !important; 
    }

    .get-in-touch-desktop-menu-btn .elementor-button-icon svg {
    width: .7rem!important;
}

    .header-logo img {
        max-width: 100px !important;
    }

    .header-logo-container {
        width: 10%;
    }

    .header-meanu-container {
        width: 60%;
    }

    .header-cta-lang-container {
        width: 30%;
    }

}

header.elementor[data-elementor-type="header"] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	max-width: var(--global-container-max-width);
}

@media (768px <= width <= 1025px) {
	body.page-header-passed header#masterhead {
		background: hsl(var(--mhn-ing-green)) !important;  
			box-shadow: inset 1px 1px 0 var(--lg-highlight),
		inset 0 0 5px var(--lg-highlight);
	}

	body.page-header-passed header#masterhead {
		background: hsl(var(--mhn-ing-green)) !important;  
	}

	header#masterhead {
		border-radius: 100px;
		padding: 10px 10px !important;
		max-width: calc(100% - 30px) !important;
		
		
	}
	
	.responsive-offset-top-active {
		background: hsla(var(--mhn-ing-white), .05) !important;
		backdrop-filter: blur(10px) !important;
		
		backdrop-filter: blur(10px) !important;

	isolation: isolate !important;
	
	backdrop-filter: blur(12px) !important;
  	-webkit-backdrop-filter: blur(2px) !important;
			box-shadow: inset 1px 1px 0 var(--lg-highlight),
		inset 0 0 5px var(--lg-highlight);
	}
}

@media (width <= 767px) {
	body.page-header-passed header#masterhead {
		background: hsl(var(--mhn-ing-green)) !important;  
			box-shadow: inset 1px 1px 0 var(--lg-highlight),
		inset 0 0 5px var(--lg-highlight);
	}

	body.page-header-passed header#masterhead {
		background: hsl(var(--mhn-ing-green)) !important;  
	}

	header#masterhead {
		border-radius: 100px;
	

		padding: 10px 10px !important;
		
		max-width: calc(100% - 30px) !important;
		

	}
	
	.responsive-offset-top-active {
		background: hsla(var(--mhn-ing-white), .05) !important;
		backdrop-filter: blur(10px) !important;
		
		backdrop-filter: blur(10px) !important;

	isolation: isolate !important;
	
	backdrop-filter: blur(12px) !important;
  	-webkit-backdrop-filter: blur(2px) !important;
			box-shadow: inset 1px 1px 0 var(--lg-highlight),
		inset 0 0 5px var(--lg-highlight);
	}
	
	header#masterhead > div {

    padding-left: 5px !important;
}
}

@media (1120px <= width <= 1224px) {
	.menu-glass > nav > ul > li {
		margin-right: .9rem;
	} 
}

@media (1025px <= width <= 1219px) {
	.menu-glass > nav > ul > li {
		margin-right: .1rem;
	} 
}

/* gradient text */
.gradient-text {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.09) 28.89%, rgba(0, 0, 0, 0.00) 99.97%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (width <= 1024px) {
	.home-hero-list ul {
		flex-direction: column;
	}
}

.home-hero-title-heading {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.home-hero-title-heading,
.home-hero-title-heading .elementor-heading-title {
	line-height: 1;
	padding: 0 !important;
	margin: 0 !important;
	margin-left: -0.07em !important;
}

.home-hero-title-heading {
	display: block !important;
	width: 100% !important;
}

@media (width <= 767px) {
	.home-hero-title-heading .elementor-heading-title {
		word-break: break-word;
	}
}

span.slash-text-spacer {
    padding-right: 3.5rem;
}

.header-main-menu a[aria-current="location"] {
	background: hsl(var(--mhn-ing-white)) !important;
	color: hsl(var(--mhn-ing-black)) !important;
}

@media (width >= 1980px) {
	.header-main-menu a[aria-current="location"] {
		background: transparent !important;
		color: hsl(var(--mhn-ing-white)) !important;
	}
}

/* mhn-ing custom btn */
.mhn-ing-btn {
	line-height: 1!important;
	text-decoration: none!important;
	display: inline-flex!important;
	align-items: center!important;
	gap: 0.85rem!important;
	background-color: hsl(var(--mhn-ing-white))!important;
	color: hsl(var(--mhn-ing-black))!important;
	border-radius: 10rem!important;
	font-family: var(--ft-inter)!important;
	font-size: 1rem!important;
	font-style: normal!important;
	font-weight: 600!important;
	padding: 1.1rem 1.55rem!important;
	white-space: nowrap!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	padding-right: 64px!important;
	position: relative!important;
	overflow: hidden!important;
	transition: all 0.5s ease-in-out!important;
}

.mhn-ing-btn__icon-wrapper {
	flex-shrink: 0!important;
	width: 40px!important;
	height: 40px!important;
	position: relative!important;
	color: hsl(var(--mhn-ing-white))!important;
	background-color: hsl(var(--mhn-ing-green))!important;
	border-radius: 50%!important;
	display: grid!important;
	place-items: center!important;
	overflow: hidden!important;
	position: absolute!important;
	right: 5px!important;
	z-index: 1!important;
}

.mhn-ing-btn:hover {
	color: hsl(var(--mhn-ing-white))!important;
}

.mhn-ing-btn:hover .mhn-ing-btn__icon-wrapper {
	color: hsl(var(--mhn-ing-white))!important;
	background-color: hsl(var(--mhn-ing-green))!important;
}

.mhn-ing-btn__icon-svg--copy {
	position: absolute!important;
	transform: translate(-200%, 0%)!important;
}

.mhn-ing-btn:hover .mhn-ing-btn__icon-svg:first-child {
	transition: transform 0.4s ease-in-out!important;
	transform: translate(200%, 0%)!important;
}

.mhn-ing-btn:hover .mhn-ing-btn__icon-svg--copy {
	transition: transform 0.4s ease-in-out 0.1s!important;
	transform: translate(0)!important;
}

.mhn-ing-btn__circle-wrapper {
	position: absolute!important;
	right: 10px!important;
	background: hsl(var(--mhn-ing-green))!important;
	width: 28px!important;
	height: 28px!important;
	border-radius: 10rem!important;
	transition: all 0.6s ease-in-out!important;
}

.mhn-ing-btn__icon-wrapper:before {
	content: ''!important;
	position: absolute!important;
	background: hsl(var(--mhn-ing-green))!important;
	width: 28px!important;
	height: 28px!important;
	z-index: -1!important;
}

.mhn-ing-btn:hover .mhn-ing-btn__circle-wrapper {
	transform: scale(20)!important;
	transition: all 0.6s ease-in-out!important;
}

span.mhn-ing-btn-text {
	z-index: 2!important;
}

.empty-span-spacer {
    padding-left: 6rem;
}

.grey-color-text {
    color: hsl(var(--mhn-ing-light-grey));
}

/* funkcionalnost ispred forme section */
@media (width >= 1701px) {
     .funkcionalnost-ispred-heading-container {
        transform: translateY(190px) !important;
		 margin-top: -190px !important;
    }
    .funkcionalnost-ispred-desc-container {
        transform: translateY(-160px) !important;
		margin-bottom: -160px !important;
    }
    .funkcionalnost-ispred-image-container {
        height: 520px !important;
    }
    .funkcionalnost-ispred-forme-heading .elementor-heading-title {
        font-size: 5rem !important;
    }
    .funkcionalnost-ispred-forme-desc p {
        font-size: 1.2rem !important;
    }
}

@media (1501px <= width <= 1700px) {
     .funkcionalnost-ispred-heading-container {
        transform: translateY(160px) !important;
		 margin-top: -160px !important;
    }
    .funkcionalnost-ispred-desc-container {
        transform: translateY(-130px) !important;
		margin-bottom: -130px !important;
    }
    .funkcionalnost-ispred-image-container {
        height: 440px !important;
    }
    .funkcionalnost-ispred-forme-heading .elementor-heading-title {
        font-size: 4.4rem !important;
    }
}

@media (1440px <= width <= 1500px) {
    .funkcionalnost-ispred-heading-container {
        transform: translateY(150px) !important;
		margin-top: -150px !important;
    }
    .funkcionalnost-ispred-desc-container {
        transform: translateY(-130px) !important;
		margin-bottom: -130px !important;
    }
}

@media (1230px <= width <= 1439px) {
    .funkcionalnost-ispred-heading-container {
        transform: translateY(134px) !important;
		margin-top: -134px !important;
    }
    .funkcionalnost-ispred-desc-container {
        transform: translateY(-130px) !important;
		margin-bottom: -130px !important;
    }
    .funkcionalnost-ispred-forme-heading {
        max-width: 420px !important;
    }
      .funkcionalnost-ispred-forme-heading .elementor-heading-title {
        font-size: 3.4rem !important;
         
    }
    .funkcionalnost-ispred-forme-desc {
        max-width: 420px !important;
    }
    .funkcionalnost-ispred-forme-desc p {
        font-size: 1rem !important;
    }
}


@media (1170px <= width <= 1229px) {
    .funkcionalnost-ispred-heading-container {
        transform: translateY(134px) !important;
		margin-top: -134px !important;
    }
    .funkcionalnost-ispred-desc-container {
        transform: translateY(-140px) !important;
		margin-bottom: -140px !important;
    }
    .funkcionalnost-ispred-forme-heading {
        max-width: 420px !important;
    }
      .funkcionalnost-ispred-forme-heading .elementor-heading-title {
        font-size: 3rem !important;
         
    }
    .funkcionalnost-ispred-forme-desc {
        max-width: 380px !important;
    }
    .funkcionalnost-ispred-forme-desc p {
        font-size: 1rem !important;
    }
    .funkcionalnost-ispred-image-container {
        height: 440px !important;
    }
}

@media (1026px <= width <= 1169px) {
    .funkcionalnost-ispred-heading-container {
        transform: translateY(134px) !important;
		margin-top: -134px !important;
    }
    .funkcionalnost-ispred-desc-container {
        transform: translateY(-160px) !important;
		margin-bottom: -160px !important;
    }
    .funkcionalnost-ispred-forme-heading {
        max-width: 320px !important;
    }
      .funkcionalnost-ispred-forme-heading .elementor-heading-title {
        font-size: 2.5rem !important;
         
    }
    .funkcionalnost-ispred-forme-desc {
        max-width: 280px !important;
    }
    .funkcionalnost-ispred-forme-desc p {
        font-size: 1rem !important;
    }
    .funkcionalnost-ispred-image-container {
        height: 520px !important;
    }
}


/* scroll logos */
.clients-marquee {
    overflow: hidden;
    width: 100%;
}

.clients-marquee,
.clients-marquee * {
    transition: none !important;
}

.clients-marquee__track {
    display: flex;
    width: max-content;
    will-change: transform;
}

.clients-marquee__group {
    display: flex;
    align-items: center;
    gap: 84px;
    flex: 0 0 auto;
    padding-right: 84px;
}

.clients-marquee__item {
    flex: 0 0 auto;
}

.clients-marquee__item img {
    display: block;
    max-height: 60px;
    width: auto;
}

@media (width <= 767px) {
	.clients-marquee__group {
		gap: 34px;
		padding-right: 34px;
	}
	.clients-marquee__item img {
		max-height: 34px;
	}
}

.clients-logos-container::before,
.clients-logos-container::after {
    content: '';
    position: absolute;
	top: 0;
    width: 80px;
	border-radius: 100px;
    height: 100%;
    background: red;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 32%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}

.clients-logos-container::before {
    left: 0px;
}

.clients-logos-container::after {
    right: 0px;
    transform: rotate(180deg)
}

/* icon list custom links */
.icon-list-custom-links a,
.icon-list-custom-links a:hover {
    color: hsl(var(--mhn-ing-white));
}

@media (width >= 1025px) {
	.underline-link a {
		all:unset;
		cursor: pointer;
		display: inline-block;
		width: max-content;
	}

	.underline-link a {
		background-image: linear-gradient(
			to right,
			hsl(var(--mhn-ing-white)) 0%,
			hsl(var(--mhn-ing-white)) 100%
		);
		background-repeat: no-repeat;
		background-size: 0% 1px;
		background-position: 0 100%; 
		transition: background-size .4s ease;
		padding-bottom: 4px !important; 
	}

	.underline-link a:hover {
		background-size: 100% 1px; 
	}

	.underline-link a {
		white-space: normal !important;
		overflow-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
		line-height: 1.1em;
	}
	.underline-link span {
		display: inline-block;
	}
}

/* gravity */
.gform-field-label {
	font-family: var(--ft-inter) !important;
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 500 !important;
	line-height: normal;
	color: hsl(var(--mhn-ing-black));
}

.gform_wrapper input[type=date], .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=search], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper select, .gform_wrapper textarea {
	border-radius: 2px;
	border: 1px solid hsla(var(--mhn-ing-light-grey))!important;
	box-shadow: none!important;
	border-radius: 2px;
	color: hsl(var(--mhn-ing-black))!important;
}

.gform_wrapper input[type="date"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="checkbox"],
.gform_wrapper select,
.gform_wrapper textarea,
.gform_button {
	background: hsl(var(--mhn-ing-white)) !important;
	background: transparent !important;
	padding-left: 0;
}

.gform_wrapper input[type="email"],
.gform_wrapper input[type="text"],
.gform_wrapper textarea,
.gform_wrapper input[type="tel"] {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}


.gform_wrapper input[type="date"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="checkbox"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus,
.gform_button:focus {
	outline: 1px solid hsl(var(--mhn-ing-green))!important;
	outline-offset: 2px;
	border-color: transparent !important; 
	transition: all 0.2s ease;
	padding-left: -1px;
}

body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
	color: hsl(var(--mhn-ing-mid-grey));
	font-family: var(--ft-inter) !important;
	font-size: 0.938rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.gfield_consent_label a {
	color: hsl(var(--mhn-ing-black));
}

.gform_fields input[type="checkbox"] {
	border-color: hsla(var(--mhn-ing-green)) !important;
	background: transparent !important;
	width: 1rem !important;
	height: 1rem !important;
	box-shadow: none!important;
}

.gform_fields input[type="checkbox"]:checked::before {
	color: hsl(var(--mhn-ing-white)) !important;
}
.gform_fields input[type="checkbox"]:checked {
	background-color: hsl(var(--mhn-ing-green)) !important;
}

.gform-theme--framework .gform_validation_errors .gform_submission_error,
.gform-theme--framework .gform_validation_errors,
.gform-icon.gform-icon--close {
	color: hsl(var(--mhn-ing-red)) !important;
	border-color: hsl(var(--mhn-ing-red)) !important;
}

.gform-theme--framework .gfield_validation_message {
	color: hsl(var(--mhn-ing-red)) !important;
}

.gfield_required_asterisk {
	color: hsl(var(--mhn-ing-red))!important;
}

.gform-theme--foundation .gform_fields {
	row-gap: 26px!important;
}

.gform_validation_errors h2 {
	font-size: 1.2rem;
}

.gform_button {
	margin-top: 1rem !important;
	display: flex !important;
	padding: 0.975rem 1.6rem !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.5rem !important;
	border-radius: 100rem !important;
	background-color: hsl(var(--mhn-ing-black)) !important;
	color: hsl(var(--mhn-ing-white)) !important;
	font-family: var(--ft-inter) !important;
	font-size: 1rem !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 160% !important;
	border: solid 1px hsl(var(--mhn-ing-black)) !important;
  width: 100% !important;
}

.gform_button:hover {
	background-color: hsl(var(--mhn-ing-green)) !important;
	color: hsl(var(--mhn-ing-white)) !important;
	border-color: hsl(var(--mhn-ing-green)) !important;
}

.ginput_container.ginput_container_consent {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.gfield_consent_label {
	font-weight: 400 !important;
	font-size: 0.875rem !important;
}

.gfield_consent_label a {
	font-weight: 600 !important;
}

.gform-theme--foundation .gfield textarea.small {
    min-block-size: 2rem !important;
}

/* footer */
.footer-developed-by img {
	height: 15px;
	margin-bottom: -3px;
}

.footer-developed-by span.elementor-icon-list-text > div {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	gap: .4rem;
}

@media (width >= 1025px) {
	.footer-menu .elementor-nav-menu li a {
		all:unset;
		cursor: pointer;
	}

	.footer-menu .elementor-nav-menu li a {
		background-image: linear-gradient(
			to right,
			hsl(var(--mhn-ing-black)) 0%,
			hsl(var(--mhn-ing-black)) 100%
		);
		background-repeat: no-repeat;
		background-size: 0% 1px;
		background-position: 0 100%; 
		transition: background-size .4s ease;
		padding-bottom: 4px !important; 
	}

	.footer-menu .elementor-nav-menu li a:hover {
		background-size: 100% 1px; 
	}

	.footer-menu .elementor-nav-menu li a {
		white-space: normal !important;
		overflow-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
		line-height: 1.1em;
	}
}

/* usluge accordion */
.swiper--service-slide-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
}

details.service--accordion-item {
    background: hsl(var(--mhn-ing-accordion-bg)) !important;
    padding: 2.5rem 2.5rem 2.5rem 18rem;
    border-radius: 1.5rem;
    margin-bottom: 12px;
}

.service--accordion {
  counter-reset: accordion-counter;
}

.service--accordion-item {
  counter-increment: accordion-counter;
    position: relative;
}

.service--accordion-item::before {
    content: counter(accordion-counter, decimal-leading-zero) ". ";
    position: absolute;
    left: 2.5rem;
    top: 1.5rem;
    color: hsl(var(--mhn-ing-white));
    leading-trim: both;
    text-edge: cap;
    font-family: var(--ft-syne);
    font-size: 6.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: -3.6px;
    text-transform: capitalize;
}

.service--accordion-item:not([open])::before {
    color: hsla(var(--mhn-ing-white), .2);
}

.service--accordion-item summary {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	list-style: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 1.1rem;
	padding-left: 2rem;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 2rem;
}

.service--accordion-item::-webkit-details-marker {
  display: none;
}

.service--tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
}

.service--tags span {
	padding: 1rem;
	border-radius: 40rem;
	background: hsla(var(--mhn-ing-white), .1);
	color: hsl(var(--mhn-ing-light-grey));
	font-family: Inter;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2em; 
}

.service--accordion-item::after {
  content: "";
  position: absolute;
  display: inline-flex;
  right: 2.5rem;
    top: 2.5rem;
  width: 40px;
  height: 40px;
	pointer-events: none;
  transition: transform 0.2s ease;
  
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 .5C30.77.5 39.5 9.23 39.5 20S30.77 39.5 20 39.5.5 30.77.5 20 9.23.5 20 .5Z' fill='none' opacity='.1' stroke='%23fff'/%3E%3Cpath fill='%23fff' d='M20.573 19.427v-5.729h-1.146v5.729h-5.729v1.146h5.729v5.729h1.146v-5.729h5.729v-1.146z'/%3E%3C/svg%3E");
    background-size: contain;
  background-repeat: no-repeat;
  z-index: 12;
}

.service--accordion-item:is([open])::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 .6C36.923.6 47.4 11.077 47.4 24S36.923 47.4 24 47.4.6 36.923.6 24 11.077.6 24 .6Z' fill='none' opacity='.1' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath fill='%23fff' d='M14.1 23.1h19.8v1.8H14.1z'/%3E%3C/svg%3E") !important;      
}

.service-heading {
    color: hsl(var(--mhn-ing-white));
leading-trim: both;
text-edge: cap;
font-family: var(--ft-inter);
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: 1.2em;
letter-spacing: -0.96px;
}

.service--accordion-item:not([open]) .service-heading {
    color: hsl(var(--mhn-ing-light-grey));
}

.swiper--service-slide-description {
    color: hsl(var(--mhn-ing-light-grey));
    leading-trim: both;
    text-edge: cap;
    font-family: var(--ft-inter);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -0.16px;
    padding-right: 2rem;
}

.service--fade-gallery img {
    border-radius: 1.5rem;
    position: relative;
}

.service--fade-gallery::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 16.112px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 64.2%, rgba(0, 0, 0, 0.60) 79.17%);
    left: 0;
    z-index: 4;
    opacity: 1;
    pointer-events: none;
}

.swiper--service-slide-post-title {
    color: hsl(var(--mhn-ing-white));
leading-trim: both;
text-edge: cap;
font-family: var(--ft-inter);
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.3em; 
letter-spacing: -0.48px;
}

span.swiper--service-slide-subtitle {
    color: hsl(var(--mhn-ing-white));
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: .813rem;
font-style: italic;
font-weight: 200;
line-height: 1.3em;
letter-spacing: -0.39px;
}

.swiper--service-slide-post-title-wrapper {
    position: absolute;
    bottom: 0;
    padding: 0px 20px 20px 18px;
    display: flex;
    flex-direction: column;
    z-index: 8;
}

.swiper--service-slide-featured-wrapper {
    border-radius: 1.5rem;
}

.service--swiper-button-next,
.service--swiper-button-prev {
    width: 52px;
    height: 52px;
    cursor: pointer;
    z-index: 99;
}

.service--swiper-button-next::after,
.service--swiper-button-prev::after {
    display: none;
}

.swipper--service-slide-navigation {
    display: flex;
    position: absolute;
    top: 30%;
    width: calc(100% + 20px);
    z-index: 4;
    justify-content: space-between;
    align-items: center;
    transform: translateX(-30px);
  
}

.swiper--service-slide-featured-image-or-gallery {
  position: relative;
    padding-left: 2rem;
}

.swiper--service-slide-post-content {
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
}

.swiper--service-slide:not([aria-label="1 / 1"]) .swipper--service-slide-navigation {
    display: flex;
}

.swipper--service-slide-navigation {
    display: none;
}

.service--swiper-button-next,
.service--swiper-button-prev {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.service--swiper-button-next.is-disabled,
.service--swiper-button-prev.is-disabled {
    opacity: 0.5;
    cursor: none;
	pointer-events: none;
}

@media (768px <= width <= 1024px) {
	details.service--accordion-item {
		padding: 2.5rem;
	}

	.service--accordion-item::before {
		font-size: 3.4rem;
		top: 2.2rem;
	}

	.service--accordion-item summary {
		padding-left: 6rem;
	}

	.swiper--service-slide-wrapper {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.swiper--service-slide-featured-image-or-gallery {
		padding-left: 6rem;
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		height: 100%;
	}

	.swiper--service-slide-post-content {
		padding-left: 6rem;
	}

	.service--tags span {
		padding: .8rem;
		font-size: .8rem;
	}

	.service--tags {
		gap: .8rem;
	}

	.service--swiper-button-next, .service--swiper-button-prev,
	.service--swiper-button-next svg, .service--swiper-button-prev svg {
		width: 45px;
		height: 45px;
		cursor: pointer;
		z-index: 99;
	}

	.swipper--service-slide-navigation {
		display: flex;
		position: absolute;
		top: 44%;
		width: -webkit-fill-available;
		z-index: 4;
		justify-content: space-between;
		align-items: center;
		transform: translate(0px, -10px);
		padding-inline: 10px;
	}

	.swiper--service-slide[aria-label="1 / 1"] .swipper--service-slide-navigation {
		opacity: 0;
	}

}

@media (width <= 767px) {
	details.service--accordion-item {
		padding: 1.625rem 1rem;
	}

	.service--accordion-item::before {
		font-size: 3.4rem;
		top: 1.8rem;
		left: 1rem;
	}

	.service--accordion-item summary {
		padding-left: 0rem;
		padding-top: 4rem;
		margin-bottom: 0rem;
	}

	.swiper--service-slide-wrapper {
		display: flex;
		flex-direction: column;
		gap: 4rem;
		margin-top: 0rem;
	}

	.swiper--service-slide-featured-image-or-gallery {
		padding-left: 0rem;
		width: auto;
		position: relative;
		margin-bottom: -50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.swiper--service-slide-post-content {
		padding-left: 0rem;
		/* gap: 1rem; */
	}

	.service--tags span {
		padding: .8rem;
		font-size: .8rem;
	}

	.service--tags {
		gap: .8rem;
	}

	.service--tags span:last-child {
		margin-bottom: 2rem;
	}

	.service-heading {
		font-size: 1.25rem;
	}

	.service--accordion-item::after {
		right: 1rem;
		pointer-events: none;
	}

	.swiper--service-slide-description {
		font-size: .875rem;
		padding-right: 0rem;
	}

	.swiper--service-slide-cta {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.swiper--service-slide-post-title {
		font-size: .875rem;
	}

	span.swiper--service-slide-subtitle {
		font-size: .75rem;
	}

	.swipper--service-slide-navigation {
		display: flex;
		z-index: 4;
		top: 35%;
		width: calc(100% - 10px);
		transform: translateX(0px);
	}
	.service--swiper-button-next, .service--swiper-button-prev,
	.service--swiper-button-next svg, .service--swiper-button-prev svg {
		width: 35px;
		height: 35px;
		cursor: pointer;
		z-index: 99;
	}

	.swiper--service-slide[aria-label="1 / 1"] .swipper--service-slide-navigation {
		opacity: 0;
	}
}

@media (width >= 1500px) {
	.service---accordion-details {
		max-width: 1360px;
	}

	.swipper--service-slide-navigation {
		top: 40%;
	}
}

/* reference slider */
.swiper--references {
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 10% 94%,
    transparent
  );
  width: 100%;
  max-width: 1800px;
  margin-inline: auto;
  overflow: hidden;
  position: relative;
}

.swiper--references .swiper--reference-slide {
  padding: 0.1em 0 !important;
  width: auto;
  display: flex;
  align-items: flex-end;
}

.swiper--references .swiper--reference-slide-wrapper {
  width: 100%;
  opacity: 1;
}

.swiper--reference-slide-featured-container {
  position: relative;
  height: 240px;
  overflow: hidden;
  border-radius: 7px;
  transition: height 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

.swiper--references
.swiper--reference-slide.swiper-slide-active
.swiper--reference-slide-featured-container {
  height: 340px;
}

.swiper--references .swiper--reference-slide img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 7px;
  transform: none;
  transition: none;
}

.swiper--reference-slide-categories {
  position: absolute;
  top: 18px;
  left: 12px;
  z-index: 5;
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-right: 12px;
}

.swiper--reference-slide-categories span {
  color: hsl(var(--mhn-ing-white));
  background: hsla(var(--mhn-ing-light-grey), 0.6);
  padding: 0.4rem 0.8rem;
  border-radius: 20rem;
  isolation: isolate;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}

.swiper-slide.swiper--reference-slide:not(.swiper-slide-active) .swiper--reference-slide-categories span {
  display: none;
}

.swiper--reference-slide-featured-container::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 7px;
  background: hsl(var(--mhn-ing-light-grey));
  z-index: 4;
  opacity: 0;
  pointer-events: none;
}

/* Content */
.swiper--reference-slide-content-container {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.swiper--reference-slide-heading {
  color: hsl(var(--mhn-ing-black));
  font-family: var(--ft-inter);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2em;
}

.swiper--reference-slide-description-container {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.swiper--reference-slide-description {
  color: hsl(var(--mhn-ing-mid-grey));
  font-family: var(--ft-inter);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2em;
}

.swiper--reference-slide-description-period {
  color: hsl(var(--mhn-ing-mid-grey));
  font-family: var(--ft-inter);
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.2em;
}

.references-slider-wrapper {
  position: relative;
}

.references-slider-wrapper .reference--swiper-button-prev,
.references-slider-wrapper .reference--swiper-button-next {
  position: absolute;
  top: 180px;
  transform: none;
  margin-top: 0;
  width: 82px;
  height: 82px;
  z-index: 20;
  color: transparent;
}

.references-slider-wrapper .reference--swiper-button-prev {
  left: 7.6rem;
  left: 9%;
}

.references-slider-wrapper .reference--swiper-button-next {
  right: 7.6rem;
  right: 9%;
}

.references-slider-wrapper .reference--swiper-button-prev svg,
.references-slider-wrapper .reference--swiper-button-next svg {
  width: 82px;
  height: 82px;
}

.references-slider-wrapper .reference--swiper-button-prev::after,
.references-slider-wrapper .reference--swiper-button-next::after {
  display: none;
}

.swiper--references .swiper--reference-slide {
  padding: 0.1em 0 !important;
  width: auto;
}

.swiper--references .swiper--reference-slide-wrapper {
  width: 100%;
}

.swiper--reference-slide-featured-container {
  position: relative;
  height: 220px;
  margin-top: 100px;
  overflow: hidden;
  border-radius: 7px;
  transition:
    height 600ms cubic-bezier(0.22, 1, 0.36, 1),
    margin-top 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

.swiper--references
.swiper--reference-slide.swiper-slide-active
.swiper--reference-slide-featured-container {
  height: 320px;
  margin-top: 0;
}

.swiper--references .swiper--reference-slide img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 7px;
}

@media (width >= 1026px) {
  .swiper--references {
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 10% 94%,
    transparent
  );
}
}

@media (width >= 1500px) {
  .references-slider-wrapper .reference--swiper-button-prev {
  left: 11%;
}

.references-slider-wrapper .reference--swiper-button-next {
  right: 11%;
}
}

/* desktop fix */
@media (width >= 1025px) {
	.swiper--reference-slide-featured-container {
		height: 280px;
	}

	.swiper--references
	.swiper--reference-slide.swiper-slide-active
	.swiper--reference-slide-featured-container {
		height: 380px;
	}
	.references-slider-wrapper .reference--swiper-button-prev,
	.references-slider-wrapper .reference--swiper-button-next {
		top: 200px;
	}
}

/* Tablet */
@media (768px <= width <= 1024px) {
  .swiper--references {
    padding-top: 80px;
  }

  .swiper--reference-slide-categories span {
    color: hsl(var(--mhn-ing-white));
    background: hsla(var(--mhn-ing-light-grey), 0.6);
    padding: 0.4rem 0.8rem;
    font-size: .8rem;
}

  .swiper--reference-slide-featured-container {
    height: 200px;
  }

  .swiper--references
  .swiper--reference-slide.swiper-slide-active
  .swiper--reference-slide-featured-container {
    height: 300px;
  }

  .references-slider-wrapper .reference--swiper-button-prev,
  .references-slider-wrapper .reference--swiper-button-next {
    top: 220px;
  }

  .references-slider-wrapper .reference--swiper-button-prev {
    left: 20%;
  }

  .references-slider-wrapper .reference--swiper-button-next {
    right: 20%;
  }

  .references-slider-wrapper .reference--swiper-button-prev svg,
.references-slider-wrapper .reference--swiper-button-next svg {
  width: 82px;
  height: 82px;
}

 
}

/* Mobile */
@media (width <= 767px) {
	.swiper--references {
		padding-top: 0px;
		mask-image: none;
	}

	.swiper--reference-slide-featured-container,
	.swiper--references
	.swiper--reference-slide.swiper-slide-active
	.swiper--reference-slide-featured-container {
		height: 360px;
	}

	.references-slider-wrapper .reference--swiper-button-prev,
	.references-slider-wrapper .reference--swiper-button-next {
		width: 56px;
		height: 56px;
		top: 150px;
	}

	.references-slider-wrapper .reference--swiper-button-prev svg,
	.references-slider-wrapper .reference--swiper-button-next svg {
		width: 56px;
		height: 56px;
	}

	.references-slider-wrapper .reference--swiper-button-prev svg circle,
	.references-slider-wrapper .reference--swiper-button-next svg circle {
		fill: hsl(var(--mhn-ing-green)) !important;
	}

	.references-slider-wrapper .reference--swiper-button-prev svg path,
	.references-slider-wrapper .reference--swiper-button-next svg path {
		stroke: hsl(var(--mhn-ing-white)) !important;
	}

	.references-slider-wrapper .reference--swiper-button-prev {
		left: -1rem;
	}

	.references-slider-wrapper .reference--swiper-button-next {
		right: -1rem;
	}

	.swiper--reference-slide-featured-container {
		height: 360px;
		margin-top: 0px;
	}
}
/* contact section info */
.contact-address-info-container::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: hsla(var(--mhn-ing-white), .2);
	top: 0;
	left: 0;
	left: 42%;
}

@media (1230px <= width <= 1280px) {
	.contact-address-info-container::before {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		background: hsla(var(--mhn-ing-white), .2);
		top: 0;
		left: 0;
		left: 44%;
	}
}

@media (1025px <= width <= 1229px) {
	.contact-address-info-container::before {
		display: none;

	}
	.contact-address-info-container {
		flex-direction: column !important;
		gap: 60px !important;
	}
}

@media (768px <= width <= 1025px) {
	.contact-address-info-container {
		max-width: 600px;
	}
}

@media (width <= 767px) {
	.contact-address-info-container::before {
		display: none;
	}
}

/* privacy page */
.active-section-navigation__item.is-active,
.active-section-navigation__link.is-active {
	font-weight: 900;
}

.elementor-widget-active-section-navigation {
	width: 100%;
}

.active-section-navigation ul {
	padding-left: 0px;
	list-style: none;
	width: 100% !important;
	position: relative;
}

.active-section-navigation ul > li {
	position: relative;
	padding: .875rem 0rem;
	border-top: 1px solid hsla(var(--mhn-ing-black), .1);
}

.active-section-navigation ul > li:last-child {
	border-bottom: 1px solid hsla(var(--mhn-ing-black), .1);
}

.active-section-navigation ul > li a {
	position: relative;
	color: hsl(var(--mhn-ing-green)) !important;
	font-family: var(--ft-inter);
	font-size: .875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1em !important;
	padding-right: 2rem;
	width: 100%;
}

.active-section-navigation > ul {
	counter-reset: privacy-active-section-counter;
	position: relative;
}

.active-section-navigation > ul > li {
	counter-increment: privacy-active-section-counter;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.active-section-navigation > ul > li a::before {
	content: counter(privacy-active-section-counter, decimal-leading-zero);
	position: absolute;
	display: flex;
	font-size: 0.75rem;
	font-family: var(--ft-inter);
	font-weight: 700;
	right: 0;
	color: hsl(var(--mhn-ing-light-grey));
	top: 0;
	display: flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.active-section-navigation li {
	line-height: 1.1em !important;
}

/* details */
details[open] summary ~ * {
	animation: sweep .5s ease-in-out;
}

@keyframes sweep {
	0%    {opacity: 0; margin-left: -10px}
	100%  {opacity: 1; margin-left: 0px}
}

/*
details::details-content {
	opacity: 0;
	transition:
		opacity 600ms,
		content-visibility 600ms allow-discrete;
}

details[open]::details-content {
	opacity: 1;
}

details {
	overflow: hidden;
}

details > summary {
	cursor: pointer;
}

details > :not(summary) {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	details {
		scroll-behavior: auto;
	}
}
*/

/* 404 */
.error-pill span {
	position: relative;
}

.error-pill span::before {
	content: '';
	position: absolute;
	left: -18px;
	top: calc(50% - 5px);
	background: hsl(var(--mhn-ing-red));
	width: 10px;
	height: 10px;
	border-radius: 50px;
}

/* mobile menu */
/* body.dialog-prevent-scroll {
    padding: 0px;
    margin: 0px;
} */

/* mobile menu */
.moblle-menu-main-container .dialog-close-button {
	display: none !important;
}

.mobile-menu .elementor-icon-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

/* mobile popup menu */
.mobile-menu-close svg * {
  fill: hsl(var(--mhn-ing-white)) !important;
}

.mobile-menu-close #middle-line {
  display: none;
  opacity: 0;
}

.mobile-menu-close #top-line {
  transform: translateY(44%);
  rotate: -45deg;
  transform-origin: center;
}

.mobile-menu-close #bottom-line {
	transform: scaleX(1.4);
}

.mobile-menu-close #bottom-line {
  transform: translateY(-44%);
  transform: scaleX(1.4) translate(-13%, -34%);
  rotate: 45deg;
  transform-origin: center;
}

@keyframes close-menu-icon-top-line {
  0% {
    transform: translateY(0%);
    rotate: 0deg;
  }
  50% {
    transform: translateY(44%);
    rotate: 0deg;
  }
  100% {
    transform: translateY(44%);
    rotate: -45deg;
  }
}

@keyframes close-menu-icon-top-line-reverse {
  0% {
    transform: translateY(44%);
    rotate: -45deg;
    opacity: 1;
  }
  50% {
    transform: translateY(44%);
    rotate: 0deg;
    opacity: 0;
  }
  100% {
    transform: translateY(80%);
    rotate: 0deg;
    opacity: 0;
  }
}

@keyframes close-menu-icon-bottom-line {
  0% {
    transform: translateY(0%);
    rotate: 0deg;
  }
  50% {
    transform: scaleX(1.4) translate(-13%, -34%);
    rotate: 0deg;
  }
  100% {
    transform: scaleX(1.4) translate(-13%, -34%);
    rotate: 45deg;
  }
}

@keyframes close-menu-icon-bottom-line-reverse {
  0% {
    transform: translateY(-44%);
    rotate: 45deg;
    opacity: 1;
  }
  50% {
    transform: scaleX(1.4) translate(-13%, -34%);
    rotate: 0deg;
    opacity: 0;
  }
  100% {
    transform: translateY(-80%);
    rotate: 0deg;
    opacity: 0;
  }
}

.dialog-prevent-scroll .mobile-menu-close #top-line {
  animation-name: close-menu-icon-top-line;
  animation-duration: 1.2s;
}

.dialog-prevent-scroll .mobile-menu-close #bottom-line {
  animation-name: close-menu-icon-bottom-line;
  animation-duration: 1.2s;
}

body:not(.dialog-prevent-scroll) .mobile-menu-close #top-line {
  animation-name: close-menu-icon-top-line-reverse !important;
  animation-duration: 1.2s !important;
}

body:not(.dialog-prevent-scroll) .mobile-menu-close #bottom-line {
  animation-name: close-menu-icon-bottom-line-reverse !important;
  animation-duration: 1.2s !important;
}

.popup-anchor-menu a.elementor-item-active {
    border-radius: 50px;
}

/* color text on scroll */
.animate-text {
    color: #b8b8b8;
}

.animate-text .animate-word {
    display: inline;
}

.animate-text span.animate-word:first-child {
    padding-left: 6rem;
}

/* CookieYes */
button.cky-btn.cky-btn-customize {
    color: #253F33 !important;
    border-color: #253F33 !important;
}

button.cky-btn.cky-btn-reject {
    border-color: #253F33 !important;
    background-color: #253F33 !important;
}

button.cky-btn.cky-btn-accept {
    border-color: #253F33 !important;
    background-color: #253F33 !important;
}

button.cky-btn.cky-btn-preferences {
    border-color: #253F33 !important;
    background-color: #253F33 !important;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    background-color: #253F33 !important;
}

.cky-revisit-bottom-left {
	bottom: 45px !important;
}