/**********************************************
_________                __                
\_   ___ \  ____________/  |_ __ __  ______
/    \  \/_/ __ \_  __ \   __\  |  \/  ___/
\     \___\  ___/|  | \/|  | |  |  /\___ \ 
 \______  /\___  >__|   |__| |____//____  >
        \/     \/                       \/ 
************************************************/

:root {
	--certus-blue: #0E66FF;
	--certus-orange: #FF971D;
	--certus-black: #141519;
	--certus-white: #fff;
	--certus-grey: #F0F0F0;
	--certus-dark-blue: #000F2A;
	--certus-light-grey: #f6f6f6;
	--certus-divider-color: #ffffff40;
	--certus-form-border: rgb(20 21 25 / 25%);
	--certus-form-placeholder: rgb(20 21 25 / 50%);
	--certus-card-border: rgba(20, 21, 25, 0.25);

}

* {
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}

/* Header */
.elementor-editor-active a {
	color: var(--certus-black)!important;
}

#stickyheaders{
	-webkit-transition: transform 0.34s ease !important;
	transition : transform 0.34s ease !important;
}

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

.header-container.elementor-sticky--effects{ background-color: var(--certus-white) !important } 

.header-container{ transition: background-color 0.2s ease !important; } 

.header-container.elementor-sticky--effects >.elementor-container{ min-height: 80px; } 

.header-container > .elementor-container{ transition: min-height 0.6s ease !important; } 

.header-container.elementor-sticky--effects {
    padding-top: 4px;
    padding-bottom: 4px;
}

.header-container.elementor-sticky--effects .header-links-container > div {
	padding-top: 4px;
    padding-bottom: 4px;
}

.header-container.elementor-sticky--effects .header-main-menu a {
	color: var(--certus-black)!important;
}

.header-container img {
	transition: 0.6s ease !important;
}

.header-container.elementor-sticky--effects .header-logo img {
    width: 50px!important;
	transition: 0.6s ease !important;
}

.header-container.elementor-sticky--effects .header-links-container {
    padding: 10px 0px;
}

.header-container.elementor-sticky--effects {
    border-bottom: solid 1px var(--certus-divider-color);
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

@media only screen and (max-width: 1025px) {
	.header-container.elementor-sticky--effects .header-logo img {
    width: 40px!important;
}
}

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

.header-main-menu ul.elementor-nav-menu--dropdown a {
	background: rgba(14, 102, 255, 0.1)!important;
    backdrop-filter: blur(6px)!important;
}

.header-main-menu ul.elementor-nav-menu--dropdown {
    margin-top: 2px!important;
}

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

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

.header-main-menu ul.elementor-nav-menu--dropdown li:last-child {
    border-bottom: solid 1px var(--certus-divider-color);
}

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

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

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

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

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

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

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

.main-header-divider {
    display: block;
    width: 1px;
    height: 100%;
    background: var(--certus-divider-color);
}

.header-container.elementor-sticky--effects .main-header-divider {
    background: var(--certus-black);
}

.header-main-menu a,
.header-main-menu .current-language-menu-item {
  position: relative;
  text-decoration: none;
  transition: 0.5s;
}

.header-main-menu a:after
/* .header-main-menu .current-language-menu-item a:after */ {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 1px!important;
  margin-top: 2px;
  background: var(--certus-white);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s;
}

.header-main-menu .elementor-item-active:after {
	transform: scaleX(1)!important;
}

.header-main-menu a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.header-main-menu .current_page_item a:after,
.current-language-menu-item a:after {
	transform: scaleX(1)!important;
	transform-origin: left;
	opacity: 1!important;
}

.header-container.elementor-sticky--effects .header-main-menu a:after,
.header-container.elementor-sticky--effects .header-main-menu .current-language-menu-item a:after {
	background: var(--certus-black)!important;
}

.header-container.elementor-sticky--effects .header-mobile-trigger span {
    color: var(--certus-black)!important;
}

.header-container.elementor-sticky--effects .header-mobile-trigger svg {
    fill: var(--certus-black)!important;
}

.header-container.elementor-sticky--effects .header-mobile-trigger svg path {
    stroke: var(--certus-black)!important;
}

@media only screen and (min-width: 1025px) {
	.header-main-menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap!important;
    gap: 10px;
    align-content: stretch!important;
    justify-content: space-between;
    align-items: stretch;
}
}

@media only screen and (min-width: 1201px) {
	.header-main-menu ul {
		gap: 18px;
	}
}

@media only screen and (min-width: 1120px) and (max-width: 1200px) {
    .header-main-menu ul {
        gap: 14px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1119px) {
    .header-main-menu ul {
        gap: 10px;
    }
}

#mainheader {
    display: flex!important;
    align-content: center!important;
    justify-content: center!important;
    align-items: center!important;
    height: auto !important;
    position: fixed!important;
    top: 0px;
    z-index: 99!important;
    width: 100%!important;
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1)!important;
}

@media (max-width: 767px) {
	#mainheader {
    top: 0px;
}
}

#mainheader{
	-webkit-transition: transform 0.34s ease !important;
	transition : transform 0.34s ease !important;
}

.mainheader-sticky { 
	background-color: var(--certus-white) !important
	transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
	background: var(--certus-white)!important;
} 

.single-post #mainheader,
.post-type-archive-referenca #mainheader,
.privacy-policy #mainheader,
.single-karijera #mainheader,
.mainheader-sticky{ transition: background-color 0.2s ease !important; } 

.single-post #mainheader >.elementor-container,
.post-type-archive-referenca #mainheader >.elementor-container,
.privacy-policy #mainheader >.elementor-container,
.single-karijera #mainheader >.elementor-container,
.mainheader-sticky >.elementor-container{ min-height: 80px; } 

.single-post #mainheader > .elementor-container,
.post-type-archive-referenca #mainheader > .elementor-container,
.privacy-policy #mainheader > .elementor-container,
.single-karijera #mainheader > .elementor-container,
.mainheader-sticky > .elementor-container{ transition: min-height 0.6s ease !important; } 

.mainheader-sticky {
    padding-top: 4px;
    padding-bottom: 4px;
}

.single-post #mainheader .header-links-container > div,
.post-type-archive-referenca #mainheader .header-links-container > div,
.privacy-policy #mainheader .header-links-container > div,
.single-karijera #mainheader .header-links-container > div,
.mainheader-sticky .header-links-container > div {
	padding-top: 4px;
    padding-bottom: 4px;
}

.single-post #mainheader .header-main-menu a,
.post-type-archive-referenca #mainheader .header-main-menu a,
.privacy-policy #mainheader .header-main-menu a,
.single-karijera #mainheader .header-main-menu a,
.mainheader-sticky .header-main-menu a {
	color: var(--certus-black)!important;
}

.mainheader-sticky img {
	transition: 0.6s ease !important;
}

.mainheader-sticky .header-logo img {
    width: 50px!important;
	transition: 0.6s ease !important;
}

.mainheader-sticky .header-links-container {
    padding: 10px 0px;
}

.mainheader-sticky {
    border-bottom: solid 1px var(--certus-divider-color);
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

@media only screen and (max-width: 1025px) {
	.mainheader-sticky .header-logo img {
    width: 40px!important;
}
}

.single-post #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a,
.post-type-archive-referenca #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a,
.privacy-policy #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a,
.single-karijera #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a,
.mainheader-sticky .header-main-menu ul.elementor-nav-menu--dropdown a {
    background: var(--certus-white)!important;
    color: var(--certus-black)!important;
}

.single-post #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li,
.post-type-archive-referenca #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li,
.privacy-policy #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li,
.single-karijera #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li,
.mainheader-sticky .header-main-menu ul.elementor-nav-menu--dropdown li {
    border-top: solid 1px var(--certus-black);
    border-left: solid 1px var(--certus-black);
    border-right: solid 1px var(--certus-black);
}

.single-post #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li:last-child,
.post-type-archive-referenca #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li:last-child,
.privacy-policy #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li:last-child,
.single-karijera #mainheader .header-main-menu ul.elementor-nav-menu--dropdown li:last-child,
.mainheader-sticky .header-main-menu ul.elementor-nav-menu--dropdown li:last-child {
    border-bottom: solid 1px var(--certus-black);
}

.single-post #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a:hover,
.post-type-archive-referenca #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a:hover,
.privacy-policy #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a:hover,
.single-karijera #mainheader .header-main-menu ul.elementor-nav-menu--dropdown a:hover,
.mainheader-sticky .header-main-menu ul.elementor-nav-menu--dropdown a:hover {
    background: var(--certus-black)!important;
    color: var(--certus-white)!important;
}

.single-post #mainheader .header-main-menu .sub-arrow svg,
.post-type-archive-referenca #mainheader .header-main-menu .sub-arrow svg,
.privacy-policy #mainheader .header-main-menu .sub-arrow svg,
.single-karijera #mainheader .header-main-menu .sub-arrow svg,
.mainheader-sticky .header-main-menu .sub-arrow svg {
    fill: var(--certus-black);
}

.single-post #mainheader .main-header-divider,
.post-type-archive-referenca #mainheader .main-header-divider,
.privacy-policy #mainheader .main-header-divider,
.single-karijera #mainheader .main-header-divider,
.mainheader-sticky .main-header-divider {
    background: var(--certus-black);
}

.single-post #mainheader .header-main-menu a:after,
.post-type-archive-referenca #mainheader .header-main-menu a:after,
.privacy-policy #mainheader .header-main-menu a:after,
.single-karijera #mainheader .header-main-menu a:after,
.mainheader-sticky .header-main-menu a:after,
.single-post #mainheader .header-main-menu .current-language-menu-item a:after,
.post-type-archive-referenca #mainheader .header-main-menu .current-language-menu-item a:after,
.privacy-policy #mainheader .header-main-menu .current-language-menu-item a:after,
.single-karijera #mainheader .header-main-menu .current-language-menu-item a:after,
.mainheader-sticky .header-main-menu .current-language-menu-item a:after {
	background: var(--certus-black)!important;
/*	transform: scaleX(1)!important; */
}



.single-post #mainheader .header-mobile-trigger span,
.post-type-archive-referenca #mainheader .header-mobile-trigger span,
.privacy-policy #mainheader .header-mobile-trigger span,
.single-karijera #mainheader .header-mobile-trigger span,
.mainheader-sticky .header-mobile-trigger span {
    color: var(--certus-black)!important;
}

.single-post #mainheader .header-mobile-trigger svg,
.post-type-archive-referenca #mainheader .header-mobile-trigger svg,
.privacy-policy #mainheader .header-mobile-trigger svg,
.single-karijera #mainheader .header-mobile-trigger svg,
.mainheader-sticky .header-mobile-trigger svg {
    fill: var(--certus-black)!important;
}

.single-post #mainheader .header-mobile-trigger svg path,
.post-type-archive-referenca #mainheader .header-mobile-trigger svg path,
.privacy-policy #mainheader .header-mobile-trigger svg path,
.single-karijera #mainheader .header-mobile-trigger svg path,
.mainheader-sticky .header-mobile-trigger svg path {
    stroke: var(--certus-black)!important;
}

.single-post #mainheader,
.post-type-archive-referenca #mainheader,
.privacy-policy #mainheader,
.single-karijera #mainheader { 
	background: var(--certus-white)!important;
} 

.mainheader-sticky .header-main-menu a:hover::after {
    transform-origin: left;
	animation: 1s btn-line-hover forwards;
}

.mainheader-sticky .header-main-menu li a {
    overflow-x: hidden!important;
     overflow-y: visible!important;
}

.mainheader-sticky .header-main-menu a:hover::after {
    width: 100%;
    transform-origin: left;
	animation: 1s btn-line-hover forwards;
}

.mainheader-sticky .header-main-menu a:after {
    top: auto!important;
}

/* Cursor circle */
@media only screen and (min-width: 1026px){
	.cursor-circle {
		position: absolute;
		border: none;
		background: var(--certus-orange);
		width: 14px; 
		height: 14px; 
		border-radius: 50%;  
		pointer-events: none!important;
		z-index: 9;
	}
}
@media only screen and (max-width: 1025px){
	.cursor-circle {
		display: none;
	}
	.stories-slider-home {
    min-height: 90vh!important;
    /* max-height: 90vh!important; */
}
}

.popup-mobile-menu li:first-child {
    border-top: solid 1px var(--certus-black);
}

.popup-mobile-menu li:last-child {
    border-bottom: solid 1px var(--certus-black);
}

.popup-mobile-menu [aria-hidden="false"] li:last-child {
    border-bottom: none;
}

.popup-mobile-hero-heading {
	overflow-y: clip;
}

.popup-mobile-hero-heading h6,
.popup-mobile-hero-heading-first h6,
.popup-mobile-hero-heading-second h6 {
	opacity: 0;
	transform: translateY(100%);
}

.popup-mobile-hero-heading h6 {
	-webkit-animation: entry-bottom-top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: entry-bottom-top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation-delay: 650ms;
}

.popup-mobile-hero-heading-first h6 {
	-webkit-animation: entry-bottom-top-mob-first 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: entry-bottom-top-mob-first 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation-delay: 650ms;
}

.popup-mobile-hero-heading-second h6{
	-webkit-animation: entry-bottom-top-mob-second 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: entry-bottom-top-mob-second 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation-delay: 650ms;
}
 
@-webkit-keyframes entry-bottom-top-mob-first {
    0% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@keyframes entry-bottom-top-mob-first {
    0% {
        opacity: 1;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@-webkit-keyframes entry-bottom-top-mob-second {
    0% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@keyframes entry-bottom-top-mob-second {
    0% {
        opacity: 1;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

li.menu-item a {
	-ms-overflow-style: none!important;
	-ms-overflow-style: none!important;
	-ms-overflow-style: none!important;
	scrollbar-width: none!important;
	scrollbar-width: none!important;
}

/* Footer */
.footer-section::before {
	background: linear-gradient(0deg, #0E66FF 0%, #0E66FF 100%)!important;
	background-blend-mode: multiply!important;
}

.developed-by span {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    gap: 4px;
}

.footer-info-list ul {
    display: flex;
    justify-content: space-between!important;
    align-content: space-around;
    align-items: stretch;
    flex-direction: row;
    max-width: 600px;
}

@media only screen and (max-width: 1025px) {
	.footer-info-list ul {
		flex-direction: column;
		align-content: flex-start;
		gap: 10px;
	}
}

.footer-menu a:hover::after {
	transform-origin: left;
	animation: 0.5s btn-line-hover forwards;
}

.footer-menu a:after {
	background: var(--certus-white)!important;
}

@media only screen and (max-width: 1025px) {
	.footer-menu ul li {
		overflow: hidden;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1160px) {
    .footer-menu-container > div {
        flex-direction: column!important;
    }
}

.footer-section:before {
	position: absolute!important;
	content: ''!important;
	background: 
		linear-gradient(0deg, #0E66FF 0%, #0E66FF 100%), 
		url("/wp-content/uploads/2023/12/certus-footer-cover.jpg") lightgray!important; 
	background-size: cover, cover!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	background-blend-mode: multiply!important; 
}

.footer-menu-container > div {
	border-top: solid 1px var(--certus-divider-color);
	border-bottom: solid 1px var(--certus-divider-color);
}

.footer-info-list li a {
	position: relative;
	text-decoration: none;
	transition: 0.5s;
}

.footer-info-list li a:after {
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	height: 1px!important;
	margin-top: 2px;
	background: var(--certus-white);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.5s;
	z-index: 99999;

}

.footer-info-list li a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
	width: 100%;
}

.footer-info-list li {
	padding-bottom: 10px!important;
	padding-top: 10px!important;
}

@media only screen and (max-width: 1025px) {
	.footer-info-list ul {
		display: grid!important;
		justify-content: center;
		align-content: space-evenly;
		align-items: center;
		justify-items: start;
		row-gap: 0px;
	}
}

@media (min-width: 1025px) {
.footer-services-menu,
.footer-services-menu * {
    white-space: pre-line!important;
}

.footer-services-menu ul {
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: wrap!important;
	gap: 20px;
}

.footer-services-menu li {
    max-width: 33%!important;
     height: 100%!important;
    overflow-wrap: break-word!important;
    white-space: pre-line!important;
}
	.footer-services-menu li:nth-child(1),
	.footer-services-menu li:nth-child(2) {
		max-width: 30%!important;
	}
	.footer-services-menu li:nth-child(3) {
		max-width: 40%!important;
	}
	.footer-services-menu li a,
	.footer-services-menu li a:hover {
		line-height: 1.9em;
	}
}

@media (max-width: 1025px) {
	.footer-services-menu li a {
		max-width: 230px!important;
	}
}

.footer-menu ul a {
    padding-left: 0px!important;
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.footer-menu-container,
	.footer-menu-container > div {
		display: flex;
		flex-direction: column!important;
		padding: 20px!important;
	}

	.footer-menu-container .footer-info-column > div {
		display: flex;
		width: 100%;
		align-content: flex-start!important;
		justify-content: center!important;
		align-items: flex-start!important;
	}
}

@media (max-width: 767px) {
	.footer-services-column {
		padding-bottom: 24px;
		border-bottom: solid 1px var(--certus-divider-color);
	}
	.footer-info-column {
		padding-top: 24px;

	}
}

/* Button */
.btn-right-icon .elementor-button-icon {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.btn-icon-light path {
   stroke: var(--certus-white);
}

.btn-icon-dark path {
   stroke: var(--certus-black);
}

@media only screen and (min-width: 1025px) {
	.btn-right-icon a,
	.footer-menu a {
		position: relative;
		text-decoration: none;
		transition: 0.5s;
		overflow-x: clip;
	}
}

.btn-right-icon a:after,
.footer-menu a:after {
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px!important;
	margin-top: 2px;
	background: var(--certus-orange);
	transition: transform 0.5s;
}

.btn-right-icon a:hover::after {
	transform-origin: left;
	animation: 1s btn-line-hover forwards;
}

.btn-right-icon {
    max-width: max-content!important;
    overflow-x: clip!important;
}

@keyframes btn-line-hover  {
	0% {
		transform:translateX(-100%);
	}
	100% {
		transform:translateX(0%);
	}
}

/* Home */
.home-hero-desc-container {
    max-width: 520px;
}

.home-hero-section::before {
	background: linear-gradient(0deg, #088EFF 0%, #088EFF 100%)!important;
    background-blend-mode: soft-light!important;
}

.home-hero-heading,
.hero-heading {
	overflow-y: clip;
}

.hero-heading h3 {
	opacity: 0;
	transform: translateY(100%);
}

.home-hero-heading h2,
.home-hero-heading h1,
.home-our-services-section-animation .hero-heading h3 {
	-webkit-animation: entry-bottom-top 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: entry-bottom-top 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.home-hero-heading h2 {
	line-height: 1.15em;
}

@keyframes entry-bottom-top {
	0% {
		opacity: 1;
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
} 

/* Blog card */
.blog-loop-card-hero img {
	object-fit: cover;
	width: 100%;
	min-width: 100%;
	height: 270px;
	min-height: 270px;
}

.blog-loop-card-hero a {
	width: 100%!important;
	min-width: 100%!important;
}

/* Let's work together */
.peak-together-section {
	background-size: 100%;
	background-size: 100% 100%;
	background-position: center center;
	animation: cloudBackground 12s infinite alternate;
}

@-webkit-keyframes cloudBackground {
	0% {
		background-size: 100% 100%;
	}
	100% {
		background-size: 126% 130%;
	}
}

.peak-together-inner-wrapsection {
    background: rgba(0, 15, 42, 0.30);
	-webkit-backdrop-filter: blur(34px);
    backdrop-filter: blur(34px);
	transform: translate3d(0, 0, 0);
  will-change: transform;
}

@media only screen and (min-width: 767px) {
	.peak-together-inner-wrapsection > div:after {
		position: absolute!important;
		content: ''!important;  
		display: inline-block;
		border: 1px solid;
		border-color: var(--certus-orange);
		clip-path: polygon(0 0,20px 0,20px 6px,calc(100% - 20px) 6px,calc(100% - 20px) 0,100% 0,100% 20px,calc(100% - 6px) 20px,calc(100% - 6px) calc(100% - 20px),calc(100% - 6px) calc(100% - 20px),100% calc(100% - 20px),100% 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 6px),20px calc(100% - 6px),20px 100%,0 100%,0 calc(100% - 20px),6px calc(100% - 20px),6px 20px,0 20px);
		width: 90%;
		height: 92%;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		pointer-events: none;   
	}
}

/* Tracktel section */
.home-tracktel-section:before {
	position: absolute!important;
	content: ''!important;
	background: 
		linear-gradient(0deg, #0E66FF 0%, #0E66FF 100%), 
		url("/wp-content/uploads/2023/12/certus-tracktel-hero-cover.jpg") #0E66FF!important; 
    background-size: cover, cover!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	background-blend-mode: soft-light!important; 
}

/* Home fixed btn */
.home-fixed-btn a {
	border-radius: 1000px;
	border: 1px solid rgba(255, 255, 255, 0.25)!important;
	background: rgba(14, 102, 255, 0.15)!important;
	padding: 8px 10px 8px 14px!important;
	backdrop-filter: blur(6px)!important;
}

.home-fixed-btn a:hover {
    background: rgba(14, 102, 255, 0.25)!important;
}

span.home-fixed-btn-span-new {
    text-transform: uppercase;
    font-size: 14px;
}

.home-fixed-btn .elementor-button-content-wrapper,
.home-fixed-btn .elementor-button-text {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.home-fixed-btn .elementor-button-text {
    gap: 10px;
}

.home-fixed-btn .elementor-button-icon {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.home-fixed-btn .elementor-button-icon svg {
    width: 1.6em;
}

/* Services loop */
.services-loop {
	list-style: none;
	counter-reset: services-card-counter;
}

.services-loop .e-loop-item {
	counter-increment: services-card-counter;
}

.services-loop .services-card-container::before {
	content: "0" counter(services-card-counter);
	font-family: Be Vietnam Pro;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	color: var(--certus-black);
	top: 22px;
	margin-left: 20px;
	position: absolute;
	z-index: 2;
}

.services-loop .e-loop-item {
	border-bottom: 1px solid var(--certus-black);
}

.services-loop .e-loop-item {
    overflow: hidden;
}

.services-loop .e-loop-item a {
    transition: background-position-y 0.2s ease!important;
}

.services-loop .e-loop-item a {
   background-position-y: -600%!important;
	transition: background-position-y 200ms ease-in-out!important;
}

.services-loop .e-loop-item a:hover {
    background-position-y: 50%!important;
	transition: background-position-y 200ms ease-in-out!important;
}

.services-loop .e-loop-item a:hover .service-loop-title div,
.services-loop .e-loop-item:hover .services-card-container::before {
    color: var(--certus-white)!important;
    transition: 0.3s ease!important;
}

.services-loop .e-loop-item .service-loop-icon {
    transform: translateY(230%);
    transition: 0.3s ease!important;
	z-index: 2;
}

.service-loop-title {
	z-index: 2;
}

.services-loop .e-loop-item a:hover .service-loop-icon {
    transform: translateY(0%);
}

.services-loop .e-loop-item a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgb(14 102 255 / 100%), rgb(14 102 255 / 100%)); /* Blue color overlay with 0.3 opacity */
  mix-blend-mode: soft-light; 
}

@media only screen and (max-width: 767px) {
	.services-loop .e-loop-item a:after,
	.services-loop .e-loop-item .service-loop-icon {
		display: none;
	}

	.services-loop .e-loop-item a {
		background: none!important;
	}

	.services-loop .services-card-container::before {
		top: 34px;
		margin-left: 8px;
	}

	.services-loop .e-loop-item .service-loop-title {
		margin-left: 20px;
	}

	.services-loop .e-loop-item a:hover .service-loop-title div,
	.services-loop .e-loop-item:hover .services-card-container::before {
		color: var(--certus-black)!important;
	}
}

/* Home blog */
@media only screen and (max-width: 1025px) {
	.blog-loop .elementor-loop-container {
		display: flex;
		height: 100%;
		justify-content: space-between;
		overflow-x: auto;
		padding-bottom: 30px;
	}

	.blog-loop .elementor-loop-container > div {
		flex-basis: 56%;
		flex-shrink: 0;
		height: 100%;
	}

	.blog-loop .elementor-loop-container::-webkit-scrollbar {
		width: 1px;
		height: 4px;
	}

	.blog-loop .elementor-loop-container::-webkit-scrollbar-track {
		background:#F0F0F0;; /* Color of the scrollbar track */
	}

	.blog-loop .elementor-loop-container::-webkit-scrollbar-thumb {
		background: #0E66FF; 
		border-radius: 0px; 
		width: 114px; 

	}
}

@media only screen and (max-width: 767px) {
	.blog-loop .elementor-loop-container > div {
		flex-basis: 86%;
	}
}


/* gsap home */

.fade-section,
.fade-section * {
	transition: none!important;
}

.hero-reveal-heading {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.hero-reveal-heading h3 {
	transform: translateY(100%);
	transition: transform .5s!important;
}


.heading-slide-up {
    opacity: 0;
}

body.elementor-editor-active .heading-slide-up {
    opacity: 1;
}

.heading-slide-up {
    overflow: hidden;
    padding-bottom: 0.1em;
    margin-bottom: -0.1em;
    transform-origin: bottom;
}

.home-fixed-btn-light a {
    color: var(--certus-black)!important;
}

/* gravity */
.gform-field-label {
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--certus-black);
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 2px;
    border: 1px solid var(--certus-form-border)!important;
    box-shadow: none!important;
    border-radius: 2px;
    color: var(--certus-black)!important;
}

.gfield_required,
.gfield_required_asterisk {
    display: none!important;
}

body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
  color: var(--certus-form-placeholder);
font-family: "Be Vietnam Pro";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.gfield_consent_label a {
    color: var(--certus-orange);
}

.gform_fields input[type="checkbox"] {
  border-color: var(--certus-form-border) !important;
  background: transparent !important;
  width: 16px !important;
  height: 16px !important;
    box-shadow: none!important;
}

.gform_fields input[type="checkbox"]:checked::before {
  color: #fff !important;
}
.gform_fields input[type="checkbox"]:checked {
  background-color: var(--certus-orange) !important;
}

.gform-theme--framework .gform_validation_errors .gform_submission_error,
.gform-theme--framework .gform_validation_errors,
.gform-icon.gform-icon--close {
  color: var(--certus-orange) !important;
  border-color: var(--certus-orange) !important;
}

.gform-theme--framework .gfield_validation_message {
  color: var(--certus-orange) !important;
}

.gfield_required_asterisk {
    color: var(--certus-orange)!important;
}

.btn-form-send {
    display: flex!important;
    flex-direction: row!important;
    align-content: center!important;
    justify-content: center!important;
    align-items: center!important;
    padding: 0px!important;
    background: none!important;
    color: var(--certus-black)!important;
    max-height: auto!important;
    min-block-size: auto!important;
	 position: relative!important;
	box-shadow: none!important;
	margin-top: 18px!important;
}

.btn-form-send:after {
    position: absolute!important;
    content: ""!important;
    top: 100%!important;
    left: 0;
    width: 100%;
    height: 1px!important;
    margin-top: 8px;
    background: var(--certus-orange);
    transition: transform 0.5s;
}

.btn-form-send .form-icon-wrap {
    margin-top: 3px;
	margin-left: 26px;
}

.btn-form-send:hover::after {
	transform-origin: left;
	animation: 1s btn-line-hover forwards;
}

.form-btn-wrap {
	overflow-x: clip!important;
}

.form-btn-wrap *:focus {
	outline: none!important;
	border: none!important;
}

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

/* blog archive */
.page-numbers.next,
.page-numbers.prev,
.page-numbers {
    position: relative;
    width: max-content!important;
    overflow-x: clip!important;
    display: inline-block!important;
}

.page-numbers.next:before,
.page-numbers.prev:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px!important;
    margin-top: 2px;
    background: var(--certus-orange);
    transition: transform 0.5s;
}

.page-numbers.next img,
.page-numbers.prev img {
    width: 1.1em;
}

.page-numbers:before {
    background: var(--certus-orange);
    transition: transform 0.5s;
}

.page-numbers:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px!important;
    margin-top: 2px;
    background: transparent;
    transition: transform 0.5s;
}

.page-numbers:hover::before {
	transform-origin: left;
	animation: 1s btn-line-hover forwards;
    background: var(--certus-orange);
}

/* home reference loop */
.reference-home-loop-container {
    position: relative;
}

/* .reference-home-loop-container {
    background: radial-gradient(46.52% 48.52% at 50% 50%, rgb(0 15 42 / 0%) 0%, #000F2A 100%),
            url('/wp-content/uploads/2024/02/6d3f140255d8d107d5177150ae5e73da-1.jpg') center/cover,
            #000F2A!important;
    background-repeat: no-repeat!important;
} */

.reference-home-loop-container:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 15 42 / 75%);
    z-index: 0;
}


.reference-home-loop-container-left-column {
    position: relative;
}

/* .reference-home-loop-container-left-column {
    background: linear-gradient(180deg, rgba(0, 15, 42, 0.00) 50.2%, #000F2A 88.45%), 
            url('/wp-content/uploads/2024/02/c7388f48adfa8f8d64764aa3863b09a3-1.png') center/contain, 
            hwb(219deg 0% 84% / 0%)!important;  
    background-repeat: no-repeat!important;
} */

@media (min-width: 768px) {
	.references-loop-grid .e-loop-item:nth-of-type(even) .reference-home-loop-container .reference-home-loop-container-left-column {
		order: 2;
	}
	
	.references-loop-grid .e-loop-item:nth-of-type(even) .reference-home-loop-container .reference-home-loop-container-right-column {
		order: 1;
	}
	.references-loop-grid .e-loop-item:nth-of-type(even) .reference-home-loop-container  .reference-home-loop-container-right-column > div {
		width: fit-content;
		margin-inline: 0;
	}

	.references-loop-grid .e-loop-item:nth-of-type(even) .reference-home-loop-container  .reference-home-loop-container-right-column {
		display: flex;
		align-content: flex-end!important;
		align-items: flex-end;
		justify-content: flex-end;
	}
}

@media (max-width: 767px) {
	.reference-home-loop-container-right-column {
    background: var(--certus-dark-blue);
}
	.reference-home-loop-container .reference-home-loop-container-left-column {
		margin-top: 30px!important;
	}
}

.references-loop-grid .e-loop-item {
    border-bottom: solid 1px var(--certus-divider-color);
}

.references-loop-grid .e-loop-item:nth-of-type(1) {
    border-top: solid 1px var(--certus-divider-color);
}

.references-loop-grid .e-loop-item {
    padding-top: 30px;
    padding-bottom: 30px;
}

.reference-cover img {
    min-height: 360px;
    max-height: 360px;
    width: 100%;
    object-fit: cover;
}

.reference-filter form.jet-radio-list-wrapper fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: fit-content;
    border-radius: 100px;
    border: 1px solid var(--certus-black);
    padding: 8px 12px;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.reference-filter form.jet-radio-list-wrapper .jet-filter-row {
    margin: 0px!important;
	width: max-content;
}

@media (max-width: 1025px) {
	.reference-filter-container > div {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.reference-filter form.jet-radio-list-wrapper fieldset {
		border: none;
	}
	.reference-filter form.jet-radio-list-wrapper .jet-filter-row .jet-radio-list__button {
		margin: 0px!important;
		border: 1px solid var(--certus-black);
		border-radius: 100px;
		padding: 12px 22px;
	}
}

.reference-filter-container,
.reference-filter-container * {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.reference-filter-container::-webkit-scrollbar,
.reference-filter-container *::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

/* blog single */
.blog-single-table-of-content .elementor-item-active {
    font-weight:500;
}

@media (min-width: 1025px) {
	.blog-single-featured-image img {
		width: 100%;
		min-height: 460px;
		object-fit: cover;
	}
}

.blog-single-table-of-content .elementor-toc__header {
    border: none;
	padding-bottom: 0px;
}

.blog-single-table-of-content .elementor-toc__header,
.blog-single-table-of-content .elementor-toc__body {
    padding-left: 0px;
}

.elementor-share-btn__text {
    padding: 0px!important;
    height: auto!important;
}

.elementor-share-btn {
    height: auto!important;
}

.blog-share .elementor-grid-item {
    margin-bottom: 0px!important;
	margin-right: 12px!important;
}

.blog-single-table-of-content .elementor-toc__list-wrapper:not(:first-child) {
    display: none!important;
}

.wp-block-heading {
	color: var(--certus-black);
	font-family: "Be Vietnam Pro";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.6em;
}

.blog-single-content .wp-block-heading:not(:first-of-type) {
	margin-top: 48px!important;
}

.blog-single-table-of-content .elementor-toc__list-item a,
.blog-share .elementor-share-btn__title {
	position: relative;
	transition: 0.5s;
	overflow-y: visible;
}

.blog-share .elementor-share-btn__title:after {
    position: absolute;
    content: "";
    top: 80%;
    left: 0;
    width: 100%;
    height: 1px!important;
    margin-top: 2px;
    background: var(--certus-blue);
    transition: transform 0.5s;
}

.blog-share * {overflow-y: visible!important;}

.blog-share .elementor-share-btn__title:hover::after {
	transform-origin: left;
	animation: 1s btn-line-hover forwards;
}

.blog-single-table-of-content .elementor-toc__list-item a:after {
    position: absolute;
    content: "";
    top: 80%;
    left: 0;
    width: 100%;
    height: 1px!important;
    margin-top: 2px;
    background: var(--certus-black);
    transition: transform 0.5s;
    opacity: 0;
}

.blog-single-table-of-content .elementor-toc__list-item a:hover::after {
	transform-origin: left;
	animation: 1s btn-line-hover forwards;
    opacity: 1;
}

/* careers loop */
.careers-loop {
	list-style: none;
	counter-reset: careers-card-counter;
}

.careers-loop .e-loop-item {
	counter-increment: careers-card-counter;
}

.careers-loop .careers-card-container::before {
	content: "0" counter(careers-card-counter);
	font-family: Be Vietnam Pro;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	color: var(--certus-black);
	top: 22px;
	margin-left: 20px;
	position: absolute;
	z-index: 2;
}

.careers-loop .e-loop-item {
	border-bottom: 1px solid var(--certus-black);
}

.careers-loop .e-loop-item {
    overflow: hidden;
}

.careers-loop .e-loop-item a {
    transition: background-position-y 0.3s ease!important;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.careers-loop .e-loop-item a {
   background-position-y: -100%!important;
}

.careers-loop .e-loop-item a:hover {
    background-position-y: 0%!important;
}

.careers-loop .careers-card-container:hover::before,
.careers-loop .e-loop-item a:hover .careers-loop-title div,
.careers-loop .e-loop-item:hover .careers-card-container::before {
    color: var(--certus-white)!important;
    transition: 0.3s ease!important;
}

.careers-loop .e-loop-item .careers-loop-icon {
    transform: translateY(200%);
    transition: 0.3s ease!important;
	z-index: 2;
}

.careers-loop-title {
	z-index: 2;
}

.careers-loop .e-loop-item a:hover .careers-loop-icon {
    transform: translateY(0%);
}

.careers-loop .e-loop-item a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--certus-blue);
  transform: translateY(100%);
  transition: 0.3s ease!important;
}

.careers-loop .e-loop-item a:hover:after {
    transform: translateY(0%);
    transition: 0.3s ease!important;
}

@media only screen and (max-width: 767px) {
	.careers-loop .e-loop-item a:after,
	.careers-loop .e-loop-item .careers-loop-icon {
		display: none;
	}

	.careers-loop .e-loop-item a {
		background: none!important;
	}

	.careers-loop .careers-card-container::before {
		top: 34px;
		margin-left: 8px;
	}

	.careers-loop .e-loop-item .careers-loop-title {
		margin-left: 20px;
	}

	.careers-loop .e-loop-item a:hover .careers-loop-title div,
	.careers-loop .e-loop-item:hover .careers-card-container::before {
		color: var(--certus-black)!important;
	}
}

@media (min-width: 1025px) {
    .careers-loop-title div {
        font-weight: 400!important;
    }
}

/* kvaliteta i sigurnost */
.be-safe-at-work-hero img {
    aspect-ratio: 3/3;
    object-fit: cover;
	min-width: 100%;
}

.be-safe-at-work-safe-hero img {
    aspect-ratio: 10/12;
    object-fit: cover;
	min-width: 100%;
}

/* .decorated-link {
    position: relative;
    color: var(--certus-blue);
}

.decorated-link a {
    position: relative;
    color: var(--certus-blue);
}

.decorated-link:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 11px;
    top: 5px;
    margin-left: 10px;
    background: url(/wp-content/uploads/2024/03/arrow-up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
} */

p a{
    position: relative;
    color: var(--certus-blue);
}

p a,
p a:hover {
    position: relative;
    color: var(--certus-blue);
	text-decoration: underline;
}

p a:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 11px;
    margin-top: 6px;
	margin-left: 10px;
    background: url(/wp-content/uploads/2024/03/arrow-up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* o nama */
.about-us-card {
    border: solid 1px var(--certus-card-border);
    padding: 26px;
    background: var(--certus-white);
}

.about-us-card:hover {
    background: var(--certus-blue);
      -webkit-transition: background-color .2s ease-out!important;
  -moz-transition: background-color .2s ease-out!important;
  -o-transition: background-color .2s ease-out!important;
  transition: background-color .2s ease-out!important;
}

.about-us-card:hover * {
    color: var(--certus-white)!important;
}

.about-us-card p {
    text-wrap: balance;
}

@media (max-width: 1025px) {
	.about-us-card-wrap > div {
		display: flex;
		overflow-x: auto!important;
		flex-direction: row!important;
		flex-wrap: nowrap!important;
		width: 100%!important;
		justify-content: space-between!important;
		align-items: stretch!important;
		padding-bottom: 30px!important;
	}

	.about-us-card {
		flex-basis: 80%!important;
		min-width: 220px!important;
		max-width: 280px!important;
		flex-shrink: 0!important;
		min-height: 100%!important;
	}
	.about-us-card-wrap > div::-webkit-scrollbar {
		width: 1px;
		height: 4px;
	}

	.about-us-card-wrap > div::-webkit-scrollbar-track {
		background:#F0F0F0;; /* Color of the scrollbar track */
	}

	.about-us-card-wrap > div::-webkit-scrollbar-thumb {
		background: #0E66FF; 
		border-radius: 0px; 
		width: 114px; 

	}
}

@media (max-width: 767px) {
	.about-us-globe-column-wrap {
		background-image: none !important;
	}

	.about-us-globe-image img {
		transform: translate(80px, 160px);
	}

	.about-us-globe-image {
		overflow-x: clip;
	}
}

.about-us-card-heading :is(h1, h2, h3, h4, h5, h6) {
    width: 100%;
	word-wrap: break-word;
}

/* ugradnja solarnih panela */
@media (min-width: 1025px) {
    .usluga-ugradnja-solarnih-elektrana-cards > div {
    display: grid!important;
    grid-template-columns: repeat(6, 1fr)!important;
    grid-template-rows: auto auto!important; 
    gap: 20px!important; 
}

.usluga-ugradnja-solarnih-elektrana-cards .about-us-card:nth-child(-n+3) {
    grid-row: 1!important;
    grid-column: span 2!important;
}

.usluga-ugradnja-solarnih-elektrana-cards .about-us-card:nth-child(4),
.usluga-ugradnja-solarnih-elektrana-cards .about-us-card:nth-child(5) {
     grid-row: 2!important;
        grid-column: span 3!important;
    }
}

/* usluga montaze schinder dizala */
@media (min-width: 1025px) {
    .usluga-montaza-dizala-cards > div {
    display: grid!important;
    grid-template-columns: repeat(3, 1fr)!important;
    grid-template-rows: auto auto auto!important; 
    gap: 20px!important; 
}
}

@media (min-width: 1025px) {
	.usluga-reference-loop .elementor-loop-container {
		display: flex;
		height: 100%;
		justify-content: space-between;
		overflow-x: auto;
		padding-bottom: 30px;
	}

	.usluga-reference-loop .elementor-loop-container > div {
		flex-basis: 56%;
		flex-shrink: 0;
		height: 100%;
	}

	.usluga-reference-loop .elementor-loop-container::-webkit-scrollbar {
		width: 1px;
		height: 4px;
	}

	.usluga-reference-loop .elementor-loop-container::-webkit-scrollbar-track {
		background:#F0F0F0;
	}

	.usluga-reference-loop .elementor-loop-container::-webkit-scrollbar-thumb {
		background: #0E66FF; 
		border-radius: 0px; 
		width: 114px; 
	}
}

/* usluga Tractel */
@media (min-width: 1025px) {
    .usluga-tractel-oprema  > div {
    display: grid!important;
    grid-template-columns: repeat(4, 1fr)!important;
    grid-template-rows: auto auto auto!important; 
    gap: 20px!important; 
}
}

.tractel-contact-hero img {
    object-fit: cover;
    aspect-ratio: 4/5;
}

.btn-w-icon .elementor-button-text img {
    margin-right: 8px;
    transform: translateY(3px);
}

/* trening center */
.treing-center-key-hero img {
    object-fit: cover;
    aspect-ratio: 3/2;
    height: 100%;
    width: 100%;
}

@media (min-width: 1025px) {
    .treinig-center-card-wrap  > div {
    display: grid!important;
    grid-template-columns: repeat(2, 1fr)!important;
    grid-template-rows: auto auto auto!important; 
    gap: 20px!important; 
}
}

@media (min-width: 768px) and (max-width: 1025px) {
	.treinig-center-card-wrap .usluga-card {
    min-width: 460px!important;
    max-width: 460px!important;
}
}

.buducnost-izvrsnosti-hero img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    aspect-ratio: 1/1;
}

/* pravila privatnosti */
.pravila-privatnosti-content .wp-block-heading {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
	border-bottom: solid 1px var(--certus-black);
}

.pravila-privatnosti-content .wp-block-heading:first-child {
	margin-top: 0px;
}

/* carers single */
.single-carier-content .wp-block-heading {
	font-size: 48px;
	font-style: normal;
	font-weight: 200;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
	border-bottom: solid 1px var(--certus-black);
}

.single-carier-content .wp-block-heading:first-child {
	margin-top: 0px;
}

@media (max-width: 767px) {
    .single-carier-content .wp-block-heading {
	font-size: 28px;
}
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
    display: none;
}

input[type="file"]:before {
    content: 'Browse...';
    display: inline-block;
    border-radius: 4px;
    padding: 8px 22px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-family: inherit;
    line-height: 1.5;
    margin: 0;
    overflow: visible;
    color: #ffffff!important;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    max-width: 100%;
    background-color: var(--certus-blue)!important;
    margin-right: 10px;
	border: solid 1px var(--certus-blue);
	cursor: pointer;
}

input[type="file"] {
    color: var(--certus-black)!important;
}

input[type="file"] {
    border: none!important;
    height: auto!important;
}

input[type="file"],
input[type="file"]:focus {
    border: none!important;
    stroke: none!important;
    outline: none!important;
    box-shadow: none!important;
}

.gform_fileupload_rules {
    display: none!important;
}

input[type=file]::file-selector-button {
  border: none!important;
  padding: 6px 14px!important;
  border-radius: .2em!important;
  background-color: var(--certus-blue)!important;
  transition: 1s!important;
    color: #ffffff!important;
    font-size: 18px!important;
    font-weight:300!important;
}

input[type=file]::file-selector-button:hover {
  background-color: var(--certus-blue)!important;
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden!important;;
    display: none!important;
}

/* about key features */
.about-us-key-features-card {
	padding: 24px;
	min-height: 240px;
	transition: all 0.5s ease!important;
}

.about-us-key-features-card > div {
	display: flex;
	justify-content: center!important;
	align-content: center!important;
	flex-direction: column!important;
}

.about-us-key-features-card:hover .elementor-heading-title,
.about-us-key-features-card:hover .about-us-key-features-card-desc,
.about-us-key-features-card:hover .elementor-heading-title:before {
	color: var(--certus-white)!important;
}

.about-us-key-features-card .elementor-heading-title {
	margin-left: 28px;
	transition: all 0.2s ease!important;
}

.about-us-features-container {
	counter-reset: features-cards;
}

.about-us-key-features-card .elementor-heading-title:before {
	counter-increment: features-cards;
	content: counter(features-cards, decimal-leading-zero);
	position: absolute;
	top: -6px;
	left: 0px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	color: var(--certus-blue);
	transition: all 0.2s ease!important;
}

.about-us-key-features-card-desc {
	transition: all 0.2s ease!important;
}

.about-us-key-features-card:before {
	transition: all 0.5s ease!important;
}

.about-us-key-features-card:hover:before {
	position: absolute !important;
	transition: all 0.5s ease;
	content: '' !important;
	background-size: cover, cover !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-blend-mode: soft-light, normal, normal!important;
}

.fokus-na-brza-i-visoka-dizala-card:hover:before {
	background: linear-gradient(0deg, #088EFF 0%, #088EFF 100%), linear-gradient(0deg, rgba(6, 16, 109, 0.60) 0%, rgba(6, 16, 109, 0.60) 100%), url(/wp-content/uploads/2024/02/montaza-Schindler-dizala-hero.jpg) lightgray 50% / cover no-repeat;
}

.partnerstvo-sa-schindlerom-card:hover:before {
	background: linear-gradient(0deg, #088EFF 0%, #088EFF 100%), linear-gradient(0deg, rgba(6, 16, 109, 0.60) 0%, rgba(6, 16, 109, 0.60) 100%), url(/wp-content/uploads/2024/03/partnerstvo-sa-schindlerom-hero.jpg) lightgray 50% / cover no-repeat;
}

.iskusni-tim-card:hover:before {
	background: linear-gradient(0deg, #088EFF 0%, #088EFF 100%), linear-gradient(0deg, rgba(6, 16, 109, 0.60) 0%, rgba(6, 16, 109, 0.60) 100%), url(/wp-content/uploads/2024/04/tehnicka-akademija-hero-.jpg) lightgray 50% / cover no-repeat;
}

.evolucija-usluga-card:hover:before {
	background: linear-gradient(0deg, #088EFF 0%, #088EFF 100%), linear-gradient(0deg, rgba(6, 16, 109, 0.60) 0%, rgba(6, 16, 109, 0.60) 100%), url(/wp-content/uploads/2024/03/o-nama-hero.jpg) lightgray 50% / cover no-repeat;
}

.trenutne-mogucnosti-card:hover:before {
	background: linear-gradient(0deg, #088EFF 0%, #088EFF 100%), linear-gradient(0deg, rgba(6, 16, 109, 0.60) 0%, rgba(6, 16, 109, 0.60) 100%), url(/wp-content/uploads/2024/01/letsreach-PEAK-together-cover.jpg) lightgray 50% / cover no-repeat;
}

.advantages-solar-hero img {
    object-fit: cover;
    aspect-ratio: 4/3;
}

.home-tractel-hero img {
	object-fit: cover;
	aspect-ratio: 6/6;
}

body.dialog-prevent-scroll {
    overflow: hidden!important;
}

.mobile-menu-popup {
    position: fixed!important;
	top: 0!important;
	height: 100%!important;
	left: 0!important;
	min-height: 100vh!important;
}

.dialog-prevent-scroll [data-elementor-type="header"] {
	display: none!important;
}

/* cookie */
/*
aside#moove_gdpr_cookie_info_bar {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: rgba(0, 14, 41, 0.8) !important;
	padding: 48px 10px 48px 14px !important;
	backdrop-filter: blur(6px) !important;
}

@media only screen and (min-width: 1025px) {
	.moove-gdpr-info-bar-container {
		padding:10px 4px!important
	}
}

@media only screen and (max-width: 1024px) {
	aside#moove_gdpr_cookie_info_bar {
		padding: 14px 0px 18px 0px !important;

	}
	.moove-gdpr-info-bar-content {
		display: flex;
		flex-direction: column;
		align-content: flex-start!important;
		justify-content: center;
		align-items: center;
	}

	.moove-gdpr-button-holder {
		width: 100%;
		padding-left: 0px!important;
		margin-top: 20px;
	}

	.moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0 {
		margin-left: 0px!important;
	}
	.moove-gdpr-modal-footer-content {
		padding-left: 10px!important;
	}
}

button.change-settings-button {
	color: #fff!important;
}

button.change-settings-button:hover {
	color: #0f66ff!important;
}

.moove-gdpr-cookie-notice {
    max-width: 860px;
}


.moove-gdpr-infobar-reject-btn{
    border-color: var(--certus-blue)!important;
    background: rgba(255, 255, 255, 0.4) !important;
	backdrop-filter: blur(26px) !important;
    color: var(--certus-white)!important;
}

.moove-gdpr-infobar-reject-btn:hover {
    border-color: var(--certus-white)!important;
    background: #0e66ff87 !important;
	backdrop-filter: blur(26px) !important;
    color: var(--certus-white)!important;
}

#moove_gdpr_save_popup_settings_button {
	background-color: #000F2A!important;	
}

#moove_gdpr_save_popup_settings_button {
   background: rgba(0, 15, 42, 0.4)!important;
    backdrop-filter: blur(26px) !important;
  height: 30px!important;
  width: 30px!important;
}

span.moove_gdpr_icon svg * {
  fill: var(--certus-white)!important;
}

span.moove_gdpr_icon {
  min-width: 30px!important;
  height: 30px!important;
}

span.moove_gdpr_icon svg {
  min-width: 20px!important;
  height: 20px!important;
}

*/

/* mobile menu lang flag switcher */
.mobile-lang-switch-shortcode .trp-language-switcher .trp-ls-shortcode-language {
    visibility: visible!important;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-current-language {
    width: 100%!important;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-language {
    width: 100%!important;
    min-width: 100%!important;
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    justify-content: flex-start!important;
    padding-left: 0px!important;
    border: none!important;
    margin-top: 12px;
}

.mobile-lang-switch-shortcode .trp-language-switcher > div > a {
    display: block;
    padding: 1px 1px;
    border-radius: 3px;
    text-decoration: none;
    color: #1E1E1E;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-right: 10px;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-language a {
    max-width: 30%!important;
}

.mobile-lang-switch-shortcode .trp-language-switcher:hover .trp-ls-shortcode-language {
    display: flex!important;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-current-language {
    display: none!important;
}

.mobile-lang-switch-shortcode .trp-language-switcher > div {
    background: none!important;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-language [title="Croatian"] {
    order: 1;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-language [title="English"] {
    order: 2;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-language [title="German"] {
    order: 3;
}

.mobile-lang-switch-shortcode .trp-ls-shortcode-language {
    height: 40px !important;
}

.mobile-lang-switch-shortcode .trp-language-switcher {
	width: 100%!important;
}

.mobile-lang-switch-shortcode .trp-language-switcher > div > a > img {
    width: 24px!important;
    height: 16px!important;
}

.mobile-lang-switch-shortcode .trp-language-switcher > div > a:hover {
	background: #fff!important;
}

.mobile-lang-switch-shortcode .trp-ls-disabled-language {
    display: none!important;
}

/* COOKIES */
/* cookie banner */
#moove_gdpr_cookie_info_bar {
  font-family: "Roboto", sans-serif !important;
  max-width: 800px !important;
  height: fit-content !important;
  left: 50% !important;
  box-shadow: 0px 0px 10px #555 !important;
  border-radius: 5px !important;
  border: 0 !important;
}
/* boja pozadine bannera */
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(6px) !important;
  color: #fff!important;
}

/* banner container */
.moove-gdpr-info-bar-container {
  padding: 45px !important;
}
.moove-gdpr-info-bar-content {
  flex-direction: column !important;
  padding: 0 !important;
}
/* tekst */
#moove_gdpr_cookie_info_bar h3,
#moove_gdpr_cookie_info_bar p {
  color: #000 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice h3 {
  color: #000 !important;
  font-size: 24px !important;
  line-height: 38px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
  line-height: 28px !important;
}
/* button container */
#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-content
  .moove-gdpr-button-holder {
  align-self: flex-start !important;
  padding-left: 0 !important;
  margin-top: 30px !important;
  gap: 8px !important;
}
/* buttons */
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button.mgbutton {
  font-size: 15px !important;
  padding: 10px 48px !important;
  border: 3px solid var(--certus-blue) !important;
  border-radius: 5px !important;
  /* 	text-transform: uppercase !important; */
  font-weight: 600 !important;
}
/* promijeni order buttona */
#moove_gdpr_cookie_info_bar .gdpr-fbo-1 {
  order: 0 !important;
  -ms-flex-order: 0 !important;
}
/* accept */
#moove_gdpr_cookie_info_bar
  button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0 {
  order: 5 !important;
}
#moove_gdpr_cookie_info_bar
  button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0 {
  background: var(--certus-blue) !important;
  color: var(--certus-white) !important;
  box-shadow: inset 0 0 0 1px var(--certus-white) !important;
}
#moove_gdpr_cookie_info_bar
  button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0:hover {
  box-shadow: none !important;
}
/* settings */
#moove_gdpr_cookie_info_bar button.mgbutton.change-settings-button.gdpr-fbo-2 {
  opacity: 1 !important;
}
/* reject */
#moove_gdpr_cookie_info_bar
  button.mgbutton.moove-gdpr-infobar-reject-btn.gdpr-fbo-1,
#moove_gdpr_cookie_info_bar button.mgbutton.change-settings-button.gdpr-fbo-2 {
  box-shadow: none !important;
  background: var(--certus-white) !important;
  color: #000 !important;
  margin-left: 0 !important;
}
#moove_gdpr_cookie_info_bar
  button.mgbutton.moove-gdpr-infobar-reject-btn.gdpr-fbo-1:hover,
#moove_gdpr_cookie_info_bar
  button.mgbutton.change-settings-button.gdpr-fbo-2:hover {
  background: var(--certus-blue) !important;
  color: var(--certus-white) !important;
}

/* promijeni postavke button */
#moove_gdpr_save_popup_settings_button {
  background-color: var(--certus-blue) !important;
}

/* MODAL EDIT */
/* ukloni prazan red */
#moove_gdpr_cookie_modal .moove-gdpr-modal-right-content,
#moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content {
  background-color: var(--certus-white) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-title {
  height: 60px !important;
}
#privacy_overview .moove-gdpr-tab-main-content {
  display: none !important;
}
#moove_gdpr_cookie_modal .tab-title {
  margin-bottom: 8px !important;
}
#moove_gdpr_cookie_modal p {
  margin-bottom: 6px !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-button-holder .mgbutton {
  border-radius: 5px !important;
}

@media (max-width: 810px) {
  #moove_gdpr_cookie_info_bar {
    max-width: calc(100% - 20px) !important;
  }
}
@media (min-width: 768px) {
  #moove_gdpr_cookie_info_bar {
    transform: translate(-50%, -50%) !important;
    top: 50% !important;
  }
}
@media (max-width: 767px) {
  .moove-gdpr-info-bar-container {
    padding: 15px !important;
  }
  #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice h3 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    line-height: 20px !important;
    font-size: 12px !important;
  }
  #moove_gdpr_cookie_info_bar {
    transform: translate(-50%, 0%) !important;
    bottom: 20px !important;
  }
  #moove_gdpr_cookie_info_bar
    .moove-gdpr-info-bar-content
    .moove-gdpr-button-holder {
    margin-top: 20px !important;
    gap: 2px !important;
  }
  #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button.mgbutton {
    font-size: 12px !important;
    padding: 4px 12px !important;
  }
  .gdpr_lightbox .gdpr_lightbox-container {
    vertical-align: bottom !important;
    bottom: 20px !important;
  }
  #moove_gdpr_cookie_modal .gdpr-cc-form-wrap {
    margin-bottom: 0 !important;
  }
}

.mobile-lang-switch-shortcode {
	opacity: 0;
}

.mobile-lang-switch-shortcode {
  animation: langFlagSwitchEntrance 300ms ease-in 900ms forwards;
}

@keyframes langFlagSwitchEntrance {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.elementor-heading-title:is(h1, h2, h3, h4, h5, h6) {
    text-wrap: balance;
    width: 100%;
    word-wrap: break-word;
}

@media (max-width: 767px) {
  .translatepress-de_DE .home-title-heading h1 {
    font-size: 48px!important;
}
}

/* solar power plants timeline boxes */
.boxes-timeline-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	max-width: 1040px;
}

@media (min-width: 1025px) {
	.boxes-timeline-wrap {
	overflow-x: clip;
}
}

.box-wrap {
	padding: 24px 30px;
	background: var(--certus-blue);
	color: var(--certus-white);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
}

.lines-between-boxes {
	background: var(--certus-blue);
	width: 100%;
	height: 2px;
	position: relative;
}

.lines-between-boxes:before {
	content: '';
	position: absolute;
	background: url('/wp-content/uploads/2024/03/timleine-arrow-icon.svg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
}

.box {
	position: relative;
}

.box:before {
	top: 66px;
	position: absolute;
	font-size: 16px;
	font-style: normal;
	min-width: 120px;
}

.box.box-1:before {
	content: 'Slanje upita';
	left: 0px;
}

.box.box-1 {
	padding-left:10px;
}

@media (min-width: 1025px) {
	.box.box-1:before {
    min-width: 90px;
}
    .box.box-3:before {
    min-width: 220px;
}

.box.box-4:before {
    min-width: 140px;
}

.box.box-5:before {
    min-width: 160px;
}
}

@media (max-width: 1024px) {

.box:before {
    min-width: 220px!important;
}
}

.box.box-2:before {
	content: 'Izrada projekta';
	left: -18px;
}


.box.box-3:before {
	content: 'Odobravanje za priključivanje';
	left: -68px;
}

.box.box-4:before {
	content: 'Ugradnja elektrane';
	left: -34px;
}

.box.box-5:before {
	content: 'Puštanje u pogon';
	left: -26px;
}

.lines-between-boxes.line-box-1 {
	max-width: 120px;
}

.lines-between-boxes.line-box-2,
.lines-between-boxes.line-box-3 {
	min-width: 130px;
}

.lines-between-boxes.line-box-4 {
	max-width: 120px;
}

.box.box-5 {
    margin-right: 40px;
}

@media (max-width: 1025px) {
	.boxes-timeline-wrap {
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		align-items: center;
		max-width: 70px;
		justify-content: flex-start;
		gap: 0px!important;
	}

	.boxes-timeline-wrap .lines-between-boxes {
		max-width: 2px!important;
		min-width: 2px!important;
		width: 2px!important;
		min-height: 140px!important;
		height: 100%!important;
		position: relative;
	}

	.box.box-1 {
		padding-left: 0px;
	}
	.box:before {
		top: 0px!important;
		left: 90px!important;

	}
	.lines-between-boxes:before {
		left: 50%;
		top: 50%;
		transform: translate(-50%, 50%);
		width: 24px;
		height: 24px;
		rotate: 90deg;
	}
	
	.box.box-5 {
    margin-right: 0px!important;
}
}

.solar-plant-custom-timeline-widget {
    overflow-x: clip;
}

/* solar plant how it works list */
.how-does-solar-plant-function-list-column{
	counter-reset: solar-factory-list;
}

.how-does-solar-plant-function-list-column .elementor-heading-title:before {
	counter-increment: solar-factory-list;
	content: counter(solar-factory-list);
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 14px;
    line-height: 24px;
	font-style: normal;
	font-weight: 500;
	color: var(--certus-white);
    background: var(--certus-orange);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transform: translate(0%, 0%);
    text-align: center;
	transition: all 0.2s ease!important;
}

.how-does-solar-plant-function-list-heading {
    padding-left: 32px;
}

/* currently installing cards */
.currently-installing-cards-wrap > div {
    display: grid!important;
    grid-template-columns: 1fr 1fr!important;
    gap: 32px!important;
}

@media (min-width: 1025px) {
	.currently-installing-cards-wrap > div {
	overflow-y: clip!important;
}
}

.currently-installing-card {
    padding: 20px 32px;
}

.currently-installing-card-logo img {
    width: auto;
    height: 50px;
}

.currently-installing-card-logo.solaredge-logo img,
.currently-installing-card-logo.sofar-logo img {
    height: 34px;
}

@media (max-width: 767px) {
    .currently-installing-cards-wrap > div {
    display: grid!important;
    grid-template-columns: 1fr!important;
    gap: 32px!important;
}
    .currently-installing-card {
    padding: 14px 22px;
}
}

.elementor-accordion-item {
    margin-bottom: 16px;
}

.contact-us-btn a:after {
	margin-left: 0px;
}

.elementor-accordion-item .contact-us-btn a:hover {
	text-decoration: none!important;
}

/* en solar plant timeline */
.translatepress-en_GB .box.box-1:before {
	content: 'Sending an inquiry';
}

.translatepress-en_GB .box.box-2:before {
	content: 'Creating the project';
}

.translatepress-en_GB .box.box-3:before {
	content: 'Approval to connect';
}

.translatepress-en_GB .box.box-4:before {
	content: 'Installation of a power plant';
}

.translatepress-en_GB .box.box-5:before {
	content: 'Commissioning';
}

.box-wrap {
    z-index: 2;
}

.box {
    z-index: 1;
}

@media (min-width: 1025px) {

	.translatepress-en_GB .lines-between-boxes.line-box-2, .translatepress-en_GB .lines-between-boxes.line-box-3 {
		min-width: 90px;
	}

	.translatepress-en_GB .lines-between-boxes.line-box-4, .translatepress-en_GB .lines-between-boxes.line-box-5 {
		min-width: 170px;
	}

	.translatepress-en_GB .lines-between-boxes.line-box-1,
	.translatepress-en_GB .lines-between-boxes.line-box-2 {
		max-width: 160px;
	}

	.translatepress-en_GB .box.box-1:before {
		min-width: 140px;
	}

	.translatepress-en_GB .box.box-2:before {
		min-width: 150px;
	}

	.translatepress-en_GB .box.box-3:before {
		min-width: 150px;
	}

	.translatepress-en_GB .box.box-4:before {
		min-width: 220px;
	}

	.translatepress-en_GB .box.box-1 {
		transform: translateX(40px);
	}

	.translatepress-en_GB .box.box-1:before {
		left: -26px;
	}

	.translatepress-en_GB .box.box-2:before {
		left: -36px;
	}

	.translatepress-en_GB .box.box-3:before {
		left: -36px;
	}

	.translatepress-en_GB .box.box-4:before {
		left: -66px;
	}

	.translatepress-en_GB .box.box-5:before {
		left: -20px;
	}
}

/* de solar plant timeline */
.translatepress-de_DE .box.box-1:before {
	content: 'Anfragestellung';
}

.translatepress-de_DE .box.box-2:before {
	content: 'Projekterstellung';
}

.translatepress-de_DE .box.box-3:before {
	content: 'Anschlussgenehmigung';
}

.translatepress-de_DE .box.box-4:before {
	content: 'Kraftwerkmontage';
}

.translatepress-de_DE .box.box-5:before {
	content: 'Inbetriebsetzung';
}

.box-wrap {
    z-index: 2;
}

.box {
    z-index: 1;
}

@media (min-width: 1025px) {

	.translatepress-de_DE .lines-between-boxes.line-box-2, .translatepress-de_DE .lines-between-boxes.line-box-3 {
		min-width: 90px;
	}

	.translatepress-de_DE .lines-between-boxes.line-box-4, .translatepress-de_DE .lines-between-boxes.line-box-5 {
		min-width: 170px;
	}

	.translatepress-de_DE .lines-between-boxes.line-box-1,
	.translatepress-de_DE .lines-between-boxes.line-box-2 {
		max-width: 160px;
	}

	.translatepress-de_DE .box.box-1:before {
		min-width: 140px;
	}

	.translatepress-de_DE .box.box-2:before {
		min-width: 150px;
	}

	.translatepress-de_DE .box.box-3:before {
		min-width: 150px;
	}

	.translatepress-de_DE .box.box-4:before {
		min-width: 220px;
	}

	.translatepress-de_DE .box.box-1 {
		transform: translateX(30px);
	}

	.translatepress-de_DE .box.box-1:before {
		left: -18px;
	}

	.translatepress-de_DE .box.box-2:before {
		left: -30px;
	}

	.translatepress-de_DE .box.box-3:before {
		left: -50px;
	}

	.translatepress-de_DE .box.box-4:before {
		left: -30px;
	}

	.translatepress-de_DE .box.box-5:before {
		left: -24px;
	}
}

/* mobile dropdown menu */
.popup-mobile-menu .elementor-sub-item {
	color: #858587!important;
}

.popup-mobile-menu .has-submenu {
	width: 100%!important;
	display: flex;
	justify-content: space-between;
}

.popup-mobile-menu .has-submenu span.sub-arrow {
	margin-right: 30px;
	position: relative;
}

.popup-mobile-menu .has-submenu span.sub-arrow svg {
	display: none;
}

.popup-mobile-menu .has-submenu span.sub-arrow:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	background: url('/wp-content/uploads/2023/12/mobile-menu-arrow.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.popup-mobile-menu [aria-expanded="true"] span.sub-arrow:before {
	transform: rotate(180deg);
}

.popup-mobile-menu .menu-item-has-children:has([aria-expanded="true"]),
.popup-mobile-menu .menu-item-has-children li {
    border-bottom-color: #BEBEBF!important;
}

.popup-mobile-menu li {
	border-color: #BEBEBF!important;
}

.popup-mobile-menu *:focus {
    background: transparent!important;
    outline: none!important;
    box-shadow: none!important;
}

.poticaji-ipotpore-card:hover .poticaji-i-potpre-cta-btn a svg path {
	filter: invert();
}

/* careers label new */
.careers-loop .e-loop-item:nth-of-type(1) .careers-loop-title:before,
.careers-loop .e-loop-item:nth-of-type(2) .careers-loop-title:before{
	content: 'NOVI OGLAS'!important;
	position: absolute!important;
	color: #FFF;
	font-family: "Be Vietnam Pro";
	font-size: 12.6px;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	display: flex;
	padding: 2px 14px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 100px;
	background: #0E66FF;
}

.careers-loop .e-loop-item a:hover .careers-loop-title:before {
	background: #FFF;
	color: #0E66FF;
}

@media (min-width: 768px) and (max-width: 1025px) {
	.careers-loop .e-loop-item:nth-of-type(1) .careers-loop-title:before,
	.careers-loop .e-loop-item:nth-of-type(2) .careers-loop-title:before {
		left: 0px;
		display: block;
		top: -70%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		max-width: fit-content;
	}

	.careers-loop .e-loop-item:nth-of-type(1) a,
	.careers-loop .e-loop-item:nth-of-type(2) a {
		padding-top: 40px;
	}
}

@media (max-width: 767px) {
	.careers-loop .e-loop-item:nth-of-type(1) .careers-loop-title:before,
	.careers-loop .e-loop-item:nth-of-type(2) .careers-loop-title:before {
		left: 0px;
		display: block;
		top: -100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		max-width: fit-content;
	}
}

.top-bar-span a {
    color: #fff;
}

.top-bar-span a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
	.top-bar-span {
		line-height: 1.2em;
	}
}

.close-top-bar-btn:hover {
    cursor: pointer;
}

.mainheader-sticky .header-top-bar-shortcode {
    display: none!important;
}

html[lang="en-GB"] .header-top-bar-shortcode,
html[lang="de-DE"] .header-top-bar-shortcode {
    display: none !important;
}

/* ugradnja dizala */
@media (min-width: 1025px) {
	.usluga-ugradnja-dizala-koja-ugradujemo > div {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(2, auto);
	}

	.usluga-ugradnja-dizala-koja-ugradujemo .about-us-card:nth-child(1) {
		grid-column: 1 / span 1 !important;
		grid-row-start: 1 !important;
	}

	.usluga-ugradnja-dizala-koja-ugradujemo .about-us-card:nth-child(2) {
		grid-column: 2 / span 1 !important;
		grid-row-start: 1 !important;
	}

	.usluga-ugradnja-dizala-koja-ugradujemo .about-us-card:nth-child(3) {
		grid-column: 3 / span 1 !important;
		grid-row-start: 1 !important;
	}

	.usluga-ugradnja-dizala-koja-ugradujemo .about-us-card:nth-child(4) {
		grid-column: 1 / span 1 !important;
		grid-row-start: 2 !important;
	}

	.usluga-ugradnja-dizala-koja-ugradujemo .about-us-card:nth-child(5) {
		grid-column: 2 / span 1 !important;
		grid-row-start: 2 !important;
	}

	.usluga-ugradnja-dizala-koja-ugradujemo .about-us-card:nth-child(6) {
		grid-column: 3 / span 1 !important;
		grid-row-start: 2 !important;
	}

	.usluga-ugradnja-dizala-koja-ugradujemo .about-us-card:nth-child(7) {
		grid-column: 4 / span 1 !important;
		grid-row-start: 1 !important;
		grid-row-end: 3 !important;
	}   
}

@media (min-width: 1025px) {
	.usluga-ugradnja-dizala-cards-modernizacija-dizala > div {
		display: grid !important;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(2, auto);
	}

	.usluga-ugradnja-dizala-cards-modernizacija-dizala .about-us-card:nth-child(1) {
		grid-column: 1 / span 4 !important;
		grid-row-start: 1 !important;
	}

	.usluga-ugradnja-dizala-cards-modernizacija-dizala .about-us-card:nth-child(2) {
		grid-column: 5 / span 4 !important;
		grid-row-start: 1 !important;
	}

	.usluga-ugradnja-dizala-cards-modernizacija-dizala .about-us-card:nth-child(3) {
		grid-column: 9 / span 4 !important;
		grid-row-start: 1 !important;
	}

	.usluga-ugradnja-dizala-cards-modernizacija-dizala .about-us-card:nth-child(4) {
		grid-column: 1 / span 3 !important;
		grid-row-start: 2 !important;
	}

	.usluga-ugradnja-dizala-cards-modernizacija-dizala .about-us-card:nth-child(5) {
		grid-column: 4 / span 3 !important;
		grid-row-start: 2 !important;
	}

	.usluga-ugradnja-dizala-cards-modernizacija-dizala .about-us-card:nth-child(6) {
		grid-column: 7 / span 3 !important;
		grid-row-start: 2 !important;
	}

	.usluga-ugradnja-dizala-cards-modernizacija-dizala .about-us-card:nth-child(7) {
		grid-column: 10 / span 3 !important;
		grid-row-start: 2 !important;
	}
}

ul.qa-list {
	padding-left: 15px;
	margin-top: 6px;
}

.boxes-timeline-wrap-ugradnja-dizala .lines-between-boxes:last-child:before {
	display: none;
}

.boxes-timeline-wrap-ugradnja-dizala .box:before {
	font-weight: 500;
}

.boxes-timeline-wrap-ugradnja-dizala .box:after {
	top: 120px !important;
	position: absolute !important;
	font-size: 15px !important;
	font-style: normal !important;
}

.boxes-timeline-wrap-ugradnja-dizala  .box.box-1:before {
	content: 'Besplatno savjetovanje i procjena projekta';
}

.boxes-timeline-wrap-ugradnja-dizala  .box.box-1:after {
	content: 'Analiziramo vaš prostor i zajedno s vama odlučujemo o najboljem rješenju.';
}

.boxes-timeline-wrap-ugradnja-dizala .box.box-2:before {
	content: 'Planiranje i projektiranje';
}

.boxes-timeline-wrap-ugradnja-dizala  .box.box-2:after {
	content: 'Izrađujemo sve potrebne vrste projekata (strojarski, elektro, statički, arhitektonski) prema zahtjevima pravilnika o sigurnosti dizala.';
}

.boxes-timeline-wrap-ugradnja-dizala .box.box-3:before {
	content: 'Brza i precizna instalacija';
}

.boxes-timeline-wrap-ugradnja-dizala .box.box-3:after {
	content: 'Profesionalno postavljamo dizalo uz minimalan utjecaj na ostatak vašeg prostora. Po potrebi savjetujemo i izvodimo potrebne građevinske radove za prilagodbu objekta.';
}

@media (min-width: 1025px) {
	.boxes-timeline-wrap-ugradnja-dizala .lines-between-boxes.line-box-1 {
		min-width: 260px; 
	}

	.boxes-timeline-wrap-ugradnja-dizala .box:after {
		top: 120px !important;
		position: absolute !important;
		font-size: 15px !important;
		font-style: normal !important;
		min-width: 240px !important;
		left: 0 !important;
	}
	
	.boxes-timeline-wrap-ugradnja-dizala .box.box-1:before,
	.boxes-timeline-wrap-ugradnja-dizala .box.box-1:after {
		left: 10px !important;
	}
	
	.boxes-timeline-wrap-ugradnja-dizala .box.box-2:before,
	.boxes-timeline-wrap-ugradnja-dizala .box.box-2:after {
		left: 0px !important;
	}

	.boxes-timeline-wrap-ugradnja-dizala .box.box-2:after,
	.boxes-timeline-wrap-ugradnja-dizala .box.box-3:after{
		top: 100px !important;
		min-width: 260px !important;
	}

	.boxes-timeline-wrap-ugradnja-dizala .box.box-3:before,
	.boxes-timeline-wrap-ugradnja-dizala .box.box-3:after {
		left: 0px !important;
		min-width: 360px !important;
	}
}

@media (min-width: 1025px) {
	.boxes-timeline-wrap-ugradnja-dizala .box.box-1:before {
		min-width: 190px;
	}
	.boxes-timeline-wrap-ugradnja-dizala .box.box-2:before {
		min-width: 190px;
	}
	.boxes-timeline-wrap-ugradnja-dizala .box.box-3:before {
		min-width: 220px;
	}
}

@media (min-width: 768px) and (max-width: 1025px) {
	.boxes-timeline-wrap-ugradnja-dizala .box:before {
		top: -20px !important;
		left: 90px !important;
	}

	.boxes-timeline-wrap-ugradnja-dizala .box:after {
		top: 10px !important;
		left: 90px !important;
		min-width: 420px;
	}

	.boxes-timeline-wrap-ugradnja-dizala .box.box-1:before {
		min-width: 320px !important;
	}

	.boxes-timeline-wrap-ugradnja-dizala  .box.box-1:after {
		left: 90px !important;
	}
}

@media (min-width: 0px) and (max-width: 767px) {
	.boxes-timeline-wrap-ugradnja-dizala .box:before {
		top: -20px !important;
		left: 90px !important;
		max-width: 220px !important;
	}

	.boxes-timeline-wrap-ugradnja-dizala .box:after {
		top: 10px !important;
		left: 90px !important;
		min-width: 220px;
	}

	.boxes-timeline-wrap-ugradnja-dizala  .box.box-1:after {
		left: 90px !important;
		top: 34px !important;
	}
}

.ugradnja-dizaa-cta-reworked a {
	border-radius: 1000px;
	border: 1px solid rgba(255, 255, 255, 0.25)!important;
	background: rgba(14, 102, 255, 0.82)!important;
	padding: 10px 20px 12px 20px!important;
	backdrop-filter: blur(6px)!important;
	font-size: 1rem !important;
}

.ugradnja-dizaa-cta-reworked a:hover {
	background: rgba(14, 102, 255, 1)!important;
}

/* tractel proizvodi */
/* .tractel-product-btn span.elementor-button-icon {
    background: var(--certus-orange);
    padding: 8px;
    border-radius: 100%;
	clip-path: circle(50%) !important;
}

.tractel-product-btn .elementor-button-icon svg {
    height: auto;
    width: .75em !important;
} */

.tractel-product-btn span.elementor-button-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: all 300ms ease-out;
}

/* .tractel-product-btn:hover span.elementor-button-icon {
    background: var(--certus-blue);
    transition: all 300ms ease-out;
} */

.tractel-product-btn .elementor-button-icon svg {
    height: auto;
    width: 1.75em !important;
}

.tractel-product-btn:hover span.elementor-button-icon #circle {
    fill: var(--certus-blue);
    transition: all 300ms ease-out;
}

a.tractel-product-document-wrap {
    display: flex;
    flex-direction: row;
	justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--certus-light-grey);
    padding: 6px 10px;
    border-radius: 4px;
}

.tractel-product-document-heading {
    font-family: "Be Vietnam Pro", Sans-serif;
    color: var(--certus-black);
    font-size: 12px;
    font-weight: 300;
}

.tractel-product-image img {
	object-fit: cover;
	width: 100%;
	height: auto;
}

@media (768px <= width <= 1025px) {
	.tractel-product-image img {
		object-fit: cover;
		width: 100%;
		height: 280px;
	}
}

@media (width <= 767px) {
	.tractel-product-image img {
		object-fit: cover;
		width: 100%;
		height: 210px;
	}
}

.tractel-product-slide-container:has(.tractel-product-slide-loop-carousel [data-elementor-type="loop-item"]:nth-of-type(1).swiper-slide-active) .results-button-prev,
.tractel-product-slide-container:has(.tractel-product-slide-loop-carousel [data-elementor-type="loop-item"]:last-child.swiper-slide-next) .results-button-next{
	opacity: .3;
	pointer-events: none;
	transition: all 300ms ease-out;
}