/*!
Theme Name: Olivin
Theme URI: https://shentaweb.com
Author: Shentaweb
Author URI: https://shentaweb.com
Description: Olivin Wordpress Blog ve Haber Teması, T.C. Telif Hakları Genel Müdürlüğü nezdinde, 5846 sayılı Fikir ve Sanat Eserleri Kanunu ve T.C.K. ilgili maddesi hükümleri uyarınca koruma altına alınmıştır. İzinsiz kopyalanması, çoğaltılması, dağıtılması; kaynak kodlarının izinsiz kopyalanması, dağıtılması veya paylaşılması yasaktır. Tespiti halinde hukuki süreç başlatılacaktır.
Version: 1.5
Tested up to: 6.8.1
Requires PHP: 8.1
License: 
License:
Domain Path: /workers/languages
Text Domain: swt
Tags: Olivin Blog ve Haber Teması tamamen isteklerinize özel olarak geliştirilmiştir. Dahili yüzlerce, Makale botu, Adsense denetleyicisi gibi özelliğiyle birlikte sizlere sunulmuştur.
*/


:root {
	--olivin_text_1: #778591;
	--olivin_text_2: #4E5963;
	--olivin_text_3: #b5b8b9;
	--olivin_title: #212b37;
	--olivin_border_1: #d9dae8;
	--olivin_border_2: #3c3f4e;
	--olivin_hover_1: ;

	--olivin_box_shadow: rgba(0, 0, 0, 0.1) 0px 0px 24px -2px;

	--olivin_14px: 14px;
	--olivin_15px: 15px;
	--olivin_16px: 16px;
	--olivin_17px: 17px;
	--olivin_18px: 18px;
	--olivin_19px: 19px;
	--olivin_20px: 20px;
	--olivin_21px: 21px;
	--olivin_22px: 22px;
	--olivin_23px: 23px;
	--olivin_24px: 24px;
	--olivin_25px: 25px;
}

.screen-reader-text {
	display: none;
}

* {
	font-family: "Noto Sans", sans-serif;
}

html {
	scroll-behavior: smooth;
	font-size: 16px;
}

@media (max-width: 768px) {
	html {
		font-size: 15px;
	}
}

[id] {
	scroll-margin-top: 6.250rem;
}

body {
	margin: 0;
	background-color: var(--olivin_bg);
	overflow-x: hidden;
}

main {
	display: block;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.wp-caption.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	clear: both;
}

.wp-caption.alignright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

img.alignleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	clear: both;
}

.wp-caption.alignleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

blockquote {
	background-color: #8686861c;
	border-radius: var(--olivin_radius);
	margin: 0;
	padding: 0.062rem 15px;
	border-left: 6px solid var(--olivin_border_1);
}

blockquote p {
	margin-bottom: 0;
}

.oli-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 0.875rem;
}

.oli-breadcrumbs i {
	font-size: 0.812rem;
}

.grid {
	display: grid;
}

.oli-home-h1.h1-off {
	display: none;
}

.h2-title {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 20px;
}

.h3-title {
	font-size: 1.062rem;
	font-weight: 600;
	line-height: 20px;
}

p,
li {
	font-size: 1.0rem;
	color: var(--olivin_text_1);
	line-height: 1.7;
}

li {
	list-style: circle;
}

.oli-single-social-buttons li,
header li,
footer li {
	list-style: none;
}

.oli-text {
	font-size: 0.875rem;
	color: var(--olivin_text_1);
	line-height: 1.4;
	margin: 0;
}

a {
	text-decoration: none;
	color: var(--olivin_1);
}

b,
strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	outline: none;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	background-color: var(--olivin_1);
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}


[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: var(--olivin_text_1);
	font-size: 1rem;
	line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: var(--olivin_title);
	margin: 0;
	line-height: 1.4;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}


mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

hr {
	background-color: var(--olivin_border_1);
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	padding: 0;
	margin: 0;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.250rem 0;
	font-size: 1.0rem;
	font-family: Arial, sans-serif;
	text-align: left;
}

th {
	background-color: rgb(224, 223, 233);
	color: white;
	font-weight: bold;
	padding: 0.750rem;
	border: 1px solid var(--olivin_border_1);
}

td {
	padding: 0.625rem;
	border: 1px solid var(--olivin_border_1);
}

tr:nth-child(even) {
	background-color: #f6f7ff;
}

tr:hover {
	background-color: #e9e9e9;
}

/* Links
--------------------------------------------- */
a {
	color: var(--olivin_1);
}


a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	background: #e6e6e6;
	color: var(--olivin_text_2);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--olivin_text_1);
	border: 1px solid #ccc;
	border-radius: var(--olivin_radius);
	padding: 0.188rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: var(--olivin_text_2);
}

select {
	border: 1px solid var(--olivin_border_1);
	padding: 0.625rem;
	width: 100%;
	background-color: transparent;
	border-radius: var(--olivin_radius);
}

select option {
	color: var(--olivin_2);
}

textarea {
	width: 100%;
}


/*------------------------
COMMENT FORM
------------------------*/

.comments-area {
	max-width: 100%;
	width: 100%;
	overflow-wrap: break-word;
}

.comments-area img {
	height: 40px;
	width: 40px;
	max-width: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.comments-area .form-submit button[type="submit"] {
	background-color: var(--olivin_1) !important;
}

.baslik-h2.yorum-yap {
	padding: 0.938rem 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid var(--olivin_border_1);
}

.comment-respond h3 {
	font-size: 1rem;
	font-weight: 600;
}

.comment-notes {
	margin-bottom: 1.250rem !important;
}

.comment-form-cookies-consent {
	margin: 1.250rem 0 !important;
}

.comments-title {
	position: relative;
	font-size: 1em !important;
	margin-bottom: .5em;
	color: var(--olivin_title);
	width: fit-content;
	padding: 0.125rem 15px;
	border-radius: var(--olivin_radius);
	text-align: left;
	font-weight: 600;
	display: block;
	width: 100%;
}

.comments-title::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color: var(--olivin_1);
	width: 4px;
	height: 100%;
	transform: 50%, -50%;
	border-radius: 50px;
}

.comment-list {
	list-style: none !important;
	padding: 0 !important;
}

.comment-list .comment {
	position: relative;
	border-bottom: 1px solid var(--olivin_border_1);
	list-style: none;
}

.comment-list .comment .comment-form {
	margin-bottom: 1.250rem;
}

.comment-list .comment-body:hover.comment-body:before {
	background-color: var(--olivin_1);
}

.comment-list .comment:last-child {
	margin-bottom: 1.250rem;
}

.comment-list .children {
	margin-left: 1.250rem;
}

.comment-list .children .children {
	margin-left: 0;
}

.comment-list .children li {
	list-style: none;
	border: none;
}

.comment-respond {
	animation: slide-in-bottom .3s ease;
}

.comment-list #reply-title {
	margin-top: 1.250rem;
}

.comment-body {
	padding: 1.250rem 0;
	transition: box-shadow 0.3s ease;
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: var(--olivin_radius);
}

.comment-meta {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	border-radius: var(--olivin_radius);
	width: 50%;
	height: fit-content;
}

.comment-author-info {
	margin-left: 0.938rem;
}

.comment-author-info cite {
	font-size: 0.938rem;
}

.comment-author .avatar {
	border-radius: 50%;
}

.comment-author .fn {
	font-weight: 600;
	color: #333;
}

.comment-metadata {
	font-size: 0.625rem;
	color: var(--olivin_text_1);
}

.comment-content {
	margin-top: 0;
	line-height: 1.6;
	overflow-wrap: break-word;
	width: 100%;
}

.comment-content p {
	margin: 0.938rem 0 0 0;
	font-size: 0.875rem;
}

.comment-form .logged-in-as {
	font-size: 0.875rem;
	color: var(--olivin_text_2);
}

.comment-edit-link {
	font-size: 0.750rem;
	position: absolute;
	color: var(--olivin_1);
	right: 10px;
	bottom: 10px;
}

.comment-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 20px;
	right: 20px;
}

.reply .comment-reply-link,
.like-button {
	display: inline-block;
	color: var(--olivin_1);
	text-decoration: none;
	font-size: 0.875rem;
	transition: color 0.3s ease;
}

.reply .comment-reply-link:hover,
.like-button:hover {
	color: var(--olivin_2);
}

.like-button {
	background: none;
	border: none;
	color: #333;
	cursor: pointer;
}

.like-icon {
	margin-right: 0.5em;
}

.comment-form {
	margin-top: 1em;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
	margin-bottom: 1.5em;
}

.comment-form-comment textarea {
	max-width: 100%;
	min-width: 100%;
	resize: none;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 0.8em;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	transition: border-color 0.3s ease;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	border-color: #007bff;
	outline: none;
}

.comment-form button {
	background: #007bff;
	color: #fff;
	border: none;
	padding: 0.8em 1.5em;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	border-radius: var(--olivin_radius);
	transition: background-color 0.3s ease;
}

.comment-form button:hover {
	background-color: #0056b3;
}

.half-width {
	width: 48%;
	float: left;
}

.comment-form-author {
	margin-right: 4%;
}

#cancel-comment-reply-link {
	color: white;
	background-color: #ec0d0d;
	font-weight: 500;
	padding: 0.188rem 10px;
	margin-left: 0.625rem;
	border-radius: var(--olivin_radius_2);
}

.full-width {
	clear: both;
}

@media (max-width: 768px) {

	.comment-meta {
		width: 100%;
		gap: 10px;
	}

	.comment-content {
		width: 100%;
	}

	.comment-content p {
		font-size: 0.875rem;
	}

	.comment-author-info {
		margin-left: 0;
	}

	.half-width {
		width: 100%;
		float: none;
	}

	.comment-form-author {
		margin-right: 0;
	}
}

/* COMMENTS RATING */

.comment-form-rating-wrap {
	display: flex;
	column-gap: .5rem;
	justify-content: space-between;
	align-items: center;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	padding: 0 1rem;
	width: fit-content;
	margin-bottom: 1rem;
	max-width: 100%;
	flex-wrap: wrap;
}

.comment.byuser .comment-form-rating-wrap {
	display: none;
}

.comment-form-rating {
	clear: both;
}

.comment-form-rating label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.star-rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	margin: 5px 0;
}

.star-rating input {
	display: none;
}

.star-rating label {
	cursor: pointer;
	font-size: 1.5rem;
	color: #ccc;
	padding: 0 2px;
}

.star-rating label:before {
	content: "★";
}

.star-rating input:checked~label {
	color: #fd7a00;
}

.star-rating label:hover, .star-rating label:hover~label {
	color: #fd7a00;
}

.comment-rating {
	color: #fd7a00;
	font-size: 18px;
	margin-top: 5px;
}

.rating-error {
	color: red;
	display: none;
	margin-top: 5px;
}

/* Posts and pages
--------------------------------------------- */

.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}


.page-links {
	clear: both;
}

/*-----------------------
Alerts
------------------------*/
.oli-alert {
	padding: 0.9rem 1rem;
	border-radius: var(--olivin_radius);
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.9rem !important;
}

.oli-alert:not(:last-child) {
	margin-bottom: 0.625rem;
}

.oli-alert.info {
	color: #1E88E5;
	background-color: #cce9ff;
}

.oli-alert.warning {
	color: #b55900;
    background-color: #ffdbb8;
}

.oli-alert.error,
.banned-user-profile-notification {
    color: #d51e1e;
    background-color: #ffd7dd;
}

.oli-alert.success {
	color: #048e0b;
    background-color: #c6ffca;
}

.oli-alert.normal {
	color: var(--olivin_text_2);
	background-color: #fff;
	border: 1px solid var(--olivin_border_1);
}

/* Widgets
------------------------ */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*----------------------
Nav Menu - Header Nav
----------------------*/


.oli-mobile-toggle-close,
.oli-mobile-toggle {
	border-radius: var(--olivin_radius_2);
	display: block;
	font-weight: 700;
	font-size: 1.562rem;
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	color: #fff;
}

.oli-nav-menu-wrap.omt-active .oli-mobile-toggle-close {
	color: var(--olivin_title);
}

.oli-mobile-toggle-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

.header-nav-sticky {
	transition: top 0.3s ease;
	z-index: 99;
}

.header-nav-sticky.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	box-shadow: 0px 8px 20px -6px rgb(0 0 0 / 11%) !important;
	z-index: 999;
}


/* Navmenu - Desktop */
.navmenu {
	display: flex;
	align-items: center !important;
	justify-content: flex-end;
}

/* Navmenu Subtext */

.nav-menu-item-subtext {
	position: absolute;
	top: -6px;
	right: 0;
	font-size: 0.750rem;
	background-color: var(--olivin_5);
	line-height: normal;
	padding: 0 9px;
	color: var(--olivin_title);
	border-radius: var(--olivin_radius_2);
	font-weight: 500;
}

.nav-menu-item-subtext:before {
	content: '';
	position: absolute;
	left: 5px;
	bottom: -8px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 10px solid var(--olivin_5);
	transform: rotate(180deg);
}

@media (min-width: 1200px) {
	.navmenu {
		padding: 0;
	}

	.navmenu ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
	}

	.navmenu li {
		position: relative;
	}

	.navmenu ul:first-child>li:before {
		position: absolute;
		width: 5px;
		height: 2px;
		opacity: 0;
		content: '';
		background: var(--olivin_1);
		border-radius: var(--olivin_radius);
		bottom: 0;
		right: 0;
		transition: all .4s ease;
	}

	.navmenu ul:first-child>li:hover:before {
		width: 100%;
		opacity: 1;
	}

	.navmenu a,
	.navmenu a:focus {
		color: var(--olivin_text_2) !important;
		padding: 0.938rem;
		font-size: 0.938rem;
		font-family: Noto Sans;
		display: flex;
		align-items: center;
		justify-content: space-between;
		white-space: nowrap;
		transition: 0.3s;
		font-weight: 500;
	}

	.navmenu a i,
	.navmenu a:focus i {
		font-size: 0.750rem;
		line-height: 0;
		margin-left: 0.5rem;
		transition: 0.3s;
	}

	.navmenu .dropdown-toggle:hover i {
		transform: rotate(180deg) !important;
	}

	.navmenu .active,
	.navmenu .active:focus {
		color: var(--olivin_text_2) !important;
	}

	.navmenu .dropdown ul {
		margin: 0;
		padding: 0.312rem 0;
		background: #fff;
		display: block;
		position: absolute;
		visibility: hidden;
		left: 14px;
		top: 130%;
		opacity: 0;
		transition: 0.3s;
		z-index: 99;
		box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);
		margin-top: 0.250rem;
		border-radius: var(--olivin_radius);
		margin-top: 1.250rem;
	}

	.dropdown-menu.depth_0::before {
		content: '';
		background: white;
		top: -4px;
		position: absolute;
		left: 10px;
		width: 15px;
		height: 15px;
		border-radius: 0 50px 50px 50px;
		transform: rotate(45deg);
	}

	.dropdown-menu.depth_0::after {
		content: '';
		background: transparent;
		top: -4px;
		position: absolute;
		right: 0;
		width: 100%;
		height: 15px;
		border-radius: 0 50px 50px 50px;
	}

	.dropdown-menu a.dropdown-toggle {
		color: #3e3f40 !important;
	}

	.navmenu .dropdown ul li {
		min-width: 200px;
	}

	.navmenu .dropdown ul a {
		padding: 0.5rem 19px;
		font-size: 0.938rem;
		text-transform: none;
		color: var(--olivin_1);
	}

	.navmenu .dropdown ul a i {
		font-size: 0.750rem;
	}

	.navmenu .dropdown ul a:hover,
	.navmenu .dropdown ul .active:hover,
	.navmenu .dropdown ul li:hover>a {
		color: var(--olivin_1) !important;
	}

	.navmenu .dropdown:hover>ul {
		opacity: 1;
		top: 100%;
		visibility: visible;
	}

	.navmenu .dropdown .dropdown ul {
		top: 0;
		left: -90%;
		visibility: hidden;
	}

	.navmenu .dropdown .dropdown:hover>ul {
		opacity: 1;
		top: 0;
		left: -100%;
		visibility: visible;
	}

	/* Mobile Nav Popup
	-----------------------*/
	.oli-mobile-toggle {
		display: none;
	}

	.oli-mobile-toggle-close {
		display: none;
	}
}

/* Navmenu - Mobile */
@media (max-width: 1199px) {

	.navmenu {
		padding: 0;
		z-index: 99;
	}

	.navmenu a,
	.navmenu a:focus {
		color: var(--olivin_text_2) !important;
		padding: 0.625rem 20px;
		font-family: Noto Sans;
		font-size: 0.938rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		white-space: nowrap;
		transition: 0.3s;
	}

	.navmenu a i,
	.navmenu a:focus i {
		font-size: 0.750rem;
		line-height: 0;
		margin-left: 0.312rem;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--olivin_radius_2);
		transition: 0.3s;
		background-color: color-mix(in srgb, #106eea, transparent 90%);
	}

	.navmenu a i:hover,
	.navmenu a:focus i:hover {
		background-color: #106eea;
		color: #fff;
	}

	.navmenu a:hover,
	.navmenu .active,
	.navmenu .active:focus {
		color: var(--olivin_1) !important;
	}

	.navmenu a {
		margin-top: 0.625rem;
	}

	.navmenu .dropdown-active a {
		margin-top: 0;
	}

	.navmenu .active i,
	.navmenu .active:focus i {
		background-color: #106eea;
		color: #fff;
		transform: rotate(180deg);
	}

	.navmenu .dropdown ul {
		position: static;
		display: none;
		z-index: 99;
		padding: 0.625rem 0;
		margin: 0.625rem 20px;
		background-color: #fff;
		border: 1px solid color-mix(in srgb, #444444, transparent 90%);
		box-shadow: none;
		transition: all 0.5s ease-in-out;
	}

	.navmenu .dropdown ul ul {
		background-color: rgba(33, 37, 41, 0.1);
	}

	.navmenu .dropdown>.dropdown-active {
		display: block;
		background-color: rgba(33, 37, 41, 0.03);
	}

	.nav-menu-item-subtext {
		display: none;
	}

	/* Mobile Nav Popup
	-----------------------*/

	.oli-nav-menu-wrap {
		position: fixed;
		left: -100%;
		padding: 3.125rem 20px 50px 20px;
		top: 0;
		background: #fff;
		height: 100vh;
		z-index: 99;
		width: 80%;
		overflow: auto;
		transition: all .3s ease;
		box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 15%);
	}

	.omt-active {
		left: 0;
		z-index: 9999;
	}
}

.site-home,
.single-post-wrap,
.archive-page,
.search-page {
	padding: 1.875rem 0;
	position: relative;
}

/* Dark Light Mode */

.oli-mode-switcher {
	position: relative;
	padding-right: 0.625rem;
	margin-bottom: -2px;
}


.oli-mode-switcher .themeToggle {
	color: #bbb;
	width: 12em;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn {
	position: relative;
	cursor: pointer;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput {
	opacity: 0;
	width: 100%;
	aspect-ratio: 1;
	height: 20px;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg {
	position: absolute;
	left: 0;
	width: 22px;
	height: 22px;
	transition: transform 0.4s ease;
	transform: rotate(40deg);
	overflow: visible;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunMoon {
	transform-origin: center center;
	transition: inherit;
	transform: scale(1);
	color: var(--olivin_1);
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay {
	transform-origin: center center;
	transform: scale(0);
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg mask>circle {
	transition: transform 0.64s cubic-bezier(0.41, 0.64, 0.32, 1.575);
	transform: translate(0px, 0px);
	radius: 8px;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay2 {
	animation-delay: 0.05s !important;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay3 {
	animation-delay: 0.1s !important;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay4 {
	animation-delay: 0.17s !important;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay5 {
	animation-delay: 0.25s !important;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay6 {
	animation-delay: 0.29s !important;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg {
	transform: rotate(90deg);
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg mask>circle {
	transform: translate(16px, -3px);
	radius: 10px;
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg .sunMoon {
	transform: scale(0.8);
}

.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg .sunRay {
	animation: showRay1832 0.4s ease 0s 1 forwards;
}

/* Login Button */

.oli-login-button-link {
	color: var(--olivin_1);
	background-color: #93939326;
	cursor: pointer;
	display: flex;
	width: 20px;
	height: 20px;
	border-radius: var(--olivin_radius);
	padding: 1.125rem;
	margin: 0;
	align-items: center;
	justify-content: center;
	border: none;
}


/*----------------------
d = Default 
----------------------*/


.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0.938rem;
	padding-right: 0.938rem;
	width: var(--olivin_width);
	max-width: 100%;
}

@media (min-width: 768px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: var(--olivin_width);
	}
}


.d-header-topbar-wrapper {
	border-bottom: 1px solid var(--olivin_border_1);
	background-color: #fff;
}

.d-header-navigation {
	background-color: white;
}

.d-header-navigation .oli-nav-home-button,
.d-header-navigation .oli-nav-home-button:hover,
.d-header-navigation .oli-nav-home-button:focus {
	padding: 0;
	margin-right: 0.625rem;
}

.d-header-navigation .oli-nav-home-button svg {
	width: 22px;
	height: 22px;
	padding: 0;
	color: var(--olivin_1);
}

.d-header-topbar-wrapper .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.875rem;
}

.container .d-header-left {
	width: 65%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.d-header-left .d-header-breaking-news {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	background-color: var(--olivin_1);
	color: #fff;
	padding: 0.625rem 15px;
	white-space: nowrap;
}

.d-header-breaking-news-swiper {
	width: 100%;
	overflow: hidden;
}

.d-header-breaking-news-title {
	font-size: 0.875rem;
	font-weight: 500;
}

.d-header-breaking-news-icon {
	animation: blink 1.2s infinite;
}

.d-header-breaking-news-swiper-text {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
}

.d-header-breaking-news-swiper-text a {
	color: var(--olivin_text_2);
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-size: 0.812rem;
	transition: all .3s ease;
}

.d-header-breaking-news-swiper-text a:hover {
	color: var(--olivin_1);
}

.container .d-header-right {
	width: 35%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.container .d-header-right .d-header-right-icons {
	display: flex;
	align-items: center;
	gap: 13px;
}

.container .d-header-right .d-header-right-icons>a>i {
	color: #4f5053;
	font-size: 0.938rem;
	transition: all .4s ease;
}

.container .d-header-right .d-header-right-icons>a:hover>i {
	color: var(--olivin_1);
	animation: slide-in-top 0.3s both;
}

.d-header-nav-wrapper {
	display: flex;
	width: 100%;
	justify-content: space-between;
	height: 75px;
	padding: 0.625rem 0;
	box-sizing: border-box;
}

.d-header-nav-wrapper-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.d-header-nav-wrapper-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	position: relative;
}

.d-header-nav-wrapper .oli-mobile-toggle {
	color: var(--olivin_title);
}

.oli-search-form-popup {
	position: absolute;
	z-index: 2;
	right: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	top: 80px;
	background: #fff;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	padding-right: 0.625rem;
	box-shadow: 0px 0px 38px -22px rgb(0 0 0);
	visibility: hidden;
	opacity: 0;
	width: 300px;
	box-sizing: content-box;
}

.is-active {
	opacity: 1;
	visibility: visible;
	animation: fadeInDown ease .3s;
	z-index: 4;
	overflow: auto;
}

.oli-search-form-popup input[type="search"],
.oli-search-form-popup input[type="submit"] {
	border-radius: var(--olivin_radius);
	border: none;
}

.oli-search-form-popup input[type="search"] {
	padding: 1.0rem 15px;
	color: var(--olivin_title);
}

.oli-search-form-popup input[type="submit"] {
	padding: 0.625rem 15px;
	background-color: var(--olivin_1);
	color: white;
	cursor: pointer;
}

header .nav-menu-icon {
	margin-right: 0.5rem;
}

header .oli-search-button,
header .oli-ajax-search-button {
	color: var(--olivin_1);
	background-color: #93939326;
	cursor: pointer;
	display: flex;
	width: 20px;
	height: 20px;
	border-radius: var(--olivin_radius);
	padding: 1.125rem;
	margin: 0;
	align-items: center;
	justify-content: center;
	border: none;
}

.d-header-extra {
	position: relative;
	background-color: var(--olivin_1);
	padding: 0.625rem 0;
}

.d-header-extra-wrapper {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
}

.d-header-extra-categories {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 80%;
	position: relative;
	overflow: hidden;
}

.d-header-extra-categories i {
	color: #fff;
}

.d-header-extra-categories-link {
	display: flex;
	column-gap: 10px;
	overflow: auto;
}

.d-header-extra-categories-link::-webkit-scrollbar,
.oli-carousel-1-carousel::-webkit-scrollbar,
.oli-category-list-1::-webkit-scrollbar,
.oli-standing-table table::-webkit-scrollbar,
.oli-sidebar-slider-1-nav::-webkit-scrollbar {
	display: none;
}

.d-header-extra-categories-link::-webkit-scrollbar-thumb,
.oli-carousel-1-carousel::-webkit-scrollbar-thumb,
.oli-category-list-1::-webkit-scrollbar-thumb,
.oli-standing-table table::-webkit-scrollbar-thumb,
.oli-sidebar-slider-1-nav::-webkit-scrollbar-thumb {
	display: none;
}

.d-header-extra-categories-link a {
	color: #fff !important;
	font-size: 0.875rem;
	font-weight: 600;
	white-space: nowrap;
}

.d-header-extra-money-to-money {
	display: flex;
	gap: 8px;
	align-items: center;
}

.d-header-extra-money-to-money .d-header-dollar {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	background-color: #ffffff40;
	color: #ffffff;
	border-radius: var(--olivin_radius_2);
	font-size: 0.812rem;
	height: 20px;
	width: 24px;
	position: relative;
	gap: 3px;
	line-height: normal;
}

.d-header-extra-money-to-money .d-header-turkish-lira {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #fff !important;
	font-weight: 600;
	font-size: 0.875rem;
	color: var(--olivin_1);
}

.d-header-extra-money-to-money .d-header-turkish-lira i {
	font-size: 0.812rem;
}

.d-header-crypto {
	background-color: #fff;
	padding: 0.625rem 0;
	min-height: 60.8px;
	display: flex;
	align-items: center;
}

.oli-crypto-coins .positive {
	color: green !important;
	font-size: 0.812rem;
}

.oli-crypto-coins .negative {
	color: #b80c0c !important;
	font-size: 0.812rem;
}

.oli-crypto-coins {
	width: 100%;
	overflow-x: auto;
	text-align: center;
}

.oli-crypto-coins::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.oli-crypto-container {
	display: flex;
	gap: 10px;
	white-space: nowrap;
}

.oli-crypto-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.oli-crypto-item img {
	width: 26px;
	height: 26px;
	object-fit: contain;
	margin-bottom: 0.312rem;
}

.oli-crypto-item span {
	font-size: 0.812rem;
	font-weight: 500;
	color: var(--olivin_text_2);
}

/* Header 2
---------------------*/

.header-2-wrapper {
	background-color: var(--olivin_3);
}

.header-2-top>.container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.938rem 0;
}

.header-2-top-left {
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.header-2-top-center {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-2-top-right {
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
	position: relative;
}

.header-2-top-left .h2tl-social a {
	color: #fff;
	background-color: #ffffff2f;
	line-height: normal;
	display: flex;
	padding: 0.375rem;
	border-radius: var(--olivin_radius);
	font-size: 0.938rem;
	transition: all .3s ease;
}

.header-2-top-left .h2tl-social {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-2-top-left .h2tl-social a:hover {
	background-color: #fff;
	color: var(--olivin_1);
}

.header-2-top-right.h2tl-icons a {
	line-height: normal;
	display: flex;
	border-radius: var(--olivin_radius);
	font-size: 1.062rem;
	transition: all .3s ease;
	color: #fff;
}

.header-2-top-right .oli-login-button a {
	background-color: transparent !important;
	color: #fff;
	padding: 0;
	font-size: 1.250rem;
}

.header-2-top-right .oli-search-button,
.header-2-top-right .oli-ajax-search-button {
	background-color: transparent !important;
	color: #fff;
	padding: 0;
	font-size: 1.250rem;
}

.header-2-top-right>.oli-mode-switcher {
	border-radius: 50%;
	padding: 0.0rem 7px 1px 0px;
	color: #fff;
}

.header-2-navigation {
	background-color: var(--olivin_4);
}

.header-2-nav-menu {
	padding: 0.812rem 0;
	justify-content: center;
}

.header-2-top-right>.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunMoon {
	color: #fff;
	transform: scale(1.16);
}

.header-2-nav-menu .nav-link:focus {
	color: #fff !important;
}

.header-2-nav-menu .dropdown-toggle:focus {
	color: var(--olivin_2) !important;
}

.header-2-wrapper .oli-nav-home-button,
.header-2-wrapper .oli-nav-home-button:hover,
.header-2-wrapper .oli-nav-home-button:focus {
	padding: 0;
	margin-right: 0.625rem;
}

.header-2-wrapper .oli-nav-home-button svg {
	width: 23px;
	height: 23px;
	color: #fff;
}

@media (min-width: 1200px) {

	.header-2-nav-menu .dropdown-toggle {
		color: #ffff !important;
	}

	/* .header-2-nav-menu .nav-link:hover,
	.header-2-nav-menu .dropdown-toggle:hover {
		color: var(--olivin_2) !important;
	} */

	.header-2-nav-menu .dropdown-menu .nav-link {
		color: var(--olivin_text_2) !important
	}

	.header-2-nav-menu .navmenu li:hover>a {
		color: var(--olivin_2) !important;
	}

	.header-2-nav-menu.navmenu ul:first-child>li:before {
		background: #fff !important;
	}


	.header-2-nav-menu .nav-link {
		color: #fff !important;
	}

}

.header-logo {
	object-fit: contain;
}

/* Header 3
---------------------*/

.header-3-top {
	background-color: var(--olivin_1);
	padding: 0.625rem 0;
}

.header-3-top>.container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-3-top .header-3-top-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
}

.header-3-top .header-3-top-left i {
	margin-right: 0.5rem;
}

.header-3-top .header-3-tl-day,
.header-3-top .header-3-tl-timedate {
	display: flex;
	align-items: center;
}

.header-3-top .header-3-top-right .header-3-tl-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-3-top .header-3-top-right .header-3-tl-list {
	font-size: 0.812rem;
}

.header-3-top .header-3-top-left span {
	font-size: 0.812rem !important;
}

.header-3-top .header-3-top-left i {
	font-size: 0.812rem !important;
}


.header-3-top span,
.header-3-top i,
.header-3-top a {
	color: #fff;
	font-size: 0.812rem;
}

.header-3-nav {
	background-color: #fff;
	padding: 0.938rem 0;
}

.header-3-nav .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-3-logo {
	min-width: 70px;
}

.header-3-logo,
.header-3-menu,
.header-3-end {
	flex: 1;
}

.header-3-menu {
	text-align: center;
}

.header-3-nav .oli-search-form-popup {
	left: auto;
	right: auto;
}

.header-3-nav .oli-mobile-toggle {
	color: var(--olivin_title);
	margin-bottom: 0.125rem;
}

.header-3-nav .oli-mode-switcher {
	padding: 0;
}

.header-3-menu .oli-nav-home-button>svg {
	width: 22px;
	height: 22px;
	padding: 0;
	color: var(--olivin_1);
}

.header-3-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 15px;
	row-gap: 5px;
}

.header-3-bottom {
	background-color: #fff;
	border-top: 1px solid var(--olivin_border_1);
}

.header-3-bottom .header-3-bottom-posts {
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: auto;
}

.header-3-bottom-posts .header-3-bp-item {
	width: 100%;
}

.header-3-bottom-posts .header-3-bp-item>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0.625rem;
	border-right: 1px solid var(--olivin_border_1);
	text-align: left;
	flex: 1;
	text-decoration: none;
	width: 100%;
}

.header-3-bottom-posts .header-3-bp-item i {
	margin-right: 0.625rem;
	color: var(--olivin_text_1);
}

.header-3-bottom-posts .header-3-bp-item:first-child {
	border-left: 1px solid var(--olivin_border_1);
}

.header-3-bottom-posts .header-3-bp-item>a .header-3-bp-item-title {
	font-size: 0.875rem;
	color: var(--olivin_text_2);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 24ch;
	display: block;
	transition: all .3s ease;
}

.header-3-bottom-posts .header-3-bp-item:hover a .header-3-bp-item-title {
	color: var(--olivin_1);
}

.header-3-bottom-posts .header-3-bp-item-title {
	max-width: 80%;
	font-size: 0.812rem !important;
}

.header-3-bottom-posts .header-3-bp-item-time {
	font-size: 0.750rem;
	color: var(--olivin_text_1);
	white-space: nowrap;
}

.header-3-wrap .d-header-crypto {
	border-top: 1px solid var(--olivin_border_1);
}

.pagination {
	width: 100%;
	margin-top: 1.250rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.pagination .page-numbers.current {
	color: var(--olivin_1);
}

.pagination .page-numbers {
	background-color: #fff;
	color: var(--olivin_2);
	font-weight: 400;
	padding: 0.125rem 10px;
	border-radius: var(--olivin_radius_2);
	transition: all .4s ease;
	border: 1px solid var(--olivin_border_1);
}

.pagination .page-numbers:hover {
	color: var(--olivin_1);
}

.pagination.oli-archive-postlist-pagination a {
	border: 1px solid var(--olivin_border_1);
}


.oli-section-title {
	position: relative;
	padding-bottom: 0.938rem;
}

.oli-section-title h2,
.oli-section-title h3 {
	font-size: 1.062rem;
	font-weight: 600;
	position: relative;
	padding-left: 1.250rem;
}

.oli-section-title h2:before,
.oli-section-title h3:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color: var(--olivin_1);
	width: 4px;
	height: 100%;
	transform: 50%, -50%;
	border-radius: 50px;
}

/*----------------------
Home Page 
----------------------*/

.oli-home-top-fw-wrapper {
	margin-top: -10px;
	margin-bottom: 1.250rem;
}

.oli-home-top-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.oli-home-all-content {
	display: flex;
	flex-direction: column;
}


.oli-home-contents {
	display: flex;
	gap: 20px;
	margin-top: 1.250rem;
}

.oli-home-left-contents {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 69.66666667%;
	max-width: 69.66666667%;
}

.oli-home-left-contents .oli-widget-title-container,
.oli-home-down-wrapper .home-down-widget .oli-widget-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border-bottom: 1px solid var(--olivin_border_1);
	margin: 0 0 1.1rem 0;
	padding: 0 0 15px 0;
}

.oli-home-top-wrapper .oli-widget-item .oli-widget-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border-radius: var(--olivin_radius);
	border: none;
	margin: 0 0 1.1rem 0;
	padding: 0.938rem;
	background-color: #fff;
}

.oli-home-down-wrapper .home-down-widget .oli-widget-title-container {
	background-color: #fff;
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	border: none;
}

.oli-home-left-contents .oli-widget-title-container:after,
.oli-home-down-wrapper .oli-widget-title-container:after {
	position: absolute;
	background-color: transparent;
}

.oli-home-left-contents .oli-widget-title-container .oli-widget-title,
.oli-home-down-wrapper .oli-widget-title-container .oli-widget-title {
	position: relative;
	padding-left: 1.250rem;
}

.oli-home-top-wrapper .oli-widget-title-container .oli-widget-title {
	position: relative;
	padding-left: 1.250rem;
}

.oli-home-left-contents .oli-widget-title-container .oli-widget-title:before,
.oli-home-down-wrapper .oli-widget-title-container .oli-widget-title:before,
.oli-home-top-wrapper .oli-widget-title-container .oli-widget-title:before,
.widget-section-title>span:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 4px;
	height: 100%;
	background-color: var(--olivin_1);
	transform: translate(50%, -50%);
	border-radius: 50px;
}

.oli-home-left-content-item {
	width: 100%;
	background-color: #fff;
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
}

.oli-home-sidebar {
	max-width: 30.33333333%;
	min-width: 30.33333333%;
	width: 30.33333333%;
}

.oli-home-sidebar-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
}

.oli-home-sidebar-item,
.oli-single-post-sidebar-item,
.oli-post-archive-left-item,
.oli-post-archive-sidebar-item {
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	background-color: #fff;
	border: 1px solid var(--olivin_border_1);
}

.oli-single-post-sidebar-item:not(:last-child),
.oli-single-post-content:not(:last-child) {
	margin-bottom: 1.250rem;
}

.oli-home-down-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 1.875rem 0 0 0;
}

/*----------------------
 Footer Nav Menu
----------------------*/

.footer-nav-menu {
	position: sticky;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	display: none;
}

.footer-nav-menu-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.1);
	position: fixed;
	bottom: 0;
}

.footer-nav-menu-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: var(--olivin_text_2);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	padding: 0.5rem 0 !important;
	background-color: transparent;
	border: none;
	cursor: pointer;
	width: 90px;
}

.footer-nav-menu-item i {
	font-size: 1.188rem;
	margin-bottom: 0.312rem;
	transition: transform 0.3s ease;
}

.footer-nav-menu-item svg {
	margin-bottom: 0.312rem;
	width: 19px;
	height: 19px;
}

.footer-nav-menu-item span {
	font-size: 0.750rem;
	font-weight: 500;
	opacity: 0.8;
	transform: translateY(0);
	transition: all 0.3s ease;
	color: var(--olivin_text_2);
}

.footer-nav-menu-item:hover {
	color: var(--olivin_2);
}

.footer-nav-menu-item:hover::before {
	width: 24px;
}

.footer-nav-menu-item:hover i {
	transform: translateY(-2px);
}

.footer-nav-menu-item:hover span {
	opacity: 1;
	transform: translateY(2px);
}

@supports (padding: max(0px)) {
	.footer-nav-menu {
		padding-bottom: env(safe-area-inset-bottom);
	}
}

/*----------------------
 Footer Default
----------------------*/

.d-footer {
	background-color: var(--olivin_3);
	position: relative;
}

.d-footer-wrapper {
	padding: 4.375rem 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 35px;
}

.d-footer-col {
	width: 23.33%;
	display: flex;
	flex-direction: column;
	gap: 35px;
}

.d-footer-col:not(:last-child) {
	padding-right: 1.250rem;
}

.d-footer-col-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.d-footer-col-title {
	position: relative;
	margin-bottom: 0.938rem;
}

.d-footer-col-title::before {
	position: absolute;
	content: '';
	bottom: -10px;
	left: 0;
	height: 2px;
	border-radius: var(--olivin_radius);
	width: 50px;
	background-color: var(--olivin_2);
	transition: all .3s ease;
}

.d-footer-col-title:hover::before {
	width: 80px;
}

.d-footer-col-title::after {
	position: absolute;
	content: '';
	bottom: -14px;
	left: 0;
	height: 9px;
	width: 9px;
	border-radius: var(--olivin_radius);
	background-color: var(--olivin_2);
	transition: all .3s ease;
}

.d-footer-col-title span {
	font-size: 1.062rem;
	letter-spacing: .4px;
	font-weight: 600;
	color: #fff;
}

.d-footer-col-content a {
	display: block;
	color: var(--olivin_text_3);
	font-size: 0.875rem;
	width: fit-content;
	transition: all .3s ease;
}

.d-footer-col-content a:hover {
	color: #fff;
}

.d-footer-col-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.d-footer-col-content.d-about .oli-text {
	color: var(--olivin_text_3);
}

.menu-footer-menu,
#menu-footer-menu-1 {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.menu-footer-menu a,
#menu-footer-menu-1 a {
	position: relative;
}

.menu-footer-menu .menu-item-subtext,
#menu-footer-menu-1 .menu-item-subtext {
	background-color: var(--olivin_5);
	color: var(--olivin_title);
	font-size: 0.812rem;
	font-weight: 500;
	padding: 0.0rem 8px;
	border-radius: var(--olivin_radius_2);
	margin-left: 0.938rem;
}

.d-footer-posts {
	display: flex;
	flex-direction: column;
}

.d-footer-posts .d-footer-post-item {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: var(--olivin_radius);
	padding: 0.375rem;
	background-color: var(--olivin_4);
}

.d-footer-post-thumbnail {
	height: 35px;
	width: 35px;
}

.d-footer-post-thumbnail img {
	width: 35px;
	min-width: 35px;
	max-width: 100%;
	height: 35px;
	border-radius: var(--olivin_radius);
	object-fit: cover;
}

.d-footer-post-title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-weight: 500;
}

.d-footer-col-content.d-social-buttons {
	display: grid;
	gap: 10px;
	max-width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.d-footer-col-content.d-social-buttons a {
	align-items: center;
	background-color: var(--olivin_4);
	width: 100%;
	max-width: 100%;
}

.oli-google-news {
	display: flex;
	align-items: center;
}

.oli-google-news>a {
	display: block;
	background-color: transparent;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	padding: 0.625rem 15px 8px 15px;
	width: 117px;
}

.oli-google-news>a img {
	display: block;
	height: 17px;
	width: auto;
	object-fit: contain;
}

/*-------------------------
footer 2
--------------------------*/

.footer-2-wrap {
	background-color: var(--olivin_3);
	padding: 1.875rem 0;
	position: relative;
}

.footer-2-wrap:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	height: 6px;
	width: 100%;
	content: '';
	background: linear-gradient(to right,
			#4285F4 0%,
			#4285F4 20%,
			#EA4335 20%,
			#EA4335 40%,
			#FBBC05 40%,
			#FBBC05 60%,
			#34A853 60%,
			#34A853 80%,
			#4285F4 80%,
			#4285F4 100%);
}

.footer-2 {
	padding-bottom: 1.875rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: center;
}

.footer-2-social {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.footer-2-content {
	width: 700px;
	max-width: 100%;
	text-align: center;
}

.socialContainer {
	width: 30px;
	height: 30px;
	border-radius: var(--olivin_radius_2);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: background-color 0.3s, transform 0.3s;
	background-color: #ffffff16;
}

.socialContainer:hover {
	background-color: var(--olivin_1);
}

.socialContainer i {
	font-size: 1.062rem;
	color: #fff;
}

.socialContainer:hover i {
	animation: slide-in-top 0.3s both;
}


.footer-2-copyright {
	padding-top: 1.875rem;
	border-top: 1px solid var(--olivin_border_2);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 10px;
	justify-content: space-between;
}

.footer-2-copyright .oli-text {
	color: #c8c8c8;
	font-size: 0.812rem;
}

.footer-2-menu .menu-footer-menu,
.footer-2-menu #menu-footer-menu-1 {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 0;
}

.footer-2-menu .menu-footer-menu li a,
.footer-2-menu #menu-footer-menu-1 li a {
	font-size: 0.812rem;
	color: #c8c8c8;
	transition: .3s ease;
}

.footer-2-menu .menu-footer-menu li a:hover,
.footer-2-menu #menu-footer-menu-1 li a:hover {
	color: #ffffff;
}

.footer-2-copyright .menu-footer-menu .menu-item-subtext,
.footer-2-copyright #menu-footer-menu-1 .menu-item-subtext {
	margin-left: 0.312rem;
}

/*-------------------------
social media colors
--------------------------*/

.oli-social-facebook {
	background-color: #3b5998;
}

.oli-social-instagram {
	background-color: #E1306C;
}

.oli-social-twitter {
	background-color: #1DA1F2;
}

.oli-social-linkedin {
	background-color: #0077B5;
}

.oli-social-telegram {
	background-color: #0088cc;
}

.oli-social-youtube {
	background-color: #FF0000;
}

.oli-social-pinterest {
	background-color: #BD081C;
}

.oli-social-snapchat {
	background-color: #FFFC00;
}

.oli-social-tiktok {
	background-color: #010101;
}

.oli-social-x {
	background-color: #010101;
}

.oli-social-whatsapp {
	background-color: #25D366;
}

.oli-social-reddit {
	background-color: #FF4500;
}

.oli-social-mail {
	background-color: #ea4335;
}

/*----------------------
 Widgets
----------------------*/

/* postlist widget 1 */

.oli-widget-container {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 25px;
	max-height: 100%;
}

.oli-last-post-widget {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

/* .oli-widget-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.1rem;
	padding-bottom: .5rem;
	position: relative;
	border-bottom: 1px solid var(--olivin_border_1);
}*/

.oli-widget-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border-bottom: 1px solid var(--olivin_border_1);
	margin: 0 -15px 1rem -15px;
	padding: 0 15px .8rem 15px;
}

/* .oli-widget-title-container:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -12px;
	border-left: 12px solid transparent;
	border-bottom: 12px solid var(--olivin_1);
	width: 0;
	height: 0;
	transform: rotate(180deg);
}

.oli-widget-title-container:after {
	position: absolute;
	content: '';
	bottom: -1.4px;
	left: 0;
	height: 2px !important;
	width: 50px;
	background-color: var(--olivin_1);
	transition: all .4s ease;
}

.oli-widget-title-container:hover:after {
	width: 100%;
} */

.oli-widget-title,
.widget-section-title {
	font-weight: 600;
	color: var(--olivin_title);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	max-width: 94%
}

.oli-widget-title-icon {
	color: var(--olivin_1) !important;
	background-color: color-mix(in srgb, var(--olivin_1) 10%, white 100%);
	font-size: 0.875rem;
	padding: 0.375rem;
	border-radius: var(--olivin_radius_2);
}

.oli-last-post-widget-left {
	position: relative;
	width: 30%;
	height: 80px;
}

.oli-last-post-widget-right {
	width: 70%;
	height: 80px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	overflow: hidden;
}

.oli-last-post-widget-left .oli-post-img-link {
	overflow: hidden;
	display: block;
	height: 100%;
	border-radius: var(--olivin_radius);
}

.oli-last-post-widget-left .oli-post-img-link img {
	height: 100%;
	width: 100%;
	max-height: none;
	object-fit: cover;
	border-radius: var(--olivin_radius);
	transition: all .4s ease;
}

.oli-last-post-widget-left .oli-post-img-link:hover img {
	transform: scale(1.3);
}

.oli-post-meta-links {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.oli-post-meta-links a {
	font-size: 0.750rem;
	color: var(--olivin_1);
	font-weight: 500;
}

.oli-widget-container .oli-entry-title {
	font-weight: 500;
	font-size: 0.875rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	transition: all .4s ease;
}

.oli-widget-container .oli-entry-title:hover {
	color: var(--olivin_1);
}

/* postlist widget 2 */

.oli-postlist-2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 15px;
	row-gap: 25px;
}

.oli-postlist-2-item {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	position: relative;
	padding: 0.938rem;
	border: 1px solid var(--olivin_border_1);
}

.oli-postlist-2-item .oli-postlist-2-item-link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 3;
}

.oli-postlist-2-item-img {
	width: calc(100% + 40px);
	height: 140px;
	position: relative;
	width: 100%;
}

.oli-post-category {
	display: inline-block;
	line-height: 1.5;
	color: #fff;
}

.single-post .oli-post-category {
	color: #fff;
}

.oli-postlist-2-item-img .oli-post-category {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 1;
}

.oli-postlist-2-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--olivin_radius);
}

.oli-postlist-2-item-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px;
	padding-top: 0.312rem;
}

.oli-postlist-2-item-meta .oli-post-category {
	padding: 0.125rem 10px !important;
	font-size: 0.812rem !important;
}

.oli-postlist-2-item:nth-child(1) .oli-post-category {
	background-color: #F44336 !important;
}

.oli-postlist-2-item:nth-child(2) .oli-post-category {
	background-color: #E91E63 !important;
}

.oli-postlist-2-item:nth-child(3) .oli-post-category {
	background-color: #9C27B0 !important;
}

.oli-postlist-2-item:nth-child(4) .oli-post-category {
	background-color: #3F51B5 !important;
	;
}

.oli-postlist-2-item:nth-child(5) .oli-post-category {
	background-color: #2196F3 !important;
}

.oli-postlist-2-item:nth-child(6) .oli-post-category {
	background-color: #51504e !important;
}

.oli-postlist-2-item:nth-child(7) .oli-post-category {
	background-color: #4CAF50 !important;
}

.oli-postlist-2-item:nth-child(8) .oli-post-category {
	background-color: #FF9800 !important;
}

.oli-postlist-2-item:nth-child(9) .oli-post-category {
	background-color: #795548 !important;
}

.oli-postlist-2-item-post-time,
.oli-postlist-2-item-post-viewing,
.oli-postlist-2-item-post-author {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	font-size: 0.750rem;
	gap: 8px;
	text-transform: capitalize;
}

.oli-postlist-2-item-post-time i,
.oli-postlist-2-item-post-viewing i {
	font-size: 0.750rem;
}

.oli-postlist-2-item-post-author i {
	font-size: 0.875rem;
}

.oli-postlist-2-item-post-author a {
	text-transform: capitalize;
	color: var(--olivin_text_2);
}

.oli-postlist-2-item-title a {
	display: block;
	width: 100%;
}

.oli-postlist-2-item-title h2,
.oli-postlist-2-item-title h3 {
	font-size: 0.938rem;
	font-weight: 600;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	color: var(--olivin_title);
}


.oli-postlist-2-item-excerpt .oli-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size: 0.812rem;
}

/* postlist 3 */

.oli-postlist-3 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}

.oli-postlist-3-item {
	position: relative;
	background-color: #fff;
	border-radius: 0;
	display: flex;
	box-shadow: var(--olivin_box_shadow);
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
}

.oli-postlist-3-item-left {
	width: 25%;
	position: relative;
	display: block;
}

.oli-postlist-3-item-img {
	height: 170px;
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
	display: block;
}

.oli-postlist-3-item-right {
	width: 75%;
	padding: 0.938rem;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: center;
}

.oli-postlist-3-item-category .oli-post-category {
	background-color: transparent;
	color: var(--olivin_1);
	padding: 0;
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
}

.oli-postlist-3-item-title .h2-title {
	font-size: 1.062rem;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-postlist-3-item-excerpt .oli-text {
	font-size: 0.812rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-postlist-3-item-footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.oli-postlist-3-item-meta {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 3px;
	align-items: center;
	margin-top: 0.625rem;
	width: 100%;
}

.oli-postlist-3-item-meta-author,
.oli-postlist-3-item-meta-time,
.oli-postlist-3-item-meta-viewing {
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: capitalize;
	color: var(--olivin_text_1);
	font-size: 0.812rem;
}

.oli-postlist-3-item-meta-author i,
.oli-postlist-3-item-meta-time i,
.oli-postlist-3-item-meta-viewing i {
	font-size: 0.875rem;
}

.oli-postlist-3-item-meta-author a {
	font-weight: 600;
}

.oli-postlist-3-item-meta-author a,
.oli-postlist-3-item-meta-time span,
.oli-postlist-3-item-meta-viewing span {
	font-size: 0.750rem;
	color: var(--olivin_text_1);
	text-transform: capitalize;
}

/* postlist 4 */

.oli-postlist-4 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	position: relative;
	column-gap: 10px;
	row-gap: 30px;
}

.oli-postlist-4-item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	background-color: #fff;
	border-radius: var(--olivin_radius);
	box-shadow: var(--olivin_box_shadow);
}

.oli-postlist-4-item-top {
	position: relative;
	overflow: hidden !important;
}

.oli-postlist-4-item-img {
	height: 140px;
	border-radius: var(--olivin_radius) var(--olivin_radius) 20px var(--olivin_radius);
	width: 100%;
	object-fit: cover;
	display: block;
}

.oli-postlist-4-item-top-icon {
	position: absolute;
	bottom: -0.375rem;
	right: -0.375rem;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 30px;
}


.oli-postlist-4-item-top-icon::before {
	position: absolute;
	content: "";
	bottom: 0.375rem;
	left: -1.25rem;
	background: transparent;
	width: 1.25rem;
	height: 1.25rem;
	border-bottom-right-radius: 1.25rem;
	box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}

.oli-postlist-4-item-top-icon::after {
	position: absolute;
	content: "";
	bottom: 80px;
	right: 6px;
	background: transparent;
	width: 1.25rem;
	height: 1.25rem;
	border-bottom-right-radius: 1.25rem;
	box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}

.oli-postlist-4-item-top-icon a {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: #ababab67;
	color: #4f4f4f;
	font-size: 1.250rem;
	right: 15px;
	bottom: 15px;
	transition: all .3s ease;
}

.oli-postlist-4-item-top-icon a i {
	transform: rotate(-40deg);
	transition: all .1s ease;
}

.oli-postlist-4-item-top-icon a:hover i {
	transform: rotate(0deg);
}

.oli-postlist-4-item-top-icon a:hover {
	background-color: var(--olivin_2);
	color: #fff;
}

.oli-postlist-4-item-meta {
	position: absolute;
	top: 15px;
	left: 15px;
	display: flex;
	align-items: center;
	column-gap: 10px;
	background-color: #fff;
	padding: 0.188rem 8px;
	border-radius: var(--olivin_radius_2);
	flex-wrap: wrap;
}

.oli-postlist-4-item-meta-time,
.oli-postlist-4-item-meta-viewing {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.750rem;
	color: var(--olivin_text_2);
}

.oli-postlist-4-item-meta-time i,
.oli-postlist-4-item-meta-viewing i {
	font-size: 0.750rem;
}

.oli-postlist-4-item-bottom {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.oli-postlist-4-item-bottom .oli-postlist-4-item-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-postlist-4-item-title .h2-title {
	font-size: 1.0rem;
}

.oli-postlist-4-item-bottom .oli-postlist-4-item-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-postlist-4-item-excerpt .oli-text {
	font-size: 0.812rem;
	margin: 0;
}

/* postlist 5 */

.oli-postlist-5 {
	display: grid;
	gap: 10px;
	overflow: hidden;
}

.oli-postlist-5-item {
	position: relative;
	overflow: hidden;
	height: 125px;
	border-radius: var(--olivin_radius);
}

.oli-postlist-5-item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0));
	transition: opacity 0.4s ease;
	border-radius: var(--olivin_radius);
	opacity: 1;
	z-index: 2;
}

.oli-postlist-5-item:hover::before {
	opacity: .7;
}

.oli-postlist-5-img {
	width: 100%;
	height: 100%;
	border-radius: var(--olivin_radius);
	object-fit: cover;
	transition: transform 0.4s ease;
}

.oli-postlist-5-item:hover .oli-postlist-5-img {
	transform: scale(1.1);
}

.oli-postlist-5-item-category {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 3;
}

.pl-5-category {
	font-size: 0.750rem !important;
	background-color: #606060;
}

.oli-postlist-5-title-link {
	position: absolute;
	display: block;
	bottom: 15px;
	left: 15px;
	right: 15px;
	z-index: 3;
}

.oli-postlist-5-title {
	color: #fff;
	font-weight: 600;
	font-size: 0.875rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

/* Postlist 6 */

.oli-postlist-6 {
	display: flex;
	gap: 20px;
}

.oli-postlist-6-left {
	flex: 1;
}

.oli-postlist-6-left-item {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.oli-postlist-6-left-item-img img {
	width: 100%;
	height: 255px;
	object-fit: cover;
	border-radius: var(--olivin_radius);
}

.oli-postlist-6-left-item-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.oli-postlist-6-left-item-content .h3-title {
	font-weight: 700;
	font-size: 1.250rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.4;
}

.oli-postlist-6-left-item-meta,
.oli-dual-postlist-item-meta {
	display: flex;
	gap: 10px;
	align-items: center;
}

.op6lim-meta-item,
.odpi-meta-item,
.oasm-meta-item {
	display: flex;
	gap: 5px;
	align-items: center;
	font-size: 0.750rem;
}

.oli-postlist-6-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.oli-postlist-6-right-item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.oli-postlist-6-right-item-img img {
	min-width: 105px;
	max-width: 105px;
	height: 80px;
	object-fit: cover;
	border-radius: var(--olivin_radius);
	display: block;
}

.oli-postlist-6-right-item-content {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.op6ric-top {
	display: flex;
	gap: 15px;
	align-items: baseline;
}

.op6ric-top .op6lim-meta-item i {
	font-size: 0.625rem;
	line-height: normal;
}

.oli-postlist-6-right-item-content .h3-title {
	font-weight: 600;
	font-size: 0.875rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.4;
}

.op6ric-top .oli-post-category {
	padding: 0;
	background-color: transparent;
	color: var(--olivin_2);
	font-weight: 600;
	font-size: 0.812rem;
}

/* Postlist 7 */

.oli-pl7-cstm1 {
	padding: 0;
	background-color: transparent !important;
}

.oli-pl7-cstm1 .oli-widget-title-container {
	padding: 0.750rem;
	border-radius: var(--olivin_radius);
	background-color: #fff;
	border-bottom: none;
}

.oli-postlist-7-results {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.oli-postlist-7-result {
	background: #fff;
	border-radius: var(--olivin_radius);
	padding: 0.938rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.oli-postlist-7-result:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.oli-postlist-7-link {
	text-decoration: none;
	display: block;
}

.oli-postlist-7-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
}

.oli-postlist-7-url {
	color: var(--olivin_text_1);
	font-size: 0.750rem;
	font-weight: 500;
	width: 60ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.oli-postlist-7-info {
	display: flex;
	gap: 8px;
	color: var(--olivin_text_1);
	font-size: 0.750rem;
}

.oli-postlist-7-date, .oli-postlist-7-time {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.oli-postlist-7-title {
	color: var(--olivin_1);
	font-size: 1.250rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	line-height: 1.3;
	transition: color 0.2s ease;
}

.oli-postlist-7-link:hover .oli-postlist-7-title {
	color: var(--olivin_1)
}

.oli-postlist-7-snippet {
	color: var(--olivin_text_1);
	font-size: 0.812rem;
	line-height: 1.6;
	margin-bottom: 0.750rem;
}

.oli-post-category.oli-postlist-7-category {
	background: #7a96ae2e;
	color: var(--olivin_1);
	font-size: 0.750rem;
	font-weight: 500;
	padding: 0.250rem 8px;
	border-radius: 6px;
	border: none;
	transition: background-color 0.2s ease;
}

.oli-post-category.oli-postlist-7-category:hover {
	background: var(--olivin_1);
	color: #fff;
}


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

	.oli-postlist-7-results {
		gap: 24px;
	}

	.oli-postlist-7-result {
		padding: 1.0rem;
	}

	.oli-postlist-7-title {
		font-size: 1.125rem;
	}

	.oli-postlist-7-snippet {
		font-size: 0.875rem;
	}
}

@media screen and (max-width: 480px) {
	.oli-postlist-7-results {
		gap: 16px;
	}

	.oli-postlist-7-result {
		padding: 0.875rem;
	}
}

/* Search Widget */

.oli-widget-item .search-form,
.oli-search-form {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}

.search-page-top .oli-search-form {
	width: 300px;
}

.oli-widget-item .search-form label {
	width: 100%;
}

.oli-widget-item .search-form input[type="search"],
.oli-search-form input[type="search"] {
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
	padding: 0.5rem 10px;
	font-size: 0.938rem;
	background-color: transparent;
	width: 100%;
}

.oli-widget-item .search-form input[type="submit"],
.oli-search-form input[type="submit"] {
	border-radius: var(--olivin_radius);
	padding: 0.750rem;
	margin: 0;
	background-color: var(--olivin_1);
	border: none;
	color: white;
	font-size: 0.938rem;
	width: 30%;
	cursor: pointer;
}

/* Categories Widget */

.oli-widget-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.oli-widget-item ul .cat-item {
	display: flex;
	flex-direction: column;
	gap: 0;
	align-items: end;
	width: 100%;
	position: relative;
	background-color: var(--olivin_bg);
	border-radius: var(--olivin_radius);
	padding: 0.812rem 15px;
	font-size: 0.812rem !important;
}

.oli-widget-item ul .cat-item:not(:last-child) {
	margin-bottom: 0.625rem;
}

.oli-widget-item ul .cat-item:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: '\f054';
	width: 10px;
	height: 10px;
	font-size: 0.875rem;
	color: var(--olivin_2);
	left: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.oli-widget-item ul .cat-item a {
	font-size: 0.938rem;
	display: contents;
	color: var(--olivin_text_2);
	transition: all .3s ease;
}

.oli-widget-item ul .cat-item a:hover {
	color: var(--olivin_1);
}

/*----------------------
Widgets - widgets
----------------------*/

/* headline 1 */

.oli-headline-1-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.oli-headline-1 {
	width: 100%;
}

.oli-headline-1-item {
	height: 335px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	border-radius: var(--olivin_radius);
	position: relative;
	overflow: hidden;
}

.oli-headline-1-item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
	transition: opacity 0.4s ease;
	opacity: 1;
}

.oli-headline-1-category {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 3;
}

.oli-headline-1-category .oli-post-category {
	padding: 0.312rem 15px;
}

.oli-headline-1-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translate(0, -50%);
	width: 50%;
}

.oli-headline-1-title .h2-title {
	color: #fff;
	font-size: 1.812rem;
	line-height: 40px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-headline-1-meta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	color: #fff;
	margin-top: 0.625rem;
}

.oli-headline-1-meta-date,
.oli-headline-1-meta-viewing,
.oli-headline-1-meta-time {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.812rem;
}

.oli-headline-1-excerpt {
	margin-bottom: 0.625rem;
}

.oli-headline-1-excerpt .oli-text {
	color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-headline-1-btns {
	display: flex;
	align-items: center;
	gap: 10px;
}

.oli-headline-1-btns .oli-headline-1-btn {
	background-color: #fff;
	border-radius: var(--olivin_radius_2);
	border: 1px solid var(--olivin_border_1);
	padding: 0.625rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--olivin_2);
	transition: all .3s ease;
	font-weight: 500;
	width: 40px;
	height: 40px;
}


.oli-headline-1-btns .oli-headline-1-btn:nth-child(n+8) {
	display: none;
}

.oli-postSlide1 {
	opacity: 0;
	transition: opacity 0.7s ease-in-out;
	display: none;
}

.oli-postSlide1.fade-in {
	opacity: 1;
	display: block;
}

.oli-headline-1-btns .oli-headline-1-btn:hover {
	color: #fff;
	background-color: var(--olivin_2) !important;
}

.oli-headline-1-btns .oli-headline-1-btn.btn-active {
	color: #fff;
}

.oli-headline-1-read-more a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0.375rem 15px;
	border-radius: var(--olivin_radius);
	color: #fff;
	background-color: #ffffff20;
	width: fit-content;
	font-size: 0.875rem;
	transition: all .3s ease;
}

.oli-headline-1-read-more a:hover {
	background-color: #fff;
	color: var(--olivin_text_2);
}

/* headline 2 */

.oli-headline-2-all {
	display: flex;
	gap: 20px;
}

.oli-headline-2-ad {
	max-width: 30.33333333%;
	width: 30.33333333%;
	border-radius: var(--olivin_radius);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}

.oli-headline-2-ad img {
	border-radius: var(--olivin_radius);
	object-fit: contain;
	max-height: 360px;
}

.oli-headline-2-container {
	position: relative;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	width: 100%;
	height: 360px;
}

.oli-headline-2 {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.oli-headline-2-headline {
	min-width: 100%;
	position: relative;
	height: 320px;
}

.oli-headline-2-headline img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
}

.oli-headline-2-headline-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.875rem;
	background: linear-gradient(0deg, rgb(0 0 0 / 72%), rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0));
	color: white;
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.oli-headline-2-headline-content .oli-post-category {
	width: fit-content;
}

.oli-post-category i {
	margin-right: 0.312rem;
}

.oli-headline-2-headline-content .oli-headline-2-title {
	color: #fff;
	font-size: 1.812rem;
	line-height: 40px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-headline-2-headline-content .oli-headline-2-title a {
	color: #ffff;
}

.oli-headline-2-headline-content .oli-text {
	color: #fff;
	width: 60%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-headline-2-meta {
	display: flex;
	gap: 15px;
	font-size: 0.812rem;
	align-items: center;
}

.oli-headline-2-meta span {
	display: flex;
	line-height: 1;
	align-items: center;
	gap: 5px;
}

.oli-headline-2-meta i {
	margin-right: 0.312rem;
}

.oli-headline-2-prev-next-button {
	position: absolute;
	top: 20%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.6);
	color: white;
	border: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.oli-headline-2-prev-next-button:hover {
	background: rgba(34, 34, 34, 0.8);
	width: 75px;
}

.oli-headline-2-prev {
	left: 0;
	border-radius: 0 var(--olivin_radius_2) var(--olivin_radius_2) 0;
}

.oli-headline-2-next {
	right: 0;
	border-radius: var(--olivin_radius_2) 0 0 var(--olivin_radius_2);
}

.oli-headline-2-dots {
	display: flex;
	width: 100%;
}

.oli-headline-2-dot.active {
	position: relative;
	text-align: center;
}

.oli-headline-2-dot.active::before {
	position: absolute;
	content: '';
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	animation: fade .4s;
}

.oli-headline-2-dots::-webkit-scrollbar {
	display: none;
}

.oli-headline-2-dot {
	line-height: normal;
	padding: 0.625rem 20px;
	background: #1e1e1e;
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 0;
	width: 100%;
}

.oli-headline-2-dot:hover {
	background-color: rgb(78, 78, 78);
}

/* headline 3 */

.oli-headline-3-slider-container {
	width: 100%;
	height: 60vh;
	display: flex;
	gap: 20px;
}

.oli-headline-3-news-slider {
	flex: 1;
	position: relative;
	overflow: hidden;
}

.oli-headline-3-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.oli-headline-3-slide.oli-headline-3-active {
	opacity: 1;
	transform: translateY(0);
	z-index: 1;
}

.oli-headline-3-slide-content {
	height: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
}

.oli-headline-3-slide-number {
	font-size: 8rem;
	font-weight: 800;
	color: rgb(132 132 132 / 11%);
	position: absolute;
	top: 16%;
	left: 20px;
	transform: translateY(-50%);
	z-index: 0;
}

.oli-headline-3-slide-text {
	flex: 1;
	max-width: 100%;
	background: #fff;
	padding: 1.250rem;
	border-radius: var(--olivin_radius);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	height: 60vh;
}

.oli-headline-3-category {
	margin-bottom: 1.5rem;
	background-color: var(--olivin_4) !important;
	z-index: 2;
}

.oli-headline-3-slide-text h2 {
	font-size: 1.812rem;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-headline-3-slide-text p {
	font-size: 1.0rem;
	line-height: 1.6;
	color: var(--olivin_text_2);
	margin-bottom: 2rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	z-index: 2;
}

.oli-headline-3-slide-meta {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 0.812rem;
	color: var(--olivin_text_2);
	z-index: 2;
}

.oli-headline-3-divider {
	width: 4px;
	height: 4px;
	background: currentColor;
	border-radius: 50%;
}

.oli-headline-3-slide-image {
	width: 45%;
	height: 60vh;
	background-size: cover;
	background-position: center;
	border-radius: var(--olivin_radius);
	position: relative;
	overflow: hidden;
}

.oli-headline-3-image-overlay {
	position: absolute;
	inset: 0;
}

.oli-headline-3-slider-nav {
	width: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	background: #fff;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	padding-bottom: 0.625rem;
}

.oli-headline-3-progress-bar {
	flex: 1;
	width: 4px;
	position: relative;
	background-color: var(--olivin_border_1);
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}

.oli-headline-3-progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--olivin_1);
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
	transition: height 1s ease;
}

.oli-headline-3-nav-buttons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.oli-headline-3-nav-btn {
	width: 43px;
	height: 43px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: var(--olivin_title);
	border-radius: var(--olivin_radius);
	cursor: pointer;
	transition: all 0.3s;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.oli-headline-3-nav-btn:hover {
	background-color: transparent !important;
	border: 1px solid var(--olivin_border_1) !important;
}

.oli-headline-3-nav-btn:focus {
	outline: none;
	border: 1px solid var(--olivin_border_1) !important;
}

/* headline 4 */

.oli-headline-4-slider-container {
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
	border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
	overflow: hidden;
}

.oli-headline-4-headlines-slider {
	position: relative;
	height: 400px;
}

.oli-headline-4-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.oli-headline-4-slide.oli-headline-4-active {
	opacity: 1;
	z-index: 1;
}

.oli-headline-4-slide-content {
	padding: 1.875rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.oli-headline-4-category {
	background: var(--olivin_1);
	color: #f1faee;
	margin-bottom: 1.0rem;
	width: fit-content;
}

.oli-headline-4-slide-content h2 {
	color: var(--olivin_title);
	font-size: 1.750rem;
	line-height: 1.3;
	margin-bottom: 1.0rem;
	font-weight: 700;
}

.oli-headline-4-slide-content p {
	color: var(--olivin_text_1);
	margin-bottom: 1.250rem;
}

.oli-headline-4-meta-info {
	display: flex;
	gap: 20px;
	color: var(--olivin_text_2);
	font-size: 0.875rem;
}

.oli-headline-4-meta-info span {
	display: flex;
	align-items: center;
	gap: 6px;
}

.oli-headline-4-meta-info i {
	font-size: 0.875rem;
}

.oli-headline-4-slide-image {
	position: relative;
	overflow: hidden;
}

.oli-headline-4-slide-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.1);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.oli-headline-4-slide.oli-headline-4-active .oli-headline-4-slide-image img {
	transform: scale(1);
}

.oli-headline-4-slider-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.938rem 30px;
	background: var(--olivin_1);
	flex-wrap: wrap;
	gap: 15px;
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}

.oli-headline-4-slider-dots {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	max-width: calc(100% - 100px);
}

.oli-headline-4-dot {
	width: 24px;
	height: 7px;
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	flex-shrink: 0;
	border-radius: var(--olivin_radius_2);
}

.oli-headline-4-dot.oli-headline-4-active {
	background-color: #fff;
}

.oli-headline-4-nav-buttons {
	display: flex;
	gap: 12px;
	flex-shrink: 0;
}

.oli-headline-4-prev-btn, .oli-headline-4-next-btn {
	background: none;
	border: none;
	color: #f1faee;
	cursor: pointer;
	padding: 0.5rem;
	transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	font-size: 1.0rem;
}

@media (max-width: 768px) {

	.oli-headline-4-slide {
		grid-template-columns: 1fr;
	}

	.oli-headline-4-slide-image {
		display: none;
	}

	.oli-headline-4-headlines-slider {
		height: 300px;
	}

	.oli-headline-4-slide-content {
		padding: 1.562rem;
	}

	.oli-headline-4-slide-content h2 {
		font-size: 1.5rem;
	}

	.oli-headline-4-meta-info {
		font-size: 0.812rem;
		gap: 15px;
	}

	.oli-headline-4-slider-nav {
		padding: 0.750rem 20px;
	}

	.oli-headline-4-slider-dots {
		max-width: calc(100% - 90px);
	}

	.oli-headline-4-dot {
		width: 20px;
	}
}

@media (max-width: 480px) {

	.oli-headline-4-headlines-slider {
		height: 280px;
	}

	.oli-headline-4-slide-content {
		padding: 1.250rem;
	}

	.oli-headline-4-slide-content h2 {
		font-size: 1.250rem;
		margin-bottom: 0.750rem;
	}

	.oli-headline-4-category {
		font-size: 0.750rem;
		padding: 0.188rem 8px;
	}

	.oli-headline-4-slide-content p {
		font-size: 0.875rem;
		margin-bottom: 1.0rem;
	}

	.oli-headline-4-meta-info {
		font-size: 0.750rem;
		gap: 10px;
		flex-wrap: wrap;
	}

	.oli-headline-4-slider-nav {
		padding: 0.625rem 15px;
		gap: 10px;
	}

	.oli-headline-4-slider-dots {
		max-width: calc(100% - 80px);
		gap: 6px;
	}

	.oli-headline-4-dot {
		width: 16px;
	}

	.oli-headline-4-prev-btn, .oli-headline-4-next-btn {
		padding: 0.375rem;
		font-size: 0.875rem;
	}
}

/* post group 1 */

.oli-post-group-1 {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
	justify-content: space-between;
	grid-template-rows: auto auto;
	width: 100%;
	box-sizing: border-box;
}

.oli-post-group-1-item {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	height: 205px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.oli-post-group-1-item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
	transition: opacity 0.4s ease;
	opacity: 1;
}

.oli-post-group-1-item:hover::before {
	opacity: 0.8;
}

.oli-post-group-1-item:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1;
}

.oli-post-group-1-item:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1;
}

.oli-post-group-1-item:nth-child(3) {
	grid-column: 3 / 5;
	grid-row: 1 / 3;
	height: 100%;
}

.oli-post-group-1-item:nth-child(4) {
	grid-column: 1 / 3;
	grid-row: 2;
}

.oli-post-group-1-item-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	display: block;
}

.oli-post-group-1-item-category {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2;
}

.oli-post-group-1-item-category .oli-post-category {
	background-color: var(--olivin_1);
}

.oli-post-group-1-item-content {
	position: absolute;
	inset: auto 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.oli-post-group-1-item-content .oli-post-group-1-item-meta {
	color: #e3e3e3;
}

.oli-post-group-1-item-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
	font-size: 0.812rem;
}

.oli-post-group-1-item-post-date,
.oli-post-group-1-item-post-viewing {
	display: flex;
	align-items: center;
	gap: 8px;
}

.oli-post-group-1-item-title h2 {
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-post-group-1-item:nth-child(3) .oli-post-group-1-item-title h2 {
	font-size: 1.625rem !important;
	font-weight: 700;
}

.oli-post-group-1-item-post-excerpt {
	color: #ffffff !important;
	font-size: 0.812rem;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	opacity: 0;
	max-height: 0;
	transition: all .4s;
	margin-top: -12px;
}

.oli-post-group-1-item:hover .oli-post-group-1-item-post-excerpt {
	opacity: 1;
	max-height: 100px;
	margin-top: 0;
	transition: opacity 0.4s ease-out, max-height 0.9s ease-out;
}

.oli-post-group-1-item:nth-child(1) .oli-post-group-1-item-post-excerpt,
.oli-post-group-1-item:nth-child(2) .oli-post-group-1-item-post-excerpt {
	-webkit-line-clamp: 3;
}

.oli-post-group-1-item:nth-child(3) .oli-post-group-1-item-post-excerpt {
	opacity: 1;
	max-height: 100px;
	margin: 0;
}

.oli-post-group-1-item-post-excerpt p {
	color: #fff;
	font-size: 0.812rem;
	font-weight: 400;
}

/* post group 2 */

.oli-post-group-2 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 15px;
	position: relative;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2) {
	grid-column: span 2 / span 2;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(3) {
	grid-column-start: 4;
}

.oli-post-group-2-item-link {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 4;
}

.oli-post-group-2 .oli-post-group-2-item {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	position: relative;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2):before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
	transition: opacity 0.4s ease, all 0.4s ease;
	opacity: 1;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2):hover:before {
	opacity: .7;
}

.oli-post-group-2-item-top {
	width: 100%;
	border-radius: var(--olivin_radius);
	height: 210px;
	background-size: cover;
	background-position: center center;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2) {
	overflow: hidden;
	border-radius: var(--olivin_radius);
	height: 390px;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-top {
	width: 100%;
	border-radius: var(--olivin_radius);
	object-fit: cover;
	height: 390px;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-bottom {
	position: absolute;
	right: 30px;
	left: 30px;
	bottom: 30px;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-bottom .oli-post-category,
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-meta-left span,
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-meta-right span,
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-title h2 {
	color: #fff;
}

.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-title h2 {
	font-size: 1.688rem;
	font-weight: 800;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-post-group-2-item-title h2 {
	font-size: 1.250rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-post-group-2-item-bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.oli-post-group-2-item-bottom .oli-post-category {
	background-color: transparent;
	padding: 0;
	color: var(--olivin_2);
	font-weight: 600;
	transition: all .3s;
}

.oli-post-group-2-item-bottom .oli-post-category:hover {
	color: var(--olivin_1);
}

.oli-post-group-2-item-bottom .oli-post-category {
	margin: -5px 0 -5px 0;
}

.oli-post-group-2-item-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 10px;
	margin-top: 0.5rem;
}

.oli-post-group-2-item-meta .oli-post-group-2-item-meta-left {
	display: flex;
	align-items: center;
	gap: 8px;
}

.oli-post-group-2-item-meta .oli-post-group-2-item-meta-left span,
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-right span {
	font-size: 0.812rem;
}

.oli-post-group-2-item-meta .oli-post-group-2-item-meta-left span i,
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-right span i {
	margin-right: 0.5rem;
	font-size: 0.750rem;
}

.oli-post-group-2-item-meta .oli-post-group-2-item-meta-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 8px;
}


/* post group 3 */

.oli-post-group-3 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 10px;
}

.oli-post-group-3 .oli-post-group-3-item:nth-child(2) {
	grid-column: span 2 / span 2;
	grid-row: span 2 / span 2;
}

.oli-post-group-3 .oli-post-group-3-item:nth-child(3) {
	grid-column-start: 4;
}

.oli-post-group-3 .oli-post-group-3-item:nth-child(4) {
	grid-column-start: 4;
	grid-row-start: 2;
}

.oli-post-group-3 .oli-post-group-3-item:nth-child(5) {
	grid-column-start: 1;
	grid-row-start: 2;
}

.opg3-item-link {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 3;
}

.oli-post-group-3 .oli-post-group-3-item {
	border-radius: var(--olivin_radius);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-end;
	padding: 1.250rem;
	background-size: cover;
	background-position: center;
	min-height: 240px;
	max-height: 240px;
	overflow: hidden;
}

.oli-post-group-3 .oli-post-group-3-item:nth-child(2) {
	min-height: 500px;
	max-height: 500px;
}

.oli-post-group-3 .oli-post-group-3-item::after {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgb(0 0 0) 38%, rgba(0, 0, 0, 0));
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: .5;
}

.oli-post-group-3 .oli-post-group-3-item:nth-child(2)::after {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
}

.oli-post-group-3-item-content {
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.oli-post-group-3-item-meta {
	display: flex;
	gap: 8px;
	color: #fff;
	align-items: center;
	flex-wrap: wrap;
}

.oli-post-group-3-item-meta>.oli-post-category {
	width: auto;
}

.oli-post-group-3-item-meta>.oli-post-category {
	background-color: #ffffff26;
	font-weight: 600;
}

.oli-post-group-3-item-meta>span {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.812rem;
}

.oli-post-group-3-item-title h2 {
	font-size: 1.125rem;
	color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-weight: 600;
}

.oli-post-group-3 .oli-post-group-3-item:nth-child(2) .oli-post-group-3-item-title h2 {
	font-size: 1.688rem !important;
	-webkit-line-clamp: 3;
	font-weight: 700;
}


.opg3-item-author {
	display: flex;
	align-items: center;
	gap: 10px;
}

.opg3-item-author-avatar {
	display: flex;
	width: 32px;
	height: 32px;
}

.opg3-item-author-avatar>img {
	border-radius: 50%;
}

.opg3-item-author-avatar-meta {
	display: flex;
	flex-direction: column;
	color: #fff;
}

.opg3-item-author-avatar-meta span {
	font-size: 0.812rem;
	font-weight: 300;
}

.opg3-item-author-avatar-meta .opg3-post-author-name {
	font-size: 0.938rem;
	font-weight: 500;
}

/* post group 4 */

.oli-post-group-4-container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto auto auto;
	gap: 15px;
}

.oli-post-group-4-item {
	position: relative;
	overflow: hidden;
	background-color: #1a1a1a;
	transition: transform 0.3s ease;
	min-height: 290px;
	display: flex;
	align-items: flex-end;
	background-size: cover;
	background-position: center;
	border-radius: var(--olivin_radius);
}

.oli-post-group-4-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.oli-post-group-4-item:nth-child(1) {
	grid-column: 1 / 7;
	grid-row: 1;
}

.oli-post-group-4-item:nth-child(2) {
	grid-column: 7 / 13;
	grid-row: 1;
}

.oli-post-group-4-item:nth-child(3) {
	grid-column: 9 / 13;
	grid-row: 2;
}

.oli-post-group-4-item:nth-child(4) {
	grid-column: 1 / 9;
	grid-row: 2;
}

.oli-post-group-4-item:nth-child(5) {
	grid-column: 1 / 5;
	grid-row: 3;
}

.oli-post-group-4-item:nth-child(6) {
	grid-column: 5 / 9;
	grid-row: 3;
}

.oli-post-group-4-item:nth-child(7) {
	grid-column: 9 / 13;
	grid-row: 3;
}

.oli-post-group-4-item:hover {
	transform: scale(0.99);
}

.oli-post-group-4-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	z-index: 1;
}

.oli-post-group-4-content {
	position: relative;
	z-index: 2;
	padding: 1.250rem;
	color: #fff;
	width: 100%;
}

.oli-post-group-4-category {
	display: inline-block;
	background-color: #ff4757;
	margin-bottom: 1rem;
}

.oli-post-group-4-item:nth-child(2n) .oli-post-group-4-category {
	background-color: #2e86de;
}

.oli-post-group-4-item:nth-child(3n) .oli-post-group-4-category {
	background-color: #26de81;
}

.oli-post-group-4-item h2 {
	margin-bottom: 1rem;
	line-height: 1.3;
	font-size: 1.625rem;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-post-group-4-meta {
	display: flex;
	column-gap: 1.5rem;
	row-gap: 5px;
	font-size: 0.750rem;
	opacity: 0.7;
	color: #fff;
	flex-wrap: wrap;
}

.oli-post-group-4-meta span {
	position: relative;
	text-transform: capitalize;
}

.oli-post-group-4-meta span:not(:last-child)::after {
	content: '•';
	position: absolute;
	right: -0.9rem;
	color: #fff;
}

@media (max-width: 768px) {
	body {
		padding: 0;
	}

	.oli-post-group-4-container {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.oli-post-group-4-item {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		min-height: 280px;
	}

	.oli-post-group-4-item h2 {
		font-size: 1.125rem;
	}

}

/* post story */

.oli-post-story {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	overflow: hidden;
}


.oli-post-story-item {
	position: relative;
}

.oli-post-story-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.oli-post-story-item-img-container {
	position: relative;
	width: 85px;
	height: 85px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	box-sizing: border-box;
}

.oli-post-story-border {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
	animation: rotate-border 15s linear infinite;
	top: 0;
	left: 0;
	z-index: 2;
}

.oli-post-story-item:hover .oli-post-story-border {
	animation-play-state: paused;
}

.oli-post-story-item-img {
	width: 85%;
	height: 85%;
	border-radius: 50%;
	object-fit: cover;
	position: relative;
	z-index: 3;
}

.oli-post-story-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 1000;
	padding: 0.938rem;
	cursor: grab;
}

.oli-post-story-popup-content {
	background: #fff;
	width: 370px;
	height: 80vh;
	max-height: 80vh;
	padding: 0.625rem;
	position: relative;
	border-radius: var(--olivin_radius);
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	animation: fadeIn .3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.oli-post-story-popup-img {
	width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: contain;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	background: #2e2e2f;
	border-radius: var(--olivin_radius);
}

.oli-post-story-popup-title {
	font-size: 1.062rem;
	font-weight: 500;
	margin-bottom: 0.938rem;
	color: #fff;
	text-align: left;
}

.oli-post-story-popup-link {
	display: inline-block;
	padding: 0.375rem 15px;
	color: #fff;
	text-decoration: none;
	border-radius: var(--olivin_radius_2);
	transition: background 0.3s;
	background: #ffffff08;
	font-size: 0.750rem;
	font-weight: 400;
}

.oli-post-story-popup-link:hover {
	background: var(--olivin_1);
	color: #fff;
}

.oli-post-story-footer {
	position: absolute;
	bottom: 10px;
	right: 10px;
	left: 10px;
	background-color: #00000048;
	padding: 0.938rem;
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}

.oli-post-story-footer-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.oli-post-story-popup .oli-post-story-popup-next,
.oli-post-story-popup .oli-post-story-popup-prev {
	background-color: transparent;
	border-radius: var(--olivin_radius_2);
	padding: 0.625rem;
	cursor: pointer;
	transition: all .3s ease;
	border: none;
	color: #fff;
	font-size: 1.250rem;
}

.oli-post-story-popup .oli-post-story-popup-next:hover,
.oli-post-story-popup .oli-post-story-popup-prev:hover {
	color: var(--olivin_1);
}

.opspc-data {
	position: absolute;
	background: none;
	left: 25px;
	top: 25px;
	right: 25px;
	border: none;
	font-size: 0.938rem;
	cursor: pointer;
	color: #fff;
	display: flex;
	align-items: center;
}

.opspc-data .opspc-data-author {
	margin-right: 0.5rem;
	text-transform: capitalize;
	color: #fff;
}

.opspc-data .opspc-data-diff {
	color: #fff;
	margin-left: 0.5rem;
	font-size: 0.750rem;
	line-height: 1;
}

.opspc-data .opspc-data-counter {
	position: absolute;
	right: 0;
}

.oli-post-story-popup-close {
	background-color: #434343;
	color: #fff !important;
	padding: 0.5rem 10px;
	line-height: 1;
	color: var(--olivin_title);
	margin-right: 1.250rem;
	cursor: pointer;
	border: none;
}

/* Authors 1 */

.oli-au-card-1-container {
	display: grid;
	gap: 15px;
	justify-content: start;
	margin: 0 auto;
	padding: 0 15px;
	overflow-x: auto;
	overflow-y: hidden;
}

.oli-au-card-1 {
	background: #ffffff;
	border-radius: var(--olivin_radius);
	position: relative;
	transition: all 0.3s ease;
	border: 1px solid var(--olivin_border_1);
	width: 100%;
	overflow: hidden;
}

.oli-au-card-1-header {
	height: 85px;
	border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.oli-au-card-1-avatar {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 6px solid white;
	object-fit: cover;
	transform: translateY(50%);
}

.oli-au-card-1-info {
	padding: 3.5rem 1.5rem 1.5rem;
	text-align: center;
}

.oli-au-card-1-category-badge {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: #fff;
	color: var(--olivin_title);
	padding: 0.25rem 0.75rem;
	border-radius: var(--olivin_radius_2);
	font-size: 0.75rem;
	font-weight: 600;
	backdrop-filter: blur(5px);
}

.oli-au-card-1-name {
	color: #2C3E50;
	font-size: 1.062rem;
	font-weight: 600;
	margin-bottom: .8rem;
}

.oli-au-card-1-title {
	color: #FF6B6B;
	font-size: 0.9rem;
	font-weight: 500;
	margin-bottom: 0.75rem;
}

.oli-au-card-1-stats {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.oli-au-card-1-stat-item {
	background: #88888819;
	padding: 0.375rem 10px;
	border-radius: var(--olivin_radius);
}

.oli-au-card-1-stat-value {
	color: var(--olivin_text_2);
	font-weight: 600;
	font-size: 0.938rem;
}

.oli-au-card-1-stat-label {
	color: var(--olivin_text_1);
	font-size: 0.75rem;
	margin-top: 0.25rem;
}

.oli-au-card-1-badge-container {
	position: absolute;
	top: 1rem;
	left: 1rem;
	display: flex;
	gap: 0.5rem;
}

.oli-au-card-1-badge-container svg {
	width: 22px;
	height: 22px;
}

.oli-au-card-1-link {
	width: 100%;
	padding: 0.938rem;
	border-top: 1px solid var(--olivin_border_1);
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	transition: all .4s ease;
}

.oli-au-card-1:hover .oli-au-card-1-link {
	opacity: 1;
	animation: slide-in-bottom .3s;
}

.oli-au-card-1-link a {
	display: block;
	background-color: var(--olivin_1);
	width: 100%;
	color: #fff;
	border-radius: var(--olivin_radius_2);
	text-align: center;
	padding: 0.625rem;
	font-size: 0.812rem;
	transition: all .4s ease;
}

.oli-au-card-1-link a:hover {
	background-color: var(--olivin_2);
}

.oli-au-cstm1 .oli-widget-title-container {
	margin: 0 !important;
	padding: 0.938rem !important;
}

.oli-au-cstm1 {
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100% !important;
	background-color: transparent;
	padding: 0;
}

.oli-au-cstm1.oli-home-left-content-item .oli-widget-title-container {
	margin-bottom: 0.938rem !important;
}

.oli-au-cstm1::after {
	content: '';
	border-radius: var(--olivin_radius);
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	max-width: 100%;
	background-color: #ffffff;
	height: 50%;
}

/* sidebar postlist widget */

.oli-sidebar-postlist-widget {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}

.oli-sidebar-postlist-widget-item-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}

.oli-sidebar-postlist-widget .oli-sidebar-postlist-widget-item {
	display: flex;
	gap: 10px;
	position: relative;
}

.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-left {
	position: relative;
}

.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-left .oli-post-number {
	position: absolute;
	background-color: #706667;
	color: #fff;
	font-size: 0.750rem;
	font-weight: 500;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
	top: -5px;
	right: -5px;
	border: 2px solid #fff;
}

.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-left img {
	min-width: 60px;
	max-width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: var(--olivin_radius);
}

.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-right {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 7px;
}

.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-right h3 {
	font-size: 0.875rem;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-sidebar-postlist-widget-item-right .oli-sidebar-postlist-widget-meta {
	display: flex !important;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
}

.oli-sidebar-postlist-widget-item-right .oli-sidebar-postlist-widget-meta .oli-post-meta-date,
.oli-sidebar-postlist-widget-item-right .oli-sidebar-postlist-widget-meta .oli-post-meta-category {
	font-size: 0.750rem;
	display: flex;
	align-items: center;
	gap: 7px;
}

/* social icons widget */

.oli-social-icons-widget {
	width: 100%;
	overflow: hidden;
}

.oli-social-icons-widget ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style: none;
	padding: 0 !important;
}

.oli-social-icons-widget ul li a {
	color: #fff;
	width: 100%;
	display: flex;
	padding: 0.625rem;
	align-items: center;
	justify-content: space-between;
	border-radius: var(--olivin_radius);
	font-size: 0.875rem;
}

.oli-social-widget-icon i,
.oli-social-icons-widget span {
	color: #fff;
	font-size: 0.875rem;
}

.oli-social-icons-widget ul li a:hover .oli-social-widget-icon i {
	background-color: #fff;
	color: var(--olivin_title);
}

.oli-social-widget-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.oli-social-widget-icon i {
	background-color: #ffffff40;
	padding: 0.438rem;
	line-height: 1;
	border-radius: var(--olivin_radius_2);
	font-size: 1.188rem;
	transition: all .4s ease;
}

.oli-social-widget-followers {
	font-size: 0.812rem;
}

/* weather widget*/

.oli-weather {
	width: 100%;
	max-width: 100%;
}

.oli-weather .search-box {
	display: flex;
	gap: 10px;
	margin-bottom: 1.875rem;
}

.oli-weather input,
.oli-weather button {
	padding: 0.625rem;
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
	font-size: 1.0rem;
	transition: 0.3s;
}

.oli-weather input {
	flex: 1;
	background: #fff;
}

.oli-weather input:focus {
	outline: none;
	border-color: var(--olivin_1);
}

.oli-weather button {
	background: var(--olivin_1);
	color: white;
	cursor: pointer;
	font-weight: 600;
	border: none;
	padding: 0 20px;
}

.oli-weather button:hover {
	background: var(--olivin_2);
}

.oli-weather .weather-info {
	text-align: center;
}

.oli-weather .city-name {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--olivin_2);
	margin-bottom: 0.938rem;
}

.oli-weather .weather-icon {
	font-size: 2.1rem;
	margin: 0.625rem 0;
}

.oli-weather .temperature {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0.625rem 0;
	background-color: var(--olivin_2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.oli-weather .description {
	color: var(--olivin_text_1);
	margin-bottom: 1.562rem;
	text-transform: capitalize;
	font-size: 0.938rem;
}

.oli-weather .details {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 1.250rem;
}

.oli-weather .detail-item {
	background: rgba(42, 82, 152, 0.05);
	padding: 0.5rem 15px;
	border-radius: var(--olivin_radius);
	text-align: center;
	display: flex;
	gap: 8px;
	font-size: 0.812rem;
}

.oli-weather .loading,
.oli-weather .error {
	text-align: center;
	display: none;
}

/*PostList  Widget 1*/

.oli-postlist-1-wrapper {
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	position: relative;
}

.oli-postlist-1-wrapper-item {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	height: 420px;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: var(--olivin_box_shadow);
}

.oli-postlist-1-wrapper-item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}

.oli-postlist-1-text {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.oli-postlist-1-category .oli-post-category {
	position: relative;
	background-color: #fff;
	display: inline-block;
	width: fit-content;
	font-size: 0.812rem;
	padding: 0.062rem 10px 1px 23px;
	border-radius: var(--olivin_radius);
	font-weight: 500;
	color: var(--olivin_text_2);
	transition: all .3s ease;
	letter-spacing: 1px;
}

.oli-postlist-1-category .oli-post-category:hover {
	color: #fff;
	background-color: var(--olivin_1);
}


.oli-postlist-1-category .oli-post-category:hover::before {
	background-color: #fff;
}

.oli-postlist-1-category .oli-post-category::before {
	position: absolute;
	content: '';
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: var(--olivin_2);
	border-radius: 50%;
	transition: all .3s ease;
}

.oli-postlist-1-text .oli-entry-title a {
	color: #fff !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-style: 20px;
}

.oli-postlist-1-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.oli-postlist-1-author {
	display: flex;
	align-items: center;
	gap: 10px;
}

.oli-postlist-1-author img {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px dotted #fff;
	padding: 0.188rem;
	transition: all .3s ease;
}

.oli-postlist-1-author:hover img {
	border: 3px dotted var(--olivin_2);
}

.oli-postlist-1-author a {
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: .5px;
	color: white;
}

.oli-postlist-1-meta-data {
	display: flex;
	gap: 10px;
}

.oli-postlist-1-meta-data span {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.875rem;
	color: #fff;
}

/* horizontal banner widget */

.oli-horizontal-banner-widget {
	max-width: 100%;
	height: auto;
}

.oli-horizontal-banner-widget img {
	width: 100%;
	object-fit: cover;
	border-radius: var(--olivin_radius);
}

/*Dual Postlist 1*/

.oli-dual-container {
	background-color: transparent !important;
	padding: 0;
}

.oli-dual-postlist {
	width: 100%;
}

.oli-dual-postlist-left {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	padding: 0.938rem;
	float: left;
	width: calc(50% - 10px);
}

.oli-dual-postlist-right {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	padding: 0.938rem;
	float: right;
	width: calc(50% - 10px);
}

.oli-dual-postlist-item.odpi-top {
	position: relative;
	margin: 0.938rem -15px 15px -15px;
}

.odpi-top>.oli-dual-postlist-thumbnail>img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	position: relative;
}

.odpi-top>.oli-dual-postlist-thumbnail {
	position: relative;
}

.odpi-top>.oli-dual-postlist-thumbnail:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
	transition: opacity 0.4s ease, all 0.4s ease;
	opacity: 1;
	z-index: 1;
}

.odpi-top>.oli-dual-postlist-thumbnail {
	position: relative;
	height: 180px;
}

.oli-dual-postlist-item.odpi-top p {
	position: absolute;
	bottom: 0;
}

.odpi-top-content {
	position: absolute;
	bottom: 15px;
	right: 15px;
	left: 15px;
	z-index: 2;
}

.odpi-top-content>.oli-dual-postlist-item-meta>.odpi-meta-item {
	color: #fff !important;
}

.odpi-meta-item>svg {
	width: 13px;
	height: 13px;
}

.oli-dual-postlist-item.odpi-top h3 a {
	color: #fff;
}

.oli-dual-postlist-item.odpi-bottom {
	display: flex;
	align-items: center;
	gap: 15px;
}

.oli-dual-postlist-item.odpi-bottom:not(:last-child) {
	margin-bottom: 0.625rem;
	padding-bottom: 0.625rem;
	border-bottom: 1px solid var(--olivin_border_1);
}

.odpi-bottom>.oli-dual-postlist-thumbnail>img,
.odpi-bottom>.oli-dual-postlist-thumbnail {
	min-width: 75px;
	max-width: 75px;
	height: 60px;
	object-fit: cover;
	border-radius: var(--olivin_radius);
}

.oli-dual-postlist-content>h3 a {
	font-size: 0.875rem;
	color: var(--olivin_title);
	display: block;
	font-weight: 600;
}

.oli-dual-postlist-item-meta {
	margin-top: 0.312rem;
}

.widget-section-title {
	position: relative;
	padding-left: 0.938rem;
}

/*----------------------------
SİDEBAR SLİDER 1
----------------------------*/

.oss1-wrap {
	background-color: transparent;
	padding: 0;
	border: none;
}

.oss1-wrap .oli-widget-title-container {
	background: #fff;
	margin: 0;
	border-radius: var(--olivin_radius);
	border: none;
	padding: 0.938rem;
}

.oli-sidebar-slider-1 {
	width: 100%;
	background: #fff;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	transform: translateZ(0);
	will-change: transform;
}

.oli-sidebar-slider-1-container {
	position: relative;
	background: #fff;
}

.oli-sidebar-slider-1-track {
	position: relative;
	height: 240px;
	overflow: hidden;
}

.oli-sidebar-slider-1-slide {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translateZ(0);
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	backface-visibility: hidden;
	z-index: 0;
}

.oli-sidebar-slider-1-slide.oli-sidebar-slider-1-active {
	opacity: 1;
	z-index: 1;
}

.oli-sidebar-slider-1-category {
	position: absolute;
	z-index: 2;
	left: 15px;
	top: 15px;
}

.oli-sidebar-slider-1-slide img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
	filter: brightness(0.95);
}

.oli-sidebar-slider-1-slide h3 {
	margin: 0.750rem 16px;
	font-size: 1.0rem;
	color: var(--olivin_title);
}

.oli-sidebar-slider-1-nav {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 0.750rem 16px;
	background: #fff;
	border-top: 1px solid var(--olivin_border_1);
	overflow: auto;
}

.oli-sidebar-slider-1-btn {
	width: 100%;
	height: 32px;
	border: none;
	border-radius: var(--olivin_radius_2);
	background: #8686861b;
	color: var(--olivin_text_2);
	cursor: pointer;
	line-height: 1;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.oli-sidebar-slider-1-btn.oli-sidebar-slider-1-active {
	background: var(--olivin_1);
	color: white;
}

.oli-sidebar-slider-1-prev, .oli-sidebar-slider-1-next {
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 0.438rem 12px;
	cursor: pointer;
	font-size: 1.125rem;
}

.oli-sidebar-slider-1-prev {
	left: 10px;
	z-index: 2;
}

.oli-sidebar-slider-1-next {
	right: 10px;
	z-index: 2;
}

/*------------------------
SEARCH PAGE - search page
------------------------*/

.search-page-content {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}

.search-page-top {
	padding: 1.250rem;
	border-radius: var(--olivin_radius);
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 10px;
}

.oli-search-results {
	padding: 1.250rem;
	border-radius: var(--olivin_radius);
	background-color: #fff;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.search-page-top .search-title span,
.search-page-top .search-title h1 {
	color: var(--olivin_title);
}

.search-page-top .search-title span {
	font-size: 1.062rem;
	font-weight: 600;
	white-space: nowrap;
}

.search-page-top .search-title h1 {
	font-size: 0.938rem;
	font-weight: 500;
	color: var(--olivin_text_1);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.search-page-top .search-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 5px;
	width: 60%;
}

.oli-search-results .line-text {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.oli-search-results .line-text .text {
	z-index: 2;
	background-color: #fff;
	padding: 0 25px;
	color: var(--olivin_text_2);
}

.oli-search-results .line-text .line {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	content: '';
	background-color: var(--olivin_border_1);
	z-index: 1;
}

/*------------------------
SEARCH PAGE LOOP - search page loop
------------------------*/

.oli-search-results-loop {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.oli-search-results-loop-item {
	display: grid;
	grid-template-columns: 23% 77%;
	gap: 10px;
	background-color: var(--olivin_bg);
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	align-items: center;
}

.oli-search-results-loop-item-left {
	width: 100%;
	height: 80px;
}

.oli-search-results-loop-item-left img {
	width: 100%;
	border-radius: var(--olivin_radius);
	height: 80px;
	object-fit: cover;
	display: block;
}

.oli-search-results-loop-item-right {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.oli-search-results-loop-item-right a h3 {
	font-size: 1.0rem;
	font-weight: 600;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-word;
}

.oli-search-results-type {
	background-color: #fff;
	color: var(--olivin_text_2);
	border-radius: var(--olivin_radius_2);
	font-size: 0.812rem;
	padding: 0 10px;
}

.oli-search-results-loop-item-right-top {
	display: flex;
	gap: 10px;
	align-items: center;
}

.oli-search-results-loop-item-category .oli-post-category {
	background-color: var(--olivin_5);
	color: var(--olivin_title);
	border-radius: var(--olivin_radius_2);
	font-size: 0.812rem;
	padding: 0 10px;
}

.oli-search-results-empty {
	text-align: center;
}

.oli-search-results-empty .oli-search-results-empty-img {
	width: 60px;
	margin-bottom: 0.625rem;
}

/*------------------------
ARCHIVE - archive
------------------------*/

.oli-archive-page {
	display: flex;
	gap: 20px;
}

.oli-archive-page-left {
	width: 69.66666667%;
	max-width: 69.66666667%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.oli-archive-page-sidebar {
	max-width: 30.33333333%;
	min-width: 30.33333333%;
	width: 30.33333333%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.oli-archive-page-title-wrapper {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	padding: 0.938rem;
	margin-bottom: 1.250rem;
}

.oli-archive-title h1 {
	font-size: 1.812rem;
	padding-top: 0.750rem;
}

.oli-archive-title p {
	margin: 0.938rem 0 0 0;
	font-size: 0.938rem;
}

.oli-archive-breadcrumb {
	padding-bottom: 1.062rem;
	border-bottom: 1px solid var(--olivin_border_1);
}

/*archive postlist*/

.oli-archive-postlist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 30px;
	position: relative;
}

.oli-archive-postlist-top {
	position: relative;
	height: 140px;
}

.oli-archive-postlist-img img {
	width: 100%;
	border-radius: var(--olivin_radius);
	height: 140px;
	object-fit: cover;
}

.oli-archive-postlist-img .oli-link {
	width: 100%;
	height: 100%;
	display: block;
}

.oli-archive-postlist-category {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.oli-archive-postlist-category .oli-post-category {
	font-size: 0.875rem;
	padding: 0.125rem 10px;
}

.oli-archive-postlist-bottom {
	display: flex;
	flex-direction: column;
	margin-top: 0.5rem;
	gap: 10px;
}

.oli-archive-postlist-meta {
	display: flex;
	align-items: center;
	margin-top: 0.625rem;
	column-gap: 10px;
	padding: 0.250rem 10px;
	background-color: var(--olivin_bg);
	border-radius: var(--olivin_radius_2);
	width: fit-content;
}

.oli-archive-postlist-meta-item {
	display: flex;
	column-gap: 10px;
	align-items: center;
	font-size: 0.812rem;
}

.oli-archive-postlist-title .h2-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size: 0.938rem;
}

.oli-archive-postlist-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-archive-postlist-excerpt .oli-text {
	font-size: 0.875rem;
}

/*----------------------------
SINGLE POST - single
----------------------------*/

.ospt-widget-item {
	margin-top: 1.875rem;
}

.wp-block-image figure {
	margin: 0 15px 0 0 !important;
}

.oli-single-post-wrapper {
	gap: 20px;
	display: flex;
}

.oli-table-auto {
	overflow: auto;
}

.oli-single-title {
	font-size: 1.875rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--olivin_title) !important;
}

.oli-breadcrumbs a {
	color: var(--olivin_2);
	font-size: 0.812rem;
}

.oli-single-post-content .oli-breadcrumbs {
	padding-bottom: 0.938rem;
	border-bottom: 1px solid var(--olivin_border_1);
	white-space: nowrap;
}

.oli-single-post-content.post-related .oli-postlist-2-item {
	padding: 0 !important;
	border: none;
}

.oli-single-post-content.post-related .oli-postlist-2-item-excerpt .oli-text {
	margin: 0;
}

.oli-single-post-content.post-related .oli-postlist-2-item-img {
	margin: 0 !important;
}

.oli-breadcrumbs span {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size: 0.812rem;
}

.oli-single-post-left {
	gap: 30px;
	width: 69.66666667%;
	max-width: 69.66666667%;
}

.oli-single-post-sidebar {
	max-width: 30.33333333%;
	min-width: 30.33333333%;
	width: 30.33333333%;
}

.oli-single-post-content {
	background-color: #fff;
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	gap: 10px;
	border: 1px solid var(--olivin_border_1);
}

.oli-post-category {
	font-size: 0.812rem !important;
	background-color: var(--olivin_1);
	color: #fff;
	padding: 0.125rem 15px;
	border-radius: var(--olivin_radius_2);
}

.oli-single-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 0.625rem;
}

.oli-single-meta ul {
	display: flex;
	column-gap: 20px;
	row-gap: 8px;
	flex-wrap: wrap;
	padding: 0 !important;
}

.oli-single-meta ul li {
	color: var(--olivin_text_1);
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.750rem;
	flex-wrap: wrap;
}

.oli-single-meta-views {
	color: #ed6d08 !important;
}

.oli-single-author-img {
	width: 33px;
	height: 33px;
	object-fit: cover;
	border-radius: 50%;
	border: 2px solid transparent;
}

.oli-single-meta-author {
	position: relative;
}

.oli-single-meta-author-ui {
	display: flex;
	background-color: #afafaf26;
	padding: 0 10px 0 0;
	border-radius: 20px;
}

.oli-single-author-link {
	color: var(--olivin_text_2);
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 5px;
}

.oli-single-author-name {
	text-transform: capitalize;
	font-size: 0.875rem;
	font-weight: 600;
	padding-left: 0.625rem;
	color: var(--olivin_text_2);
}

.oli-user-verified {
	position: relative;
}

/* Tooltipleri tıklanamaz (non-interactive) yapmak için düzeltme */
[data-tooltip]::after,
[data-tooltip]::before {
	pointer-events: none;
}


.oli-user-verified[data-tooltip]:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 23px;
	left: 50%;
	transform: translateX(-50%);
	background: #333;
	color: #fff;
	padding: 0.375rem 12px;
	border-radius: var(--olivin_radius_2);
	font-size: 0.750rem;
	white-space: nowrap;
	z-index: 1000;
}

.oli-user-verified[data-tooltip]:hover::before {
	content: '';
	position: absolute;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

.splink {
	color: var(--olivin_1) !important;
	transition: all .3s ease;
	font-size: unset !important;
}

.splink:hover {
	color: var(--olivin_2) !important;
}

/* Tooltip Left */

.oli-comment-button[data-tooltip]:hover::after,
.oli-copy-button[data-tooltip]:hover::after,
.oli-post-more-options-button[data-tooltip]:hover::after,
.oli-comment-list-link[data-tooltip]:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translate(-100%, -50%);
	background: #333;
	color: #fff;
	padding: 0.375rem 12px;
	border-radius: var(--olivin_radius_2);
	font-size: 0.750rem;
	white-space: nowrap;
	z-index: 1000;
}

.oli-comment-button[data-tooltip]:hover::before,
.oli-copy-button[data-tooltip]:hover::before,
.oli-post-more-options-button[data-tooltip]:hover::before,
.oli-comment-list-link[data-tooltip]:hover::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 1px;
	transform: translate(-100%, -50%);
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #333;
}

.wp-post-image {
	width: 100%;
	object-fit: cover;
	height: auto;
	border-radius: var(--olivin_radius);
}

.oli-single-buttons {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	height: 100%;
}

.oli-single-social-buttons {
	display: flex;
	gap: 10px;
}

.oli-social-share-buttons {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
}

.oli-social-share-buttons li {
	list-style: none;
}

.oli-social-share-buttons a {
	background-color: var(--olivin_bg);
	display: flex;
	align-items: center;
	padding: 0.625rem;
	border-radius: var(--olivin_radius_2);
	color: #fff;
	font-size: 0.938rem;
}

.oli-single-social-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000050;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.oli-single-social-modal-content {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	padding: 0.938rem;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
	animation: slide-in-bottom .3s;
}

.ossm-title {
	color: var(--olivin_title);
	font-weight: 600;
}

.ossm-close {
	position: absolute;
	right: -40px;
	top: 0;
	padding: 0.625rem;
	background-color: rgb(255, 255, 255);
	border: none;
	border-radius: var(--olivin_radius_2);
	color: #000000;
	cursor: pointer;
	transition: all .3s;
}

.oli-single-share-button {
	background-color: transparent !important;
	border: 1px solid var(--olivin_border_1);
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0.688rem 15px !important;
	color: var(--olivin_text_1);
	border-radius: var(--olivin_radius);
	white-space: nowrap;
	cursor: pointer;
	transition: all .3s ease;
}

.oli-single-share-button:hover {
	border: 1px solid var(--olivin_1);
	color: var(--olivin_1);
}

.oli-single-share-button i {
	font-size: 0.812rem;
}

.oli-single-right-buttons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.oli-single-right-buttons li {
	display: flex;
	gap: 8px;
}

/*----------------------------
SINGLE PAGE - single page
----------------------------*/

.single-page {
	margin: 0 0 60px 0;
}

.single-page .oli-single-page-content>.container {
	background: #fff;
	padding: 1.562rem;
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
}

.oli-single-page-top {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	gap: 15px;
	padding: 3.750rem 0 0 0;
	margin-bottom: 3.750rem;
	border-top: 1px solid var(--olivin_border_1);
	position: relative;
}

.oli-single-page-top .oli-breadcrumbs {
	padding: 0.625rem 20px;
	background-color: var(--olivin_bg);
	border-radius: 20px 20px 0 0;
	position: relative;
	margin-top: 1.875rem;
}

.oli-single-page-top .oli-breadcrumbs::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: -20px;
	background: transparent;
	width: 1.25rem;
	height: 1.25rem;
	border-bottom-right-radius: 1.25rem;
	box-shadow: 0.313rem 0.313rem 0 0.313rem var(--olivin_bg);
}

.oli-single-page-top .oli-breadcrumbs::after {
	position: absolute;
	content: "";
	bottom: 0px;
	right: -20px;
	background: transparent;
	width: 1.25rem;
	height: 1.25rem;
	border-bottom-right-radius: 1.25rem;
	transform: rotate(90deg);
	box-shadow: 0.313rem 0.313rem 0 0.313rem var(--olivin_bg);
}

.oli-single-page-top .oli-breadcrumbs>a {
	color: var(--olivin_2) !important;
}

.oli-single-page-top .oli-breadcrumbs span {
	color: var(--olivin_text_2);
}


/*--------------*/

.oli-post-more-options {
	position: relative;
}

.opmo-modal {
	position: absolute;
	bottom: 160%;
	right: 0;
	background-color: #fff;
	padding: 0.438rem;
	border-radius: var(--olivin_radius);
	box-shadow: 1px 0px 14px 10px rgb(0 0 0 / 16%);
	animation: fadeIn .3s ease;
	display: none;
}

.opmo-modal::before {
	position: absolute;
	content: '';
	right: 10px;
	bottom: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}


.opmo-modal-options ul {
	display: flex;
	align-items: center;
	gap: 7px;
}

.opmo-modal-options ul li button {
	border: none;
	border-radius: var(--olivin_radius_2);
	cursor: pointer;
	background-color: var(--olivin_2);
	fill: #fff;
	padding: 0.312rem;
	transition: all .3s;
}

.oli-post-more-options-button {
	color: #333 !important;
}

.opmo-modal-options ul li button:hover {
	background-color: var(--olivin_1);
}

.oli-copy-button,
.oli-post-more-options-button {
	position: relative;
}

.oli-copy-button,
.oli-comment-button,
.oli-post-more-options-button {
	background-color: #fff;
	border: 1px solid var(--olivin_border_1);
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: var(--olivin_radius_2);
	padding: 0.625rem !important;
	color: var(--olivin_text_1) !important;
	cursor: pointer;
	transition: all .3s ease;
	position: relative;
}

.oli-comment-button {
	padding: 0.375rem 10px !important;
	font-size: 0.875rem;
}

.oli-copy-button i,
.oli-comment-button i,
.oli-post-more-options-button i {
	transition: all .3s ease;
}

.oli-copy-button:hover,
.oli-comment-button:hover,
.oli-post-more-options-button:hover {
	border: 1px solid var(--olivin_1);
	color: var(--olivin_1);
}

.oli-copy-button:hover i,
.oli-comment-button:hover i,
.oli-post-more-options-button:hover i {
	color: var(--olivin_1) !important;
}

.oli-single-post-img {
	margin: 0 -15px 0 -15px;
}

.oli-single-post-img>img {
	width: 100%;
	border-radius: 0;
}

.oli-single-post-the-content * {
	color: var(--olivin_text_2);
	font-size: 1.0rem;
	line-height: 1.6;
}

.single-page ul,
.oli-single-post-the-content ul {
	padding: 0 0 0 30px;
}

.single-page h2,
.oli-single-post-the-content h2,
.single-page h3,
.oli-single-post-the-content h3,
.single-page h4,
.oli-single-post-the-content h4,
.single-page h5,
.oli-single-post-the-content h5 {
	margin: .8rem 0;
	font-weight: 600;
	line-height: 1.4;
	color: var(--olivin_title);
	padding: 0.312rem 0 0 10px;
}

.oli-single-post-the-content p,
.single-page p {
	margin-bottom: 1.250rem;
}

.oli-single-post-the-content h2,
.oli-single-post-the-content h3,
.oli-single-post-the-content h4,
.oli-single-post-the-content h5,
.oli-single-post-the-content h6 {
	border-left: 4px solid #86868661;
}

.single-page h2,
.oli-single-post-the-content h2 {
	font-size: 1.250rem;
}

.single-page h3,
.oli-single-post-the-content h3 {
	font-size: 1.062rem;
	font-weight: 600;
}

.single-page h4,
.oli-single-post-the-content h4,
.single-page h5,
.oli-single-post-the-content h5 {
	font-size: 1.0rem;
	font-weight: 600;
}

.single-page .wp-block-details-is-layout-flow,
.oli-single-post-the-content .wp-block-details-is-layout-flow {
	padding: 0.625rem 15px;
	margin: 0.938rem 0;
	border: 1px solid var(--olivin_border_1);
	cursor: pointer;
	border-radius: var(--olivin_radius_2);
}

.oli-single-post-the-content .wp-block-quote-is-layout-flow,
.single-page .wp-block-quote-is-layout-flow {
	padding: 0.938rem;
	font-style: italic;
	border-radius: var(--olivin_radius_2);
	background-color: #5f5f5f0a;
	margin: 0.938rem 0;
	position: relative;
}

.oli-single-post-the-content .wp-block-quote-is-layout-flow:before,
.single-page .wp-block-quote-is-layout-flow:before {
	font-family: "Font Awesome 5 Free";
	content: "\f10e";
	font-weight: 600;
	left: 0;
	top: 0;
	color: rgba(106, 106, 106, 0.573);
	font-size: 1.5rem;
}

.oli-single-post-the-content .wp-block-quote-is-layout-flow p,
.single-page .wp-block-quote-is-layout-flow p {
	font-weight: 400 !important;
	font-size: 0.938rem;
}

.oli-single-post-tags-section {
	border-top: 1px solid var(--olivin_border_1);
	padding-top: 0.938rem;
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.oposttable {
	overflow: auto;
}

.ospt-section-left {
	display: flex;
	gap: 8px;
	align-items: center;
}

.ospt-section-left i {
	font-size: 0.812rem;
}

.ospt-section-left .oli-text {
	font-size: 0.938rem;
}

.oli-post-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.oli-post-tags a {
	font-size: 0.875rem;
	background-color: #e8e9ec;
	color: var(--olivin_text_2, );
	padding: 0.125rem 10px;
	border-radius: var(--olivin_radius_2);
	transition: all .3s ease;
}

.oli-post-tags a:hover {
	color: #fff;
	background-color: var(--olivin_2);
}

.selection-tooltip {
	position: absolute;
	border-radius: var(--olivin_radius_2);
	font-size: 0.875rem;
	display: none;
	z-index: 1000;
	margin-top: 0.625rem;
}

.selection-tooltip button {
	color: #fff;
	border: none;
	padding: 0.5rem;
	border-radius: var(--olivin_radius_2);
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	background-color: var(--olivin_4);
	font-size: 0.812rem;
	position: relative;
	animation: fadeIn .3s ease-in-out;
}

.selection-tooltip button::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--olivin_4);
}

.selection-tooltip button:hover {
	background: var(--olivin_1);
}

.selection-tooltip:hover button::before {
	border-bottom: 6px solid var(--olivin_1);
}

.selection-tooltip i {
	font-size: 1.0rem;
}

/*------------------
Toc - Table of Content
------------------*/

.oli-toc-wrap {
	color: #444;
	width: 100%;
	outline: none;
	transition: 0.4s;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	margin-bottom: 0.938rem;
	border: 1px solid var(--olivin_border_1);
}

.oli-toc-wrap .oli-toc-accordion {
	cursor: pointer;
	border: none;
	outline: none;
	transition: 0.4s;
	width: 100%;
	padding: 0.812rem 18px;
	border-radius: 0;
	text-align: left;
	font-size: 1.0rem;
	font-weight: 600;
	color: var(--olivin_title);
	background-color: #ececf6;
	display: flex;
	align-items: center;
	position: relative;
}

.oli-toc-wrap .active,
.oli-toc-accordion:hover {
	border-color: var(--olivin_1);
}

.oli-toc-wrap .oli-toc-accordion svg {
	margin-right: 0.938rem;
	fill: var(--olivin_2);
	width: 30px;
	background-color: #fff;
	border-radius: var(--olivin_radius_2);
	padding: 0.375rem;
	line-height: normal;
}

.oli-toc-wrap .oli-toc-accordion:after {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	color: #777;
	font-weight: 900;
	float: right;
	margin-left: 0.312rem;
	right: 15px;
	position: absolute;
}

.oli-toc-wrap .active:after {
	content: "\f077";
}

.oli-toc-wrap .oli-toc-panel {
	padding: 0 15px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	overflow-y: auto;
}

.oli-toc-wrap .oli-toc-panel ul {
	padding: 0 0 0 15px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.oli-toc-wrap .oli-toc-panel li {
	list-style: decimal
}

.oli-toc-wrap .oli-toc-panel li:first-child {
	margin-top: 0.938rem;
}

.oli-toc-wrap .oli-toc-panel li:last-child {
	margin-bottom: 0.938rem;
}

.oli-toc-wrap .oli-toc-panel a {
	text-decoration: none;
	color: var(--olivin_text_2);
	transition: all .3s;
	font-weight: 600;
	font-size: 0.938rem;
}

.oli-toc-wrap .oli-toc-panel a:hover {
	color: var(--olivin_1);
}

/*----------------------------
BUTTONS - BTN - btn
----------------------------*/

/* btn-20 */

.btn-20 {
	background-color: var(--olivin_4);
	color: #fff !important;
	position: relative;
	overflow: hidden;
	transition: color 0.3s ease;
	padding: 0.5rem 15px;
	border-radius: var(--olivin_radius);
}

.btn-20 span {
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.btn-20:before {
	content: "";
	position: absolute;
	background: #fff;
	height: 100%;
	width: 120%;
	top: 0;
	left: -100%;
	transform: skew(0deg) translateX(-20%);
	transition: transform 0.3s ease;
	z-index: 1;
}

.btn-20:hover span {
	color: var(--olivin_title) !important;
}

.btn-20:hover:before {
	transform: skew(45deg) translateX(75%);
}

/*------------------
404 page
------------------*/

.oli-404-page {
	min-height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	border-radius: 20px;
	padding: 2rem;
	margin: 2rem 0;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}

.oli-404-page::before {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	background-color: #fff;
}

.oli-404-page-title {
	font-size: clamp(6rem, 15vw, 12rem);
	font-weight: 900;
	font-family: 'Noto Sans', sans-serif;
	line-height: 1;
	color: #2d3436;
	text-shadow:
		5px 5px 0 rgba(0, 0, 0, 0.1),
		-2px -2px 0 rgba(255, 255, 255, 0.8);
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
	animation: float 6s ease-in-out infinite;
}

.oli-404-page-subtitle {
	font-size: clamp(1.5rem, 4vw, 2.4rem);
	font-weight: 600;
	text-align: center;
	color: #2d3436;
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
}

.oli-404-page-description {
	font-size: clamp(1rem, 2vw, 1.2rem);
	text-align: center;
	color: #636e72;
	margin: 1.5rem 0;
	max-width: 600px;
	position: relative;
	z-index: 1;
}

.oli-404-page-button {
	display: inline-block;
	color: #fff;
	background: var(--olivin_2);
	padding: .8rem 1.8rem;
	border-radius: 50px;
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	position: relative;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.oli-404-page-button::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--olivin_1);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.3s ease;
	z-index: -1;
}

.oli-404-page-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.oli-404-page-button:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

/*------------------------------------
USER PAGE - user page author page
------------------------------------*/

.oli-author-profile-main {
	padding-bottom: 4.375rem;
}

.oli-author-profile-top {
	width: 100%;
	height: 270px;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
}

.oli-author-profile-top::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(43, 49, 86, 0) 0%, rgba(19, 21, 29, 0.65) 100%);
	z-index: 2;
}

.oli-author-content {
	display: grid;
	grid-template-columns: 2.5fr 7fr;
	gap: 20px;
	position: relative;
	z-index: 3;
}

.oli-author-content-sidebar {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: -108px;
}

.oacs-title {
	font-size: 0.938rem;
	font-weight: 600;
	color: var(--olivin_title);
	position: relative;
	padding-left: 0.938rem;
	margin-bottom: 1.250rem;
}

.oacs-title::before {
	content: '';
	width: 4px;
	height: 100%;
	background-color: var(--olivin_2);
	position: absolute;
	left: 2px;
	top: 50%;
	border-radius: var(--olivin_radius);
	transform: translate(-50%, -50%);
}


.oli-author-content-sidebar-item {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	padding: 1.250rem;
}

.oli-author-content-sidebar-item:not(:first-child) {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.oli-author-content-sidebar-item .oacs-title {
	margin-bottom: 0.688rem;
}

.oli-author-profile-main .oli-text {
	text-align: justify;
}

.oli-author-detail-card {
	padding: 3.438rem 15px 20px 15px;
	text-align: center;
	background: linear-gradient(to top,
			white 66%,
			#dbdbeb 45%);
	position: relative;
}

.oli-author-detail-card .oli-author-role {
	color: #fff;
	background-color: #0077B5;
	padding: 0.062rem 10px;
	border-radius: var(--olivin_radius);
}

.oli-author-role-position {
	display: flex;
	align-items: center;
	gap: 5px;
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: normal;
	font-size: 0.812rem;
}

.oli-author-detail-card .oli-author-name {
	font-size: 1.375rem;
	font-weight: 700;
	text-transform: capitalize
}

.oli-author-detail-card .oli-author-profile-img {
	border-radius: 50%;
	border: 10px solid #fff;
	background-color: #fff;
	width: 110px;
	height: 110px;
	object-fit: cover;
}

.oli-author-nickname {
	font-size: 0.938rem;
}

.oli-author-detail-card .oli-author-statistics {
	display: flex;
	justify-content: center;
	margin-top: 1.875rem;
}

.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item {
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	transition: all .4s ease;
}

.oli-author-statistics-item[data-tooltip]:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	background: #333;
	color: #fff;
	padding: 0.375rem 12px;
	border-radius: var(--olivin_radius_2);
	font-size: 0.750rem;
	white-space: nowrap;
	z-index: 1000;
}

.oli-author-statistics-item[data-tooltip]:hover::before {
	content: '';
	position: absolute;
	bottom: 41px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item {
	cursor: help;
}

.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item:not(:last-child) {
	border-right: 1px solid var(--olivin_border_1);
	padding-right: 0.625rem;
}

.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item:not(:first-child) {
	padding-left: 0.625rem;
}

.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item span {
	font-size: 0.812rem;
}

.oli-author-content-right {
	margin-top: 1.250rem;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.oli-author-content-right-item {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	padding: 1.250rem;
}

.oli-author-profile-tabs {
	width: 100%;
	max-width: 100%;
	background-color: #fff;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	padding: 0;
}

.oli-author-profile-tabs .tabs {
	display: flex;
	border-bottom: 1px solid var(--olivin_border_1);
}

.oli-author-profile-tabs .oapt-tab-button {
	flex: 1;
	padding: 0.750rem 16px;
	text-align: center;
	font-size: 1rem;
	cursor: pointer;
	border: none;
	background: none;
	transition: color 0.3s, background-color 0.3s;
	border-radius: 0;
	font-weight: 600;
	position: relative;
}

.oli-author-profile-tabs .oapt-tab-button.active::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -8px;
	transform: translateX(-50%);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid var(--olivin_2);
	width: 0;
	height: 0;
}

.oli-author-profile-tabs .oapt-tab-button:not(:last-child) {
	border-right: 1px solid var(--olivin_border_1);
}

.oli-author-profile-tabs .oapt-tab-button:hover {
	border-radius: 0;
}

.oli-author-profile-tabs .oapt-tab-button.active {
	color: var(--olivin_2);
	background-color: #fff;
	border-bottom: 2px solid var(--olivin_2);
	border-radius: 0;
}

.oli-author-profile-tabs .tab-content {
	padding: 1.250rem;
}

.oli-author-profile-tabs .oapt-tab-panel {
	display: none;
}

.oli-author-profile-tabs .oapt-tab-panel .oapt-tab-panel-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.oapt-tab-panel-content-item:not(:last-child) {
	padding-bottom: 1.250rem;
	border-bottom: 1px solid var(--olivin_border_1);
}

.oapt-tab-panel-content-item:not(:nth-child(2)) {
	padding-top: 1.250rem;
}

.oli-author-profile-tabs .oapt-tab-panel-content {
	animation: fadeIn 0.4s ease-in-out;
}

.oli-author-contact-details {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.oli-author-contact-details li {
	list-style: none;
}

.oli-author-contact-details li a {
	display: block;
	width: fit-content;
	padding: 0.5rem 15px;
	border-radius: var(--olivin_radius);
	color: #fff;
	font-size: 0.875rem;
}

.oli-author-contact-details li a i {
	margin-right: 0.938rem;
}


/* Profile Settings */

.oli-frontend-profile {
	max-width: 100%;
}

.oli-frontend-profile input[type="submit"] {
	background-color: var(--olivin_2);
	color: #fff;
	line-height: 1;
	border: none;
	padding: 0.625rem 15px;
	cursor: pointer;
	transition: background .3s ease;
}

.oli-frontend-profile input[type="submit"]:hover {
	background-color: var(--olivin_1);
}

.oli-success {
	background: #4CAF50;
	color: white;
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	margin-bottom: 1.250rem;
	font-size: 0.875rem;
}

.oli-author-tab-section h2 {
	color: #333;
	font-size: 1.062rem;
	margin-bottom: 1.250rem;
}

.oli-author-tab-section .oli-form-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 15px;
}

.oli-author-tab-section .oli-form-group input {
	background-color: transparent;
}

.oli-form-group label {
	display: block;
	margin-bottom: 0.312rem;
	color: var(--olivin_text_2);
	font-size: 0.812rem;
}

.oli-form-group input {
	width: 100%;
	padding: 0.5rem;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
}

.profile-photo-upload {
	text-align: center;
	margin: 1.250rem 0;
}

.profile-photo-preview {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0 auto 15px;
	overflow: hidden;
	border: 1px solid var(--olivin_border_1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.profile-photo-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.upload-button:hover {
	background: #357abd;
}

.oli-submit-button {
	background: #4CAF50;
	color: white;
	padding: 0.625rem 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 200px;
	margin: 1.250rem auto;
	display: block;
}

.oli-submit-button:hover {
	background: #45a049;
}

input[type="file"] {
	display: none;
}

.oli-tabs {
	margin: 1.250rem 0;
}

.oli-tab-buttons {
	margin-bottom: 1.250rem;
	border-bottom: 1px solid var(--olivin_border_1);
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.oli-tab-button {
	background: #6868681e;
	border: none;
	padding: 0.625rem 20px;
	cursor: pointer;
	border-radius: var(--olivin_radius);
	margin-bottom: 0.625rem;
	font-size: 0.875rem;
	font-weight: 500;
}

.profile_photo_file {
	background-color: #6868681e;
	width: fit-content;
	padding: 0.625rem 15px;
	border-radius: var(--olivin_radius_2);
	cursor: pointer;
}

.oli-tab-button:not(:last-child) {
	margin-right: 0.312rem;
}

.oli-tab-button.active {
	background: #2196f3;
	border-bottom: none;
	color: #fff;
}

.oli-tab-content {
	display: none;
}

.oli-tab-content.active {
	display: block;
}

.oli-file-input {
	padding: 0.625rem;
	border: 1px solid var(--olivin_border_1);
	border-radius: 4px;
	width: 100%;
	margin-bottom: 0.625rem;
}

.profile-photo-preview img {
	border-radius: 50%;
	border: 6px solid var(--olivin_border_1);
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}



/*-----------------------
Author Post Loop
------------------------*/

.oli-author-post-loop {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	overflow: hidden;
}

.oli-author-post-loop-item {
	display: grid;
	grid-template-columns: 1fr 3.35fr;
	gap: 10px;
	background-color: #0000000f;
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	align-items: center;
	overflow: hidden;
}


.oli-author-post-loop-item-left {
	width: 100%;
	height: 80px;
	overflow: hidden;
}

.oli-author-post-loop-item-left img {
	width: 100%;
	border-radius: var(--olivin_radius);
	height: 80px;
	object-fit: cover;
	display: block;
	overflow: hidden;
}

.oli-author-post-loop-item-right {
	display: flex;
	flex-direction: column;
	gap: 5px;
	overflow: hidden;
}

.oli-author-post-loop-item-right a h3 {
	font-size: 0.938rem;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}

.oli-author-post-loop-item-right-top {
	display: flex;
	gap: 10px;
	align-items: center;
	overflow: hidden;
}

.oli-author-post-loop-date {
	font-size: 0.750rem;
}

.oli-single-category {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.osc-54sd {
	display: flex;
	gap: 8px;
}

.oli-author-post-loop-item-category .oli-post-category {
	display: inherit;
}

.oli-author-post-loop-item-category .oli-post-category {
	background-color: var(--olivin_5);
	color: var(--olivin_title);
	border-radius: var(--olivin_radius_2);
	font-size: 0.812rem;
	padding: 0 10px;
	overflow: hidden;
	line-height: normal;
}

.oli-author-loop-pagination .page-numbers {
	background-color: #1935601f;
}


.oli-author-profile-tabs .oapt-tab-panel.active {
	display: block;
}

.oaci-contact-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.oaci-contact-info p {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.875rem;
	margin: 0;
}

.oaci-contact-info #oaci-contact-info-icon {
	display: block;
	line-height: 10px;
	padding: 0.5rem;
	border-radius: var(--olivin_radius_2);
	font-size: 0.812rem;
}

.oaci-contact-info .oaci-contact-info-email i {
	color: #5c67f7;
	background-color: #5c66f72c;
}

.oaci-contact-info .oaci-contact-info-website i {
	color: #f76b5c;
	background-color: #f76b5c2c;
}

.oaci-contact-info .oaci-contact-info-phone i {
	color: #ea5cf7;
	background-color: #ea5cf72c;
}

.oaci-contact-info .oaci-contact-info-address i {
	color: #444444;
	background-color: #4444442c;
}

.oaci-contact-info span {
	font-weight: 500;
	color: var(--olivin_title);
}

/* Single 2 */

.site-main.single-2 {
	padding: 0;
}

.osp2-breadcrumb {
	white-space: nowrap;
}

.oli-single-2-top {
	padding: 1.875rem 0;
	background-color: #fff;
	margin: 0.062rem 0 1px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	position: relative;
}

.oli-single-2-top::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0 0 0 / 39%);
	z-index: 0;
}

.oli-single-2-top>.container {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.oli-single-2-top * {
	z-index: 2;
}

.oli-single-2-top .oli-breadcrumbs {
	color: #fff;
}

.oli-single-2-top .oli-breadcrumbs a {
	color: #fff;
}

.oli-single-2-top h1 {
	color: #fff !important;
}

.oli-single-2-top .oli-single-meta-author-ui {
	background-color: #4444448a;
	border-radius: var(--olivin_radius);
	border: 1px solid #d9dae827;
}

.oli-single-2-top .oli-single-author-img {
	border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
	border: none;
}

.oli-single-2-category-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.single-2 .oli-single-right-buttons .oli-comment-button {
	padding: 0.562rem 10px !important;
}

.single-2-category-lnk {
	padding: 0.375rem 15px;
}

.oli-single-2-meta {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 5px;
}

.oli-single-2-meta span,
.oli-single-2-meta i {
	font-size: 0.812rem;
	color: #fff;
}

.oli-single-2-top .oli-single-author-name {
	color: #fff;
	padding-left: 1.250rem;
}

.oli-single-2-meta-author {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.oli-single-2-meta-other {
	display: flex;
	row-gap: 6px;
	column-gap: 15px;
	flex-wrap: wrap;
}

.oli-single-2-meta-other i {
	margin-right: 0.312rem;
}

.osp2-views {
	color: #ed6d08 !important;
	font-size: 0.812rem;
	display: flex;
	align-items: center;
	gap: 8px;
}

.osp2-views svg {
	width: 13px;
	height: 13px;
}

.oli-single-2-content-wrap {
	background-color: #ffffff;
}

.oli-single-2-content {
	padding: 1.875rem 0;
	display: flex;
	gap: 30px;
	justify-content: space-between;
}

.oli-single-2-left {
	width: 69.66666667%;
	max-width: 69.66666667%;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
}

.single-2 .oli-single-post-img {
	margin: 0;
}

.single-2 .oli-single-post-img>img {
	border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
	display: block;
	width: 100%;
}

.oli-single-2-post-dynamic {
	padding: 1.562rem;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.single-2 .oli-single-right-buttons {
	justify-content: flex-start;
	flex-wrap: wrap;
}

.single-2 .oli-single-post-content {
	padding: 1.250rem 0 0 0;
	border-radius: 0;
	border: 0;
	border-top: 1px solid var(--olivin_border_1);
}

.oli-single-2-share-line {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 1.250rem;
	border-top: 1px solid var(--olivin_border_1);
}

.oli-single-2-right {
	max-width: 30.33333333%;
	min-width: 30.33333333%;
	width: 30.33333333%;
	border-radius: var(--olivin_radius);
}

.oli-single-2-right>.oli-single-post-sidebar-item {
	border: 1px solid var(--olivin_border_1);
}

/* News Ticker */

.oli-news-ticker-container {
	width: 100%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	height: 45px;
	overflow: hidden;
	border-radius: var(--olivin_radius);
}

.oli-news-ticker-label {
	background-color: var(--olivin_1);
	color: white;
	padding: 0 15px;
	height: 100%;
	display: flex;
	align-items: center;
	font-weight: 600;
	white-space: nowrap;
	z-index: 2;
	font-size: 0.938rem;
}

.oli-news-ticker-label>i {
	margin-right: 0.5rem;
}

.oli-news-ticker-wrapper {
	position: relative;
	flex: 1;
	height: 100%;
	overflow: hidden;
	will-change: transform;
}

.oli-news-ticker {
	position: absolute;
	display: flex;
	height: 100%;
	width: fit-content;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.oli-news-ticker-content {
	display: flex;
	align-items: center;
	white-space: nowrap;
	padding-left: 1.250rem;
}

.oli-news-ticker-item {
	display: inline-flex;
	align-items: center;
	padding: 0 20px;
	transform: translateZ(0);
}

.oli-news-ticker-item a {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--olivin_title);
	transition: all .3s ease;
}

.oli-news-ticker-item a:hover {
	color: var(--olivin_1);
}

.oli-news-ticker-item::before {
	content: "•";
	color: var(--olivin_1);
	margin-right: 0.625rem;
	font-size: 1.2em;
}

/* Carousel 1 */

.oli-carousel-1-carousel-container {
	max-width: 100%;
	width: 100%;
	position: relative;
}

.oli-carousel-1-carousel {
	display: flex;
	overflow-x: scroll;
	scroll-behavior: smooth;
	gap: 15px;
	scroll-snap-type: x mandatory;
}

.oli-carousel-1-carousel-item {
	min-width: calc((100% - 60px) / 5);
	scroll-snap-align: start;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	background: #fff;
	transition: transform 0.3s ease;
	position: relative;
}

.oli-carousel-1-carousel-item .oli-post-category {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0 0 var(--olivin_radius_2) 0;
	background-color: var(--olivin_1);
}

.oli-carousel-1-carousel-item img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	display: block;
}

.oli-carousel-1-carousel-item-content {
	padding: 1.0rem;
}

.oli-carousel-1-carousel-item h3 a {
	font-size: 0.875rem;
	color: var(--olivin_title);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-carousel-1-carousel-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0.938rem 13px;
	border-radius: 50%;
	background: #fff;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	color: #000;
}

.oli-carousel-1-carousel-button:hover {
	background: #f0f0f0;
}

.oli-carousel-1-carousel-button.oli-carousel-1-prev {
	left: 0;
	border-radius: 0 var(--olivin_radius_2) var(--olivin_radius_2) 0;
}

.oli-carousel-1-carousel-button.oli-carousel-1-next {
	right: 0;
	border-radius: var(--olivin_radius_2) 0 0 var(--olivin_radius_2);
}

.oli-carousel-1-carousel-button svg {
	width: 20px;
	height: 20px;
	fill: #666;
}

@media (max-width: 1200px) {
	.oli-carousel-1-carousel-item {
		min-width: calc((100% - 60px) / 4);
	}
}

@media (max-width: 992px) {
	.oli-carousel-1-carousel-item {
		min-width: calc((100% - 40px) / 3);
	}
}

@media (max-width: 768px) {
	.oli-carousel-1-carousel-item {
		min-width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 480px) {
	.oli-carousel-1-carousel-item {
		min-width: 100%;
	}
}

/* Post Likes */

.ld-container {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.ld-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0.688rem 10px;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	background: #f0f0f0;
	color: #333;
	font-size: 1.0rem;
}

.ld-btn.active {
	animation: pulse 0.4s ease;
}

.like.active {
	background: #4CAF50;
	color: white;
}

.dislike.active {
	background: #f44336;
	color: white;
}

.ld-btn i {
	font-size: 0.938rem;
	transition: transform 0.3s ease;
}

.ld-btn:hover i {
	transform: scale(1.2);
}

.count {
	font-weight: 500;
	min-width: 20px;
	text-align: center;
}


/*-----------------------
Post Faq
------------------------*/

.oli-post-faq-accordion {
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	overflow: hidden;
}

.oli-post-faq-accordion:not(:last-child) {
	margin-bottom: 1.250rem;
}

.oli-post-faq-accordion .accordion {
	background-color: #ececf6;
	color: #444;
	cursor: pointer;
	padding: 0.625rem 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 0.938rem;
	transition: 0.4s;
	border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
	font-weight: 500;
}

.oli-post-faq-accordion .accordion:after {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 0.312rem;
}

.oli-post-faq-accordion .accordion i {
	margin-right: 0.625rem;
	background-color: #fff;
	line-height: normal;
	padding: 0.375rem 9px;
	border-radius: var(--olivin_radius_2);
	color: var(--olivin_2);
}

.oli-post-faq-accordion .active:after {
	content: "\2212";
}

.oli-post-faq-accordion .opfa-panel {
	padding: 0 18px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.oli-post-faq-accordion .opfa-panel .oli-text {
	margin: 0.625rem 0;
	font-size: 0.875rem;
}

#wp-admin-bar-cache_sistemi_aktif {
	background-color: #0073aa !important;
}

#wp-admin-bar-cache_sistemi_aktif a {
	transition: all .3s ease;
}

#wp-admin-bar-cache_sistemi_aktif a:hover,
#wp-admin-bar-cache_sistemi_aktif a:focus {
	background-color: #0b84bc !important;
	outline: none;
	color: #fff !important;
}

#wp-admin-bar-oli_maintenance_active {
	background-color: #b92f2f !important;
}

#wp-admin-bar-oli_maintenance_active a {
	transition: all .3s ease;
}

#wp-admin-bar-oli_maintenance_active a:hover,
#wp-admin-bar-oli_maintenance_active a:focus {
	background-color: #ce4444 !important;
	outline: none;
	color: #fff !important;
}

#wp-admin-bar-shentapanel {
	color: #fff !important;
	background-color: #673ab7 !important;
	display: block;
}

#wp-admin-bar-shentapanel a {
	transition: all .3s ease;
}

#wp-admin-bar-shentapanel a:hover,
#wp-admin-bar-shentapanel a:focus {
	background-color: #8157cb !important;
	color: #fff !important;
	outline: none;
}

/*--------------
Up Button
---------------*/

.oli-up-btn {
	position: fixed;
	right: 30px;
	bottom: -50px;
	z-index: 500;
	transition: all 0.4s ease;
}

.oli-up-btn a {
	color: white !important;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	text-decoration: none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.oli-up-btn a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: var(--olivin_1);
	animation: pulse-ring 2s infinite;
	z-index: -1;
}

.oli-up-btn a i {
	margin: 0;
	font-size: 1.250rem;
}


/*------------------
Keyframes Animations
------------------*/

@keyframes pulse-ring {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.6;
	}

	70% {
		transform: translate(-50%, -50%) scale(1.8);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -50%) scale(1.8);
		opacity: 0;
	}
}

@keyframes blink {
	0%, 100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

@keyframes zoomIn {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes slide-in-bottom {
	0% {
		transform: translateY(50px);
		opacity: .5;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-in-top {
	0% {
		transform: translateY(-50px);
		opacity: .5;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-in-left {
	0% {
		transform: translateX(-50px);
		opacity: 0.5;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slide-in-right {
	0% {
		transform: translateX(50px);
		opacity: 0.5;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes rotate-border {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes showRay1832 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1.3);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-30px);
	}
}

@keyframes move-background {
	from {
		transform: translateX(-50%) translateY(-50%) rotate(0deg);
	}

	to {
		transform: translateX(-50%) translateY(-50%) rotate(360deg);
	}
}

@keyframes shimmer {
	from {
		background-position: -1000px 0;
	}

	to {
		background-position: 1000px 0;
	}
}

@keyframes pulse {
	0% {
		transform: scale(.6);
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(.8);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes slideFadeDown {
	from {
		opacity: 0;
		transform: translate(-50%, -30%);
	}

	to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}


/*----------------
Shimmer
-----------------*/

.oli-shimmer {
	background: linear-gradient(-45deg, #dddddd 42%, #ffffff 50%, #dddddd 58%);
	background-position-x: -50%;
	background-size: 300%;
	animation: shimmer 8s linear 10;
}

@keyframes shimmer {
	0% {
		background-position: -1000px 0;
	}

	100% {
		background-position: 1000px 0;
	}
}

/*-----------
Ajax Search
------------*/

.oli-ajax-search-modal {
	background-color: rgba(0, 0, 0, 0.727);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0.938rem;
	z-index: 999;
}

.oasm-content {
	width: 600px;
	max-width: 100%;
	max-height: 70vh;
	background-color: #fff;
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	animation: slideFadeDown 0.4s ease-out;
	overflow: auto;
	transition: height 0.3s ease;
}

.oasm-content::-webkit-scrollbar,
.oli-standing-table::-webkit-scrollbar {
	width: 13px;
	background: #ffffff;
	border-radius: 0 var(--olivin_radius) var(--olivin_radius) 0;
}

.oasm-content::-webkit-scrollbar-thumb,
.oli-standing-table::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: var(--olivin_radius);
	border: 3px solid #fff;
}

.oasm-title {
	color: var(--olivin_title);
	font-size: 1.0rem;
	font-weight: 600;
	margin-bottom: 0.938rem;
}

.oasm-close {
	position: absolute;
	top: 10px;
	right: 10px;
	line-height: 0;
	cursor: pointer;
}

.oasm-close svg {
	width: 25px;
	height: 25px;
	display: block;
	background-color: rgba(0, 0, 0, 0.411);
	color: #fff;
	padding: 0.125rem;
	border-radius: var(--olivin_radius_2);
}

#olivin-ajax-arama-input {
	width: 100%;
	padding: 0.938rem 20px;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	font-size: 1.0rem;
	box-sizing: border-box;
	transition: border-color 0.3s, box-shadow 0.3s;
}

#olivin-ajax-arama-input:focus {
	border-color: var(--olivin_2);
	outline: none;
}

#olivin-ajax-arama-sonuclari {
	width: 100%;
	margin-top: 0.625rem;
}

.arama-sonuc-ogesi {
	padding: 0.938rem;
	border: 1px solid var(--olivin_border_1);
	border-radius: 10px;
	background-color: #fff;
	transition: background-color 0.3s, box-shadow 0.3s;
	display: flex;
	align-items: center;
	gap: 15px;
	position: relative;
	animation: fadeIn 0.3s ease-in-out;
}

.arama-sonuc-ogesi>img {
	width: 55px;
	height: 55px;
	border-radius: var(--olivin_radius);
	object-fit: cover;
}

.arama-sonuc-ogesi a {
	text-decoration: none;
	color: var(--olivin_title) !important;
	font-weight: 700;
	font-size: 0.938rem;
}

.oasm-meta-item {
	margin-top: 0.188rem;
}

#olivin-ajax-hizmet-arama-input {
	width: 100%;
	padding: 0.938rem 20px;
	border: 1px solid #fff;
	border-radius: 10px;
	font-size: 1.0rem;
	box-sizing: border-box;
	transition: border-color 0.3s, box-shadow 0.3s;
}

.arama-sonuc-ogesi {
	font-size: 0.938rem;
	padding: 0.625rem;
	border: 1px solid #ddd;
	border-radius: var(--olivin_radius);
	background-color: #fff;
	transition: background-color 0.3s, box-shadow 0.3s;
}

.arama-sonuc-ogesi:not(:last-child) {
	margin-bottom: 0.625rem;
}

.arama-sonuc-ogesi a {
	text-decoration: none;
	font-weight: bold;
}

.arama-sonuc-butonu {
	width: 100%;
}

#arama-sayfasina-git {
	width: 100%;
	border-radius: var(--olivin_radius_2);
	padding: 0.938rem;
	font-size: 0.875rem;
	background-color: var(--olivin_1);
	color: #fff;
	cursor: pointer;
	border: none;
	outline: none;
	box-shadow: none;
}

.ajax-spinner-text {
	margin-left: 0.5rem;
}

.rl-ads {
	align-self: flex-start;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	z-index: 9;
	margin-top: 1.250rem;
}

.rl-left {
	transform: translateX(-100%) !important;
	margin-left: -15px !important;
	display: block;
	position: absolute;
	width: 120px;
	height: 600px;
}

.rl-right {
	position: absolute;
	right: 0;
	top: 0;
	height: 1px;
	transform: translateX(100%);
	width: 160px;
	height: 600px;
}

.tp-ads {
	margin-top: 1.250rem;
	text-align: center;
}

.oli-adblock-detecter {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000070;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.oli-adblock-detecter-popup {
	width: 600px;
	padding: 1.250rem;
	border-radius: var(--olivin_radius);
	max-width: 100%;
	background-color: #fff;
	border-bottom: 4px solid #ff9800;
}

.oli-adblock-detecter-popup-body {
	margin: 0.625rem 0;
}

.oli-adblock-detecter-popup-body>p {
	font-size: 1.0rem;
}

.oli-adblock-detecter-popup-footer>p>a {
	color: #ff9800;
	font-weight: 600;
}

/* Cookie */

.oli-cookie-modal-container {
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 360px;
	max-width: 100%;
	max-height: 320px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: var(--olivin_radius);
	box-shadow: 0px 1px 16px -6px rgba(0, 0, 0, 0.466);
	z-index: 15;
	animation: zoomIn 0.3s both;
	display: none;
}

.oli-cookie-modal-header {
	width: 100%;
	box-sizing: border-box;
	padding: 1.250rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ocmh-title-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
}

.ocmh-logo {
	width: 70px;
	height: 40px;
	object-fit: contain;
}

.ocmh-title-wrap>.ocmh-title {
	color: var(--olivin_title);
	font-weight: 700;
	font-size: 1.062rem;
}

.oli-cookie-modal-center {
	width: 100%;
	box-sizing: border-box;
	padding: 1.250rem;
	line-height: 1;
	max-height: 170px;
	overflow: auto;
	border-top: 1px solid var(--olivin_border_1);
	border-bottom: 1px solid var(--olivin_border_1);
}

.oli-cookie-modal-center>.oli-text {
	color: var(--olivin_text_2);
	font-size: 0.812rem;
}

.oli-cookie-modal-center::-webkit-scrollbar {
	width: 5px;
	color: red;
}

.oli-cookie-modal-center::-webkit-scrollbar-thumb {
	background-color: rgb(134, 134, 134);
}

.oli-cookie-modal-bottom {
	width: 100%;
	box-sizing: border-box;
	padding: 1.250rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	align-items: center;
}

.oli-cookie-modal-bottom>.ocmb-decline {
	display: block;
	padding: 0.812rem 20px;
	border-radius: 10px;
	font-size: 0.938rem;
	border: none;
	background-color: transparent;
	transition: all .3s ease;
	cursor: pointer;
	border-radius: var(--olivin_radius_2);
}

.oli-cookie-modal-bottom>.ocmb-decline:hover {
	background-color: #8181a223;
}

.oli-cookie-modal-bottom>.ocmb-accept {
	display: block;
	padding: 0.750rem 19px;
	border-radius: 10px;
	font-size: 0.938rem;
	border: none;
	background-color: var(--olivin_1);
	color: #fff;
	transition: all .3s ease;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: var(--olivin_radius_2);
}

.oli-cookie-modal-bottom>.ocmb-accept:hover {
	background-color: #fff;
	color: var(--olivin_1);
	border: 1px solid var(--olivin_1);
}

.oli-cookie-modal-bottom>.ocmb-settings:hover {
	background-color: #fff;
	color: var(--olivin_1);
	border: 1px solid var(--olivin_1);
}

.oli-cookie-modal-bottom>.ocmb-settings {
	display: block;
	padding: 0.750rem 19px;
	border-radius: 10px;
	font-size: 0.938rem;
	border: none;
	background-color: var(--olivin_1);
	color: #fff;
	transition: all .3s ease;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: var(--olivin_radius_2);
}

.oli-cookie-modal-bottom>.ocmb-settings:hover {
	background-color: #fff;
	color: var(--olivin_1);
	border: 1px solid var(--olivin_1);
}

.ad-manage-sticky-bottom-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 15;
	background-color: #fff;
	border-top: 1px solid var(--olivin_border_1);
	animation: slide-in-bottom .8s ease;
}

.ad-manage-sticky-bottom-1 {
	position: relative;
}

/* Show */

#admsb_show {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	font-size: 0.875rem;
	padding: 0.250rem 15px;
	color: rgb(56, 56, 56);
	background-color: #fff;
	border-radius: var(--olivin_radius_2);
	border: 1px solid var(--olivin_border_1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all .4s ease;
}

#admsb_show:hover {
	background-color: var(--olivin_1);
	color: #fff;
	border: 1px solid var(--olivin_1);
}

#admsb_show>i {
	margin-right: 0.5rem;
}

/* Close */

#admsb_close {
	position: absolute;
	right: 10px;
	top: -40px;
	font-size: 0.875rem;
	padding: 0.250rem 15px;
	color: rgb(56, 56, 56);
	background-color: #fff;
	border-radius: var(--olivin_radius_2);
	border: 1px solid var(--olivin_border_1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .4s ease;
}

#admsb_close:hover {
	background-color: var(--olivin_1);
	color: #fff;
	border: 1px solid var(--olivin_1);
}

#admsb_close>i {
	margin-right: 0.5rem;
}

.ad-manage-sticky-bottom-1 img {
	width: auto;
	height: auto;
	display: block;
}

.sb-ad-html, .sb-ad-js, .sb-ad-image {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

/* Category List 1 */

.oli-category-list-1 {
	width: 100%;
	display: flex;
	white-space: nowrap;
	gap: 20px;
	overflow-x: scroll;
	justify-content: space-between;
}

.oli-category-list-1-item {
	text-align: center;
	width: 105px;
}

.oli-category-list-1-item .oli-category-list-1-image {
	min-width: 90px;
	height: 90px;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid rgba(148, 148, 148, 0.35);
}

.oli-category-list-1-title {
	font-size: 1.0rem;
	font-weight: 600;
}

/* Packages */

.oli-packages-1 .pricing-cards {
	display: grid;
	row-gap: 50px;
	column-gap: 30px;
	grid-template-columns: repeat(3, 1fr)
}

.oli-packages-1 .pricing-card {
	background: #fff;
	border-radius: var(--olivin_radius);
	padding: 1.875rem;
	text-align: center;
	position: relative;
	height: max-content;
	width: 100%;
}

.oli-packages-1 .popular {
	background: #fff;
	border: 3px solid var(--olivin_1);
}

.oli-packages-1 .popular-badge {
	position: absolute;
	top: -15px;
	right: 20px;
	background: var(--olivin_1);
	color: #ffffff;
	padding: 0.312rem 15px;
	border-radius: var(--olivin_radius);
	font-size: 0.9rem;
	font-weight: bold;
}

.oli-packages-1 .popular-badge i {
	margin-right: 0.312rem;
}

.oli-packages-1 .package-name {
	font-size: 1.3rem;
	font-weight: bold;
	color: var(--olivin_title);
	margin-bottom: 1.250rem;
}

.oli-packages-1 .package-name i {
	color: var(--olivin_1);
	margin-right: 0.625rem;
}

.oli-packages-1 .price {
	margin: 1.562rem 0;
	color: var(--olivin_1);
}

.oli-packages-1 .price .currency {
	font-size: 1.3rem;
	font-weight: bold;
	vertical-align: top;
	margin-right: 0.312rem;
}

.oli-packages-1 .price .amount {
	font-size: 3.5rem;
	font-weight: bold;
}

.oli-packages-1 .price .period {
	color: var(--olivin_text_1);
	font-size: 1rem;
}

.oli-packages-1 .features {
	margin: 1.875rem 0;
	padding: 0;
}

.oli-packages-1 .features li {
	padding: 0.625rem 0;
	color: var(--olivin_text_2);
	border-bottom: 1px solid var(--olivin_border_1);
	text-align: left;
	font-size: 0.875rem;
	list-style: none;
}

.oli-packages-1 .features li:last-child {
	border-bottom: none;
}

.oli-packages-1 .features li i {
	margin-right: 0.5rem;
	color: var(--olivin_1);
}

.oli-packages-1 .cta-button {
	background: var(--olivin_1);
	color: #ffffff;
	border: none;
	padding: 0.625rem 20px;
	border-radius: var(--olivin_radius);
	font-weight: 500;
	cursor: pointer;
	width: 100%;
	display: inline-block;
	font-size: 0.938rem;
}

.oli-packages-1 .cta-button i {
	margin-left: 0.5rem;
}

.oli-packages-1-features-wrap,
.oli-packages-1-faq-wrap {
	position: relative;
}

.oli-packages-1-features-wrap>h2,
.oli-packages-1-faq-wrap>h2 {
	margin: 3.750rem 0 30px 0;
	text-align: center;
}

.op1-features-list {
	gap: 20px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.op1-features-list-item {
	background-color: #fff;
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.op1-features-list-item>i {
	line-height: 1;
	padding: 0.625rem;
	font-size: 1.250rem;
	background-color: #00000015;
	border-radius: var(--olivin_radius_2);
}

.op1-features-list-item>.oli-text {
	text-align: center;
	margin: 0;
}

.faq-item {
	background: #fff;
	border-radius: 8px;
	margin-bottom: 1rem;
}

.faq-trigger {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.25rem;
	border: none;
	text-align: left;
	cursor: pointer;
	font-weight: 500;
	background: none;
	color: var(--olivin_title);
}

.faq-trigger .icon {
	color: var(--olivin_2);
	transition: .2s;
}

.faq-trigger[aria-expanded="true"] .icon {
	transform: rotate(180deg);
}

.faq-content {
	max-height: 0;
	overflow: hidden;
	transition: .25s;
}

.faq-content-inner {
	padding: 1.25rem;
	color: var(--olivin_text_1);
	line-height: 1.6;
	font-size: 0.875rem;
}


/* contact page 1*/

.oli-contact-1-container {
	width: 100%;
	background: white;
	border-radius: var(--olivin_radius);
	display: flex;
	overflow: hidden;
}

.oli-contact-1-info {
	flex: 1;
	background: var(--olivin_1);
	color: white;
	padding: 2.5rem;
	position: relative;
}

.oli-contact-1-info h2 {
	margin-bottom: 1.875rem;
	font-weight: 600;
	color: #fff;
	border-color: #fff;
}

.oli-contact-1-info-item {
	display: flex;
	align-items: center;
	margin-bottom: 1.250rem;
}

.oli-contact-1-info-item p {
	color: #fff !important;
	margin: 0;
}

.oli-contact-1-info-item i {
	font-size: 1.250rem;
	margin-right: 0.938rem;
}

.oli-contact-1-map {
	margin-top: 1.875rem;
	border-radius: 10px;
	overflow: hidden;
}

.oli-contact-1-form {
	flex: 1;
	padding: 3.125rem;
	background: white;
}

.oli-contact-1-form-group {
	position: relative;
	margin-bottom: 1.875rem;
}

.oli-contact-1-form-group input,
.oli-contact-1-form-group textarea {
	width: 100%;
	padding: 0.625rem 0;
	font-size: 1.0rem;
	border: none;
	border-bottom: 2px solid #ddd;
	outline: none;
	transition: border-color 0.3s ease;
	background: transparent;
	border-radius: 0;
}

.oli-contact-1-form-group label {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 1.0rem;
	color: var(--olivin_text_1);
	pointer-events: none;
	transition: all 0.3s ease;
}


.oli-contact-1-form-group input:focus,
.oli-contact-1-form-group textarea:focus {
	border-bottom-color: #667eea;
}

.oli-contact-1-form-group input:focus~label,
.oli-contact-1-form-group textarea:focus~label,
.oli-contact-1-form-group input:not(:placeholder-shown)~label,
.oli-contact-1-form-group textarea:not(:placeholder-shown)~label {
	top: -20px;
	font-size: 0.750rem;
	color: #667eea;
}

.oli-contact-1-form-group input::placeholder,
.oli-contact-1-form-group textarea::placeholder {
	color: transparent;
}

.oli-contact-1-form-group input:focus::placeholder,
.oli-contact-1-form-group textarea:focus::placeholder {
	color: #999;
}

.oli-contact-1-form-group textarea {
	height: 100px;
	resize: none;
}

.oli-contact-1-submit-btn {
	background: var(--olivin_2);
	color: white;
	padding: 0.938rem 40px;
	border: none;
	border-radius: var(--olivin_radius);
	font-size: 1.0rem;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.oli-contact-1-submit-btn:hover {
	transform: translateY(-3px);
}

/*Standings*/

.oli-standing-table * {
	font-family: "Noto Sans", sans-serif;
}

.oli-standing-table {
	overflow: auto;
}

.oli-standing-table .last-updated {
	text-align: left;
	color: var(--olivin_text_1);
	margin-bottom: 1.250rem;
	font-size: 0.812rem;
	display: flex;
	justify-content: space-between;
}

.oli-standing-table table {
	width: 100%;
	border-collapse: collapse;
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
	overflow: hidden;
	border-bottom: none;
	margin: 0;
}

.oli-standing-table th,
.oli-standing-table td {
	padding: 0.5rem;
	text-align: center;
	border-bottom: 1px solid var(--olivin_border_1);
	border: none;
	color: var(--olivin_text_1);
	font-size: 0.938rem;
}

.oli-standing-table th {
	background: #1a365d;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.875rem;
	letter-spacing: 0.05em;
	padding: 0.938rem 8px;
	width: 70px;
}

.oli-standing-table th:first-child {
	border-radius: var(--olivin_radius) 0 0 0;
}

.oli-standing-table th:last-child {
	border-radius: 0 var(--olivin_radius) 0 0;
}

.oli-standing-table tr:hover {
	background-color: #f8fafc;
}

.oli-standing-table td:nth-child(2) {
	text-align: left;
	font-weight: 500;
	color: var(--olivin_text_1);
	font-size: 0.875rem;
	display: inline-block;
	max-width: 21ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.oli-standing-table tr:nth-child(even) {
	background-color: #f9fafb;
}

.oli-standing-table tr:nth-child(-n+2) td:first-child {
	background: #34A853;
	color: #fff;
	border-bottom: 1px solid var(--olivin_border_1);
}

.oli-standing-table tr:nth-last-child(-n+4) td:first-child {
	background: #ef4444;
	color: #fff;
	border-bottom: 1px solid var(--olivin_border_1);
}

.oli-standing-table td:first-child {
	font-weight: 600;
	color: #1a365d;
}

.oli-standing-table td:last-child {
	font-weight: 600;
	color: #1a365d;
}

.oli-standing-table tr {
	transition: background-color 0.2s ease;
}

@media (max-width: 480px) {

	.oli-standing-table th,
	.oli-standing-table td {
		font-size: 0.75rem;
		padding: 0.5rem 0.25rem;
	}
}

/* Login page */

.oli-login-page .container {
	width: 500px;
	max-width: 100%;
	padding: 1.250rem;
	background: #fff;
	border-radius: var(--olivin_radius);
}

.oli-login-page-tabs {
	display: flex;
	gap: 5px;
	margin-bottom: 1.250rem;
}

.oli-login-page-tab {
	flex: 1;
	padding: 0.750rem;
	background: #7676761a;
	border: none;
	border-radius: var(--olivin_radius_2);
	cursor: pointer;
	transition: all 0.3s;
	font-size: 0.812rem;
}

.oli-login-page-tab.active {
	background: var(--olivin_2);
	color: white;
}

.oli-login-page-form {
	display: none;
}

.oli-login-page-form.active {
	display: block;
}

.form-group {
	margin-bottom: 0.938rem;
}

.form-group input {
	width: 100%;
	padding: 0.750rem;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius_2);
	font-size: 1.0rem;
	background-color: transparent;
}

.oli-login-page-btn {
	width: 100%;
	padding: 0.750rem;
	background: var(--olivin_2);
	color: white;
	border: none;
	border-radius: var(--olivin_radius_2);
	cursor: pointer;
	font-size: 0.875rem;
	transition: background 0.3s;
}

.oli-login-page-btn:hover {
	color: var(--olivin_2);
	background-color: #fff;
}

.oli-login-page-alert p {
	padding: 0.875rem;
	margin-bottom: 1.250rem;
	border-radius: var(--olivin_radius_2);
}

.oli-login-page-alert.error p {
	background: #f8d7da;
	color: #72131d !important;
}

.oli-login-page-alert.success p {
	background: #d4edda;
	color: #135d24;
}

.remember-me {
	display: block;
	margin: 0.625rem 0;
}

.oli-login-page-welcome {
	width: 100%;
	text-align: center;
}

.oli-login-page-welcome svg {
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 50% 50% 0 0;
	margin: -50px 0 -10px 0;
	padding: 1.250rem;
}

.oli-login-page-welcome h1 {
	margin-bottom: 1.875rem;
}

@media (max-width: 480px) {
	.oli-login-page-tabs {
		flex-direction: column;
	}
}

/* Comment List 1 */

.oli-comment-list {
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(290px, min(100%, 1fr)));
	gap: 15px;
}

.oli-comment-list-item {
	background-color: #57575c12;
	padding: 0.625rem;
	border-radius: var(--olivin_radius);
}

.oli-comment-list-top>a {
	display: flex;
	align-items: center;
}

.oli-comment-list-top>a img {
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--olivin_border_1);
	max-width: 38px;
	max-height: 38px;
}

.oli-comment-list-top {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 0.625rem;
}

.oli-comment-list-author-data {
	position: relative;
	width: 100%;
}

.oli-comment-list-link {
	position: absolute !important;
	right: 0;
	top: 0;
	color: var(--olivin_2);
}

.oli-comment-list-author-name {
	display: block;
	font-size: 0.875rem;
	text-transform: capitalize;
	font-weight: 600;
	color: var(--olivin_text_2);
	margin-right: 5.125rem;
	width: 100%;
}

.oli-comment-list-comment-time {
	display: block;
	font-size: 0.688rem;
}

.oli-comment-list-content {
	font-size: 0.750rem;
	color: var(--olivin_text_1);
}

/*Vat Calculator*/

.oli-calculator-form-groups {
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	gap: 15px;
}

.oli-calculator-form-groups {
	margin-bottom: 0.938rem;
}

.oli-calculator label {
	display: block;
	font-weight: 500;
	color: var(--olivin_text_2);
	margin-bottom: 0.5rem;
	font-size: 0.938rem;
}

.oli-calculator select,
.oli-calculator input {
	width: 100%;
	padding: 0.750rem 15px;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	font-size: 0.875rem;
	background-color: #fff;
}

.oli-calculator button {
	background-color: var(--olivin_1);
	color: white;
	padding: 0.625rem 20px;
	border: none;
	border-radius: var(--olivin_radius);
	cursor: pointer;
	font-size: 0.875rem;
	transition: all .3s ease;
}

.oli-calculator button:hover {
	background-color: var(--olivin_2);
}

.oli-calculator .result {
	margin-top: 1.250rem;
	padding: 0.938rem;
	border: 1px solid rgba(0, 128, 0, 0.123);
	border-radius: var(--olivin_radius);
	background-color: #fff;
	display: none;
	animation: zoomIn .3s;
}

.oli-calculator .result p {
	margin: 0.312rem 0;
	font-size: 1.0rem;
}

.oli-calculator table thead tr th {
	background-color: #1a365d;
}

/*header notification*/

.notification-container {
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.header-2-wrapper .notification-bell {
	color: #fff;
}

.notification-bell {
	position: relative;
	cursor: pointer;
	border-radius: 50%;
	transition: 0.3s;
}

.notification-bell:hover {
	color: #b4b4b4;
}

.notification-bell i {
	font-size: 1.5rem;
}

.notification-badge {
	position: absolute;
	top: 0;
	right: 0;
	background: #ef4444;
	color: #fff;
	border-radius: 50%;
	padding: 0.25rem 0.2rem;
	font-size: 0.75rem;
	font-weight: 600;
	transform: translate(25%, -25%);
	line-height: 1;
	width: 20px;
	height: 20px;
	text-align: center;
}

.notification-panel {
	position: fixed;
	top: calc(123px + 1rem);
	right: 5rem;
	width: 360px;
	background: #fff;
	border-radius: var(--olivin_radius);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.notification-panel.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	z-index: 14;
}

.notification-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid var(--olivin_border_1);
}

.notification-header>span {
	font-size: 1.0rem;
	font-weight: 600;
	color: var(--olivin_title);
}

.mark-all-read {
	background: none;
	border: none;
	color: var(--olivin_text_2);
	font-size: 0.812rem;
	cursor: pointer;
	border-radius: var(--olivin_radius);
	transition: 0.3s;
	padding: 0;
}

.mark-all-read:hover {
	color: var(--olivin_1);
}

.notification-list {
	max-height: 400px;
	overflow-y: auto;
}

.notification-item {
	display: flex;
	padding: 1rem;
	transition: 0.3s;
}

.notification-item:last-child {
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}

.notification-item:not(:last-child) {
	border-bottom: 1px solid var(--olivin_border_1);
}

.notification-item:hover {
	background: #f9fafb;
}

.notification-item.unread {
	background: #f3f4f6;
	width: 100%;
}

.notification-item.unread:last-child {
	border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}

.notification-icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}

.notification-content {
	flex: 1;
}

.notification-text {
	color: var(--olivin_text_2);
	font-size: 0.750rem;
	margin: 0;
}

.notification-time {
	color: #9ca3af;
	font-size: 0.688rem;
}

.notification-list::-webkit-scrollbar {
	width: 6px;
}

.notification-list::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.notification-list::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 3px;
}

.notification-list::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

/* Discovery Page */

.oli-disc-filters {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.oli-disc-filter-group {
	display: flex;
	gap: 1rem;
}

.oli-disc-select-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.oli-disc-select-wrapper i {
	position: absolute;
	left: 1rem;
	color: var(--olivin_2);
	pointer-events: none;
	font-size: 0.875rem;
}

.oli-disc-styled-select {
	appearance: none;
	padding: 0.75rem 2.5rem 0.75rem 2.75rem;
	border-radius: var(--olivin_radius);
	background-color: white;
	font-size: 0.9375rem;
	color: #0f172a;
	cursor: pointer;
	min-width: 180px;
	transition: all 0.2s ease;
}

.oli-disc-styled-select:hover {
	border-color: var(--olivin_2);
}

.oli-disc-styled-select:focus {
	outline: none;
	border-color: var(--olivin_2);
}

.oli-disc-reset {
	appearance: none;
	border-radius: var(--olivin_radius);
	background-color: #fff;
	font-size: 0.9375rem;
	cursor: pointer;
	min-width: 140px;
	transition: all 0.3s ease;
	color: #0f172a;
	border: none;
	padding: 0.938rem;
	white-space: nowrap;
}

.oli-disc-reset:hover {
	background-color: rgb(177, 28, 28);
	color: #fff;
}

.oli-disc-reset:focus {
	outline: none;
	border-color: var(--olivin_2);
}

.oli-disc-reset i {
	margin-right: 1.125rem;
	color: rgb(177, 28, 28);
	transition: all .3s ease;
}

.oli-disc-reset:hover i {
	color: #fff;
}

.oli-disc-view-options {
	display: flex;
	gap: 0.75rem;
}

.oli-disc-view-btn {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	border: 1px solid #e2e8f0;
	background-color: white;
	border-radius: var(--olivin_radius);
	cursor: pointer;
	font-size: 0.9375rem;
	color: #475569;
	transition: all 0.2s ease;
}

.oli-disc-view-btn:hover {
	border-color: var(--olivin_2);
	color: var(--olivin_2);
}

.oli-disc-view-btn.oli-disc-active {
	background: var(--olivin_2);
	color: white;
	border-color: transparent;
}

.oli-disc-news-container {
	margin: 2.5rem 0 0 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 15px;
}

.oli-disc-news-card {
	background-color: white;
	border-radius: var(--olivin_radius);
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.oli-disc-news-card:hover {
	transform: translateY(-6px);
}

.oli-disc-card-media {
	position: relative;
	overflow: hidden;
	height: 175px;
}

.oli-disc-card-media img {
	width: 100%;
	height: 175px;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.oli-disc-news-card:hover .oli-disc-card-media img {
	transform: scale(1.05);
}

.oli-disc-reading-time {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	padding: 0.312rem 8px;
	border-radius: var(--olivin_radius_2);
	font-size: 0.8125rem;
	backdrop-filter: blur(3px);
}

.oli-disc-reading-time i {
	margin-right: 0.375rem;
}

.oli-disc-content {
	padding: 0.938rem;
}

.oli-disc-content h2 {
	border: none;
}

.oli-disc-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.938rem;
}

.oli-disc-views {
	color: var(--olivin_text_2);
	font-size: 0.875rem;
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.oli-disc-views i {
	color: var(--olivin_2);
	font-size: 0.750rem;
}

.oli-disc-news-card h2 {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 1.062rem;
	line-height: 1.4;
	font-weight: 700;
	color: var(--olivin_title);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.oli-disc-news-card p {
	color: var(--olivin_text_1);
	font-size: 0.875rem;
	margin-bottom: 0.938rem;
}

.oli-disc-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0.938rem;
	border-top: 1px solid var(--olivin_border_1);
}

.oli-disc-news-container time {
	color: var(--olivin_text_2);
	font-size: 0.812rem;
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.oli-disc-news-container time i {
	color: var(--olivin_2);
	font-size: 0.750rem;
}

.oli-disc-actions {
	display: flex;
	gap: 0.75rem;
}

.oli-disc-action-btn {
	background: none;
	border: none;
	color: var(--olivin_text_2);
	cursor: pointer;
	padding: 0.5rem;
	font-size: 1.125rem;
	transition: all 0.2s ease;
	border-radius: 8px;
}

.oli-disc-action-btn:hover {
	color: var(--olivin_2);
	background-color: #f1f5f9;
	transform: translateY(-1px);
}

.oli-disc-load-more {
	text-align: center;
	padding: 3rem 0 0 0;
	color: var(--olivin_text_2);
	font-style: italic;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	font-size: 0.9375rem;
}

.oli-disc-load-more i {
	color: var(--olivin_2);
	font-size: 1.125rem;
}

@media (max-width: 768px) {
	.oli-disc-filters {
		flex-direction: column;
		gap: 1.25rem;
	}

	.oli-disc-filter-group {
		width: 100%;
		flex-direction: column;
	}

	.oli-disc-select-wrapper {
		width: 100%;
	}

	.oli-disc-styled-select {
		width: 100%;
	}

	.oli-disc-view-options {
		width: 100%;
		justify-content: center;
	}

	.oli-disc-reset {
		width: 100%;
		text-align: left;
	}
}

@keyframes oli-disc-spin {
	0% {
		transform: rotate(0deg);
	}

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

.fa-spinner {
	animation: oli-disc-spin 1s linear infinite;
}

/* User Navbar  */

.oli-mobile-quick-menu {
	position: fixed;
	right: 20px;
	bottom: 65px;
	background-color: #fff;
	padding: 0.5rem;
	border-radius: var(--olivin_radius);
	display: none;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	min-width: 180px;
	animation: slide-in-bottom .4s ease;
}

.oli-mobile-quick-menu.active {
	display: block;
}

.oli-mobile-quick-menu-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.375rem;
	border-radius: var(--olivin_radius);
	border: 0;
	background-color: transparent;
	width: 100%;
	cursor: pointer;
	position: relative;
}

.oli-mobile-quick-menu-item .oli-mode-switcher {
	position: absolute;
	left: 6px;
	right: 6px;
	top: 4px;
}

.oli-mobile-quick-menu-item span {
	color: var(--olivin_text_2);
	font-size: 0.812rem;
	width: 100%;
	text-align: right;
}

.oli-mobile-quick-menu-item:not(:last-child) {
	margin-bottom: 0.5rem;
}

.oli-mobile-quick-menu-item svg {
	width: 18px;
	height: 18px;
}

.oli-mobile-quick-menu-item .oli-mode-switcher {
	margin-bottom: 0.375rem;
	margin-left: -1px;
}

.oli-mobile-quick-menu-item.log-out {
	border-radius: var(--olivin_radius);
	background-color: rgba(255, 0, 0, 0.084);
	color: rgb(212, 20, 20) !important;
}

.oli-mobile-quick-menu-item.log-out span {
	color: rgb(212, 20, 20);
}

.oli-mobile-quick-menu-item .oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunMoon {
	color: #040202;
}

.oli-login-page {
	padding: 3.750rem 0;
	margin: 0;
}

.banned-user-profile-notification {
	padding: 0.938rem;
	border-radius: var(--olivin_radius);
	text-align: left;
	margin-top: 1.250rem;
}

.banned-user-profile-notification p {
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 0.5rem;
	color: #D32F2F;
}

.banned-user-profile-notification span {
	font-size: 0.812rem;
}

/* Tabs Widget 1 */

.oli-tabs-widget-1-container {
	width: 100%;
	overflow: hidden;
}

.oli-tabs-widget-1-tabs {
	display: flex;
	margin-bottom: 1.250rem;
}

.oli-tabs-widget-1-tab {
	flex: 1;
	text-align: center;
	padding: 0.812rem 10px;
	cursor: pointer;
	font-weight: 600;
	color: var(--olivin_title);
	transition: 0.3s;
	background: #fff;
	font-size: 0.938rem;
}

.oli-tabs-widget-1-tabs>button {
	border: 1px solid var(--olivin_border_1);
	background-color: transparent;
}

.oli-tabs-widget-1-tabs>button:nth-child(1) {
	border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
	border: none;
	background-color: #b5b5b563;
}

.oli-tabs-widget-1-tabs>button:nth-child(2) {
	border-radius: 0 var(--olivin_radius) var(--olivin_radius) 0;
	border: none;
	background-color: #b5b5b563;
}

.oli-tabs-widget-1-tab.oli-tabs-widget-1-active {
	background: var(--olivin_2) !important;
	border: 1px solid var(--olivin_2);
	color: white;
}

.oli-tabs-widget-1-content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
	grid-gap: 15px;
}


.oli-tabs-widget-1-card {
	display: flex;
	gap: 8px;
	border-radius: var(--olivin_radius);
	transition: 0.3s;
	animation: slide-in-bottom .3s ease;
	border: 1px solid var(--olivin_border_1);
}

.oli-tabs-widget-1-card img {
	width: 80px;
	height: 65px;
	object-fit: cover;
	border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
	display: block;
}

.oli-tabs-widget-1-card-content {
	flex: 1;
	padding: 0.375rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.oli-tabs-widget-1-card-content a {
	text-decoration: none;
	font-size: 0.812rem;
	color: var(--olivin_title);
	font-weight: 500;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	transition: all .3s ease;
}

.oli-tabs-widget-1-card-content a:hover {
	text-decoration: none;
	color: var(--olivin_1);
}

.oli-tabs-widget-1-date {
	font-size: 0.750rem;
	color: var(--olivin_text_1);
}

/* Post Related Popup */

.oli-post-related-popup {
	position: fixed;
	width: 260px;
	max-width: 100%;
	right: 20px;
	bottom: 20px;
	background-color: #fff;
	border: 1px solid var(--olivin_border_1);
	border-radius: var(--olivin_radius);
	padding: 0.938rem;
	z-index: 999;
}

.oli-post-related-popup-name {
	color: var(--olivin_title);
	font-weight: 600;
	font-size: 0.938rem;
	position: relative;
	padding-left: 0.938rem;
}

#oli-post-related-popup-close {
	color: var(--olivin_title);
	font-size: 1.062rem;
	cursor: pointer;
	transition: all .3s ease;
}

#oli-post-related-popup-close:hover {
	color: red;
}

.oli-post-related-popup-name:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: var(--olivin_1);
	content: '';
	border-radius: var(--olivin_radius_2);
}

.oli-post-related-popup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.938rem;
	padding-bottom: 0.938rem;
	border-bottom: 1px solid var(--olivin_border_1);
}

.oli-post-related-popup-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block
}

.oli-post-related-popup-content {
	position: relative;
}

.oli-post-related-popup-img img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	border-radius: var(--olivin_radius);
}

.oli-post-related-popup-title {
	margin: 0.625rem 0 15px 0;
	display: block;
	text-decoration: none;
	color: var(--olivin_title) !important;
	font-weight: 600;
	font-size: 0.875rem;
}

.oli-post-related-popup-meta {
	display: flex;
	align-items: center;
	gap: 10px;
}

.oli-post-related-popup-meta i {
	font-size: 0.750rem;
}

.oli-post-related-popup-meta span {
	font-size: 0.750rem;
}

/*AUTHORS PAGE*/

.oli-author-card-2-author-list {
	display: grid;
	gap: 20px;
}

.oli-author-card-2-author-card {
	background: #fff;
	border-radius: var(--olivin_radius);
	padding: 1.250rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.oli-author-card-2-author-info {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.oli-author-card-2-author-avatar {
	display: inline-flex;
}

.oli-author-card-2-author-avatar img {
	min-width: 70px;
	height: 70px;
	border-radius: 50%;
	object-fit: cover;
}

.oli-author-card-2-author-details {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.oli-author-card-2-author-header {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.oli-author-card-2-author-name {
	font-size: 1.0rem !important;
	font-weight: 600;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.oli-author-card-2-author-name a {
	color: var(--olivin_title);
}

.oli-author-card-2-author-role {
	color: var(--olivin_text_2);
	font-size: 0.812rem;
	font-weight: 400;
	padding: 0.188rem 6px;
	background-color: #96969636;
	border-radius: var(--olivin_radius_2);
}

.oli-author-card-2-author-bio {
	color: var(--olivin_text_1);
	font-size: 0.812rem;
	margin: 0 !important;
}

.oli-author-card-2-author-stats {
	display: flex;
	gap: 2rem;
}

.oli-author-card-2-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
}

.oli-author-card-2-stat-number {
	font-size: 1.0rem;
	font-weight: 600;
	color: var(--olivin_title);
}

.oli-author-card-2-stat-label {
	font-size: 0.750rem;
	color: var(--olivin_text_1);
	letter-spacing: 0.05em;
}

.author-reference {
	padding: 3.750rem 0 0 0;
}

.author-reference .container {
	padding: 1.250rem;
	border-radius: var(--olivin_radius);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.author-reference .left {
	display: flex;
	align-items: center;
	gap: 20px;
	color: #fff;
	width: 60%;
}

.author-reference .author-reference-text {
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}

.author-reference .author-reference-text .title {
	color: #fff;
	font-weight: 600;
	font-size: 1.125rem;
}

.author-reference .left i {
	background-color: #ffffff50;
	padding: 0.625rem;
	border-radius: var(--olivin_radius_2);
}

.author-reference .left span {
	font-size: 0.875rem;
}

.author-reference .right {
	width: 30%;
}

.author-reference .right a {
	background-color: #ffffff50;
	float: right;
	padding: 0.625rem 25px;
	border-radius: var(--olivin_radius);
	font-size: 0.938rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 15px;
	color: #fff;
	transition: all .3s ease;
}

.author-reference .right a:hover {
	background-color: #fff;
	color: var(--olivin_1);
}

/*ARCHIVE HEADLINE*/

.oli-headline-ar-container {
	display: flex;
	gap: 20px;
	margin-bottom: 1.250rem;
}

.oli-headline-ar-main-content {
	display: flex;
	flex-direction: column;
	height: 380px;
	width: 69.66666667%;
	max-width: 69.66666667%;
}

#oli-headline-ar-headlines-container {
	position: relative;
	flex-grow: 1;
	overflow: hidden;
	border-radius: var(--olivin_radius);
}

.oli-headline-ar-headline-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out;
}

.oli-headline-ar-headline-container.active {
	opacity: 1;
	visibility: visible;
}

.oli-headline-ar-tag {
	position: absolute;
	top: 20px;
	left: 0;
	background-color: var(--olivin_1);
	color: white;
	padding: 0.375rem 15px;
	font-weight: 500;
	z-index: 1;
	border-radius: 0 var(--olivin_radius) var(--olivin_radius) 0;
	font-size: 1.0rem;
}

.oli-headline-ar-headline-image {
	position: relative;
	height: 100%;
	border-radius: var(--olivin_radius);
}

.oli-headline-ar-headline-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: var(--olivin_radius);
}

.oli-headline-ar-headline-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	color: #fff;
	padding: 1.875rem;
	font-size: 2.0rem;
	margin: 0;
}

.oli-headline-ar-headline-title a {
	color: #fff;
}

.oli-headline-ar-pagination {
	display: flex;
	gap: 5px;
	padding: 0.625rem 0;
	background: #fff;
	justify-content: center;
	margin-top: 1.250rem;
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
	overflow-x: auto;
}

.oli-headline-ar-page-number {
	width: 30px;
	height: 30px;
	border: none;
	background: none;
	cursor: pointer;
	font-weight: bold;
	color: var(--olivin_text_1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.oli-headline-ar-page-number.active {
	background-color: var(--olivin_1);
	color: white;
	border-radius: 4px;
}

.oli-headline-ar-sidebar {
	background: #fff;
	padding: 0.938rem;
	max-height: 380px;
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
	max-width: 30.33333333%;
	min-width: 30.33333333%;
	width: 30.33333333%;
	overflow: auto;

}

.oli-headline-ar-side-news {
	height: 100%;
	overflow-y: auto;
	scrollbar-width: thin;
}

.oli-headline-ar-news-item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 0.938rem;
	cursor: pointer;
	transition: background-color 0.2s ease;
	border-radius: var(--olivin_radius);
}

.oli-headline-ar-news-item:hover {
	background-color: rgb(169 169 169 / 8%);
}

.oli-headline-ar-news-item.active {
	background-color: rgb(169 169 169 / 20%);
}

.oli-headline-ar-news-item:last-child {
	border-bottom: none;
}

.oli-headline-ar-number {
	font-size: 2.0rem;
	color: var(--olivin_text_2);
	font-weight: 300;
	min-width: 32px;
}

.oli-headline-ar-news-item p {
	font-size: 0.938rem;
	font-weight: 500;
	color: var(--olivin_text_2);
	margin: 0;
	line-height: 1.4;
}

/* v1.5 */


/* OLIVIN IMAGE SLIDER AND LIGHTBOX */


.img-enlarged__cont {
	width: 100%;
	height: 0;
	opacity: 0;
	cursor: zoom-out;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	visibility: hidden;
}

.img-enlarged__cont.open {
	height: 100%;
	opacity: 1;
	z-index: 99999;
	visibility: visible;
}

.img-enlarged {
	max-width: 90%;
	max-height: 80%;
	border: 5px solid #eee;
	display: block;
	margin: auto;
	position: relative;
	top: 10%;
	border-radius: var(--olivin_radius);
}

.img-enlarged__nav {
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	z-index: 999;
	height: 100%;
	width: 10%;
	position: absolute;
	top: 0;
	transition: 0.3s width, 0.2s background;
}

.img-enlarged__nav:hover {
	background: rgba(0, 0, 0, 0.8);
	width: 11%;
}

.img-enlarged__nav:active {
	width: 12%;
}

.img-enlarged__nav span {
	font-size: 25px;
	color: #fff;
}

.img-enlarged__nav.prev {
	left: 0;
}

.img-enlarged__nav.prev::after {
	content: "<";
	font-size: 50px;
	font-family: monospace;
	color: #fff;
	position: absolute;
	left: 40%;
	top: 49%;
}

.img-enlarged__nav.next {
	right: 0;
}

.img-enlarged__nav.next::after {
	content: ">";
	font-size: 50px;
	font-family: monospace;
	color: #fff;
	position: absolute;
	right: 40%;
	top: 49%;
}

.img-enlarged__counter {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-family: monospace;
	width: 50px;
	text-align: center;
	font-size: 15px;
	padding: 7px 0;
	margin: auto;
	position: absolute;
	left: 49%;
	bottom: 5%;
}

.gallery img {
	cursor: zoom-in;
}

.article-summary-btn {
	position: relative;
	background: #fff;
	color: var(--olivin_text_2);
	border: 1px solid transparent;
	border-radius: var(--olivin_radius);
	padding: 0.625rem 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	z-index: 1;
}

.article-summary-btn::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: linear-gradient(135deg, #cb317f, #46c9d9);
	border-radius: inherit;
	z-index: -1;
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask-composite: exclude;
	-webkit-mask-composite: destination-out;
	padding: 1.5px;
}

.oli-modal-wrap.article-summary {
	width: 650px;
	padding: 1.875rem;
}

.oli-modal-wrap.article-summary .oli-modal-title {
	font-size: 1.125rem;
}

.oli-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #00000054;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	animation: fadeIn .3s;
}

.oli-modal-wrap {
	background-color: #fff;
	width: 600px;
	max-width: 100%;
	padding: 1.250rem;
	border-radius: var(--olivin_radius);
	position: relative;
	background-clip: padding-box;
}

.oli-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--olivin_border_1);
	padding-bottom: 0.625rem;
	margin-bottom: 0.625rem;
	gap: 15px;
}

.oli-modal-title {
	color: var(--olivin_title);
	font-size: 1.375rem;
	font-weight: 600;
}

.oli-modal-close {
	line-height: normal;
	cursor: pointer;
}

.oli-modal-close i {
	font-size: 1.5rem;
}

.oli-modal-content p {
	margin: 0;
	font-size: 1.0rem;
	text-align: justify;
}

.oli-modal-content {
	max-height: 350px;
	overflow-y: auto;
}

/*SHENTAWEB TOOLTIP*/

[data-tooltip] {
	position: relative;
	transition: all .3s ease;
}

[data-tooltip]:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	background: #000;
	color: #fff;
	padding: 6px 12px;
	border-radius: var(--olivin_radius_2);
	font-size: 12px;
	white-space: nowrap;
	z-index: 1000;
	pointer-events: none;
}

[data-tooltip]:hover::before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 5px;
	pointer-events: none;
	z-index: 1000;
}

.tooltip-top:hover::after {
	bottom: 41px;
	left: 50%;
	transform: translateX(-50%);
}

.tooltip-top:hover::before {
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	border-color: #000 transparent transparent transparent;
}

.tooltip-bottom:hover::after {
	top: 41px;
	left: 50%;
	transform: translateX(-50%);
	animation: fade-in .3s;
}

.tooltip-bottom:hover::before {
	top: 32px;
	left: 50%;
	transform: translateX(-50%);
	border-color: transparent transparent #000 transparent;
}

.tooltip-left:hover::after {
	top: 50%;
	right: 110%;
	transform: translateY(-50%);
}

.tooltip-left:hover::before {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #000;
}

.tooltip-right:hover::after {
	top: 50%;
	left: 110%;
	transform: translateY(-50%);
}

.tooltip-right:hover::before {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	border-width: 5px 5px 5px 0;
	border-color: transparent #000 transparent transparent;
}

/*SHENTAWEB BTN ANIMATED*/

.btn-1 {
	position: relative;
	display: inline-block;
	padding: .6rem 1.3rem;
	font-size: 1rem;
	border-radius: var(--olivin_radius);
	background-color: var(--olivin_2);
	color: var(--olivin_text_2);
	overflow: hidden;
	text-decoration: none;
	z-index: 1;
	transition: color 0.3s ease;
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 500;
}

.btn-1::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: var(--olivin_1);
	transition: left 0.3s ease;
	z-index: 0;
}

.btn-1:hover {
	color: #fff;
}

.btn-1:hover::before {
	left: 0;
}

.btn-1 span,
.btn-1 i {
	position: relative;
	z-index: 2;
}

.btn-1 i {
	font-size: 1rem;
	transition: all 0.3s ease;
}

.btn-1:hover i {
	color: #fff;
}

/*BTN-2*/

.btn-2 {
	position: relative;
	display: inline-block;
	padding: .6rem 1.3rem;
	font-size: 1rem;
	border-radius: var(--olivin_radius);
	background-color: var(--olivin_2);
	color: var(--olivin_text_2);
	overflow: hidden;
	text-decoration: none;
	z-index: 1;
	transition: color 0.3s ease;
	display: flex;
	align-items: center;
	gap: 12px;
}

.btn-2::before {
	content: "";
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background-color: var(--olivin_1);
	z-index: 0;
	transition: right 0.4s ease;
}

.btn-2:hover::before {
	right: 0;
}

.btn-2 span,
.btn-2 i {
	position: relative;
	z-index: 2;
	color: #fff;
}

.btn-2 i {
	font-size: 1.1rem;
	color: #fff;
	transition: all 0.3s ease;
}

.btn-2:hover {
	color: #fff;
}

.btn-2:hover i {
	color: #fff;
}

/* Sector List */

.sector-list {
	display: grid;
	gap: 1rem;
}

.sector-list .sector {
	background-color: #fff;
	border: 1px solid var(--olivin_border_1);
	padding: 1rem 1.5rem;
	border-radius: var(--olivin_radius);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow: hidden;
	transition: all .3s ease;
	background-clip: padding-box;
}

.sector-list .sector::before {
	content: '';
	position: absolute;
	background-color: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all .3s ease;
}

.sector-list .sector:hover::before {
	background-color: #00000050;
}

.sector-list .sector a i {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sector-list .sector .sector-title {
	transition: all .3s ease;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
}

.sector-list .sector .company-count {
	font-size: .85rem;
	transition: all .3s ease;
}

.sector-list .sector a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	position: relative;
	z-index: 2;
}

.sector-list .sector:hover a .sector-title {
	color: #fff;
}

.sector-list .sector:hover a p {
	color: #fff;
}

.sector-list .sector:hover a i {
	color: #fff;
	background-color: #ffffff50;
}

.sector-list .sector:hover .company-count {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	color: var(--olivin_text_2);
	padding: 0 .5rem;
}

.sector-list .sector a i {
	color: #fff;
	padding: 1rem;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	text-align: center;
	transition: all .3s ease;
}

.sector-list .sector a p {
	margin: 0;
	transition: all .3s ease;
}

/* Sector List 2 */

.sector-list-2 {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	background-color: #fff;
	border-radius: var(--olivin_radius);
	padding: 1rem !important;
	border: 1px solid var(--olivin_border_1);
}

.sector-list-2 li {
	list-style: none;
}

.sector-list-2 .sector-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--olivin_text_2);
	font-size: .9rem;
	transition: all .3s ease;
	padding-left: 0;
}

.sector-list-2 .sector-link:hover {
	padding-left: .4rem;
	color: var(--olivin_1);
}

.sector-list-2 .sector-link .company-count {
	background-color: var(--olivin_1);
	color: #fff;
	line-height: 1;
	padding: .2rem .5rem;
	border-radius: var(--olivin_radius_2);
	font-size: .8rem;
}

/* Company List */

.company-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.company-list.type2 .company {
	flex-direction: row;
}

.company-list.type2 .company-top {
	width: 230px
}

.company-list.type2 .company-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.company-list .company {
	background-color: #fff;
	border-radius: var(--olivin_radius);
	position: relative;
	overflow: hidden;
	transition: all .3s ease;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--olivin_border_1);
	height: fit-content;
}

.company-list .company-top {
	overflow: hidden;
	position: relative;
}

.company-list .company-img-link {
	display: block;
	object-fit: cover;
	height: 160px;
}

.company-list .company-img-link img {
	width: 100%;
	object-fit: cover;
	height: 160px;
}

.company-top .sector-name {
	position: absolute;
	right: .9rem;
	bottom: .9rem;
	background-color: var(--olivin_1);
	border-radius: var(--olivin_radius_2);
	padding: .2rem .5rem;
	color: #fff;
	font-size: .8rem;
	font-weight: 500;
}

.company-top .company-views {
	position: absolute;
	left: .9rem;
	bottom: .9rem;
	background-color: #00000050;
	border-radius: var(--olivin_radius_2);
	padding: .2rem .5rem;
	color: #fff;
	font-size: .75rem;
	font-weight: 400;
}

.company-top .company-gallery-count {
	position: absolute;
	right: .9rem;
	top: .9rem;
	background-color: #00000050;
	border-radius: var(--olivin_radius_2);
	padding: .2rem .5rem;
	color: #fff;
	font-size: .75rem;
	font-weight: 400;
}

.company-top .company-ribbon {
	position: absolute;
	left: 0;
	top: 0;
	overflow: visible;
	z-index: 1
}

.company-top .company-ribbon::before {
	content: '';
	position: absolute;
	top: 20px;
	left: -55px;
	width: 95px;
	height: 60px;
	background: #ff4e50;
	background-size: 600% 600%;
	animation: gradientShift 6s ease infinite;
	transform: rotate(-45deg);
	transform-origin: top left;
	z-index: 0;
}

.company-top .company-ribbon i {
	z-index: 2;
	position: relative;
	color: #fff;
	padding: 7px 0 0 7px;
}

.company-content {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	position: relative;
	padding: 1rem .8rem;
}

.company-content .company-title {
	display: flex;
	align-items: center;
	gap: .5rem;
	line-height: 1;
}

.company-content .company-title i {
	font-size: .9rem;
}

.company-verified {
	color: #42a5f5;
}

.company-safed {
	color: #4bb300;
}

.company-content .company-title a {
	color: var(--olivin_title);
	font-weight: 600;
	font-size: 1.1rem;
}

.company-content .comment-rating {
	line-height: 1;
	margin-top: 0;
	font-size: 1rem;
}

.company-content .comment-rating .rating-count {
	color: var(--olivin_text_2);
	font-size: .8rem;
	font-weight: 500;
}

.company-content .company-options {
	display: flex;
	gap: .5rem;
	column-gap: 1rem;
	flex-wrap: wrap;
	margin-top: .4rem;
	flex-direction: row;
}

.company-content .company-options li {
	list-style: none;
}

.company-content .company-options li {
	display: flex;
	align-items: center;
	color: var(--olivin_text_1);
	font-size: .8rem !important;
	transition: all .3s ease;
}

.company-content .company-options li:hover {
	color: var(--olivin_1);
}

.company-content .company-options li i {
	color: var(--olivin_text_1);
}

.company-list .company-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	position: relative;
	border-top: 1px solid var(--olivin_border_1);
	padding: .5rem .8rem;
}

.company-bottom>.left .links {
	display: flex;
	gap: .7rem;
}

.company-bottom>.left .links li {
	list-style: none;
}

.company-bottom>.left .links li a {
	padding: .2rem;
	width: 23px;
	height: 23px;
	display: flex;
	transition: all .3s ease;
	font-size: .8rem !important;
}

.company-bottom>.left .links li a i {
	color: var(--olivin_text_1);
	transition: all .3s ease;
	font-size: .8rem !important;
}

.company-bottom>.left .links li a:hover {
	background-color: var(--olivin_1);
}

.company-bottom>.left .links li a:hover i {
	color: #fff;
}

.company-bottom>.right .read-more {
	display: flex;
	align-items: center;
	gap: .5rem;
	color: var(--olivin_text_1);
	font-size: .9rem;
	transition: all .3s ease;
}

.company-bottom>.right .read-more:hover {
	margin-right: .5rem;
	color: var(--olivin_1);
}

.company-bottom>.right .read-more i {
	font-size: .7rem;
}

.company-list-pagination {
	margin-top: 1rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.company-list-pagination button {
	background-color: #fff;
	padding: .9rem 1.5rem;
	color: var(--olivin_text_2);
	font-weight: 500;
	cursor: pointer;
	transition: all .3s ease;
}

.company-list-pagination .btn-1:disabled i {
	opacity: 0.6;
	cursor: not-allowed;
	animation: rotate-border 1s linear infinite;
}

/* Single Company Directory */

.company-directory-top {
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
	height: 235px;
	display: flex;
	align-items: flex-end;
	padding: 2rem 0;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.company-directory-top:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0000006e;
	z-index: 2;
}

.company-directory-top-details {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.company-directory-top-details .left,
.company-directory-top-details .right {
	z-index: 3;
}

.company-directory-top-details .company-title {
	color: #fff;
	font-size: 2.2rem;
}

.company-directory-top-details .company-sector {
	background-color: var(--olivin_1);
	color: #fff;
	display: inline-block;
	padding: .2rem .5rem;
	border-radius: var(--olivin_radius_2);
	font-weight: 500;
	font-size: .9rem;
}

.company-directory-top-details .meta-details {
	display: flex;
	align-items: center;
	gap: .8rem;
	margin-top: .8rem;
}

.company-directory-body {
	padding: 50px 0;
}

.company-directory-body,
.sectors-taxonomy-wrap {
	display: flex;
	gap: 1rem;
}

.sectors-taxonomy-wrap {
	padding: 0 0 60px 0;
}

.company-directory-body>.left,
.sectors-taxonomy-wrap>.left {
	width: 73.66666667%;
	max-width: 73.66666667%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.company-directory-body>.right,
.sectors-taxonomy-wrap>.right {
	width: 26.3333332%;
	max-width: 26.3333332%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.company-directory-body>.left>.row,
.company-directory-body>.right>.row,
.sectors-taxonomy-wrap>.left>.row,
.sectors-taxonomy-wrap>.right>.row {
	background-color: #fff;
	padding: 1rem;
	border-radius: var(--olivin_radius);
}

.company-directory-body .row p {
	color: var(--olivin_text_2);
	font-size: .9rem;
}

.row-title {
	font-size: 1.15rem !important;
	font-weight: 600;
	margin-bottom: 1.2rem;
}

.single-company-meta ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 1.1rem;
	flex-wrap: wrap;
}

.single-company-meta ul li,
.single-company-meta ul li a {
	display: flex;
	align-items: center;
	gap: .5rem;
	list-style: none;
	font-size: .85rem;
	color: var(--olivin_text_1);
}

.single-company-meta ul li i {
	font-size: .80rem;
}

.company-meta-item .rating {
	color: var(--olivin_text_2);
	font-weight: 600;
}

.company-meta-item .rating i {
	color: #fd7a00 !important;
}

.company-meta-item .company-verified {
	background-color: #42a5f5 !important;
	color: #fff;
	padding: .2rem .3rem .3rem;
	font-size: .9rem !important;
	line-height: 1;
	border-radius: var(--olivin_radius_2);
}

.company-meta-item .company-safed {
	background-color: #4bb300 !important;
	padding: .2rem .3rem;
	color: #fff;
	padding: .2rem .3rem .3rem;
	font-size: .9rem !important;
	line-height: 1;
	border-radius: var(--olivin_radius_2);
}

.company-meta-item .featured-company {
	background-color: #ff4e50;
	line-height: 1;
	color: #fff;
	border-radius: var(--olivin_radius_2);
	font-weight: 500;
	padding: .2rem .3rem .3rem;
	font-size: .9rem;
}

.company-contact {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.company-contact li {
	list-style: none;
	font-size: .89rem;
	color: var(--olivin_text_2);
}

.company-contact li i {
	margin-right: .6rem;
	color: var(--olivin_1);
	width: 1rem;
}

.company-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
}

.company-social-links li {
	list-style: none;
}

.company-social-links li a {
	color: var(--olivin_text_2);
	transition: all .3s ease;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #9995bf2e;
	border-radius: 50%;
}

.company-social-links li a:hover {
	color: var(--olivin_1);
}

.company-social-links li a i {
	line-height: normal;
	font-size: .98rem;
}

.company-gallery .gallery {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.company-gallery .gallery img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	flex: 1;
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
	padding: .3rem;
}

.other-companys {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.other-company-item {
	display: flex;
	gap: .6rem;
	padding: .3rem;
	border-radius: var(--olivin_radius);
	border: 1px solid var(--olivin_border_1);
}

.other-company-item>.left {
	width: 50px;
	height: 40px;
}

.other-company-item>.left a img {
	width: 50px;
	height: 40px;
	border-radius: var(--olivin_radius_2);
	object-fit: cover;
}

.other-company-item>.right {
	flex: 1 !important;
	position: relative;
}

.other-company-item .other-company-title {
	font-size: .9rem;
	font-weight: 700;
}

.other-company-item .other-company-title a {
	color: var(--olivin_title);
}

.other-company-item .sector-name {
	color: var(--olivin_text_2);
	font-size: .72rem;
}

.other-company-item>.right>.view-company {
	position: absolute;
	right: .3rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--olivin_1);
	font-size: .8rem;
	line-height: 0;
	transition: all .3s ease;
	opacity: 0;
}

.other-company-item>.right:hover>.view-company {
	opacity: 1;
}

.sectors-taxonomy-wrap > .left > .row.custom-row {
	background-color: transparent;
	padding: 0;
}

.company-list.sectors-taxonomy-loop.type2 {
	grid-template-columns: repeat(1, 1fr);
}

.sectors-taxonomy-wrap > .left > .dynamic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	flex-wrap: wrap;
}

.sectors-taxonomy-wrap .dynamic-right {
	display: flex;
	gap: .8rem;
	flex-wrap: wrap;
}

.dynamic-right .dynamic-grid,
.dynamic-right .dynamic-list {
	background-color: #9995bf2e;
	color: var(--olivin_text_2);
	border-radius: var(--olivin_radius_2);
	padding: .3rem .7rem;
	font-size: .9rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: .5rem;
	transition: all .3s ease;
}

.dynamic-right .dynamic-grid.active,
.dynamic-right .dynamic-list.active {
	background-color: var(--olivin_1);
	color: #fff;
	transition: all .3s ease;
}

.taxonomy-archive-contact-cart {
	text-align: center;
	overflow: hidden;
}

.taxonomy-archive-contact-cart > .top {
	height: 99px;
	margin: -1rem -1rem 0 -1rem;
	position: relative;
}

.taxonomy-archive-contact-cart > .top > i {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #4FCE5D;
	line-height: 0;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.9rem;
	border: 6px solid #fff;
	color: #fff;
}

.taxonomy-archive-contact-cart > .bottom {
	margin-top: 2.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.taxonomy-archive-contact-cart > .bottom > .btn-1 {
	width: fit-content;
	color: #fff;
}

.taxonomy-archive-contact-cart > .bottom .row-title {
	margin: 0;
}

.taxonomy-archive-contact-cart > .bottom p {
	font-size: .9rem;
}

.company-archive-sector-list {
	padding: 0 0 60px 0;
}

.company-archive-sector-list > .oli-alert {
	margin-bottom: 1rem;
}

/* Oli Hero 1 */


.oli-hero-1-wrap {
	padding: 6rem 0;
}

.oli-hero-1 {
	display: flex;
	gap: 1rem;
	position: relative;
}

.oli-hero-1 > .left {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.oli-hero-1 > .left > .title {
	color: #fff;
	font-size: 3.1rem;
	font-weight: 900;
	width: 100%;
}

.oli-hero-1 > .left > .desc {
	color: #fff;
	font-size: 1.2rem;
}

.oli-hero-1 > .left > .buttons {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-top: 1rem;
	width: 100%;
	flex-wrap: wrap;
}

.oli-hero-1 > .left > .buttons > .btn-1,
.oli-hero-1 > .left > .buttons > .btn-2 {
	background-color: #ffffff20;
	color: #fff;
	border: 1px solid #ffffff50;
}

.oli-hero-1 > .left > .statistics {
	display: flex;
	gap: 1rem;
	align-items: center;
	width: 100%;
}

.oli-hero-1 > .left > .statistics > .item {
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: .3rem;
	margin-top: 2rem;
}

.oli-hero-1 > .left > .statistics > .item > .number {
	font-size: 1.8rem;
	font-weight: 600;
}

.oli-hero-1 > .left > .statistics > .item > .item-desc {
	font-size: .8rem;
}

.oli-hero-1 > .right {
	flex: 1;
	display: flex;
	align-items: start;
	justify-content: flex-end;
}

.oli-hero-1 > .right > .hero-image {
	width: 450px;
	height: 420px;
	object-fit: contain;
}

.oli-home-top-fw-wrapper .oli-hero-1-wrap {
	margin-top: -20px;
}