/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root{
	--primary-color				: #2C2C2C;
	--secondary-color			: #F8F6EF;
	--bg-color					: #FFFFFF;
	--text-color				: #767676;
	--accent-color				: #00aca8;
	--white-color				: #FFFFFF;
	--divider-color				: #2C2C2C1A;
	--dark-divider-color		: #FFFFFF1A;
	--error-color				: rgb(230, 87, 87);
	--default-font				: "Manrope", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

html,
body{
	width: 100%;
	overflow-x: clip;
}

body{
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: var(--bg-color);
}
::-webkit-scrollbar-track{
	background-color: var(--primary-color);
	border-left: 1px solid var(--primary-color);
}

::-webkit-scrollbar{
	width: 7px;
	background-color: var(--primary-color);
}

::-webkit-scrollbar-thumb{
	background: var(--accent-color);
}

::selection{
	color: var(--primary-color);
	background-color: var(--accent-color);
	filter: invert(1);
}

p{
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: 600;
	line-height: 1.2em;
	color: var(--primary-color);
	margin :0;
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.container{
	max-width: 1500px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 15px;
    padding-left: 15px;
}

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
	position: relative;
	display: inline-block;  
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	color: var(--white-color);
	background: var(--accent-color);
	border-radius: 100px;
	padding: 17px 45px 17px 24px;
	border: none;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.btn-default:hover{
	color: var(--bg-color);
}

.btn-default::before{
	content: '';
	position: absolute;
    top: 50%;
    right: 24px;
    width: 12px;
    height: 12px;
    background-image: url('../images/arrow-primary.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(-50%);
	transition: all 0.4s ease-in-out;
	filter: brightness(0) invert(1);
}

.btn-default:hover::before{
	transform: translateY(-50%) rotate(45deg);
	filter: brightness(0) invert(1);
}

.btn-default::after{ 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--primary-color);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn-default:hover:after{
	right: auto;
	left: 0;
    width: 100%;
}

.btn-default.btn-border{
	background: transparent;
	border: 1px solid var(--dark-divider-color);
	color: var(--white-color);
	padding: 16px 45px 16px 24px;
}

.btn-default.btn-highlighted:hover,
.btn-default.btn-border:hover{
	color: var(--primary-color);
}

.btn-default.btn-border::before{
	background-image: url('../images/arrow-white.svg');
}

.btn-default.btn-highlighted:hover:before{
	filter: none;
}

.hero-btn .btn-default.btn-border:hover:before{
	filter: none;
	background-image: url('../images/arrow-primary.svg');
}

.btn-default.btn-highlighted::after,
.btn-default.btn-border::after{
	background-color: var(--white-color);
}

.evo-tech-quality-copy .btn-default.btn-highlighted::after,
.evo-tech-quality-copy .btn-default.btn-border::after{
	background-color: #2C2C2C;
}

.readmore-btn{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	color: var(--primary-color);
	padding-right: 22px;
}

.readmore-btn::before{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
	transform: translateY(-50%);
	background-image: url('../images/arrow-primary.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	width: 12px;
	height: 12px;
    transition: all 0.4s ease-in-out;
}

.readmore-btn:hover::before{
	transform: translateY(-50%) rotate(45deg);
}

.cb-cursor:before{
	background: var(--accent-color);
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.bg-section{
	width: 100%;
	max-width: 1880px;
	background: var(--secondary-color);
	border-radius: 12px;
	margin: 0 auto;
}

.bg-section .container-fluid{
	padding: 0;
}

.dark-section{
	background-color: var(--primary-color);
	background-image: url('../images/dark-section-bg-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.section-row{
	margin-bottom: 80px;
}

.section-row .section-title{
	margin-bottom: 0; 
}

.section-row .section-title.section-title-center{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.section-btn{
	text-align: right;
}

.section-content-btn .section-btn{
	margin-top: 30px;
	text-align: left;
}

.section-title-content p{
	margin-bottom: 20px;
}

.section-title-content p:last-child{
	margin-bottom: 0;	
}

.section-title{
	margin-bottom: 40px;
}

.section-title h3{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	border: 1px solid var(--divider-color);
	border-radius: 40px;
	padding: 8px 15px 8px 30px;
    margin-bottom: 15px;
}

.section-title h3::before{
	content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    background: var(--accent-color);
	border-radius: 100px;
    width: 5px;
    height: 5px;
}

.section-title h1{
	font-size: 54px;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	margin-bottom: 0;
	cursor: none;
}

.section-title h2{
	font-size: 52px;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	margin-bottom: 0;
	cursor: none;
}

.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.dark-section .section-title h3{
	border-color: var(--dark-divider-color);
}

.dark-section .section-title h3,
.dark-section .section-title h1,
.dark-section .section-title h2,
.dark-section .section-title p,
.dark-section .section-title-content p{
	color: var(--white-color);
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	z-index: 100;
}

header.main-header .header-sticky{
	position: relative;
	top: 0;
	background: transparent;
	border-radius: 0;
	border-bottom: 1px solid var(--dark-divider-color);
	z-index: 100;
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
}

header.main-header .header-sticky.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
    transform: translateY(0);
	background: var(--primary-color);
	border-bottom: 1px solid var(--dark-divider-color);
	border-radius: 0 0 12px 12px;
}

.navbar{
	padding: 30px 0px;
	align-items: center;
}

.navbar-brand{
	padding: 0;
	margin: 0;
}

.main-menu .nav-menu-wrapper{
	flex: 1;
	text-align: center;
	margin: 0 1.042vw;
}

.main-menu .nav-menu-wrapper > ul{
	align-items: center;
	display: inline-flex;
}

.main-menu ul li{
	margin: 0 10px;
	position: relative;
}

.main-menu ul li a{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2em;
	padding: 12px 10px !important;
	color: var(--white-color);
	background: transparent;
	border-radius: 0px;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: var(--accent-color);
}

.main-menu ul ul{
	visibility: hidden;
	opacity: 0;
	transform: scale(1,0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 235px;
	border-radius: 12px;
	position: absolute;
	left: 0;
	top: 100%;
	background: var(--accent-color);
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.submenu:first-child ul{
    width: 235px;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scale(1,1);
    padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after{
    content: '\f105';
    float: right;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: var(--primary-color);
	padding: 6px 20px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	color: var(--white-color);
	background-color: transparent;
	padding: 6px 20px 6px 23px !important;
}

.main-menu ul li.highlighted-menu{
    display: none;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	top: 0;
	position: relative;
}

.slicknav_btn{
	background: var(--accent-color);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 6px;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--primary-color);
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child{
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child{
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){
    transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){
    opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){
    transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_menu{
	position: absolute;
    width: 100%;
	padding: 0;
	background: var(--accent-color);
}

.slicknav_menu ul{
	margin: 5px 0;
}

.slicknav_menu ul ul{
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	position: relative;
	font-size: 16px;
	font-weight: 600;
	padding: 7px 20px;
	color: var(--primary-color);
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
	background-color: transparent;
	color: var(--white-color);
}

.slicknav_menu ul ul li a{
    padding: 7px 20px 7px 30px;
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: var(--primary-color);
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after{
    transform: translateY(-50%) rotate(-180deg);
	color: var(--white-color);
}

/************************************/
/***         04. Hero css	      ***/
/************************************/

.hero{
	position: relative;
	background: var(--primary-color);
	margin-top: 20px;
	overflow: hidden;
}

.hero-background-video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	z-index: 0;
	pointer-events: none;
}

.hero::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero .container{
	position: relative;
	z-index: 2;
}

.hero-box{
	padding: 235px 0 150px;
}

.hero .container{
	position: relative;
	z-index: 2;
}

.hero-btn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.hero-content-list{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.hero-content-list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hero-content-list ul li{
	position: relative;
	width: calc(50% - 5px);
    line-height: 1.5em;
	color: var(--white-color);	
    padding-left: 25px;
}

.hero-content-list ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: var(--accent-color);
    top: 0;
    left: 0;
}

.hero-image{
	position: relative;
	margin-left: 16px;
	margin-bottom: 0;
}

.hero-image figure{
	display: block;
	border-radius: 12px;
}

.hero-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.978;
	object-fit: cover;
	border-radius: 12px;
}

.hero-image .contact-us-circle{
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(50%, 100%);
}

.contact-us-circle a{
	display: inline-block;
    border-radius: 50%;
}

.contact-us-circle a img{
	width: 100%;
    max-width: 130px;
    border-radius: 50%;
    animation: infiniterotate 20s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
    }
    to{
		transform: rotate(360deg);
    }
}

.contact-us-circle a:hover img{
	animation-play-state: paused;
}

.hero-company-slider-box{
	position: relative;
	background: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 30px 0;
	z-index: 2;
}

.hero-company-slider-body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.hero-company-slider-content{
	max-width: 275px;
	border-right: 1px solid var(--dark-divider-color);
	padding-right: 40px;
	margin-right: 40px;
}

.hero-company-slider-content h3{
	font-size: 24px;
	line-height: normal;
	color: var(--white-color);
	font-weight: 700;
}

.hero-company-slider{
	width: calc(100% - 315px);
    text-align: center;
}

.hero-company-slider img{
	width: 164px;
	height: 40px;
}

/* Smooth, continuous hero logo movement */
.hero-company-slider .swiper-wrapper{
	transition-timing-function: linear !important;
}

/************************************/
/***       05. About Us css	      ***/
/************************************/

.about-us{
	padding: 100px 0;
}

.about-us-images{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	margin-right: 30px;
}

.about-us-image-1{
	width: 85%;
	padding-bottom: 160px;
}

.about-us-image-1 figure{
	display: block;
	border-radius: 12px;
}

.about-us-image-1 figure img{
	width: 100%;
	aspect-ratio: 1 / 1.0417;
	object-fit: cover;
	border-radius: 12px;
}

.about-us-image-2{
	position: relative;
	width: 15%;
	transform: rotate(12deg);
	z-index: 1;
}

.about-us-image-2 figure{
	display: block;
	border: 6px solid var(--white-color);
	border-radius: 20px;
	margin-left: -280px;
}

.about-us-image-2 figure img{
	width: 100%;
	aspect-ratio: 1 / 1.104;
	object-fit: cover;
	border-radius: 12px;
}

.about-us-content{
	margin-left: 15px;
}

.about-us-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	background: var(--secondary-color);
	border-radius: 12px;
	padding: 30px;
}

.about-us-item{
	position: relative;
	width: calc(33.33% - 20px);
	text-align: center;
}

.about-us-item::before{
	content: '';
	position: absolute;
	top: 0;
	right: -15px;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: var(--divider-color);
}

.about-us-item:last-child:before,
.about-us-item:nth-child(3n + 3):before{
	display: none;
}

.about-us-item .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	overflow: hidden;
}

.about-us-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.about-us-item:hover .icon-box::before{
	transform: scale(1);
}

.about-us-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.about-us-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.about-us-item-content h3{
	font-size: 20px;
}

.about-us-btn{
	margin-top: 40px;
}

.about-us-footer{
	margin-top: 60px;
}

.about-us-footer-list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 25px;
	max-width: 950px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.about-us-footer-list ul li{
	position: relative;
	background: transparent;
    border: 1px solid var(--divider-color);
    font-size: 16px;
	font-weight: 500;
    color: var(--primary-color);
    padding: 10px 16px 10px 32px;
    border-radius: 100px;
	transition: all 0.4s ease-in-out;
}

.about-us-footer-list ul li::before{
	content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--accent-color);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.about-us-footer-list ul li:hover{
	background: var(--primary-color);
	color: var(--white-color);
}

.section-footer-text{
	margin-top: 30px;
	text-align: center;
}

.section-footer-text p{
	color: var(--primary-color);
	margin-bottom: 0;
}

.section-footer-text p span{
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	background: var(--accent-color);
	color: var(--primary-color);
	line-height: 1em;
	padding: 4px 10px;
	border-radius: 20px;
	margin-right: 10px;
}

.section-footer-text p a{
	font-weight: 700;
	text-transform: capitalize;
	text-decoration: underline;
	text-underline-offset: 3px;
	color: var(--accent-color);
	transition: all 0.3s ease-in-out;
}

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

.section-footer-text ul{
	width: 100%;
	padding: 0;
	margin: 20px 0 0;
	list-style: none;
}

.section-footer-text ul li{
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	color: var(--primary-color);
	margin-right: 10px;
}

.section-footer-text ul li:last-child{
	margin: 0;
}

.section-footer-text ul li i{
	color: var(--accent-color);
}

.dark-section .section-footer-text p,
.dark-section .section-footer-text ul li{
	color: var(--white-color);
}

.dark-section .section-footer-text p a{
	color: var(--accent-color);
}

.dark-section .section-footer-text p a:hover{
	color: var(--white-color);
}

.section-footer-text.section-footer-contact{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 20px;
}

.section-footer-text.section-footer-contact span{
	width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
	align-items: center;
    margin-right: 10px;
}

.section-footer-text.section-footer-contact span img{
	width: 100%;
	max-width: 16px;
}

.satisfy-client-images{
	display: inline-flex;
	align-items: center;
}

.satisfy-client-image{
	position: relative;
	display: inline-block;
	border: 1px solid var(--bg-color);
	border-radius: 50%;
	margin-left: -14px;
	overflow: hidden;
	z-index: 1;
}

.satisfy-client-image:first-child{
	margin-left: 0;
}

.satisfy-client-image figure{
	display: block;
}

.satisfy-client-image img{
	width: 100%;
	max-width: 50px;
}

.satisfy-client-image.add-more{
	width: 52px;
	height: 52px;
	background: var(--accent-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.satisfy-client-image.add-more h3{
	font-size: 16px;
}

.section-footer-text.section-satisfy-img{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.section-footer-text.section-satisfy-img .satisfy-client-image figure img{
	max-width: 30px;
}

.section-footer-text.section-satisfy-img .satisfy-client-image.add-more{
	width: 32px;
	height: 32px;
}

.section-footer-text.section-satisfy-img .satisfy-client-image.add-more img{
	width: 100%;
	max-width: 14px;
}

.section-footer-text.section-satisfy-img ul{
	margin: 5px 0 0;
}

/************************************/
/***     06. Our Services css     ***/
/************************************/

.our-services{
	background-image: url('../images/section-bg-1.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
    padding: 100px 0;
}

.service-item{
    position: relative;
    background: var(--bg-color);
    border-radius: 400px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 80px 40px;
	text-align: center;
    overflow: hidden;
}

.service-item:before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--accent-color);
	border-radius: 400px 400px 0 0;
	z-index: 0;
	transition: all 0.5s ease-in-out;
}

.service-item:hover::before,
.service-item.active::before{
    height: 100%;
	border-radius: 0;
}

.service-item .icon-box{
    position: relative;
    background: var(--accent-color);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 auto 60px;
    overflow: hidden;
    z-index: 1;
}

.service-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	z-index: 0;
	transition: all 0.5s ease-in-out;
}

.service-item.active .icon-box::before,
.service-item:hover .icon-box::before{
    transform: scale(1);
}

.service-item .icon-box img{
	position: relative;
    width: 100%;
    max-width: 34px;
    z-index: 1;
	transition: all 0.4s ease-in-out;
}

.service-item.active .icon-box img,
.service-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.services-item-body{
    position: relative;
    z-index: 2;
}

.services-item-content h2{
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}

.services-item-content h2 a{
    color: inherit;
}

.services-item-content p{
    margin: 15px 0 0;
    transition: all 0.3s ease-in-out;
}

.service-item.active .services-item-content p,
.service-item:hover .services-item-content p{
    color: var(--primary-color);
}

.services-item-btn{
    margin-top: 40px;
}

/************************************/
/***     07. Why Choose Us css    ***/
/************************************/

.why-choose-us{
	padding: 100px 0;
}

.why-choose-nav{
	margin-bottom: 30px;
}

.why-choose-nav ul{
	list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
	border-bottom: 2px solid var(--divider-color);
}

.why-choose-nav ul li{
    display: inline-block;
	width: 33.33%;
}

.why-choose-nav ul li .nav-link{
	position: relative;
	width: 100%;
    background: transparent;
	border: none;
    color: var(--primary-color);
	font-size: 20px;
    font-weight: 600;
    line-height: 1.4em;
	padding: 0 5px 20px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.why-choose-nav ul li .nav-link.active,
.why-choose-nav ul li .nav-link:hover{
    background: transparent;
    color: var(--accent-color);
}

.why-choose-nav ul li .nav-link::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: auto;
    right: 0;
    background: var(--accent-color);
	border-radius: 99px;
    width: 0;
    height: 2px;
    transition: all 0.4s ease-in-out;
}

.why-choose-nav ul li .nav-link.active:before,
.why-choose-nav ul li .nav-link:hover:before{
	width: 100%;
    left: 0;
    right: auto;
}

.why-choose-tab-content p{
	margin-bottom: 30px;
}

.why-choose-info-item{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.why-choose-info-item:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.why-choose-info-item .icon-box{
	position: relative;
    background: var(--accent-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 2;
}

.why-choose-info-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.why-choose-info-item:hover .icon-box::before{
	transform: scale(1);
}

.why-choose-info-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.why-choose-info-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.why-choose-info-item-content{
	width: calc(100% - 65px);
}

.why-choose-info-item-content h3{
	font-size: 20px;
}

.why-choose-info-item-content p{
	margin: 10px 0 0;
}

.why-choose-image-box{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 20px;
	margin-left: 15px;
}

.why-choose-image-box-1{
	width: calc(48% - 10px);
}

.why-choose-image figure{
	display: block;
	border-radius: 20px;
}

.why-choose-image img{
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.why-choose-image-box-1 .why-choose-image figure img{
	aspect-ratio: 1 / 1.6;
}

.why-choose-image-box-2{
	width: calc(52% - 10px);
}

.why-choose-image-box-2 .why-choose-image figure img{
	aspect-ratio: 1 / 1.234	;
}

.why-choose-info-box{
	position: relative;
	background-color: var(--accent-color);
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	z-index: 1;
}

.why-choose-info-box:after{
	content: '';
    position: absolute;
    right: 0;
    bottom: 0;
	left: 0;
	width: 100%;
    height: 0;
    background: var(--primary-color);
	border-radius: 12px;
    z-index: 0;
    transition: all 0.4s ease-in-out;
}

.why-choose-info-box:hover:after{
	height: 100%;
}

.why-choose-info-box .icon-box{
	position: relative;
    background: var(--primary-color);
    border-radius: 12px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 2;
}

.why-choose-info-box .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--accent-color);
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.why-choose-info-box:hover .icon-box::before{
    border-radius: 0;
	transform: rotate(0) scale(1);
}

.why-choose-info-box .icon-box img{
	position: relative;
	width: 100%;
	max-width: 30px;
	transition: all 0.4s ease-in-out;
}

.why-choose-info-box:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.why-choose-info-content{
	position: relative;
	width: calc(100% - 75px);
	z-index: 1;
}

.why-choose-info-content h3{
	font-size: 20px;
	transition: all 0.4s ease-in-out;
}

.why-choose-info-box:hover .why-choose-info-content h3{
	color: var(--accent-color);
}

.why-choose-image-box-2 .contact-us-circle{
	position: relative;
	text-align: center;
	margin-top: -50px;
	z-index: 2;
}

.why-choose-image-box-2 .contact-us-circle a{
	border: 6px solid var(--white-color);
}

.why-choose-us .section-footer-text{
	margin-top: 60px;
}

/************************************/
/***      08. Intro Video css     ***/
/************************************/

.intro-video{
	position: relative;
	background-image: url(../images/intro-video-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	overflow: hidden;
	padding: 140px 0 80px;
}

.intro-video::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	opacity: 70%;
}

.intro-video .container{
	position: relative;
	z-index: 2;
}

.intro-video-content{
	padding-right: 120px;
}

.intro-video-content .section-title{
	margin-bottom: 0;
}

.watch-video-circle{
	position: relative;
	text-align: center;
}

.watch-video-circle a{
	display: inline-block;
    cursor: none;
    border-radius: 50%;
    overflow: hidden;
}

.watch-video-circle a img{
	max-width: 130px;
    border-radius: 50%;
    animation: infiniterotate 20s infinite linear;
}

.watch-video-circle a:hover img{
	animation-play-state: paused;
}

.intro-video-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 80px;
	margin-top: 250px;
}

.intro-video-item{
	width: calc(33.33% - 20px);
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.intro-video-item .icon-box{
	position: relative;
    background: var(--accent-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 2;
}

.intro-video-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--bg-color);
	border-radius: 50%;
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.intro-video-item:hover .icon-box::before{
	transform: scale(1);
}

.intro-video-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.intro-video-item-content{
	width: calc(100% - 65px);
}

.intro-video-item-content h3{
	font-size: 20px;
	color: var(--white-color);
}

.intro-video-item-content p{
	color: var(--white-color);
	margin: 10px 0 0;
}

/************************************/
/***     09. Our Products css     ***/
/************************************/

.our-products{
	padding: 100px 0;
}

.product-item{
	background-color: var(--secondary-color);
	border-radius: 12px;
	text-align: center;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 10px;
	transition: all 0.4s ease-in-out;
}

.product-item:hover{
	transform: translateY(-5px);
}

.product-item-img a{
	display: block;
	cursor: none;
	border-radius: 12px;
	overflow: hidden;
}

.product-item-img a figure{
	display: block;
}

.product-item-img a figure img{
	width: 100%;
	aspect-ratio: 1 / 0.776;
	object-fit: cover;
}

.product-item-body{
	padding: 30px 20px 20px;
}

.product-rating-star{
	display: inline-block;
	margin-bottom: 20px;
}

.product-rating-star i{
	font-size: 20px;
	color: var(--accent-color);
}

.product-item-content h2{
	font-size: 20px;
}

.product-item-content h2 a{
	color: inherit;
}

.product-item-content p{
	font-size: 20px;
	margin: 10px 0 0;
}

.product-item-btn{
	margin-top: 20px;
}

/************************************/
/***     10. How It Works css     ***/
/************************************/

.how-it-work{
	background-image: url('../images/section-bg-1.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 100px 0;
}

.how-work-step-box{
	display: flex;
	flex-wrap: wrap;
	gap: 60px 30px;
}

.how-work-item{
	position: relative;
	width: calc(25% - 22.5px);
	text-align: center;
}

.how-work-item::before{
	content: '';
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	border: 1px dashed var(--divider-color);
	width: calc(100% + 30px);
	height: 1px;
}

.how-work-item:last-child:before,
.how-work-item:nth-child(4n + 4):before{
	width: 100%;
}

.how-work-step-no{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 40px;
	z-index: 1;
	transition: all 0.4s ease-in-out;
}

.how-work-step-no::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--primary-color);
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.how-work-item:hover .how-work-step-no::before{
	transform: scale(1);
}

.how-work-step-no h3{
	position: relative;
	font-size: 20px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.how-work-item:hover .how-work-step-no h3{
	color: var(--white-color);
}

.how-work-item-image{
	margin-bottom: 40px;
}

.how-work-item-image figure{
	display: inline-block;
	width: 100%;
	max-width: 190px;
	border-radius: 50%;
	overflow: hidden;
}

.how-work-item-image figure img{
	width: 100%;
	border-radius: 50%;
	transition: all 0.6s ease-in-out;
	overflow: hidden;
}

.how-work-item:hover .how-work-item-image figure img{
	transform: scale(1.04);
}

.how-work-item-content h3{
	font-size: 20px;
}

.how-work-item-content p{
	margin: 10px 0 0;
}

.how-work-item-list{
	border-top: 1px solid var(--divider-color);
	padding-top: 20px;
	margin-top: 20px;
}

.how-work-item-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.how-work-item-list ul li{
	position: relative;
	display: inline-block;
	text-align: left;
	line-height: 1.4em;
	color: var(--primary-color);
	padding-left: 15px;
	margin-bottom: 15px;
}

.how-work-item-list ul li:last-child{
	margin-bottom: 0;
}

.how-work-item-list ul li::before{
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	width: 5px;
	height: 5px;
}

.how-it-work .section-footer-text{
	margin-top: 60px;
}

/************************************/
/***       11. Our Team css       ***/
/************************************/

.our-team{
	padding: 100px 0 70px;
}

.team-item{
    position: relative;
    border-radius: 12px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    overflow: hidden;
}

.team-item-image figure{
	display: block;
}

.team-item-image a{
    display: block;
    cursor: none;
}

.team-item-image img{
    width: 100%;
    aspect-ratio: 1 / 1.334;
    object-fit: cover;
	transition: all 0.6s ease-in-out;
}

.team-item:hover .team-item-image img{
	transform: scale(1.06);
}

.team-item-body{
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
    border-radius: 12px;
    text-align: center;
    padding: 20px;
    overflow: hidden;
    z-index: 1;
}

.team-item-content h2{
    font-size: 20px;
	color: var(--white-color);
}

.team-item-content h2 a{
    color: inherit;
}

.team-item-content p{
	color: var(--white-color);
	margin: 5px 0 0;
}

.team-social-list{
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.team-item:hover .team-social-list{
    height: 40px;
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
}

.team-social-list ul{
    list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
    margin: 0;
    padding: 0;
}

.team-social-list ul li a{
	color: var(--white-color);
	border: 1px solid var(--dark-divider-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.team-social-list ul li a:hover{
	background: var(--accent-color);
	color: var(--primary-color);
}

.team-social-list ul li a i{
    font-size: 18px;
	color: inherit;
}

/************************************/
/***     12. Our Pricing css      ***/
/************************************/

.our-pricing{
	padding: 100px 0;
}

.pricing-item{
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 12px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 20px;
}

.pricing-item-header{
	padding: 20px 20px 40px;
}

.pricing-item-header-box{
	border-bottom: 1px solid var(--dark-divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.pricing-item-content{
	width: calc(100% - 90px);
}

.pricing-item-content h3{
	font-size: 20px;
	color: var(--white-color);
}

.pricing-item-content p{
	color: var(--white-color);
	margin: 10px 0 0;
}

.pricing-item-header-box .icon-box{
	position: relative;
	width: 60px;
	height: 60px;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.pricing-item-header-box .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white-color);
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.pricing-item:hover .pricing-item-header-box .icon-box::before{
	transform: scale(1);
}

.pricing-item-header-box .icon-box img{
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.pricing-item-price h2{
	font-size: 40px;
	line-height: 1.1em;
	color: var(--white-color);
}

.pricing-item-price h2 sub{
	font-size: 18px;
	line-height: 1.1em;
	bottom: 0;
}

.pricing-item-list{
	background-color: var(--divider-color);
	border-radius: 12px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 30px;
}

.pricing-item-list h3{
	font-size: 20px;
	color: var(--white-color);
}

.pricing-item-list ul{
	list-style: none;
	border-top: 1px solid var(--dark-divider-color);
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

.pricing-item-list ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--white-color);
	padding-left: 25px;
	margin-bottom: 20px;
}

.pricing-item-list ul li:last-child{
	margin-bottom: 0;
}

.pricing-item-list ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: var(--accent-color);
    top: 0;
    left: 0;
}

.pricing-item-btn{
	margin-top: 30px;
}

.pricing-item-btn .btn-default{
	width: 100%;
	border-radius: 12px;
	padding: 16px;
	text-align: center;
}

.pricing-item-btn .btn-default::before{
	display: none;
}

.pricing-item.highlighted-box .pricing-item-list{
	background-color: var(--accent-color);
}

.pricing-item.highlighted-box .pricing-item-list ul{
	border-color: var(--divider-color);
}

.pricing-item.highlighted-box .pricing-item-list h3,
.pricing-item.highlighted-box .pricing-item-list ul li,
.pricing-item.highlighted-box .pricing-item-list ul li::before{
	color: var(--primary-color);
}

.pricing-benefit-list{
	margin-top: 30px;
}

.pricing-benefit-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	gap: 20px 60px;
}

.pricing-benefit-list ul li{
    display: inline-flex;
	color: var(--white-color);
    align-items: center;
}

.pricing-benefit-list ul li img{
	width: 100%;
	max-width: 20px;
	margin-right: 15px;
}

/************************************/
/***       13. Our FAQs css       ***/
/************************************/

.our-faqs{
	padding: 100px 0;
}

.faqs-content{
	height: 100%;
	align-content: center;
	margin-right: 20px;
}

.faq-accordion .accordion-item{
	background-color: var(--secondary-color);
	border-radius: 12px;
    margin-bottom: 25px;
	overflow: hidden;
}

.faq-accordion .accordion-item:last-child{
    margin-bottom: 0;
}

.faq-accordion .accordion-header .accordion-button{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35em;
    color: var(--primary-color);
    padding: 18px 40px 18px 20px;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed){
   background-color: var(--accent-color);
}

.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{
    content: '\2b';
    font-family: "FontAwesome";
    position: absolute;
    right: 20px;
    top: 50%;
	bottom: auto;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 400;
	color: var(--primary-color);
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after{
	transform: translateY(-50%) rotate(45deg);
}

.faq-accordion .accordion-item .accordion-body{
    padding: 18px 20px;
}

.faq-accordion .accordion-item .accordion-body p{
    margin-bottom: 20px;
}

.faq-accordion .accordion-item .accordion-body p:last-child{
    margin-bottom: 0px;
}

.faqs-image-box{
	position: relative;
	height: 100%;
}

.faqs-image{
	height: 100%;
}

.faqs-image figure{
	display: block;
	height: 100%;
	border-radius: 20px;
}

.faqs-image figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.22;
	object-fit: cover;
	border-radius: 12px;
}

.faq-cta-box{
	max-width: 285px;
	position: absolute;
	bottom: 40px;
	left: 40px;
	background: var(--divider-color);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-radius: 12px;
	padding: 25px;
	z-index: 1;
}
.faq-cta-box .satisfy-client-images{
	margin-bottom: 20px;
}

.faqs-cta-content h3{
	font-size: 20px;
	color: var(--white-color);
}

/************************************/
/***   14. Our Testimonials css   ***/
/************************************/

.our-testimonials{
	background-image: url('../images/section-bg-2.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 100px 0;
}

.our-testimonials .container{
	position: relative;
	z-index: 2;
}

.our-testimonials .swiper-wrapper{
	cursor: none;
}

.testimonial-item{
	background-color: var(--white-color);
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.testimonial-item-image{
	width: 43%;
}

.testimonial-item-image figure{
	display: block;
	height: 100%;
}

.testimonial-item-image figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.173;
	object-fit: cover;
}

.testimonial-item-body{
	width: 57%;
	align-content: center;
	padding: 40px;
}

.testimonial-item-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;
}

.testimonial-item-rating i{
	font-size: 16px;
	color: var(--accent-color);
}

.testimonial-item-quote img{
	width: 100%;
	max-width: 40px;
}

.testimonial-item-content h3{
	font-size: 20px;
	line-height: 1.3em;
}

.testimonial-author-content{
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
	margin-top: 30px;
}

.testimonial-author-content h3{
	font-size: 20px;
}

.testimonial-author-content p{
	margin: 5px 0 0;
}

.our-testimonials .section-footer-text{
	margin-top: 60px;
}

.testimonial-pagination.swiper-pagination-bullets{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
	z-index: 1;
}

.testimonial-pagination .swiper-pagination-bullet{
	border-radius: 40px;
	height: 10px;
	width: 10px;
	background: var(--divider-color);
	opacity: 1;
	margin: 0 3px;
	transition: all 0.3s ease-in-out;
}

.testimonial-pagination .swiper-pagination-bullet-active{
	width: 30px;
	background: var(--accent-color);
	opacity: 1;
}

/************************************/
/***       15. Our Blog css       ***/
/************************************/

.our-blog{
	padding: 100px 0 70px;
}

.post-item{
	background-color: var(--secondary-color);
	border-radius: 12px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}

.post-item-box{
	padding: 10px;
}

.post-featured-image a{
	cursor: none;
}

.post-featured-image a figure{
	display: block;
	border-radius: 12px;
}

.post-featured-image a figure img{
	width: 100%;
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border-radius: 12px;
	transition: all 0.6s ease-in-out;
}

.post-item:hover .post-featured-image a figure img{
	transform: scale(1.04);
}

.post-item-content{
	padding: 30px 15px 20px;
}

.post-item-content h2{
	font-size: 20px;
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.post-item-content h2 a{
	color: inherit;
}

.post-item-content p{
	margin-bottom: 0;
}

.post-item-btn a{
	width: 100%;
	text-align: center;
	font-size: 20px;
	background-color: var(--accent-color);
	padding: 18px;
	transition: all 0.4s ease-in-out;
}

.post-item-btn .readmore-btn::before{
	display: none;
}

.post-item-btn:hover a{
	background-color: var(--primary-color);
	color: var(--white-color);
}

/************************************/
/***        16. Footer css        ***/
/************************************/

.main-footer{
	background-image: url('../images/footer-bg.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    padding: 100px 0 60px;
    margin-bottom: 20px;
}

.footer-contact-info-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	border-bottom: 1px solid var(--dark-divider-color);
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.footer-contact-info{
	width: calc(100% - 160px);
}

.footer-logo img{
	width: 100%;
	max-width: 147px;
}

.footer-contact-info-content{
	margin-top: 20px;
}

.footer-contact-info-content p{
	color: var(--white-color);
	margin: 0;
}

.footer-social-links{
	margin-top: 30px;
}

.footer-social-links ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.footer-social-links ul li{
	line-height: 1.5em;
	color: var(--white-color);
}

.footer-social-links ul li a{
	background-color: var(--dark-divider-color);
	color: inherit;
	backdrop-filter: blur(180px);
	-webkit-backdrop-filter: blur(180px);
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px 14px;
	transition: all 0.4s ease-in-out;
}

.footer-social-links ul li a:hover{
	background: var(--accent-color);
	color: var(--primary-color);
}

.footer-social-links ul li a i{
	font-size: 20px;
	color: inherit;
}

.footer-links-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}

.footer-links{
	max-width: 40%;
}

.footer-links h3{
	font-size: 20px;
	color: var(--white-color);
	margin-bottom: 30px;
}

.footer-links ul{
	list-style: disc;
	margin: 0;
	padding: 0 0 0 20px;
}

.footer-links ul li{
	line-height: 1.5em;
	color: var(--white-color);
	margin-bottom: 15px;
}

.footer-links ul li:last-child{
	margin-bottom: 0;
}

.footer-links ul li::marker{
	color: var(--accent-color);
	transition: all 0.4s ease-in-out;
}

.footer-links ul li:hover::marker{
	color: var(--white-color);
}

.footer-links ul li a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.footer-links ul li a:hover{
	color: var(--accent-color);
}

.footer-contact-list ul{
	list-style: none;
	padding: 0;
}

.footer-contact-list ul li span{
	font-weight: 600;
}

.footer-copyright-text{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.footer-copyright-text p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-newsletter-box{
	height: 100%;
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	text-align: center;
	padding: 40px;
	margin-left: 20px;
}

.footer-newsletter-box .satisfy-client-images{
	margin: 0 auto;
}

.footer-newsletter-box .section-title{
	margin-bottom: 30px;
}

.footer-newsletter-box .section-title h2{
	font-size: 30px;
	line-height: 1.2em;
	letter-spacing: 0;
}

.footer-newsletter-form .form-group{
	width: 100%;
	display: flex;
	background: transparent;
	background-color: var(--dark-divider-color);
	border-radius: 12px;
	padding: 10px;
}

.footer-newsletter-form .form-group .form-control{
	width: calc(100% - 40px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--white-color);
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	padding: 6px 15px;
}

.footer-newsletter-form .form-group .form-control::placeholder{
	color: var(--white-color);
	opacity: 40%;
}

.footer-newsletter-form .form-group .newsletter-btn{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--accent-color);
	border: none;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}

.footer-newsletter-form .form-group .newsletter-btn:hover{
	background-color: var(--white-color);
}

.footer-newsletter-form .form-group .newsletter-btn i{
	font-size: 18px;
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.footer-newsletter-form p{
	color: var(--white-color);
	margin: 20px 0 0 0;
}

.footer-newsletter-btn{
	margin-top: 30px;
}

/************************************/
/***     17. About Us Page css    ***/
/************************************/

.page-header{
	position: relative;
	background: url('../images/page-header-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 265px 0 150px;
	margin-top: 20px;
	overflow: hidden;
}

.page-header:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.page-header .container{
	position: relative;
	z-index: 2;
}

.page-header-box{
	text-align: center;
}

.page-header-box h1{
	display: inline-block;
	font-size: 54px;
    font-weight: 600;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	color: var(--white-color);
	margin-bottom: 10px;
	cursor: none;
}

.page-header-box ol{
    justify-content: center;
	margin: 0;
	padding: 0;
}

.page-header-box ol li.breadcrumb-item{
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
    text-transform: capitalize;
	color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a{
    color: inherit;
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
    color: var(--white-color);
}

.our-approach{
	padding: 100px 0;
}

.approach-item{
	height: calc(100% - 30px);
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 30px;
}

.approach-item-image{
	width: calc(50% - 15px);
}

.approach-item-image figure{
	display: block;
	height: 100%;
	border-radius: 12px;
}

.approach-item-image figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.058;
	object-fit: cover;
	border-radius: 12px;
}

.approach-item-body{
	width: calc(50% - 15px);
	min-height: 365px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	background: var(--bg-color);
	border-radius: 12px;
	padding: 40px;
}

.approach-item-body .icon-box{
	position: relative;
    background: var(--accent-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.approach-item-body .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.approach-item-body:hover .icon-box::before{
	transform: scale(1);
}

.approach-item-body .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.approach-item-body:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.approach-item-content h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.approach-item-content p{
	margin: 0;
}

.approach-item-content ul{
	list-style: disc;
	border-top: 1px solid var(--divider-color);
	margin: 20px 0 0;
	padding: 20px 0 0 15px;
}

.approach-item-content ul li{
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5em;
	color: var(--primary-color);
}

.approach-item-content ul li::marker{
	color: var(--accent-color);
}

.approach-company-slider-box{
    margin-top: 50px;
}

.approach-company-slider-box .company-supports-slider{
	max-width: 1200px;
	margin: 0 auto;
}

.approach-company-slider-box .company-supports-content{
	display: flex;
    align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
}

.approach-company-slider-box .company-supports-content hr{
	height: 1px;
    width: 35%;
    color: var(--divider-color);
	opacity: 1;
	margin: 0;
}

.approach-company-slider-box .company-supports-content p{
	font-size: 20px;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 0;
	text-align: center;
}

.approach-company-slider-box .company-supports-logo img{
	width: 100%;
	max-width: 170px;
    height: 40px;
}

.our-advantage{
	padding: 100px 0;
}

.our-advantage-boxes{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 30px;
}

.our-advantage-box{
	width: calc(25% - 22.5px);
	min-height: 420px;
	background-color: var(--secondary-color);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	padding: 40px 30px;
}

.our-advantage-box .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
	overflow: hidden;
}

.our-advantage-box .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.our-advantage-box:hover .icon-box::before{
	transform: scale(1);
}

.our-advantage-box .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.our-advantage-box:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.our-advantage-box-body .icon-box{
	margin-bottom: 20px;
}

.our-advantage-box h3{
	font-size: 20px;
}

.our-advantage-box-content p{
	margin: 10px 0 0;
}

.our-advantage-review-box{
	border-top: 1px solid var(--divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding-top: 30px;
}

.our-advantage-review-box .satisfy-client-images .satisfy-client-image img{
	max-width: 34px;
}

.our-advantage-review-content{
	width: calc(100% - 115px);
}

.our-advantage-review-content p{
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 0;
}

.our-advantage-image{
	width: calc(25% - 22.5px);
}

.our-advantage-image figure{
	position: relative;
	display: block;
	border-radius: 12px;
	overflow: hidden;
} 

.our-advantage-image figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.our-advantage-image.box-2{
	position: relative;
}

.our-advantage-image.box-2 figure::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--primary-color);
	opacity: 40%;
}

.our-advantage-image.box-2 figure img{
	aspect-ratio: 1 / 0.725;
}

.our-advantage-image .video-play-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 1;
}

.video-play-btn a{
	position: relative;
    background-color: var(--accent-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: none;
    transition: all 0.3s ease-in-out;
}

.video-play-btn a:hover{
	background: var(--primary-color);
}

.video-play-btn a::before,
.video-play-btn a::after{
	content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 160%;
    height: 160%;
    border: 50px solid var(--white-color);
    opacity: 40%;
    border-radius: 50%;
    transform: scale(0.6);
    z-index: -1;
    animation: border-zooming 1.2s infinite linear;
}

.video-play-btn a::after{
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.video-play-btn a i{
	font-size: 18px;
	margin-left: 3px;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.video-play-btn a:hover i{
	color: var(--white-color);
}

.our-advantage-image.box-3 figure{
	mask-size: cover;
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-image: url(../images/our-advantage-image-shape.svg);
    background-image: url(../images/our-advantage-image-shape.svg);
    width: 100%;
    height: 100%;
}

.our-advantage-counter-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px;
}

.our-advantage-counter-content h2{
	font-size: 40px;
}

.our-advantage-box-footer{
	border-top: 1px solid var(--divider-color);
	padding-top: 20px;
}

.our-advantage-box-footer p{
	margin-bottom: 0;
}

.our-advantage-box-footer ul{
	list-style: disc;
	margin: 20px 0 0 ;
	padding-left: 20px;
}

.our-advantage-box-footer ul li{
	line-height: 1.4em;
	color: var(--primary-color);
	margin-bottom: 15px;
}

.our-advantage-box-footer ul li:last-child{
	margin-bottom: 0;
}

.our-advantage-box-footer ul li::marker{
	color: var(--accent-color);
}

.our-advantage-footer{
	margin-top: 60px;
}

.our-advantage-footer-list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 25px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.our-advantage-footer-list ul li{
	position: relative;
	background: transparent;
    border: 1px solid var(--divider-color);
    font-size: 16px;
	line-height: 1.38em;
    color: var(--primary-color);
    padding: 8px 16px 8px 32px;
    border-radius: 100px;
	transition: all 0.4s ease-in-out;
}

.our-advantage-footer-list ul li::before{
	content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--accent-color);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.our-advantage-footer-list ul li:hover{
	background: var(--primary-color);
	color: var(--white-color);
}

.our-advantage-footer .section-footer-text{
	margin-top: 30px;
}

/************************************/
/***     18. Services Page css    ***/
/************************************/

.page-services{
	padding: 100px 0 70px;
}

.page-services .service-item{
	background: var(--secondary-color);
	border-radius: 12px;
	padding: 40px;
}

/************************************/
/***    19. Services Single css   ***/
/************************************/

.page-service-single{
	padding: 100px 0;
}

.page-single-sidebar{
	position: sticky;
	top: 30px;
	margin-right: 15px;
}

.page-category-list{
	background: var(--secondary-color);
	border-radius: 12px;
    margin-bottom: 60px;
	overflow: hidden;
}

.page-category-list h3{
	font-size: 20px;
	line-height: normal;
	background: var(--accent-color);
    padding: 22px 40px;
}

.page-category-list ul{
	list-style: none;
    margin: 0;
	padding: 40px;
}

.page-category-list ul li{
	line-height: 1.5em;
	color: var(--primary-color);
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.page-category-list ul li:last-child{
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.page-category-list ul li a{
    position: relative;
    display: block;
    text-transform: capitalize;
	color: inherit;
    padding-right: 20px;
	transition: all 0.4s ease-in-out;
}

.page-category-list ul li a:hover{
	color: var(--primary-color);
}

.page-category-list ul li a::before{
	content: '';
    position: absolute;
    top: 5px;
    right: 0;
	background: url('../images/arrow-primary.svg') no-repeat;
	background-position: center center;
	background-size: cover;
    width: 12px;
    height: 12px;
	transition: all 0.4s ease-in-out;
}

.page-category-list ul li a:hover::before{
	transform: rotate(45deg);
}

.sidebar-cta-box{
	background-color: var(--secondary-color);
	border-radius: 12px;
	overflow: hidden;
}

.sidebar-cta-image figure{
	display: block;
}

.sidebar-cta-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.556;
	object-fit: cover;
	transition: all 0.6s ease-in-out;
}

.sidebar-cta-box:hover .sidebar-cta-image figure img{
	transform: scale(1.04);
}

.sidebar-cta-body{
	padding: 40px;
}

.sidebar-cta-content h3{
	font-size: 20px;
}

.sidebar-cta-content p{
	margin: 10px 0 0;
}

.sidebar-cta-contact-item{
	border-top: 1px solid var(--divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 20px;
	margin-top: 20px;
}

.sidebar-cta-contact-item .icon-box{
	position: relative;
	background: var(--accent-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	overflow: hidden;
}

.sidebar-cta-contact-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.sidebar-cta-contact-item:hover .icon-box::before{
	transform: scale(1);
}

.sidebar-cta-contact-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
	transition: all 0.4s ease-in-out;
}

.sidebar-cta-contact-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.sidebar-cta-contact-content{
	width: calc(100% - 65px);
}

.sidebar-cta-contact-content h3{
	font-size: 20px;
}

.sidebar-cta-contact-content p{
	margin: 5px 0 0;
}

.sidebar-cta-contact-content p a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.sidebar-cta-contact-content p a:hover{
	color: var(--primary-color);
}

.page-single-image{
    margin-bottom: 20px;
}

.page-single-image figure{
	display: block;
    border-radius: 12px;
}

.page-single-image img{
    width: 100%;
    aspect-ratio: 1 / 0.536;
    object-fit: cover;
    border-radius: 12px;
}

.service-entry{
    margin-bottom: 60px;
}

.service-entry p{
    margin-bottom: 20px;
}

.service-entry h2{
    font-size: 52px;
	letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.service-entry h3{
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.service-entry p:last-child,
.service-entry h3:last-child{
	margin: 0;
}

.service-entry ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.service-entry ul li{
	position: relative;
	color: var(--primary-color);
	line-height: 1.5em;
	padding-left: 25px;
	margin-bottom: 15px;
}

.service-entry ul li:last-child{
	margin-bottom: 0;
}

.service-entry ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: var(--accent-color);
    top: 0;
    left: 0;
}

.service-why-choose-box,
.service-benefit-box{
	margin-top: 60px;
}

.service-why-choose-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 0 30px;
	margin: 40px 0;
}

.service-single-item{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.service-why-choose-item-list .service-single-item{
	width: calc(50% - 15px);
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.service-why-choose-item-list .service-single-item:nth-last-child(-n + 2),
.service-why-choose-item-list .service-single-item:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.service-single-item .icon-box{
	position: relative;
	background: var(--accent-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.service-single-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.service-single-item:hover .icon-box::before{
	transform: scale(1);
}

.service-single-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.service-single-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.service-single-item-content{
	width: calc(100% - 65px);
}

.service-benefit-item-image{
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	margin-top: 40px;
}

.service-benefit-image,
.service-benefit-item-list{
	width: calc(50% - 30px);
}

.service-benefit-item-box{
	margin-bottom: 50px;
}

.service-benefit-item-box:last-child{
	margin-bottom: 0;
}

.service-benefit-item-body{
	border-top: 1px solid var(--divider-color);
	padding-top: 20px;
	margin-top: 20px;
}

.service-benefit-image figure{
	display: block;
	border-radius: 12px;
	height: 100%;
}

.service-benefit-image figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.743;
	object-fit: cover;
	border-radius: 12px;
}

/************************************/
/***     20. Blog Archive css     ***/
/************************************/

.page-blog{
    padding: 100px 0;
}
	
.page-pagination{
    margin-top: 30px;
    text-align: center;
}

.page-pagination ul{
    justify-content: center;
    padding: 0;
    margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span{
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color);
    color: var(--primary-color);
	border-radius: 10px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-weight: 600;
	line-height: 1em;
    transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a, 
.page-pagination ul li a:hover{
    background: var(--accent-color);
}

/************************************/
/***      21. Blog Single css     ***/
/************************************/

.page-single-post{
	padding: 100px 0;
}

.post-single-meta ol li{
	font-size: 18px;
	color: var(--white-color);
	margin-right: 15px;
}

.post-single-meta ol li:last-child{
	margin-right: 0;
}

.post-single-meta ol li i{
    font-size: 18px;
    color: var(--white-color);
    margin-right: 5px;
}

.post-image{
	position: relative;
	margin-bottom: 30px;
}

.post-image figure{
	display: block;	
	border-radius: 12px;
	overflow: hidden;
}

.post-image img{
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 12px;
}

.post-content{
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
}

.post-entry{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: var(--accent-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	font-weight: 600;
	line-height: 1.1em;
	margin: 0 0 0.4em;
}

.post-entry h1{
	font-size: 54px;
}

.post-entry h2{
	font-size: 52px;
}

.post-entry h3{
	font-size: 40px;
}

.post-entry h4{
	font-size: 30px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 20px;
}

.post-entry p{
	margin-bottom: 20px;
}

.post-entry p:last-child{
	margin-bottom: 0;
}

.post-entry p strong{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol{
    margin: 0 0 30px;
}

.post-entry ul{
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li{
    position: relative;
	font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    color: var(--text-color);
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 20px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
	background: var(--secondary-color) url('../images/icon-blockquote.svg');
	background-repeat: no-repeat;
	background-position: 30px 30px;
    background-size: 45px;
	border-radius: 20px;
    padding: 30px 30px 30px 90px;
    margin-bottom: 30px;
}

.post-entry blockquote p{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4em;
	color: var(--primary-color);
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.tag-links{
    font-size: 20px;
	font-weight: 700;
    text-transform: capitalize;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.post-tags .tag-links a{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1em;
	background: var(--accent-color);
    color: var(--primary-color);
	border-radius: 10px;
    padding: 12px 20px;
	transition: all 0.4s ease-in-out;
}

.post-tags .tag-links a:hover{
	background: var(--primary-color);
	color: var(--white-color);
}

.post-social-sharing{
    text-align: right;
}

.post-social-sharing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-social-sharing ul li{
    display: inline-block;
    margin-right: 10px;
}

.post-social-sharing ul li:last-child{
	margin-right: 0;
}

.post-social-sharing ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	background: var(--accent-color);
    color: var(--primary-color);
	border-radius: 10px;
    width: 40px;
    height: 40px;
    transition: all 0.4s ease-in-out;
}

.post-social-sharing ul li:hover a{
	background: var(--primary-color);
	color: var(--white-color);
}

.post-social-sharing ul li a i{
    font-size: 18px;
    color: inherit;
}

/************************************/
/***     22. Products Page css    ***/
/************************************/

.page-products{
	padding: 100px 0 70px;
}

/************************************/
/***    23. Product Single css    ***/
/************************************/

.page-product-single{
	padding: 100px 0 70px;
}

.product-about-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px 60px;
	background: var(--secondary-color);
	border-radius: 12px;
	padding: 20px;
}

.product-single-content,
.product-single-image{
	width: calc(50% - 30px);
}

.product-single-image{
	border-radius: 20px;
	overflow: hidden;
}

.product-single-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.85;
	object-fit: cover;
}

.customer-rating-box{
	margin-bottom: 30px;
}

.customer-rating-box i{
	font-size: 18px;
	color: var(--accent-color);
	margin-right: 2px;
}

.customer-rating-box i:last-child{
	margin-right: 0;
}

.customer-rating-box span{
	font-size: 14px;
	color: var(--primary-color);
	margin-left: 5px;
}

.product-single-content h3{
	font-size: 30px;
	margin-bottom: 20px;
}

.product-single-content h3 span{
	font-size: 20px;
    color: var(--primary-color);
    opacity: 0.3;
    text-decoration: line-through;
}

.product-single-content h2{
	font-size: 52px;
	margin-bottom: 20px;
}

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

.product-single-content ul{
	list-style: disc;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

.product-single-content ul li{
    line-height: 1.4em;
    margin-bottom: 12px;
}

.product-single-content ul li:last-child{
	margin-bottom: 0;
}

.product-cart-btn{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 30px;
}

.product-cart-btn input{
	display: block;
	width: 52px;
	color: var(--primary-color);
	background: transparent;
	border: 1px solid var(--divider-color);
	border-radius: 10px;
	text-align: center;
	padding: 5px;
}

.product-cart-btn input:focus-visible{
	outline: none;
}

.product-cart-btn .btn-default{
	padding: 18px 24px;
	margin-right: 0;
}

.product-cart-btn .btn-default::before{
	display: none;
}

.product-single-info{
	margin-top: 100px;
}

.product-step-nav{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.product-step-nav .nav-tabs{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	border: none;
}

.product-step-nav ul li{
	width: auto;
}

.product-step-nav ul li .nav-link{
	position: relative;
	width: 100%;
    background: transparent;
	border: none;
    color: var(--primary-color);
	font-family: var(--accent-font);
	font-size: 20px;
    font-weight: 700;
    line-height: 1em;
	padding: 0;
	border-radius: 0;
	margin: 0;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.product-step-nav ul li .nav-link.active,
.product-step-nav ul li .nav-link:hover{
    background: transparent;
    color: var(--accent-color);
}

.product-step-nav ul li .nav-link::before{
    content: '';
    display: block;
    position: absolute;
    top: auto;
    left: auto;
	bottom: -32px;
    right: 0;
    background: var(--accent-color);
    width: 0;
    height: 2px;
    transition: all 0.4s ease-in-out;
}

.product-step-nav ul li .nav-link.active::before,
.product-step-nav ul li .nav-link:hover:before{
	width: 100%;
	right: auto;
	left: 0;
}

.product-tab-item-box h3{
	font-size: 20px;
	margin-top: 20px;
}

.product-tab-item-box h2{
	font-size: 52px;
	margin-bottom: 20px;
}

.product-tab-item-box p{
	margin: 20px 0 0 0;
}

.product-tab-item-box ul{
	list-style: disc;
    padding: 0 0 0 20px;
    margin: 20px 0 0 0;
}

.product-tab-item-box ul li{
    line-height: 1.4em;
    margin-bottom: 12px;
}

.product-tab-item-box ul li:last-child{
	margin-bottom: 0;
}

.product-review-from-content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
}

.review-form,
.customer-review-list{
	width: calc(50% - 30px);
}

.customer-review-item{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.customer-review-item:last-child{
	margin-bottom: 0;
}

.customer-review-item .icon-box{
	margin-right: 20px;
}

.customer-review-item .icon-box img{
	width: 100%;
	max-width: 60px;
	border-radius: 50%;
}

.customer-review-item-body{
	width: calc(100% - 80px);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}

.customer-review-item-content p{
	margin: 0 0 5px 0;
}

.customer-review-item-content p:last-child{
	margin-bottom: 0;
}

.customer-review-item-content p span{
	color: var(--primary-color);
	font-weight: 600;
}

.customer-review-item-rating i{
	color: var(--accent-color);
	font-size: 16px;
}

.review-form-content{
	margin-bottom: 30px;
}

.review-form-content h3{
	font-size: 20px;
	margin: 0;
}

.review-form-content p{
	margin: 15px 0 0 0;
}

.review-form .form-control{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.445em;
	color: var(--text-color);
	background-color: transparent;
	border: 1px solid var(--divider-color);
	border-radius: 10px;
	padding: 17px 20px;
	box-shadow: none;
	outline: none;
}

.review-form .form-control::placeholder{
	color: var(--text-color);
	opacity: 50%;
}

.review-form-note{
	display: flex;
	align-items: baseline;
	gap: 5px;
}

.review-form-note .form-label{
	margin: 0;
}

.review-form .btn-default{
	width: 100%;
	padding: 17px;
	margin: 20px 0 0 0;
}

.review-form .btn-default::before{
	display: none;
}

.related-products-box{
	margin-top: 100px;
}

.related-products-box .section-title{
	max-width: 700px;
	margin: 0 auto 40px;
	text-align: center;
}

/************************************/
/***      24. Team Page css       ***/
/************************************/

.page-team{
	padding: 100px 0 70px;
}

/************************************/
/***      25. Team Single css     ***/
/************************************/

.page-team-single{
	padding: 100px 0;
}

.team-single-image{
	margin-bottom: 60px;
}

.team-single-image figure{
	display: block;
	border-radius: 12px;
}

.team-single-image img{
	width: 100%;
	aspect-ratio: 1 / 1.1112;
	object-fit: cover;
	border-radius: 12px;
}

.team-member-about,
.team-expertise{
	margin-bottom: 60px;
}

.team-member-about-body{
	background-color: var(--secondary-color);
	border-radius: 12px;
	padding: 40px;
}

.team-member-about-body p{
	margin-bottom: 25px;
}

.team-member-about-body p:last-child{
	margin-bottom: 0;
}

.member-social-list{
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.member-social-list h3{
    font-size: 20px;
	margin-bottom: 30px;
}

.member-social-list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.member-social-list ul li{
    line-height: 1.4em;
    color: var(--primary-color);
}

.member-social-list ul li a{
    color: inherit;
	border: 1px solid var(--divider-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    transition: all 0.4s ease-in-out;
}

.member-social-list ul li:hover a{
    background: var(--accent-color);
	border-color: var(--accent-color);
}

.member-social-list ul li a i{
    color: inherit;
    font-size: 20px;
}

.team-expertise-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 40px;
}

.team-expertise-item{
	width: calc(50% - 15px);
	display: flex;
	flex-wrap: wrap;
	gap: 15PX;
}

.team-expertise-item .icon-box{
	position: relative;
	background: var(--accent-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.team-expertise-item .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    background: var(--primary-color);
    border-radius: 50%;
    z-index: 0;
    transition: all 0.4s ease-in-out;
}

.team-expertise-item:hover .icon-box::before{
	transform: scale(0);
}

.team-expertise-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.team-expertise-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.team-expertise-item-content{
	width: calc(100% - 65px);
}

.team-expertise-item-content h3{
	font-size: 20px;
}

.team-expertise-item-content p{
	margin: 10px 0 0;
}

.team-expertise-image figure{
	display: block;
	border-radius: 12px;
}

.team-expertise-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.5155;
	object-fit: cover;
	border-radius: 12px;
}

/************************************/
/***     26. Pricing Page css     ***/
/************************************/

.page-pricing{
	padding: 100px 0;
}

.page-pricing .pricing-item{
	background-color: var(--secondary-color);
}

.page-pricing .pricing-item-content h3,
.page-pricing .pricing-item-price h2,
.page-pricing .pricing-item-list h3{
	color: var(--primary-color);
}

.page-pricing .pricing-item-list ul li,
.page-pricing .pricing-item-content p{
	color: var(--text-color);
}

.pricing-item-list ul,
.pricing-item-header-box{
	border-color: var(--divider-color);
}

.page-pricing .pricing-item-list{
	background-color: var(--white-color);
}

.page-pricing .pricing-benefit-list ul li{
	color: var(--primary-color);
}

/************************************/
/***   27. Testimonials Page css  ***/
/************************************/

.page-testimonials{
	padding: 100px 0 70px;
}

.page-testimonials .testimonial-item{
	background-color: var(--secondary-color);
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

/************************************/
/***     28. Image Gallery css    ***/
/************************************/

.page-gallery{
	padding: 100px 0 70px;
}

.page-gallery-box .photo-gallery{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a{
	cursor: none;
}

.page-gallery-box .photo-gallery figure{
	display: block;
	border-radius: 12px;
}

.page-gallery-box .photo-gallery img{
	width: 100%;
	aspect-ratio: 1 / 0.81;
	object-fit: cover;
	border-radius: 12px;
}

/************************************/
/***     29. Video Gallery css    ***/
/************************************/

.page-video-gallery{
	padding: 100px 0 70px;
}

.video-gallery-image{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.video-gallery-image a{
	position: relative;
	display: block;
	cursor: none;
}

.video-gallery-image a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary-color);
	border-radius: 12px;
    opacity: 0%;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before{
    opacity: 50%;
    visibility: visible;
    transform: scale(1);
}

.video-gallery-image a::after{
    content: '\f04b';
	font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
	font-size: 20px;
	background: var(--accent-color);
	color: var(--primary-color);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    cursor: none;
	display: flex;
	align-items: center;
	justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.video-gallery-image:hover a::after{
    opacity: 1;
    visibility: visible;
}

.video-gallery-image img{
	width: 100%;
	aspect-ratio: 1 / 0.81;
	object-fit: cover;
	border-radius: 12px;
}

/************************************/
/***       30. FAQs Page css      ***/
/************************************/

.page-faqs{
    padding: 100px 0;
}

.page-faqs-catagery .page-single-faqs{
    margin-bottom: 60px;
}

.page-faqs-catagery .page-single-faqs:last-child{
    margin-bottom: 0px;
}

/************************************/
/***    31. Contact Us Page css   ***/
/************************************/

.page-contact-us{
	padding: 100px 0 50px;
}

.contact-us-image-box{
	position: relative;
	height: 100%;
	margin-right: 15px;
}

.contact-us-image{
	height: 100%;
}

.contact-us-image figure{
	display: block;
	height: 100%;
	border-radius: 12px;
}

.contact-us-image img{
	height: 100%;
	width: 100%;
    aspect-ratio: 1 / 1.068;
	object-fit: cover;
	border-radius: 12px;
}

.contact-info-list{
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	background-color: var(--divider-color);
	border-radius: 12px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	padding: 20px;
	z-index: 1;
}

.contact-info-item{
	width: calc(50% - 20px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	position: relative;
}

.contact-info-item::before{
	position: absolute;
	content: '';
	top: 0;
	right: -20px;
	width: 1px;
	height: 100%;
	background-color: var(--dark-divider-color);
}

.contact-info-item:last-child:before{
	display: none;
}

.contact-info-item .icon-box{
	position: relative;
	background: var(--accent-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.contact-info-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--white-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.contact-info-item:hover .icon-box::before{
	transform: scale(1);
}

.contact-info-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.contact-info-item-content{
	width: calc(100% - 65px);
}

.contact-info-item-content h3{
	font-size: 20px;
	color: var(--white-color);
}

.contact-info-item-content p{
	color: var(--white-color);
	margin: 5px 0 0;
}

.contact-info-item-content p a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.contact-info-item-content p a:hover{
	color: var(--accent-color);
}

.contact-us-form{
	height: 100%;
	align-content: center;
	background-color: var(--secondary-color);
	border-radius: 12px;
	padding: 3.125vw;
}

.contact-form .form-control{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--primary-color);
	background: var(--white-color);
	border: none;
	border-radius: 10px;
	padding: 18px 24px;
	box-shadow: none;
	outline: none;
}

.contact-form .form-control::placeholder{
	color: var(--text-color);
	opacity: 50%;
}

.google-map{
    padding: 50px 0 100px;
}

.google-map-iframe,
.google-map-iframe iframe{
	width: 100%;
	height: 650px;
	border-radius: 12px;
}

/************************************/
/***    32. 404 Error Page css    ***/
/************************************/

.error-page{
	padding: 100px 0px;
}

.error-page-image{
	text-align: center;
	margin-bottom: 30px;
}

.error-page-image img{
	width: 100%;
	max-width: 800px;
}

.error-page-content{
	text-align: center;
}

.error-page-content .section-title{
	margin-bottom: 15px;
}
    
/************************************/
/***      33. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1880px){
	
	.bg-section{
		width: calc(100% - 40px);
	}
}

@media only screen and (max-width: 1440px){

	.container{
        max-width: 1300px;
    }

	.about-us-content{
		margin-left: 0;
	}

	.service-item{
		padding: 50px 30px;
	}

	.service-item .icon-box{
		margin-bottom: 40px;
	}

	.why-choose-nav{
		margin-bottom: 20px;
	}

	.why-choose-info-item{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.intro-video-content{
		padding-right: 0;
	}

	.intro-video-item-list{
		gap: 30px 20px;
	}

	.intro-video-item{
		width: calc(33.33% - 13.33px);
	}

	.product-item-body{
		padding: 20px 10px 10px;
	}

	.how-work-step-box{
		gap: 40px 20px;
	}

	.how-work-item{
		width: calc(25% - 15px);
	}

	.how-work-item::before{
		width: calc(100% + 20px);
	}

	.how-work-item-list ul li{
		padding-left: 12px;
	}

	.pricing-item{
		padding: 15px;
	}

	.pricing-item-header-box{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.pricing-item-header{
		padding: 10px 10px 30px;
	}

	.pricing-item-list{
		padding: 20px 15px;
	}

	.testimonial-item-body{
		padding: 30px;
	}

	.footer-newsletter-box{
		margin-left: 10px;
		padding: 30px;
	}

	.approach-item-body{
		padding: 30px 25px;
	}

	.our-advantage-box{
		padding: 30px 20px;
	}

	.page-services .service-item{
		padding: 30px 25px;
	}

	.service-benefit-item-image{
		gap: 30px;
	}

	.service-benefit-image,
	.service-benefit-item-list{
		width: calc(50% - 15px);
	}

	.post-content{
        max-width: 1100px;
    }

	.contact-info-list{
		gap: 30px 20px;
	}

	.contact-info-item{
		width: calc(50% - 10px);
		gap: 10px;
	}

	.contact-info-item::before{
		right: -10px;
	}

	.contact-info-item-content{
		width: calc(100% - 60px);
	}
}

@media only screen and (max-width: 1024px){
	
	.section-content-btn{
		margin-top: 15px;
	}

	.section-content-btn .section-btn{
		margin-top: 20px;
	}
	
	.section-title-content{
        margin-top: 10px;
    }

	.section-btn{
        text-align: left;
        margin-top: 15px;
	}

	.main-menu ul li{
		margin: 0;
	}

	.hero-box{
		padding: 235px 0 0;
	}

	.hero-content{
		margin-bottom: 30px;
	}

	.hero-content-list{
		padding-top: 0px;
		margin-top: 30px;
		border-top: 0;
	}
	
	.hero-image figure img {
		margin-bottom: 30px;
	}

	.hero-image{
		max-width: 700px;
		margin: 0 auto;
	}

	.hero-company-slider-box{
		padding: 20px 0;
	}

	.hero-company-slider-content{
		max-width: 240px;
		padding-right: 20px;
		margin-right: 20px;
	}

	.hero-company-slider{
		width: calc(100% - 260px);
	}

	.hero-company-slider img{
		max-width: 140px;
	}

	.about-us-images{
		max-width: 580px;
		margin: 0 auto 30px;
	}

	.about-us-item-list{
		padding: 20px;
	}

	.service-item{
		border-radius: 12px;
	}

	.service-item .icon-box{
		margin-bottom: 30px;
	}

	.services-item-content p{
		margin: 10px 0 0;
	}

	.services-item-btn{
		margin-top: 30px;
	}

	.why-choose-content{
		margin-bottom: 30px;
	}

	.why-choose-image-box{
		height: auto;
		max-width: 700px;
		margin: 0 auto;
	}

	.intro-video{
		padding: 50px 0;
	}

	.intro-video-item-list{
		padding-top: 50px;
		margin-top: 100px;
	}

	.intro-video-item{
        width: calc(50% - 10px);
    }

	.how-work-item{
		width: calc(50% - 10px);
	}

	.how-work-item:nth-child(2n + 2):before{
		width: 100%;
	}

	.team-item-image img{
        aspect-ratio: 1 / 1.1;
    }

	.faqs-content{
		height: auto;
		margin: 0 0 30px;
	}

	.faqs-image-box,
	.faqs-image,
	.faqs-image figure,
	.faqs-image figure img{
		height: auto;
	}

	.faqs-image figure img{
		aspect-ratio: 1 / 0.7;
	}

	.faq-cta-box{
		left: 30px;
		bottom: 30px;
	}

	.testimonial-item-body{
		padding: 20px;
	}

	.testimonial-item-header{
		margin-bottom: 30px;
	}

	.testimonial-item-content h3{
		font-size: 18px;
	}

	.testimonial-author-content{
		padding-top: 20px;
		margin-top: 20px;
	}

	.footer-newsletter-box{
		height: auto;
		margin: 0 0 40px 0;
	}

	.footer-copyright-text{
		text-align: center;
	}

	.approach-company-slider-box .company-supports-content hr{
		width: 29%;
	}

	.our-advantage-box{
		width: calc(50% - 15px);
		min-height: 350px;
	}

	.our-advantage-image{
		width: calc(50% - 15px);
	}

	.our-advantage-image.box-3 figure{
		height: 350px;
	}

	.page-single-sidebar{
		margin-right: 0;
	}

	.page-category-list h3,
	.page-category-list ul{
		padding: 20px;
	}

	.page-category-list ul li{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.sidebar-cta-body{
		padding: 20px;
	}

	.sidebar-cta-content p{
		margin: 5px 0 0;
	}

	.service-entry{
		margin-bottom: 40px;
	}

	.service-why-choose-box,
	.service-benefit-box{
		margin-top: 40px;
	}

	.service-benefit-image,
	.service-benefit-item-list{
        width: 100%;
    }

	.product-about-box{
		gap: 30px;
	}

	.product-single-content,
	.product-single-image{
		width: 100%;
	}

	.product-single-image figure img{
		aspect-ratio: 1 / 0.7;
	}

	.team-member-about,
	.team-expertise{
		margin-bottom: 40px;
	}

	.team-member-about-body{
		padding: 30px;
	}

	.team-member-about-body p{
		margin-bottom: 15px;
	}

	.team-expertise-item{
		width: 100%;
	}

	.team-expertise-item-content p{
		margin: 5px 0 0;
	}

	.contact-us-image-box{
		height: auto;
		margin: 0 0 30px;
	}

	.contact-us-image,
	.contact-us-image figure{
		height: auto;
	}

	.contact-us-image figure img{
		height: auto;
		aspect-ratio: 1 / 0.8;
	}

	.google-map-iframe,
	.google-map-iframe iframe{
		height: 450px;
	}
}

@media only screen and (max-width: 991px){

	.btn-default{
        padding: 15px 38px 15px 18px;
    }

	.btn-default::before{
		right: 18px;
		width: 10px;
		height: 10px;
	}

	.btn-default.btn-border{
		padding: 14px 38px 14px 18px;
	}

	.bg-section{
		width: 100%;
		border-radius: 0;
		margin: 0;
	}

	.bg-section .container-fluid{
		padding: 0 15px;
	}

	.section-row{
		margin-bottom: 40px;
	}
	
	.section-title{
		margin-bottom: 30px;
	}

	.section-title h3{
		padding: 8px 12px 8px 12px;
		margin-bottom: 10px;
	}
	
	.section-title h3::before{
		right: 12px;
		display: none;
	}

	.section-title h1{
		font-size: 42px;
	}

	.section-title h2{
		font-size: 40px;
	}

	.section-title p{
		margin-top: 10px;
	}
	
	header.main-header{
		top: 0px;
	}

	header.main-header .header-sticky{
		width: 100%;
	}
	
	header.main-header .header-sticky.active{
		width: 100%;
		border-radius: 0;
	}

	.navbar{
		padding: 20px 0;
	}

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.slicknav_nav li,
	.slicknav_nav ul{
        display: block;
    }

	.header-btn{
		display: none;
	}

	.hero-box{
		padding: 100px 0 0;
	}

	.hero-company-slider-content{
		max-width: 220px;
	}

	.hero-company-slider-content h3{
		font-size: 18px;
	}

	.hero-company-slider{
		width: calc(100% - 240px);
	}

	.about-us{
		padding: 50px 0;
	}

	.about-us-btn{
		margin-top: 30px;
	}

	.about-us-footer{
		margin-top: 40px;
	}

	.about-us-footer-list ul{
		gap: 12px;
	}

	.about-us-footer-list ul li{
		font-size: 14px;
		padding: 8px 10px 8px 22px;
	}

	.about-us-footer-list ul li::before{
		left: 10px;
	}

	.about-us .section-footer-text{
		margin-top: 20px;
	}

	.section-footer-text{
		margin-top: 10px;
	}

	.section-footer-text ul{
		margin-top: 10px;
	}

	.section-footer-text ul li{
		font-size: 18px;
		margin-right: 5px;
	}

	.section-footer-text ul li i{
		font-size: 16px;
	}

	.our-services{
		padding: 50px 0;
	}

	.service-item{
		padding: 30px 25px;
	}

	.service-item .icon-box{
		width: 50px;
		height: 50px;
	}

	.service-item .icon-box img{
		max-width: 24px;
	}

	.why-choose-us{
		padding: 50px 0;
	}

	.why-choose-us .section-footer-text{
		margin-top: 40px;
	}

	.intro-video-item{
		width: 100%;
	}

	.intro-video-item-content p{
		margin: 5px 0 0;
	}

	.our-products{
		padding: 50px 0;
	}

	.product-rating-star{
		margin-bottom: 15px;
	}

	.product-rating-star i{
		font-size: 18px;
	}

	.product-item-content p{
		margin-top: 5px;
	}

	.how-it-work{
		padding: 50px 0;
	}

	.how-work-step-no,
	.how-work-item-image{
		margin-bottom: 30px;
	}

	.how-work-item-image figure{
		max-width: 160px;
	}

	.our-team{
		padding: 50px 0;
	}

	.team-item-body{
		padding: 15px;
	}

	.our-pricing{
		padding: 50px 0;
	}

	.pricing-item-header{
		padding: 5px 5px 30px;
	}

	.pricing-item-header-box{
		gap: 15px;
	}

	.pricing-item-content{
		width: calc(100% - 65px);
	}

	.pricing-item-header-box .icon-box{
		width: 50px;
		height: 50px;
	}

	.pricing-item-header-box .icon-box img{
		max-width: 24px;
	}

	.pricing-item-price h2{
		font-size: 34px;
	}

	.pricing-item-list ul{
		margin: 15px 0 0 0;
    	padding: 15px 0 0 0;
	}

	.pricing-item-list ul li::before{
		font-size: 16px;
	}

	.pricing-item-btn .btn-default{
		padding: 14px;
	}

	.pricing-benefit-list{
		margin-top: 10px;
	}

	.pricing-benefit-list ul{
		gap: 15px 30px;
	}

	.pricing-benefit-list ul li img{
		max-width: 18px;
		margin-right: 10px;
	}

	.our-faqs{
		padding: 50px 0;
	}

	.faq-accordion .accordion-item{
		margin-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button{
		padding: 15px 40px 15px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		right: 15px;
		font-size: 18px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding: 15px;
	}

	.faq-cta-box{
		padding: 15px;
	}

	.faqs-cta-content h3{
		font-size: 18px;
	}

	.our-testimonials{
		padding: 50px 0;
	}

	.testimonial-pagination.swiper-pagination-bullets{
		margin-top: 30px;
	}

	.our-testimonials .section-footer-text{
		margin-top: 30px;
	}

	.our-blog{
		padding: 50px 0 20px;
	}

	.post-item-content{
		padding: 20px 10px 10px;
	}

	.post-item-content h2{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.post-item-btn a{
		font-size: 18px;
		padding: 12px;
	}

	.main-footer{
		padding: 50px 0 0;
		margin-bottom: 0;
	}

	.footer-newsletter-box{
		padding: 30px;
		margin-bottom: 30px;
	}

	.footer-newsletter-form .form-group{
		padding: 6px;
	}

	.footer-newsletter-btn{
		margin-top: 30px;
	}

	.footer-contact-info-box{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.footer-contact-info-content{
		margin-bottom: 20px;
	}

	.footer-links h3{
		margin-bottom: 20px;
	}

	.footer-links ul li{
		margin-bottom: 10px;
	}

	.footer-copyright-text{
		padding: 30px 0;
		margin-top: 30px;
	}

	.page-header{
		padding: 170px 0 80px;
		margin-top: 0;
	}

	.page-header-box h1{
		font-size: 42px;
	}

	.our-approach{
		padding: 50px 0;
	}

	.approach-company-slider-box{
		margin-top: 10px;
	}

	.approach-company-slider-box .company-supports-content{
		margin-bottom: 30px;
	}

	.approach-company-slider-box .company-supports-content hr{
		width: 24%;
	}

	.approach-company-slider-box .company-supports-content p{
		font-size: 18px;
	}

	.our-advantage{
		padding: 50px 0;
	}

	.our-advantage-box{
		min-height: auto;
	}

	.our-advantage-image.box-3 figure{
		height: 100%;
	}

	.our-advantage-counter-content h2{
		font-size: 34px;
	}

	.our-advantage-footer{
		margin-top: 40px;
	}

	.our-advantage-footer-list ul{
		gap: 12px;
	}

	.our-advantage-footer-list ul li{
		font-size: 14px;
		padding: 6px 10px 6px 22px;
	}

	.our-advantage-footer-list ul li::before{
		left: 10px;
	}

	.our-advantage-footer .section-footer-text{
		margin-top: 20px;
	}

	.page-services{
		padding: 50px 0 20px;
	}

	.page-service-single{
		padding: 50px 0;
	}

	.page-single-sidebar{
		position: initial;
		margin-bottom: 30px;
	}

	.page-category-list{
		margin-bottom: 30px;
	}

	.sidebar-cta-image figure img{
		aspect-ratio: 1 / 0.8;
	}

	.service-entry p{
		margin-bottom: 15px;
	}

	.service-entry h2{
		font-size: 40px;
		margin-bottom: 15px;
	}
	
	.service-why-choose-item-list{
		gap: 0 20px;
		margin: 30px 0;
	}

	.service-why-choose-item-list .service-single-item{
		width: calc(50% - 10px);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.service-benefit-item-image{
		margin-top: 30px;
	}

	.service-benefit-item-box{
		margin-bottom: 30px;
	}

	.page-blog{
		padding: 50px 0;
	}	

	.page-pagination{
		margin-top: 10px;
	}

	.page-single-post{
        padding: 50px 0;
    }
    
    .post-image{
        margin-bottom: 20px;
    }
    
    .post-entry h2{
        font-size: 40px;
    }
    
    .post-entry p{
        margin-bottom: 15px;
    }
    
    .post-entry ol li,
    .post-entry ul li{
		font-size: 16px;
        margin-bottom: 10px;
    }
    
    .post-entry blockquote{
        background-position: 20px 20px;
        background-size: 40px;
        padding: 20px 20px 20px 70px;
        margin-bottom: 20px;
    }
    
    .post-entry blockquote p{
        font-size: 18px;
    }
    
    .post-tags{
        margin-bottom: 20px;
    }
    
    .post-tags .tag-links a{
        padding: 12px 15px;
    }
    
    .post-social-sharing ul{
        text-align: left;
    }

	.page-products{
		padding: 50px 0 20px;
	}

	.page-product-single{
		padding: 50px 0 20px;
	}

	.customer-rating-box{
		margin-bottom: 20px;
	}

	.product-single-content h3{
		font-size: 26px;
		margin-bottom: 10px;
	}

	.product-single-content h2{
		font-size: 40px;
		margin-bottom: 10px;
	}

	.product-single-content p{
		margin-bottom: 15px;
	}

	.product-single-content ul li{
		margin-bottom: 10px;
	}

	.product-cart-btn .btn-default{
		padding: 15px;
	}

	.product-single-info{
		margin-top: 50px;
	}

	.product-step-nav{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.product-step-nav ul li .nav-link{
		font-size: 18px;
	}

	.product-step-nav ul li .nav-link::before{
		bottom: -21px;
	}

	.product-tab-item-box h2{
		font-size: 40px;
		margin-bottom: 10px;
	}

	.product-tab-item-box p{
		margin: 10px 0 0 0;
	}

	.review-form,
	.customer-review-list{
		width: 100%;
	}

	.customer-review-item{
		margin-bottom: 30px;
	}

	.customer-review-item-content p{
		margin: 0 0 5px 0;
	}

	.review-form .form-control{
		font-size: 16px;
		padding: 12px 15px;
	}

	.review-form .btn-default{
		padding: 15px;
	}

	.related-products-box{
		margin-top: 50px;
	}

	.related-products-box .section-title{
		margin: 0 auto 30px;
	}

	.page-team{
		padding: 50px 0 20px;
	}

	.page-team-single{
		padding: 50px 0;
	}

	.team-single-image{
		margin-bottom: 30px;
	}

	.team-single-image img{
		aspect-ratio: 1 / 0.8;
	}

	.member-social-list{
		padding-top: 30px;
		margin-top: 30px;
	}

	.member-social-list h3{
		margin-bottom: 20px;
	}

	.member-social-list ul{
		gap: 12px;
	}

	.member-social-list ul li a{
		padding: 6px 10px;
	}

	.member-social-list ul li a i{
		font-size: 18px;
	}

	.team-expertise-list{
		margin-bottom: 30px;
	}

	.page-pricing{
		padding: 50px 0;
	}

	.page-testimonials{
		padding: 50px 0 20px;
	}

	.page-gallery{
		padding: 50px 0 20px;
	}

	.page-video-gallery{
		padding: 50px 0 20px;
	}

	.page-faqs{
		padding: 50px 0;
	}

	.page-faqs-catagery .page-single-faqs{
		margin-bottom: 40px;
	}

	.page-contact-us{
		padding: 50px 0 25px;
	}

	.contact-info-list{
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.contact-form .form-control{
		padding: 13px;
	}

	.google-map{
		padding: 25px 0 50px;
	}

	.error-page{
		padding: 50px 0px;
	}
	
	.error-page-image{
		margin-bottom: 20px;
	}

	.error-page-image img{
		max-width: 80%;
	}
}

@media only screen and (max-width: 767px){

	.section-row{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 28px;
	}

	.section-title h2{
		font-size: 26px;
	}

	.hero-btn{
		gap: 15px;
	}

	.hero-content-list ul li{
		width: 100%;
	}

	.hero-image .contact-us-circle{
		top: 0;
		left: 15px;
		transform: translate(0%, 50%);
	}

	.contact-us-circle a img{
		max-width: 100px;
	}

	.hero-company-slider-box{
		padding: 15px 0;
	}

	.hero-company-slider-body{
		justify-content: center;
	}

	.hero-company-slider-content{
		max-width: 100%;
		border-right: none;
		padding-right: 0;
		margin: 0 0 15px 0;
	}

	.hero-company-slider-content h3{
		font-size: 16px;
		text-align: center;
	}

	.hero-company-slider{
		width: 100%;
	}

	.about-us-images{
		gap: 20px;
	}

	.about-us-image-1{
		width: 100%;
		padding-bottom: 0;
	}

	.about-us-image-2{
		width: 100%;
		transform: rotate(0deg);
	}

	.about-us-image-2 figure{
		border: none;
		margin-left: 0;
	}

	.about-us-item{
		width: 100%;
	}

	.about-us-item::before{
		top: auto;
		right: 0;
		bottom: -15px;
		width: 100%;
		height: 1px;
	}

	.about-us-item .icon-box{
		margin-bottom: 10px;
	}

	.about-us-item-content h3{
		font-size: 18px;
	}

	.about-us-footer-list ul{
        gap: 10px;
    }

	.satisfy-client-image figure img{
		max-width: 38px;
	}

	.satisfy-client-image.add-more{
		width: 40px;
		height: 40px;
	}

	.service-item{
		padding: 20px;
	}

	.service-item .icon-box{
		margin-bottom: 20px;
	}

	.services-item-content h2{
		font-size: 18px;
	}

	.services-item-content p{
		margin: 5px 0 0;
	}

	.services-item-btn{
		margin-top: 20px;
	}

	.why-choose-nav ul li .nav-link{
		font-size: 18px;
		padding: 0 2px 15px;
	}

	.why-choose-tab-content p{
		margin-bottom: 20px;
	}

	.why-choose-info-item-content{
		width: 100%;
	}

	.why-choose-info-item-content h3{
		font-size: 18px;
	}

	.why-choose-info-item-content p{
		margin: 5px 0 0;
	}

	.why-choose-image-box-2,
	.why-choose-image-box-1{
		width: 100%;
	}

	.why-choose-info-box{
		padding: 15px;
	}

	.why-choose-us .section-footer-text{
		margin-top: 30px;
	}

	.intro-video{
		padding: 50px 0;
	}

	.intro-video-content{
		margin-bottom: 30px;
	}

	.watch-video-circle a img{
		max-width: 100px;
	}

	.intro-video-item-list{
		padding-top: 30px;
		margin-top: 30px;
	}

	.intro-video-item-content{
		width: 100%;
	}

	.intro-video-item-content h3{
		font-size: 18px;
	}

	.product-item-content h2,
	.product-item-content p{
		font-size: 18px;
	}

	.how-work-item{
		width: 100%;
	}

	.how-work-item::before{
		display: none;
	}

	.how-work-step-no,
	.how-work-item-image{
		margin-bottom: 20px;
	}

	.how-work-item-image figure{
		max-width: 130px;
	}

	.how-work-step-no h3{
		font-size: 18px;
	}

	.how-work-item-content h3{
		font-size: 18px;
	}

	.how-work-item-content p{
		margin: 5px 0 0;
	}
	
	.how-work-item-list{
		padding-top: 15px;
		margin-top: 15px;
	}

	.pricing-item-content h3{
		font-size: 18px;
	}

	.pricing-item-price h2{
		font-size: 28px;
	}

	.pricing-item-price h2 sub{
		font-size: 16px;
	}

	.pricing-item-list h3{
		font-size: 18px;
	}

	.pricing-item-list ul li{
		margin-bottom: 10px;
	}

	.pricing-benefit-list ul{
		gap: 10px 20px;
	}

	.pricing-benefit-list ul li{
		font-size: 14px;
	}

	.pricing-benefit-list ul li img{
		max-width: 16px;
		margin-right: 5px;
	}

	.faq-accordion .accordion-header .accordion-button{
        padding: 12px 40px 12px 15px;
    }

	.faq-accordion .accordion-item .accordion-body{
        padding: 12px 15px;
    }

	.faqs-image figure img{
		aspect-ratio: 1 / 1.22;
	}

	.faq-cta-box{
		left: 20px;
		bottom: 20px;
	}

	.testimonial-item-image,
	.testimonial-item-body{
		width: 100%;
	}

	.testimonial-item-image figure,
	.testimonial-item-image figure img{
		height: auto;
	}

	.testimonial-item-header{
		margin-bottom: 20px;
	}

	.testimonial-item-content h3{
		font-size: 16px;
	}

	.testimonial-author-content h3{
		font-size: 18px;
	}

	.post-item-content h2{
		font-size: 18px;
	}

	.footer-newsletter-box{
		padding: 20px;
	}

	.footer-newsletter-form p{
		margin-top: 15px;
	}
	
	.footer-newsletter-btn{
		margin-top: 20px;
	}

	.footer-contact-info{
		width: 100%;
	}

	.footer-social-links ul{
		gap: 12px;
	}

	.footer-social-links ul li a{
		padding: 6px 12px;
	}

	.footer-social-links ul li a i{
		font-size: 18px;
	}

	.footer-contact-info-box .contact-us-circle{
		display: none;
	}

	.footer-links{
		max-width: 100%;
	}

	.footer-links h3{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-copyright-text{
		padding: 15px 0;
	}

	.page-header-box h1{
		font-size: 28px;
	}

	.approach-item{
		gap: 20px;
	}

	.approach-item-image{
		width: 100%;
	}
	
	.approach-item-image figure,
	.approach-item-image figure img{
		height: auto;
	}

	.approach-item-body{
		width: 100%;
		min-height: auto;
		padding: 20px;
	}

	.approach-item-content h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.approach-item-content ul{
		margin: 20px 0 0;
		padding: 15px 0 0 15px;
	}

	.approach-company-slider-box .company-supports-content{
		justify-content: center;
		margin-bottom: 20px;
	}

	.approach-company-slider-box .company-supports-content hr{
		display: none;
	}

	.approach-company-slider-box .company-supports-content p{
		font-size: 16px;
	}

	.approach-company-slider-box .company-supports-logo img{
		max-width: 140px;
	}

	.our-advantage-box{
		width: 100%;
		gap: 20px;
		padding: 20px;
	}

	.our-advantage-box h3{
		font-size: 18px;
	}

	.our-advantage-box-content p{
		margin-top: 5px;
	}

	.our-advantage-review-box{
		padding-top: 20px;
	}
	
	.our-advantage-image{
		width: 100%;
	}

	.our-advantage-counter-content h2{
		font-size: 28px;
	}

	.our-advantage-box-footer ul li{
		margin-bottom: 10px;
	}

	.page-services .service-item{
		padding: 20px;
	}

	.page-category-list h3{
		font-size: 18px;
		padding: 15px 20px;
	}

	.sidebar-cta-contact-content h3,
	.sidebar-cta-content h3{
		font-size: 18px;
	}

	.page-single-image img{
		aspect-ratio: 1 / 0.7;
	}

	.service-entry h2{
		font-size: 26px;
	}

	.service-entry h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.service-entry ul li{
		margin-bottom: 10px;
	}

	.service-entry ul li::before{
		font-size: 16px;
	}

	.service-why-choose-item-list .service-single-item{
		width: 100%;
	}

	.service-why-choose-item-list .service-single-item:nth-last-child(-n + 2){
		border-bottom: 1px solid var(--divider-color);
		padding-bottom: 20px;
        margin-bottom: 20px;
	}

	.service-why-choose-item-list .service-single-item:last-child{
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.service-benefit-image{
		width: 100%;
	}

	.service-benefit-item-body{
		padding-top: 15px;
		margin-top: 15px;
	}

	.post-single-meta ol li,
	.post-single-meta ol li i{
		font-size: 16px;
	}

	.post-image img{
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote{
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p{
		font-size: 16px;
	}

	.post-entry h2{
		font-size: 26px;
	}
	
	.tag-links{
		font-size: 18px;
	}

	.product-about-box{
		padding: 20px 15px;
	}

	.customer-rating-box i{
		font-size: 16px;
	}

	.product-single-content h3{
		font-size: 22px;
	}

	.product-single-content h3 span{
		font-size: 18px;
	}

	.product-single-content h2{
		font-size: 26px;
	}

	.product-step-nav .nav-tabs{
		gap: 20px;
	}

	.product-tab-item-box h2{
		font-size: 26px;
	}

	.team-single-image img{
		aspect-ratio: 1 / 1.1;
	}

	.team-member-about-body{
		padding: 20px;
	}

	.member-social-list{
		padding-top: 20px;
		margin-top: 20px;
	}

	.member-social-list h3{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.team-expertise-item-content{
		width: 100%;
	}

	.team-expertise-item-content h3{
		font-size: 18px;
	}

	.team-expertise-image figure img{
		aspect-ratio: 1 / 0.8;
	}

	.contact-us-image figure img{
		aspect-ratio: 1 / 1.2;
	}

	.contact-info-item{
		width: 100%;
	}

	.contact-info-item::before{
		top: auto;
		bottom: -15px;
		width: 100%;
		height: 1px;
		left: 0;
	}

	.contact-info-item-content h3{
		font-size: 18px;
	}

	.contact-us-form{
		padding: 20px 15px;
	}

	.google-map-iframe,
	.google-map-iframe iframe{
		height: 350px;
	}
}

/************************************/
/***   34. Home - Version 2 css   ***/
/************************************/

.main-header.header-gold .header-sticky{
	border-color: var(--divider-color);
}

.main-header.header-gold .header-sticky.active{
	background: var(--secondary-color);
	border-color: var(--divider-color);
}

.header-gold .main-menu ul li a{
	color: var(--primary-color);
}

.header-gold .main-menu ul li a:hover,
.header-gold .main-menu ul li a:focus{
	color: var(--accent-color);
}

.header-gold .main-menu ul ul li a:hover,
.header-gold .main-menu ul ul li a:focus{
	color: var(--white-color);
}

.hero-gold{
	position: relative;
	background-image: url('../images/hero-bg-gold.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 215px 0 0;
	margin-top: 20px;
	overflow: hidden;
}

.hero-content-gold{
	position: relative;
	max-width: 1100px;
	text-align: center;
	margin: 0 auto;
	z-index: 1;
}

.hero-content-gold .section-title p{
	max-width: 750px;
	color: var(--primary-color);
	margin-left: auto;
	margin-right: auto;
}

.hero-btn-gold{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px 20px;
}

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

.hero-btn-gold .btn-default:hover{
	color: var(--white-color);
}

.hero-btn-gold .btn-default.btn-highlighted{
	background: var(--primary-color);
	color: var(--white-color);
}

.hero-btn-gold .btn-default.btn-highlighted:hover{
	color: var(--primary-color);
}

.hero-btn-gold .btn-default.btn-highlighted:before{
	background-image: url('../images/arrow-white.svg');
}

.hero-btn-gold .btn-default.btn-highlighted:hover:before{
	filter: brightness(1) invert(1);
}

.hero-image-box-gold{
	position: relative;
}

.hero-image-box-gold .container-fluid{
	padding: 0;
}

.hero-image-title-gold{
	position: absolute;
	top: -9.375vw;
	left: 50%;
	transform: translateX(-50%);
}

.hero-image-title-gold h2{
	display: inline-block;
	font-size: 25vw;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: 0.02em;
	color: transparent;
	background: linear-gradient(180deg, var(--accent-color) 25%, rgba(255, 255, 255, 0.00) 70.81%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-stroke: 2px transparent;
}

.hero-image-gold{
	position: relative;
	z-index: 1;
}

.hero-image-box-gold figure{
	display: block;
}

.hero-image-box-gold figure img{
	width: 100%;
	aspect-ratio: 1 / 0.288;
	object-fit: cover;
}

.about-us-gold{
	padding: 100px 0;
}

.about-us-item-box-gold{
	height: calc(100% - 30px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 30px;
}

.about-us-item-box-gold.mission-box-gold{
	background: var(--secondary-color);
}

.about-us-item-box-gold.vision-box-gold{
	background: var(--primary-color);
}

.about-us-item-gold{
	padding: 20px;
}

.about-us-item-header-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.about-us-item-header-gold .icon-box,
.about-counter-item-gold .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.about-us-item-header-gold .icon-box::before,
.about-counter-item-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.about-us-item-box-gold.vision-box-gold .about-us-item-header-gold .icon-box::before{
	background: var(--bg-color);
}

.about-us-item-gold:hover .about-us-item-header-gold .icon-box::before,
.about-counter-item-gold:hover .icon-box::before{
	transform: scale(1);
}

.about-us-item-header-gold .icon-box img,
.about-counter-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.about-us-item-gold:hover .about-us-item-header-gold .icon-box img,
.about-counter-item-gold:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.about-us-item-box-gold.vision-box-gold:hover .about-us-item-header-gold .icon-box img{
	filter: none;
}

.about-us-item-title-gold,
.about-counter-item-content-gold{
	width: calc(100% - 65px);
}

.about-us-item-title-gold h3{
	font-size: 20px;
}

.about-us-item-content-gold p{
	margin: 0;
}

.about-us-item-box-gold.vision-box-gold .about-us-item-content-gold{
	border: none;
	padding-bottom: 0;
}

.about-us-item-box-gold.vision-box-gold .about-us-item-title-gold h3,
.about-us-item-box-gold.vision-box-gold .about-us-item-content-gold p{
	color: var(--white-color);
}

.about-us-item-body-gold{
	background: var(--bg-color);
	border-radius: 12px;
	padding: 20px;
}

.about-counter-item-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.about-counter-item-gold:last-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.about-counter-item-content-gold h2{
	font-size: 40px;
	line-height: 1em;
}

.about-counter-item-content-gold p{
	margin: 5px 0 0;
}

.about-client-rating-box-gold{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.about-client-rating-box-gold .satisfy-client-image{
	margin-left: -10px;
}

.about-client-rating-box-gold .satisfy-client-image:first-child{
	margin-left: 0;
}

.about-client-rating-box-gold .satisfy-client-image img{
	max-width: 40px;
}

.about-satisfy-client-content-gold ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.about-satisfy-client-content-gold ul li{
	font-size: 16px;
	color: var(--primary-color);
}

.about-satisfy-client-content-gold ul li i{
	color: var(--accent-color);
}

.about-client-rating-body-gold{
	border-top: 1px solid var(--divider-color);
	padding-top: 20px;
	margin-top: 20px;
}

.about-client-rating-content-gold p{
	margin: 0;
}

.about-client-rating-btn-gold{
	margin-top: 30px;
}

.about-us-image-gold{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.about-us-image-gold figure{
	height: 100%;
	display: block;
	border-radius: 12px;
}

.about-us-image-gold figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.6778;
	object-fit: cover;
	border-radius: 12px;
}

.our-services-gold{
	padding: 100px 0;
}

.service-item-gold{
	position: relative;
	height: calc(100% - 30px);
	border-radius: 12px;
	margin-bottom: 30px;
	overflow: hidden;
}

.service-item-image-gold a{
	display: block;
	cursor: none;
}

.service-item-image-gold figure{
	position: relative;
	display: block;
	border-radius: 12px;
	overflow: hidden;
}

.service-item-image-gold figure:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(44, 44, 44, 0.00) 0%, var(--primary-color) 100%);
	z-index: 1;
}

.service-item-image-gold figure img{
	width: 100%;
	aspect-ratio: 1 / 1.3044;
	object-fit: cover;
	border-radius: 12px;
	transition: all 0.6s ease-in-out;
}

.service-item-gold:hover .service-item-image-gold figure img{
	transform: scale(1.1);
}

.service-item-body-gold{
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	transform: translateY(45px);
	transition: all 0.4s ease-in-out;
	z-index: 2;
}

.service-item-gold:hover .service-item-body-gold{
	transform: translateY(0);
}

.service-item-body-gold .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	overflow: hidden;
}

.service-item-body-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--bg-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.service-item-gold:hover .service-item-body-gold .icon-box::before{
	transform: scale(1);
}

.service-item-body-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.service-item-content-gold h3{
	font-size: 20px;
	color: var(--white-color);
}

.service-item-content-gold h3 a{
	color: inherit;
}

.service-item-content-gold p{
	color: var(--white-color);
	margin: 10px 0 0;
}

.service-item-btn-gold{
	opacity: 0;
	visibility: hidden;
	margin-top: 20px;
	transition: all 0.4s ease-in-out;
}

.service-item-gold:hover .service-item-btn-gold{
	visibility: visible;
	opacity: 1;
}

.service-item-btn-gold .readmore-btn{
	color: var(--accent-color);
	transition: all 0.4s ease-in-out;
}

.service-item-btn-gold .readmore-btn:hover{
	color: var(--white-color);
}

.service-item-btn-gold .readmore-btn::before{
	background-image: url('../images/arrow-accent.svg');
}

.service-item-btn-gold .readmore-btn:hover:before{
	filter: brightness(0) invert(1);
}

.our-service-footer-gold{
	margin-top: 30px;
}

.our-service-footer-list-gold ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px 20px;
	max-width: 950px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.our-service-footer-list-gold ul li{
	position: relative;
	background: var(--bg-color);
    border: 1px solid var(--divider-color);
    font-size: 16px;
	font-weight: 500;
	line-height: 1.38em;
    color: var(--primary-color);
    padding: 8px 12px 8px 26px;
    border-radius: 100px;
	transition: all 0.4s ease-in-out;
}

.our-service-footer-list-gold ul li::before{
	content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--accent-color);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.our-service-footer-list-gold ul li:hover{
	background: var(--primary-color);
	color: var(--white-color);
}

.why-choose-us-gold{
	padding: 100px 0;
}

.why-choose-images-gold{
	position: relative;
	height: 100%;
	background-image: url('../images/why-choose-image-box-bg.png');
	background-repeat: no-repeat;
	background-position: bottom 75px left;
	background-size: auto;
	margin-right: 15px;
}

.why-choose-image-1-gold{
	position: absolute;
	top: 0;
	left: 0;
	background: var(--bg-color);
	border-radius: 0 0 12px 0;
	z-index: 1;
}

.why-choose-image-1-gold::before,
.why-choose-image-1-gold::after{
	content: '';
	position: absolute;
	width: 12px;
    height: 12px;
	mask: url('../images/why-choose-image-corner-shape-gold.svg');
	-webkit-mask: url('../images/why-choose-image-corner-shape-gold.svg');
	background-color: var(--bg-color);
	mask-repeat: no-repeat;
	mask-size: cover;
}

.why-choose-image-1-gold::before{
	top: 0;
	right: -12px;
}

.why-choose-image-1-gold::after{
	bottom: auto;
	left: 7.552vw;
}

.why-choose-image-1-gold figure{
	display: block;
	border: 20px solid var(--bg-color);
	border-top: none;
	border-left: none;
	border-radius: 12px;
}

.why-choose-image-1-gold figure img{
	width: 100%;
	max-width: 360px;
	object-fit: cover;
	border-radius: 12px;
}

.why-choose-image-2-gold{
	padding-left: 7.552vw;
	height: 100%;
}

.why-choose-image-2-gold figure{
	position: relative;
	display: block;
	height: 100%;
	border-radius: 12px;
}

.why-choose-image-2-gold figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.1643;
	object-fit: cover;
	border-radius: 12px;
}

.why-choose-counter-box-gold{
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 300px;
	background: var(--bg-color);
	border: 20px solid var(--bg-color);
	border-bottom: none;
	border-radius: 12px 0 0 0;
}

.why-choose-counter-box-gold::before,
.why-choose-counter-box-gold::after{
	content: '';
	position: absolute;
	width: 12px;
    height: 12px;
	mask: url('../images/why-choose-counter-box-corner-shape-gold.svg');
	-webkit-mask: url('../images/why-choose-counter-box-corner-shape-gold.svg');
	background-color: var(--bg-color);
	mask-repeat: no-repeat;
	mask-size: cover;
}

.why-choose-counter-box-gold::before{
	top: -32px;
	right: -20px;
}

.why-choose-counter-box-gold::after{
	bottom: 0;
	left: -32px;
}

.why-choose-counter-body-gold{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	background: var(--accent-color);
	border-radius: 12px;
	padding: 30px 20px;
}

.why-choose-counter-box-gold .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--bg-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.why-choose-counter-box-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.why-choose-counter-box-gold:hover .icon-box::before{
	transform: scale(1);
}

.why-choose-counter-box-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.why-choose-counter-box-gold:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.why-choose-counter-content-gold{
	width: calc(100% - 65px);
}

.why-choose-counter-content-gold h2{
	font-size: 40px;
	line-height: 1em;
}

.why-choose-counter-content-gold p{
	margin: 5px 0 0;
	color: var(--primary-color);
}

.why-choose-item-list-gold{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.why-choose-item-gold{
	width: calc(50% - 15px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.why-choose-item-gold .icon-box{
	position: relative;
	width: 80px;
	height: 80px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.why-choose-item-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.why-choose-item-gold:hover .icon-box::before{
	transform: scale(1);
}

.why-choose-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 40px;
	transition: all 0.4s ease-in-out;
}

.why-choose-item-gold:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.why-choose-item-content-gold{
	width: calc(100% - 95px);
}

.why-choose-item-content-gold h3{
	font-size: 20px;
}

.why-choose-progress-list-gold{
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.skills-progress-bar-gold{
	margin-bottom: 30px;
}

.skills-progress-bar-gold:last-child{
	margin-bottom: 0;
}

.skills-progress-bar-gold .skill-data-gold{
	display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.skills-progress-bar-gold .skill-data-gold .skill-title-gold,
.skills-progress-bar-gold .skill-data-gold .skill-no-gold{
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	color: var(--primary-color);
}

.skills-progress-bar-gold .skillbar-gold .skill-progress-gold{
	position: relative;
	width: 100%;
	height: 10px;
	background: var(--secondary-color);
	border-radius: 100px;
    overflow: hidden;
}

.skills-progress-bar-gold .skillbar-gold .skill-progress-gold .count-bar-gold{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
    background: var(--accent-color);
	border-radius: 100px;
}

.why-choose-footer-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}

.why-choose-author-box-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.why-choose-author-box-gold .author-image figure{
	display: block;
	border-radius: 50%;
}

.why-choose-author-box-gold .author-image figure img{
	width: 100%;
	max-width: 50px;
}

.why-choose-author-content-gold h3{
	font-size: 20px;
}

.why-choose-author-content-gold p{
	margin: 5px 0 0;
}

.our-story-gold{
	position: relative;
	background-image: url('../images/our-story-bg-image-gold.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 800px;
	align-content: end;
	padding: 100px 0;
	overflow: hidden;
}

.our-story-gold::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	opacity: 60%;
	z-index: 1;
}

.our-story-gold .container{
	position: relative;
	z-index: 2;
}

.our-story-content-gold .section-title{
	margin-bottom: 0;
}

.our-story-button-gold{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.our-story-button-gold .video-play-button-gold a{
	position: relative;
	width: 120px;
	height: 120px;
	background: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid var(--dark-divider-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: none;
	margin: 0 auto;
	transition: all 0.4s ease-in-out;
}

.video-play-button-gold a:hover{
	background: var(--primary-color);
}

.video-play-button-gold a i{
	font-size: 28px;
	color: var(--white-color);
	transition: all 0.4s ease-in-out;
}

.video-play-button-gold a:hover i{
	color: var(--white-color);
}

.our-story-button-gold .get-in-touch-circle-gold{
	position: relative;
	margin-left: -40px;
	z-index: 1;
}

.get-in-touch-circle-gold a{
	display: inline-block;
	border-radius: 50%;
}

.get-in-touch-circle-gold a img{
	width: 100%;
    max-width: 120px;
    border-radius: 50%;
    animation: infiniterotategold 20s infinite linear;
}

@keyframes infiniterotategold{
	from{
		transform: rotate(0deg);
    }
    to{
		transform: rotate(360deg);
    }
}

.our-story-button-gold .get-in-touch-circle-gold a:hover img{
	animation-play-state: paused;
}

.what-we-do-gold{
	padding: 100px 0;
}

.what-we-images-gold{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	margin-right: 15px;
}

.what-we-image-box-1-gold{
	position: relative;
	width: 50%;
	margin-bottom: 110px;
	z-index: 1;
}

.what-we-image-1-gold figure{
	display: block;
	border: 5px solid var(--bg-color);
	border-radius: 12px;
}

.what-we-image-1-gold figure img{
	width: 100%;
	aspect-ratio: 1 / 1.17;
	object-fit: cover;
	border-radius: 12px;
}

.what-we-image-box-1-gold .get-in-touch-circle-gold{
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translate(50%, 50%);
	z-index: 2;
}

.what-we-image-box-1-gold .get-in-touch-circle-gold a{
	border: 5px solid var(--bg-color);
}

.what-we-image-box-1-gold .get-in-touch-circle-gold a img:hover{
	animation-play-state: paused;
}

.what-we-image-box-2-gold{
	position: relative;
	width: 50%;
	height: 100%;
	z-index: 0;
}

.what-we-image-2-gold{
	height: 100%;
}

.what-we-image-2-gold figure{
	display: block;
	height: 100%;
	border-radius: 12px;
	margin-left: -140px;
}

.what-we-image-2-gold figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.45;
	object-fit: cover;
	border-radius: 12px;
}

.what-we-item-gold{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 40px;
}

.what-we-item-gold:last-child{
	margin-bottom: 0;
}

.what-we-item-gold::after{
    content: "";
    display: block;
    position: absolute;
	top: 0;
    left: 25px;
    border-left: 1px solid var(--divider-color);
    width: 1px;
    height: calc(100% + 40px);
    z-index: 0;
}

.what-we-item-gold:last-child::after{
    display: none;
}

.what-we-item-gold .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 1;
}

.what-we-item-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.what-we-item-gold:hover .icon-box::before{
	transform: scale(1);
}

.what-we-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.what-we-item-gold:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.what-we-item-content-gold{
	width: calc(100% - 65px);
}

.what-we-item-content-gold h3{
	font-size: 20px;
}

.what-we-item-content-gold p{
	margin: 10px 0 0;
}

.what-we-btn-gold{
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.what-we-counter-list-gold{
	display: flex;
	flex-wrap: wrap;
	gap: 5.208vw;
	border-top: 1px solid var(--divider-color);
	padding-top: 60px;
	margin-top: 60px;
}

.what-we-counter-item-gold{
	position: relative;
	width: calc(20% - 4.167vw);
	text-align: center;
}

.what-we-counter-item-gold::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -2.604vw;
	transform: translateY(-50%);
	height: 60%;
	width: 1px;
	background: var(--divider-color);
}

.what-we-counter-item-gold:last-child:before,
.what-we-counter-item-gold:nth-child(5n + 5):before{
	display: none;
}

.what-we-counter-item-gold h3{
	font-size: 52px;
}

.what-we-counter-item-gold p{
	margin: 5px 0 0;
}

.our-pricing-gold{
	padding: 100px 0;
}

.pricing-item-gold{
	position: relative;
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 12px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px;
	z-index: 1;
}

.pricing-item-header-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.pricing-item-header-gold .icon-box{
	position: relative;
	width: 40px;
	height: 40px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.pricing-item-header-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--bg-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.pricing-item-gold:hover .pricing-item-header-gold .icon-box::before{
	transform: scale(1);
}

.pricing-item-header-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 20px;
	z-index: 1;
}

.pricing-item-title-gold{
	width: calc(100% - 55px);
}

.pricing-item-title-gold h3{
	font-size: 20px;
	color: var(--white-color);
}

.pricing-item-content-gold p{
	color: var(--white-color);
	margin: 0;
}

.pricing-item-price-gold{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 30px;
	margin-top: 30px;
}

.pricing-item-price-gold h2{
	font-size: 40px;
	color: var(--white-color);
}

.pricing-item-price-gold h2 sub{
	font-size: 20px;
	bottom: 0;
}

.pricing-item-btn-gold{
	margin-top: 40px;
}

.pricing-item-btn-gold .btn-default{
	width: 100%;
	border-radius: 12px;
	text-align: center;
	padding: 17px;
}

.pricing-item-btn-gold .btn-default::before{
	display: none;
}

.pricing-item-list-gold{
	margin-top: 40px;
}

.pricing-item-list-gold h3{
	font-size: 20px;
	color: var(--white-color);
	margin-bottom: 20px;
}

.pricing-item-list-gold ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.pricing-item-list-gold ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--white-color);
	margin-bottom: 15px;
	padding-left: 25px;
}

.pricing-item-list-gold ul li:last-child{
	margin-bottom: 0;
}

.pricing-item-list-gold ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: var(--accent-color);
    top: 0;
    left: 0;
}

.pricing-benefit-list-gold{
	margin-top: 30px;
}

.pricing-benefit-list-gold ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	gap: 20px 60px;
}

.pricing-benefit-list-gold ul li{
    display: inline-flex;
    align-items: center;
	color: var(--white-color);
}

.pricing-benefit-list-gold ul li img{
	width: 100%;
	max-width: 20px;
	margin-right: 15px;
}

.how-it-works-gold{
	padding: 100px 0;
}

.how-works-item-gold{
	position: relative;
	min-height: 400px;
	height: calc(100% - 30px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	background: var(--secondary-color);
	border-radius: 12px;
	margin-bottom: 30px;
	padding: 30px;
	overflow: hidden;
}

.how-works-item-gold::before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--primary-color);
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.how-works-item-gold:hover::before{
	height: 100%;
}

.how-works-item-header-gold{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	z-index: 1;
}

.how-works-item-no-gold h2{
	font-size: 52px;
	transition: all 0.4s ease-in-out;
}

.how-works-item-image-gold{
	max-width: 80px;
}

.how-works-item-image-gold figure{
	display: block;
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center center;
    border-radius: 12px;
	overflow: hidden;
}

.how-works-item-gold.box-1 .how-works-item-image-gold figure{
	background-image: url(../images/work-item-shape-1.svg);
	mask-image: url(../images/work-item-shape-1.svg);
}

.how-works-item-gold.box-2 .how-works-item-image-gold figure{
	background-image: url(../images/work-item-shape-2.svg);
	mask-image: url(../images/work-item-shape-2.svg);
}

.how-works-item-gold.box-3 .how-works-item-image-gold figure{
	background-image: url(../images/work-item-shape-3.svg);
	mask-image: url(../images/work-item-shape-3.svg);
}

.how-works-item-gold.box-4 .how-works-item-image-gold figure{
	background-image: url(../images/work-item-shape-4.svg);
	mask-image: url(../images/work-item-shape-4.svg);
}

.how-works-item-image-gold figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.how-works-item-content-gold{
	position: relative;
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.how-works-item-content-gold h3{
	font-size: 20px;
	transition: all 0.4s ease-in-out;
}

.how-works-item-content-gold p{
	margin: 10px 0 0;
	transition: all 0.4s ease-in-out;
}

.how-works-item-gold:hover .how-works-item-content-gold{
	border-color: var(--dark-divider-color);
}

.how-works-item-gold:hover .how-works-item-no-gold h2,
.how-works-item-gold:hover .how-works-item-content-gold h3,
.how-works-item-gold:hover .how-works-item-content-gold p{
	color: var(--white-color);
}

.our-team-gold{
	padding: 100px 0;
}

.team-item-gold{
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 12px;
	text-align: center;
	height: calc(100% - 130px);
	margin: 100px 0 30px;
}

.team-item-header-gold{
	padding: 0 40px 40px;
}

.team-item-image-gold{
	margin-bottom: 40px;
}

.team-item-image-gold figure{
	display: inline-block;
	margin-top: -100px;
	border: 5px solid var(--primary-color);
	border-radius: 50%;
}

.team-item-image-gold figure img{
	width: 100%;
	max-width: 200px;
	border-radius: 50%;
}

.team-item-content-gold h2{
	font-size: 20px;
	color: var(--white-color);
}

.team-item-content-gold h2 a{
	color: inherit;
}

.team-item-content-gold p{
	color: var(--white-color);
	margin: 5px 0 0;
}

.team-social-icons-gold{
	border-top: 1px solid var(--dark-divider-color);
	padding: 30px;
}

.team-social-icons-gold ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.team-social-icons-gold ul li a{	
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--accent-color);
	border: 1px solid var(--dark-divider-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.team-social-icons-gold ul li:hover a{
	background-color: var(--accent-color);
	color: var(--primary-color);
}

.team-social-icons-gold ul li a i{
    font-size: 18px;
	color: inherit;
}

.our-faqs-gold{
	padding: 100px 0;
}

.faqs-content-gold{
	margin-right: 15px;
}

.faqs-image-gold figure{
	display: block;
	border-radius: 12px;
}

.faqs-image-gold figure img{
	width: 100%;
	aspect-ratio: 1 / 0.303;
	object-fit: cover;
	border-radius: 12px;
}

.faqs-footer-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}

.faqs-contact-item-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.faqs-contact-item-gold .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.faqs-contact-item-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.faqs-contact-item-gold:hover .icon-box::before{
	transform: scale(1);
}

.faqs-contact-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.faqs-contact-item-gold:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.faqs-contact-item-content-gold{
	width: calc(100% - 65px);
}

.faqs-contact-item-content-gold h3{
	font-size: 20px;
}

.faqs-contact-item-content-gold p{
	margin: 5px 0 0;
}

.faqs-contact-item-content-gold p a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.faqs-contact-item-content-gold p a:hover{
	color: var(--accent-color);
}

.faq-accordion-gold .accordion-item-gold{
	position: relative;
	background: var(--secondary-color);
	border-radius: 12px;
	margin-bottom: 30px;
	overflow: hidden;
}

.faq-accordion-gold .accordion-item-gold:last-child{
	margin-bottom: 0;
}

.faq-accordion-gold .accordion-header .accordion-button{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35em;
    color: var(--primary-color);
	padding: 20px 45px 20px 20px;
	transition: all 0.4s ease-in-out;
}

.faq-accordion-gold .accordion-item-gold .accordion-button::after, 
.faq-accordion-gold .accordion-item-gold .accordion-button.collapsed::after{
    content: '\2b';
    font-family: 'Font Awesome 7 Free';
    position: absolute;
    right: 20px;
	font-size: 20px;
	font-weight: 900;
	line-height: normal;
	color: var(--primary-color);
    transition: all 0.4s ease-in-out;
}

.faq-accordion-gold .accordion-button:not(.collapsed)::after{
	transform: rotate(45deg);
}

.faq-accordion-gold .accordion-item-gold .accordion-body{
	border-top: 1px solid var(--divider-color);
	padding: 20px;
}

.faq-accordion-gold .accordion-item-gold .accordion-body p{
	margin: 0;
}

.our-testimonials-gold{
	position: relative;
	background-image: url('../images/our-testimonials-bg-gold.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0;
	overflow: hidden;
}

.our-testimonials-gold::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	opacity: 60%;
	z-index: 1;
}

.our-testimonials-gold .container{
	position: relative;
	z-index: 2;
}

.testimonials-content-gold{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}

.testimonials-image-gold{
	max-width: 510px;
}

.testimonials-image-gold figure{
	display: block;
	border-radius: 12px;
}

.testimonials-image-gold figure img{
	width: 100%;
	aspect-ratio: 1 / 1.404;
	object-fit: cover;
	border-radius: 12px 12px 0 0;
	margin-bottom: -100px;
}

.testimonials-item-list-gold{
	margin-left: 15px;
}

.testimonials-item-gold{
	background-color: var(--dark-divider-color);
	border-radius: 12px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	margin-bottom: 30px;
	padding: 30px;
}

.testimonials-item-gold:last-child{
	margin-bottom: 0;
}

.testimonial-item-rating-gold i{
	font-size: 16px;
	color: var(--accent-color);
}

.testimonial-item-content-gold{
	margin-top: 20px;
}

.testimonial-item-content-gold p{
	color: var(--white-color);
	margin-bottom: 0;
}

.testimonial-item-body-gold{
	border-top: 1px solid var(--dark-divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-top: 20px;
	margin-top: 20px;
}

.testimonial-author-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.testimonial-author-image-gold figure{
	display: block;
	border-radius: 50%;
}

.testimonial-author-image-gold figure img{
	width: 100%;
	max-width: 50px;
	border-radius: 50%;
}

.testimonial-author-content-gold{
	width: calc(100% - 65px);
}

.testimonial-author-content-gold h3{
	font-size: 20px;
	color: var(--white-color);
}

.testimonial-author-content-gold p{
	color: var(--white-color);
	margin: 5px 0 0;
}

.testimonial-item-quote-gold img{
	width: 100%;
	max-width: 40px;
}

.main-footer-gold{
	background-image: none;
	padding: 100px 0 0;
	margin-bottom: 20px;
}

.main-footer-box-gold{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 100px;
}

.footer-about-gold{
	position: relative;
	width: calc(36% - 66.66px);
}

.footer-about-gold::before{
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	width: 1px;
	height: 100%;
	background: var(--dark-divider-color);
}

.footer-logo-gold img{
	width: 100%;
	max-width: 147px;
}

.about-footer-content-gold{
	margin-top: 20px;
}

.about-footer-content-gold p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-social-icons-gold{
	margin-top: 30px;
}

.footer-social-icons-gold ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-social-icons-gold ul li a{	
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--accent-color);
	border: 1px solid var(--dark-divider-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.footer-social-icons-gold ul li:hover a{
	background-color: var(--accent-color);
	color: var(--primary-color);
}

.footer-social-icons-gold ul li a i{
    font-size: 18px;
	color: inherit;
}

.footer-newsletter-box-gold{
	position: relative;
	width: calc(30% - 66.66px);
	text-align: center;
}

.footer-newsletter-box-gold::before{
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	width: 1px;
	height: 100%;
	background: var(--dark-divider-color);
}

.footer-newsletter-box-gold h3{
	font-size: 20px;
	color: var(--white-color);
	margin-bottom: 20px;
}

.footer-newsletter-box-gold p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-newsletter-form-gold{
	margin-top: 30px;
}

.footer-newsletter-form-gold .form-group .form-control{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	background-color: var(--dark-divider-color);
	color: var(--white-color);
	border-radius: 40px;
	text-align: center;
	border: none;
	box-shadow: none;
	outline: none;
	padding: 13px;
}

.footer-newsletter-form-gold .form-group .form-control::placeholder{
	color: var(--white-color);
}

.footer-newsletter-form-gold .form-group .btn-default{
	width: 100%;
	padding: 17px;
	text-align: center;
	margin-top: 15px;
}

.footer-newsletter-form-gold .form-group .btn-default::before{
	display: none;
}

.footer-links-box-gold{
	width: calc(34% - 66.66px);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}

.footer-links-gold{
	max-width: 60%;
}

.footer-links-gold h3{
	font-size: 20px;
	color: var(--white-color);
	margin-bottom: 30px;
}

.footer-links-gold ul{
	list-style: disc;
	margin: 0;
	padding: 0 0 0 20px;
}

.footer-links-gold ul li{
	color: var(--white-color);
	line-height: 1.5em;
	margin-bottom: 20px;
}

.footer-links-gold ul li:last-child{
	margin-bottom: 0;
}

.footer-links-gold ul li::marker{
	color: var(--accent-color);
	transition: all 0.4s ease-in-out;
}

.footer-links-gold ul li:hover::marker{
	color: var(--white-color);
}

.footer-links-gold ul li a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-links-gold ul li a:hover{
	color: var(--accent-color);
}

.footer-copyright-gold{
	border-top: 1px solid var(--dark-divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 15px 20px;
	padding: 60px 0 40px;
	margin-top: 60px;
}

.footer-copyright-text-gold p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-privacy-policy-gold ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-privacy-policy-gold ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--white-color);
}

.footer-privacy-policy-gold ul li::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -24px;
	background: var(--accent-color);
	border-radius: 100px;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
}

.footer-privacy-policy-gold ul li:last-child::before{
	display: none;
}

.footer-privacy-policy-gold ul li a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.footer-privacy-policy-gold ul li a:hover{
	color: var(--accent-color);
}

@media only screen and (max-width: 1440px){

	.about-us-item-gold{
		padding: 10px;
	}

	.about-counter-item-gold{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.about-client-rating-btn-gold{
		margin-top: 20px;
	}

	.service-item-body-gold{
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

	.service-item-body-gold .icon-box{
		margin-bottom: 20px;
	}

	.why-choose-image-1-gold figure img{
		max-width: 300px;
	}

	.why-choose-counter-box-gold{
		max-width: 280px;
	}

	.why-choose-counter-body-gold{
		padding: 20px;
	}

	.pricing-item-gold{
		padding: 30px 25px;
	}

	.pricing-item-btn-gold{
		margin-top: 30px;
	}

	.pricing-item-price-gold{
		padding-top: 20px;
		margin-top: 20px;
	}

	.pricing-item-list-gold{
		margin-top: 30px;
	}

	.how-works-item-gold{
		min-height: 370px;
		padding: 30px 25px;
	}

	.team-item-image-gold{
		margin-bottom: 30px;
	}

	.team-item-header-gold{
		padding: 0 30px 30px;
	}

	.team-social-icons-gold{
		padding: 20px;
	}

	.main-footer-box-gold{
		gap: 50px;
	}

	.footer-about-gold{
		width: calc(36% - 33.33px);
	}

	.footer-newsletter-box-gold{
		width: calc(30% - 33.33px);
	}

	.footer-links-box-gold{
		width: calc(34% - 33.33px);
	}

	.footer-newsletter-box-gold::before,
	.footer-about-gold::before{
		right: -25px;
	}
}

@media only screen and (max-width: 1024px){

	.about-us-image-gold figure,
	.about-us-image-gold figure img{
		height: auto;
	}

	.service-item-image-gold figure img{
		aspect-ratio: 1 / 1.1;
	}

	.why-choose-images-gold{
		max-width: 700px;
		height: auto;
		margin: 0 auto 30px;
	}

	.why-choose-image-2-gold,
	.why-choose-image-2-gold figure,
	.why-choose-image-2-gold figure img{
		height: auto;
	}

	.our-story-gold{
		min-height: 600px;
	}

	.what-we-images-gold{
		max-width: 705px;
		height: auto;
		margin: 0 auto 30px;
	}

	.what-we-image-box-2-gold,
	.what-we-image-2-gold,
	.what-we-image-2-gold figure,
	.what-we-image-2-gold figure img{
		height: auto;
	}

	.faqs-content-gold{
		margin: 0 0 30px;
	}

	.faqs-footer-gold{
		margin-top: 30px;
	}

	.testimonials-image-gold{
		margin: 0 auto;
	}

	.testimonials-image-gold figure img{
		margin-bottom: 0;
	}

	.testimonials-item-list-gold{
		margin: 0;
	}

	.main-footer-box-gold{
		gap: 30px;
	}

	.footer-about-gold{
		width: 100%;
	}

	.footer-about-gold::before{
		display: none;
	}

	.footer-newsletter-box-gold::before{
		display: none;
	}

	.footer-newsletter-box-gold,
	.footer-links-box-gold{
		width: calc(50% - 15px);
	}
}

@media only screen and (max-width: 991px){

	.hero-gold{
		padding: 140px 0 0;
		margin: 0;
	}

	.about-us-gold{
		padding: 50px 0;
	}

	.about-counter-item-content-gold h2{
		font-size: 34px;
	}

	.our-services-gold{
		padding: 50px 0;
	}

	.our-service-footer-gold{
		margin-top: 10px;
	}

	.our-service-footer-list-gold ul{
		gap: 12px;
	}

	.our-service-footer-list-gold ul li{
		font-size: 14px;
		padding: 8px 10px 8px 24px;
	}

	.our-service-footer-list-gold ul li::before{
		left: 10px;
	}

	.why-choose-us-gold{
		padding: 50px 0;
	}

	.why-choose-item-gold .icon-box{
		width: 60px;
		height: 60px;
	}

	.why-choose-item-gold .icon-box img{
		max-width: 30px;
	}

	.why-choose-item-content-gold{
		width: calc(100% - 75px);
	}

	.why-choose-progress-list-gold{
		margin-top: 30px;
		padding-top: 30px;
	}

	.why-choose-footer-gold{
		margin-top: 30px;
	}

	.our-story-gold{
		padding: 50px 0;
	}

	.our-story-button-gold .video-play-button-gold a{
		width: 100px;
		height: 100px;
	}

	.our-story-button-gold .get-in-touch-circle-gold{
		margin-left: -30px;
	}

	.our-story-button-gold .get-in-touch-circle-gold img{
		max-width: 100px;
	}

	.what-we-do-gold{
		padding: 50px 0;
	}

	.what-we-item-gold{
		margin-bottom: 30px;
	}

	.what-we-item-gold::after{
		height: calc(100% + 30px);
	}

	.what-we-btn-gold{
		margin-top: 30px;
		padding-top: 30px;
	}

	.what-we-counter-list-gold{
		gap: 20px;
		margin-top: 30px;
		padding-top: 30px;
	}

	.what-we-counter-item-gold{
		width: calc(20% - 16px);
	}

	.what-we-counter-item-gold::before{
		right: -10px;
	}

	.what-we-counter-item-gold h3{
		font-size: 40px;
	}

	.what-we-counter-item-gold p{
		font-size: 14px;
	}

	.our-pricing-gold{
		padding: 50px 0;
	}

	.pricing-item-gold{
        padding: 20px;
    }

	.pricing-item-header-gold{
		margin-bottom: 15px;
	}

	.pricing-item-price-gold h2{
		font-size: 34px;
	}

	.pricing-item-price-gold h2 sub{
		font-size: 18px;
	}

	.pricing-item-list-gold h3{
		margin-bottom: 15px;
	}

	.pricing-item-list-gold ul li{
		margin-bottom: 15px;
	}

	.pricing-item-list-gold ul li::before{
		font-size: 16px;
	}

	.pricing-item-btn-gold .btn-default{
		padding: 15px;
	}

	.pricing-benefit-list-gold{
		margin-top: 5px;
	}

	.pricing-benefit-list-gold ul{
		gap: 15px 30px;
	}

	.pricing-benefit-list-gold ul li img{
		max-width: 18px;
		margin-right: 10px;
	}

	.how-it-works-gold{
		padding: 50px 0;
	}

	.how-works-item-gold{
		min-height: initial;
	}

	.how-works-item-no-gold h2{
		font-size: 40px;
	}

	.our-team-gold{
		padding: 50px 0;
	}

	.team-item-gold{
		height: calc(100% - 110px);
		margin-top: 80px;
	}

	.team-item-image-gold figure{
		margin-top: -80px;
	}

	.team-item-image-gold figure img{
		max-width: 160px;
	}

	.our-faqs-gold{
		padding: 50px 0;
	}

	.faqs-image-gold figure img{
		aspect-ratio: 1 / 0.4;
	}

	.faq-accordion-gold .accordion-item-gold{
		margin-bottom: 20px;
	}

	.faq-accordion-gold .accordion-header .accordion-button{
		padding: 15px 40px 15px 15px;
	}

	.faq-accordion-gold .accordion-item-gold .accordion-button::after, 
	.faq-accordion-gold .accordion-item-gold .accordion-button.collapsed::after{
		right: 15px;
	}

	.faq-accordion-gold .accordion-item-gold .accordion-body{
		padding: 15px;
	}

	.our-testimonials-gold{
		padding: 50px 0;
	}

	.testimonials-image-gold{
		max-width: 400px;
	}

	.testimonials-item-gold{
		padding: 20px;
	}

	.testimonial-item-content-gold{
		margin-top: 15px;
	}

	.main-footer-gold{
		padding: 50px 0 0;
		margin-bottom: 0;
	}

	.about-footer-content-gold{
		margin-top: 15px;
	}

	.footer-social-icons-gold{
		margin-top: 20px;
	}

	.footer-links-gold h3{
		margin-bottom: 20px;
	}

	.footer-links-gold ul li{
		margin-bottom: 15px;
	}

	.footer-newsletter-box-gold h3{
		margin-bottom: 15px;
	}

	.footer-newsletter-form-gold{
		margin-top: 20px;
	}

	.footer-newsletter-form-gold .form-group .form-control{
		padding: 11px;
	}

	.footer-newsletter-form-gold .form-group .btn-default{
		padding: 15px;
	}

	.footer-copyright-gold{
		padding: 30px 0;
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px){

	.hero-image-box-gold{
		margin-top: 40px;
	}

	.about-us-item-header-gold{
		margin-bottom: 15px;
	}

	.about-us-item-header-gold .icon-box,
	.about-counter-item-gold .icon-box{
		margin-right: 15px;
	}

	.about-us-item-title-gold,
	.about-counter-item-content-gold{
		width: calc(100% - 65px);
	}

	.about-us-item-title-gold h3{
		font-size: 18px;
	}

	.about-us-item-body-gold{
		padding: 15px;
	}

	.about-counter-item-gold{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.about-counter-item-content-gold h2{
		font-size: 32px;
	}

	.about-client-rating-body-gold{
		padding-top: 15px;
		margin-top: 15px;
	}

	.about-client-rating-btn-gold{
		margin-top: 15px;
	}

	.service-item-content-gold h3{
		font-size: 18px;
	}

	.service-item-content-gold p{
		margin: 5px 0 0;
	}

	.our-service-footer-list-gold ul{
        gap: 10px 15px;
    }

	.why-choose-images-gold::before,
	.why-choose-image-1-gold::before,
	.why-choose-image-1-gold::after,
	.why-choose-counter-box-gold::before,
	.why-choose-counter-box-gold::after{
		display: none;
	}

	.why-choose-image-1-gold{
		position: initial;
	}
	.why-choose-image-1-gold figure{
		border: none;
	}

	.why-choose-image-1-gold figure img{
		max-width: 100%;
	}

	.why-choose-image-2-gold{
		padding-left: 0;
		margin-top: 20px;
	}

	.why-choose-counter-box-gold{
		position: initial;
		max-width: 100%;
		border: none;
		margin-top: 20px;
	}

	.why-choose-counter-body-gold{
		padding: 20px;
	}

	.why-choose-counter-content-gold h2{
		font-size: 32px;
	}

	.why-choose-item-list-gold{
		gap: 20px;
	}

	.why-choose-item-gold{
		width: 100%;
	}

	.why-choose-item-content-gold h3{
		font-size: 18px;
	}

	.why-choose-progress-list-gold{
		padding-top: 20px;
		margin-top: 20px;
	}

	.skills-progress-bar-gold{
		margin-bottom: 20px;
	}

	.skills-progress-bar-gold .skill-data-gold{
		margin-bottom: 15px;
	}

	.skills-progress-bar-gold .skill-data-gold .skill-title-gold,
	.skills-progress-bar-gold .skill-data-gold .skill-no-gold{
		font-size: 18px;
	}

	.why-choose-footer-gold{
		gap: 20px;
	}

	.why-choose-author-content-gold h3{
		font-size: 18px;
	}

	.our-story-content-gold{
		margin-bottom: 30px;
	}

	.what-we-image-box-1-gold{
		margin-bottom: 50px;
	}

	.what-we-image-box-1-gold .get-in-touch-circle-gold a img{
		max-width: 80px;
	}

	.what-we-image-2-gold figure{
		margin-left: -60px;
	}

	.what-we-item-content-gold h3{
		font-size: 18px;
	}

	.what-we-counter-list-gold{
		gap: 40px;
	}

	.what-we-counter-item-gold{
		width: calc(50% - 20px);
	}

	.what-we-counter-item-gold::before{
		right: -20px;
	}

	.what-we-counter-item-gold:last-child:before,
	.what-we-counter-item-gold:nth-child(2n + 2):before{
		display: none;
	}

	.what-we-counter-item-gold h3{
		font-size: 28px;
	}

	.pricing-item-header-box-gold{
		margin-bottom: 20px;
	}

	.pricing-item-title-gold h3{
		font-size: 18px;
	}

	.pricing-item-price-gold{
		padding-top: 15px;
		margin-top: 15px;
	}
	
	.pricing-item-price-gold h2{
		font-size: 26px;
	}
	
	.pricing-item-price-gold h2 sub{
		font-size: 14px;
	}

	.pricing-item-btn-gold{
		margin-bottom: 20px;
	}
	
	.pricing-item-list-gold h3{
		font-size: 18px;
	}

	.pricing-item-list-gold ul li{
		margin-bottom: 10px;
	}

	.pricing-benefit-list-gold ul{
		gap: 10px 15px;
	}

	.pricing-benefit-list-gold ul li{
		font-size: 14px;
	}

	.pricing-benefit-list-gold ul li img{
		max-width: 16px;
		margin-right: 5px;
	}

	.how-works-item-gold{
		gap: 20px;
		padding: 20px;
	}

	.how-works-item-no-gold h2{
		font-size: 26px;
	}

	.how-works-item-content-gold{
		padding-top: 20px;
	}

	.how-works-item-content-gold h3{
		font-size: 18px;
	}

	.how-works-item-content-gold p{
		margin: 5px 0 0;
	}

	.team-item-header-gold{
		padding: 0 20px 20px;
	}

	.team-item-image-gold{
		margin-bottom: 20px;
	}

	.team-item-content-gold h2{
		font-size: 18px;
	}

	.faqs-footer-gold{
		gap: 20px;
	}

	.faqs-contact-item-content-gold h3{
		font-size: 18px;
	}

	.faq-accordion-gold .accordion-header .accordion-button{
		padding: 12px 40px 12px 15px;
	}

	.faq-accordion-gold .accordion-item-gold .accordion-body{
		padding: 12px;
	}

	.testimonial-author-content-gold h3{
		font-size: 18px;
	}

	.footer-newsletter-box-gold,
	.footer-links-box-gold{
		width: 100%;
	}

	.footer-links-gold{
		max-width: 100%;
	}

	.footer-links-gold h3{
		font-size: 18px;
	}

	.footer-links-gold ul li{
		margin-bottom: 10px;
	}

	.footer-newsletter-box-gold h3{
		font-size: 18px;
		margin-bottom: 10px;
	}

	.footer-copyright-gold{
		gap: 10px;
		flex-direction: column-reverse;
		padding: 15px 0;
	}

	.footer-privacy-policy-gold ul{
		gap: 10px 20px;
	}

	.footer-privacy-policy-gold ul li::before{
		width: 4px;
		height: 4px;
		right: -12px;
	}
}

/************************************/
/***   35. Home - Version 3 css   ***/
/************************************/

.hero-metal{
	position: relative;
	padding: 230px 0 120px;
	margin: 20px auto;
}
.hero-metal::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/hero-bg-metal.png') no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}

.hero-metal .container{
	position: relative;
	z-index: 2;
}

.hero-image-box-metal{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.hero-image-box-1-metal{
	position: relative;
	width: calc(33.33% - 15px);
}

.hero-image-box-2-metal{
	width: calc(66.66% - 15px);
}

.hero-image-metal figure{
	display: block;
	border-radius: 12px;
}

.hero-image-metal figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.hero-image-box-1-metal .hero-image-metal figure img{
	aspect-ratio: 1 / 1.095;
}

.hero-image-box-2-metal .hero-image-metal figure img{
	aspect-ratio: 1 / 0.539;
}

.hero-image-box-1-metal .get-in-touch-circle-metal{
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translate(50%, -50%);
	z-index: 2;
}

.get-in-touch-circle-metal a{
	display: inline-block;
	border-radius: 50%;
}

.get-in-touch-circle-metal a img{
	width: 100%;
	max-width: 250px;
	border-radius: 50%;
	animation: infiniterotatemetal 20s infinite linear;
}

.get-in-touch-circle-metal a img:hover{
	animation-play-state: paused;
}

@keyframes infiniterotatemetal{
	from{
		transform: rotate(0deg);
    }
    to{
		transform: rotate(360deg);
    }
}

.hero-company-slider-box-metal{
	padding: 30px 0;
}

.hero-company-slider-body-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.hero-company-slider-content-metal{
	max-width: 275px;
	border-right: 1px solid var(--divider-color);
	padding-right: 40px;
	margin-right: 40px;
}

.hero-company-slider-content-metal h3{
	font-size: 20px;
	line-height: normal;
}

.hero-company-slider-metal{
	width: calc(100% - 315px);
    text-align: center;
}

.hero-company-slider-metal img{
	max-width: 164px;
    height: 40px;
}

.about-us-metal{
	padding: 100px 0;
}

.about-us-image-box-metal{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 15px;
}

.about-image-box-1-metal{
	width: 50%;
}

.about-us-image-metal figure{
	display: block;
	border-radius: 12px;
}

.about-us-image-metal figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.about-image-box-1-metal.about-us-image-metal figure{
	margin-right: -210px;
}

.about-image-box-1-metal.about-us-image-metal figure img{
	aspect-ratio: 1 / 1.25;
}

.about-image-box-2-metal{
	width: 50%;
	border: 2px solid var(--accent-color);
	border-radius: 12px;
	padding: 10px;
	z-index: 1;
}

.about-image-box-2-metal .about-us-image-metal{
	margin-bottom: 20px;
}

.about-image-box-2-metal .about-us-image-metal figure img{
	aspect-ratio: 1 / 1.034;
}

.about-year-counter-box-metal{
	background-color: var(--accent-color);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 20px 45px;
}

.about-year-counter-title-metal{
	width: 110px;
}

.about-year-counter-title-metal h2{
	font-size: 70px;
}

.about-year-counter-content-metal{
	width: calc(100% - 130PX);
}

.about-year-counter-content-metal p{
	color: var(--primary-color);
	margin-bottom: 0;
}

.about-us-body-metal{
	background-color: var(--secondary-color);
	border-top: 4px solid var(--accent-color);
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 40px;
}

.about-body-item-metal{
	width: calc(50% - 15px);
}

.about-body-item-metal .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	overflow: hidden;
}

.about-body-item-metal .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.about-body-item-metal:hover .icon-box::before{
	transform: scale(1);
}

.about-body-item-metal .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
}

.about-body-item-metal:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.about-body-item-content-metal h3{
	font-size: 20px;
}

.about-body-item-content-metal p{
	margin: 5px 0 0;
}

.about-us-btn-metal{
	margin-top: 40px;
}

.our-services-metal{
	background-image: url('../images/section-bg-1.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 100px 0;
}

.service-item-metal{
	background-color: var(--white-color);
	border-radius: 12px;
	padding: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.service-item-header-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
}

.service-item-header-metal .icon-box{
	position: relative;
	width: 40px;
	height: 40px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.service-item-header-metal .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.service-item-metal:hover .service-item-header-metal .icon-box::before{
	transform: scale(1);
}

.service-item-header-metal .icon-box img{
	position: relative;
	width: 100%;
	max-width: 20px;
	transition: all 0.4s ease-in-out;
}

.service-item-metal:hover .service-item-header-metal .icon-box img{
	filter: brightness(0) invert(1);
}

.service-item-title-metal{
	width: calc(100% - 55px);
}

.service-item-title-metal h2{
	font-size: 20px;
}

.service-item-title-metal h2 a{
	color: inherit;
}

.service-item-image-metal{
	margin-bottom: 30px;
}

.service-item-image-metal a,
.service-item-image-metal a figure{
	cursor: none;
	display: block;
	border-radius: 12px;
}

.service-item-image-metal a figure img{
	width: 100%;
	aspect-ratio: 1 / 0.703;
	object-fit: cover;
	border-radius: 12px;
	transition: all 0.6s ease-in-out;
}

.service-item-metal:hover .service-item-image-metal a figure img{
	transform: scale(1.06);
}

.service-item-content-metal p{
	margin-bottom: 0;
}

.service-item-btn-metal{
	border-top: 1px solid var(--divider-color);
	margin-top: 30px;
	padding-top: 30px;
}

.why-choose-us-metal{
	padding: 100px 0;
}

.why-choose-body-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;
	margin-bottom: 40px;
}

.why-choose-body-metal .get-in-touch-circle-metal img{
	max-width: 120px;
	animation: infiniterotatemetal 20s infinite linear;
}

.why-choose-body-content-metal{
	width: calc(100% - 160px);
}

.why-choose-body-content-metal p{
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 0;
}

.why-choose-list-metal ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.why-choose-list-metal ul li{
	width: calc(50% - 10px);
	position: relative;
	line-height: 1.5em;
	padding-left: 25px;
}

.why-choose-list-metal ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: var(--accent-color);
    top: 0;
    left: 0;
}

.why-choose-btn-metal{
	margin-top: 40px;
}

.why-choose-images-metal{
	margin-left: 40px;
}

.why-choose-image-metal figure{
	display: block;
	border-radius: 12px;
}

.why-choose-image-metal figure img{
	width: 100%;
	aspect-ratio: 1 / 0.442;
	object-fit: cover;
	border-radius: 12px;
}

.why-choose-image-box-metal{
	position: relative;
	margin-top: 30px;
	padding: 10px;
}

.why-choose-image-box-metal .why-choose-image-metal{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.why-choose-image-box-metal .why-choose-image-metal figure{
	width: 100%;
	height: 100%;
}
.why-choose-image-box-metal .why-choose-image-metal figure img{
	width: 100%;
	height: 100%;
}

.why-choose-client-box-metal{
	position: relative;
	max-width: 240px;
	height: 100%;
	background-color: var(--accent-color);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	gap: 30px;
	padding: 30px;
	z-index: 1;
}

.why-choose-client-box-metal .satisfy-client-images{
	margin: 0 auto;
}

.why-choose-client-content-metal h2{
	font-size: 52px;
}

.why-choose-client-content-metal p{
	color: var(--primary-color);
	margin-bottom: 0;
}

.our-core-value-metal{
	position: relative;
	padding: 100px 0 400px;
}

.our-core-value-metal::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/our-core-value-bg-metal.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.our-core-value-metal .container{
	position: relative;
	z-index: 2;
}

.core-value-counter-list-metal{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.core-value-counter-item-metal{
	width: calc(50% - 15px);
	border: 1px solid var(--dark-divider-color);
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	padding: 30px 20px;
	transition: all 0.4s ease-in-out;
}

.core-value-counter-item-metal:hover{
	border-color: var(--accent-color);
}

.core-value-counter-item-metal .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.core-value-counter-item-metal .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white-color);
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.core-value-counter-item-metal:hover .icon-box::before{
	transform: scale(1);
}

.core-value-counter-item-metal .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.core-value-counter-item-content{
	width: calc(100% - 65px);
}

.core-value-counter-item-content h3{
	font-size: 30px;
	color: var(--white-color);
}

.core-value-counter-item-content p{
	color: var(--white-color);
	margin: 5px 0 0;
}

.core-value-cta-section-metal{
	position: relative;	
	margin-top: -250px;
	z-index: 1;
}

.core-value-cta-box-metal{
	background: var(--white-color) url('../images/core-value-cta-box-bg-metal.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100% auto;
	border: 1px solid var(--divider-color);
	border-radius: 12px;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: end;
	gap: 30px 100px;
	padding: 0 100px;
}

.core-value-cta-content-metal{
	width: calc(100% - 550px);
	padding: 100px 0;
}

.core-value-cta-footer-metal{
	display: flex;
	align-items: center;
	gap: 15px;
}

.core-value-cta-footer-metal .satisfy-client-image img{
	max-width: 40px;
}

.core-value-cta-footer-metal .satisfy-client-image.add-more{
	width: 42px;
	height: 42px;
}

.core-value-cta-footer-content-metal p{
	max-width: 190px;
	margin-bottom: 0;
	display: inline-block;
}

.core-value-cta-footer-content-metal p span{
	color: var(--primary-color);
	font-weight: 500;
	display: inline-block;
}

.core-value-cta-image-metal{
	width: 100%;
	height: 100%;
	max-width: 450px;
	height: 100%;
	background-image: url('../images/core-value-cta-box-image-bg-metal.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	align-content: end;
	margin: -70px 0 0;
	padding: 0 20px;
}

.core-value-cta-image-metal img{
	width: 100%;
	aspect-ratio: 1 / 1.393;
	object-fit: cover;
	border-radius: 12px;
}

.our-team-metal{
	background-image: url('../images/our-team-bg-metal.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 100px 0;
}

.team-item-metal{
	background-color: var(--white-color);
	border-radius: 12px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 10px;
}

.team-item-image-metal{
	position: relative;
}

.team-item-image-metal a{
	display: block;
	cursor: none;
	border-radius: 10px;
	overflow: hidden;
}

.team-item-image-metal a figure{
	display: block;
}

.team-item-image-metal a figure img{
	width: 100%;
	aspect-ratio: 1 / 0.985;
	object-fit: cover;
	transition: all 0.4s ease-in-out;
}

.team-item-metal:hover .team-item-image-metal a figure img{
	transform: scale(1.1);
}

.team-social-list-metal{
	position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
	opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.team-item-metal:hover .team-social-list-metal{
    opacity: 1;
    visibility: visible;
	transform: translateY(0);
}

.team-social-list-metal ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.team-social-list-metal ul li a{
	background: var(--white-color);
	width: 36px;
	height: 36px;
	color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.team-social-list-metal ul li:hover a{
	background: var(--accent-color);
	color: var(--primary-color);
}

.team-social-list-metal ul li a i{
    font-size: 18px;
    color: inherit;
}

.team-item-content-metal{
	text-align: center;
	padding: 30px 20px 20px;
}

.team-item-content-metal h2{
	font-size: 20px;
}

.team-item-content-metal h2 a{
	color: inherit;
}

.team-item-content-metal p{
	margin: 5px 0 0 0;
}

.our-promise-metal{
	padding: 100px 0;
}

.our-promise-image-metal figure{
	display: block;
	border-radius: 12px;
}

.our-promise-image-metal figure img{
	width: 100%;
	aspect-ratio: 1 / 0.444;
	object-fit: cover;
	border-radius: 12px;
}

.our-promise-body-metal{
	position: relative;
	margin-left: 5.208vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 100px;
	z-index: 1;
}

.our-promise-impact-box-metal{
	max-width: 510px;
	margin-top: -13.542vw;
	background-color: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 12px;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
	padding: 40px;
}

.our-promise-content-metal{
	margin-bottom: 3.646vw;
}

.our-promise-content-metal h3{
	font-size: 20px;
}

.our-promise-content-metal p{
	margin: 5px 0 0;
}

.our-promise-impact-box-image-metal figure{
	display: block;
	border-radius: 12px;
}

.our-promise-impact-box-image-metal figure img{
	width: 100%;
	aspect-ratio: 1 / 0.528;
	object-fit: cover;
	border-radius: 12px;
}

.our-promise-counter-list-metal{
	width: calc(100% - 610px);
	display: flex;
	flex-wrap: wrap;
	gap: 80px;
}

.our-promise-counter-item-metal{
	position: relative;
	width: calc(33.33% - 53.33px);
}

.our-promise-counter-item-metal::before{
	content: '';
	position: absolute;
	top: 0;
	right: -40px;
	width: 1px;
	height: 100%;
	background: var(--divider-color);
}

.our-promise-counter-item-metal:nth-child(3n + 3):before{
	display: none;
}

.our-promise-counter-item-metal h2{
	font-size: 60px;
	font-weight: 700;
	color: var(--accent-color);
}

.our-promise-counter-item-metal p{
	margin: 0;
}

.our-testimonials-metal{
	position: relative;
	padding: 100px 0;
}

.our-testimonials-metal::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/our-testimonial-bg-metal.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}

.our-testimonials-metal .container{
	position: relative;
	z-index: 2;
}

.testimonial-image-box-metal{
	position: relative;
}

.testimonial-image-metal figure{
	display: block;
	border-radius: 12px;
}

.testimonial-image-metal img{
	width: 100%;
	aspect-ratio: 1 / 0.841;
	object-fit: cover;
	border-radius: 12px;
}

.testimonial-cta-box-metal{
	position: absolute;
	left: 30px;
	bottom: 30px;
	max-width: 230px;
	background-color: var(--divider-color);
	border-radius: 12px;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	padding: 30px;
	text-align: center;
	z-index: 1;
}

.testimonial-review-content-metal{
	margin-bottom: 40px;
}

.testimonial-review-content-metal h2{
	font-size: 52px;
	color: var(--white-color);
}

.testimonial-review-content-metal p{
	color: var(--white-color);
	margin: 0;
}

.testimonial-rating-content-metal ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.testimonial-rating-content-metal ul li{
	line-height: 1.5em;
	color: var(--white-color);
	margin-bottom: 10px;
}

.testimonial-rating-content-metal ul li:last-child{
	margin-bottom: 0;
}

.testimonial-rating-content-metal ul li i{
	color: var(--accent-color);
}

.testimonial-slider-metal{
	margin-left: 15px;
}

.testimonial-slider-metal .swiper .swiper-wrapper{
	cursor: none;
}

.testimonial-item-metal{
	position: relative;
	min-height: 390px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}

.testimonial-item-metal::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	background: var(--dark-divider-color);
	width: 1px;
	height: 100%;
}

.testimonial-company-logo-metal{
	margin-bottom: 30px;
}

.testimonial-company-logo-metal img{
	width: 100%;
	max-width: 150px;
}

.testimonial-item-rating-metal i{
	color: var(--accent-color);
}

.testimonial-item-content-metal{
	margin: 20px 0 0;
}

.testimonial-item-content-metal p{
	font-weight: 600;
	color: var(--white-color);
	margin: 0;
}

.testimonial-item-footer-metal{
	border-top: 1px solid var(--dark-divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 40px;
}

.testimonial-author-content-metal{
	width: calc(100% - 60px);
}

.testimonial-author-content-metal h3{
	font-size: 20px;
	color: var(--white-color);
}

.testimonial-author-content-metal p{
	color: var(--white-color);
	margin: 5px 0 0;
}

.testimonial-item-quote-metal{
	width: 40px;
	height: 40px;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-item-quote-metal img{
	width: 100%;
	max-width: 24px;
}

.main-footer-metal{
	position: relative;
	padding: 100px 0 0;
	margin-bottom: 20px;
}

.main-footer-metal::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/footer-bg-metal.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}

.main-footer-metal .container{
	position: relative;
	z-index: 2;
}

.footer-header-metal{
	border-bottom: 1px solid var(--dark-divider-color);
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.footer-header-metal .section-title{
	max-width: 900px;
	margin-bottom: 0;
}

.footer-header-metal .contact-us-circle{
	text-align: right;
}

.footer-header-metal .contact-us-circle a img{
	max-width: 130px;
}

.footer-header-metal .contact-us-circle a img:hover{
	animation-play-state: paused;
}

.about-footer-metal{
	max-width: 360px;
}

.footer-logo-metal{
	margin-bottom: 30px;
}

.footer-logo-metal img{
	width: 100%;
	max-width: 147px;
}

.about-footer-content-metal p{
	color: var(--white-color);
	margin: 0;
}

.footer-links-box-metal{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: space-between;
	margin-left: 4.167vw;
}

.footer-links-metal{
    max-width: 40%;
}

.footer-links-metal h3{
	color: var(--white-color);
	font-size: 20px;
	margin-bottom: 30px;
}

.footer-links-metal ul{
    list-style: disc;
    margin: 0;
    padding-left: 20px;
}

.footer-links-metal ul li{
    color: var(--white-color);
	line-height: 1.6em;
	margin-bottom: 15px;
}

.footer-links-metal ul li:last-child{
	margin-bottom: 0;
}

.footer-links-metal ul li::marker{
    color: var(--accent-color);
	transition: all 0.3s ease-in-out;
}

.footer-links-metal ul li:hover::marker{
	color: var(--white-color);
}

.footer-links-metal ul li a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-links-metal ul li a:hover{
    color: var(--accent-color);
}

.footer-newsletter-form-metal{
	max-width: 36%;
}

.footer-newsletter-form-metal .form-group{
	width: 100%;
	display: flex;
	background: var(--dark-divider-color);
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 20px;
}

.footer-newsletter-form-metal .form-group .form-control{
	width: calc(100% - 40px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2em;
	color: var(--white-color);
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	padding: 6px 14px;
}

.footer-newsletter-form-metal .form-group .form-control::placeholder{
	color: var(--white-color);
	opacity: 50%;
}

.footer-newsletter-form-metal .form-group .newsletter-btn{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--accent-color);
	border: none;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}

.footer-newsletter-form-metal .form-group .newsletter-btn:hover{
	background-color: var(--white-color);
}

.footer-newsletter-form-metal .form-group .newsletter-btn i{
	font-size: 18px;
}

.footer-newsletter-form-metal p{
	color: var(--white-color);
	margin: 0;
}

.footer-copyright-metal{	
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 60px;
	padding: 60px 0;
}

.footer-copyright-content{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.footer-copyright-text-metal p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-social-links-metal ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-social-links-metal ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
	background-color: var(--white-color);
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.footer-social-links-metal ul li:hover a{
	background: var(--accent-color);
}

.footer-social-links-metal ul li i{
    font-size: 18px;
    color: var(--accent-color);
    transition: all 0.3s ease-in-out;
}

.footer-social-links-metal ul li:hover a i{
    color: var(--primary-color);
}

@media only screen and (max-width: 1440px){

	.about-year-counter-box-metal{
		padding: 20px;
	}

	.why-choose-list-metal ul{
		gap: 20px;
	}

	.core-value-counter-item-metal{
		padding: 20px 15px;
	}

	.core-value-cta-content-metal{
		padding: 50px 0;
	}

	.our-promise-body-metal{
		gap: 30px;
		margin-left: 30px;
	}

	.our-promise-counter-list-metal{
		width: calc(100% - 540px);
	}
}

@media only screen and (max-width: 1024px){
	
	.get-in-touch-circle-metal a img{
		max-width: 150px;
	}

	.hero-company-slider-box-metal{
		padding: 20px 0;
	}

	.hero-company-slider-content-metal{
        max-width: 240px;
        padding-right: 20px;
        margin-right: 20px;
    }

	.hero-company-slider-metal{
		width: calc(100% - 270px);
	}

	.hero-company-slider-metal img{
		max-width: 144px;
	}

	.about-us-image-box-metal{
		max-width: 700px;
		margin: 0 auto 30px;
	}

	.why-choose-content-metal{
		margin-bottom: 30px;
	}

	.why-choose-images-metal{
		margin: 0;
	}

	.our-core-value-content-metal{
		margin-bottom: 30px;
	}

	.core-value-cta-box-metal{
		margin: 0 20px;
		gap: 30px;
		padding: 0 15px;
	}

	.core-value-cta-content-metal{
		width: calc(100% - 480px);
	}

	.our-promise-impact-box-metal{
		max-width: 350px;
		padding: 20px;
	}

	.our-promise-counter-list-metal{
		width: calc(100% - 380px);
		gap: 30px;
	}

	.our-promise-counter-item-metal{
		width: calc(33.33% - 20px);
	}

	.our-promise-counter-item-metal::before{
		right: -15px;
	}

	.testimonial-image-box-metal{
		margin-bottom: 30px;	
	}

	.about-footer-metal{
		max-width: 100%;
		width: 100%;
		margin-bottom: 30px;
	}

	.footer-links-box-metal{
		margin-left: 0;
	}
}

@media only screen and (max-width: 991px){
	
	.hero-metal{
		margin-top: 0;
	}

	.hero-metal{
		padding: 140px 0 50px;
		margin-bottom: 0;
	}

	.hero-image-box-metal{
		gap: 20px;
	}

	.hero-image-box-1-metal{
		width: calc(33.33% - 10px);
	}

	.hero-image-box-1-metal .get-in-touch-circle-metal{
		right: -10px;
	}

	.get-in-touch-circle-metal a img{
		max-width: 120px;
	}

	.hero-image-box-2-metal{
		width: calc(66.66% - 10px);
	}

	.hero-company-slider-content-metal{
		max-width: 220px;
	}

	.hero-company-slider-content-metal h3{
		font-size: 18px;
	}

	.hero-company-slider-metal{
		width: calc(100% - 240px);
	}

	.about-us-metal{
		padding: 50px 0;
	}

	.about-year-counter-title-metal{
		width: auto;
	}

	.about-year-counter-title-metal h2{
		font-size: 58px;
	}

	.about-us-body-metal{
		padding: 30px;
	}

	.about-body-item-metal .icon-box{
		margin-bottom: 20px;
	}

	.about-us-btn-metal{
		margin-top: 30px;
	}

	.our-services-metal{
		padding: 50px 0;
	}

	.service-item-metal{
		padding: 20px;
	}

	.service-item-header-metal,
	.service-item-image-metal{
		margin-bottom: 20px;
	}

	.service-item-btn-metal{
		padding-top: 20px;
		margin-top: 20px;
	}

	.why-choose-us-metal{
		padding: 50px 0;
	}

	.why-choose-body-metal{
		gap: 20px;
		margin-bottom: 30px;
	}

	.why-choose-body-metal .get-in-touch-circle-metal img{
		max-width: 100px;
	}

	.why-choose-body-content-metal{
		width: calc(100% - 120px);
	}

	.why-choose-list-metal ul li::before{
		font-size: 16px;
	}

	.why-choose-btn-metal{
		margin-top: 30px;
	}

	.why-choose-client-box-metal{
		padding: 20px;
		gap: 20px;
	}

	.why-choose-client-content-metal h2{
		font-size: 40px;
	}

	.our-core-value-metal{
		padding: 50px 0 300px;
	}

	.core-value-counter-item-content h3{
		font-size: 26px;
	}

	.core-value-cta-box-metal{
		margin: 0;
		padding: 30px 15px 0;
	}

	.core-value-cta-content-metal{
		width: 100%;
	}

	.core-value-cta-content-metal{
		padding: 0px;
	}

	.core-value-cta-image-metal{
		max-width: 350px;
		margin: 0;
	}

	.our-team-metal{
		padding: 50px 0;
	}

	.team-item-content-metal{
		padding: 20px 10px 10px;
	}

	.team-item-content-metal h2{
		font-size: 18px;
	}

	.our-promise-metal{
		padding: 50px 0;
	}

	.our-promise-body-metal{
		margin: 30px 0 0 0;
	}

	.our-promise-impact-box-metal{
		margin-top: 0;
	}

	.our-promise-content-metal{
		margin-bottom: 30px;
	}

	.our-promise-content-metal h3{
		font-size: 18px;
	}

	.our-promise-counter-item-metal{
		width: calc(50% - 15px);
	}

	.our-promise-counter-item-metal:nth-child(2n + 2):before{
		display: none;
	}

	.our-promise-counter-item-metal h2{
		font-size: 44px;
	}

	.our-testimonials-metal{
		padding: 50px 0;
	}

	.testimonial-cta-box-metal{
		left: 20px;
		bottom: 20px;
		padding: 20px;
	}

	.testimonial-review-content-metal{
		margin-bottom: 20px;
	}

	.testimonial-review-content-metal h2{
		font-size: 40px;
	}

	.testimonial-item-metal{
		min-height: auto;
	}

	.testimonial-company-logo-metal{
		margin-bottom: 20px;
	}

	.testimonial-item-footer-metal{
		padding-top: 30px;
	}

	.main-footer-metal{
		padding: 50px 0 0;
		margin-bottom: 0;
	}

	.footer-header-metal{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.footer-header-metal .section-title{
		width: calc(100% - 110px);
	}

	.footer-header-metal .contact-us-circle a img{
		max-width: 100px;
	}

	.footer-logo-metal{
		margin-bottom: 20px;
	}

	.footer-links-box-metal{
		gap: 30px;
	}

	.footer-newsletter-form-metal{
		max-width: 40%;
	}

	.footer-links-metal h3{
		margin-bottom: 20px;
	}

	.footer-links-metal ul li{
		margin-bottom: 10px;
	}

	.footer-newsletter-form-metal .form-group{
		padding: 6px;
	}

	.footer-copyright-metal{
		padding: 30px 0;
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px){

	.hero-image-box-1-metal,
	.hero-image-box-2-metal{
		width: 100%;
	}

	.hero-image-box-1-metal .hero-image-metal figure img,
	.hero-image-box-2-metal .hero-image-metal figure img{
		aspect-ratio: 1 / 0.8;
	}

	.hero-image-box-1-metal .get-in-touch-circle-metal{
		right: 50%;
		top: auto;
		bottom: -10px;
		transform: translate(50%, 50%);
	}

	.get-in-touch-circle-metal a img{
		max-width: 100px;
	}

	.hero-company-slider-box-metal{
		padding: 15px 0;
	}

	.hero-company-slider-content-metal{
		max-width: 100%;
		border: none;
		padding-right: 0;
		margin: 0 auto 15px;
	}

	.hero-company-slider-metal{
		width: 100%;
	}

	.about-us-image-box-metal{
		gap: 30px;
	}

	.about-image-box-1-metal{
		width: 100%;
	}

	.about-image-box-1-metal.about-us-image-metal figure{
		margin-right: 0;
	}

	.about-image-box-2-metal{
		width: 100%;
	}

	.about-year-counter-title-metal h2{
		font-size: 46px;
	}

	.about-us-body-metal{
		padding: 20px;
	}

	.about-body-item-metal{
		width: 100%;
	}

	.about-body-item-content-metal h3{
		font-size: 18px;
	}

	.service-item-title-metal h2{
		font-size: 18px;
	}

	.why-choose-body-metal .get-in-touch-circle-metal img{
		max-width: 80px;
	}

	.why-choose-body-content-metal{
		width: calc(100% - 100px);
	}

	.why-choose-body-content-metal p{
		font-size: 14px;
	}

	.why-choose-list-metal ul{
		gap: 10px;
	}

	.why-choose-list-metal ul li{
		width: 100%;
	}

	.why-choose-image-metal figure img{
		aspect-ratio: 1 / 0.7;
	}

	.why-choose-image-box-metal{
		padding: 0;
	}

	.why-choose-image-box-metal .why-choose-image-metal{
		position: initial;
		height: auto;
		margin-bottom: 30px;
	}

	.why-choose-image-box-metal .why-choose-image-metal figure,
	.why-choose-image-box-metal .why-choose-image-metal figure img{
		height: auto;
	}

	.why-choose-client-box-metal{
		max-width: 100%;
	}

	.why-choose-client-content-metal h2{
		font-size: 26px;
	}

	.core-value-counter-list-metal{
		gap: 20px;
	}

	.core-value-counter-item-metal{
		width: 100%;
	}

	.core-value-counter-item-content h3{
		font-size: 22px;
	}

	.our-promise-image-metal figure img{
		aspect-ratio: 1 / 0.7;
	}

	.our-promise-body-metal{
		margin: 30px 0 0;
	}

	.our-promise-impact-box-metal{
		max-width: 100%;
		padding: 20px;
	}

	.our-promise-content-metal{
		margin-bottom: 30px;
	}

	.our-promise-counter-list-metal{
		width: 100%;
		margin-bottom: 0;
	}

	.our-promise-counter-item-metal h2{
		font-size: 28px;
	}

	.testimonial-cta-box-metal{
		left: 10px;
		bottom: 10px;
		padding: 10px;
	}

	.testimonial-review-content-metal{
		margin-bottom: 10px;
	}

	.testimonial-review-content-metal h2{
		font-size: 26px;
	}

	.testimonial-rating-content-metal ul li{
		margin-bottom: 5px;
	}

	.testimonial-item-metal::before{
		display: none;
	}

	.testimonial-author-content-metal h3{
		font-size: 18px;
	}

	.footer-header-metal .section-title{
        width: 100%;
    }

	.footer-header-metal .contact-us-circle{
		display: none;
	}

	.footer-links-metal{
		max-width: 100%;
	}

	.footer-links-metal h3{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-copyright-metal{
		padding: 15px 0;
	}

	.footer-copyright-content{
		flex-direction: column-reverse;
	}
}

		.navbar-brand{
			display: inline-flex !important;
			align-items: center;
			justify-content: flex-start;
			flex: 0 0 auto;
			width: auto !important;
			max-width: 190px;
			min-height: 50px;
			padding: 0 !important;
			margin: 0 !important;
			line-height: 1;
			overflow: visible;
		}

		.navbar-brand img{
			display: block !important;
			width: auto !important;
			height: 50px !important;
			max-width: 190px !important;
			max-height: 50px !important;
			object-fit: contain !important;
			object-position: left center;
			flex: 0 0 auto;
		}

		/* =========================================================
		   EVO FIX: CLIENT LOGO SLIDER
		   No forced width/height ratio; logos keep natural shape.
		   ========================================================= */
		.hero-company-slider-box .swiper-slide{
			display: flex;
			align-items: center;
			justify-content: center;
			height: auto;
		}

		.hero-company-slider-box .company-logo{
			width: 100%;
			height: 72px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 6px 12px;
			box-sizing: border-box;
		}

		.hero-company-slider-box .company-logo img,
		.hero-company-slider-box .hero-company-slider img{
			display: block !important;
			width: auto !important;
			height: auto !important;
			max-width: 175px !important;
			max-height: 58px !important;
			object-fit: contain !important;
			object-position: center center;
			margin: 0 auto;
		}

		.hero-company-slider-box .swiper-wrapper{
			align-items: center;
		}

		@media only screen and (max-width: 991px){
			.navbar-brand{
				max-width: 165px;
				min-height: 44px;
			}

			.navbar-brand img{
				height: 44px !important;
				max-width: 165px !important;
				max-height: 44px !important;
			}

			.hero-company-slider-box .company-logo{
				height: 64px;
				padding: 5px 10px;
			}

			.hero-company-slider-box .company-logo img,
			.hero-company-slider-box .hero-company-slider img{
				max-width: 145px !important;
				max-height: 50px !important;
			}
		}

		@media only screen and (max-width: 767px){
			.navbar-brand{
				max-width: 145px;
				min-height: 40px;
			}

			.navbar-brand img{
				height: 40px !important;
				max-width: 145px !important;
				max-height: 40px !important;
			}

			.hero-company-slider-box .company-logo{
				height: 58px;
				padding: 4px 8px;
			}

			.hero-company-slider-box .company-logo img,
			.hero-company-slider-box .hero-company-slider img{
				max-width: 125px !important;
				max-height: 46px !important;
			}
		}

/* =========================================================
   EVO HOMEPAGE CONTENT FIT — sections 2–7
   ========================================================= */
.hero::before{
    background: #303438;
    opacity: 0.62;
}

.coating-layer-list .service-item{
    height: 100%;
}

.coating-layer-list .layer-number{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 28px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
}

.coating-layer-list .service-item.active .layer-number{
    background: var(--white-color);
}

.coating-layer-list .services-item-content h2{
    min-height: 3.1em;
}

.evo-process-images .why-choose-image img{
    width: 100%;
    object-fit: cover;
}

.evo-process-images .why-choose-image-box-1 .why-choose-image img{
    min-height: 570px;
}

.evo-process-images .why-choose-image-box-2 .why-choose-image img{
    min-height: 255px;
}

.applications-section{
    position: relative;
    padding: 120px 0;
    background:
        linear-gradient(rgba(28, 31, 34, 0.88), rgba(28, 31, 34, 0.88)),
        url('../images/Systemy panierowe Evo Geulincx_Strona_01_Obraz_0001.jpg') center center / cover no-repeat;
    overflow: hidden;
}

.applications-section .section-title h2,
.applications-section .section-title p{
    color: var(--white-color);
}

.applications-btn{
    margin-top: 35px;
}

.application-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding-left: 50px;
}

.application-item{
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 92px;
    padding: 20px 22px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    background: rgba(255,255,255,0.07);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.application-item span{
    flex: 0 0 auto;
    color: var(--accent-color);
    font-size: 15px;
    font-weight: 700;
}

.application-item h3{
    margin: 0;
    color: var(--white-color);
    font-size: 19px;
    line-height: 1.3em;
}

.how-it-work-btn{
    margin-top: 45px;
}

.quality-section{
    padding: 120px 0;
}

.quality-image{
    margin-right: 45px;
}

.quality-image figure{
    display: block;
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    background: var(--secondary-color);
}

.quality-image img{
    display: block;
    width: 100%;
    min-height: 470px;
    object-fit: cover;
}

.quality-btns{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 35px;
}

.btn-border-dark{
    background: transparent !important;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-border-dark:hover{
    color: var(--white-color) !important;
}

@media only screen and (max-width: 1199px){
    .application-list{
        padding-left: 0;
        margin-top: 50px;
    }

    .quality-image{
        margin: 0 0 45px 0;
    }

    .evo-process-images .why-choose-image-box-1 .why-choose-image img,
    .evo-process-images .why-choose-image-box-2 .why-choose-image img{
        min-height: auto;
    }
}

@media only screen and (max-width: 767px){
    .applications-section,
    .quality-section{
        padding: 80px 0;
    }

    .application-list{
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .application-item{
        min-height: 76px;
        padding: 16px 18px;
    }

    .quality-image img{
        min-height: 320px;
    }

    .coating-layer-list .services-item-content h2{
        min-height: auto;
    }
}

/* =========================================================
   EVO WOW HOMEPAGE — editorial technology story, sections 02–07
   ========================================================= */
.evo-wow-intro,
.evo-wow-system,
.evo-wow-performance,
.evo-wow-apps,
.evo-wow-process,
.evo-wow-quality{
    position: relative;
}

.evo-wow-intro h2,
.evo-wow-system h2,
.evo-wow-performance h2,
.evo-wow-apps h2,
.evo-wow-process h2,
.evo-wow-quality h2{
    margin: 0;
    font-size: clamp(46px, 5.15vw, 82px);
    line-height: .98em;
    letter-spacing: -0.055em;
    font-weight: 650;
    color: var(--primary-color);
}

.evo-wow-intro h2 em,
.evo-wow-system h2 em,
.evo-wow-performance h2 em,
.evo-wow-apps h2 em,
.evo-wow-process h2 em,
.evo-wow-quality h2 em{
    font-style: normal;
    font-weight: 350;
}

.evo-wow-eyebrow{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
    color: var(--primary-color);
    font-size: 13px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.evo-wow-eyebrow span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--primary-color);
    letter-spacing: 0;
}

.evo-wow-eyebrow-light{
    color: rgba(255,255,255,.72);
}

.evo-wow-link{
    display: inline-flex;
    align-items: center;
    gap: 22px;
    margin-top: 38px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(44,44,44,.3);
    color: var(--primary-color);
    font-size: 17px;
    line-height: 1.2em;
    font-weight: 650;
    transition: all .3s ease;
}

.evo-wow-link span{
    font-size: 23px;
    transition: transform .3s ease;
}

.evo-wow-link:hover{
    color: var(--accent-color);
    border-color: var(--accent-color);
}

.evo-wow-link:hover span{
    transform: translate(4px,4px);
}

.evo-wow-link-light{
    color: #fff;
    border-color: rgba(255,255,255,.35);
}

/* 02 — effect first */
.evo-wow-intro{
    padding: 150px 0 0;
    background: #fff;
    overflow: hidden;
}

.evo-wow-intro-grid{
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
    gap: clamp(50px, 7vw, 110px);
    align-items: center;
}

.evo-wow-intro-copy{
    padding: 30px 0 90px;
}

.evo-wow-intro-copy h2{
    max-width: 900px;
}

.evo-wow-intro-copy .evo-wow-lead{
    margin-top: 42px;
    max-width: 760px;
    color: var(--primary-color);
    font-size: 21px;
    line-height: 1.48em;
    font-weight: 540;
}

.evo-wow-intro-copy p:not(.evo-wow-lead){
    max-width: 720px;
    margin-top: 22px;
    font-size: 17px;
    line-height: 1.65em;
}

.evo-wow-intro-visual{
    position: relative;
    min-height: 680px;
}

.evo-wow-intro-visual figure{
    position: absolute;
    inset: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 2px 2px 80px 2px;
    background: #222;
}

.evo-wow-intro-visual img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.1s cubic-bezier(.2,.7,.2,1);
}

.evo-wow-intro-visual:hover img{
    transform: scale(1.035);
}

.evo-wow-visual-tag{
    position: absolute;
    left: -35px;
    bottom: 38px;
    min-width: 230px;
    padding: 24px 28px;
    background: var(--accent-color);
    color: var(--primary-color);
    box-shadow: 0 22px 60px rgba(0,0,0,.13);
}

.evo-wow-visual-tag small,
.evo-wow-visual-tag strong{
    display: block;
}

.evo-wow-visual-tag small{
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
}

.evo-wow-visual-tag strong{
    font-size: 22px;
    line-height: 1.1em;
}

.evo-wow-visual-index{
    position: absolute;
    right: 20px;
    top: 10px;
    color: rgba(255,255,255,.16);
    font-size: 140px;
    line-height: 1em;
    font-weight: 750;
    letter-spacing: -.08em;
}

.evo-wow-attributes{
    margin-top: 110px;
    border-top: 1px solid rgba(44,44,44,.12);
    border-bottom: 1px solid rgba(44,44,44,.12);
    background: #fbfbf9;
}

.evo-wow-attributes-track{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 112px;
    gap: 20px;
    white-space: nowrap;
    overflow: hidden;
}

.evo-wow-attributes-track span{
    color: var(--primary-color);
    font-size: clamp(16px, 1.35vw, 21px);
    font-weight: 620;
}

.evo-wow-attributes-track i{
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-color);
}

/* 03 — system layers */
.evo-wow-system{
    padding: 145px 0 155px;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 15%, rgba(0,172,168,.16), transparent 28%),
        #232526;
}

.evo-wow-system::before{
    content:"03";
    position:absolute;
    left:-20px;
    bottom:-85px;
    color:rgba(255,255,255,.025);
    font-size:340px;
    line-height:1em;
    font-weight:800;
    letter-spacing:-.09em;
    pointer-events:none;
}

.evo-wow-system h2,
.evo-wow-apps h2,
.evo-wow-quality h2{
    color:#fff;
}

.evo-wow-section-head-grid{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
    gap:70px;
    align-items:end;
}

.evo-wow-section-head-grid p{
    margin: 0 0 7px;
    font-size:18px;
    line-height:1.65em;
}

.evo-wow-system .evo-wow-section-head-grid p{
    color:rgba(255,255,255,.68);
}

.evo-wow-system-grid{
    display:grid;
    grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
    gap:80px;
    align-items:center;
    margin-top:85px;
}

.evo-wow-system-visual{
    position:relative;
}

.evo-wow-system-image{
    position:relative;
    min-height:630px;
    overflow:hidden;
    background:#f4f4f2;
}

.evo-wow-system-image::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(255,255,255,.12);
    pointer-events:none;
}

.evo-wow-system-image img{
    width:100%;
    height:100%;
    min-height:630px;
    object-fit:cover;
}

.evo-wow-system-caption{
    position:absolute;
    right:-25px;
    bottom:28px;
    padding:18px 24px;
    background:var(--accent-color);
    color:#1f2223;
    font-size:13px;
    font-weight:750;
    letter-spacing:.075em;
    text-transform:uppercase;
}

.evo-wow-layer-stack{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.evo-wow-layer{
    position:relative;
    width:100%;
    padding:32px 38px 34px;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.045);
    color:#fff;
    overflow:hidden;
    transition:transform .35s ease, background .35s ease, border-color .35s ease;
}

.evo-wow-layer::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:var(--accent-color);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:transform .35s ease;
}

.evo-wow-layer-1{width:72%;}
.evo-wow-layer-2{width:86%;}
.evo-wow-layer-3{width:100%;}

.evo-wow-layer:hover{
    transform:translateX(12px);
    background:rgba(255,255,255,.08);
    border-color:rgba(0,172,168,.5);
}

.evo-wow-layer:hover::after{
    transform:scaleY(1);
}

.evo-wow-layer-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}

.evo-wow-layer-top span{
    color:var(--accent-color);
    font-size:14px;
    font-weight:750;
}

.evo-wow-layer-top small{
    color:rgba(255,255,255,.38);
    font-size:10px;
    font-weight:650;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.evo-wow-layer h3{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(26px,2.4vw,39px);
    line-height:1.05em;
    font-weight:580;
    letter-spacing:-.035em;
}

.evo-wow-layer p{
    max-width:660px;
    margin:0;
    color:rgba(255,255,255,.62);
    font-size:16px;
    line-height:1.55em;
}

/* 04 — performance rows */
.evo-wow-performance{
    padding:150px 0;
    background:#f8f6ef;
}

.evo-wow-performance-head{
    margin-bottom:75px;
}

.evo-wow-performance-head h2{
    max-width:1100px;
}

.evo-wow-performance-list{
    border-top:1px solid rgba(44,44,44,.18);
}

.evo-wow-performance-row{
    display:grid;
    grid-template-columns:90px minmax(260px,.8fr) minmax(320px,1.05fr) minmax(260px,.65fr);
    gap:34px;
    align-items:center;
    min-height:195px;
    padding:35px 30px 35px 0;
    border-bottom:1px solid rgba(44,44,44,.18);
    transition:background .35s ease, padding .35s ease;
}

.evo-wow-performance-row:hover{
    padding-left:28px;
    background:#fff;
}

.evo-wow-performance-row:hover .evo-wow-performance-tags span {
	background: #fff !important;
	transition:background .35s ease, padding .35s ease;
	color: var(--primary-color) !important;
	border-color: #fff !important;
}

.evo-wow-performance-no{
    color:rgba(44,44,44,.25);
    font-size:18px;
    font-weight:750;
}

.evo-wow-performance-title span{
    display:block;
    margin-bottom:8px;
    color:var(--accent-color);
    font-size:11px;
    font-weight:750;
    letter-spacing:.11em;
}

.evo-wow-performance-title h3{
    margin:0;
    color:var(--primary-color);
    font-size:clamp(28px,2.35vw,40px);
    line-height:1.02em;
    font-weight:600;
    letter-spacing:-.04em;
}

.evo-wow-performance-row > p{
    margin:0;
    font-size:16px;
    line-height:1.62em;
}

.evo-wow-performance-tags{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
}

.evo-wow-performance-tags span{
    padding:9px 12px;
    border:1px solid rgba(44,44,44,.16);
    border-radius:100px;
    color:var(--primary-color);
    background:rgba(255,255,255,.45);
    font-size:11px;
    font-weight:650;
}

.evo-wow-performance-row-accent{
    position:relative;
}

.evo-wow-performance-row-accent::before{
    content:"REALNY KOSZT UŻYCIA";
    position:absolute;
    right:30px;
    top:-12px;
    padding:7px 12px;
    background:var(--primary-color);
    color:#fff;
    font-size:9px;
    font-weight:750;
    letter-spacing:.1em;
}

/* 05 — applications */
.evo-wow-apps{
    padding:150px 0;
    background:
        radial-gradient(circle at 80% 20%, rgba(0,172,168,.2), transparent 32%),
        #202223;
    overflow:hidden;
}

.evo-wow-apps::after{
    content:"APPLICATION";
    position:absolute;
    right:-65px;
    bottom:30px;
    color:rgba(255,255,255,.022);
    font-size:150px;
    font-weight:800;
    letter-spacing:-.06em;
    pointer-events:none;
}

.evo-wow-apps-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);
    gap:90px;
    align-items:start;
}

.evo-wow-apps-copy > p{
    max-width:720px;
    margin:32px 0 0;
    color:rgba(255,255,255,.66);
    font-size:18px;
    line-height:1.65em;
}

.evo-wow-app-list{
    margin-top:55px;
    border-top:1px solid rgba(255,255,255,.15);
}

.evo-wow-app-item{
    appearance:none;
    display:grid;
    grid-template-columns:52px 1fr 40px;
    align-items:center;
    width:100%;
    min-height:78px;
    padding:0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.15);
    background:transparent;
    color:#fff;
    text-align:left;
    cursor:pointer;
    transition:padding .3s ease, background .3s ease, color .3s ease;
}

.evo-wow-app-item span{
    color:rgba(255,255,255,.36);
    font-size:12px;
    font-weight:700;
}

.evo-wow-app-item strong{
    font-size:clamp(18px,1.55vw,25px);
    line-height:1.15em;
    font-weight:540;
    letter-spacing:-.025em;
}

.evo-wow-app-item i{
    justify-self:end;
    color:var(--accent-color);
    font-style:normal;
    font-size:20px;
    opacity:0;
    transform:translate(-8px,8px);
    transition:all .3s ease;
}

.evo-wow-app-item:hover,
.evo-wow-app-item.is-active{
    padding-left:16px;
    padding-right:12px;
    background:rgba(255,255,255,.055);
}

.evo-wow-app-item.is-active strong{
    color:var(--accent-color);
}

.evo-wow-app-item:hover i,
.evo-wow-app-item.is-active i{
    opacity:1;
    transform:translate(0,0);
}

.evo-wow-app-preview{
    position:sticky;
    top:115px;
    min-height:720px;
}

.evo-wow-app-preview-inner{
    position:relative;
    height:720px;
    overflow:hidden;
    border-radius:2px 2px 72px 2px;
    background:#fff;
}

.evo-wow-app-preview-inner img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:opacity .24s ease, transform .55s ease;
}

.evo-wow-app-preview-inner.is-changing img{
    opacity:.12;
    transform:scale(1.03);
}

.evo-wow-app-preview-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(10,12,13,.82), transparent 55%);
    pointer-events:none;
}

.evo-wow-app-preview-label{
    position:absolute;
    left:34px;
    right:34px;
    bottom:32px;
    color:#fff;
}

.evo-wow-app-preview-label small,
.evo-wow-app-preview-label strong{
    display:block;
}

.evo-wow-app-preview-label small{
    margin-bottom:9px;
    color:var(--accent-color);
    font-size:10px;
    font-weight:750;
    letter-spacing:.11em;
}

.evo-wow-app-preview-label strong{
    font-size:31px;
    line-height:1.05em;
    letter-spacing:-.035em;
}

/* 06 — process rail */
.evo-wow-process{
    padding:150px 0;
    background:#fff;
}

.evo-wow-process-head{
    margin-bottom:85px;
}

.evo-wow-process-head .evo-wow-section-head-grid p{
    color:var(--text-color);
}

.evo-wow-process-rail{
    position:relative;
    border-top:1px solid rgba(44,44,44,.17);
}

.evo-wow-process-step{
    position:relative;
    display:grid;
    grid-template-columns:110px 1fr 240px;
    gap:35px;
    align-items:center;
    min-height:155px;
    border-bottom:1px solid rgba(44,44,44,.17);
    overflow:hidden;
    transition:padding .35s ease, background .35s ease;
}

.evo-wow-process-step:hover{
    padding-left:24px;
    padding-right:20px;
    background:#f8f6ef;
}

.evo-wow-process-number{
    color:var(--accent-color);
    font-size:20px;
    font-weight:750;
}

.evo-wow-process-name small{
    display:block;
    margin-bottom:8px;
    color:rgba(44,44,44,.42);
    font-size:10px;
    font-weight:750;
    letter-spacing:.11em;
}

.evo-wow-process-name h3{
    max-width:850px;
    margin:0;
    color:var(--primary-color);
    font-size:clamp(24px,2.4vw,40px);
    line-height:1.05em;
    font-weight:560;
    letter-spacing:-.04em;
}

.evo-wow-process-thumb{
    height:112px;
    overflow:hidden;
    opacity:.78;
    transform:scale(.94);
    transform-origin:right center;
    transition:all .4s ease;
}

.evo-wow-process-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.evo-wow-process-step:hover .evo-wow-process-thumb{
    opacity:1;
    transform:scale(1);
}

.evo-wow-process-cta{
    margin-top:50px;
    text-align:right;
}

/* 07 — quality */
.evo-wow-quality{
    padding:150px 0;
    overflow:hidden;
    background:#2a2d2e;
}

.evo-wow-quality::before{
    content:"QUALITY";
    position:absolute;
    left:-25px;
    top:20px;
    color:rgba(255,255,255,.025);
    font-size:175px;
    line-height:1em;
    font-weight:800;
    letter-spacing:-.065em;
    pointer-events:none;
}

.evo-wow-quality-shell{
    display:grid;
    grid-template-columns:minmax(430px,.95fr) minmax(0,1.05fr);
    gap:95px;
    align-items:center;
}

.evo-wow-quality-visual{
    position:relative;
    min-height:650px;
}

.evo-wow-quality-photo{
    position:absolute;
    overflow:hidden;
    background:#fff;
    box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.evo-wow-quality-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.evo-wow-quality-photo-main{
    inset:0 65px 50px 0;
}

.evo-wow-quality-photo-small{
    width:47%;
    height:220px;
    right:0;
    bottom:0;
    border:10px solid #2a2d2e;
}

.evo-wow-quality-stamp{
    position:absolute;
    right:15px;
    top:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:145px;
    height:145px;
    border-radius:50%;
    background:var(--accent-color);
    color:#202223;
    transform:rotate(8deg);
    box-shadow:0 18px 55px rgba(0,0,0,.18);
}

.evo-wow-quality-stamp span{
    font-size:20px;
    line-height:1em;
    font-weight:800;
}

.evo-wow-quality-stamp small{
    width:105px;
    margin-top:8px;
    font-size:7px;
    line-height:1.35em;
    font-weight:750;
    letter-spacing:.12em;
    text-align:center;
}

.evo-wow-quality-copy > p{
    max-width:720px;
    margin:30px 0 0;
    color:rgba(255,255,255,.66);
    font-size:17px;
    line-height:1.65em;
}

.evo-wow-quality-copy > p + p{
    margin-top:18px;
}

.evo-wow-quality-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:28px;
    margin-top:42px;
}

.evo-wow-quality-actions .evo-wow-link{
    margin-top:0;
}

/* Responsive */
@media only screen and (max-width: 1199px){
    .evo-wow-intro,
    .evo-wow-system,
    .evo-wow-performance,
    .evo-wow-apps,
    .evo-wow-process,
    .evo-wow-quality{
        padding-top:110px;
        padding-bottom:110px;
    }

    .evo-wow-intro{
        padding-bottom:0;
    }

    .evo-wow-intro-grid,
    .evo-wow-system-grid,
    .evo-wow-apps-grid,
    .evo-wow-quality-shell{
        gap:55px;
    }

    .evo-wow-intro-visual{
        min-height:570px;
    }

    .evo-wow-attributes{
        margin-top:75px;
    }

    .evo-wow-system-image,
    .evo-wow-system-image img{
        min-height:540px;
    }

    .evo-wow-performance-row{
        grid-template-columns:70px minmax(220px,.75fr) 1fr;
    }

    .evo-wow-performance-tags{
        grid-column:2 / -1;
        justify-content:flex-start;
        margin-top:-8px;
    }

    .evo-wow-app-preview,
    .evo-wow-app-preview-inner{
        min-height:620px;
        height:620px;
    }

    .evo-wow-quality-visual{
        min-height:570px;
    }
}

@media only screen and (max-width: 991px){
    .evo-wow-intro-grid,
    .evo-wow-system-grid,
    .evo-wow-apps-grid,
    .evo-wow-quality-shell,
    .evo-wow-section-head-grid{
        grid-template-columns:1fr;
    }

    .evo-wow-section-head-grid{
        gap:28px;
    }

    .evo-wow-intro-copy{
        padding-bottom:15px;
    }

    .evo-wow-intro-visual{
        min-height:620px;
    }

    .evo-wow-visual-tag{
        left:25px;
    }

    .evo-wow-attributes-track{
        justify-content:flex-start;
        overflow-x:auto;
        scrollbar-width:none;
    }

    .evo-wow-attributes-track::-webkit-scrollbar{display:none;}

    .evo-wow-system-grid{
        margin-top:55px;
    }

    .evo-wow-system-visual{
        max-width:650px;
    }

    .evo-wow-layer-1{width:78%;}
    .evo-wow-layer-2{width:89%;}

    .evo-wow-performance-row{
        grid-template-columns:58px 1fr;
        gap:20px 28px;
        padding:30px 0;
    }

    .evo-wow-performance-row > p,
    .evo-wow-performance-tags{
        grid-column:2 / -1;
    }

    .evo-wow-performance-row-accent::before{
        right:0;
    }

    .evo-wow-app-preview{
        position:relative;
        top:auto;
        order:-1;
        min-height:520px;
    }

    .evo-wow-app-preview-inner{
        height:520px;
        min-height:520px;
    }

    .evo-wow-process-step{
        grid-template-columns:70px 1fr 190px;
    }

    .evo-wow-quality-visual{
        max-width:700px;
        width:100%;
    }
}

@media only screen and (max-width: 767px){
    .evo-wow-intro,
    .evo-wow-system,
    .evo-wow-performance,
    .evo-wow-apps,
    .evo-wow-process,
    .evo-wow-quality{
        padding-top:80px;
        padding-bottom:80px;
    }

    .evo-wow-intro{
        padding-bottom:0;
    }

    .evo-wow-intro h2,
    .evo-wow-system h2,
    .evo-wow-performance h2,
    .evo-wow-apps h2,
    .evo-wow-process h2,
    .evo-wow-quality h2{
        font-size:clamp(38px,11vw,55px);
        line-height:1em;
    }

    .evo-wow-eyebrow{
        margin-bottom:22px;
        font-size:11px;
    }

    .evo-wow-eyebrow span{
        width:36px;
        height:36px;
    }

    .evo-wow-intro-copy .evo-wow-lead{
        margin-top:30px;
        font-size:18px;
    }

    .evo-wow-intro-visual{
        min-height:430px;
    }

    .evo-wow-visual-index{
        font-size:96px;
    }

    .evo-wow-visual-tag{
        left:16px;
        bottom:16px;
        min-width:190px;
        padding:18px 20px;
    }

    .evo-wow-attributes{
        margin-top:55px;
    }

    .evo-wow-attributes-track{
        min-height:84px;
    }

    .evo-wow-system-grid{
        gap:38px;
    }

    .evo-wow-system-image,
    .evo-wow-system-image img{
        min-height:420px;
    }

    .evo-wow-system-caption{
        right:0;
        bottom:0;
        max-width:85%;
        padding:14px 16px;
        font-size:10px;
    }

    .evo-wow-layer-1,
    .evo-wow-layer-2,
    .evo-wow-layer-3{
        width:100%;
    }

    .evo-wow-layer{
        padding:24px 24px 26px;
    }

    .evo-wow-layer:hover{
        transform:none;
    }

    .evo-wow-performance-head{
        margin-bottom:45px;
    }

    .evo-wow-performance-row{
        grid-template-columns:45px 1fr;
        min-height:0;
        padding:28px 0;
    }

    .evo-wow-performance-row:hover{
        padding-left:0;
    }

    .evo-wow-performance-row > p{
        font-size:15px;
    }

    .evo-wow-performance-row-accent::before{
        display:none;
    }

    .evo-wow-apps-grid{
        gap:42px;
    }

    .evo-wow-apps-copy > p{
        font-size:16px;
    }

    .evo-wow-app-preview,
    .evo-wow-app-preview-inner{
        min-height:390px;
        height:390px;
    }

    .evo-wow-app-item{
        grid-template-columns:40px 1fr 30px;
        min-height:68px;
    }

    .evo-wow-app-item:hover,
    .evo-wow-app-item.is-active{
        padding-left:8px;
        padding-right:5px;
    }

    .evo-wow-process-head{
        margin-bottom:50px;
    }

    .evo-wow-process-step{
        grid-template-columns:45px 1fr;
        min-height:0;
        padding:25px 0;
    }

    .evo-wow-process-thumb{
        grid-column:2 / -1;
        width:100%;
        height:150px;
        transform:none;
        opacity:1;
    }

    .evo-wow-process-step:hover{
        padding-left:0;
        padding-right:0;
    }

    .evo-wow-process-cta{
        text-align:left;
    }

    .evo-wow-quality-visual{
        min-height:430px;
    }

    .evo-wow-quality-photo-main{
        inset:0 30px 40px 0;
    }

    .evo-wow-quality-photo-small{
        width:50%;
        height:155px;
        border-width:7px;
    }

    .evo-wow-quality-stamp{
        right:4px;
        top:18px;
        width:105px;
        height:105px;
    }

    .evo-wow-quality-stamp span{
        font-size:15px;
    }

    .evo-wow-quality-stamp small{
        width:82px;
        font-size:6px;
    }

    .evo-wow-quality-copy > p{
        font-size:16px;
    }
}


/* =========================================================
   EVO WOW — refinement 2026-08-14
   Split intro / coherent applications / true timeline
   ========================================================= */

/* 02 — full-width split-screen composition */
.evo-wow-intro{
    padding:0;
    background:#f1f3f1;
}

.evo-wow-intro > .container{
    width:100%;
    max-width:none;
    padding:0;
}

.evo-wow-intro-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:0;
    align-items:stretch;
    min-height:760px;
}

.evo-wow-intro-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:110px clamp(48px,5.6vw,105px) 110px max(28px,calc((100vw - 1320px)/2));
}

.evo-wow-intro-copy h2{
    max-width:760px;
}

.evo-wow-intro-copy .evo-wow-lead{
    max-width:690px;
    margin-top:36px;
}

.evo-wow-intro-copy p:not(.evo-wow-lead){
    max-width:680px;
}

.evo-wow-intro-visual{
    position:relative;
    min-height:760px;
    overflow:hidden;
    background:#dedede;
}

.evo-wow-intro-visual::after{
    content:"";
    position:absolute;
    inset:0;
    box-shadow:inset 1px 0 rgba(44,44,44,.08);
    pointer-events:none;
}

.evo-wow-intro-visual figure{
    position:absolute;
    inset:0;
    margin:0;
    border-radius:0;
    overflow:hidden;
    background:#dedede;
}

.evo-wow-intro-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:54% 58%;
    transition:transform 1.2s cubic-bezier(.2,.7,.2,1);
}

.evo-wow-intro-visual:hover img{transform:scale(1.025);}
.evo-wow-visual-tag,
.evo-wow-visual-index{display:none !important;}

.evo-wow-attributes{margin-top:0;}

/* 05 — six coherent product frames */
.evo-wow-apps{
    padding:145px 0 155px;
    background:
        radial-gradient(circle at 82% 12%,rgba(0,172,168,.14),transparent 31%),
        #202223;
}

.evo-wow-apps-head{margin-bottom:62px;}

.evo-wow-apps-intro{
    max-width:560px;
    justify-self:end;
}

.evo-wow-apps-intro p{
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:18px;
    line-height:1.65em;
}

.evo-wow-apps-intro .evo-wow-link{margin-top:28px;}

.evo-wow-product-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.evo-wow-product-card{
    position:relative;
    min-width:0;
    border:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.035);
    overflow:hidden;
    transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .35s ease,background .35s ease;
}

.evo-wow-product-card:hover{
    transform:translateY(-8px);
    border-color:rgba(0,172,168,.52);
    background:rgba(255,255,255,.055);
}

.evo-wow-product-image{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#fff;
}

.evo-wow-product-image::after{
    content:"";
    position:absolute;
    inset:0;
    box-shadow:inset 0 0 0 1px rgba(44,44,44,.055);
    pointer-events:none;
}

.evo-wow-product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .65s cubic-bezier(.2,.7,.2,1);
}

.evo-wow-product-card:hover .evo-wow-product-image img{transform:scale(1.035);}

.evo-wow-product-meta{
    display:grid;
    grid-template-columns:46px 1fr;
    gap:16px;
    align-items:start;
    min-height:94px;
    padding:24px 24px 25px;
}

.evo-wow-product-meta span{
    color:var(--accent-color);
    font-size:11px;
    font-weight:750;
    letter-spacing:.08em;
}

.evo-wow-product-meta h3{
    margin:0;
    color:#fff;
    font-size:clamp(20px,1.55vw,27px);
    line-height:1.12em;
    font-weight:520;
    letter-spacing:-.03em;
}

/* Hide the previous interactive preview/list in case stale markup survives elsewhere */
.evo-wow-app-list,
.evo-wow-app-preview{display:none !important;}

/* 06 — real timeline */
.evo-wow-process{
    padding:150px 0 145px;
    background:#f7f7f4;
    overflow:hidden;
}

.evo-wow-process-head{margin-bottom:76px;}

.evo-wow-timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    padding-top:3px;
}

.evo-wow-timeline-line{
    position:absolute;
    left:6.5%;
    right:6.5%;
    top:34px;
    height:2px;
    background:rgba(44,44,44,.15);
    overflow:hidden;
}

.evo-wow-timeline-line span{
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,var(--accent-color),rgba(0,172,168,.38));
    transform-origin:left center;
    animation:evoTimelineDraw 1.25s cubic-bezier(.2,.7,.2,1) both .15s;
}

@keyframes evoTimelineDraw{
    from{transform:scaleX(0);}
    to{transform:scaleX(1);}
}

.evo-wow-timeline-step{
    position:relative;
    min-width:0;
    padding:0 22px;
}

.evo-wow-timeline-step:first-of-type{padding-left:0;padding-right:28px;}
.evo-wow-timeline-step:last-of-type{padding-right:0;padding-left:28px;}

.evo-wow-timeline-node{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    margin:0 0 28px;
    border:2px solid var(--accent-color);
    border-radius:50%;
    background:#f7f7f4;
    color:var(--primary-color);
    box-shadow:0 0 0 9px #f7f7f4;
    transition:background .3s ease,color .3s ease,transform .3s ease;
}

.evo-wow-timeline-node span{
    font-size:13px;
    font-weight:800;
    letter-spacing:.03em;
}

.evo-wow-timeline-step:hover .evo-wow-timeline-node{
    background:var(--accent-color);
    transform:scale(1.06);
}

.evo-wow-timeline-copy{padding-right:10px;}

.evo-wow-timeline-copy small{
    display:block;
    margin-bottom:12px;
    color:var(--accent-color);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
}

.evo-wow-timeline-copy h3{
    margin:0;
    min-height:82px;
    color:var(--primary-color);
    font-size:clamp(24px,2vw,34px);
    line-height:1.04em;
    font-weight:570;
    letter-spacing:-.04em;
}

.evo-wow-timeline-copy p{
    margin:19px 0 0;
    color:var(--text-color);
    font-size:15px;
    line-height:1.62em;
}

.evo-wow-timeline-photo{
    position:relative;
    height:150px;
    margin-top:28px;
    overflow:hidden;
    background:#e9e9e6;
}

.evo-wow-timeline-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(22,25,26,.12),transparent 55%);
    pointer-events:none;
}

.evo-wow-timeline-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:saturate(.78);
    transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}

.evo-wow-timeline-step:hover .evo-wow-timeline-photo img{
    transform:scale(1.045);
    filter:saturate(1);
}

.evo-wow-process-cta{margin-top:54px;text-align:right;}

/* Remove styling from old rail if cached markup is present */
.evo-wow-process-rail{display:none !important;}

@media only screen and (max-width:1199px){
    .evo-wow-intro-grid{min-height:680px;}
    .evo-wow-intro-copy{padding-top:90px;padding-bottom:90px;}
    .evo-wow-intro-visual{min-height:680px;}
    .evo-wow-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .evo-wow-timeline-copy h3{min-height:100px;}
}

@media only screen and (max-width:991px){
    .evo-wow-intro > .container{max-width:100%;}
    .evo-wow-intro-grid{grid-template-columns:1fr;min-height:0;}
    .evo-wow-intro-copy{
        padding:90px max(28px,calc((100vw - 720px)/2)) 75px;
    }
    .evo-wow-intro-visual{min-height:620px;order:2;}
    .evo-wow-intro-visual img{object-position:52% 58%;}

    .evo-wow-apps-intro{justify-self:start;max-width:680px;}

    .evo-wow-timeline{
        grid-template-columns:1fr;
        gap:0;
        padding-left:86px;
    }
    .evo-wow-timeline-line{
        left:31px;
        right:auto;
        top:31px;
        bottom:31px;
        width:2px;
        height:auto;
    }
    .evo-wow-timeline-line span{
        width:100%;height:100%;
        transform-origin:center top;
        animation-name:evoTimelineDrawY;
    }
    @keyframes evoTimelineDrawY{
        from{transform:scaleY(0);}
        to{transform:scaleY(1);}
    }
    .evo-wow-timeline-step,
    .evo-wow-timeline-step:first-of-type,
    .evo-wow-timeline-step:last-of-type{
        position:relative;
        padding:0 0 55px 0;
    }
    .evo-wow-timeline-node{
        position:absolute;
        left:-86px;
        top:0;
        margin:0;
    }
    .evo-wow-timeline-copy h3{min-height:0;}
    .evo-wow-timeline-photo{height:210px;max-width:620px;}
}

@media only screen and (max-width:767px){
    .evo-wow-intro{padding:0;}
    .evo-wow-intro-copy{padding:72px 20px 62px;}
    .evo-wow-intro-visual{min-height:460px;}
    .evo-wow-intro-visual img{object-position:55% 60%;}
    .evo-wow-attributes{margin-top:0;}

    .evo-wow-apps{padding:82px 0 88px;}
    .evo-wow-apps-head{margin-bottom:42px;}
    .evo-wow-product-grid{grid-template-columns:1fr;gap:14px;}
    .evo-wow-product-meta{min-height:auto;padding:19px 18px 21px;}

    .evo-wow-process{padding:82px 0;}
    .evo-wow-process-head{margin-bottom:52px;}
    .evo-wow-timeline{padding-left:66px;}
    .evo-wow-timeline-line{left:24px;}
    .evo-wow-timeline-node{
        left:-66px;
        width:50px;height:50px;
        box-shadow:0 0 0 7px #f7f7f4;
    }
    .evo-wow-timeline-step,
    .evo-wow-timeline-step:first-of-type,
    .evo-wow-timeline-step:last-of-type{padding-bottom:42px;}
    .evo-wow-timeline-photo{height:165px;margin-top:20px;}
    .evo-wow-process-cta{text-align:left;margin-top:20px;}
}


/* =========================================================
   EVO WOW — polish pass v3 / 2026-08-14
   Alignment + system visual + performance hover + process copy
   ========================================================= */

/* 02 — align left edge with the same global container used elsewhere */
@media only screen and (min-width: 1441px){
    .evo-wow-intro-copy{
        padding-left:max(15px, calc((100vw - 1500px) / 2 + 15px));
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px){
    .evo-wow-intro-copy{
        padding-left:max(15px, calc((100vw - 1300px) / 2 + 15px));
    }
}

/* 03 — clean product visual: no giant 03, no frame, full hero-image visible */
.evo-wow-system::before{
    content:none !important;
    display:none !important;
}

.evo-wow-system-image{
    min-height:630px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    background:transparent;
}

.evo-wow-system-image::after{
    content:none !important;
    display:none !important;
}

.evo-wow-system-image img{
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    max-height:630px;
    object-fit:contain;
    object-position:center;
}

/* 04 — cards are white by default; teal inversion happens only on hover */
.evo-wow-performance-list{
    border-top:0;
}

.evo-wow-performance-row{
    background:#fff;
    border:1px solid rgba(44,44,44,.13);
    border-bottom:0;
    padding-left:28px;
    transition:background .32s ease, border-color .32s ease, color .32s ease, transform .32s ease;
}

.evo-wow-performance-row:last-child{
    border-bottom:1px solid rgba(44,44,44,.13);
}

.evo-wow-performance-row:hover{
    padding-left:28px;
    background:var(--accent-color);
    border-color:var(--accent-color);
    transform:translateX(8px);
}

.evo-wow-performance-row:hover + .evo-wow-performance-row{
    border-top-color:var(--accent-color);
}

.evo-wow-performance-row:hover .evo-wow-performance-no{
    color:rgba(255,255,255,.62);
}

.evo-wow-performance-row:hover .evo-wow-performance-title > span,
.evo-wow-performance-row:hover .evo-wow-performance-title h3,
.evo-wow-performance-row:hover > p{
    color:#fff;
}

.evo-wow-performance-row:hover .evo-wow-performance-tags span{
    color:#fff;
    border-color:rgba(255,255,255,.58);
    background:rgba(255,255,255,.10);
}

.evo-wow-performance-row-accent::before{
    transition:background .32s ease, color .32s ease;
}

.evo-wow-performance-row-accent:hover::before{
    background:#fff;
    color:var(--primary-color);
}

/* 06 — intro paragraph directly under the title instead of in a side column */
.evo-wow-process-head .evo-wow-section-head-grid{
    grid-template-columns:1fr;
    gap:28px;
    align-items:start;
}

.evo-wow-process-head .evo-wow-section-head-grid p{
    max-width:900px;
    margin:0;
    font-size:18px;
    line-height:1.65em;
}

@media only screen and (max-width: 767px){
    .evo-wow-system-image{
        min-height:0;
    }

    .evo-wow-system-image img{
        max-height:460px;
    }

    .evo-wow-performance-row,
    .evo-wow-performance-row:hover{
        padding-left:20px;
        transform:none;
    }

    .evo-wow-process-head .evo-wow-section-head-grid{
        gap:20px;
    }

    .evo-wow-process-head .evo-wow-section-head-grid p{
        font-size:16px;
    }
}

/* Keep section 02 on the same left guide as standard .container also on tablet widths */
@media only screen and (max-width: 991px){
    .evo-wow-intro-copy{
        padding-left:15px;
        padding-right:15px;
    }
}

@media only screen and (max-width: 767px){
    .evo-wow-intro-copy{
        padding-left:15px;
        padding-right:15px;
    }
}

/* =========================================================
   EVO WOW — polish pass v4 / 2026-08-14
   Timeline alignment + applications cleanup + quality/certificates
   ========================================================= */

/* 05 — remove decorative APPLICATION word and keep intro directly under title */
.evo-wow-apps::after{
    content:none !important;
    display:none !important;
}

.evo-wow-apps-head .evo-wow-section-head-grid{
    grid-template-columns:1fr;
    gap:24px;
    align-items:start;
}

.evo-wow-apps-intro{
    max-width:900px;
    justify-self:start;
}

.evo-wow-apps-intro .evo-wow-link{
    margin-top:24px;
}

.evo-wow-product-meta{
    display:block;
    min-height:88px;
    padding:24px 24px 25px;
}

.evo-wow-product-meta > span{
    display:none !important;
}

/* 06 — equal timeline rhythm: fixed copy zones, larger equal photos, centered CTA */
@media only screen and (min-width:992px){
    .evo-wow-timeline-step{
        display:flex;
        flex-direction:column;
    }

    .evo-wow-timeline-copy{
        display:grid;
        grid-template-rows:28px 92px 96px;
        padding-right:12px;
    }

    .evo-wow-timeline-copy small{
        margin:0;
        align-self:start;
    }

    .evo-wow-timeline-copy h3{
        min-height:0 !important;
        margin:0;
        align-self:start;
    }

    .evo-wow-timeline-copy p{
        margin:0;
        align-self:start;
    }

    .evo-wow-timeline-photo{
        width:100%;
        height:220px;
        margin-top:24px;
    }
}

.evo-wow-process-cta{
    margin-top:58px;
    text-align:center;
}

/* 07 — documentation without photo collage, stamp or giant QUALITY word */
.evo-wow-quality::before{
    content:none !important;
    display:none !important;
}

.evo-wow-quality-shell{
    display:block;
}

.evo-wow-quality-visual,
.evo-wow-quality-photo,
.evo-wow-quality-stamp{
    display:none !important;
}

.evo-wow-quality-copy{
    max-width:1100px;
}

/* Separate light certificate section */
.evo-wow-certificates{
    padding:105px 0 115px;
    background:#f7f7f4;
    overflow:hidden;
}

.evo-wow-certificates-head{
    margin-bottom:52px;
}

.evo-wow-certificates-head h2{
    margin:0;
    color:var(--primary-color);
    font-size:clamp(38px,4.3vw,68px);
    line-height:.98em;
    font-weight:560;
    letter-spacing:-.05em;
}

.evo-wow-certificates-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:42px;
    align-items:center;
}

.evo-wow-certificates-strip{
    margin:0;
    min-width:0;
    background:#fff;
}

.evo-wow-certificates-strip img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
}

@media only screen and (max-width:991px){
    .evo-wow-certificates-row{
        grid-template-columns:1fr;
        gap:28px;
    }

    .evo-wow-certificates{
        padding:85px 0 92px;
    }
}

@media only screen and (max-width:767px){
    .evo-wow-apps-head .evo-wow-section-head-grid{
        gap:18px;
    }

    .evo-wow-product-meta{
        min-height:auto;
        padding:19px 18px 21px;
    }

    .evo-wow-process-cta{
        text-align:center;
        margin-top:28px;
    }

    .evo-wow-certificates{
        padding:68px 0 75px;
    }

    .evo-wow-certificates-head{
        margin-bottom:34px;
    }
}

/* =========================================================
   EVO WOW — polish pass v5 / latest user package
   CTA + intro image + teal attributes + performance imagery + quality docs
   ========================================================= */

/* 02 — same CTA language as the process button */
.evo-wow-intro-copy .evo-wow-intro-cta{
    align-self:flex-start;
    margin-top:38px;
}

/* 02 — teal attribute rail */
.evo-wow-attributes{
    background:var(--accent-color);
    border-top-color:var(--accent-color);
    border-bottom-color:var(--accent-color);
}

.evo-wow-attributes-track span{
    color:#fff;
}

.evo-wow-attributes-track i{
    background:#fff;
}

/* 03 — caption has been removed from markup */
.evo-wow-system-caption{
    display:none !important;
}

/* 04 — replace dry 01/02/03 numerals with visual proof points */
.evo-wow-performance-row{
    grid-template-columns:180px minmax(250px,.82fr) minmax(300px,1.05fr) minmax(230px,.68fr);
    gap:32px;
    min-height:215px;
    padding-top:26px;
    padding-bottom:26px;
}

.evo-wow-performance-media{
    width:160px;
    height:118px;
    overflow:hidden;
    background:#f2f2ef;
    border:1px solid rgba(44,44,44,.08);
}

.evo-wow-performance-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}

.evo-wow-performance-row:hover .evo-wow-performance-media{
    border-color:rgba(255,255,255,.42);
}

.evo-wow-performance-row:hover .evo-wow-performance-media img{
    transform:scale(1.05);
}

/* 07 — documentation becomes a two-column visual section again,
   but uses the actual certificate/document collage supplied in the package */
.evo-wow-quality-shell{
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
    gap:clamp(55px,7vw,110px);
    align-items:center;
}

.evo-wow-quality-copy{
    max-width:780px;
}

.evo-wow-quality-docs{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0 20px 20px;
}


.evo-wow-quality-docs img{
    position:relative;
    z-index:1;
    display:block;
    width:min(100%,670px);
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 30px 45px rgba(0,0,0,.28));
    transform:rotate(1deg);
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.evo-wow-quality-docs:hover img{
    transform:rotate(0deg) translateY(-6px);
}

@media only screen and (max-width:1199px){
    .evo-wow-performance-row{
        grid-template-columns:150px minmax(220px,.8fr) 1fr;
        gap:26px;
    }

    .evo-wow-performance-media{
        width:136px;
        height:106px;
    }

    .evo-wow-performance-tags{
        grid-column:2 / -1;
    }

    .evo-wow-quality-shell{
        grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);
        gap:50px;
    }

    .evo-wow-quality-docs{
        min-height:480px;
    }
}

@media only screen and (max-width:991px){
    .evo-wow-performance-row{
        grid-template-columns:150px 1fr;
        gap:22px 28px;
    }

    .evo-wow-performance-media{
        grid-row:1 / span 2;
        width:150px;
        height:116px;
    }

    .evo-wow-performance-row > p,
    .evo-wow-performance-tags{
        grid-column:2 / -1;
    }

    .evo-wow-quality-shell{
        grid-template-columns:1fr;
        gap:48px;
    }

    .evo-wow-quality-docs{
        min-height:0;
        max-width:720px;
        width:100%;
        padding:0;
        margin:0 auto;
    }
}

@media only screen and (max-width:767px){
    .evo-wow-intro-copy .evo-wow-intro-cta{
        margin-top:30px;
    }

    .evo-wow-performance-row,
    .evo-wow-performance-row:hover{
        grid-template-columns:1fr;
        gap:18px;
        padding:22px 20px;
    }

    .evo-wow-performance-media{
        grid-row:auto;
        width:100%;
        height:190px;
    }

    .evo-wow-performance-row > p,
    .evo-wow-performance-tags{
        grid-column:auto;
    }

    .evo-wow-performance-tags{
        margin-top:0;
    }

    .evo-wow-quality-docs img{
        width:100%;
    }
}


/* =========================================================
   EVO WOW — polish pass v6 / 2026-08-14
   System copy + applications cards + clean documentation + EVO footer
   ========================================================= */

/* 03 — supporting copy directly under the title */
.evo-wow-system .evo-wow-section-head-grid{
    grid-template-columns:1fr;
    gap:24px;
    align-items:start;
}

.evo-wow-system .evo-wow-section-head-grid > p{
    max-width:920px;
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:18px;
    line-height:1.65em;
}

/* 05 — cleaner product gallery: no frames, distinct card field, centered labels */
.evo-wow-product-card{
    border:0 !important;
    background:#2a2d2e;
    box-shadow:none;
}

.evo-wow-product-card:hover{
    border:0 !important;
    background:#303435;
    transform:translateY(-7px);
}

.evo-wow-product-image::after{
    content:none !important;
    display:none !important;
}

.evo-wow-product-meta{
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px 20px 24px;
    text-align:center;
}

.evo-wow-product-meta h3{
    width:100%;
    text-align:center;
}


/* Footer — focused company information only */
.main-footer{
    padding:88px 0 48px;
}

.evo-footer-grid{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(220px,.7fr) minmax(280px,.9fr);
    gap:clamp(48px,6vw,96px);
    align-items:start;
}

.evo-footer-brand{
    max-width:620px;
}

.evo-footer-brand .footer-logo img{
    max-width:170px;
}

.evo-footer-brand .footer-contact-info-content{
    margin-top:26px;
}

.evo-footer-brand .footer-contact-info-content p{
    max-width:580px;
    color:rgba(255,255,255,.72);
    font-size:16px;
    line-height:1.7em;
}

.evo-footer-brand .footer-social-links{
    margin-top:28px;
}

.evo-footer-shortcuts,
.evo-footer-address{
    max-width:none;
}

.evo-footer-grid .footer-links h3{
    margin-bottom:24px;
}

.evo-footer-grid .footer-links ul li{
    margin-bottom:12px;
}

.evo-footer-address ul li{
    color:rgba(255,255,255,.75);
    line-height:1.75em;
}

.evo-footer-address ul li strong{
    color:#fff;
    font-weight:700;
}

.evo-footer-address ul li span{
    color:#fff;
}

.main-footer .footer-copyright-text{
    margin-top:58px;
    padding-top:28px;
}

.main-footer .footer-copyright-text p{
    color:rgba(255,255,255,.52);
    font-size:14px;
}

@media only screen and (max-width:991px){
    .evo-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:50px 38px;
    }

    .evo-footer-brand{
        grid-column:1 / -1;
    }
}

@media only screen and (max-width:767px){
    .evo-wow-system .evo-wow-section-head-grid > p{
        font-size:16px;
    }

    .evo-wow-product-meta{
        min-height:76px;
        padding:18px 14px 20px;
    }

    .evo-footer-grid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .evo-footer-brand{
        grid-column:auto;
    }

    .main-footer{
        padding:70px 0 38px;
    }
}

/* =========================================================
   EVO WOW v7 — SYSTEM / MOBILE / CERTIFICATES / FOOTER FIXES
   ========================================================= */

/* 03 — technically correct layer order + direct visual connectors */
#system .evo-wow-system-grid-connected{
    --evo-system-gap:80px;
    grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
    gap:var(--evo-system-gap);
    align-items:start;
}

#system .evo-wow-system-visual,
#system .evo-wow-layer-stack-connected{
    min-height:630px;
}

#system .evo-wow-system-image{
    min-height:630px;
    height:630px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:#181a1b;
    box-shadow:0 28px 70px rgba(0,0,0,.24);
}

#system .evo-wow-system-image::after{
    border-radius:18px;
    border-color:rgba(255,255,255,.08);
}

#system .evo-wow-system-image img{
    width:100%;
    height:100%;
    min-height:0;
    padding:12px;
    object-fit:contain;
    object-position:center center;
}

#system .evo-wow-system-pointer{
    position:absolute;
    z-index:4;
    right:0;
    width:27%;
    height:2px;
    background:linear-gradient(90deg,var(--accent-color),rgba(0,172,168,.48));
    pointer-events:none;
}

#system .evo-wow-system-pointer::before{
    content:"";
    position:absolute;
    left:-6px;
    top:50%;
    width:13px;
    height:13px;
    border-radius:50%;
    background:var(--accent-color);
    box-shadow:0 0 0 6px rgba(0,172,168,.17);
    transform:translateY(-50%);
}

#system .evo-wow-system-pointer-1{top:13.5%;}
#system .evo-wow-system-pointer-2{top:38.5%;}
#system .evo-wow-system-pointer-3{top:63.5%;}

#system .evo-wow-system-substrate{
    position:absolute;
    z-index:4;
    right:22px;
    bottom:24px;
    display:flex;
    align-items:baseline;
    gap:9px;
    padding:8px 12px;
    background:rgba(25,27,28,.74);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#fff;
}

#system .evo-wow-system-substrate span{
    color:var(--accent-color);
    font-size:11px;
    line-height:1;
    font-weight:800;
    letter-spacing:.11em;
}

#system .evo-wow-system-substrate small{
    color:rgba(255,255,255,.68);
    font-size:11px;
}

#system .evo-wow-layer-stack-connected{
    position:relative;
    display:block;
    height:630px;
}

#system .evo-wow-layer-stack-connected .evo-wow-layer{
    position:absolute;
    left:0;
    width:100% !important;
    min-height:145px;
    padding:25px 34px 27px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:visible;
    border-color:rgba(255,255,255,.14);
    background:linear-gradient(105deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 14px 35px rgba(0,0,0,.09);
}

#system .evo-wow-layer-stack-connected .evo-wow-layer-1{top:1.5%;}
#system .evo-wow-layer-stack-connected .evo-wow-layer-2{top:26.5%;}
#system .evo-wow-layer-stack-connected .evo-wow-layer-3{top:51.5%;}

#system .evo-wow-layer-stack-connected .evo-wow-layer-1{
    border-color:rgba(0,172,168,.42);
    background:linear-gradient(105deg,rgba(0,172,168,.15),rgba(255,255,255,.035));
}

#system .evo-wow-layer-stack-connected .evo-wow-layer::before{
    content:"";
    position:absolute;
    top:50%;
    right:100%;
    width:var(--evo-system-gap);
    height:2px;
    background:linear-gradient(90deg,rgba(0,172,168,.45),var(--accent-color));
    transform:translateY(-50%);
    pointer-events:none;
}

#system .evo-wow-layer-stack-connected .evo-wow-layer::after{
    left:auto;
    right:0;
    width:4px;
    transform:scaleY(1);
    opacity:.75;
}

#system .evo-wow-layer-stack-connected .evo-wow-layer:hover{
    transform:translateX(7px);
    background:linear-gradient(105deg,rgba(0,172,168,.13),rgba(255,255,255,.065));
}

#system .evo-wow-layer-top{
    margin-bottom:12px;
}

#system .evo-wow-layer h3{
    margin-bottom:8px;
    font-size:clamp(25px,2vw,34px);
}

#system .evo-wow-layer-types{
    margin:-1px 0 9px;
    color:var(--accent-color);
    font-size:11px;
    line-height:1.25;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
}

#system .evo-wow-layer p{
    font-size:15px;
    line-height:1.45;
}

/* 02 — attributes: never clip on phones; show the whole set in a clean wrapped rail */
@media only screen and (max-width:767px){
    .evo-wow-attributes{
        overflow:visible !important;
    }

    .evo-wow-attributes .container{
        width:100%;
        max-width:none;
        padding-left:18px;
        padding-right:18px;
    }

    .evo-wow-attributes-track{
        min-height:0 !important;
        padding:18px 0 !important;
        display:flex !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        align-items:center !important;
        gap:10px 12px !important;
        white-space:normal !important;
        overflow:visible !important;
    }

    .evo-wow-attributes-track span{
        flex:0 0 auto;
        font-size:14px;
        line-height:1.25;
    }

    .evo-wow-attributes-track i{
        flex:0 0 4px;
        width:4px;
        height:4px;
    }
}

/* Mobile navigation — white labels, arrow and hamburger on teal */
@media only screen and (max-width:991px){
    .slicknav_nav .slicknav_row,
    .slicknav_nav li a,
    .slicknav_menu ul ul li a,
    .slicknav_arrow:after{
        color:#fff !important;
    }

    .slicknav_icon .slicknav_icon-bar{
        background-color:#fff !important;
    }
}

/* Certificates — requested pure white section */
#certyfikaty.evo-wow-certificates{
    background:#fff !important;
}

/* Footer — no image, white LinkedIn hover text and white list markers */
.main-footer{
    background-image:none !important;
}

.main-footer .footer-social-links ul li a:hover,
.main-footer .footer-social-links ul li a:focus{
    color:#fff !important;
}

.main-footer .footer-links ul li::marker,
.main-footer .footer-links ul li:hover::marker{
    color: var(--accent-color) !important;
}

@media only screen and (max-width:1199px){
    #system .evo-wow-system-grid-connected{
        --evo-system-gap:55px;
    }
}

@media only screen and (max-width:991px){
    #system .evo-wow-system-grid-connected{
        display:grid;
        grid-template-columns:1fr;
        gap:38px;
    }

    #system .evo-wow-system-visual{
        max-width:680px;
        min-height:0;
    }

    #system .evo-wow-system-image{
        height:auto;
        min-height:0;
        aspect-ratio:1 / 1;
    }

    #system .evo-wow-layer-stack-connected{
        display:flex;
        flex-direction:column;
        gap:14px;
        height:auto;
        min-height:0;
    }

    #system .evo-wow-layer-stack-connected .evo-wow-layer{
        position:relative;
        top:auto !important;
        left:auto;
        min-height:0;
        padding:25px 28px 27px;
    }

    #system .evo-wow-layer-stack-connected .evo-wow-layer::before{
        display:none;
    }

    #system .evo-wow-system-pointer{
        width:30%;
    }
}

@media only screen and (max-width:767px){
    #system .evo-wow-system-image{
        border-radius:12px;
    }

    #system .evo-wow-system-image::after{
        border-radius:12px;
    }

    #system .evo-wow-system-image img{
        padding:6px;
    }

    #system .evo-wow-system-substrate{
        right:12px;
        bottom:12px;
        padding:7px 9px;
    }

    #system .evo-wow-layer-stack-connected .evo-wow-layer{
        padding:22px 22px 24px;
    }
}



/* =========================================================
   EVO WOW v8 — exploded 4-level system + alignment refinements
   ========================================================= */

/* 03 — reference-inspired exploded four-level system */
#system .evo-wow-system-exploded{
    position:relative;
    display:grid;
    grid-template-columns:minmax(390px,.82fr) minmax(520px,1.18fr);
    gap:clamp(70px,7vw,115px);
    align-items:stretch;
    margin-top:78px;
}

#system .evo-wow-system-labels{
    position:relative;
    z-index:4;
    min-height:720px;
    display:grid;
    grid-template-rows:repeat(4,1fr);
    align-items:stretch;
}

#system .evo-wow-system-label{
    position:relative;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:18px;
    align-content:center;
    min-height:165px;
    padding:22px 24px 22px 0;
    border-top:1px solid rgba(255,255,255,.13);
}

#system .evo-wow-system-label:last-child{
    border-bottom:1px solid rgba(255,255,255,.13);
}

#system .evo-wow-system-label-index{
    padding-top:4px;
    color:var(--accent-color);
    font-size:14px;
    line-height:1;
    font-weight:800;
    letter-spacing:.12em;
}

#system .evo-wow-system-label-kicker{
    margin-bottom:6px;
    color:rgba(255,255,255,.42);
    font-size:10px;
    line-height:1;
    font-weight:750;
    letter-spacing:.13em;
    text-transform:uppercase;
}

#system .evo-wow-system-label h3{
    margin:0 0 8px;
    color:#fff;
    font-size:clamp(25px,2.15vw,34px);
    line-height:1.05;
    font-weight:600;
    letter-spacing:-.035em;
}

#system .evo-wow-system-label p{
    max-width:470px;
    margin:0;
    color:rgba(255,255,255,.63);
    font-size:14px;
    line-height:1.52;
}

#system .evo-wow-system-label .evo-wow-layer-types{
    margin:-2px 0 8px;
    color:var(--accent-color);
    font-size:10px;
    line-height:1.25;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
}

#system .evo-wow-system-label-1{
    background:linear-gradient(90deg,rgba(0,172,168,.10),transparent 78%);
}

#system .evo-wow-system-connector{
    position:absolute;
    z-index:7;
    left:calc(100% - 3px);
    top:50%;
    width:calc(clamp(70px,7vw,115px) + 42px);
    height:1px;
    background:linear-gradient(90deg,rgba(0,172,168,.94),rgba(0,172,168,.22));
    transform:translateY(-50%);
    transform-origin:left center;
    pointer-events:none;
}

#system .evo-wow-system-connector::before{
    content:"";
    position:absolute;
    left:-3px;
    top:50%;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--accent-color);
    transform:translateY(-50%);
}

#system .evo-wow-system-connector::after{
    content:"";
    position:absolute;
    right:-6px;
    top:50%;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--accent-color);
    box-shadow:0 0 0 6px rgba(0,172,168,.14);
    transform:translateY(-50%);
}

#system .evo-wow-system-label-1 .evo-wow-system-connector{transform:translateY(-50%) rotate(-4deg);}
#system .evo-wow-system-label-2 .evo-wow-system-connector{transform:translateY(-50%) rotate(-1.5deg);}
#system .evo-wow-system-label-3 .evo-wow-system-connector{transform:translateY(-50%) rotate(1.7deg);}
#system .evo-wow-system-label-4 .evo-wow-system-connector{transform:translateY(-50%) rotate(4deg);}

#system .evo-wow-system-stage{
    position:relative;
    z-index:2;
    min-height:720px;
    overflow:visible;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid rgba(255,255,255,.055);
}

#system .evo-wow-system-stage::before{
    content:"";
    position:absolute;
    inset:8% 4% 5% 6%;
    border:1px solid rgba(255,255,255,.055);
    background:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:36px 36px;
    pointer-events:none;
}

#system .evo-wow-system-stage-glow{
    position:absolute;
    width:75%;
    aspect-ratio:1;
    right:4%;
    top:11%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,172,168,.16),rgba(0,172,168,.035) 45%,transparent 70%);
    filter:blur(3px);
    pointer-events:none;
}

#system .evo-wow-system-stage-title{
    position:absolute;
    right:-55px;
    top:50%;
    color:rgba(255,255,255,.035);
    font-size:100px;
    line-height:1;
    font-weight:800;
    letter-spacing:.13em;
    transform:translateY(-50%) rotate(90deg);
    pointer-events:none;
}

#system .evo-wow-system-image-exploded{
    position:relative;
    z-index:3;
    width:100%;
    height:720px;
    min-height:720px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

#system .evo-wow-system-image-exploded::after{
    content:none;
    display:none;
}

#system .evo-wow-system-image-exploded img{
    width:100%;
    height:100%;
    min-height:0;
    padding:0;
    object-fit:contain;
    object-position:center;
    filter:drop-shadow(0 26px 45px rgba(0,0,0,.34));
}

#system .evo-wow-system-target{
    position:absolute;
    z-index:8;
    left:7%;
    width:11px;
    height:11px;
    border-radius:50%;
    background:var(--accent-color);
    box-shadow:0 0 0 6px rgba(0,172,168,.13);
    pointer-events:none;
}

/* Aligned with the actual layer centres inside hero-image.png */
#system .evo-wow-system-target-1{top:17.8%;}
#system .evo-wow-system-target-2{top:40.5%;}
#system .evo-wow-system-target-3{top:62.8%;}
#system .evo-wow-system-target-4{top:84.0%;}

/* Hide obsolete v7 connector/substrate UI if old cached markup ever survives */
#system .evo-wow-system-grid-connected,
#system .evo-wow-layer-stack-connected,
#system .evo-wow-system-pointer,
#system .evo-wow-system-substrate{
    /* New v8 markup does not use these classes. */
}

/* Attributes — always optically centered at every breakpoint */
.evo-wow-attributes{
    overflow:visible;
}

.evo-wow-attributes-track{
    width:100%;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap;
    white-space:normal;
    overflow:visible;
    column-gap:clamp(18px,2.2vw,34px);
    row-gap:12px;
    padding:20px 0;
}

.evo-wow-attributes-track span,
.evo-wow-attributes-track i{
    flex:0 0 auto;
}

.evo-wow-attributes-track span{
    text-align:center;
}

/* Performance badge must remain dark on hover */
.evo-wow-performance-row-accent::before,
.evo-wow-performance-row-accent:hover::before{
    background:var(--primary-color) !important;
    color:#fff !important;
}

/* Menu labels: preserve authored casing */
.main-menu ul li a{
    text-transform:none;
}

@media only screen and (max-width:1199px){
    #system .evo-wow-system-exploded{
        grid-template-columns:minmax(340px,.88fr) minmax(470px,1.12fr);
        gap:58px;
    }

    #system .evo-wow-system-connector{
        width:92px;
    }

    #system .evo-wow-system-labels,
    #system .evo-wow-system-stage,
    #system .evo-wow-system-image-exploded{
        min-height:650px;
        height:650px;
    }

    #system .evo-wow-system-label{
        min-height:150px;
    }
}

@media only screen and (max-width:991px){
    #system .evo-wow-system-exploded{
        grid-template-columns:1fr;
        gap:38px;
        margin-top:55px;
    }

    #system .evo-wow-system-stage{
        order:-1;
        width:min(100%,720px);
        min-height:610px;
        height:610px;
        margin:0 auto;
        border-left:0;
    }

    #system .evo-wow-system-image-exploded{
        min-height:610px;
        height:610px;
    }

    #system .evo-wow-system-labels{
        min-height:0;
        height:auto;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:auto;
        gap:14px;
    }

    #system .evo-wow-system-label{
        min-height:190px;
        padding:24px;
        border:1px solid rgba(255,255,255,.12);
        background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
    }

    #system .evo-wow-system-label-1{
        border-color:rgba(0,172,168,.32);
        background:linear-gradient(110deg,rgba(0,172,168,.12),rgba(255,255,255,.025));
    }

    #system .evo-wow-system-connector{
        display:none;
    }

    #system .evo-wow-system-target{
        left:10%;
    }
}

@media only screen and (max-width:767px){
    #system .evo-wow-system-stage{
        min-height:470px;
        height:470px;
    }

    #system .evo-wow-system-image-exploded{
        min-height:470px;
        height:470px;
    }

    #system .evo-wow-system-stage::before{
        inset:4% 0;
        background-size:28px 28px;
    }

    #system .evo-wow-system-stage-title{
        display:none;
    }

    #system .evo-wow-system-labels{
        grid-template-columns:1fr;
        gap:10px;
    }

    #system .evo-wow-system-label{
        min-height:0;
        grid-template-columns:42px 1fr;
        padding:20px 18px;
    }

    #system .evo-wow-system-label h3{
        font-size:24px;
    }

    #system .evo-wow-system-label p{
        font-size:14px;
    }

    #system .evo-wow-system-target{
        width:9px;
        height:9px;
        box-shadow:0 0 0 5px rgba(0,172,168,.13);
    }

    .evo-wow-attributes .container{
        width:100%;
        max-width:100%;
    }

    .evo-wow-attributes-track{
        justify-content:center !important;
        padding:18px 0 !important;
    }
}


/* =========================================================
   EVO WOW v9 — clean system connectors
   ========================================================= */

/* Labels no longer have 01–04 numbering */
#system .evo-wow-system-label{
    grid-template-columns:minmax(0,1fr) !important;
    gap:0 !important;
    padding-left:0 !important;
}

#system .evo-wow-system-label-index{
    display:none !important;
}

/* Remove the technical grid and the large SYSTEM word */
#system .evo-wow-system-stage::before{
    content:none !important;
    display:none !important;
    background:none !important;
    border:0 !important;
}

#system .evo-wow-system-stage-title{
    display:none !important;
}

/* Remove all extra target dots */
#system .evo-wow-system-target{
    display:none !important;
}

/* One clean line per layer, ending in an arrow that touches the image area */
#system .evo-wow-system-connector{
    left:calc(100% - 2px) !important;
    top:50% !important;
    width:calc(clamp(70px,7vw,115px) + 74px) !important;
    height:1px !important;
    background:linear-gradient(
        90deg,
        rgba(0,172,168,.88) 0%,
        rgba(0,172,168,.62) 58%,
        rgba(0,172,168,.96) 100%
    ) !important;
    transform-origin:left center !important;
    pointer-events:none;
}

/* no dot next to the copy */
#system .evo-wow-system-connector::before{
    content:none !important;
    display:none !important;
}

/* arrowhead only — no second dot */
#system .evo-wow-system-connector::after{
    content:"" !important;
    position:absolute !important;
    right:-1px !important;
    top:50% !important;
    width:0 !important;
    height:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border-top:5px solid transparent !important;
    border-bottom:5px solid transparent !important;
    border-left:8px solid var(--accent-color) !important;
    transform:translateY(-50%) !important;
}

/* Aim each arrow at the centre of its corresponding visible layer */
#system .evo-wow-system-label-1 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(-5deg) !important;
}
#system .evo-wow-system-label-2 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(-2deg) !important;
}
#system .evo-wow-system-label-3 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(2deg) !important;
}
#system .evo-wow-system-label-4 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(5deg) !important;
}

/* Keep image area clean and photo-focused */
#system .evo-wow-system-stage{
    border-left:0 !important;
}

#system .evo-wow-system-stage-glow{
    opacity:.72;
}

/* Tablet/mobile: keep the cards clean and remove connector lines */
@media only screen and (max-width:991px){
    #system .evo-wow-system-label{
        padding-left:24px !important;
    }

    #system .evo-wow-system-connector{
        display:none !important;
    }
}

@media only screen and (max-width:767px){
    #system .evo-wow-system-label{
        padding-left:18px !important;
    }
}


/* =========================================================
   EVO WOW v10 — exact layer copy + long image-overlap connectors
   ========================================================= */

#system .evo-wow-system-label-kicker,
#system .evo-wow-layer-types{
    display:none !important;
}

#system .evo-wow-system-label h3{
    margin:0 0 10px !important;
    font-size:clamp(28px,2.35vw,38px) !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:-.025em !important;
}

#system .evo-wow-system-label p{
    max-width:430px !important;
    font-size:15px !important;
    line-height:1.5 !important;
}

/* The line deliberately crosses the column gap and continues onto the image. */
#system .evo-wow-system-connector{
    z-index:10 !important;
    left:calc(100% - 2px) !important;
    top:50% !important;
    width:calc(clamp(70px,7vw,115px) + 245px) !important;
    height:1px !important;
    background:linear-gradient(
        90deg,
        rgba(0,172,168,.68) 0%,
        rgba(0,172,168,.82) 55%,
        var(--accent-color) 100%
    ) !important;
    transform-origin:left center !important;
    overflow:visible !important;
}

/* No start dot. */
#system .evo-wow-system-connector::before{
    content:none !important;
    display:none !important;
}

/* Large circular target at the end of each line — no arrow. */
#system .evo-wow-system-connector::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    right:-15px !important;
    top:50% !important;
    width:30px !important;
    height:30px !important;
    border:0 !important;
    border-radius:50% !important;
    background:var(--accent-color) !important;
    box-shadow:
        0 0 0 8px rgba(0,172,168,.12),
        0 8px 24px rgba(0,0,0,.20) !important;
    transform:translateY(-50%) !important;
}

/* Aim each line through the relevant visible layer. */
#system .evo-wow-system-label-1 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(-4.2deg) !important;
}
#system .evo-wow-system-label-2 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(-1.6deg) !important;
}
#system .evo-wow-system-label-3 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(2.2deg) !important;
}
#system .evo-wow-system-label-4 .evo-wow-system-connector{
    transform:translateY(-50%) rotate(5deg) !important;
}

/* Keep connectors visible over the image. */
#system .evo-wow-system-exploded,
#system .evo-wow-system-labels,
#system .evo-wow-system-label,
#system .evo-wow-system-stage,
#system .evo-wow-system-image-exploded{
    overflow:visible !important;
}

#system .evo-wow-system-image-exploded{
    z-index:3 !important;
}

#system .evo-wow-system-labels,
#system .evo-wow-system-label,
#system .evo-wow-system-connector{
    z-index:8 !important;
}

/* On tablet/mobile the diagram stacks, so long cross-column lines are hidden. */
@media only screen and (max-width:991px){
    #system .evo-wow-system-connector{
        display:none !important;
    }
}


/* =========================================================
   EVO WOW v11 — refined #system + six individual medals
   ========================================================= */

/* SYSTEM — cleaner, tighter vertical rhythm */
#system .evo-wow-system-exploded{
    gap:clamp(64px,6.3vw,100px) !important;
    margin-top:62px !important;
}

#system .evo-wow-system-labels{
    min-height:640px !important;
    height:640px !important;
}

#system .evo-wow-system-label{
    min-height:142px !important;
    padding:14px 20px 14px 0 !important;
    border:0 !important;
    background:none !important;
}

#system .evo-wow-system-label:last-child{
    border:0 !important;
}

#system .evo-wow-system-label-1{
    background:none !important;
    border:0 !important;
}

/* H3 takes only the actual word width; line starts from its right edge */
#system .evo-wow-system-label h3{
    position:relative !important;
    display:table !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 0 9px !important;
    overflow:visible !important;
}

#system .evo-wow-system-connector{
    position:absolute !important;
    z-index:12 !important;
    left:calc(100% + 18px) !important;
    top:52% !important;
    height:1px !important;
    background:linear-gradient(
        90deg,
        rgba(0,172,168,.82) 0%,
        rgba(0,172,168,.93) 70%,
        var(--accent-color) 100%
    ) !important;
    transform-origin:left center !important;
    overflow:visible !important;
    pointer-events:none !important;
}

#system .evo-wow-system-connector::before{
    content:none !important;
    display:none !important;
}

/* 50% smaller target dot: 30px -> 15px */
#system .evo-wow-system-connector::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    right:-7.5px !important;
    top:50% !important;
    width:15px !important;
    height:15px !important;
    border:0 !important;
    border-radius:50% !important;
    background:var(--accent-color) !important;
    box-shadow:0 0 0 4px rgba(0,172,168,.12) !important;
    transform:translateY(-50%) !important;
}

/* Different lengths compensate for the different word widths */
#system .evo-wow-system-label-1 .evo-wow-system-connector{
    width:clamp(405px,32.5vw,555px) !important;
    transform:translateY(-50%) rotate(-3.8deg) !important;
}
#system .evo-wow-system-label-2 .evo-wow-system-connector{
    width:clamp(390px,31.5vw,540px) !important;
    transform:translateY(-50%) rotate(-1.4deg) !important;
}
#system .evo-wow-system-label-3 .evo-wow-system-connector{
    width:clamp(368px,30vw,510px) !important;
    transform:translateY(-50%) rotate(2.1deg) !important;
}
#system .evo-wow-system-label-4 .evo-wow-system-connector{
    width:clamp(350px,28.8vw,490px) !important;
    transform:translateY(-50%) rotate(4.7deg) !important;
}

#system .evo-wow-system-stage,
#system .evo-wow-system-image-exploded{
    min-height:640px !important;
    height:640px !important;
}

/* CERTIFICATES — six supplied medal PNGs */
#certyfikaty.evo-wow-certificates{
    background:#fff !important;
    padding:78px 0 86px !important;
}

#certyfikaty .evo-wow-certificates-head{
    margin-bottom:42px !important;
}

#certyfikaty .evo-wow-medals-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:clamp(18px,2vw,34px);
    align-items:start;
}

#certyfikaty .evo-wow-medal{
    margin:0;
    min-width:0;
    text-align:center;
}

#certyfikaty .evo-wow-medal img{
    display:block;
    width:100%;
    max-width:165px;
    aspect-ratio:1;
    height:auto;
    object-fit:contain;
    margin:0 auto;
    transition:transform .35s ease,filter .35s ease;
    filter:drop-shadow(0 12px 18px rgba(38,40,39,.12));
}

#certyfikaty .evo-wow-medal:hover img{
    transform:translateY(-5px) scale(1.035);
    filter:drop-shadow(0 16px 22px rgba(38,40,39,.16));
}

#certyfikaty .evo-wow-medal figcaption{
    margin-top:15px;
    color:var(--primary-color);
    font-size:13px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:.035em;
}

@media only screen and (max-width:1199px){
    #system .evo-wow-system-labels,
    #system .evo-wow-system-stage,
    #system .evo-wow-system-image-exploded{
        min-height:600px !important;
        height:600px !important;
    }

    #system .evo-wow-system-label{
        min-height:132px !important;
    }

    #certyfikaty .evo-wow-medals-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        row-gap:34px;
    }
}

@media only screen and (max-width:991px){
    #system .evo-wow-system-labels{
        min-height:0 !important;
        height:auto !important;
        gap:10px !important;
    }

    #system .evo-wow-system-label{
        min-height:0 !important;
        padding:22px 24px !important;
        border:0 !important;
        background:rgba(255,255,255,.035) !important;
    }

    #system .evo-wow-system-label-1{
        background:rgba(255,255,255,.035) !important;
    }

    #system .evo-wow-system-stage,
    #system .evo-wow-system-image-exploded{
        min-height:560px !important;
        height:560px !important;
    }

    #system .evo-wow-system-connector{
        display:none !important;
    }
}

@media only screen and (max-width:767px){
    #system .evo-wow-system-exploded{
        margin-top:42px !important;
    }

    #system .evo-wow-system-stage,
    #system .evo-wow-system-image-exploded{
        min-height:440px !important;
        height:440px !important;
    }

    #system .evo-wow-system-label{
        padding:18px !important;
    }

    #certyfikaty.evo-wow-certificates{
        padding:62px 0 68px !important;
    }

    #certyfikaty .evo-wow-certificates-head{
        margin-bottom:30px !important;
    }

    #certyfikaty .evo-wow-medals-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:28px 18px;
    }

    #certyfikaty .evo-wow-medal img{
        max-width:145px;
    }

    #certyfikaty .evo-wow-medal figcaption{
        margin-top:10px;
        font-size:12px;
    }
}


/* =========================================================
   EVO WOW v12 — system line reach + timeline hover + cert heading
   ========================================================= */

/* SYSTEM — extend guides deeper into the layer image */
#system .evo-wow-system-connector{
    left:calc(100% + 16px) !important;
}

/* Longer lines so target dots visibly sit ON the respective product layer */
#system .evo-wow-system-label-1 .evo-wow-system-connector{
    width:clamp(525px,42vw,720px) !important;
    transform:translateY(-50%) rotate(-3.8deg) !important;
}
#system .evo-wow-system-label-2 .evo-wow-system-connector{
    width:clamp(515px,41vw,705px) !important;
    transform:translateY(-50%) rotate(-1.4deg) !important;
}
#system .evo-wow-system-label-3 .evo-wow-system-connector{
    width:clamp(490px,39.5vw,675px) !important;
    transform:translateY(-50%) rotate(2.1deg) !important;
}
#system .evo-wow-system-label-4 .evo-wow-system-connector{
    width:clamp(465px,38vw,645px) !important;
    transform:translateY(-50%) rotate(4.7deg) !important;
}

/* Keep the target dot above the image, not underneath it */
#system .evo-wow-system-label,
#system .evo-wow-system-label h3,
#system .evo-wow-system-connector{
    overflow:visible !important;
}

#system .evo-wow-system-connector{
    z-index:30 !important;
}

#system .evo-wow-system-connector::after{
    z-index:31 !important;
}

/* Timeline hover — always white text */
.evo-wow-timeline-node:hover,
.evo-wow-timeline-node:hover *,
.evo-wow-timeline-node:focus,
.evo-wow-timeline-node:focus *{
    color:#fff !important;
}

/* CERTIFICATES — same heading system as previous page sections */
#certyfikaty .evo-wow-certificates-head{
    margin-bottom:48px !important;
}

#certyfikaty .evo-wow-certificates-head .evo-wow-eyebrow{
    margin-bottom:22px;
}

#certyfikaty .evo-wow-certificates-head .evo-wow-section-head-grid{
    align-items:end;
}

#certyfikaty .evo-wow-certificates-head h2{
    margin:0;
    text-transform:none !important;
    letter-spacing:-.045em;
}

#certyfikaty .evo-wow-certificates-head h2 em{
    color:var(--accent-color);
    font-style:normal;
}

#certyfikaty .evo-wow-certificates-head p{
    max-width:660px;
    margin:0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.65;
}

/* prevent medals from feeling detached after richer heading */
#certyfikaty .evo-wow-medals-grid{
    margin-top:6px;
}

@media only screen and (max-width:1399px){
    #system .evo-wow-system-label-1 .evo-wow-system-connector{
        width:clamp(465px,39vw,620px) !important;
    }
    #system .evo-wow-system-label-2 .evo-wow-system-connector{
        width:clamp(455px,38vw,605px) !important;
    }
    #system .evo-wow-system-label-3 .evo-wow-system-connector{
        width:clamp(430px,36.5vw,580px) !important;
    }
    #system .evo-wow-system-label-4 .evo-wow-system-connector{
        width:clamp(405px,35vw,550px) !important;
    }
}

@media only screen and (max-width:991px){
    /* Diagram stacks here, therefore cross-column guides remain disabled */
    #system .evo-wow-system-connector{
        display:none !important;
    }

    #certyfikaty .evo-wow-certificates-head .evo-wow-section-head-grid{
        align-items:start;
    }

    #certyfikaty .evo-wow-certificates-head p{
        max-width:760px;
    }
}


/* =========================================================
   EVO WOW v13 — cert heading, timeline hover, system targeting
   ========================================================= */

/* CERTIFICATES — heading + paragraph in one vertical block */
#certyfikaty .evo-wow-certificates-head{
    max-width:920px;
    margin-bottom:46px !important;
}

#certyfikaty .evo-wow-certificates-head h2{
    margin:0 0 18px !important;
    color:var(--primary-color);
    text-transform:none !important;
    letter-spacing:-.045em;
}

#certyfikaty .evo-wow-certificates-head h2 em{
    color:var(--accent-color);
    font-style:normal;
}

#certyfikaty .evo-wow-certificates-head p{
    max-width:820px;
    margin:0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.65;
}

/* TIMELINE — hover/focus on whole container, smooth transition */
.evo-wow-timeline-node,
.evo-wow-timeline-node *,
.evo-wow-timeline-item,
.evo-wow-timeline-item *{
    transition:
        color .28s ease,
        background-color .28s ease,
        border-color .28s ease,
        transform .28s ease !important;
}

/* If the hoverable box is the item/container, make node text white as well */
.evo-wow-timeline-item:hover .evo-wow-timeline-node,
.evo-wow-timeline-item:hover .evo-wow-timeline-node *,
.evo-wow-timeline-item:focus-within .evo-wow-timeline-node,
.evo-wow-timeline-item:focus-within .evo-wow-timeline-node *,
.evo-wow-timeline-node:hover,
.evo-wow-timeline-node:hover *,
.evo-wow-timeline-node:focus,
.evo-wow-timeline-node:focus *{
    color:#fff !important;
}

/* SYSTEM — push all targets further ONTO the layer image */
#system .evo-wow-system-label-1 .evo-wow-system-connector{
    width:clamp(610px,48vw,820px) !important;
    transform:translateY(-50%) rotate(-3.4deg) !important;
}

#system .evo-wow-system-label-2 .evo-wow-system-connector{
    width:clamp(600px,47vw,805px) !important;
    transform:translateY(-50%) rotate(-1.0deg) !important;
}

#system .evo-wow-system-label-3 .evo-wow-system-connector{
    width:clamp(565px,44.5vw,755px) !important;
    transform:translateY(-50%) rotate(1.7deg) !important;
}

#system .evo-wow-system-label-4 .evo-wow-system-connector{
    width:clamp(535px,42.5vw,715px) !important;
    transform:translateY(-50%) rotate(4.1deg) !important;
}

/* Slightly cleaner endpoint */
#system .evo-wow-system-connector::after{
    width:15px !important;
    height:15px !important;
    right:-7.5px !important;
    box-shadow:0 0 0 3px rgba(0,172,168,.11) !important;
}

/* At medium desktop widths keep targets on-image without overshooting */
@media only screen and (max-width:1399px){
    #system .evo-wow-system-label-1 .evo-wow-system-connector{
        width:clamp(535px,44.5vw,690px) !important;
    }
    #system .evo-wow-system-label-2 .evo-wow-system-connector{
        width:clamp(525px,43.5vw,680px) !important;
    }
    #system .evo-wow-system-label-3 .evo-wow-system-connector{
        width:clamp(495px,41vw,640px) !important;
    }
    #system .evo-wow-system-label-4 .evo-wow-system-connector{
        width:clamp(465px,39vw,605px) !important;
    }
}

@media only screen and (max-width:1199px){
    #system .evo-wow-system-label-1 .evo-wow-system-connector{
        width:510px !important;
    }
    #system .evo-wow-system-label-2 .evo-wow-system-connector{
        width:500px !important;
    }
    #system .evo-wow-system-label-3 .evo-wow-system-connector{
        width:468px !important;
    }
    #system .evo-wow-system-label-4 .evo-wow-system-connector{
        width:440px !important;
    }
}

@media only screen and (max-width:991px){
    #system .evo-wow-system-connector{
        display:none !important;
    }

    #certyfikaty .evo-wow-certificates-head{
        max-width:760px;
    }
}


/* =========================================================
   EVO WOW v14 — precise layer targets + timeline-step hover
   ========================================================= */

/* SYSTEM
   Width/angle are now calculated dynamically from the actual word edge
   to fixed target points on the stage. These declarations are fallbacks. */
#system .evo-wow-system-connector{
    left:calc(100% + 16px) !important;
    top:50% !important;
    transform-origin:left center !important;
    z-index:40 !important;
}

/* Inline geometry must be allowed to override old v10-v13 !important lengths. */
#system .evo-wow-system-label-1 .evo-wow-system-connector,
#system .evo-wow-system-label-2 .evo-wow-system-connector,
#system .evo-wow-system-label-3 .evo-wow-system-connector,
#system .evo-wow-system-label-4 .evo-wow-system-connector{
    width:auto;
}

/* One clean 15px target circle exactly at the calculated endpoint */
#system .evo-wow-system-connector::after{
    width:15px !important;
    height:15px !important;
    right:-7.5px !important;
    border-radius:50% !important;
    background:var(--accent-color) !important;
    box-shadow:0 0 0 3px rgba(0,172,168,.11) !important;
}

/* TIMELINE
   User specifically wants hovering .evo-wow-timeline-step
   to turn .evo-wow-timeline-node span white. */
.evo-wow-timeline-node span{
    transition:color .28s ease !important;
}

.evo-wow-timeline-step:hover .evo-wow-timeline-node span,
.evo-wow-timeline-step:focus-within .evo-wow-timeline-node span{
    color:#fff !important;
}

/* Keep any node/container color transitions smooth too */
.evo-wow-timeline-node{
    transition:
        color .28s ease,
        background-color .28s ease,
        border-color .28s ease,
        transform .28s ease !important;
}

@media only screen and (max-width:991px){
    #system .evo-wow-system-connector{
        display:none !important;
    }
}


/* =========================================================
   EVO WOW v15 — numbered system map + white eyebrow numbers
   ========================================================= */

/* Eyebrow number/chip — always white */
.evo-wow-eyebrow span{
    color:#fff !important;
}

/* SYSTEM — elegant numbering beside layer names */
#system .evo-wow-system-label h3{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    width:max-content !important;
}

#system .evo-wow-system-label-no{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex:0 0 30px;
    border:1px solid rgba(0,172,168,.72);
    border-radius:50%;
    background:rgba(0,172,168,.08);
    color:var(--accent-color);
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:0;
    transition:
        background-color .28s ease,
        color .28s ease,
        border-color .28s ease,
        transform .28s ease;
}

#system .evo-wow-system-label-name{
    display:inline-block;
}

/* Remove old pseudo endpoint circle: actual numbered marker is now the endpoint */
#system .evo-wow-system-connector::after{
    content:none !important;
    display:none !important;
}

/* Numbered markers sit directly on the four product layers */
#system .evo-wow-system-layer-marker{
    position:absolute;
    z-index:45;
    left:49%;
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:2px solid rgba(255,255,255,.72);
    background:var(--accent-color);
    color:#fff;
    font-size:13px;
    line-height:1;
    font-weight:800;
    box-shadow:
        0 0 0 5px rgba(0,172,168,.13),
        0 6px 18px rgba(0,0,0,.24);
    pointer-events:none;
}

#system .evo-wow-system-layer-marker-1{ top:17.6%; }
#system .evo-wow-system-layer-marker-2{ top:38.3%; }
#system .evo-wow-system-layer-marker-3{ top:55.0%; }
#system .evo-wow-system-layer-marker-4{ top:78.7%; }

/* Subtle correlation on hover */
#system .evo-wow-system-label:hover .evo-wow-system-label-no{
    background:var(--accent-color);
    border-color:var(--accent-color);
    color:#fff;
    transform:scale(1.06);
}

/* Desktop line endpoint is marker center */
#system .evo-wow-system-connector{
    z-index:40 !important;
}

/* Mobile: lines disappear but numbered markers remain */
@media only screen and (max-width:991px){
    #system .evo-wow-system-connector{
        display:none !important;
    }

    #system .evo-wow-system-layer-marker{
        display:flex !important;
        width:30px;
        height:30px;
        font-size:12px;
        box-shadow:
            0 0 0 4px rgba(0,172,168,.12),
            0 5px 14px rgba(0,0,0,.22);
    }
}

@media only screen and (max-width:767px){
    #system .evo-wow-system-label h3{
        gap:10px !important;
    }

    #system .evo-wow-system-label-no{
        width:27px;
        height:27px;
        flex-basis:27px;
        font-size:12px;
    }

    #system .evo-wow-system-layer-marker{
        width:27px;
        height:27px;
        font-size:11px;
        border-width:1.5px;
    }
}


/* =========================================================
   EVO WOW v16 — numbering only on mobile layer markers
   ========================================================= */

/* DESKTOP: layer headings exactly as before v15 */
#system .evo-wow-system-label h3{
    display:table !important;
    width:max-content !important;
    max-width:100% !important;
    gap:0 !important;
}

/* Old label number badges are no longer used */
#system .evo-wow-system-label-no{
    display:none !important;
}

/* DESKTOP:
   Keep marker geometry available for JS, but do not show numbered circles. */
#system .evo-wow-system-layer-marker{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* DESKTOP: restore the plain teal endpoint circle from v14 */
#system .evo-wow-system-connector::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    right:-7.5px !important;
    top:50% !important;
    width:15px !important;
    height:15px !important;
    border:0 !important;
    border-radius:50% !important;
    background:var(--accent-color) !important;
    box-shadow:none !important;
    transform:translateY(-50%) !important;
}

/* MOBILE/TABLET:
   Lines disappear, numbered layer circles remain. */
@media only screen and (max-width:991px){
    #system .evo-wow-system-connector{
        display:none !important;
    }

    #system .evo-wow-system-layer-marker{
        visibility:visible !important;
        opacity:1 !important;
        display:flex !important;
        width:30px !important;
        height:30px !important;
        align-items:center !important;
        justify-content:center !important;
        border:0 !important;
        border-radius:50% !important;
        background:var(--accent-color) !important;
        color:#fff !important;
        box-shadow:none !important;
        font-size:12px !important;
        line-height:1 !important;
        font-weight:800 !important;
    }
}

@media only screen and (max-width:767px){
    #system .evo-wow-system-layer-marker{
        width:27px !important;
        height:27px !important;
        border:0 !important;
        box-shadow:none !important;
        font-size:11px !important;
    }
}


/* =========================================================
   EVO WOW v17 — numbered layer badges on desktop + mobile
   ========================================================= */

#system .evo-wow-system-label h3{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    width:max-content !important;
    max-width:100% !important;
}

#system .evo-wow-system-label-no{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    flex:0 0 32px;
    border:0 !important;
    border-radius:50%;
    background:var(--accent-color);
    color:#fff !important;
    font-size:13px;
    line-height:1;
    font-weight:800;
    box-shadow:none !important;
    transition:
        background-color .28s ease,
        color .28s ease,
        transform .28s ease !important;
}

#system .evo-wow-system-label-name{
    display:inline-block;
}

/* Reverse effect on hover/focus of the whole layer row */
#system .evo-wow-system-label:hover .evo-wow-system-label-no,
#system .evo-wow-system-label:focus-within .evo-wow-system-label-no{
    background:#fff !important;
    color:var(--accent-color) !important;
    transform:scale(1.04);
}

/* Keep connector starting after the full heading (number + name) */
#system .evo-wow-system-label h3 .evo-wow-system-connector{
    left:calc(100% + 16px) !important;
}

@media only screen and (max-width:767px){
    #system .evo-wow-system-label h3{
        gap:10px !important;
    }

    #system .evo-wow-system-label-no{
        width:29px;
        height:29px;
        flex-basis:29px;
        font-size:12px;
    }
}


/* =========================================================
   EVO WOW v18 — mobile layer marker sizing/position
   ========================================================= */

@media only screen and (max-width:767px){
    /* Same size as the numbered circles next to CRUMB/BATTER/etc. */
    #system .evo-wow-system-layer-marker{
        width:29px !important;
        height:29px !important;
        font-size:12px !important;
        border:0 !important;
        box-shadow:none !important;
    }

    /* Layer 1 — move slightly upward, deeper into the crumb layer */
    #system .evo-wow-system-layer-marker-1{
        top:15.8% !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v20
   ========================================================= */

/* Header active state */
.main-menu ul li a.active,
.main-menu ul li.current-menu-item > a,
.main-menu ul li.current_page_item > a{
    color:var(--accent-color) !important;
}

.evo-solutions-page{
    background:#fff;
}

.evo-solutions-page *{
    box-sizing:border-box;
}

.evo-solutions-hero{
    padding:110px 0 80px;
    background:
        radial-gradient(circle at 83% 28%,rgba(0,172,168,.14),transparent 30%),
        #202627;
    overflow:hidden;
}

.evo-solutions-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);
    gap:55px;
    align-items:center;
}

.evo-solutions-kicker,
.evo-solutions-eyebrow{
    color:var(--accent-color);
    font-size:13px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-bottom:18px;
}

.evo-solutions-hero h1{
    color:#fff;
    font-size:clamp(48px,5vw,74px);
    line-height:1.02;
    letter-spacing:-.045em;
    font-weight:550;
    margin:0 0 26px;
}

.evo-solutions-hero p{
    color:rgba(255,255,255,.7);
    font-size:18px;
    line-height:1.65;
    max-width:700px;
}

.evo-solutions-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:32px;
}

.evo-solutions-hero-visual{
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.evo-solutions-hero-visual img{
    width:100%;
    max-height:560px;
    object-fit:contain;
    filter:drop-shadow(0 28px 50px rgba(0,0,0,.4));
}

/* Sticky section nav — no hard-coded floating gap */
.evo-solutions-nav{
    --evo-solutions-nav-top:0px;
    position:sticky;
    top:var(--evo-solutions-nav-top);
    z-index:90;
    width:100%;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(44,44,44,.09);
    box-shadow:0 5px 20px rgba(28,36,36,.04);
    transition:top .18s ease;
}

.evo-solutions-nav-toggle{
    display:none;
}

.evo-solutions-nav-track{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    overflow-x:auto;
    scrollbar-width:none;
}

.evo-solutions-nav-track::-webkit-scrollbar{
    display:none;
}

.evo-solutions-nav a{
    position:relative;
    color:#555d5e;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    transition:color .25s ease;
}

.evo-solutions-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:-7px;
    height:2px;
    background:var(--accent-color);
    transition:right .25s ease;
}

.evo-solutions-nav a:hover{
    color:var(--accent-color);
}

.evo-solutions-nav a:hover::after{
    right:0;
}

.evo-solutions-section{
    padding:105px 0;
    position:relative;
    overflow:hidden;
}

.evo-solutions-soft{
    background:#f1f3ef;
}

.evo-solutions-dark{
    background:#222829;
    color:rgba(255,255,255,.7);
}

.evo-solutions-two-col{
    display:grid;
    grid-template-columns:minmax(420px,.96fr) minmax(0,1.04fr);
    gap:clamp(55px,7vw,105px);
    align-items:center;
}

.evo-solutions-two-col.reverse .evo-solutions-copy{
    order:1;
}

.evo-solutions-two-col.reverse .evo-solutions-media{
    order:2;
}

.evo-solutions-copy h2,
.evo-solutions-heading-grid h2,
.evo-solutions-special h2{
    font-size:clamp(39px,4vw,58px);
    line-height:1.06;
    letter-spacing:-.04em;
    font-weight:550;
    color:#363c3d;
    margin:0 0 24px;
}

.evo-solutions-dark h2{
    color:#fff;
}

.evo-solutions-copy p,
.evo-solutions-heading-grid p{
    font-size:16px;
    line-height:1.7;
    color:#697172;
}

.evo-solutions-dark .evo-solutions-copy p{
    color:rgba(255,255,255,.68);
}

.evo-solutions-media{
    position:relative;
    min-height:500px;
    background:#e9ece8;
    overflow:hidden;
}

.evo-solutions-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:500px;
    object-fit:cover;
}

.evo-solutions-system-media{
    background:#23292a;
}

.evo-solutions-system-media img{
    object-fit:contain;
    padding:24px;
}

.evo-solutions-pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:28px;
}

.evo-solutions-pill-row span{
    padding:9px 12px;
    border:1px solid rgba(44,44,44,.12);
    font-size:12px;
    font-weight:700;
    color:#4f5758;
}

.evo-solutions-list{
    list-style:none;
    margin:28px 0 0;
    padding:0;
    display:grid;
    gap:11px;
}

.evo-solutions-list li{
    position:relative;
    padding-left:25px;
    color:#4d5556;
    line-height:1.55;
}

.evo-solutions-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.62em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent-color);
}

.evo-solutions-dark .evo-solutions-list li{
    color:rgba(255,255,255,.76);
}

/* Predust — full-bleed image to right edge */
.evo-solutions-predust{
    position:relative;
    overflow:hidden;
    background:#f1f3ef;
}

.evo-solutions-predust-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:650px;
}

.evo-solutions-predust-copy{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:105px clamp(45px,5vw,90px) 105px max(30px,calc((100vw - 1320px)/2));
}

.evo-solutions-predust-copy > .evo-solutions-copy{
    width:100%;
    max-width:590px;
}

.evo-solutions-predust-media{
    min-height:650px;
    height:100%;
    overflow:hidden;
}

.evo-solutions-predust-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:650px;
    object-fit:cover;
    object-position:center;
}

.evo-solutions-heading-grid{
    display:grid;
    grid-template-columns:minmax(0,.86fr) minmax(380px,1.14fr);
    gap:65px;
    align-items:end;
    margin-bottom:48px;
}

.evo-solutions-heading-grid p:last-child{
    margin-bottom:0;
}

.evo-solutions-crumb-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.evo-solutions-crumb-grid figure{
    margin:0;
    background:#f1f3f0;
    overflow:hidden;
}

.evo-solutions-crumb-grid img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    transition:transform .4s ease;
}

.evo-solutions-crumb-grid figure:hover img{
    transform:scale(1.035);
}

.evo-solutions-crumb-grid figcaption{
    padding:20px;
    color:#383f40;
    font-size:17px;
    font-weight:700;
    border-top:1px solid rgba(44,44,44,.08);
}

.evo-solutions-list-inline{
    grid-template-columns:repeat(3,1fr);
    margin-top:34px;
    padding-top:26px;
    border-top:1px solid rgba(44,44,44,.1);
}

/* Panko — stable two-card comparison */
.evo-solutions-panko-section{
    background:#f3f5f2;
}

.evo-solutions-panko-head{
    margin-bottom:42px;
}

.evo-solutions-panko-compare{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
}

.evo-solutions-panko-card{
    display:grid;
    grid-template-rows:390px 1fr;
    min-width:0;
    background:#fff;
    border:1px solid rgba(44,44,44,.09);
    overflow:hidden;
    transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}

.evo-solutions-panko-card:hover{
    transform:translateY(-5px);
    border-color:rgba(0,172,168,.28);
    box-shadow:0 18px 45px rgba(38,46,46,.08);
}

.evo-solutions-panko-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:#fff;
    overflow:hidden;
}

.evo-solutions-panko-visual::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:rgba(44,44,44,.08);
}

.evo-solutions-panko-visual img{
    display:block;
    width:100%;
    height:100%;
    max-height:335px;
    object-fit:contain;
    transition:transform .4s ease;
}

.evo-solutions-panko-card:hover .evo-solutions-panko-visual img{
    transform:scale(1.025);
}

.evo-solutions-panko-index{
    position:absolute;
    left:24px;
    top:22px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--accent-color);
    color:#fff;
    font-size:11px;
    font-weight:800;
    z-index:2;
}

.evo-solutions-panko-content{
    display:flex;
    flex-direction:column;
    padding:31px 32px 34px;
}

.evo-solutions-panko-type{
    color:var(--accent-color);
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
    margin-bottom:13px;
}

.evo-solutions-panko-content h3{
    color:#353c3d;
    font-size:29px;
    line-height:1.16;
    letter-spacing:-.025em;
    margin:0 0 14px;
}

.evo-solutions-panko-content p{
    color:#6c7475;
    line-height:1.65;
    margin:0;
}

.evo-solutions-panko-features{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:auto;
    padding-top:25px;
}

.evo-solutions-panko-features span{
    padding:7px 10px;
    background:#edf6f5;
    color:#247b78;
    font-size:11px;
    font-weight:700;
}

/* Special — light final section, clearly separated from dark footer */
.evo-solutions-special{
    background:#eef2ed;
    border-top:1px solid rgba(44,44,44,.06);
}

.evo-solutions-special-grid{
    display:grid;
    grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
    gap:70px;
    align-items:start;
}

.evo-solutions-special h2{
    color:#363c3d;
}

.evo-solutions-special-list{
    display:grid;
    gap:10px;
}

.evo-solutions-special-list > div{
    display:grid;
    grid-template-columns:38px 1fr;
    gap:16px;
    padding:18px 20px;
    background:#fff;
    border:1px solid rgba(44,44,44,.07);
    transition:border-color .25s ease,transform .25s ease;
}

.evo-solutions-special-list > div:hover{
    border-color:rgba(0,172,168,.3);
    transform:translateX(4px);
}

.evo-solutions-special-list span{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--accent-color);
    color:#fff;
    font-size:10px;
    font-weight:800;
}

.evo-solutions-special-list p{
    margin:3px 0 0;
    color:#61696a;
    line-height:1.55;
}

.evo-solutions-special-list strong{
    color:#343b3c;
}

.evo-solutions-special-actions{
    grid-column:2;
    margin-top:-4px;
}

.evo-solutions-btn-outline{
    background:transparent !important;
    border:1px solid rgba(44,44,44,.25) !important;
    color:#343b3c !important;
}

.evo-solutions-btn-outline:hover{
    background:#343b3c !important;
    border-color:#343b3c !important;
    color:#fff !important;
}

@media(max-width:1199px){
    .evo-solutions-hero-grid{
        grid-template-columns:1fr 1fr;
        gap:32px;
    }

    .evo-solutions-predust-copy{
        padding-left:30px;
        padding-right:55px;
    }

    .evo-solutions-panko-card{
        grid-template-rows:340px 1fr;
    }
}

@media(max-width:991px){
    .evo-solutions-hero{
        padding:82px 0 62px;
    }

    .evo-solutions-hero-grid,
    .evo-solutions-two-col,
    .evo-solutions-heading-grid,
    .evo-solutions-special-grid{
        grid-template-columns:1fr;
    }

    .evo-solutions-hero-visual{
        min-height:410px;
    }

    .evo-solutions-two-col.reverse .evo-solutions-copy,
    .evo-solutions-two-col.reverse .evo-solutions-media{
        order:initial;
    }

    .evo-solutions-section{
        padding:78px 0;
    }

    .evo-solutions-heading-grid{
        gap:8px;
    }

    .evo-solutions-predust-grid{
        grid-template-columns:1fr 1fr;
        min-height:570px;
    }

    .evo-solutions-predust-copy{
        padding:78px 35px 78px 28px;
    }

    .evo-solutions-predust-media,
    .evo-solutions-predust-media img{
        min-height:570px;
    }

    .evo-solutions-crumb-grid{
        grid-template-columns:1fr 1fr;
    }

    .evo-solutions-list-inline{
        grid-template-columns:1fr;
    }

    .evo-solutions-panko-compare{
        grid-template-columns:1fr;
    }

    .evo-solutions-panko-card{
        grid-template-columns:42% 58%;
        grid-template-rows:1fr;
        min-height:390px;
    }

    .evo-solutions-panko-visual{
        min-height:390px;
    }

    .evo-solutions-special-actions{
        grid-column:1;
    }
}

@media(max-width:767px){
    .evo-solutions-hero{
        padding:62px 0 45px;
    }

    .evo-solutions-hero h1{
        font-size:40px;
    }

    .evo-solutions-hero p{
        font-size:16px;
    }

    .evo-solutions-hero-visual{
        min-height:320px;
    }

    /* Mobile nav becomes a compact dropdown */
    .evo-solutions-nav .container{
        padding-left:14px;
        padding-right:14px;
    }

    .evo-solutions-nav-toggle{
        width:100%;
        min-height:54px;
        padding:0;
        border:0;
        background:transparent;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
        color:#3d4546;
        font-size:13px;
        font-weight:750;
        text-align:left;
    }

    .evo-solutions-nav-toggle i{
        color:var(--accent-color);
        transition:transform .25s ease;
    }

    .evo-solutions-nav.is-open .evo-solutions-nav-toggle i{
        transform:rotate(180deg);
    }

    .evo-solutions-nav-track{
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        min-height:0;
        max-height:0;
        overflow:hidden;
        opacity:0;
        transition:max-height .3s ease,opacity .22s ease,padding .3s ease;
    }

    .evo-solutions-nav.is-open .evo-solutions-nav-track{
        max-height:430px;
        opacity:1;
        padding:0 0 12px;
    }

    .evo-solutions-nav a{
        padding:11px 0;
        border-top:1px solid rgba(44,44,44,.07);
    }

    .evo-solutions-nav a::after{
        display:none;
    }

    .evo-solutions-section{
        padding:62px 0;
    }

    .evo-solutions-media,
    .evo-solutions-media img{
        min-height:350px;
    }

    .evo-solutions-predust-grid{
        grid-template-columns:1fr;
        min-height:0;
    }

    .evo-solutions-predust-copy{
        padding:62px 20px;
        justify-content:flex-start;
    }

    .evo-solutions-predust-copy > .evo-solutions-copy{
        max-width:none;
    }

    .evo-solutions-predust-media,
    .evo-solutions-predust-media img{
        min-height:390px;
    }

    .evo-solutions-crumb-grid{
        grid-template-columns:1fr;
    }

    .evo-solutions-crumb-grid img{
        height:270px;
    }

    .evo-solutions-panko-card{
        grid-template-columns:1fr;
        grid-template-rows:320px 1fr;
        min-height:0;
    }

    .evo-solutions-panko-visual{
        min-height:320px;
    }

    .evo-solutions-panko-content{
        padding:27px 24px 30px;
    }

    .evo-solutions-panko-content h3{
        font-size:25px;
    }

    .evo-solutions-special-list > div{
        grid-template-columns:34px 1fr;
        padding:16px;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v21 refinements
   ========================================================= */

/* NAV — teal bar + white navigation */
.evo-solutions-nav{
    background:var(--accent-color) !important;
    border-bottom:0 !important;
    box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
}

.evo-solutions-nav a{
    color:#fff !important;
}

.evo-solutions-nav a:hover,
.evo-solutions-nav a:focus{
    color:#fff !important;
    opacity:.78;
}

.evo-solutions-nav a::after{
    background:#fff !important;
}

.evo-solutions-nav-toggle{
    color:#fff !important;
}

.evo-solutions-nav-toggle i{
    color:#fff !important;
}

/* Embedded images — no dark background box */
.evo-solutions-system-media{
    background:#fff !important;
}

.evo-solutions-system-media img{
    background:#fff !important;
}

/* CRUMB — full-width heading, supporting text below */
#crumb .evo-solutions-heading-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
    align-items:start !important;
    max-width:980px;
}

#crumb .evo-solutions-heading-grid > div:last-child{
    max-width:880px;
}

#crumb .evo-solutions-heading-grid h2{
    width:100%;
    max-width:100%;
    margin-bottom:18px;
}

/* PANKO — full-width heading, intro below on the left */
#panko .evo-solutions-heading-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
    align-items:start !important;
    max-width:980px;
}

#panko .evo-solutions-heading-grid > p{
    max-width:820px;
    margin:0;
}

#panko .evo-solutions-heading-grid h2{
    width:100%;
    max-width:100%;
    margin-bottom:18px;
}

.evo-solutions-panko-index{
    display:none !important;
}

/* Special solutions — no teal hover border or sideways movement */
.evo-solutions-special-list > div:hover{
    border-color:rgba(44,44,44,.07) !important;
    transform:none !important;
}

@media(max-width:767px){
    .evo-solutions-nav{
        box-shadow:0 5px 14px rgba(0,0,0,.08) !important;
    }

    .evo-solutions-nav a{
        border-top-color:rgba(255,255,255,.18) !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v22 refinements
   ========================================================= */

/* Slightly larger, more comfortable section navigation */
.evo-solutions-nav a{
    font-size:14px !important;
    line-height:1.2;
    font-weight:700;
}

.evo-solutions-nav-track{
    min-height:62px !important;
    gap:26px !important;
}

@media(max-width:767px){
    .evo-solutions-nav-toggle{
        min-height:58px !important;
        font-size:14px !important;
    }

    .evo-solutions-nav a{
        font-size:14px !important;
        padding:12px 0 !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v23 fixes
   ========================================================= */

/* Secondary HERO CTA:
   on white hover background the arrow must become dark/visible */
.evo-solutions-actions .btn-default.btn-border:hover::before{
    background-image:url('../images/arrow-primary.svg') !important;
    filter:none !important;
}

/* Desktop section nav — 15px, no underline animation */
.evo-solutions-nav a{
    font-size:15px !important;
}

.evo-solutions-nav a::after{
    content:none !important;
    display:none !important;
}

/* Keep hover simple and readable */
.evo-solutions-nav a:hover,
.evo-solutions-nav a:focus{
    color:#fff !important;
    opacity:.82;
}

@media(max-width:767px){

    /* Reset desktop sizing that was leaking into the mobile accordion */
    .evo-solutions-nav .container{
        padding-left:14px !important;
        padding-right:14px !important;
    }

    .evo-solutions-nav-toggle{
        min-height:56px !important;
        padding:0 !important;
        margin:0 !important;
        font-size:14px !important;
    }

    .evo-solutions-nav-track{
        display:grid !important;
        grid-template-columns:1fr !important;
        min-height:0 !important;
        max-height:0 !important;
        gap:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        opacity:0;
        transition:max-height .3s ease,opacity .22s ease,padding .3s ease !important;
    }

    .evo-solutions-nav.is-open .evo-solutions-nav-track{
        min-height:0 !important;
        max-height:70vh !important;
        gap:0 !important;
        padding:0 0 8px !important;
        overflow-y:auto !important;
        opacity:1;
    }

    .evo-solutions-nav a{
        display:block;
        width:100%;
        font-size:14px !important;
        line-height:1.25 !important;
        padding:12px 0 !important;
        margin:0 !important;
        border-top:1px solid rgba(255,255,255,.18) !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v24
   Restore the same outer frame and header clearance as index.html
   ========================================================= */

/* Same desktop white frame as .bg-section on the homepage */
.evo-solutions-hero{
    width:100%;
    max-width:1880px;
    margin:20px auto 0 !important;
    border-radius:12px;
    padding-top:220px !important;
}

/* Header stays visually inside the same 1880px frame */
header.main-header .header-sticky:not(.active){
    max-width:1880px;
    margin-left:auto;
    margin-right:auto;
}

/* Tablet/mobile header becomes top:0 in the original template.
   Reserve the same vertical space as homepage hero-box. */
@media only screen and (max-width:991px){
    .evo-solutions-hero{
        margin-top:0 !important;
        border-radius:0;
        padding-top:150px !important;
    }
}

@media only screen and (max-width:767px){
    .evo-solutions-hero{
        padding-top:145px !important;
        padding-bottom:48px !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v25
   Smaller subpage hero + 15px mobile section nav
   ========================================================= */

/* Subpage hero should be clearly more compact than homepage hero */
.evo-solutions-hero{
    padding-top:155px !important;
    padding-bottom:58px !important;
}

.evo-solutions-hero h1{
    font-size:clamp(42px,4.25vw,62px) !important;
    line-height:1.03 !important;
    max-width:760px;
}

.evo-solutions-hero p{
    font-size:17px !important;
    line-height:1.6 !important;
    max-width:650px;
}

.evo-solutions-hero-visual{
    min-height:390px !important;
}

.evo-solutions-hero-visual img{
    max-height:420px !important;
}

/* Tablet */
@media only screen and (max-width:991px){
    .evo-solutions-hero{
        padding-top:125px !important;
        padding-bottom:46px !important;
    }

    .evo-solutions-hero h1{
        font-size:44px !important;
    }

    .evo-solutions-hero-visual{
        min-height:310px !important;
    }

    .evo-solutions-hero-visual img{
        max-height:340px !important;
    }
}

/* Mobile */
@media only screen and (max-width:767px){
    #solutions-nav-list a{
        font-size:15px !important;
        line-height:1.3 !important;
    }

    .evo-solutions-nav-toggle{
        font-size:15px !important;
    }

    .evo-solutions-hero{
        padding-top:108px !important;
        padding-bottom:38px !important;
    }

    .evo-solutions-hero h1{
        font-size:34px !important;
        line-height:1.08 !important;
        margin-bottom:22px !important;
    }

    .evo-solutions-hero p{
        font-size:15.5px !important;
        line-height:1.55 !important;
    }

    .evo-solutions-hero-visual{
        min-height:245px !important;
        margin-top:20px;
    }

    .evo-solutions-hero-visual img{
        max-height:270px !important;
    }

    .evo-solutions-actions{
        margin-top:26px !important;
        gap:10px !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v26
   Section nav visually integrated with the header frame
   ========================================================= */

/* Desktop: same outer frame language as header/hero */
@media only screen and (min-width:992px){
    .evo-solutions-nav{
        width:calc(100% - 40px) !important;
        max-width:1880px !important;
        margin:10px auto 0 !important;
        border-radius:12px !important;
        overflow:hidden;
        box-shadow:0 8px 22px rgba(31,39,39,.08) !important;
    }

    .evo-solutions-nav .container{
        max-width:1320px;
    }

    .evo-solutions-nav-track{
        min-height:60px !important;
    }
}

/* Mobile/tablet stays full width and functional */
@media only screen and (max-width:991px){
    .evo-solutions-nav{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        border-radius:0 !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v27
   Nav flush with header; full-bleed only while sticky
   ========================================================= */

@media only screen and (min-width:992px){

    /* Resting state: exactly the same outer inset as header/hero */
    .evo-solutions-nav{
        width:calc(100% - 40px) !important;
        max-width:1880px !important;
        margin:0 auto !important;
        border-radius:0 0 12px 12px !important;
        box-shadow:0 8px 22px rgba(31,39,39,.08) !important;
        transition:
            width .18s ease,
            max-width .18s ease,
            margin .18s ease,
            border-radius .18s ease,
            box-shadow .18s ease,
            top .18s ease !important;
    }

    /*
       When sticky: full viewport width, no rounded edges,
       no side margins — clean toolbar treatment.
    */
    .evo-solutions-nav.is-stuck{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        border-radius:0 !important;
        box-shadow:0 7px 20px rgba(31,39,39,.11) !important;
    }

    /*
       Ensure header and hero use the exact same desktop frame:
       20px inset each side / max 1880px.
    */
    header.main-header .header-sticky:not(.active),
    .evo-solutions-hero{
        width:calc(100% - 40px) !important;
        max-width:1880px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /*
       The hero itself already provides the top white margin.
       Nav sits directly under it with no extra gap.
    */
    .evo-solutions-hero{
        margin-bottom:0 !important;
    }
}

@media only screen and (max-width:991px){
    .evo-solutions-nav{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        border-radius:0 !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v28
   Header + solutions nav as one visual module
   ========================================================= */

@media only screen and (min-width:992px){
    /* Keep only the top corners of the header rounded.
       Bottom edge joins seamlessly with the teal solutions nav. */
    header.main-header .header-sticky:not(.active){
        border-radius:12px 12px 0 0 !important;
    }
}


/* =========================================================
   EVO — ROZWIĄZANIA / v29
   Correct hero radius + stable sticky nav geometry
   ========================================================= */

@media only screen and (min-width:992px){

    /*
       Correct element:
       HERO has only its TOP corners rounded.
       The solutions nav directly below provides the BOTTOM corners.
    */
    .evo-solutions-hero{
        border-radius:12px 12px 0 0 !important;
    }

    .evo-solutions-nav{
        border-radius:0 0 12px 12px !important;

        /*
           Do not animate width/max-width/margins.
           Those geometry changes were causing the menu text to slide.
        */
        transition:
            top .18s ease,
            border-radius .18s ease,
            box-shadow .18s ease !important;
    }

    /*
       Restore header to the template's normal geometry.
       The rounded module is HERO + solutions nav, not header + nav.
    */
    header.main-header .header-sticky:not(.active){
        border-radius:0 !important;
    }

    /*
       STICKY STATE:
       Keep exactly the same element width and therefore exactly the
       same text coordinates. Only extend the teal background visually
       to the viewport edges.
    */
    .evo-solutions-nav.is-stuck{
        width:calc(100% - 40px) !important;
        max-width:1880px !important;
        margin:0 auto !important;
        border-radius:0 !important;

        /*
           Full-bleed teal background without resizing the nav content box.
           clip-path limits the huge spread to the bar's own height.
        */
        box-shadow:0 0 0 100vw var(--accent-color) !important;
        clip-path:inset(0 -100vw);
        overflow:visible !important;
    }
}

@media only screen and (max-width:991px){
    .evo-solutions-hero{
        border-radius:0 !important;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v30
   ========================================================= */

.evo-applications-page{
    background:#fff;
}

.evo-applications-page *{
    box-sizing:border-box;
}

/* HERO */
.evo-applications-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.96fr) minmax(460px,1.04fr);
    gap:56px;
    align-items:center;
}

.evo-applications-hero-mosaic{
    min-height:390px;
    display:grid;
    grid-template-columns:1.06fr .94fr;
    grid-template-rows:1fr 1fr;
    gap:12px;
}

.evo-applications-hero-photo{
    margin:0;
    overflow:hidden;
    background:#fff;
}

.evo-applications-hero-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.evo-applications-hero-photo:hover img{
    transform:scale(1.025);
}

.evo-applications-hero-photo-a{
    grid-row:1 / 3;
}

.evo-applications-hero-photo-a img{
    object-position:center;
}

.evo-applications-hero-photo-b,
.evo-applications-hero-photo-c{
    min-height:185px;
}

/* NAV */
.evo-applications-nav{
    z-index:91;
}

/* COMMON CATEGORY */
.evo-applications-category{
    position:relative;
    padding:100px 0;
    overflow:hidden;
}

.evo-applications-category-white{
    background:#fff;
}

.evo-applications-soft{
    background:#f1f3ef;
}

.evo-applications-category-grid{
    display:grid;
    grid-template-columns:minmax(430px,.96fr) minmax(0,1.04fr);
    gap:clamp(55px,7vw,105px);
    align-items:center;
}

.evo-applications-category-grid-reverse .evo-applications-category-copy{
    order:1;
}

.evo-applications-category-grid-reverse .evo-applications-photo-card{
    order:2;
}

.evo-applications-eyebrow{
    color:var(--accent-color);
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-bottom:18px;
}

.evo-applications-category-copy h2,
.evo-applications-channels-head h2{
    color:#363c3d;
    font-size:clamp(39px,4vw,58px);
    line-height:1.06;
    letter-spacing:-.04em;
    font-weight:550;
    margin:0 0 24px;
}

.evo-applications-intro{
    color:#5f6768;
    font-size:18px;
    line-height:1.62;
    margin:0 0 32px;
}

.evo-applications-data{
    border-top:1px solid rgba(44,44,44,.12);
}

.evo-applications-data article{
    display:grid;
    grid-template-columns:165px 1fr;
    gap:24px;
    padding:20px 0;
    border-bottom:1px solid rgba(44,44,44,.12);
}

.evo-applications-data span{
    color:var(--accent-color);
    font-size:12px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.evo-applications-data p{
    margin:0;
    color:#626a6b;
    font-size:15px;
    line-height:1.62;
}

/* WHITE-BACKGROUND PRODUCT CUTOUT */
.evo-applications-product-visual{
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid rgba(44,44,44,.07);
    overflow:hidden;
}

.evo-applications-product-visual img{
    display:block;
    width:100%;
    height:100%;
    min-height:520px;
    padding:28px;
    object-fit:contain;
    transition:transform .45s ease;
}

.evo-applications-product-visual:hover img{
    transform:scale(1.03);
}

/* PHOTO CARD */
.evo-applications-photo-card{
    min-height:535px;
    overflow:hidden;
    background:#fff;
}

.evo-applications-photo-card img{
    display:block;
    width:100%;
    height:100%;
    min-height:535px;
    object-fit:cover;
    transition:transform .45s ease;
}

.evo-applications-photo-card:hover img{
    transform:scale(1.025);
}

/* EDGE-TO-EDGE CATEGORY */
.evo-applications-edge{
    padding:0;
}

.evo-applications-edge-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:650px;
}

.evo-applications-edge-copy{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:95px clamp(45px,5vw,90px) 95px max(30px,calc((100vw - 1320px)/2));
}

.evo-applications-edge-copy-right{
    justify-content:flex-start;
    padding-left:clamp(45px,5vw,90px);
    padding-right:max(30px,calc((100vw - 1320px)/2));
}

.evo-applications-edge-copy .evo-applications-category-copy{
    width:100%;
    max-width:610px;
}

.evo-applications-edge-photo{
    min-height:650px;
    overflow:hidden;
}

.evo-applications-edge-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:650px;
    object-fit:cover;
    transition:transform .5s ease;
}

.evo-applications-edge-photo:hover img{
    transform:scale(1.02);
}

/* CHANNELS */
.evo-applications-channels{
    padding:100px 0 110px;
    background:#eef2ed;
}

.evo-applications-channels-head{
    max-width:850px;
    margin-bottom:46px;
}

.evo-applications-channels-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.evo-applications-channels-grid article{
    min-height:265px;
    padding:28px 26px;
    background:#fff;
    border:1px solid rgba(44,44,44,.07);
    display:flex;
    flex-direction:column;
    transition:transform .3s ease,box-shadow .3s ease;
}

.evo-applications-channels-grid article:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 36px rgba(37,46,46,.07);
}

.evo-applications-channel-no{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--accent-color);
    color:#fff;
    font-size:10px;
    font-weight:800;
    margin-bottom:auto;
}

.evo-applications-channels-grid h3{
    color:#363c3d;
    font-size:23px;
    line-height:1.15;
    letter-spacing:-.02em;
    margin:35px 0 12px;
}

.evo-applications-channels-grid p{
    color:#697172;
    line-height:1.6;
    margin:0;
}

/* TABLET */
@media(max-width:1199px){
    .evo-applications-hero-grid{
        grid-template-columns:1fr 1fr;
        gap:34px;
    }

    .evo-applications-category-grid{
        gap:50px;
    }

    .evo-applications-data article{
        grid-template-columns:145px 1fr;
        gap:18px;
    }

    .evo-applications-channels-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:991px){
    .evo-applications-hero-grid,
    .evo-applications-category-grid{
        grid-template-columns:1fr;
    }

    .evo-applications-hero-mosaic{
        min-height:330px;
        margin-top:24px;
    }

    .evo-applications-category{
        padding:76px 0;
    }

    .evo-applications-category-grid-reverse .evo-applications-category-copy,
    .evo-applications-category-grid-reverse .evo-applications-photo-card{
        order:initial;
    }

    .evo-applications-product-visual,
    .evo-applications-product-visual img{
        min-height:450px;
    }

    .evo-applications-photo-card,
    .evo-applications-photo-card img{
        min-height:450px;
    }

    .evo-applications-edge-grid{
        grid-template-columns:1fr 1fr;
        min-height:580px;
    }

    .evo-applications-edge-copy{
        padding:76px 32px 76px 28px;
    }

    .evo-applications-edge-copy-right{
        padding:76px 28px 76px 32px;
    }

    .evo-applications-edge-photo,
    .evo-applications-edge-photo img{
        min-height:580px;
    }
}

/* MOBILE */
@media(max-width:767px){
    #applications-nav-list a{
        font-size:15px !important;
    }

    .evo-applications-hero-mosaic{
        min-height:255px;
        gap:7px;
    }

    .evo-applications-hero-photo-b,
    .evo-applications-hero-photo-c{
        min-height:120px;
    }

    .evo-applications-category{
        padding:60px 0;
    }

    .evo-applications-category-copy h2,
    .evo-applications-channels-head h2{
        font-size:35px;
    }

    .evo-applications-intro{
        font-size:16px;
        margin-bottom:26px;
    }

    .evo-applications-data article{
        grid-template-columns:1fr;
        gap:7px;
        padding:17px 0;
    }

    .evo-applications-product-visual,
    .evo-applications-product-visual img{
        min-height:330px;
    }

    .evo-applications-product-visual img{
        padding:18px;
    }

    .evo-applications-photo-card,
    .evo-applications-photo-card img{
        min-height:360px;
    }

    .evo-applications-edge-grid{
        grid-template-columns:1fr;
        min-height:0;
    }

    .evo-applications-edge-copy,
    .evo-applications-edge-copy-right{
        padding:60px 20px;
    }

    .evo-applications-edge-photo,
    .evo-applications-edge-photo img{
        min-height:390px;
    }

    .evo-applications-edge-grid-photo-left .evo-applications-edge-photo{
        order:2;
    }

    .evo-applications-edge-grid-photo-left .evo-applications-edge-copy{
        order:1;
    }

    .evo-applications-channels{
        padding:65px 0 72px;
    }

    .evo-applications-channels-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .evo-applications-channels-grid article{
        min-height:210px;
        padding:23px 21px;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v31
   Consistent edge-to-edge checkerboard + single hero image
   ========================================================= */

/* HERO — one strong image instead of mosaic */
.evo-applications-hero-single{
    min-height:390px;
    display:flex;
    align-items:stretch;
    overflow:hidden;
    background:#fff;
}

.evo-applications-hero-single img{
    display:block;
    width:100%;
    height:100%;
    min-height:390px;
    object-fit:cover;
    object-position:center;
}

/* ALL PRODUCT SECTIONS — same visual grammar as "Mięso" */
.evo-applications-edge-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    min-height:650px !important;
}

.evo-applications-edge-copy{
    min-height:650px;
}

.evo-applications-edge-photo,
.evo-applications-edge-photo img{
    min-height:650px !important;
    height:100% !important;
}

.evo-applications-edge-photo img{
    object-fit:cover !important;
}

/* Ensure the checkerboard order is visually explicit */
.evo-applications-edge-grid-photo-left .evo-applications-edge-photo{
    order:1;
}

.evo-applications-edge-grid-photo-left .evo-applications-edge-copy{
    order:2;
}

.evo-applications-edge-grid:not(.evo-applications-edge-grid-photo-left) .evo-applications-edge-copy{
    order:1;
}

.evo-applications-edge-grid:not(.evo-applications-edge-grid-photo-left) .evo-applications-edge-photo{
    order:2;
}

/* CHANNELS — consistent vertical rhythm in every card */
.evo-applications-channels-grid{
    align-items:stretch;
}

.evo-applications-channels-grid article{
    display:grid !important;
    grid-template-rows:32px 62px 1fr;
    align-content:start;
    min-height:265px;
}

.evo-applications-channel-no{
    margin-bottom:0 !important;
}

.evo-applications-channels-grid h3{
    display:flex;
    align-items:flex-end;
    min-height:62px;
    margin:0 !important;
    padding-top:18px;
}

.evo-applications-channels-grid p{
    margin-top:15px !important;
}

@media(max-width:991px){
    .evo-applications-hero-single,
    .evo-applications-hero-single img{
        min-height:330px;
    }

    .evo-applications-edge-grid{
        min-height:570px !important;
    }

    .evo-applications-edge-copy,
    .evo-applications-edge-photo,
    .evo-applications-edge-photo img{
        min-height:570px !important;
    }
}

@media(max-width:767px){
    .evo-applications-hero-single,
    .evo-applications-hero-single img{
        min-height:255px;
    }

    /* On mobile: text first, image second for easier reading,
       while desktop keeps the checkerboard. */
    .evo-applications-edge-grid{
        grid-template-columns:1fr !important;
        min-height:0 !important;
    }

    .evo-applications-edge-copy,
    .evo-applications-edge-grid-photo-left .evo-applications-edge-copy,
    .evo-applications-edge-grid:not(.evo-applications-edge-grid-photo-left) .evo-applications-edge-copy{
        order:1 !important;
        min-height:0 !important;
    }

    .evo-applications-edge-photo,
    .evo-applications-edge-grid-photo-left .evo-applications-edge-photo,
    .evo-applications-edge-grid:not(.evo-applications-edge-grid-photo-left) .evo-applications-edge-photo{
        order:2 !important;
}

    .evo-applications-edge-photo img{
        min-height:390px !important;
    }

    .evo-applications-channels-grid article{
        grid-template-rows:32px auto 1fr;
        min-height:210px;
    }

    .evo-applications-channels-grid h3{
        min-height:0;
        padding-top:18px;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v32
   Tighter section rhythm + mobile spacing fixes
   ========================================================= */

.evo-applications-page{
    overflow-x:hidden;
}

.evo-applications-edge-grid,
.evo-applications-edge-copy,
.evo-applications-edge-photo,
.evo-applications-category-copy,
.evo-applications-data,
.evo-applications-data article{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}

/* Desktop */
.evo-applications-edge-grid{
    min-height:560px !important;
}

.evo-applications-edge-copy{
    min-height:560px !important;
    padding-top:72px !important;
    padding-bottom:72px !important;
}

.evo-applications-edge-photo,
.evo-applications-edge-photo img{
    min-height:560px !important;
}

.evo-applications-category-copy h2{
    margin-bottom:20px !important;
}

.evo-applications-intro{
    margin-bottom:24px !important;
}

.evo-applications-data article{
    padding-top:16px !important;
    padding-bottom:16px !important;
}

.evo-applications-channels{
    padding-top:72px !important;
    padding-bottom:78px !important;
}

.evo-applications-channels-head{
    margin-bottom:34px !important;
}

.evo-applications-channels-grid article{
    min-height:235px !important;
}

/* Tablet */
@media only screen and (max-width:991px){
    .evo-applications-edge-grid{
        min-height:500px !important;
    }

    .evo-applications-edge-copy{
        min-height:500px !important;
        padding-top:58px !important;
        padding-bottom:58px !important;
    }

    .evo-applications-edge-photo,
    .evo-applications-edge-photo img{
        min-height:500px !important;
    }

    .evo-applications-channels{
        padding-top:60px !important;
        padding-bottom:66px !important;
    }
}

/* Mobile */
@media only screen and (max-width:767px){
    .evo-applications-edge-grid{
        min-height:0 !important;
        height:auto !important;
    }

    .evo-applications-edge-copy,
    .evo-applications-edge-copy-right{
        min-height:0 !important;
        height:auto !important;
        width:100% !important;
        padding:46px 20px !important;
        margin:0 !important;
    }

    .evo-applications-edge-copy .evo-applications-category-copy{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
    }

    .evo-applications-edge-photo{
        min-height:310px !important;
        height:310px !important;
        width:100% !important;
        margin:0 !important;
    }

    .evo-applications-edge-photo img{
        min-height:310px !important;
        height:310px !important;
        width:100% !important;
        object-fit:cover !important;
    }

    .evo-applications-category-copy h2{
        font-size:34px !important;
        line-height:1.08 !important;
        margin-bottom:18px !important;
    }

    .evo-applications-intro{
        margin-bottom:20px !important;
    }

    .evo-applications-data article{
        padding:14px 0 !important;
    }

    .evo-applications-data article:last-child{
        padding-bottom:0 !important;
    }

    .evo-applications-channels{
        padding:50px 0 58px !important;
    }

    .evo-applications-channels-head{
        margin-bottom:26px !important;
    }

    .evo-applications-channels-grid article{
        min-height:185px !important;
        padding:20px !important;
    }

    .evo-applications-channels-grid h3{
        padding-top:14px !important;
    }

    .evo-applications-channels-grid p{
        margin-top:10px !important;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v33
   Align split-section copy with the global .container grid
   ========================================================= */

/*
   Global template container:
   - desktop >1440px: max-width 1500px + 15px internal padding
   - <=1440px:       max-width 1300px + 15px internal padding

   Edge-to-edge split sections now use the very same content line.
*/

/* Large desktop */
@media only screen and (min-width:1441px){

    /* Text on the LEFT half — align its left edge with .container content */
    .evo-applications-edge-copy:not(.evo-applications-edge-copy-right){
        padding-left:max(15px, calc((100vw - 1500px) / 2 + 15px)) !important;
    }

    /* Text on the RIGHT half — align its right edge with .container content */
    .evo-applications-edge-copy.evo-applications-edge-copy-right{
        padding-right:max(15px, calc((100vw - 1500px) / 2 + 15px)) !important;
    }
}

/* Standard desktop / laptop */
@media only screen and (min-width:992px) and (max-width:1440px){

    .evo-applications-edge-copy:not(.evo-applications-edge-copy-right){
        padding-left:max(15px, calc((100vw - 1300px) / 2 + 15px)) !important;
    }

    .evo-applications-edge-copy.evo-applications-edge-copy-right{
        padding-right:max(15px, calc((100vw - 1300px) / 2 + 15px)) !important;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v34
   Exact alignment to #kanaly > .container
   ========================================================= */

/*
   Values are measured at runtime from the actual Bootstrap/template
   container used by the Kanały section. This guarantees the same guides
   regardless of viewport width or container breakpoint.
*/
@media only screen and (min-width:992px){

    .evo-applications-edge-copy:not(.evo-applications-edge-copy-right){
        padding-left:var(--evo-app-content-left, 15px) !important;
    }

    .evo-applications-edge-copy.evo-applications-edge-copy-right{
        padding-right:var(--evo-app-content-right, 15px) !important;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v35
   Full-width split copy + tighter mobile rhythm
   ========================================================= */

/* Do not artificially narrow copy inside split sections */
.evo-applications-edge-copy .evo-applications-category-copy{
    width:100% !important;
    max-width:none !important;
}

/* Mobile — more compact, cleaner vertical flow */
@media only screen and (max-width:767px){

    .evo-applications-edge-copy,
    .evo-applications-edge-copy-right{
        padding:34px 20px !important;
    }

    .evo-applications-edge-photo{
        min-height:270px !important;
        height:270px !important;
    }

    .evo-applications-edge-photo img{
        min-height:270px !important;
        height:270px !important;
    }

    .evo-applications-category-copy h2{
        margin-bottom:14px !important;
    }

    .evo-applications-eyebrow{
        margin-bottom:12px !important;
    }

    .evo-applications-intro{
        margin-bottom:16px !important;
    }

    .evo-applications-data article{
        padding:11px 0 !important;
    }

    .evo-applications-data article:last-child{
        padding-bottom:0 !important;
    }

    .evo-applications-channels{
        padding:42px 0 48px !important;
    }

    .evo-applications-channels-head{
        margin-bottom:22px !important;
    }

    .evo-applications-channels-grid{
        gap:8px !important;
    }

    .evo-applications-channels-grid article{
        min-height:170px !important;
        padding:18px !important;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v36
   Mobile: remove dead vertical space + restore sticky nav
   ========================================================= */

/*
   overflow-x:hidden can create a scrolling ancestor and break sticky.
   clip prevents horizontal painting without creating a scroll container.
*/
.evo-applications-page{
    overflow-x:clip !important;
    overflow-y:visible !important;
}

/* Make sure the category nav remains sticky on mobile as well */
.evo-solutions-nav.evo-applications-nav{
    position:sticky !important;
    top:var(--evo-solutions-nav-top, 0px) !important;
    z-index:120 !important;
}

/* Mobile: every split section must be content-driven, never min-height-driven */
@media only screen and (max-width:767px){

    .evo-applications-category.evo-applications-edge{
        padding:0 !important;
        min-height:0 !important;
        height:auto !important;
    }

    .evo-applications-edge-grid{
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:none !important;
        min-height:0 !important;
        height:auto !important;
        align-items:stretch !important;
    }

    .evo-applications-edge-copy,
    .evo-applications-edge-copy-right{
        flex:0 0 auto !important;
        min-height:0 !important;
        height:auto !important;
        padding:30px 20px !important;
    }

    .evo-applications-edge-photo{
        flex:0 0 250px !important;
        min-height:250px !important;
        height:250px !important;
        max-height:250px !important;
        overflow:hidden !important;
    }

    .evo-applications-edge-photo img{
        display:block !important;
        width:100% !important;
        height:250px !important;
        min-height:0 !important;
        max-height:250px !important;
        object-fit:cover !important;
    }

    /* Text first, image second, consistently */
    .evo-applications-edge-copy,
    .evo-applications-edge-grid-photo-left .evo-applications-edge-copy,
    .evo-applications-edge-grid:not(.evo-applications-edge-grid-photo-left) .evo-applications-edge-copy{
        order:1 !important;
    }

    .evo-applications-edge-photo,
    .evo-applications-edge-grid-photo-left .evo-applications-edge-photo,
    .evo-applications-edge-grid:not(.evo-applications-edge-grid-photo-left) .evo-applications-edge-photo{
        order:2 !important;
    }

    /* No accidental bottom whitespace from text blocks */
    .evo-applications-category-copy,
    .evo-applications-data{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    .evo-applications-data article:last-child{
        border-bottom:0 !important;
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    /* Mobile sticky bar stays full-width and square-edged */
    .evo-solutions-nav.evo-applications-nav{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        border-radius:0 !important;
    }
}


/* =========================================================
   EVO — TECHNOLOGIA I JAKOŚĆ / v38
   ========================================================= */

.evo-tech-page{
    background:#fff;
    overflow-x:clip;
}

.evo-tech-page *{
    box-sizing:border-box;
}

.evo-tech-eyebrow{
    color:var(--accent-color);
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-bottom:18px;
}

/* HERO */
.evo-tech-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);
    gap:55px;
    align-items:center;
}

.evo-tech-hero-photo{
    min-height:390px;
    overflow:hidden;
    background:#fff;
}

.evo-tech-hero-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:390px;
    object-fit:cover;
}

/* PROCESS */
.evo-tech-process{
    padding:95px 0 105px;
    background:#f1f3ef;
}

.evo-tech-section-head{
    max-width:980px;
    margin-bottom:42px;
}

.evo-tech-section-head h2,
.evo-tech-quality-head h2{
    color:#363c3d;
    font-size:clamp(40px,4vw,58px);
    line-height:1.06;
    letter-spacing:-.04em;
    font-weight:550;
    margin:0;
}

.evo-tech-process-track{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}

.evo-tech-step{
    background:#fff;
    min-width:0;
    overflow:hidden;
}

.evo-tech-step-image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.evo-tech-step-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.evo-tech-step:hover .evo-tech-step-image img{
    transform:scale(1.035);
}

.evo-tech-step-image span{
    position:absolute;
    left:16px;
    top:16px;
    width:31px;
    height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--accent-color);
    color:#fff;
    font-size:10px;
    font-weight:800;
}

.evo-tech-step-copy{
    padding:23px 20px 26px;
}

.evo-tech-step-copy h3{
    color:#363c3d;
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.02em;
    margin:0 0 11px;
}

.evo-tech-step-copy p{
    color:#6c7475;
    font-size:14px;
    line-height:1.58;
    margin:0;
}

/* TESTS — edge-to-edge */
.evo-tech-tests{
    background:#fff;
    overflow:hidden;
}

.evo-tech-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:620px;
}

.evo-tech-split-photo{
    min-height:620px;
    overflow:hidden;
}

.evo-tech-split-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:620px;
    object-fit:cover;
}

.evo-tech-split-copy{
    display:flex;
    align-items:center;
    padding:80px max(30px,calc((100vw - 1500px)/2 + 15px)) 80px clamp(55px,5vw,90px);
}

.evo-tech-copy-inner{
    max-width:680px;
}

.evo-tech-copy-inner h2{
    color:#363c3d;
    font-size:clamp(40px,4vw,58px);
    line-height:1.06;
    letter-spacing:-.04em;
    font-weight:550;
    margin:0 0 22px;
}

.evo-tech-lead{
    color:#626a6b;
    font-size:17px;
    line-height:1.65;
    margin:0 0 28px;
}

.evo-tech-check-list{
    list-style:none;
    padding:0;
    margin:0;
    border-top:1px solid rgba(44,44,44,.12);
}

.evo-tech-check-list li{
    position:relative;
    padding:14px 0 14px 26px;
    color:#505859;
    line-height:1.45;
    border-bottom:1px solid rgba(44,44,44,.12);
}

.evo-tech-check-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:20px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent-color);
}

/* RECIPES */
.evo-tech-recipes{
    padding:100px 0 108px;
    background:#202627;
}

.evo-tech-recipes .evo-tech-eyebrow{
    color:var(--accent-color);
}

.evo-tech-recipes .evo-tech-section-head h2{
    color:#fff;
}

.evo-tech-models{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.evo-tech-models article{
    min-height:325px;
    padding:30px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.1);
    display:flex;
    flex-direction:column;
    transition:background-color .3s ease,transform .3s ease;
}

.evo-tech-models article:hover{
    background:rgba(255,255,255,.075);
    transform:translateY(-4px);
}

.evo-tech-model-no{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--accent-color);
    color:#fff;
    font-size:10px;
    font-weight:800;
    margin-bottom:auto;
}

.evo-tech-models h3{
    color:#fff;
    font-size:27px;
    line-height:1.15;
    letter-spacing:-.025em;
    margin:42px 0 13px;
}

.evo-tech-models p{
    color:rgba(255,255,255,.68);
    line-height:1.62;
    margin:0;
}

/* QUALITY */
.evo-tech-quality{
    padding:100px 0 108px;
    background:#eef2ed;
}

.evo-tech-quality-head{
    max-width:980px;
    margin-bottom:42px;
}

.evo-tech-quality-grid{
    display:grid;
    grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr);
    gap:60px;
    align-items:stretch;
}

.evo-tech-quality-photo{
    min-height:500px;
    overflow:hidden;
}

.evo-tech-quality-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:500px;
    object-fit:cover;
}

.evo-tech-quality-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.evo-tech-quality-list{
    list-style:none;
    padding:0;
    margin:0;
    border-top:1px solid rgba(44,44,44,.12);
}

.evo-tech-quality-list li{
    padding:16px 0;
    color:#626a6b;
    line-height:1.55;
    border-bottom:1px solid rgba(44,44,44,.12);
}

.evo-tech-quality-list strong{
    color:#343b3c;
}

.evo-tech-quality-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}

.evo-tech-outline-btn{
    background:transparent !important;
    border:1px solid rgba(44,44,44,.25) !important;
    color:#343b3c !important;
}

.evo-tech-outline-btn:hover{
    background:#343b3c !important;
    color:#fff !important;
    border-color:#343b3c !important;
}

.evo-tech-cert-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:20px;
    margin-top:55px;
    padding-top:40px;
    border-top:1px solid rgba(44,44,44,.1);
}

.evo-tech-cert-grid figure{
    margin:0;
    text-align:center;
}

.evo-tech-cert-grid img{
    display:block;
    width:100%;
    max-width:135px;
    aspect-ratio:1;
    object-fit:contain;
    margin:0 auto;
}

.evo-tech-cert-grid figcaption{
    margin-top:11px;
    color:#4d5556;
    font-size:11px;
    font-weight:800;
    letter-spacing:.06em;
}

/* TABLET */
@media(max-width:1199px){
    .evo-tech-process-track{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .evo-tech-step:nth-child(4),
    .evo-tech-step:nth-child(5){
        min-height:420px;
    }
}

@media(max-width:991px){
    .evo-tech-hero-grid{
        grid-template-columns:1fr;
    }

    .evo-tech-hero-photo,
    .evo-tech-hero-photo img{
        min-height:330px;
    }

    .evo-tech-process{
        padding:75px 0 80px;
    }

    .evo-tech-process-track{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .evo-tech-split{
        grid-template-columns:1fr;
        min-height:0;
    }

    .evo-tech-split-photo,
    .evo-tech-split-photo img{
        min-height:450px;
    }

    .evo-tech-split-copy{
        padding:70px 30px;
    }

    .evo-tech-copy-inner{
        max-width:none;
    }

    .evo-tech-models{
        grid-template-columns:1fr;
    }

    .evo-tech-models article{
        min-height:245px;
    }

    .evo-tech-quality-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .evo-tech-quality-photo,
    .evo-tech-quality-photo img{
        min-height:430px;
    }

    .evo-tech-cert-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

/* MOBILE */
@media(max-width:767px){
    #tech-nav-list a{
        font-size:15px !important;
    }

    .evo-tech-hero-photo,
    .evo-tech-hero-photo img{
        min-height:250px;
        height:250px;
    }

    .evo-tech-process{
        padding:52px 0 58px;
    }

    .evo-tech-section-head,
    .evo-tech-quality-head{
        margin-bottom:28px;
    }

    .evo-tech-section-head h2,
    .evo-tech-quality-head h2,
    .evo-tech-copy-inner h2{
        font-size:35px;
    }

    .evo-tech-process-track{
        grid-template-columns:1fr;
        gap:10px;
    }

    .evo-tech-step{
        display:grid;
        grid-template-columns:120px 1fr;
        min-height:0 !important;
    }

    .evo-tech-step-image{
        height:100%;
        min-height:145px;
    }

    .evo-tech-step-copy{
        padding:19px 18px;
    }

    .evo-tech-step-copy h3{
        font-size:19px;
    }

    .evo-tech-split-photo,
    .evo-tech-split-photo img{
        min-height:250px;
        height:250px;
    }

    .evo-tech-split-copy{
        padding:45px 20px;
    }

    .evo-tech-lead{
        font-size:16px;
        margin-bottom:20px;
    }

    .evo-tech-check-list li{
        padding-top:11px;
        padding-bottom:11px;
    }

    .evo-tech-check-list li::before{
        top:17px;
    }

    .evo-tech-recipes{
        padding:55px 0 60px;
    }

    .evo-tech-models{
        gap:8px;
    }

    .evo-tech-models article{
        min-height:205px;
        padding:23px 21px;
    }

    .evo-tech-models h3{
        margin-top:28px;
        font-size:24px;
    }

    .evo-tech-quality{
        padding:55px 0 62px;
    }

    .evo-tech-quality-photo,
    .evo-tech-quality-photo img{
        min-height:270px;
        height:270px;
    }

    .evo-tech-quality-list li{
        padding:13px 0;
    }

    .evo-tech-cert-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px 14px;
        margin-top:38px;
        padding-top:30px;
    }

    .evo-tech-cert-grid img{
        max-width:120px;
    }
}


/* =========================================================
   EVO — WIEDZA / v39
   ========================================================= */

.evo-knowledge-page,
.evo-about-page{
    background:#fff;
    overflow-x:clip;
}

.evo-knowledge-page *,
.evo-about-page *{
    box-sizing:border-box;
}

.evo-knowledge-hero-grid,
.evo-about-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);
    gap:55px;
    align-items:center;
}

.evo-knowledge-hero-photo,
.evo-about-hero-photo{
    min-height:390px;
    overflow:hidden;
    background:#fff;
}

.evo-knowledge-hero-photo img,
.evo-about-hero-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:390px;
    object-fit:cover;
}

/* KNOWLEDGE */
.evo-knowledge-library{
    padding:95px 0 108px;
    background:#f1f3ef;
}

.evo-knowledge-head{
    max-width:980px;
    margin-bottom:42px;
}

.evo-knowledge-eyebrow,
.evo-about-eyebrow{
    color:var(--accent-color);
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-bottom:18px;
}

.evo-knowledge-head h2,
.evo-about-section-head h2,
.evo-about-copy-inner h2,
.evo-about-group-copy h2,
.evo-about-krd-copy h2{
    color:#363c3d;
    font-size:clamp(40px,4vw,58px);
    line-height:1.06;
    letter-spacing:-.04em;
    font-weight:550;
    margin:0;
}

.evo-knowledge-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.evo-knowledge-card{
    background:#fff;
    overflow:hidden;
    border:1px solid rgba(44,44,44,.07);
    transition:transform .3s ease,box-shadow .3s ease;
}

.evo-knowledge-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 42px rgba(36,45,45,.08);
}

.evo-knowledge-card-media{
    height:255px;
    overflow:hidden;
}

.evo-knowledge-card-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.evo-knowledge-card:hover .evo-knowledge-card-media img{
    transform:scale(1.035);
}

.evo-knowledge-card-body{
    min-height:270px;
    display:flex;
    flex-direction:column;
    padding:25px 24px 27px;
}

.evo-knowledge-no{
    color:var(--accent-color);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    margin-bottom:18px;
}

.evo-knowledge-card h3{
    color:#363c3d;
    font-size:27px;
    line-height:1.14;
    letter-spacing:-.025em;
    margin:0 0 13px;
}

.evo-knowledge-card p{
    color:#697172;
    line-height:1.6;
    margin:0;
}

.evo-knowledge-link{
    color:var(--accent-color);
    font-size:12px;
    font-weight:800;
    margin-top:auto;
    padding-top:25px;
}

/* ABOUT */
.evo-about-specialization{
    padding:95px 0 105px;
    background:#f1f3ef;
}

.evo-about-section-head{
    max-width:1050px;
    margin-bottom:42px;
}

.evo-about-section-head p{
    max-width:900px;
    color:#687071;
    font-size:17px;
    line-height:1.68;
    margin:24px 0 0;
}

.evo-about-layers{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}

.evo-about-layers>div{
    min-height:185px;
    background:#fff;
    padding:23px 20px;
    display:flex;
    flex-direction:column;
}

.evo-about-layers span{
    color:var(--accent-color);
    font-size:11px;
    font-weight:800;
    margin-bottom:auto;
}

.evo-about-layers strong{
    color:#363c3d;
    font-size:21px;
    margin-bottom:5px;
}

.evo-about-layers small{
    color:#7a8283;
}

.evo-about-collaboration{
    background:#fff;
    overflow:hidden;
}

.evo-about-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:590px;
}

.evo-about-split-photo,
.evo-about-split-photo img{
    min-height:590px;
}

.evo-about-split-photo{
    overflow:hidden;
}

.evo-about-split-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.evo-about-split-copy{
    display:flex;
    align-items:center;
    padding:75px max(30px,calc((100vw - 1500px)/2 + 15px)) 75px clamp(55px,5vw,90px);
}

.evo-about-copy-inner{
    max-width:700px;
}

.evo-about-copy-inner p,
.evo-about-group-copy p,
.evo-about-krd-copy p{
    color:#687071;
    font-size:16px;
    line-height:1.68;
    margin:22px 0 0;
}

.evo-about-group{
    padding:100px 0;
    background:#202627;
}

.evo-about-group-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
    gap:70px;
    align-items:center;
}

.evo-about-group-copy h2{
    color:#fff;
}

.evo-about-group-copy p{
    color:rgba(255,255,255,.68);
}

.evo-about-group-photo{
    min-height:470px;
    overflow:hidden;
}

.evo-about-group-photo img{
    width:100%;
    height:100%;
    min-height:470px;
    object-fit:cover;
}

.evo-about-numbers-team{
    padding:100px 0 108px;
    background:#eef2ed;
}

.evo-about-stats{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-bottom:45px;
}

.evo-about-stats article{
    background:#fff;
    min-height:160px;
    padding:24px 20px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.evo-about-stats strong{
    color:var(--accent-color);
    font-size:48px;
    line-height:.95;
    letter-spacing:-.04em;
    margin-bottom:13px;
}

.evo-about-stats span{
    color:#4e5657;
    font-size:14px;
    line-height:1.35;
}

.evo-about-team{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.evo-about-team article{
    min-height:135px;
    padding:22px;
    background:#fff;
    display:flex;
    align-items:center;
    gap:17px;
}

.evo-about-team-initials{
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--accent-color);
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.evo-about-team h3{
    color:#363c3d;
    font-size:20px;
    margin:0 0 4px;
}

.evo-about-team p{
    color:#707879;
    margin:0;
    font-size:14px;
}

.evo-about-krd{
    padding:100px 0 108px;
    background:#fff;
}

.evo-about-krd-grid{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
    gap:80px;
    align-items:center;
}

.evo-about-krd-mark{
    min-height:330px;
    padding:35px;
    background:#202627;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.evo-about-krd-symbol{
    width:125px;
    height:125px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    color:var(--accent-color);
    font-size:29px;
    font-weight:800;
    letter-spacing:.05em;
    margin-bottom:25px;
}

.evo-about-krd-mark span{
    max-width:250px;
    color:#fff;
    font-size:15px;
    line-height:1.5;
}

/* TABLET */
@media(max-width:1199px){
    .evo-knowledge-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .evo-about-layers{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .evo-about-stats{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:991px){
    .evo-knowledge-hero-grid,
    .evo-about-hero-grid,
    .evo-about-group-grid,
    .evo-about-krd-grid{
        grid-template-columns:1fr;
    }

    .evo-knowledge-hero-photo,
    .evo-knowledge-hero-photo img,
    .evo-about-hero-photo,
    .evo-about-hero-photo img{
        min-height:330px;
    }

    .evo-about-split{
        grid-template-columns:1fr;
        min-height:0;
    }

    .evo-about-split-photo,
    .evo-about-split-photo img{
        min-height:430px;
    }

    .evo-about-split-copy{
        padding:70px 30px;
    }

    .evo-about-copy-inner{
        max-width:none;
    }

    .evo-about-team{
        grid-template-columns:1fr;
    }
}

/* MOBILE */
@media(max-width:767px){
    #knowledge-nav-list a,
    #about-nav-list a{
        font-size:15px !important;
    }

    .evo-knowledge-hero-photo,
    .evo-knowledge-hero-photo img,
    .evo-about-hero-photo,
    .evo-about-hero-photo img{
        min-height:250px;
        height:250px;
    }

    .evo-knowledge-library,
    .evo-about-specialization,
    .evo-about-numbers-team,
    .evo-about-krd{
        padding:52px 0 58px;
    }

    .evo-knowledge-head,
    .evo-about-section-head{
        margin-bottom:28px;
    }

    .evo-knowledge-head h2,
    .evo-about-section-head h2,
    .evo-about-copy-inner h2,
    .evo-about-group-copy h2,
    .evo-about-krd-copy h2{
        font-size:35px;
    }

    .evo-knowledge-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .evo-knowledge-card{
        display:grid;
        grid-template-columns:120px 1fr;
    }

    .evo-knowledge-card-media{
        height:auto;
        min-height:180px;
    }

    .evo-knowledge-card-body{
        min-height:180px;
        padding:18px;
    }

    .evo-knowledge-card h3{
        font-size:21px;
    }

    .evo-knowledge-no{
        margin-bottom:10px;
    }

    .evo-knowledge-link{
        padding-top:15px;
    }

    .evo-about-layers{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .evo-about-layers>div{
        min-height:145px;
        padding:18px;
    }

    .evo-about-split-photo,
    .evo-about-split-photo img{
        min-height:260px;
        height:260px;
    }

    .evo-about-split-copy{
        padding:45px 20px;
    }

    .evo-about-group{
        padding:55px 0 60px;
    }

    .evo-about-group-photo,
    .evo-about-group-photo img{
        min-height:270px;
        height:270px;
    }

    .evo-about-stats{
        grid-template-columns:1fr 1fr;
        gap:8px;
        margin-bottom:30px;
    }

    .evo-about-stats article{
        min-height:135px;
        padding:18px;
    }

    .evo-about-stats strong{
        font-size:39px;
    }

    .evo-about-team{
        gap:8px;
    }

    .evo-about-team article{
        min-height:110px;
        padding:18px;
    }

    .evo-about-krd-grid{
        gap:30px;
    }

    .evo-about-krd-mark{
        min-height:260px;
    }
}


/* =========================================================
   EVO — WIEDZA / v40 refinements
   ========================================================= */

.evo-knowledge-no{
    display:none !important;
}

.evo-knowledge-card-body{
    min-height:245px !important;
}

.evo-knowledge-link{
    display:inline-flex !important;
    align-items:center;
    align-self:flex-start;
    width:auto;
    margin-top:18px !important;
    padding:9px 14px !important;
    border:1px solid var(--accent-color);
    border-radius:999px;
    color:var(--accent-color) !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

.evo-knowledge-card:hover .evo-knowledge-link{
    background:var(--accent-color);
    border-color:var(--accent-color);
    color:#fff !important;
}

@media(max-width:767px){
    .evo-knowledge-card-body{
        min-height:170px !important;
    }

    .evo-knowledge-link{
        margin-top:14px !important;
        padding:8px 12px !important;
    }
}


/* =========================================================
   EVO — WIEDZA / v41
   Hero radius + native template CTA
   ========================================================= */

/* No teal subnav on Wiedza, so the hero is a complete rounded module. */
.evo-solutions-hero.evo-knowledge-hero{
    border-radius:12px !important;
    overflow:hidden;
}

/* The knowledge library starts directly with the cards. */
.evo-knowledge-library{
    padding-top:72px !important;
}

/* Use the template's native product CTA, without the old oversized spacing. */
.evo-knowledge-card-body .product-item-btn{
    margin-top:20px !important;
    padding-top:0 !important;
}

.evo-knowledge-card-body .product-item-btn .btn-default{
    margin:0 !important;
}

/* Old custom CTA is no longer used. */
.evo-knowledge-link{
    display:none !important;
}

@media(max-width:767px){
    .evo-solutions-hero.evo-knowledge-hero{
        border-radius:12px !important;
    }

    .evo-knowledge-library{
        padding-top:42px !important;
    }

    .evo-knowledge-card-body .product-item-btn{
        margin-top:14px !important;
    }
}


/* =========================================================
   EVO — O NAS / v42
   How-It-Works specialization + full-bleed Group section
   ========================================================= */

/* --- Specialization: How It Works treatment --- */
.evo-about-specialization .evo-about-layers.how-work-step-box{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:30px !important;
}

.evo-about-specialization .evo-about-layers.how-work-step-box > .how-work-item{
    width:calc(20% - 24px) !important;
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    display:block !important;
    text-align:center;
}

.evo-about-specialization .how-work-item::before{
    border-color:rgba(44,44,44,.18);
}

.evo-about-specialization .how-work-item:nth-child(4n + 4)::before{
    width:calc(100% + 30px) !important;
}

.evo-about-specialization .how-work-item:last-child::before{
    width:100% !important;
}

.evo-about-specialization .how-work-step-no{
    margin-bottom:30px;
}

.evo-about-specialization .how-work-step-no h3{
    margin:0;
    color:#363c3d;
}

.evo-about-specialization .how-work-item-image{
    margin-bottom:27px;
}

.evo-about-specialization .how-work-item-image figure{
    display:block;
    width:170px;
    height:170px;
    max-width:none;
    margin:0 auto;
    border-radius:50%;
}

.evo-about-specialization .how-work-item-image figure img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.evo-about-specialization .how-work-item-content h3{
    color:#363c3d;
    font-size:21px;
    line-height:1.2;
    letter-spacing:-.02em;
    margin:0;
}

.evo-about-specialization .how-work-item-content p{
    color:#747c7d;
    font-size:14px;
    line-height:1.45;
    margin:7px 0 0;
}

/* --- Group Geulincx: true full-bleed split --- */
.evo-about-group.evo-about-group-edge{
    padding:0 !important;
    overflow:hidden;
}

.evo-about-group-edge-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:590px;
    gap:0;
    align-items:stretch;
}

.evo-about-group-edge-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    margin:0 !important;
    padding-top:80px;
    padding-bottom:80px;
    padding-right:clamp(55px,5vw,90px);
}

/* Match the real Bootstrap .container left guide */
@media(min-width:1400px){
    .evo-about-group-edge-copy{
        padding-left:calc((100vw - 1320px)/2 + 12px);
    }
}

@media(min-width:1200px) and (max-width:1399px){
    .evo-about-group-edge-copy{
        padding-left:calc((100vw - 1140px)/2 + 12px);
    }
}

@media(min-width:992px) and (max-width:1199px){
    .evo-about-group-edge-copy{
        padding-left:calc((100vw - 960px)/2 + 12px);
    }
}

.evo-about-group-edge .evo-about-group-photo{
    min-height:590px;
    height:100%;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden;
}

.evo-about-group-edge .evo-about-group-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:590px;
    margin:0 !important;
    object-fit:cover;
}

/* Tablet */
@media(max-width:1199px){
    .evo-about-specialization .evo-about-layers.how-work-step-box{
        flex-wrap:wrap !important;
        justify-content:center;
        gap:38px 22px !important;
    }

    .evo-about-specialization .evo-about-layers.how-work-step-box > .how-work-item{
        width:calc(33.333% - 15px) !important;
    }

    .evo-about-specialization .how-work-item::before{
        display:none;
    }
}

@media(max-width:991px){
    .evo-about-group-edge-grid{
        grid-template-columns:1fr;
        min-height:0;
    }

    .evo-about-group-edge-copy{
        padding:60px 30px !important;
        order:1;
    }

    .evo-about-group-edge .evo-about-group-photo{
        order:2;
        min-height:360px;
        height:360px;
    }

    .evo-about-group-edge .evo-about-group-photo img{
        min-height:360px;
        height:360px;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-about-specialization .evo-about-layers.how-work-step-box{
        display:grid !important;
        grid-template-columns:1fr 1fr;
        gap:28px 14px !important;
    }

    .evo-about-specialization .evo-about-layers.how-work-step-box > .how-work-item{
        width:100% !important;
    }

    .evo-about-specialization .how-work-step-no{
        width:42px;
        height:42px;
        margin-bottom:18px;
    }

    .evo-about-specialization .how-work-step-no h3{
        font-size:16px;
    }

    .evo-about-specialization .how-work-item-image{
        margin-bottom:18px;
    }

    .evo-about-specialization .how-work-item-image figure{
        width:135px;
        height:135px;
    }

    .evo-about-specialization .how-work-item-content h3{
        font-size:18px;
    }

    .evo-about-group-edge-copy{
        padding:45px 20px !important;
    }

    .evo-about-group-edge .evo-about-group-photo,
    .evo-about-group-edge .evo-about-group-photo img{
        min-height:270px !important;
        height:270px !important;
    }
}

@media(max-width:420px){
    .evo-about-specialization .evo-about-layers.how-work-step-box{
        grid-template-columns:1fr;
    }

    .evo-about-specialization .how-work-item-image figure{
        width:150px;
        height:150px;
    }
}


/* =========================================================
   EVO — v43
   Sticky nav flash fix + About stats/team refinement
   ========================================================= */

/* ---------------------------------------------------------
   Sticky nav: remove full-viewport box-shadow flash.
   The full-bleed background is now painted by a pseudo-element
   that exists only while .is-stuck is active.
   --------------------------------------------------------- */
@media only screen and (min-width:992px){

    .evo-solutions-nav.is-stuck{
        box-shadow:none !important;
        clip-path:none !important;
        overflow:visible !important;
        isolation:isolate;
    }

    .evo-solutions-nav.is-stuck::before{
        content:"";
        position:absolute;
        top:0;
        bottom:0;
        left:50%;
        width:100vw;
        transform:translateX(-50%);
        background:var(--accent-color);
        z-index:-1;
        pointer-events:none;
    }

    .evo-solutions-nav:not(.is-stuck)::before{
        content:none !important;
        display:none !important;
    }
}

/* Mobile/tablet sticky bar never uses a viewport-wide shadow either */
@media only screen and (max-width:991px){
    .evo-solutions-nav,
    .evo-solutions-nav.is-stuck{
        box-shadow:none !important;
        clip-path:none !important;
    }
}

/* ---------------------------------------------------------
   ABOUT — counters in the visual language of metal promise
   counters, adapted to five real EVO metrics.
   --------------------------------------------------------- */
.evo-about-stats.our-promise-counter-list-metal{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    margin-bottom:50px !important;
    border-top:1px solid rgba(44,44,44,.13);
    border-bottom:1px solid rgba(44,44,44,.13);
}

.evo-about-stats .our-promise-counter-item-metal{
    min-height:190px;
    padding:30px 28px !important;
    background:transparent !important;
    border:0 !important;
    border-right:1px solid rgba(44,44,44,.13) !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}

.evo-about-stats .our-promise-counter-item-metal:last-child{
    border-right:0 !important;
}

.evo-about-stats .our-promise-counter-item-metal h2{
    color:var(--accent-color) !important;
    font-size:clamp(44px,4.5vw,68px) !important;
    line-height:.95 !important;
    letter-spacing:-.055em !important;
    font-weight:600 !important;
    margin:0 0 14px !important;
}

.evo-about-stats .our-promise-counter-item-metal p{
    max-width:180px;
    color:#4f5758 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    margin:0 !important;
}

/* ---------------------------------------------------------
   ABOUT — team with circular real-photo treatment
   --------------------------------------------------------- */
.evo-about-team article{
    min-height:150px !important;
    padding:24px !important;
    gap:20px !important;
}

.evo-about-team-photo{
    width:76px;
    height:76px;
    flex:0 0 76px;
    border-radius:50%;
    overflow:hidden;
    background:#dfe4e1;
}

.evo-about-team-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    border-radius:50%;
}

.evo-about-team-initials{
    display:none !important;
}

/* Tablet */
@media(max-width:1199px){
    .evo-about-stats.our-promise-counter-list-metal{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        border-bottom:0;
    }

    .evo-about-stats .our-promise-counter-item-metal{
        border-bottom:1px solid rgba(44,44,44,.13) !important;
    }

    .evo-about-stats .our-promise-counter-item-metal:nth-child(3n){
        border-right:0 !important;
    }

    .evo-about-stats .our-promise-counter-item-metal:last-child{
        border-right:1px solid rgba(44,44,44,.13) !important;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-about-stats.our-promise-counter-list-metal{
        grid-template-columns:1fr 1fr !important;
        margin-bottom:32px !important;
    }

    .evo-about-stats .our-promise-counter-item-metal{
        min-height:145px;
        padding:20px 18px !important;
    }

    .evo-about-stats .our-promise-counter-item-metal:nth-child(3n){
        border-right:1px solid rgba(44,44,44,.13) !important;
    }

    .evo-about-stats .our-promise-counter-item-metal:nth-child(2n){
        border-right:0 !important;
    }

    .evo-about-stats .our-promise-counter-item-metal:last-child{
        border-right:1px solid rgba(44,44,44,.13) !important;
    }

    .evo-about-stats .our-promise-counter-item-metal h2{
        font-size:42px !important;
    }

    .evo-about-team article{
        min-height:120px !important;
        padding:18px !important;
    }

    .evo-about-team-photo{
        width:64px;
        height:64px;
        flex-basis:64px;
    }
}


/* =========================================================
   EVO — O NAS / v44
   ========================================================= */

/* Group Geulincx copy aligned to standard container */
@media(min-width:1400px){
    .evo-about-group-edge-copy{
        padding-left:max(12px, calc((100vw - 1500px) / 2 + 12px)) !important;
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .evo-about-group-edge-copy{
        padding-left:max(12px, calc((100vw - 1140px) / 2 + 12px)) !important;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .evo-about-group-edge-copy{
        padding-left:max(12px, calc((100vw - 960px) / 2 + 12px)) !important;
    }
}

/* White numbers in How It Works */
.evo-about-specialization .how-work-step-no h3{
    color:#fff !important;
}

/* Core value counters */
.evo-about-stats.core-value-counter-list-metal{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    margin:0 0 50px !important;
}

.evo-about-stats .core-value-counter-item-metal{
    width:auto !important;
    min-height:145px !important;
    margin:0 !important;
    padding:25px 22px !important;
    background:#fff !important;
    border:1px solid rgba(44,44,44,.10) !important;
    border-radius:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:18px !important;
    transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease !important;
}
.evo-about-stats .core-value-counter-item-metal:hover{
    border-color:var(--accent-color) !important;
    transform:translateY(-3px);
    box-shadow:0 14px 34px rgba(34,43,43,.07);
}
.evo-about-stats .core-value-counter-item-metal .icon-box{
    width:54px !important;
    height:54px !important;
    flex:0 0 54px !important;
    border-radius:50% !important;
    background:var(--accent-color) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.evo-about-stats .core-value-counter-item-metal .icon-box img{
    width:26px !important;
    height:26px !important;
    object-fit:contain;
    filter:brightness(0) invert(1);
}
.evo-about-stats .core-value-counter-item-content h3{
    color:#363c3d !important;
    font-size:38px !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
    font-weight:600 !important;
    margin:0 0 7px !important;
}
.evo-about-stats .core-value-counter-item-content p{
    color:#687071 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    margin:0 !important;
}
.evo-about-stats .core-value-counter-item-metal:nth-child(4){
    grid-column:1 / 2;
}
.evo-about-stats .core-value-counter-item-metal:nth-child(5){
    grid-column:2 / 3;
}

/* KRD */
.evo-about-krd{
    padding:100px 0 110px !important;
    background:#f1f3ef !important;
}
.evo-about-krd-shell{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    gap:70px;
    align-items:stretch;
    padding:60px;
    background:#202627;
    overflow:hidden;
}
.evo-about-krd-shell::before{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    border:1px solid rgba(0,172,168,.22);
    border-radius:50%;
    right:-155px;
    top:-155px;
    pointer-events:none;
}
.evo-about-krd-shell::after{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    right:80px;
    bottom:-100px;
    pointer-events:none;
}
.evo-about-krd-copy{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.evo-about-krd-copy .evo-about-eyebrow{
    color:var(--accent-color);
}
.evo-about-krd-copy h2{
    max-width:700px;
    color:#fff !important;
    font-size:clamp(44px,4.2vw,64px) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
    margin:0 0 28px !important;
}
.evo-about-krd-copy p{
    max-width:760px;
    color:rgba(255,255,255,.68) !important;
    font-size:16px !important;
    line-height:1.68 !important;
    margin:0 0 18px !important;
}
.evo-about-krd-proof{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:18px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.10);
    color:#fff;
    font-size:13px;
    font-weight:700;
}
.evo-about-krd-proof-dot{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:var(--accent-color);
    box-shadow:0 0 0 6px rgba(0,172,168,.12);
}
.evo-about-krd-card{
    position:relative;
    z-index:2;
    min-height:430px;
    padding:28px;
    background:#fff;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    box-shadow:0 18px 48px rgba(0,0,0,.16);
}
.evo-about-krd-card-label{
    color:#6b7374;
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em;
}
.evo-about-krd-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    padding:30px 15px;
}
.evo-about-krd-logo img{
    width:100%;
    max-width:320px;
    max-height:190px;
    object-fit:contain;
}
.evo-about-krd-card-footer{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding-top:18px;
    border-top:1px solid rgba(44,44,44,.10);
    color:#7c8485;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
}

@media(max-width:1199px){
    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .evo-about-stats .core-value-counter-item-metal:nth-child(4),
    .evo-about-stats .core-value-counter-item-metal:nth-child(5){
        grid-column:auto;
    }
    .evo-about-krd-shell{
        grid-template-columns:1fr;
        gap:45px;
    }
    .evo-about-krd-card{
        min-height:340px;
    }
}
@media(max-width:767px){
    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:1fr !important;
        gap:8px !important;
        margin-bottom:32px !important;
    }
    .evo-about-stats .core-value-counter-item-metal{
        min-height:115px !important;
        padding:18px !important;
    }
    .evo-about-stats .core-value-counter-item-metal .icon-box{
        width:48px !important;
        height:48px !important;
        flex-basis:48px !important;
    }
    .evo-about-stats .core-value-counter-item-content h3{
        font-size:33px !important;
    }
    .evo-about-krd{
        padding:55px 0 62px !important;
    }
    .evo-about-krd-shell{
        padding:34px 20px 20px;
        gap:32px;
    }
    .evo-about-krd-copy h2{
        font-size:36px !important;
        margin-bottom:20px !important;
    }
    .evo-about-krd-copy p{
        font-size:15px !important;
    }
    .evo-about-krd-card{
        min-height:280px;
        padding:22px;
    }
    .evo-about-krd-logo{
        padding:22px 8px;
    }
    .evo-about-krd-logo img{
        max-width:260px;
        max-height:145px;
    }
    .evo-about-krd-card-footer{
        flex-direction:column;
        gap:5px;
    }
}


/* =========================================================
   EVO — O NAS / v45
   Minimal stats + editorial KRD
   ========================================================= */

/* ---------------------------------------------------------
   STATS — clean, editorial, no cards / no icons
   --------------------------------------------------------- */
.evo-about-stats.core-value-counter-list-metal{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:24px !important;
    margin:0 0 58px !important;
}

.evo-about-stat-item{
    min-width:0;
    padding:0 !important;
    background:transparent !important;
}

.evo-about-stat-number{
    color:#202627;
    font-size:clamp(48px,4.6vw,72px);
    line-height:.95;
    letter-spacing:-.055em;
    font-weight:600;
    margin:0 0 25px;
}

.evo-about-stat-divider{
    width:100%;
    height:1px;
    background:rgba(44,44,44,.16);
    margin-bottom:22px;
}

.evo-about-stat-item h3{
    color:#202627;
    font-size:18px;
    line-height:1.25;
    letter-spacing:-.02em;
    font-weight:600;
    margin:0;
}

/* Kill old counter card styling from previous passes */
.evo-about-stats .core-value-counter-item-metal,
.evo-about-stats .icon-box,
.evo-about-stats .core-value-counter-item-content{
    display:none !important;
}

/* ---------------------------------------------------------
   KRD — editorial proof, not a decorative card
   --------------------------------------------------------- */
.evo-about-krd{
    padding:110px 0 115px !important;
    background:#fff !important;
}

.evo-about-krd-editorial{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);
    gap:85px;
    align-items:stretch;
    padding-top:34px;
    border-top:1px solid rgba(44,44,44,.14);
}

.evo-about-krd-editorial::before{
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:110px;
    height:3px;
    background:var(--accent-color);
}

.evo-about-krd-copy{
    padding:38px 0 0;
}

.evo-about-krd-copy .evo-about-eyebrow{
    color:var(--accent-color);
    margin-bottom:22px;
}

.evo-about-krd-copy h2{
    max-width:980px;
    color:#202627 !important;
    font-size:clamp(44px,4.4vw,66px) !important;
    line-height:1.02 !important;
    letter-spacing:-.047em !important;
    font-weight:550 !important;
    margin:0 0 44px !important;
}

.evo-about-krd-text-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:36px;
    max-width:980px;
}

.evo-about-krd-text-grid p{
    color:#687071 !important;
    font-size:15px !important;
    line-height:1.68 !important;
    margin:0 !important;
}

.evo-about-krd-identity{
    position:relative;
    min-height:430px;
    padding:40px 34px 30px;
    background:#f1f3ef;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-left:1px solid rgba(44,44,44,.08);
}

.evo-about-krd-logo-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    padding:30px 10px 45px;
}

.evo-about-krd-logo-wrap img{
    display:block;
    width:100%;
    max-width:330px;
    max-height:190px;
    object-fit:contain;
}

.evo-about-krd-identity-meta{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    padding-top:19px;
    border-top:1px solid rgba(44,44,44,.13);
}

.evo-about-krd-identity-meta span{
    color:#7c8485;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
}

.evo-about-krd-identity-meta strong{
    color:#202627;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
}

/* Remove old KRD visual system completely */
.evo-about-krd-shell,
.evo-about-krd-card,
.evo-about-krd-proof,
.evo-about-krd-mark{
    display:none !important;
}

/* Tablet */
@media(max-width:1199px){
    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:32px 24px !important;
    }

    .evo-about-krd-editorial{
        grid-template-columns:1fr;
        gap:52px;
    }

    .evo-about-krd-identity{
        min-height:320px;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:1fr 1fr !important;
        gap:28px 18px !important;
        margin-bottom:38px !important;
    }

    .evo-about-stat-number{
        font-size:44px;
        margin-bottom:16px;
    }

    .evo-about-stat-divider{
        margin-bottom:14px;
    }

    .evo-about-stat-item h3{
        font-size:15px;
    }

    .evo-about-krd{
        padding:60px 0 65px !important;
    }

    .evo-about-krd-editorial{
        gap:38px;
        padding-top:25px;
    }

    .evo-about-krd-copy{
        padding-top:24px;
    }

    .evo-about-krd-copy h2{
        font-size:36px !important;
        margin-bottom:30px !important;
    }

    .evo-about-krd-text-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .evo-about-krd-identity{
        min-height:265px;
        padding:25px 20px 20px;
    }

    .evo-about-krd-logo-wrap{
        padding:20px 5px 30px;
    }

    .evo-about-krd-logo-wrap img{
        max-width:260px;
        max-height:145px;
    }

    .evo-about-krd-identity-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }
}

@media(max-width:420px){
    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:1fr !important;
        gap:25px !important;
    }
}


/* =========================================================
   EVO — O NAS / v46
   Counter readability + no image zoom + simplified KRD logo
   ========================================================= */

/* COUNTERS — force the span.counter to inherit the large stat size.
   The template has a global .counter rule that was shrinking these. */
.evo-about-stat-number{
    font-size:clamp(58px,5.2vw,82px) !important;
    line-height:.92 !important;
    font-weight:650 !important;
}

.evo-about-stat-number .counter{
    display:inline-block !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    letter-spacing:inherit !important;
    color:inherit !important;
}

/* No zoom / scale effect on image-anime inside About page */
.evo-about-page .image-anime:hover img,
.evo-about-page .image-anime img:hover,
.evo-about-page .how-work-item:hover .image-anime img{
    transform:none !important;
    scale:1 !important;
}

/* KRD identity — logo only, no card treatment */
.evo-about-krd-identity{
    min-height:0 !important;
    padding:40px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.evo-about-krd-logo-wrap{
    width:100%;
    min-height:0 !important;
    padding:40px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.evo-about-krd-logo-wrap img{
    width:100% !important;
    max-width:360px !important;
    max-height:210px !important;
    object-fit:contain !important;
}

/* Meta row removed from HTML, keep defensive reset */
.evo-about-krd-identity-meta{
    display:none !important;
}

@media(max-width:767px){
    .evo-about-stat-number{
        font-size:50px !important;
    }

    .evo-about-krd-identity{
        padding:24px !important;
    }

    .evo-about-krd-logo-wrap{
        padding:24px !important;
    }

    .evo-about-krd-logo-wrap img{
        max-width:280px !important;
        max-height:160px !important;
    }
}


/* =========================================================
   EVO — O NAS / v47
   Refined numbers + team module
   ========================================================= */

/* KRD logo: no inner padding */
.evo-about-krd-logo-wrap{
    padding:0 !important;
}

/* ---------------------------------------------------------
   NUMBERS + TEAM — one coherent editorial module
   --------------------------------------------------------- */
.evo-about-numbers-team{
    padding:96px 0 104px !important;
    background:#eef2ed !important;
}

.evo-about-numbers-team .evo-about-section-head{
    max-width:1040px;
    margin-bottom:54px !important;
}

.evo-about-numbers-team .evo-about-section-head h2{
    max-width:930px;
}

/* Stats */
.evo-about-stats.core-value-counter-list-metal{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    margin:0 0 62px !important;
    padding:0 !important;
    border-top:1px solid rgba(44,44,44,.14);
    border-bottom:1px solid rgba(44,44,44,.14);
}

.evo-about-stat-item{
    position:relative;
    min-width:0;
    padding:28px 26px 30px 0 !important;
    background:transparent !important;
}

.evo-about-stat-item:not(:first-child){
    padding-left:26px !important;
    border-left:1px solid rgba(44,44,44,.10);
}

.evo-about-stat-number{
    color:var(--primary-color) !important;
    font-size:clamp(58px,4.6vw,78px) !important;
    line-height:.92 !important;
    letter-spacing:-.055em !important;
    font-weight:600 !important;
    margin:0 0 24px !important;
}

.evo-about-stat-number .counter{
    display:inline-block !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    letter-spacing:inherit !important;
}

.evo-about-stat-divider{
    display:none !important;
}

.evo-about-stat-item h3{
    max-width:210px;
    color:var(--primary-color) !important;
    font-size:15px !important;
    line-height:1.35 !important;
    letter-spacing:-.015em !important;
    font-weight:600 !important;
    margin:0 !important;
}

/* Team intro */
.evo-about-team-head{
    display:grid;
    grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);
    gap:50px;
    align-items:end;
    padding-bottom:24px;
    margin-bottom:0;
    border-bottom:1px solid rgba(44,44,44,.14);
}

.evo-about-team-head span{
    color:var(--accent-color);
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.evo-about-team-head p{
    max-width:650px;
    justify-self:end;
    color:#687071;
    font-size:15px;
    line-height:1.55;
    margin:0;
}

/* Team profiles — lighter, more premium, no heavy white cards */
.evo-about-team{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
}

.evo-about-team article{
    position:relative;
    min-height:190px !important;
    padding:30px 28px 30px 0 !important;
    background:transparent !important;
    border:0 !important;
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr);
    gap:22px !important;
    align-items:center !important;
}

.evo-about-team article:not(:first-child){
    padding-left:28px !important;
    border-left:1px solid rgba(44,44,44,.10) !important;
}

.evo-about-team-photo{
    width:92px !important;
    height:92px !important;
    flex:0 0 92px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:#dfe4e1;
}

.evo-about-team-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    border-radius:50% !important;
    transform:none !important;
}

.evo-about-team h3{
    color:var(--primary-color) !important;
    font-size:21px !important;
    line-height:1.18 !important;
    letter-spacing:-.02em !important;
    font-weight:600 !important;
    margin:0 0 7px !important;
}

.evo-about-team p{
    color:#687071 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    margin:0 !important;
}

/* Desktop polish */
@media(min-width:1200px){
    .evo-about-numbers-team .container{
        max-width:1500px;
    }
}

/* Tablet */
@media(max-width:1199px){
    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        border-bottom:0;
    }

    .evo-about-stat-item{
        border-bottom:1px solid rgba(44,44,44,.12);
    }

    .evo-about-stat-item:nth-child(4){
        border-left:0 !important;
        padding-left:0 !important;
    }

    .evo-about-team{
        grid-template-columns:1fr !important;
    }

    .evo-about-team article{
        border-left:0 !important;
        border-bottom:1px solid rgba(44,44,44,.10) !important;
        padding:25px 0 !important;
    }

    .evo-about-team article:last-child{
        border-bottom:0 !important;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-about-numbers-team{
        padding:58px 0 64px !important;
    }

    .evo-about-numbers-team .evo-about-section-head{
        margin-bottom:34px !important;
    }

    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:1fr 1fr !important;
        margin-bottom:44px !important;
    }

    .evo-about-stat-item,
    .evo-about-stat-item:not(:first-child){
        min-height:135px;
        padding:20px 14px 20px 0 !important;
        border-left:0 !important;
        border-bottom:1px solid rgba(44,44,44,.11);
    }

    .evo-about-stat-item:nth-child(even){
        padding-left:16px !important;
        border-left:1px solid rgba(44,44,44,.10) !important;
    }

    .evo-about-stat-number{
        font-size:48px !important;
        margin-bottom:15px !important;
    }

    .evo-about-stat-item h3{
        font-size:14px !important;
    }

    .evo-about-team-head{
        grid-template-columns:1fr;
        gap:11px;
        padding-bottom:18px;
    }

    .evo-about-team-head p{
        justify-self:start;
    }

    .evo-about-team article{
        grid-template-columns:72px minmax(0,1fr) !important;
        gap:16px !important;
        min-height:120px !important;
        padding:20px 0 !important;
    }

    .evo-about-team-photo{
        width:72px !important;
        height:72px !important;
        flex-basis:72px !important;
    }

    .evo-about-team h3{
        font-size:18px !important;
    }
}

@media(max-width:420px){
    .evo-about-stats.core-value-counter-list-metal{
        grid-template-columns:1fr !important;
    }

    .evo-about-stat-item,
    .evo-about-stat-item:not(:first-child),
    .evo-about-stat-item:nth-child(even){
        padding:18px 0 !important;
        border-left:0 !important;
    }
}


/* =========================================================
   EVO — O NAS / v48
   Numbers + team redesigned from supplied visual direction
   ========================================================= */

.evo-about-numbers-team{
    padding:92px 0 96px !important;
    background:#f6f7f5 !important;
}

/* Heading */
.evo-about-numbers-head{
    max-width:1040px;
    margin-bottom:42px;
}

.evo-about-numbers-eyebrow{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    margin-bottom:20px;
}

.evo-about-numbers-eyebrow::before,
.evo-about-numbers-eyebrow span{
    content:"";
    width:42px;
    height:2px;
    background:var(--accent-color);
    display:block;
}

.evo-about-numbers-eyebrow strong{
    color:var(--accent-color);
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.075em;
    text-transform:uppercase;
}

.evo-about-numbers-head h2{
    max-width:1000px;
    color:var(--primary-color);
    font-size:clamp(48px,4.45vw,68px);
    line-height:1.05;
    letter-spacing:-.045em;
    font-weight:550;
    margin:0;
}

/* Five metric cards */
.evo-about-stats-cards{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:20px;
    margin-bottom:14px;
}

.evo-about-stat-card{
    position:relative;
    min-height:315px;
    padding:24px 24px 26px;
    background:#fff;
    border:1px solid transparent;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    box-shadow:0 8px 28px rgba(35,44,44,.07);
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.evo-about-stat-card:hover{
    transform:translateY(-4px);
    border-color:rgba(0,172,168,.55);
    box-shadow:0 15px 38px rgba(35,44,44,.10);
}

.evo-about-stat-card-featured{
    border-color:rgba(0,172,168,.72);
}

.evo-about-stat-icon{
    width:62px;
    height:62px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--accent-color);
    background:rgba(0,172,168,.085);
    border:1px solid rgba(0,172,168,.12);
    font-size:25px;
    margin-bottom:auto;
}

.evo-about-stat-card-number{
    color:var(--accent-color);
    font-size:clamp(48px,4vw,65px);
    line-height:.95;
    letter-spacing:-.055em;
    font-weight:650;
    margin:42px 0 20px;
}

.evo-about-stat-card-number .counter{
    display:inline-block !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    letter-spacing:inherit !important;
}

.evo-about-stat-card-line{
    width:42px;
    height:2px;
    background:var(--accent-color);
    margin-bottom:18px;
}

.evo-about-stat-card h3{
    max-width:220px;
    color:var(--primary-color);
    font-size:14px;
    line-height:1.45;
    letter-spacing:-.01em;
    font-weight:600;
    margin:0;
}

/* Contact strip */
.evo-about-direct-contact{
    min-height:74px;
    padding:14px 28px;
    border:1px solid rgba(0,172,168,.25);
    border-radius:12px;
    background:rgba(0,172,168,.055);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:38px;
}

.evo-about-direct-contact-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--accent-color);
    background:#fff;
    border:1px solid rgba(0,172,168,.16);
    font-size:17px;
}

.evo-about-direct-contact p{
    color:var(--primary-color);
    font-size:14px;
    line-height:1.5;
    font-weight:500;
    margin:0;
}

/* Team section label */
.evo-about-team-label{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
}

.evo-about-team-label strong{
    color:var(--accent-color);
    font-size:12px;
    line-height:1;
    letter-spacing:.07em;
    font-weight:800;
    text-transform:uppercase;
}

.evo-about-team-label span{
    width:42px;
    height:2px;
    background:var(--accent-color);
}

/* Team row */
.evo-about-team.evo-about-team-redesign{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
}

.evo-about-team.evo-about-team-redesign article{
    min-height:155px !important;
    padding:18px 34px 18px 0 !important;
    background:transparent !important;
    border:0 !important;
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr);
    gap:25px !important;
    align-items:center !important;
}

.evo-about-team.evo-about-team-redesign article:not(:first-child){
    padding-left:34px !important;
    border-left:1px solid rgba(44,44,44,.12) !important;
}

.evo-about-team.evo-about-team-redesign .evo-about-team-photo{
    width:110px !important;
    height:110px !important;
    flex:0 0 110px !important;
    padding:4px;
    background:transparent;
    border:1px solid rgba(0,172,168,.6);
    border-radius:50%;
    overflow:hidden;
}

.evo-about-team.evo-about-team-redesign .evo-about-team-photo img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    border-radius:50% !important;
    transform:none !important;
}

.evo-about-team-copy{
    min-width:0;
}

.evo-about-team.evo-about-team-redesign h3{
    color:var(--primary-color) !important;
    font-size:20px !important;
    line-height:1.18 !important;
    letter-spacing:-.02em !important;
    font-weight:650 !important;
    margin:0 !important;
}

.evo-about-team-line{
    display:block;
    width:36px;
    height:2px;
    background:var(--accent-color);
    margin:12px 0 11px;
}

.evo-about-team.evo-about-team-redesign p{
    color:#6c7475 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    margin:0 !important;
}

/* Remove legacy v47 team heading from visual flow if cached markup exists */
.evo-about-team-head{
    display:none !important;
}

/* Desktop width */
@media(min-width:1200px){
    .evo-about-numbers-team .container{
        max-width:1500px;
    }
}

/* Tablet */
@media(max-width:1199px){
    .evo-about-stats-cards{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .evo-about-stat-card{
        min-height:285px;
    }

    .evo-about-team.evo-about-team-redesign{
        grid-template-columns:1fr !important;
    }

    .evo-about-team.evo-about-team-redesign article,
    .evo-about-team.evo-about-team-redesign article:not(:first-child){
        min-height:145px !important;
        padding:18px 0 !important;
        border-left:0 !important;
        border-bottom:1px solid rgba(44,44,44,.10) !important;
    }

    .evo-about-team.evo-about-team-redesign article:last-child{
        border-bottom:0 !important;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-about-numbers-team{
        padding:55px 0 62px !important;
    }

    .evo-about-numbers-head{
        margin-bottom:30px;
    }

    .evo-about-numbers-head h2{
        font-size:36px;
    }

    .evo-about-numbers-head h2 br{
        display:none;
    }

    .evo-about-stats-cards{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .evo-about-stat-card{
        min-height:230px;
        padding:18px;
        border-radius:14px;
    }

    .evo-about-stat-icon{
        width:48px;
        height:48px;
        font-size:19px;
    }

    .evo-about-stat-card-number{
        font-size:43px;
        margin:28px 0 15px;
    }

    .evo-about-stat-card-line{
        margin-bottom:13px;
    }

    .evo-about-stat-card h3{
        font-size:13px;
    }

    .evo-about-direct-contact{
        justify-content:flex-start;
        padding:15px 16px;
        margin:12px 0 32px;
    }

    .evo-about-direct-contact p{
        font-size:13px;
    }

    .evo-about-team.evo-about-team-redesign article,
    .evo-about-team.evo-about-team-redesign article:not(:first-child){
        grid-template-columns:82px minmax(0,1fr) !important;
        gap:17px !important;
        padding:17px 0 !important;
    }

    .evo-about-team.evo-about-team-redesign .evo-about-team-photo{
        width:80px !important;
        height:80px !important;
        flex-basis:80px !important;
        padding:3px;
    }

    .evo-about-team.evo-about-team-redesign h3{
        font-size:18px !important;
    }
}

@media(max-width:430px){
    .evo-about-stats-cards{
        grid-template-columns:1fr;
    }

    .evo-about-stat-card{
        min-height:215px;
    }
}


/* =========================================================
   EVO — O NAS / v49
   Stats cards matched to supplied visual direction
   ========================================================= */

.evo-about-numbers-eyebrow{
    display:block !important;
    margin-bottom:22px !important;
}
.evo-about-numbers-eyebrow::before,
.evo-about-numbers-eyebrow::after,
.evo-about-numbers-eyebrow > span{
    content:none !important;
    display:none !important;
}
.evo-about-numbers-eyebrow strong{
    display:block;
    color:var(--accent-color) !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}

.evo-about-stats-cards{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:28px !important;
    margin:0 0 58px !important;
    align-items:stretch !important;
}

.evo-about-stat-card,
.evo-about-stat-card-featured{
    min-height:395px !important;
    padding:34px 34px 36px !important;
    background:#fff !important;
    border:1px solid rgba(44,44,44,.035) !important;
    border-radius:28px !important;
    box-shadow:0 12px 34px rgba(31,39,39,.075) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    transform:none !important;
    transition:transform .28s ease, box-shadow .28s ease !important;
}
.evo-about-stat-card:hover,
.evo-about-stat-card-featured:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(44,44,44,.035) !important;
    box-shadow:0 18px 42px rgba(31,39,39,.10) !important;
}

.evo-about-stat-icon{
    width:96px !important;
    height:96px !important;
    flex:0 0 96px !important;
    margin:14px 0 42px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(0,172,168,.085) !important;
    color:var(--accent-color) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:37px !important;
}

.evo-about-stat-card-number{
    color:var(--accent-color) !important;
    font-size:clamp(60px,4.7vw,82px) !important;
    line-height:.9 !important;
    letter-spacing:-.06em !important;
    font-weight:650 !important;
    margin:0 0 28px !important;
}
.evo-about-stat-card-number .counter{
    display:inline-block !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    letter-spacing:inherit !important;
}

.evo-about-stat-card-line{
    width:56px !important;
    height:3px !important;
    flex:0 0 3px !important;
    margin:0 0 25px !important;
    background:var(--accent-color) !important;
    border-radius:2px;
}

.evo-about-stat-card h3{
    width:100%;
    max-width:230px !important;
    color:var(--primary-color) !important;
    font-size:16px !important;
    line-height:1.42 !important;
    letter-spacing:-.015em !important;
    font-weight:550 !important;
    text-align:center !important;
    margin:0 auto !important;
}

.evo-about-direct-contact,
.evo-about-team-label{
    display:none !important;
}

.evo-about-team.evo-about-team-redesign{
    margin-top:0 !important;
}

@media(max-width:1199px){
    .evo-about-stats-cards{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:18px !important;
    }
    .evo-about-stat-card,
    .evo-about-stat-card-featured{
        min-height:350px !important;
    }
}

@media(max-width:767px){
    .evo-about-stats-cards{
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        margin-bottom:38px !important;
    }
    .evo-about-stat-card,
    .evo-about-stat-card-featured{
        min-height:280px !important;
        padding:24px 16px 25px !important;
        border-radius:18px !important;
    }
    .evo-about-stat-icon{
        width:66px !important;
        height:66px !important;
        flex-basis:66px !important;
        margin:6px 0 28px !important;
        font-size:27px !important;
    }
    .evo-about-stat-card-number{
        font-size:48px !important;
        margin-bottom:20px !important;
    }
    .evo-about-stat-card-line{
        width:42px !important;
        height:2px !important;
        margin-bottom:18px !important;
    }
    .evo-about-stat-card h3{
        font-size:13px !important;
        line-height:1.38 !important;
    }
}

@media(max-width:430px){
    .evo-about-stats-cards{
        grid-template-columns:1fr !important;
    }
    .evo-about-stat-card,
    .evo-about-stat-card-featured{
        min-height:270px !important;
    }
}


/* =========================================================
   EVO — O NAS / v50
   Restore team + clean KRD heading edge
   ========================================================= */

/* Direct-contact copy removed */
.evo-about-direct-contact,
.evo-about-direct-contact p{
    display:none !important;
}

/* Restore the earlier, calmer team composition */
.evo-about-team{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    margin-top:0 !important;
}

.evo-about-team article{
    position:relative;
    min-height:190px !important;
    padding:30px 28px 30px 0 !important;
    background:transparent !important;
    border:0 !important;
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:22px !important;
    align-items:center !important;
}

.evo-about-team article:not(:first-child){
    padding-left:28px !important;
    border-left:1px solid rgba(44,44,44,.10) !important;
}

/* Team photos: clean circle only — no padding, no border */
.evo-about-team .evo-about-team-photo{
    width:92px !important;
    height:92px !important;
    flex:0 0 92px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:#dfe4e1 !important;
}

.evo-about-team .evo-about-team-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    border-radius:50% !important;
    transform:none !important;
}

.evo-about-team h3{
    color:var(--primary-color) !important;
    font-size:21px !important;
    line-height:1.18 !important;
    letter-spacing:-.02em !important;
    font-weight:600 !important;
    margin:0 0 7px !important;
}

.evo-about-team p{
    color:#687071 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    margin:0 !important;
}

/* Remove redesign-only decorative line if old markup remains anywhere */
.evo-about-team-line{
    display:none !important;
}

/* KRD: remove the horizontal rule and teal accent above the eyebrow */
.evo-about-krd-editorial{
    border-top:0 !important;
    padding-top:0 !important;
}

.evo-about-krd-editorial::before,
.evo-about-krd-editorial::after{
    content:none !important;
    display:none !important;
}

.evo-about-krd-copy{
    padding-top:0 !important;
}

/* Tablet */
@media(max-width:1199px){
    .evo-about-team{
        grid-template-columns:1fr !important;
    }

    .evo-about-team article,
    .evo-about-team article:not(:first-child){
        min-height:145px !important;
        padding:24px 0 !important;
        border-left:0 !important;
        border-bottom:1px solid rgba(44,44,44,.10) !important;
    }

    .evo-about-team article:last-child{
        border-bottom:0 !important;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-about-team article,
    .evo-about-team article:not(:first-child){
        grid-template-columns:72px minmax(0,1fr) !important;
        gap:16px !important;
        min-height:120px !important;
        padding:20px 0 !important;
    }

    .evo-about-team .evo-about-team-photo{
        width:72px !important;
        height:72px !important;
        flex-basis:72px !important;
        padding:0 !important;
        border:0 !important;
    }

    .evo-about-team h3{
        font-size:18px !important;
    }
}


/* =========================================================
   EVO — O NAS / v51
   Team aligned to container + no vertical separators
   ========================================================= */

/* Stat number weight */
.evo-about-stat-card-number .counter{
    font-weight:500 !important;
}

/* Team must use exactly the same container width as the stat cards */
.evo-about-numbers-team .evo-about-team{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}

/* Three equal profiles, no vertical divider lines */
.evo-about-team article,
.evo-about-team article:not(:first-child){
    border-left:0 !important;
    border-right:0 !important;
}

/* Keep profiles comfortably inside the container */
.evo-about-team{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:34px !important;
}

.evo-about-team article{
    padding:30px 0 !important;
    min-width:0 !important;
}

/* Tablet/mobile */
@media(max-width:1199px){
    .evo-about-team{
        grid-template-columns:1fr !important;
        gap:0 !important;
    }

    .evo-about-team article,
    .evo-about-team article:not(:first-child){
        padding:24px 0 !important;
        border-left:0 !important;
        border-right:0 !important;
    }
}


/* =========================================================
   EVO — O NAS / v52
   Team profiles matched to supplied visual reference
   ========================================================= */

.evo-about-numbers-team .evo-about-team{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:60px !important;
    align-items:start !important;
    margin:0 !important;
    padding:8px 0 0 !important;
}

.evo-about-numbers-team .evo-about-team article,
.evo-about-numbers-team .evo-about-team article:not(:first-child){
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    text-align:center !important;
}

/* Large circular portraits */
.evo-about-numbers-team .evo-about-team-photo{
    width:220px !important;
    height:220px !important;
    flex:0 0 220px !important;
    padding:0 !important;
    margin:0 0 22px !important;
    border:0 !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:#dfe4e1 !important;
}

.evo-about-numbers-team .evo-about-team-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center top !important;
    transform:none !important;
}

/* Name + role centered directly below photo */
.evo-about-numbers-team .evo-about-team article > div:last-child{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.evo-about-numbers-team .evo-about-team h3{
    color:var(--primary-color) !important;
    font-size:21px !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
    font-weight:600 !important;
    text-align:center !important;
    margin:0 0 9px !important;
}

.evo-about-numbers-team .evo-about-team p{
    color:#707879 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    text-align:center !important;
    margin:0 !important;
}

/* Remove any leftover redesign decorations */
.evo-about-numbers-team .evo-about-team-line,
.evo-about-numbers-team .evo-about-team::before,
.evo-about-numbers-team .evo-about-team::after,
.evo-about-numbers-team .evo-about-team article::before,
.evo-about-numbers-team .evo-about-team article::after{
    content:none !important;
    display:none !important;
}

/* Tablet */
@media(max-width:991px){
    .evo-about-numbers-team .evo-about-team{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:28px !important;
    }

    .evo-about-numbers-team .evo-about-team-photo{
        width:170px !important;
        height:170px !important;
        flex-basis:170px !important;
    }

    .evo-about-numbers-team .evo-about-team h3{
        font-size:18px !important;
    }

    .evo-about-numbers-team .evo-about-team p{
        font-size:13px !important;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-about-numbers-team .evo-about-team{
        grid-template-columns:1fr !important;
        gap:34px !important;
        padding-top:0 !important;
    }

    .evo-about-numbers-team .evo-about-team article,
    .evo-about-numbers-team .evo-about-team article:not(:first-child){
        padding:0 !important;
        border:0 !important;
    }

    .evo-about-numbers-team .evo-about-team-photo{
        width:155px !important;
        height:155px !important;
        flex-basis:155px !important;
        margin-bottom:18px !important;
    }

    .evo-about-numbers-team .evo-about-team h3{
        font-size:19px !important;
        margin-bottom:6px !important;
    }

    .evo-about-numbers-team .evo-about-team p{
        font-size:14px !important;
    }
}


/* =========================================================
   EVO — TECHNOLOGIA I JAKOŚĆ / v53
   Homepage medals + compact recipe cards
   ========================================================= */

/* Recipe models — no numbered circles, compact like supplied reference */
.evo-tech-model-no{
    display:none !important;
}

.evo-tech-models article{
    min-height:190px !important;
    padding:30px !important;
    justify-content:flex-start !important;
}

.evo-tech-models h3{
    margin:0 0 13px !important;
}

.evo-tech-models p{
    margin:0 !important;
}

/* Quality medals use the exact homepage component */
.evo-tech-quality .evo-wow-medals-grid{
    margin-top:55px !important;
    padding-top:40px !important;
    border-top:1px solid rgba(44,44,44,.10);
}

/* Defensive: old technology-specific medal grid is no longer used */
.evo-tech-cert-grid{
    display:none !important;
}

@media(max-width:767px){
    .evo-tech-models article{
        min-height:0 !important;
        padding:23px 21px !important;
    }

    .evo-tech-models h3{
        margin:0 0 10px !important;
    }

    .evo-tech-quality .evo-wow-medals-grid{
        margin-top:38px !important;
        padding-top:30px !important;
    }
}


/* =========================================================
   EVO — TECHNOLOGIA I JAKOŚĆ / v54
   Medals EXACTLY matched to #certyfikaty on index.html
   ========================================================= */

/* Exact copy of homepage medal-grid geometry */
.evo-tech-quality .evo-wow-medals-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:clamp(18px,2vw,34px) !important;
    align-items:start !important;
    margin-top:6px !important;
    padding-top:0 !important;
    border-top:0 !important;
}

/* Exact homepage medal figure */
.evo-tech-quality .evo-wow-medal{
    margin:0 !important;
    min-width:0 !important;
    text-align:center !important;
}

/* Exact homepage medal image */
.evo-tech-quality .evo-wow-medal img{
    display:block !important;
    width:100% !important;
    max-width:165px !important;
    aspect-ratio:1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    margin:0 auto !important;
    transition:transform .35s ease,filter .35s ease !important;
    filter:drop-shadow(0 12px 18px rgba(38,40,39,.12)) !important;
}

/* Exact homepage hover */
.evo-tech-quality .evo-wow-medal:hover img{
    transform:translateY(-5px) scale(1.035) !important;
    filter:drop-shadow(0 16px 22px rgba(38,40,39,.16)) !important;
}

/* Exact homepage caption */
.evo-tech-quality .evo-wow-medal figcaption{
    margin-top:15px !important;
    color:var(--primary-color) !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:.035em !important;
}

/* Exact homepage tablet layout */
@media only screen and (max-width:1199px){
    .evo-tech-quality .evo-wow-medals-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        row-gap:34px !important;
    }
}

/* Exact homepage mobile layout */
@media only screen and (max-width:767px){
    .evo-tech-quality .evo-wow-medals-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:28px 18px !important;
        margin-top:6px !important;
        padding-top:0 !important;
    }

    .evo-tech-quality .evo-wow-medal img{
        max-width:145px !important;
    }

    .evo-tech-quality .evo-wow-medal figcaption{
        margin-top:10px !important;
        font-size:12px !important;
    }
}


/* =========================================================
   EVO — TECHNOLOGIA I JAKOŚĆ / v55
   Quality CTA hover + medals spacing
   ========================================================= */

/* More breathing room before medals */
.evo-tech-quality .evo-wow-medals-grid{
    margin-top:100px !important;
}

/* Quality CTA hover: dark background + white text + white arrow */
.evo-tech-quality-actions .btn-default.btn-highlighted:hover{
    background:#2C2C2C !important;
    color:#fff !important;
    border-color:#2C2C2C !important;
}

.evo-tech-quality-actions .btn-default.btn-highlighted:hover::before{
    filter:brightness(0) invert(1) !important;
}

/* Defensive: keep any text/icon descendants white on hover */
.evo-tech-quality-actions .btn-default.btn-highlighted:hover,
.evo-tech-quality-actions .btn-default.btn-highlighted:hover i,
.evo-tech-quality-actions .btn-default.btn-highlighted:hover span{
    color:#fff !important;
}

@media(max-width:767px){
    .evo-tech-quality .evo-wow-medals-grid{
        margin-top:70px !important;
    }
}


/* =========================================================
   EVO — SUBPAGE HERO SYNC / v56
   rozwiazania.html is the canonical HERO component
   ========================================================= */

/*
   All subpages now use:
   .evo-solutions-hero
   .evo-solutions-hero-grid
   .evo-solutions-hero-copy
   .evo-solutions-hero-visual

   This keeps width, frame, padding, typography, grid proportions,
   spacing and responsive breakpoints identical to rozwiazania.html.
*/

/* Photo-based HERO visuals use the same visual dimensions as Rozwiązania. */
.evo-subpage-hero-photo{
    min-height:390px !important;
    height:390px !important;
    display:block !important;
    align-items:initial !important;
    justify-content:initial !important;
    overflow:hidden !important;
}

.evo-subpage-hero-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    filter:none !important;
    margin:0 !important;
}

/* Hovering a HERO photo must not introduce a different interaction. */
.evo-subpage-hero-photo:hover img{
    transform:none !important;
}

/*
   Applications, Technology and About have the teal section nav directly
   underneath, so they use the same top-only radius as Rozwiązania.
*/
@media only screen and (min-width:992px){
    .evo-applications-hero,
    .evo-tech-hero,
    .evo-about-hero{
        border-radius:12px 12px 0 0 !important;
    }

    /*
       Wiedza has no teal bar below it, so it keeps the same 12px visual
       language but closes the module on all four corners.
    */
    .evo-knowledge-hero{
        border-radius:12px !important;
    }
}

/* Exact reference visual dimensions at the solutions tablet breakpoint. */
@media only screen and (max-width:991px){
    .evo-subpage-hero-photo{
        min-height:310px !important;
        height:310px !important;
    }
}

/* Exact reference visual dimensions at the solutions mobile breakpoint. */
@media only screen and (max-width:767px){
    .evo-subpage-hero-photo{
        min-height:245px !important;
        height:245px !important;
        margin-top:20px !important;
    }

    /* Wiedza has no section nav, so preserve its closed rounded module. */
    .evo-solutions-hero.evo-knowledge-hero{
        border-radius:12px !important;
        overflow:hidden !important;
    }
}


/* =========================================================
   EVO — ZASTOSOWANIA / v57
   Application data: editorial icon rows instead of table layout
   ========================================================= */

/* The whole data area becomes a clean stacked information module. */
.evo-applications-data{
    display:block !important;
    width:100% !important;
    margin:30px 0 0 !important;
    padding:0 !important;
    border-top:0 !important;
}

/* Each item is a horizontal icon + content row. */
.evo-applications-data article{
    display:grid !important;
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:24px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:20px 0 !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid rgba(44,44,44,.13) !important;
}

.evo-applications-data article:first-child{
    padding-top:0 !important;
}

.evo-applications-data article:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
}

/* Soft circular icon inspired by the supplied reference. */
.evo-applications-data-icon{
    width:72px !important;
    height:72px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--accent-color) !important;
    background:rgba(0,172,168,.075) !important;
    border:1px solid rgba(0,172,168,.08) !important;
    font-size:30px !important;
    flex:0 0 72px !important;
}

/* Keep icon weight technical, not decorative. */
.evo-applications-data-icon i{
    color:inherit !important;
    font-size:inherit !important;
    line-height:1 !important;
}

/* Copy is no longer a two-column/table label. */
.evo-applications-data-copy{
    min-width:0 !important;
    width:100% !important;
}

.evo-applications-data article span,
.evo-applications-data-copy span{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 0 7px !important;
    padding:0 !important;
    color:var(--primary-color) !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:650 !important;
    letter-spacing:-.018em !important;
    text-transform:none !important;
}

.evo-applications-data article p,
.evo-applications-data-copy p{
    width:auto !important;
    max-width:620px !important;
    margin:0 !important;
    padding:0 !important;
    color:#687071 !important;
    font-size:15px !important;
    line-height:1.58 !important;
}

/* Slightly differentiated icon tone without turning rows into cards. */
.evo-applications-data-solution .evo-applications-data-icon{
    background:rgba(0,172,168,.10) !important;
}

.evo-applications-data-examples .evo-applications-data-icon{
    background:rgba(0,172,168,.06) !important;
}

/* Tablet */
@media(max-width:991px){
    .evo-applications-data{
        margin-top:25px !important;
    }

    .evo-applications-data article{
        grid-template-columns:66px minmax(0,1fr) !important;
        gap:19px !important;
        padding:18px 0 !important;
    }

    .evo-applications-data-icon{
        width:62px !important;
        height:62px !important;
        flex-basis:62px !important;
        font-size:25px !important;
    }

    .evo-applications-data article span,
    .evo-applications-data-copy span{
        font-size:17px !important;
    }
}

/* Mobile */
@media(max-width:767px){
    .evo-applications-data{
        margin-top:22px !important;
    }

    .evo-applications-data article{
        grid-template-columns:54px minmax(0,1fr) !important;
        gap:15px !important;
        padding:15px 0 !important;
        align-items:start !important;
    }

    .evo-applications-data-icon{
        width:50px !important;
        height:50px !important;
        flex-basis:50px !important;
        font-size:20px !important;
        margin-top:1px !important;
    }

    .evo-applications-data article span,
    .evo-applications-data-copy span{
        margin-bottom:5px !important;
        font-size:16px !important;
    }

    .evo-applications-data article p,
    .evo-applications-data-copy p{
        max-width:none !important;
        font-size:14px !important;
        line-height:1.5 !important;
    }
}


/* =========================================================
   EVO — KONTAKT / v58
   HERO aligned with remaining subpages
   ========================================================= */

.evo-contact-hero{
    border-radius:12px !important;
    overflow:hidden !important;
}

.evo-contact-hero .evo-solutions-hero-grid{
    align-items:center !important;
}

.evo-contact-hero .evo-subpage-hero-photo{
    min-height:390px !important;
    height:390px !important;
    overflow:hidden !important;
}

.evo-contact-hero .evo-subpage-hero-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center !important;
}

@media(max-width:991px){
    .evo-contact-hero .evo-subpage-hero-photo{
        min-height:310px !important;
        height:310px !important;
    }
}

@media(max-width:767px){
    .evo-contact-hero{
        border-radius:0 !important;
    }

    .evo-contact-hero .evo-subpage-hero-photo{
        min-height:245px !important;
        height:245px !important;
        margin-top:20px !important;
    }
}


/* =========================================================
   EVO — KONTAKT / v61
   Team moved from O nas — preserve the same profile presentation
   ========================================================= */

.page-contact-us .evo-about-team{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:60px !important;
    align-items:start !important;
    margin:68px 0 0 !important;
    padding:8px 0 0 !important;
}

.page-contact-us .evo-about-team article,
.page-contact-us .evo-about-team article:not(:first-child){
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    text-align:center !important;
}

.page-contact-us .evo-about-team-photo{
    width:220px !important;
    height:220px !important;
    flex:0 0 220px !important;
    padding:0 !important;
    margin:0 0 22px !important;
    border:0 !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:#dfe4e1 !important;
}

.page-contact-us .evo-about-team-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center top !important;
    transform:none !important;
}

.page-contact-us .evo-about-team article > div:last-child{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
}

.page-contact-us .evo-about-team h3{
    color:var(--primary-color) !important;
    font-size:21px !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
    font-weight:600 !important;
    text-align:center !important;
    margin:0 0 9px !important;
}

.page-contact-us .evo-about-team p{
    color:#707879 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    text-align:center !important;
    margin:0 !important;
}

@media(max-width:991px){
    .page-contact-us .evo-about-team{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:28px !important;
    }

    .page-contact-us .evo-about-team-photo{
        width:170px !important;
        height:170px !important;
        flex-basis:170px !important;
    }

    .page-contact-us .evo-about-team h3{
        font-size:18px !important;
    }

    .page-contact-us .evo-about-team p{
        font-size:13px !important;
    }
}

@media(max-width:767px){
    .page-contact-us .evo-about-team{
        grid-template-columns:1fr !important;
        gap:34px !important;
        margin-top:45px !important;
        padding-top:0 !important;
    }

    .page-contact-us .evo-about-team-photo{
        width:155px !important;
        height:155px !important;
        flex-basis:155px !important;
        margin-bottom:18px !important;
    }

    .page-contact-us .evo-about-team h3{
        font-size:19px !important;
        margin-bottom:6px !important;
    }

    .page-contact-us .evo-about-team p{
        font-size:14px !important;
    }
}


/* =========================================================
   EVO — KONTAKT / v62
   Team direct contact details
   ========================================================= */

.page-contact-us .evo-about-team-contact{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    margin-top:13px;
}

.page-contact-us .evo-about-team-contact a{
    color:var(--accent-color) !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
    text-decoration:none !important;
    overflow-wrap:anywhere;
    transition:color .2s ease !important;
}

.page-contact-us .evo-about-team-contact a:hover{
    color:var(--primary-color) !important;
}

@media(max-width:767px){
    .page-contact-us .evo-about-team-contact{
        margin-top:10px;
    }
}


/* =========================================================
   EVO — v63
   Index section numbering + contact details polish
   ========================================================= */

/* Contact icon — normal state */
.page-contact-us .contact-info-item .icon-box{
    background:#fff !important;
    background-color:#fff !important;
    border:1px solid #fff !important;
}

/* Phone / email: keep white on hover, underline only */
.page-contact-us .contact-info-item-content p a:hover{
    color:#fff !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
}

/* Team direct contacts — exactly the same text scale as the job title */
.page-contact-us .evo-about-team-contact a{
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}

@media(max-width:991px){
    .page-contact-us .evo-about-team-contact a{
        font-size:13px !important;
    }
}

@media(max-width:767px){
    .page-contact-us .evo-about-team-contact a{
        font-size:14px !important;
    }
}


/* =========================================================
   EVO — v64
   Contact company data + animated links + unified subpage spacing
   ========================================================= */

/* ---------------------------------------------------------
   CONTACT INFO — modern underline drawing left -> right
   --------------------------------------------------------- */
.page-contact-us .contact-info-item-content p a{
    position:relative !important;
    display:inline-block !important;
    color:#fff !important;
    text-decoration:none !important;
    transition:none !important;
}

.page-contact-us .contact-info-item-content p a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:100%;
    height:1px;
    background:#fff;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .32s cubic-bezier(.22,.61,.36,1);
}

.page-contact-us .contact-info-item-content p a:hover,
.page-contact-us .contact-info-item-content p a:focus{
    color:#fff !important;
    text-decoration:none !important;
}

.page-contact-us .contact-info-item-content p a:hover::after,
.page-contact-us .contact-info-item-content p a:focus::after{
    transform:scaleX(1);
}

/* ---------------------------------------------------------
   CONTACT FORM — company data replacing old heading/copy
   --------------------------------------------------------- */
.page-contact-us .evo-contact-company-data{
    margin:0 0 36px;
}

.page-contact-us .evo-contact-company-data h2{
    color:var(--primary-color);
    font-size:30px;
    line-height:1.15;
    letter-spacing:-.025em;
    font-weight:600;
    margin:0 0 22px;
}

.page-contact-us .evo-contact-company-data address{
    color:var(--primary-color);
    font-size:17px;
    line-height:1.55;
    font-style:normal;
    margin:0 0 22px;
}

.page-contact-us .evo-contact-company-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 24px;
    color:var(--primary-color);
    font-size:14px;
    line-height:1.5;
}

.page-contact-us .evo-contact-company-meta span{
    white-space:nowrap;
}

.page-contact-us .evo-contact-company-meta strong{
    font-weight:650;
}

.page-contact-us .evo-contact-company-rule{
    width:50px;
    height:2px;
    margin-top:34px;
    background:var(--accent-color);
}

/* Direct contact under team — exactly the same size as the job title */
.page-contact-us .evo-about-team-contact a{
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}

@media(max-width:991px){
    .page-contact-us .evo-about-team-contact a{
        font-size:13px !important;
    }
}

@media(max-width:767px){
    .page-contact-us .evo-about-team-contact a{
        font-size:14px !important;
    }

    .page-contact-us .evo-contact-company-data{
        margin-bottom:30px;
    }

    .page-contact-us .evo-contact-company-data h2{
        font-size:26px;
        margin-bottom:18px;
    }

    .page-contact-us .evo-contact-company-data address{
        font-size:16px;
        margin-bottom:18px;
    }

    .page-contact-us .evo-contact-company-meta{
        gap:6px 16px;
        font-size:13px;
    }

    .page-contact-us .evo-contact-company-rule{
        margin-top:26px;
    }
}

/* ---------------------------------------------------------
   ALL SUBPAGES EXCEPT index.html
   One rhythm after HERO/NAV and before FOOTER
   --------------------------------------------------------- */

/* 100px from HERO/nav to the first content section */
.evo-solutions-page > .evo-solutions-nav + section,
.evo-applications-page > .evo-solutions-nav + section,
.evo-tech-page > .evo-solutions-nav + section,
.evo-about-page > .evo-solutions-nav + section,
.evo-knowledge-page > .evo-solutions-hero + section,
.evo-contact-hero + .page-contact-us{
    padding-top:100px !important;
}

/* 86px between the last content section and footer */
.evo-solutions-page > section:last-child,
.evo-applications-page > section:last-child,
.evo-tech-page > section:last-child,
.evo-knowledge-page > section:last-child,
.evo-about-page > section:last-child,
.page-contact-us{
    padding-bottom:86px !important;
}


/* =========================================================
   EVO — v65
   Contact micro-polish
   ========================================================= */

/* Animated underline position */
.page-contact-us .contact-info-item-content p a::after{
    bottom:3px !important;
}

/* Company metadata same size as address */
.page-contact-us .evo-contact-company-meta{
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
}

.page-contact-us .evo-contact-company-meta span,
.page-contact-us .evo-contact-company-meta strong{
    font-weight:400 !important;
}

/* Rule removed from markup; defensive hide in case of cached HTML */
.page-contact-us .evo-contact-company-rule{
    display:none !important;
}

/* ---------------------------------------------------------
   FORM FOCUS — subtle premium interaction
   --------------------------------------------------------- */
.page-contact-us .contact-form .form-control{
    border:1px solid transparent !important;
    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease,
        background-color .22s ease !important;
}

.page-contact-us .contact-form .form-control:hover{
    border-color:rgba(0,172,168,.20) !important;
}

.page-contact-us .contact-form .form-control:focus{
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(0,172,168,.10), 0 8px 22px rgba(32,38,39,.055) !important;
    outline:none !important;
}

.page-contact-us .contact-form .form-control:focus::placeholder{
    opacity:.72 !important;
}

@media(max-width:767px){
    .page-contact-us .evo-contact-company-meta{
        font-size:16px !important;
    }
}


/* =========================================================
   EVO — v66 clean / contact form micro-fix
   ========================================================= */

.page-contact-us .contact-form textarea.form-control{
    resize:none !important;
}


/* =========================================================
   EVO — ROZWIĄZANIA / v66 clean
   BATTER + COATINGI — edge-to-edge 50/50
   ========================================================= */

.evo-solutions-edge-section{
    position:relative;
    width:100%;
    padding:0 !important;
    overflow:hidden;
    background:#fff;
}

.evo-solutions-edge-section.evo-solutions-dark{
    background:#222829;
}

.evo-solutions-edge-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:620px;
    align-items:stretch;
}

.evo-solutions-edge-media{
    min-width:0;
    min-height:620px;
    height:100%;
    overflow:hidden;
}

.evo-solutions-edge-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:620px;
    object-fit:cover;
    object-position:center;
}

.evo-solutions-edge-copy{
    min-width:0;
    min-height:620px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:86px clamp(44px,5vw,88px) 86px max(30px,calc((100vw - 1500px)/2 + 15px));
}

.evo-solutions-edge-copy.evo-solutions-edge-copy-right{
    justify-content:flex-start;
    padding-left:clamp(44px,5vw,88px);
    padding-right:max(30px,calc((100vw - 1500px)/2 + 15px));
}

.evo-solutions-edge-copy > .evo-solutions-copy{
    width:100%;
    max-width:640px;
}

.evo-solutions-edge-section.evo-solutions-dark .evo-solutions-copy h2{
    color:#fff !important;
}

.evo-solutions-edge-section.evo-solutions-dark .evo-solutions-copy p,
.evo-solutions-edge-section.evo-solutions-dark .evo-solutions-list li{
    color:rgba(255,255,255,.72) !important;
}

/* COATINGI intentionally uses the same base min-height as BATTER. */
#coatingi .evo-solutions-edge-grid,
#coatingi .evo-solutions-edge-copy,
#coatingi .evo-solutions-edge-media,
#coatingi .evo-solutions-edge-media img{
    min-height:620px !important;
}

@media(max-width:1440px) and (min-width:992px){
    .evo-solutions-edge-copy{
        padding-left:max(28px,calc((100vw - 1300px)/2 + 15px));
    }

    .evo-solutions-edge-copy.evo-solutions-edge-copy-right{
        padding-right:max(28px,calc((100vw - 1300px)/2 + 15px));
    }
}

@media(max-width:991px){
    .evo-solutions-edge-grid{
        grid-template-columns:1fr;
        min-height:0 !important;
    }

    .evo-solutions-edge-copy,
    .evo-solutions-edge-grid-photo-left .evo-solutions-edge-copy{
        order:1 !important;
        min-height:0 !important;
        padding:64px 30px !important;
        justify-content:flex-start;
    }

    .evo-solutions-edge-media,
    .evo-solutions-edge-grid-photo-left .evo-solutions-edge-media{
        order:2 !important;
        min-height:400px !important;
        height:400px !important;
    }

    .evo-solutions-edge-media img{
        min-height:400px !important;
        height:400px !important;
    }

    #coatingi .evo-solutions-edge-grid,
    #coatingi .evo-solutions-edge-copy{
        min-height:0 !important;
    }

    #coatingi .evo-solutions-edge-media,
    #coatingi .evo-solutions-edge-media img{
        min-height:400px !important;
        height:400px !important;
    }

    .evo-solutions-edge-copy > .evo-solutions-copy{
        max-width:none;
    }
}

@media(max-width:767px){
    .evo-solutions-edge-copy,
    .evo-solutions-edge-grid-photo-left .evo-solutions-edge-copy{
        padding:38px 20px !important;
    }

    .evo-solutions-edge-media,
    .evo-solutions-edge-grid-photo-left .evo-solutions-edge-media{
        min-height:270px !important;
        height:270px !important;
    }

    .evo-solutions-edge-media img{
        min-height:270px !important;
        height:270px !important;
    }

    #coatingi .evo-solutions-edge-media,
    #coatingi .evo-solutions-edge-media img{
        min-height:270px !important;
        height:270px !important;
    }
}


/* =========================================================
   EVO — v67
   SUBPAGE HERO — exact side margins from index.html .bg-section
   ========================================================= */

.evo-solutions-hero,
.evo-applications-hero,
.evo-tech-hero,
.evo-knowledge-hero,
.evo-about-hero,
.evo-contact-hero{
    width:100% !important;
    max-width:1880px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media only screen and (max-width:1880px){
    .evo-solutions-hero,
    .evo-applications-hero,
    .evo-tech-hero,
    .evo-knowledge-hero,
    .evo-about-hero,
    .evo-contact-hero{
        width:calc(100% - 40px) !important;
    }
}

/* index.html .bg-section becomes full-width on mobile */
@media only screen and (max-width:767px){
    .evo-solutions-hero,
    .evo-applications-hero,
    .evo-tech-hero,
    .evo-knowledge-hero,
    .evo-about-hero,
    .evo-contact-hero{
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}


/* =========================================================
   EVO — v68
   Subpage teal nav aligned with HERO + poultry top spacing
   ========================================================= */

/* Same side frame as the subpage HERO */
.evo-solutions-nav{
    width:100% !important;
    max-width:1880px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media only screen and (max-width:1880px){
    .evo-solutions-nav{
        width:calc(100% - 40px) !important;
    }
}

/* Mobile remains full-width, same as HERO */
@media only screen and (max-width:767px){
    .evo-solutions-nav{
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* ZASTOSOWANIA — only DRÓB: remove top padding from copy */
#drob .evo-applications-edge-copy{
    padding-top:0 !important;
}


/* =========================================================
   EVO — v69
   MOBILE/TABLET ≤ 991px — unified subpage framing
   ========================================================= */

@media only screen and (max-width:991px){

    /* -----------------------------------------------------
       HERO
       No desktop frame on tablet/mobile:
       - no white side gutters
       - no rounded corners
       - true full available width
       ----------------------------------------------------- */
    .evo-solutions-hero,
    .evo-applications-hero,
    .evo-tech-hero,
    .evo-knowledge-hero,
    .evo-about-hero,
    .evo-contact-hero,
    .evo-solutions-hero.evo-knowledge-hero{
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        border-radius:0 !important;
    }

    /*
       Some earlier page-specific rules restore rounded corners
       or module framing. Kill those consistently below 992px.
    */
    .evo-applications-hero,
    .evo-tech-hero,
    .evo-about-hero,
    .evo-knowledge-hero,
    .evo-contact-hero{
        border-top-left-radius:0 !important;
        border-top-right-radius:0 !important;
        border-bottom-left-radius:0 !important;
        border-bottom-right-radius:0 !important;
    }

    /* -----------------------------------------------------
       TEAL SUBPAGE NAV
       Full width both normally and while sticky.
       ----------------------------------------------------- */
    .evo-solutions-nav,
    .evo-solutions-nav.is-stuck,
    .evo-solutions-nav.evo-applications-nav,
    .evo-solutions-nav.evo-tech-nav,
    .evo-solutions-nav.evo-about-nav{
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        border-radius:0 !important;
        left:0 !important;
        right:0 !important;
        clip-path:none !important;
    }

    /*
       Sticky state stays edge-to-edge and gets only a restrained
       separation from the content beneath it.
    */
    .evo-solutions-nav.is-stuck{
        box-shadow:0 5px 16px rgba(31,39,39,.10) !important;
    }

    /*
       No desktop full-bleed pseudo-element is needed on mobile:
       the bar itself is already full width.
    */
    .evo-solutions-nav.is-stuck::before,
    .evo-solutions-nav:not(.is-stuck)::before{
        content:none !important;
        display:none !important;
    }

    /*
       Keep navigation content comfortably inset while the teal
       background itself reaches the viewport edges.
    */
    .evo-solutions-nav > .container{
        width:100% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }
}

/* Phone refinement */
@media only screen and (max-width:767px){
    .evo-solutions-nav > .container{
        padding-left:16px !important;
        padding-right:16px !important;
    }
}

@media only screen and (max-width:767px){

    #system .evo-wow-system-exploded{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        grid-template-columns:minmax(0,1fr) !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    #system .evo-wow-system-labels{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;

        grid-template-columns:minmax(0,1fr) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    #system .evo-wow-system-label{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        padding:18px !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    #system .evo-wow-system-label-copy{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    #system .evo-wow-system-label h3{
        display:flex !important;
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;

        white-space:normal !important;
        overflow:hidden !important;
    }

    #system .evo-wow-system-label-name{
        min-width:0 !important;
        max-width:100% !important;
    }

    #system .evo-wow-system-label p{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        white-space:normal !important;
        overflow-wrap:break-word !important;
        word-break:normal !important;
    }

    #system .evo-wow-system-connector{
        display:none !important;
    }
}

.evo-wow-product-grid .evo-wow-quality-actions{
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

/* =========================================================
   EVO PERFORMANCE — PIKTOGRAMY
   ========================================================= */

.evo-wow-performance-row .evo-wow-metrics {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 30px !important;

    width: 100%;
    min-width: 250px;

    position: relative;
    z-index: 3;
}


.evo-wow-performance-row .evo-wow-metric {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 64px;
    min-width: 64px;

    text-align: center;
}


/* IKONA — NORMALNIE TURKUSOWA */

.evo-wow-performance-row .evo-wow-metric i {
    display: block !important;

    margin: 0 0 10px 0;

    font-size: 28px;
    line-height: 1;

    color: var(--accent-color) !important;

    transition: color .25s ease;
}


/* PODPIS — NORMALNIE CIEMNY */

.evo-wow-performance-row .evo-wow-metric span {
    display: block !important;

    margin: 0;
    padding: 0;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;

    color: #202020 !important;

    white-space: nowrap;

    transition: color .25s ease;
}


/* =========================================================
   HOVER — KAŻDY WIERSZ
   ikona + podpis przechodzą na biały
   ========================================================= */

.evo-wow-performance-row:hover .evo-wow-metric i,
.evo-wow-performance-row:hover .evo-wow-metric span {
    color: #fff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .evo-wow-performance-row .evo-wow-metrics {
        justify-content: flex-start !important;
        gap: 22px !important;

        width: 100%;
        min-width: 0;

        margin-top: 16px;
    }

    .evo-wow-performance-row .evo-wow-metric {
        width: 60px;
        min-width: 60px;
    }

    .evo-wow-performance-row .evo-wow-metric i {
        font-size: 25px;
        margin-bottom: 8px;
    }

    .evo-wow-performance-row .evo-wow-metric span {
        font-size: 10px;
    }
}


/* =========================================================
   EVO — v71
   HERO / "Zamów próbkę" — styled Bootstrap modal
   Team presentation mirrors kontakt.html
   ========================================================= */

.evo-sample-modal{
    --bs-modal-width:420px;
}

.evo-sample-modal .modal-dialog{
    width:calc(100% - 32px);
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
}

.evo-sample-modal .modal-content{
    position:relative;
    overflow:visible;
    border:0 !important;
    border-radius:18px !important;
    background:#fff !important;
    padding:42px 34px 38px !important;
    box-shadow:0 28px 80px rgba(25,32,32,.22) !important;
}

/* Close button — deliberately top-right, above the card */
.evo-sample-modal .evo-sample-modal-close{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    left:auto !important;
    z-index:5 !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background-color:#f1f3ef !important;
    background-size:11px !important;
    background-position:center !important;
    opacity:.62 !important;
    box-shadow:none !important;
    transition:opacity .2s ease, background-color .2s ease, transform .2s ease !important;
}

.evo-sample-modal .evo-sample-modal-close:hover,
.evo-sample-modal .evo-sample-modal-close:focus{
    opacity:1 !important;
    background-color:#e8ece8 !important;
    transform:rotate(5deg);
    box-shadow:none !important;
}

/* Exact contact-team visual grammar */
.evo-sample-modal-team{
    width:100%;
    margin:0;
    padding:0;
}

.evo-sample-modal-team article{
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    text-align:center !important;
}

.evo-sample-modal-team .evo-about-team-photo{
    width:220px !important;
    height:220px !important;
    flex:0 0 220px !important;
    padding:0 !important;
    margin:0 0 22px !important;
    border:0 !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:#dfe4e1 !important;
}

.evo-sample-modal-team .evo-about-team-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center top !important;
    transform:none !important;
}

.evo-sample-modal-team article > div:last-child{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
}

.evo-sample-modal-team h3{
    color:var(--primary-color) !important;
    font-size:21px !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
    font-weight:600 !important;
    text-align:center !important;
    margin:0 0 9px !important;
}

.evo-sample-modal-team p{
    color:#707879 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    text-align:center !important;
    margin:0 !important;
}

.evo-sample-modal-team .evo-about-team-contact{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:5px !important;
    margin-top:13px !important;
}

.evo-sample-modal-team .evo-about-team-contact a{
    color:var(--accent-color) !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    text-decoration:none !important;
    overflow-wrap:anywhere;
    transition:color .2s ease !important;
}

.evo-sample-modal-team .evo-about-team-contact a:hover,
.evo-sample-modal-team .evo-about-team-contact a:focus{
    color:var(--primary-color) !important;
}

/* Soft Bootstrap entrance, without changing the team card itself */
.evo-sample-modal.modal.fade .modal-dialog{
    transform:translateY(12px) scale(.98);
    transition:transform .24s cubic-bezier(.2,.7,.3,1);
}

.evo-sample-modal.modal.show .modal-dialog{
    transform:translateY(0) scale(1);
}

.modal-backdrop.show{
    opacity:.58;
}

@media(max-width:575px){
    .evo-sample-modal .modal-dialog{
        width:calc(100% - 24px);
    }

    .evo-sample-modal .modal-content{
        border-radius:16px !important;
        padding:38px 22px 32px !important;
    }

    .evo-sample-modal .evo-sample-modal-close{
        top:12px !important;
        right:12px !important;
    }

    .evo-sample-modal-team .evo-about-team-photo{
        width:155px !important;
        height:155px !important;
        flex-basis:155px !important;
        margin-bottom:18px !important;
    }

    .evo-sample-modal-team h3{
        font-size:19px !important;
        margin-bottom:6px !important;
    }

    .evo-sample-modal-team p{
        font-size:14px !important;
    }

    .evo-sample-modal-team .evo-about-team-contact{
        margin-top:10px !important;
    }

    .evo-sample-modal-team .evo-about-team-contact a{
        font-size:14px !important;
    }
}


/* =========================================================
   EVO — v73
   HERO / "Zamów próbkę" — sample request form modal
   ========================================================= */

.evo-sample-form-modal{
    --bs-modal-width:760px;
}

.evo-sample-form-modal .modal-dialog{
    width:calc(100% - 32px);
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}

.evo-sample-form-modal .modal-content{
    position:relative;
    border:0 !important;
    border-radius:18px !important;
    background:var(--secondary-color) !important;
    padding:38px 38px 40px !important;
    box-shadow:0 28px 80px rgba(25,32,32,.24) !important;
}

.evo-sample-form-modal .evo-sample-form-modal-close{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    left:auto !important;
    z-index:5 !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background-color:#fff !important;
    background-size:11px !important;
    background-position:center !important;
    opacity:.62 !important;
    box-shadow:none !important;
    transition:opacity .2s ease, transform .2s ease !important;
}

.evo-sample-form-modal .evo-sample-form-modal-close:hover,
.evo-sample-form-modal .evo-sample-form-modal-close:focus{
    opacity:1 !important;
    transform:rotate(5deg);
}

.evo-sample-form-head{
    padding-right:50px;
    margin-bottom:24px;
}

.evo-sample-form-head h3{
    color:var(--primary-color) !important;
    font-size:32px !important;
    line-height:1.12 !important;
    letter-spacing:-.03em !important;
    font-weight:600 !important;
    margin:0 !important;
}

.evo-sample-request-form .form-control{
    width:100%;
    min-height:58px;
    font-size:16px;
    font-weight:400;
    line-height:1.5em;
    color:var(--primary-color);
    background:#fff;
    border:1px solid transparent !important;
    border-radius:10px;
    padding:16px 20px;
    box-shadow:none;
    outline:none;
    transition:box-shadow .22s ease, transform .22s ease, background-color .22s ease !important;
}

.evo-sample-request-form textarea.form-control{
    min-height:120px;
    resize:none !important;
}

.evo-sample-request-form .form-control::placeholder{
    color:var(--text-color);
    opacity:.5;
}

.evo-sample-request-form .form-control:hover{
    box-shadow:0 0 0 1px rgba(0,172,168,.14) !important;
}

.evo-sample-request-form .form-control:focus{
    background:#fff !important;
    border-color:transparent !important;
    box-shadow:0 0 0 4px rgba(0,172,168,.10), 0 8px 22px rgba(32,38,39,.055) !important;
    transform:translateY(-1px) !important;
    outline:none !important;
}

.evo-sample-request-form .form-control:focus::placeholder{
    opacity:.32;
}

/* Custom SELECT */
.evo-sample-select-wrap{
    position:relative;
}

.evo-sample-select-wrap::after{
    content:"";
    position:absolute;
    top:50%;
    right:20px;
    width:8px;
    height:8px;
    border-right:2px solid #6d7475;
    border-bottom:2px solid #6d7475;
    transform:translateY(-68%) rotate(45deg);
    pointer-events:none;
    transition:transform .2s ease, border-color .2s ease;
}

.evo-sample-select-wrap:focus-within::after{
    border-color:var(--accent-color);
    transform:translateY(-35%) rotate(225deg);
}

.evo-sample-request-form .evo-sample-select{
    appearance:none;
    -webkit-appearance:none;
    padding-right:52px !important;
    cursor:pointer;
    color:var(--text-color);
}

.evo-sample-request-form .evo-sample-select:valid{
    color:var(--primary-color);
}

.evo-sample-request-form .evo-sample-select option{
    color:var(--primary-color);
    background:#fff;
}

/* Custom CHECKBOX */
.evo-sample-consent{
    position:relative;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    gap:12px;
    align-items:start;
    margin:0;
    cursor:pointer;
}

.evo-sample-consent input{
    position:absolute;
    opacity:0;
    width:1px;
    height:1px;
    pointer-events:none;
}

.evo-sample-consent-box{
    position:relative;
    width:22px;
    height:22px;
    border:1px solid rgba(44,44,44,.20);
    border-radius:6px;
    background:#fff;
    box-shadow:0 2px 8px rgba(32,38,39,.03);
    transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.evo-sample-consent-box::after{
    content:"";
    position:absolute;
    left:7px;
    top:3px;
    width:6px;
    height:11px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg) scale(0);
    transform-origin:center;
    transition:transform .16s ease;
}

.evo-sample-consent input:checked + .evo-sample-consent-box{
    background:var(--accent-color);
    border-color:var(--accent-color);
}

.evo-sample-consent input:checked + .evo-sample-consent-box::after{
    transform:rotate(45deg) scale(1);
}

.evo-sample-consent input:focus-visible + .evo-sample-consent-box{
    box-shadow:0 0 0 4px rgba(0,172,168,.12);
}

.evo-sample-consent:hover .evo-sample-consent-box{
    transform:translateY(-1px);
    border-color:rgba(0,172,168,.45);
}

.evo-sample-consent-text{
    color:#687071;
    font-size:12px;
    line-height:1.55;
    font-weight:400;
}

.evo-sample-consent-text a{
    color:var(--accent-color) !important;
    text-decoration:underline !important;
    text-underline-offset:2px;
}

.evo-sample-consent-text a:hover{
    color:var(--primary-color) !important;
}

.evo-sample-form-submit{
    display:flex;
    justify-content:flex-start;
}

.evo-sample-form-submit .btn-default{
    min-width:190px;
}

/* Smooth Bootstrap entrance */
.evo-sample-form-modal.modal.fade .modal-dialog{
    transform:translateY(12px) scale(.985);
    transition:transform .24s cubic-bezier(.2,.7,.3,1);
}

.evo-sample-form-modal.modal.show .modal-dialog{
    transform:translateY(0) scale(1);
}

@media(max-width:767px){
    .evo-sample-form-modal .modal-dialog{
        width:calc(100% - 20px);
        margin-top:10px;
        margin-bottom:10px;
    }

    .evo-sample-form-modal .modal-content{
        border-radius:14px !important;
        padding:32px 18px 24px !important;
    }

    .evo-sample-form-modal .evo-sample-form-modal-close{
        top:10px !important;
        right:10px !important;
    }

    .evo-sample-form-head{
        margin-bottom:20px;
    }

    .evo-sample-form-head h3{
        font-size:27px !important;
    }

    .evo-sample-request-form .form-control{
        min-height:54px;
        padding:14px 16px;
        font-size:15px;
    }

    .evo-sample-select-wrap::after{
        right:17px;
    }

    .evo-sample-consent{
        grid-template-columns:20px minmax(0,1fr);
        gap:10px;
    }

    .evo-sample-consent-box{
        width:20px;
        height:20px;
    }

    .evo-sample-consent-box::after{
        left:6px;
        top:2px;
    }

    .evo-sample-consent-text{
        font-size:11px;
        line-height:1.5;
    }

    .evo-sample-form-submit,
    .evo-sample-form-submit .btn-default{
        width:100%;
    }

    .evo-sample-form-submit .btn-default{
        text-align:center;
        justify-content:center;
    }
}


/* =========================================================
   EVO — v74
   Sample modal: custom dropdown + clearer form + modal close UX
   ========================================================= */

/* Placeholder contrast = custom select placeholder */
.evo-sample-request-form .form-control::placeholder{
    color:#687071 !important;
    opacity:1 !important;
}

.evo-sample-request-form .form-control:focus::placeholder{
    color:#687071 !important;
    opacity:.72 !important;
}

/* ---------------------------------------------------------
   CUSTOM SELECT — fully styled open state
   --------------------------------------------------------- */
.evo-sample-custom-select{
    position:relative;
    width:100%;
    z-index:20;
}

.evo-sample-custom-select-trigger{
    position:relative;
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 52px 16px 20px;
    border:1px solid transparent;
    border-radius:10px;
    background:#fff;
    color:#687071;
    font-size:16px;
    line-height:1.5;
    font-weight:400;
    text-align:left;
    box-shadow:none;
    outline:none;
    cursor:pointer;
    transition:box-shadow .22s ease, transform .22s ease, background-color .22s ease;
}

.evo-sample-custom-select.has-value .evo-sample-custom-select-trigger{
    color:var(--primary-color);
}

.evo-sample-custom-select-trigger:hover{
    box-shadow:0 0 0 1px rgba(0,172,168,.14);
}

.evo-sample-custom-select.is-open .evo-sample-custom-select-trigger,
.evo-sample-custom-select-trigger:focus-visible{
    background:#fff;
    box-shadow:0 0 0 4px rgba(0,172,168,.10), 0 8px 22px rgba(32,38,39,.055);
    transform:translateY(-1px);
}

.evo-sample-custom-select-chevron{
    position:absolute;
    right:20px;
    top:50%;
    width:8px;
    height:8px;
    border-right:2px solid #6d7475;
    border-bottom:2px solid #6d7475;
    transform:translateY(-68%) rotate(45deg);
    transform-origin:center;
    transition:transform .2s ease, border-color .2s ease;
}

.evo-sample-custom-select.is-open .evo-sample-custom-select-chevron{
    border-color:var(--accent-color);
    transform:translateY(-30%) rotate(225deg);
}

.evo-sample-custom-select-menu{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    z-index:100;
    display:grid;
    gap:3px;
    max-height:0;
    padding:0 8px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    border:1px solid rgba(44,44,44,.08);
    border-radius:12px;
    background:#fff;
    box-shadow:0 18px 42px rgba(26,33,33,.16);
    transform:translateY(-6px);
    transition:max-height .24s ease, opacity .18s ease, transform .24s ease, padding .24s ease, visibility .18s ease;
}

.evo-sample-custom-select.is-open .evo-sample-custom-select-menu{
    max-height:320px;
    padding:8px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.evo-sample-custom-select-option{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    padding:9px 12px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:var(--primary-color);
    font-size:15px;
    line-height:1.35;
    font-weight:400;
    text-align:left;
    cursor:pointer;
    transition:background-color .16s ease, color .16s ease, padding-left .16s ease;
}

.evo-sample-custom-select-option:hover,
.evo-sample-custom-select-option:focus-visible{
    background:rgba(0,172,168,.08);
    color:var(--accent-color);
    padding-left:16px;
    outline:none;
}

.evo-sample-custom-select-option.is-selected{
    background:rgba(0,172,168,.11);
    color:var(--accent-color);
    font-weight:600;
}

/* ---------------------------------------------------------
   MODAL CLOSE — turquoise and clearly visible everywhere
   --------------------------------------------------------- */
.evo-sample-form-modal .evo-sample-form-modal-close,
.evo-sample-modal .evo-sample-modal-close{
    background-color:var(--accent-color) !important;
    opacity:1 !important;
    filter:none !important;
}

/* Bootstrap close glyph -> white */
.evo-sample-form-modal .evo-sample-form-modal-close,
.evo-sample-modal .evo-sample-modal-close{
    --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}

.evo-sample-form-modal .evo-sample-form-modal-close:hover,
.evo-sample-form-modal .evo-sample-form-modal-close:focus,
.evo-sample-modal .evo-sample-modal-close:hover,
.evo-sample-modal .evo-sample-modal-close:focus{
    background-color:#009b98 !important;
    opacity:1 !important;
    box-shadow:0 8px 20px rgba(0,172,168,.28) !important;
}

@media(max-width:767px){
    .evo-sample-custom-select-trigger{
        min-height:54px;
        padding:14px 48px 14px 16px;
        font-size:15px;
    }

    .evo-sample-custom-select-chevron{
        right:17px;
    }

    .evo-sample-custom-select-option{
        min-height:40px;
        font-size:14px;
    }
}


/* =========================================================
   EVO — v75
   Modal close polish + contact form consistency + nav fade
   ========================================================= */

/* ---------------------------------------------------------
   ALL EVO MODALS — turquoise close, white X, no rotation.
   Hover changes only background color with a soft fade.
   --------------------------------------------------------- */
.evo-sample-modal .btn-close,
.evo-sample-form-modal .btn-close{
    position:absolute !important;
    background-image:none !important;
    background-color:var(--accent-color) !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:background-color .24s ease, opacity .24s ease !important;
}

.evo-sample-modal .btn-close::before,
.evo-sample-form-modal .btn-close::before{
    content:"";
    position:absolute;
    inset:0;
    margin:auto;
    width:13px;
    height:13px;
    background:
        linear-gradient(45deg, transparent 44%, #fff 45%, #fff 55%, transparent 56%),
        linear-gradient(-45deg, transparent 44%, #fff 45%, #fff 55%, transparent 56%);
    pointer-events:none;
}

.evo-sample-modal .btn-close:hover,
.evo-sample-modal .btn-close:focus,
.evo-sample-form-modal .btn-close:hover,
.evo-sample-form-modal .btn-close:focus{
    background-color:#009693 !important;
    opacity:1 !important;
    transform:none !important;
    box-shadow:none !important;
}

/* ---------------------------------------------------------
   CONTACT FORM — same readable placeholder tone as sample modal
   --------------------------------------------------------- */
.page-contact-us .contact-form .form-control::placeholder{
    color:var(--text-color) !important;
    opacity:.82 !important;
}

.page-contact-us .contact-form textarea.form-control{
    resize:none !important;
}

/* Same custom consent used in sample modal */
.page-contact-us .evo-contact-privacy-consent{
    margin-top:2px;
}

/* ---------------------------------------------------------
   SUBPAGE TEAL NAV — smooth fade on hover/focus
   --------------------------------------------------------- */
.evo-solutions-nav a{
    transition:
        color .24s ease,
        opacity .24s ease,
        background-color .24s ease !important;
}

.evo-solutions-nav a:hover,
.evo-solutions-nav a:focus{
    transition:
        color .24s ease,
        opacity .24s ease,
        background-color .24s ease !important;
}


/* =========================================================
   EVO — v76
   Contact form cleanup
   ========================================================= */

/* Contact placeholders exactly like "Zamów próbkę" modal */
.page-contact-us .contact-form .form-control::placeholder{
    color:#687071 !important;
    opacity:1 !important;
}

/* Sample form modal close — no shadow in any state */
.evo-sample-form-modal .evo-sample-form-modal-close,
.evo-sample-form-modal .evo-sample-form-modal-close:hover,
.evo-sample-form-modal .evo-sample-form-modal-close:focus{
    box-shadow:none !important;
}

/* EVO — v78: Offer modal submit button uses standard btn-default sizing */
#evo-offer-request-modal .evo-sample-form-submit .btn-default{
    min-width:0;
}

@media(max-width:767px){
    #evo-offer-request-modal .evo-sample-form-submit .btn-default{
        width:100%;
    }
}

.evo-sample-custom-select,
.evo-sample-custom-select-trigger,
.evo-sample-custom-select-value{
    color:#687071 !important;
}

.evo-sample-custom-select-option{
    color:#687071 !important;
}

#lcc-banner {
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px);
	max-width: 500px;
	background: #ffffff;
	box-shadow: 0 4px 15px rgba(0,0,0,0.12);
	border: 1px solid #e5e7eb;
	padding: 24px;
	z-index: 999999;
	font-family: var(--tp-ff-body);
	display: none;
	flex-direction: column;
	border-radius: 8px;
}

#lcc-banner h3 {
	margin: 0 0 12px 0;
	font-size: 18px;
	font-weight: 600;
	color: #212121;
}

#lcc-banner p {
	margin: 0 0 20px 0;
	font-size: 13px;
	line-height: 1.6em;
	color: #4b5563;
}

.lcc-buttons,
.lcc-modal-buttons {
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.lcc-btn {
	flex: 1;
	padding: 10px 12px;
	font-size: 13px;
	cursor: pointer;
	border-radius: 4px;
	font-weight: 600;
	text-align: center;
	border: 2px solid rgba(33, 33, 45, 0.1);
	background: transparent;
	color: #212121;
	transition: all 0.2s ease;
}

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

.lcc-btn:hover {
	border: 2px solid rgba(33, 33, 45, 0.2);
}

.lcc-btn:not(#lcc-accept):not(.lcc-btn-accept) {
    font-weight: 400;
}

#lcc-modal-wrapper {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	z-index: 9999999;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

#lcc-modal-wrapper.lcc-modal-open {
	display: flex;
}

.lcc-modal {
	max-height: 90vh;
	overflow-y: auto;
	border-radius: 8px;
	padding: 24px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.2);
	max-width: 620px;
	width: 100%;
	color: #212121;
	border: 1px solid #f4f4f4;
	background-color: #ffffff;
	font-family: var(--tp-ff-body);
}

.lcc-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 15px;
}

.lcc-modal-title {
	font-size: 18px;
	font-weight: 600;
	color: #212121;
}

.lcc-close {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
}

.lcc-modal-content {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.lcc-modal-content > p {
	font-size: 13px;
	line-height: 1.6em;
	color: #4b5563;
	margin-bottom: 0;
}

.lcc-category {
	padding: 14px 0;
	border-bottom: 1px solid #eeeeee;
}

.lcc-category-title {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 6px;
}

.lcc-category-desc {
	font-size: 13px;
	color: #4b5563;
	margin: 0;
}

.lcc-always-active {
	color: #008000;
	font-size: 13px;
	font-weight: 500;
}

@media (max-width: 600px) {
	#lcc-banner {
		left: 10px;
		bottom: 10px;
		width: calc(100% - 20px);
		max-width: none;
	}

	.lcc-buttons,
	.lcc-modal-buttons {
		flex-direction: column;
	}
}

.req {
  color: var(--tp-common-red-2);
}

.wpcf7-form-control.wpcf7-not-valid {
  border-color: var(--tp-common-red-2) !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 32px 0 0 0;
	border-color: var(--tp-common-red-2) !important;
	border-radius: 8px;
}

.evo-privacy-page{
	--evo-privacy-accent: var(--accent-color, #00aca8);
	--evo-privacy-dark: #202627;
	--evo-privacy-text: #303738;
	--evo-privacy-muted: #697273;
	--evo-privacy-line: rgba(32,38,39,.11);
	--evo-privacy-soft: #f3f6f4;
	background:#fff;
}

.evo-privacy-page *{
	box-sizing:border-box;
}

.evo-privacy-hero{
	width:100%;
	max-width:1880px;
	margin:20px auto 0;
	padding:190px 0 84px;
	overflow:hidden;
	background:
		radial-gradient(circle at 82% 24%, rgba(0,172,168,.16), transparent 32%),
		var(--evo-privacy-dark);
	border-radius:12px;
}

.evo-privacy-hero-inner{
	max-width:950px;
}

.evo-privacy-hero h1{
	max-width:900px;
	margin:0 0 24px;
	color:#fff;
	font-size:clamp(48px, 5vw, 72px);
	line-height:1.02;
	letter-spacing:-.045em;
	font-weight:550;
}

.evo-privacy-hero p{
	max-width:760px;
	margin:0;
	color:rgba(255,255,255,.7);
	font-size:18px;
	line-height:1.7;
}

.evo-privacy-content{
	padding:86px 0 110px;
}

.evo-privacy-layout{
	display:grid;
	grid-template-columns:280px minmax(0, 1fr);
	gap:72px;
	align-items:start;
}

.evo-privacy-nav{
	position:sticky;
	top:24px;
	padding:28px 26px 25px;
	background:var(--evo-privacy-soft);
	border:1px solid rgba(32,38,39,.06);
	border-radius:10px;
}

.evo-privacy-nav-title{
	margin:0 0 18px;
	color:var(--evo-privacy-dark);
	font-size:13px;
	line-height:1.2;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.evo-privacy-nav ol{
	list-style:none;
	padding:0;
	margin:0;
	counter-reset:evo-privacy-nav;
}

.evo-privacy-nav li{
	counter-increment:evo-privacy-nav;
	margin:0;
	padding:0;
	border-top:1px solid rgba(32,38,39,.08);
}

.evo-privacy-nav li:first-child{
	border-top:0;
}

.evo-privacy-nav a{
	position:relative;
	display:grid;
	grid-template-columns:28px minmax(0,1fr);
	gap:8px;
	align-items:start;
	padding:11px 0;
	color:#566061;
	font-size:13px;
	line-height:1.35;
	text-decoration:none;
	transition:color .2s ease;
}

.evo-privacy-nav a::before{
	content:counter(evo-privacy-nav, decimal-leading-zero);
	color:var(--evo-privacy-accent);
	font-size:11px;
	line-height:1.6;
	font-weight:800;
	letter-spacing:.04em;
}

.evo-privacy-nav a:hover,
.evo-privacy-nav a:focus{
	color:var(--evo-privacy-dark);
}

.evo-privacy-document{
	min-width:0;
	max-width:920px;
}

.evo-privacy-section{
	scroll-margin-top:125px;
	padding:0 0 52px;
	margin:0 0 50px;
	border-bottom:1px solid var(--evo-privacy-line);
}

.evo-privacy-section:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}

.evo-privacy-section-heading{
	display:grid;
	grid-template-columns:46px minmax(0,1fr);
	gap:18px;
	align-items:center;
	margin-bottom:25px;
}

.evo-privacy-section-no{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
	background:var(--evo-privacy-accent);
	color:#fff;
	font-size:12px;
	line-height:1;
	font-weight:800;
	letter-spacing:.02em;
}

.evo-privacy-section h2{
	margin:0;
	color:var(--evo-privacy-dark);
	font-size:clamp(27px, 2.2vw, 36px);
	line-height:1.12;
	letter-spacing:-.035em;
	font-weight:600;
}

.evo-privacy-section h3{
	margin:31px 0 8px;
	color:var(--evo-privacy-dark);
	font-size:18px;
	line-height:1.35;
	font-weight:700;
}

.evo-privacy-section p{
	margin:0 0 18px;
	color:var(--evo-privacy-text);
	font-size:16px;
	line-height:1.78;
}

.evo-privacy-section p:last-child{
	margin-bottom:0;
}

.evo-privacy-section strong{
	color:var(--evo-privacy-dark);
	font-weight:700;
}

.evo-privacy-section a{
	color:var(--evo-privacy-accent);
	text-decoration:none;
	border-bottom:1px solid rgba(0,172,168,.34);
	transition:border-color .2s ease, color .2s ease;
}

.evo-privacy-section a:hover,
.evo-privacy-section a:focus{
	color:var(--evo-privacy-dark);
	border-bottom-color:var(--evo-privacy-dark);
}

.evo-privacy-list{
	list-style:none;
	margin:4px 0 24px;
	padding:0;
	display:grid;
	gap:10px;
}

.evo-privacy-list li{
	position:relative;
	padding:13px 16px 13px 45px;
	background:var(--evo-privacy-soft);
	border-radius:7px;
	color:var(--evo-privacy-text);
	font-size:15px;
	line-height:1.55;
}

.evo-privacy-list li::before{
	content:"";
	position:absolute;
	left:19px;
	top:20px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--evo-privacy-accent);
}

.evo-privacy-note{
	margin:26px 0 0;
	padding:22px 24px;
	border-left:3px solid var(--evo-privacy-accent);
	background:var(--evo-privacy-soft);
}

.evo-privacy-note p{
	margin:0;
}

@media only screen and (max-width:1880px){
	.evo-privacy-hero{
		width:calc(100% - 40px);
	}
}

@media only screen and (max-width:991px){
	.evo-privacy-hero{
		margin-top:0;
		padding:150px 0 64px;
		border-radius:0;
	}

	.evo-privacy-layout{
		grid-template-columns:1fr;
		gap:48px;
	}

	.evo-privacy-nav{
		position:relative;
		top:auto;
		padding:24px;
	}

	.evo-privacy-nav ol{
		display:grid;
		grid-template-columns:repeat(2, minmax(0,1fr));
		column-gap:28px;
	}

	.evo-privacy-document{
		max-width:none;
	}
}

@media only screen and (max-width:767px){
	.evo-privacy-hero{
		width:100%;
		margin-left:0;
		margin-right:0;
		padding:135px 0 54px;
		border-radius:0;
	}

	.evo-privacy-hero h1{
		font-size:clamp(42px, 12vw, 58px);
	}

	.evo-privacy-hero p{
		font-size:16px;
		line-height:1.65;
	}

	.evo-privacy-content{
		padding:58px 0 76px;
	}

	.evo-privacy-layout{
		gap:40px;
	}

	.evo-privacy-nav{
		padding:22px 20px;
	}

	.evo-privacy-nav ol{
		grid-template-columns:1fr;
	}

	.evo-privacy-section{
		padding-bottom:40px;
		margin-bottom:39px;
	}

	.evo-privacy-section-heading{
		grid-template-columns:40px minmax(0,1fr);
		gap:14px;
		margin-bottom:21px;
	}

	.evo-privacy-section-no{
		width:40px;
		height:40px;
	}

	.evo-privacy-section h2{
		font-size:27px;
	}

	.evo-privacy-section p{
		font-size:15px;
		line-height:1.72;
	}

	.evo-privacy-list li{
		padding:12px 14px 12px 40px;
	}

	.evo-privacy-list li::before{
		left:17px;
		top:19px;
	}
}

.evo-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.evo-footer-bottom-links{
    display:flex;
    align-items:center;
    gap:24px;
}

.evo-footer-privacy-link{
    color:rgba(255,255,255,.52);
    font-size:14px;
    line-height:1.7em;
    font-weight:400;
    text-decoration:none;
    transition:color .25s ease;
}

.evo-footer-privacy-link:hover,
.evo-footer-privacy-link:focus{
    color:#fff;
}

@media only screen and (max-width:767px){
    .evo-footer-bottom{
        flex-direction:column;
        align-items:center;
        gap:10px;
    }

    .evo-footer-bottom-links{
        gap:18px;
        flex-wrap:wrap;
        justify-content:center;
    }
}

/* =========================================================
   CONTACT FORM 7 — EVO CONTACT
   ========================================================= */

.page-contact-us .contact-form .wpcf7-form{
    margin:0;
}

.page-contact-us .contact-form .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}


/* INPUT / TEXTAREA — identycznie jak oryginalny formularz EVO */

.page-contact-us .contact-form .form-control{
    width:100%;
    font-size:16px;
    font-weight:400;
    line-height:1.5em;

    color:var(--primary-color);

    background:var(--white-color);

    border:1px solid transparent !important;
    border-radius:10px;

    padding:18px 24px;

    box-shadow:none;
    outline:none;

    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease,
        background-color .22s ease !important;
}

.page-contact-us .contact-form .form-control::placeholder{
    color:#687071 !important;
    opacity:1 !important;
}

.page-contact-us .contact-form .form-control:hover{
    border-color:rgba(0,172,168,.20) !important;
}

.page-contact-us .contact-form .form-control:focus{
    background:#fff !important;

    box-shadow:
        0 0 0 4px rgba(0,172,168,.10),
        0 8px 22px rgba(32,38,39,.055) !important;


    outline:none !important;
}

.page-contact-us .contact-form textarea.form-control{
    resize:none !important;
}

/* =========================================================
   CONTACT FORM 7 — EVO CONTACT
   Kompletny styl formularza
   ========================================================= */


/* =========================================================
   CF7 — PODSTAWOWA STRUKTURA
   ========================================================= */

.page-contact-us .contact-form .wpcf7-form{
    margin:0;
}

.page-contact-us .contact-form .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}


/* =========================================================
   INPUT / TEXTAREA
   ========================================================= */

.page-contact-us .contact-form .form-control{
    width:100%;

    font-size:16px;
    font-weight:400;
    line-height:1.5em;

    color:var(--primary-color);

    background:#fff;

    border:1px solid transparent !important;
    border-radius:10px;

    padding:18px 24px;

    box-shadow:none;

    outline:none;

    transition:
        box-shadow .22s ease,
        transform .22s ease,
        background-color .22s ease !important;
}


/* placeholder */

.page-contact-us .contact-form .form-control::placeholder{
    color:#687071 !important;
    opacity:1 !important;
}


/* hover */

.page-contact-us .contact-form .form-control:hover{
    box-shadow:
        0 0 0 1px rgba(0,172,168,.14) !important;
}


/* focus */

.page-contact-us .contact-form .form-control:focus{
    background:#fff !important;

    border-color:transparent !important;

    box-shadow:
        0 0 0 4px rgba(0,172,168,.10),
        0 8px 22px rgba(32,38,39,.055) !important;

    outline:none !important;
}


/* placeholder po focus */

.page-contact-us .contact-form .form-control:focus::placeholder{
    opacity:.72 !important;
}


/* textarea */

.page-contact-us .contact-form textarea.form-control{
    resize:none !important;
}


/* =========================================================
   CF7 — CHECKBOX ZGODY
   ========================================================= */

.evo-contact-consent-cf7{
    width:100%;
}


/* wrappery CF7 */

.evo-contact-consent-cf7 .wpcf7-form-control-wrap,
.evo-contact-consent-cf7 .wpcf7-acceptance,
.evo-contact-consent-cf7 .wpcf7-list-item{
    display:block !important;

    width:100%;

    margin:0 !important;
}


/* label */

.evo-contact-consent-cf7 label{
    position:relative;

    display:grid !important;

    grid-template-columns:22px minmax(0,1fr);

    gap:12px;

    align-items:start;

    width:100%;

    margin:0 !important;

    cursor:pointer;
}


/* ukrywamy natywny checkbox */

.evo-contact-consent-cf7 input[type="checkbox"]{
    position:absolute !important;

    width:1px !important;
    height:1px !important;

    opacity:0 !important;

    pointer-events:none;
}


/* tekst zgody */

.evo-contact-consent-cf7 .wpcf7-list-item-label{
    grid-column:2;

    color:#687071 !important;

    font-size:12px;
    line-height:1.55;
    font-weight:400;
}


/* custom checkbox */

.evo-contact-consent-cf7 label::before{
    content:"";

    grid-column:1;
    grid-row:1;

    width:22px;
    height:22px;

    background:#fff;

    border:1px solid rgba(44,44,44,.20);

    border-radius:6px;

    box-shadow:
        0 2px 8px rgba(32,38,39,.03);

    transform:none !important;

    transition:
        background-color .20s ease,
        border-color .20s ease,
        box-shadow .20s ease !important;
}


/* tick */

.evo-contact-consent-cf7 label::after{
    content:"";

    position:absolute;

    left:7px;
    top:3px;

    width:6px;
    height:11px;

    border:solid #fff;
    border-width:0 2px 2px 0;

    transform:
        rotate(45deg)
        scale(0);

    transform-origin:center;

    transition:
        transform .16s ease;
}


/* checkbox hover — bez żadnego przesuwania */

.evo-contact-consent-cf7 label:hover::before{
    transform:none !important;

    border-color:rgba(0,172,168,.45);

    box-shadow:
        0 0 0 3px rgba(0,172,168,.08) !important;
}


/* zaznaczony */

.evo-contact-consent-cf7
label:has(input[type="checkbox"]:checked)::before{
    background:var(--accent-color) !important;

    border-color:var(--accent-color) !important;

    box-shadow:none !important;
}


/* tick po zaznaczeniu */

.evo-contact-consent-cf7
label:has(input[type="checkbox"]:checked)::after{
    transform:
        rotate(45deg)
        scale(1);
}


/* keyboard focus */

.evo-contact-consent-cf7
label:has(input[type="checkbox"]:focus-visible)::before{
    box-shadow:
        0 0 0 4px rgba(0,172,168,.12) !important;
}


/* link polityki prywatności */

.evo-contact-consent-cf7 a{
    color:var(--accent-color) !important;

    text-decoration:underline !important;

    text-underline-offset:2px;

    transition:
        color .20s ease;
}

.evo-contact-consent-cf7 a:hover{
    color:var(--primary-color) !important;
}


/* =========================================================
   CF7 — WALIDACJA INPUTÓW
   bez komunikatów tekstowych pod polami
   ========================================================= */

.page-contact-us
.contact-form
.wpcf7-not-valid-tip{
    display:none !important;
}


/* błędne pole — tylko subtelna poświata */

.page-contact-us
.contact-form
.form-control.wpcf7-not-valid,

.page-contact-us
.contact-form
.form-control[aria-invalid="true"]{
    border-color:transparent !important;

    background:#fff !important;

    box-shadow:
        0 0 0 4px rgba(213,91,91,.10),
        0 8px 22px rgba(32,38,39,.045) !important;
}


/* błędne pole po focus */

.page-contact-us
.contact-form
.form-control.wpcf7-not-valid:focus,

.page-contact-us
.contact-form
.form-control[aria-invalid="true"]:focus{
    border-color:transparent !important;

    box-shadow:
        0 0 0 4px rgba(213,91,91,.14),
        0 8px 22px rgba(32,38,39,.055) !important;
}


/* poprawne pole po focus */

.page-contact-us
.contact-form
.form-control[aria-invalid="false"]:focus{
    border-color:transparent !important;

    box-shadow:
        0 0 0 4px rgba(0,172,168,.10),
        0 8px 22px rgba(32,38,39,.055) !important;
}


/* =========================================================
   CHECKBOX — BŁĄD WALIDACJI
   bez czerwonego border-color
   ========================================================= */

.evo-contact-consent-cf7
label:has(input[aria-invalid="true"])::before{
    border-color:rgba(44,44,44,.20) !important;

    box-shadow:
        0 0 0 4px rgba(213,91,91,.10) !important;
}


/* zaznaczony checkbox zawsze wraca do turkusu */

.evo-contact-consent-cf7
label:has(input:checked)::before{
    background:var(--accent-color) !important;

    border-color:var(--accent-color) !important;

    box-shadow:none !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.page-contact-us .contact-form-btn{
    margin:0;
}

.page-contact-us .contact-form-btn .btn-default{
    margin:0;
}


/* =========================================================
   CF7 RESPONSE OUTPUT
   ========================================================= */

.page-contact-us
.contact-form
.wpcf7-response-output{
    position:relative;

    display:flex;
    align-items:center;

    min-height:62px;

    gap:14px;

    margin:
        22px
        0
        0 !important;

    padding:
        15px
        18px !important;

    color:#687071;

    background:#fff;

    border:0 !important;
    border-radius:12px;

    font-size:14px;
    line-height:1.5;

    box-shadow:
        0 8px 24px rgba(32,38,39,.055) !important;
}


/* =========================================================
   OUTPUT — IKONA DOMYŚLNA
   ========================================================= */

.page-contact-us
.contact-form
.wpcf7-response-output::before{
    content:"\f05a";

    flex:
        0
        0
        32px;

    display:flex;

    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;

    border-radius:50%;

    color:#d46a6a;

    background:#687071;

    font-family:"Font Awesome 7 Free";
    font-size:13px;
    font-weight:900;

    line-height:1;
}


/* =========================================================
   OUTPUT — SUKCES
   ========================================================= */

.page-contact-us
.contact-form
form.sent
.wpcf7-response-output{
    color:#526667;

    background:
        rgba(0,172,168,.065);

    box-shadow:
        0 8px 24px rgba(0,172,168,.07) !important;
}


.page-contact-us
.contact-form
form.sent
.wpcf7-response-output::before{
    content:"\f00c";

    background:
        var(--accent-color);
}


/* =========================================================
   OUTPUT — BŁĄD WALIDACJI
   ========================================================= */

.page-contact-us
.contact-form
form.invalid
.wpcf7-response-output,

.page-contact-us
.contact-form
form.unaccepted
.wpcf7-response-output{
    color:#fff;
    background: #d46a6a;
    box-shadow:
        0 8px 24px rgba(213,91,91,.07) !important;
}


.page-contact-us
.contact-form
form.invalid
.wpcf7-response-output::before,

.page-contact-us
.contact-form
form.unaccepted
.wpcf7-response-output::before{
    content:"\f12a";

    background:#fff;
}


/* =========================================================
   OUTPUT — BŁĄD WYSYŁKI / SPAM / ABORTED
   ========================================================= */

.page-contact-us
.contact-form
form.failed
.wpcf7-response-output,

.page-contact-us
.contact-form
form.aborted
.wpcf7-response-output,

.page-contact-us
.contact-form
form.spam
.wpcf7-response-output{
    color:#74664f;

    background:
        rgba(202,151,54,.07);

    box-shadow:
        0 8px 24px rgba(202,151,54,.08) !important;
}


.page-contact-us
.contact-form
form.failed
.wpcf7-response-output::before,

.page-contact-us
.contact-form
form.aborted
.wpcf7-response-output::before,

.page-contact-us
.contact-form
form.spam
.wpcf7-response-output::before{
    content:"\f071";

    background:#c99a48;
}


/* =========================================================
   CF7 SPINNER
   ========================================================= */

.page-contact-us
.contact-form
.wpcf7-spinner{
    vertical-align:middle;

    margin-left:12px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .page-contact-us
    .contact-form
    .form-control{
        padding:13px;

        font-size:15px;
    }


    .evo-contact-consent-cf7 label{
        grid-template-columns:
            20px
            minmax(0,1fr);

        gap:10px;
    }


    .evo-contact-consent-cf7 label::before{
        width:20px;
        height:20px;
    }


    .evo-contact-consent-cf7 label::after{
        left:6px;
        top:2px;
    }


    .evo-contact-consent-cf7
    .wpcf7-list-item-label{
        font-size:11px;

        line-height:1.5;
    }


    .page-contact-us
    .contact-form
    .wpcf7-response-output{
        min-height:58px;

        gap:11px;

        margin-top:18px !important;

        padding:
            13px
            14px !important;

        font-size:13px;
    }


    .page-contact-us
    .contact-form
    .wpcf7-response-output::before{
        flex-basis:28px;

        width:28px;
        height:28px;

        font-size:11px;
    }

}