/* Custom Style goes here */

:root {
    --near-black: #0F172A;
    --stone: #F5F5F4;
    --mist: #E2E8F0;
    --neretva-500: #1F7A5C;
    --neretva-600: #186149;
    --neretva-700: #155540;
    --steel-blue-500: #355C7D;
    --steel-blue-600: #2E516F;
}

.our-pillars-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.our-pillars-item {
	flex: 1;
	padding: 20px;
    text-align: center;
	background-color: var(--neretva-500);
	border-radius: 5px;
	border: 1px solid var(--near-black);
    cursor: pointer;
}

.our-pillars-item:hover {
    background-color: var(--neretva-700);
}

.our-pillars-item a {
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
}

.our-pillars-item a:hover {
	color: #ffffff;
}

#theme-header:not(.main-nav-boxed) #main-nav {
    background-color: var(--stone);
    border-color: var(--neretva-500);

}

#main-nav .main-menu > ul > li > a {
    color: var(--near-black);
}

#main-nav .main-menu > ul > li > a:hover,
#main-nav .main-menu > ul > li.current_page_item a {
    color: var(--steel-blue-500);
    background-color: transparent;
}

#main-nav .main-menu > ul > li.current_page_item {
    border: none;
}

.our-pillars .tabs-wrapper ul.tabs li a {
    text-transform: uppercase;
}