/* @import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap'); */

@font-face {
    font-family: 'Schibsted Grotesk';
    src: url('../fonts/SchibstedGrotesk-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
	--color-yellow: #E57301;
	--color-yellow-hover: #D85B0D;
	--color-green: #1A4040;
	--color-white: #FFF;
	--color-black: #242424;
	--color-alto: #E9ECEC;
	--color-success: #97EF85;
	--color-error: #EF8585;
	--color-emperor: #505050;

	--color-card-light-mint: #CCF4E0;
	--color-card-green: #CCF4D2;
	--color-card-purple: #CCCEF4;
	--color-card-yellow: #EEF4CC;
	--color-card-peach: #F4CCCC;
	--color-card-orange: #F4E1CC;
	--color-card-blue: #CCE7F4;
	--color-card-pink: #F4CCF3;
	--color-card-champagne: #F4E9CC;
	--color-card-mint: #CCF4EC;

    --color-ac-yellow: #fff86e;
    --color-ac-dyellow: #9e9600;
    --color-ac-black: #000;
    --color-ac-white: #fff;

	--font-primary: "Schibsted Grotesk", sans-serif;
	--size-p: 1rem;
	--size-h1: 3.25rem;
	--size-h2: 2.75rem;
	--size-h3: 2.25rem;
	--size-h4: 2rem;
	--size-h5: 1.5rem;
	--size-h6: 1.25rem;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input:focus,
textarea:focus {
    outline: none;
}

html {
    overflow-x: hidden;
	font-size: 16px;
}

html.zoom-150 {
    font-size: 18px;
}

html.zoom-200 {
    font-size: 20px;
}

body {
    overflow-x: hidden;
}	

* {
    box-sizing: border-box;
	font-family: var(--font-primary);
}

.e-con > .e-con-inner {
    max-width: 1216px !important;
    padding-top: 0 !important;
    gap: 0 !important;
}

.e-con {
    gap: 0px !important;
}

.elementor-element:not(.use-padding) {
    padding: 0 !important;
}

.container {
	max-width: 1216px;
	margin: 0 auto;
}

a {
	text-decoration: none;
}

p {
	font-size: var(--size-p);
	font-weight: 400;
	line-height: 150%;
	color: var(--color-emperor);
}

h1 {
	font-size: var(--size-h1);
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

h2 {
	font-size: var(--size-h2);
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

h3 {
	font-size: var(--size-h3);
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

h4 {
	font-size: var(--size-h4);
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

h5 {
	font-size: var(--size-h5);
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

h6 {
	font-size: var(--size-h6);
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6,
.elementor-widget-text-editor p,
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	padding-bottom: 20px;
}

.ql-editor h1,
.ql-editor h1 * {
	font-size: var(--size-h1) !important;
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

.ql-editor h2,
.ql-editor h2 * {
	font-size: var(--size-h2) !important;
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

.ql-editor h3,
.ql-editor h3 * {
	font-size: var(--size-h3) !important;
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

.ql-editor h4,
.ql-editor h4 * {
	font-size: var(--size-h4) !important;
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

.ql-editor h5,
.ql-editor h5 * {
	font-size: var(--size-h5) !important;
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

.ql-editor h6,
.ql-editor h6 * {
	font-size: var(--size-h6) !important;
	font-weight: 700;
	line-height: 110%;
	color: var(--color-black);
}

.ql-editor li > .ql-ui:before {
    content: none !important;
}

.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor p,
.ql-editor ul,
.ql-editor ol {
	padding-bottom: 20px;
}

.elementor-widget-text-editor ul,
.ql-editor ul {
	padding-left: 28px;
}

.elementor-widget-text-editor ul li,
.ql-editor ul li {
	position: relative;
	padding: 8px 0;
	font-size: var(--size-p);
	color: var(--color-emperor);
	font-weight: 400;
	line-height: 150%;
}

.elementor-widget-text-editor ul li:before,
.ql-editor ul li:before {
	content: '';
	background-image: url('/wp-content/themes/vm/assets/images/vm-star.svg');
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -28px;
    top: 15px;
}

.elementor-widget-text-editor ol,
.ql-editor ol {
    list-style: decimal;
    padding-left: 28px;
}

.elementor-widget-text-editor ol li::marker,
.ql-editor ol li::marker {
    color: var(--color-green);
    font-weight: 500;
}

.elementor-widget-text-editor ol li,
.ql-editor ol li {
    position: relative;
    color: var(--color-text);
    font-size: var(--size-p);
    font-weight: 400;
    line-height: 150%;
    padding: 8px 0;
    padding-left: 12px;
}

.elementor-widget-text-editor a,
.ql-editor a {
    color: var(--color-yellow);
}

.header {
	background-color: var(--color-white);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	border-bottom: 1px solid #E0E0E0;
	z-index: 1000;
}

.header-wrapper {
	padding: 4px 60px;
    display: grid;
    align-items: center;
    gap: 20px;
    grid-template-columns: 300px minmax(0, 1fr) 300px;
    justify-content: space-between;
}

.header-logo svg {
	width: 138px;
	height: auto;
}

.header-nav {
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
}

.header-nav > ul {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	height: 100%;
}

.header-nav > ul > li {
	height: 100%;
	position: relative;
}

.header-nav > ul > li > a {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 16px;
	color: var(--color-green);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 120%;
	transition: .3s ease;
	position: relative;
}

.header-nav > ul > li > a:after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 32px);
	height: 2px;
	border-radius: 1000px;
	background-color: var(--color-yellow);
	opacity: 0;
	pointer-events: none;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s ease;
}

.header-nav > ul > li > a.menu-current-item:after {
	opacity: 1;
}

.header-nav > ul > li > a:hover:after {	
	opacity: 1;
}

.header-nav > ul > li.item-has-children:hover .menu-children,
.header-nav ul li.item-has-children:focus-within .menu-children {
	opacity: 1;
	visibility: visible;
	pointer-events: initial;
}

.header .menu-children {
	display: block;
	border-radius: 20px;
	border: 1px solid #EAEAEB;
	background: var(--color-white);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.16);
	padding: 10px;
	position: absolute;
	top: calc(100% - 8px);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: .5s ease;
	width: 220px;
	z-index: 5;
}

.header .menu-children li a {
	display: block;
    padding: 10px 12px;
    color: var(--color-black);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 140%;
	position: relative;
}

.header .menu-children li a:after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 20px);
	height: 2px;
	border-radius: 1000px;
	background-color: var(--color-yellow);
	opacity: 0;
	pointer-events: none;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s ease;
}

.header .menu-children li a:hover:after {
	opacity: 1;
}

.header-actions {
	display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    position: relative;
}

#open-accessibility-options {
	width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    border-radius: 50%;
	transition: .3s ease;
	flex-shrink: 0;
}

#open-accessibility-options:hover {
	cursor: pointer;
	background-color: var(--color-yellow);
}

#open-accessibility-options svg {
	width: 24px;
    height: 24px;
}

#open-accessibility-options svg path {
	transition: .3s ease;
}

#open-accessibility-options:hover svg path {
	fill: var(--color-white);
}

.header-link {
	color: var(--color-green);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 120%;
	white-space: nowrap;
    position: relative;
}

.header-link:hover {
	cursor: pointer;
}

button:hover {
	cursor: pointer;
}

.btn {
	padding: 13px 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: .5s ease;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 120%;
	border-radius: 1000px;
	position: relative;
	clip-path: inset(0 round 999px);
	overflow: hidden;
}

.btn-border-green {
	border: 2px solid var(--color-green);
	color: var(--color-green);
}

.btn-border-green:after {
	background-color: var(--color-green);
	border: 2px solid var(--color-green);
}

.btn-border-green:hover {
	color: var(--color-white);
}

.btn-border-black {
	border: 2px solid var(--color-black);
	color: var(--color-black);
}

.btn-border-black:after {
	background-color: var(--color-black);
	border: 2px solid var(--color-black);
}

.btn-border-black:hover {
	color: var(--color-white);
}

.btn-border-grey {
	border: 2px solid var(--color-alto);
	color: var(--color-black);
}

.btn-border-grey:after {
	background-color: #F3F5F5;
	border: 2px solid #F3F5F5;
}

.btn-orange {
	background-color: var(--color-yellow);
	border: 2px solid var(--color-yellow);
    color: var(--color-white);
}

.btn-orange:after {
	background-color: var(--color-yellow-hover);
	border: 2px solid var(--color-yellow-hover);
}

.btn-white {
	background-color: var(--color-white);
	border: 2px solid var(--color-white);
	color: var(--color-black);
}

.btn-white:after {
	content: none !important;
}

.btn-white:hover {
	background-color: transparent;
	color: var(--color-white);
}

.btn-red {
	background-color: var(--color-error);
	color: var(--color-white);
	border: 2px solid var(--color-error);
}

.btn-red:after {
	background-color: red;
	color: var(--color-white);
}

.btn span {
	position: relative;
	z-index: 2;
}

.btn:after {
	content: '';
    display: block;
    width: 120%;
    height: 120%;
    border-radius: 1000px;
    position: absolute;
    top: 100%;
    right: 100%;
	opacity: 0;
	transition: .5s ease
}

.btn:hover:after {
	top: -5px;
	right: -5px;
	opacity: 1;
}

button.btn.btn-border-grey {
	background-color: var(--color-white);
}

.btn.btn-has-icon > span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn.btn-has-icon svg {
    flex-shrink: 0;
}

.open-register-popup {
	padding: 13px 30px;
}

main {
	padding-top: 75px;
}

.hero-slider {
	padding-bottom: 70px;
}

.hero-swiper-slide {
	height: 660px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
	position: relative;
}

.hero-swiper-slide:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.45) 100%);
    pointer-events: none;
}

.hero-swiper-slide .container {
	width: 100%;
}

.hero-slide-content {
	padding-bottom: 80px;
	position: relative;
	z-index: 2;
}

.hero-slide-content-wrapper {
	max-width: 790px
}

.hero-slide-title {
	font-size: var(--size-h1);
    color: var(--color-white);
    font-weight: 700;
    line-height: 110%;
    padding-bottom: 16px;
}

.hero-slide-subtitle {
	font-size: 1.125rem;
    color: var(--color-white);
    font-weight: 500;
    line-height: 140%;
}

.hero-slide-btn-wrapper {
	padding-top: 30px;
}

.hero-slider {
	position: relative;
}

.hero-slider .hero-swiper-pagination {
	position: absolute;
    bottom: 30px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center
}

.hero-swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 1000px;
	background-color: rgba(255, 255, 255, 0.30);
	transition: .3s ease;
	opacity: 1;
	position: relative;
	overflow: hidden;
}

.hero-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 32px;
	opacity: 1;
}

.dot-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: var(--color-white);
	border-radius: 999px;
	transform: scaleX(0);
	transform-origin: left;
	will-change: transform;
}

.hero-swiper-pagination .swiper-pagination-bullet-active .dot-fill {
  	animation: fillBar 5s linear forwards;
}

@keyframes fillBar {
	from {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(1);
	}
}

.page-cards {
	padding: 70px 0;
}

.element-header {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: center;
    padding-bottom: 40px;
}

.element-header h2 {
	padding-bottom: 12px;
}

.element-header-right {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page-card-list {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.page-card-list.page-card-list-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.page-card {
	border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
	overflow: hidden;
	height: 468px;
}

.page-card-background-element {
	position: absolute;
    top: 0;
    right: 0;
}

.page-card-background-element svg {
	transition: .4s ease;
}

.page-card-btn {
	position: absolute;
    top: 15px;
    right: 15px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
	transition: .4s ease;
}

.page-card-btn svg {
	width: 20px;
	height: 20px;
}

.page-card-btn svg path {
	transition: .4s ease;
}

.page-card-content {
	position: relative;
	z-index: 2;
}

.page-card-content h4 {
    padding-bottom: 10px;
}

.page-card:hover {
	cursor: pointer;
}

.page-card:hover .page-card-background-element svg {
	transform: scale(1.1);
}

.page-card:hover .page-card-btn {
	background-color: var(--color-green);
}

.page-card:hover .page-card-btn svg path {
	stroke: var(--color-white);
}

.text-image {
	padding: 70px 0;
}

.text-image-wrapper  {
	display: grid;
    grid-template-columns: 50% 488px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.text-image-wrapper.image-right {
	grid-template-columns: 488px 50%;
}

.image-right .text-image-img {
	order: 2;
}

.image-right .text-image-content {
	order: 1;
}

.text-image-img {
    height: 445px;
}

.text-image-wrapper .text-image-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.footer {
	margin-top: 70px;
}

.footer-register {
	background: linear-gradient(0deg, #D85B0D 0%, #E57301 100%);
    padding: 120px 0 90px;
    position: relative;
}

.footer-register-background {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.footer-register-content {
	position: relative;
    z-index: 2;
    width: 800px;
    margin: 0 auto;
}

.footer-register-content h2 {
    color: var(--color-white);
    text-align: center;
    padding-bottom: 12px;
}

.footer-register-content p {
    text-align: center;
    color: var(--color-white);
    font-size: 1.125rem;
}

.footer-register-btn {
	text-align: center;
    padding-top: 30px;
}

.footer-main {
	border-top: 1px solid var(--color-alto);
}

.footer-top {
	display: grid;
    grid-template-columns: 50% 488px;
    justify-content: space-between;
    gap: 30px;
    padding-top: 70px;
    padding-bottom: 60px;
}

.footer-menus {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.footer-menu-title {
	color: var(--color-black);
	font-size: 1rem;
	font-weight: 600;
	line-height: 150%;
	padding-bottom: 16px;
}

.footer-nav-menu ul li a {
	color: var(--color-emperor);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 140%;
	display: flex;
	padding: 4px 0;
    transition: .4s ease;
}

.footer-nav-menu ul li a:hover {
    color: var(--color-yellow);
}

.footer-bottom {
	border-top: 1px solid var(--color-alto);
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.footer-copyright {
	color: var(--color-emperor);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 140%;
}

.footer-socials {
	display: flex;
    align-items: center;
    gap: 4px;
}

.footer-socials a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #F3F5F5;
    transition: .3s ease;
}

.footer-socials a svg {
	width: 18px;
    height: 18px;
}

.footer-subscribe .footer-menu-title {
	padding-bottom: 4px;
}

.footer-subscribe p {
	font-size: 0.875rem;
    font-weight: 400;
}

#subscribe-form {
	padding-top: 16px;
	padding-bottom: 32px;
}

.subscribe-form-input {
	position: relative;
}

.subscribe-form-input input {
	height: 60px;
    width: 100%;
    padding: 0 155px 0 20px;
    background-color: #F3F5F5;
    border-radius: 1000px;
    color: var(--color-black);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 140%;
	border: none;
}

.subscribe-form-input input::placeholder {
	color: #919191;
}

.subscribe-form-input button {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.subscribe-form-input button:hover {
	cursor: pointer;
}

.footer-eu-logos {
	display: flex;
    justify-content: flex-end;
}

.footer-eu-logos svg {
	width: 190px;
	height: auto;
}

.faq {
	padding: 70px 0;
}

.faq h2 {
	text-align: center;
}

.faq h2.faq-title-left {
	text-align: left;
}

.faq-items {
	padding: 40px 0;
}

.faq-item {
	padding: 30px 0;
}

.faq-item-title {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.faq-item-title:after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-alto);
	display: block;
	transition: .4s ease;
	opacity: 1;
}

.faq-item-title span {
	color: var(--color-black);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 110%;
}

.faq-btn {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: var(--color-yellow);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .4s ease;
    flex-shrink: 0;
}

.faq-btn svg {
	width: 12px;
	height: 12px;
	transition: .4s ease;
}

.faq-btn svg path {
	transition: .4s ease;
}

.faq-item-content {
	padding-top: 23px;
	display: none;
}

.faq-bottom-btn {
	text-align: center;
}

.faq-item:hover {
	cursor: pointer;
}

.faq-item:hover .faq-btn {
	background-color: var(--color-green);
}

.faq-item:hover .faq-item-title:after {
	opacity: 0;
}

.faq-item.faq-opened .faq-item-title:after {
	opacity: 0;
}

.faq-item.faq-opened .faq-btn {
	background-color: var(--color-alto);
}

.faq-item.faq-opened .faq-btn svg {
	transform: rotate(45deg);
}

.faq-item.faq-opened .faq-btn svg path {
	fill: var(--color-black);
}

.review-slider {
	padding: 70px 0;
}

.review-slide {
	background-color: #F3F5F5;
    padding: 24px;
	border-radius: 12px;
}

.review-slide-header {
	display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 20px;
}

.review-slide-img {
	width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 50%;
}

.review-slide-header .review-slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.review-slide-author-name {
	color: var(--color-black);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 110%;
}

.review-slide-author-position {
	color: var(--color-emperor);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
}

.review-slide-content p {
	color: var(--color-black);
}

.review-slide-benefit {
	padding-top: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.review-slide-benefit svg {
	width: 17px;
    height: 15px;
    flex-shrink: 0;
	position: relative;
	top: -2px;
}

.review-slide-benefit span {
	color: var(--color-green);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 140%;
}

.header-slider-buttons {
    display: flex;
    align-items: center;
    padding-left: 8px;
    gap: 8px;
}

.header-slider-buttons .header-swiper-button-prev,
.header-slider-buttons .header-swiper-button-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid var(--color-alto);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.header-slider-buttons .header-swiper-button-prev svg,
.header-slider-buttons .header-swiper-button-next svg {
    width: 7px;
    height: auto;
}

.header-slider-buttons .header-swiper-button-prev svg path,
.header-slider-buttons .header-swiper-button-next svg path {
    transition: .3s ease;
}

.header-slider-buttons .header-swiper-button-prev:hover,
.header-slider-buttons .header-swiper-button-next:hover {
    background-color: var(--color-green);
    border-color: var(--color-green);
    cursor: pointer;
}

.header-slider-buttons .header-swiper-button-prev:hover svg path,
.header-slider-buttons .header-swiper-button-next:hover svg path {
    stroke: var(--color-white);
}

.features-slider {
	margin: 70px 0;
}

.features-swiper-slide {
	height: 100vh;
    max-height: 1080px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.features-swiper-slide:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, .4);
}

.features-slide-content {
	padding-top: 28%;
}

.features-slide-content {
	position: relative;
	z-index: 2;
	text-align: center;
    color: var(--color-white);
    font-size: var(--size-h1);
    font-weight: 700;
    line-height: 110%;
	max-width: 800px;
	margin: 0 auto;
}

.features-slider-swiper {
	position: relative;
}

.features-swiper-pagination {
	position: absolute;
	bottom: 23% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	gap: 15px;
}

.features-slide-progress {
    width: 255px;
    height: 4px;
    border-radius: 1000px;
    background-color: rgba(255, 255, 255, 0.30);
    transition: .3s ease;
    opacity: 1;
    position: relative;
    overflow: hidden;
	display: flex;
}

.features-slider-paginations-item.swiper-pagination-bullet {
	opacity: 1;
    width: 255px;
    display: flex;
    height: auto;
    background: transparent;
	position: relative;
	justify-content: center;
}

.features-slide-title {
	color: var(--color-white);
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 150%;
}

.features-swiper-pagination .swiper-pagination-bullet-active .dot-fill {
  	animation: fillBar 6s linear forwards;
}

.features-slider-paginations-item .features-slide-progress {
	opacity: 0;
	display: initial;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	transition: .8s ease
}

.features-slider-paginations-item.swiper-pagination-bullet-active .features-slide-progress {
	opacity: 1;
}

.breadcrumbs {
	padding: 20px 0;
}

.breadcrumbs span {
    color: #919191;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 140%;
}

.breadcrumbs .container {
    color: var(--color-black);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 140%;
	display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.breadcrumbs a span {
	color: var(--color-black);
}

.page-header {
    position: relative;
    display: flex;
    padding-bottom: 100px;
    align-items: flex-end;
	margin-bottom: 70px;
	padding-top: 100px;
}

.page-header:has(.page-header-btns) {
	padding-top: 140px;
}

.page-header-content {
	max-width: 800px; 
}

.page-header-content h1 {
	color: var(--color-green);
    font-size: var(--size-h1);
    font-weight: 700;
    line-height: 110%;
}

.page-header-content p {
	padding-top: 16px;
    color: var(--color-green);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%;
}

.page-header-btns {
	padding-top: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.page-header-element {
	position: absolute;
    top: 0;
    right: 0;
	height: 100%;
    pointer-events: none;
}

.page-header-element svg {
	height: 100%;
    width: auto;
}

.page-header .container {
	width: 100%;
}

.cards-icon {
	padding: 120px 0;
    margin: 70px 0;
	position: relative;
	overflow: hidden;
}

.cards-icon-header {
	max-width: 592px;
    margin: 0 auto;
}

.cards-icon-header h2 {
	color: var(--color-black);
    font-weight: 700;
    line-height: 110%;
    text-align: center;
    padding-bottom: 10px;
}

.cards-icon-header p {
	text-align: center;
}

.cards-icon-list {
	padding-top: 40px;
    display: grid;
    gap: 14px;
}

.cards-icon-list.cards-icon-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cards-icon-list.cards-icon-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cards-icon-element {
    position: absolute;
    bottom: 0;
    left: 0;
}

.cards-icon-element svg {
    width: 100vw;
    height: auto;
}

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

.cards-icon-item {
	padding: 35px 30px;
    background-color: var(--color-white);
    border-radius: 12px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.cards-icon-img {
    display: inline-flex;
    width: 68px;
    height: 68px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-yellow);
	margin-bottom: 20px;
}

.cards-icon-item .cards-icon-img  img {
    max-width: 36px;
    max-height: 36px;
    width: auto;
    height: auto;
}

.card-icon-item-title {
	text-align: center;
	padding-bottom: 6px;
}

.card-icon-item-subtitle {
	text-align: center;
}

.header-text {
	padding: 50px 0 140px;
}

.header-text-content {
	display: grid;
    grid-template-columns: 488px 592px;
    gap: 30px;
    justify-content: space-between;
}

.header-text.header-text-margin {
	margin-bottom: 70px;
}

.full-image {
	height: 780px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	margin-bottom: 70px;
}

.full-image.full-image-margin-top {
	margin-top: 70px;
}

.supporters-logo {
	padding: 70px 0;
}

.supporters-logo-title {
	text-align: center;
}

.supporters-swiper-slider {
	padding-top: 30px;
}

.supporters-logo-slide {
	padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
	filter: grayscale(1);
    opacity: .7;
	transition: .4s ease;
}

.supporters-logo-slide:hover {
	filter: grayscale(0);
    opacity: 1;
	cursor: pointer;
}

.supporters-swiper-slider .supporters-logo-slide img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.featured-block {
    position: relative;
    background-color: #F3F5F5;
    border-radius: 24px;
	overflow: hidden;
}

.featured-block-content {
	padding: 80px 0;
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
}

.featured-block-content h4 {
	text-align: center;
    padding-bottom: 12px;
}

.featured-block-content p {
	text-align: center;
}

.featured-block-btns {
	padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.featured-block-element {
	position: absolute;
    top: 0;
    left: 0;
	pointer-events: none;
}

.featured-block {
	margin: 70px 0;
}

.statistics-block {
	padding: 70px 0;
}

.statistics-items {
	display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px;
}

.statistics-value {
	font-size: 3.75rem;
    color: var(--color-green);
    font-weight: 700;
    line-height: 110%;
    padding-bottom: 5px;
    text-align: center;
}

.statistics-text {
	text-align: center;
}

.vm-map {
	text-align: center;
    padding: 44px 0;
    overflow: hidden;
}

.map-zone {
	transition: .4s ease;
	fill: #e9e9e9;
}

.map-zone:hover {
	fill: var(--color-yellow);
	cursor: pointer;
}

.map-zone:focus {
	outline: none;
}

.darba-birza-filters {
	display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
	padding-bottom: 30px;
}

.input label {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.input label span {
    color: var(--color-emperor);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 140%;
}	

.input .select2-container--default .select2-selection {
	background-color: #F3F5F5;
    border-radius: 12px;
    padding: 12px 16px;
    border: none;
	height: 45px;
    display: flex;
    align-items: center;
}

.input .select2-container--default .select2-selection .select2-selection__choice {
	border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.input .select2-container--default .select2-selection .select2-selection__choice__display {
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
	font-family: var(--font-primary);
}

.input .select2-container--default .select2-search--inline .select2-search__field {
	padding: 0;
    margin: 0;
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
	font-family: var(--font-primary);
}

.input .select2-container--default .select2-search--inline .select2-search__field::placeholder {
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
	font-family: var(--font-primary);
}

.input .select2-container--default .select2-selection .select2-selection__choice__remove {
	display: none;
}

.input .select2-container--default .select2-selection .select2-selection__choice:not(:first-child) {
	display: none !important;
}

.input .select2-container--default .select2-selection {
    cursor: pointer;
}

.input .select2-container--default .select2-search__field {
    caret-color: transparent;
    cursor: pointer;
}

.wp-theme-vm .select2-dropdown {
	background-color:var(--color-white);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.20);
	padding: 10px;
	border: none;
    border-radius: 12px;
    top: 8px;
}

.wp-theme-vm .select2-container--default .select2-results>.select2-results__options {
	max-height: 40vh;
}

.wp-theme-vm .select2-container--default .select2-results>.select2-results__options li {
	position: relative;
	padding: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.9375rem;
	font-weight: 500;
	padding-left: 40px
}

.wp-theme-vm .select2-container--default .select2-results>.select2-results__options li:before {
	content: '';
	width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid var(--color-alto);
    background-color: var(--color-white);
	display: inline-flex;
	transition: .4s ease;
	flex-shrink: 0;
	position: absolute;
    top: 4px;
    left: 8px;
}

.wp-theme-vm .select2-container--default .select2-results__option--selected:before {
	background-color: var(--color-green) !important;
	border-color: var(--color-green) !important;
}

.wp-theme-vm .select2-container--default .select2-results__option--selected:after {
	content: '';
	position: absolute;
	top: 12px;
	left: 15px;
	background-image: url('/wp-content/themes/vm/assets/images/vm-check.svg');
	background-size: 12px 10px;
    width: 12px;
    height: 10px;
}

.wp-theme-vm .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--color-white);
	color: var(--color-black);
}

.wp-theme-vm .select2-container--default .select2-results__option--selected {
	background-color: var(--color-white);
}

.input .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.input .select2-container--default.select2-container--open.select2-container--below .select2-selection {
	border-radius: 12px;
}

.input .select2-container .select2-selection .select2-selection__rendered {
	max-width: 100%;
}

.input input {
	background-color: #F3F5F5;
    border-radius: 12px;
    padding: 12px 16px;
    border: none;
    height: 45px;
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
	width: 100%;
}

.input-row-1 .input textarea:not(.select2-search__field),
.input-row-2 .input textarea:not(.select2-search__field),
.input-row-4 .input textarea:not(.select2-search__field) {
	resize: none;
	background-color: #F3F5F5;
    border-radius: 12px;
    padding: 12px 16px;
    border: none;
    min-height: 130px;
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
	width: 100%;
}

#contact-form {
    position: relative;
}

#contact-form .input-row-1 .input textarea:not(.select2-search__field),
#contact-form .input-row-2 .input textarea:not(.select2-search__field),
#contact-form .input-row-4 .input textarea:not(.select2-search__field) {
	background-color: var(--color-white);
	border: 2px solid var(--color-alto);
}

.input.input-white input,
.input.input-white textarea {
	background-color: var(--color-white);
	border: 2px solid var(--color-alto);
}

.input input.form-validation-error {
	background-color: var(--color-error);
    color: red;
}

.input input.form-validation-error::placeholder {
	color: red;
}

.input-validation-error {
	font-size: 0.8125rem;
    color: var(--color-error);
    font-weight: 600;
    padding-top: 2px;
}

.datepicker-input {
	position: relative;
}

.datepicker-input svg {
    position: absolute;
    top: 11px;
    left: 16px;
}

.input .datepicker-input input {
	padding-left: 45px;
}

.map-features {
	padding: 70px 0;
}

.map-features-list {
	display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.feature-item {
	display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.feature-icon {
	width: 68px;
    height: 68px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F3F5F5;
	margin-bottom: 16px;
}

.feature-item .feature-icon img {
	max-width: 36px;
    max-height: 36px;
    width: auto;
    height: auto;
}

.feature-text {
	text-align: center;
    color: var(--color-black);
    font-weight: 400;
    line-height: 140%;
    font-size: 0.875rem;
}

.icon-block {
	padding: 70px 0;
}

.icon-block-list {
	gap: 14px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.icon-block-item {
	padding: 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-block-item .icon-block-icon img {
	max-width: 36px;
    max-height: 36px;
    width: auto;
    height: auto;
}

.icon-block-icon {
	width: 68px;
    height: 68px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F3F5F5;
    margin-bottom: 20px;
}

.icon-block-title {
	text-align: center;
    color: var(--color-black);
    font-weight: 600;
    line-height: 140%;
    font-size: 1.25rem;
	padding-bottom: 6px;
}

.icon-block-text {
	text-align: center;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
    font-size: 0.875rem;
}

.header-text.header-text-no-padding {
	padding-bottom: 50px;
}

.single-post-content {
    position: relative;
    padding-top: 50px;
    padding-bottom: 70px;
}

.single-post-content h1 {
	font-size: var(--size-h2);
    font-weight: 700;
    line-height: 110%;
    color: var(--color-black);
	padding-bottom: 16px;
}

.back-btn {
	position: absolute;
    left: -200px;
    top: 50px;
}

.back-btn span {
	display: flex;
    align-items: center;
    gap: 10px;
}

.single-post-date {
    font-size: 0.9375rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 150%;
	padding-bottom: 30px;
}

.single-post-date span {
	font-size: 0.9375rem;
    color: var(--color-black);
    font-weight: 400;
    line-height: 150%;
}

.single-post-featured {
	height: 684px;
    width: 100%;
    padding-bottom: 40px;
}

.single-post-content .single-post-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.vm-image {
    height: 684px;
    padding-bottom: 20px;
}

.elementor-widget-vm-image .vm-image img {
	width: 100%;
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
}

.related {
	padding: 70px 0;
    border-top: 1px solid var(--color-alto);
}

.related-title {
	padding-bottom: 40px;
}

.single-post-share {
	padding-top: 20px;
}

.share-title {
	color: var(--color-emperor);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 8px;
}

.share-btns {
	display: flex;
    align-items: center;
    gap: 6px;
}

.share-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: .4s ease;
	background-color: var(--color-yellow);
	width: 40px;
	height: 40px;
}

.share-btn svg {
	width: 16px;
	height: 16px;
}

.share-btn.print-btn svg {
	width: 20px;
	height: 20px;
}

.card-post {
	position: relative;
}

.card-post-featured {
	aspect-ratio: 16 / 9;
	display: block;
	padding-bottom: 12px;
}

.card-post .card-post-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.card-post-excerpt {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--color-emperor);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
}

.card-post-title {
	font-size: var(--size-h6);
    font-weight: 600;
    line-height: 120%;
    padding-top: 10px;
    padding-bottom: 6px;
	color: var(--color-black);
}

.card-post-date {
	font-size: 0.8125rem;
    color: var(--color-emperor);
    font-weight: 500;
    line-height: 140%;
}

h1.posts-archive-title {
	padding-top: 50px;
    padding-bottom: 40px;
    font-size: var(--size-h2);
}

.select2-container {
	width: 100% !important;
}

.jaunumi-filters {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.jaunumi-filters .filter-input {
	width: 220px;
}

.jaunumi-filters .filter-input.input-search {
	width: 288px;
}

.select2 .dropdown-wrapper {
	position: absolute;
    right: 10px;
    top: 14px;
	background-image: url('/wp-content/themes/vm/assets/images/vm-chevron-down.svg');
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	display: flex;
    pointer-events: none;
}

.posts-archive-list {
	display: grid;
    gap: 32px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 30px;
    padding-bottom: 60px;
}

.posts-pagination {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.posts-pagination a {
	width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .4s ease;
    font-size: 1rem;
    color: var(--color-black);
    font-weight: 600;
	border: 2px solid var(--color-white);
}

.posts-pagination span {
	width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .4s ease;
    font-size: 1rem;
    color: var(--color-white);
    font-weight: 600;
	background-color: var(--color-yellow);
	border: 2px solid var(--color-yellow);
}

.posts-pagination a:has(svg),
.posts-pagination span:has(svg) {
	border: 2px solid var(--color-alto);
}

.contacts-title {
	font-size: var(--size-h2);
    padding-bottom: 12px;
}

#contact-form {
	margin-top: 40px;
    margin-bottom: 70px;
    padding: 40px;
    background-color: #F8F9F8;
    border-radius: 24px;
}

.contacts {
	padding: 50px 0 70px;
}

.input-row-1 {
	padding-bottom: 16px;
}

.input-row-2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding-bottom: 16px;
}

.input-row-4 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	padding-bottom: 16px;
}

.input-row-1 .input input,
.input-row-2 .input input,
.input-row-4 .input input {
	height: 56px;
}

.input-row-1 .input .select2-container--default .select2-selection,
.input-row-2 .input .select2-container--default .select2-selection,
.input-row-4 .input .select2-container--default .select2-selection {
	height: 56px;
}

.input.input-white .select2-container--default .select2-selection {
	background-color: var(--color-white);
	border: 2px solid var(--color-alto);
}

.input-row-1 .select2 .dropdown-wrapper,
.input-row-2 .select2 .dropdown-wrapper,
.input-row-4 .select2 .dropdown-wrapper {
	top: 20px;
}

.form-send-btn {
	padding-top: 14px;
}

#submit-contact-form {
	width: 100%;
}

.staff-list {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.staff-image {
	aspect-ratio: 4 / 3;
    padding-bottom: 20px;
}

.staff-item .staff-image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.staff-name {
	color: var(--color-black);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 110%;
    padding: 0 8px 8px;
}

.staff-position {
	color: var(--color-emperor);
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    padding: 0 8px;
}

.staff-more-info {
	padding: 20px 8px 8px;
    font-size: 0.875rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
}

.staff-link {
	display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 140%;
    color: var(--color-black);
}

.staff-link svg {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.staff-description {
	padding: 20px 8px 0
}

.staff-description-title {
	color: var(--color-black);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 140%;
	padding-bottom: 4px;
}

.pasakumi-filters {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.pasakumi-filters .filter-input {
	width: 220px;
}

.pasakumi-filters .filter-input.input-search {
	width: 288px;
}

h1.pasakumi-title {
	font-size: var(--size-h2);
	padding-top: 50px;
	padding-bottom: 40px;
}

.vm-checkbox {
	display: block;
	position: relative;
	margin-bottom: 0;
    padding: 8px 0 8px 28px;
	cursor: pointer;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--color-black);
	font-weight: 400;
	line-height: 150%;
}

.vm-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.vm-checkbox-mark {
	position: absolute;
	top: 10px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
	border: 2px solid var(--color-alto);
	border-radius: 4px;
}

.vm-checkbox input:checked ~ .vm-checkbox-mark {
  	background-color: var(--color-green);
	border-color: var(--color-green);
}

.vm-checkbox-mark:after {
	content: "";
	position: absolute;
	display: none;
	transition: .4s ease;
}

.vm-checkbox input:checked ~ .vm-checkbox-mark:after {
  	display: block;
}

.vm-checkbox .vm-checkbox-mark:after {
	left: 5px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid var(--color-yellow);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.vm-popup {
	position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: rgba(0, 0, 0, .6);
    display: none;
    align-items: center;
    justify-content: center;
	transition: .4s ease;
}

.auth {
	width: 592px;
    border-radius: 24px;
    background-color: var(--color-white);
    padding: 55px 30px 40px 50px;
    position: relative;
}

.auth-wrapper {
    max-height: 75dvh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.auth-wrapper::-webkit-scrollbar {
  	width: 8px;
}

.auth-wrapper::-webkit-scrollbar-track {
  	background: #f1f1f1; 
	border-radius: 4px;
}
 
.auth-wrapper::-webkit-scrollbar-thumb {
  	background: var(--color-yellow); 
	border-radius: 4px;
}

.auth-wrapper::-webkit-scrollbar-thumb:hover {
  	background: var(--color-yellow-hover);
}

.close-popup {
	position: absolute;
    top: 30px;
    right: 30px;
}

.close-popup:hover {
	cursor: pointer;
}

.popup-title {
	text-align: center;
    font-size: var(--size-h4);
    font-weight: 700;
    line-height: 110%;
    color: var(--color-black);
    padding-bottom: 30px;
}

.vm-fade-out {
	-webkit-animation: fade-out 0.4s ease-out both;
	        animation: fade-out 0.4s ease-out both;
}

@-webkit-keyframes fade-out {
 	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.vm-fade-in {
	-webkit-animation: fade-in 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.forgot a {
	color: var(--color-green);
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 150%;
    text-decoration: underline;
    transition: .4s ease;
}

.auth-form-btn {
	padding: 30px 0;
}

.auth-form-btn button {
	width: 100%;
}

.auth-form-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.auth-form-footer span {
	font-size: 0.9375rem;
	color: var(--color-black);
	font-weight: 400;
	line-height: 150%;
}

.auth-form-footer .open-register-form,
.auth-form-footer .open-login-form {
	font-size: 0.9375rem;
	color: var(--color-green);
	font-weight: 700;
	line-height: 150%;
}

.open-register-form:hover {
	cursor: pointer;
}

.auth-form-footer .open-login-form:hover {
    cursor: pointer;
}

.auth-form-btn button:hover {
	cursor: pointer;
}

.login-remember {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.login-form {
	position: relative;
    max-height: 80dvh;
    overflow-y: auto;
}

.students-regiona-filters {
	display: grid;
    grid-template-columns: 288px repeat(3, minmax(0, 1fr));
    gap: 12px;
}

h2.students-regiona-title {
	padding-bottom: 40px;
}

.students-regiona-results {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding-top: 30px;
    padding-bottom: 60px;
}

.single-practice-header {
	padding: 160px 0 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	position: relative;
}

.single-practice-header:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.45) 100%);
}

.single-practice-title {
	color: var(--color-white);
    font-size: var(--size-h2);
    font-weight: 700;
    line-height: 110%;
    max-width: 700px;
	position: relative;
	z-index: 2;
    max-width: 695px;
}

.single-practice-content,
.single-inst-content {
	position: relative;
    padding: 100px 0 70px;
	display: grid;
    grid-template-columns: 700px 385px;
    justify-content: space-between;
    gap: 30px;
}

.single-inst-content {
	padding-top: 50px;
}

.single-inst-content .back-btn {
	top: 50px;
}

.single-practice-content .back-btn {
	top: 100px;
}

.sidebar-wrapper {
	background-color: #F8F9F8;
    padding: 40px 30px;
    border-radius: 12px;
}

.sidebar-title {
	font-size: 0.875rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    padding-bottom: 8px;
}

.sidebar-avatar {
    text-align: center;
    padding-bottom: 12px;
}

.sidebar-avatar img {
	width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}

.sidebar-leader-name {
	text-align: center;
    font-size: 1.25rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
	padding-bottom: 3px;
}

.sidebar-leader-position {
	color: var(--color-emperor);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 20px;
	text-align: center;
}

.sidebar-languages {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
	padding-bottom: 20px;
}

.sidebar-languages img {
	height: 18px;
	width: auto;
	max-width: initial;
}

.sidebar-meta {
	padding-bottom: 40px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px
}

.sidebar-apply-text {
	font-size: 0.875rem;
	color: var(--color-emperor);
	text-align: center;
	font-weight: 400;
	line-height: 140%;
	padding-bottom: 10px;
}

.sidebar-apply-btn {
	display: flex;
}

.sidebar-apply-btn button {
	width: 100%;
}

.iestades {
	padding: 70px 0;
}

.posts-iestades-list {
	padding-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.card-inst {
	border: 2px solid var(--color-alto);
    border-radius: 12px;
    background-color: var(--color-white);
    padding: 24px;
	transition: .4s ease;
}

.card-inst:hover {
	border-color: var(--color-black);
}

.card-inst-logo {
	margin-bottom: 20px;
    height: 56px;
}

.card-inst .card-inst-logo img {
	max-height: 56px;
    max-width: 100%;
    height: auto;
    width: auto;
}

.card-inst-title {
	color: var(--color-black);
    font-size: var(--size-h6);
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 20px;
}

.card-inst-moreinfo {
	color: var(--color-emperor);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 8px;
}

.card-inst-contacts {
	display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
}

.card-inst-contacts svg {
	flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.card-inst-contacts span {
    color: var(--color-black);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 140%;
}

.sidebar-logo {
	padding: 0 6px;
    margin-bottom: 30px;
}

.sidebar-wrapper .sidebar-logo img {
	max-width: 100%;
    height: auto;
    width: auto;
}

.single-inst-contacts {
	display: flex;
    flex-direction: column;
	padding-bottom: 20px;
}

.inst-contact-row {
    display: flex;
    align-items: center;
    gap: 10px;
	padding: 6px 0;
}

.inst-contact-row svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.inst-contact-row span {
    color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 140%;
}

.inst-sidebar .sidebar-leader-name {
	text-align: left;
}

.inst-sidebar .sidebar-leader-position {
	text-align: left;
}

.sidebar-start-chat-btn {
	display: flex;
	padding-top: 20px;
}

.sidebar-start-chat-btn a {
	width: 100%;
}

.inst-sidebar .sidebar-apply-text {
	text-align: left;
}

#inst-map {
	height: 415px;
	border-radius: 12px;
	width: 100%;
}

.bordered-block {
	border: 1px solid var(--color-alto);
    padding: 30px;
    border-radius: 12px;
}

.bordered-block h3.block-title,
.single-inst-mentor h3.block-title {
	font-size: 1.125rem;
}

.single-inst-description .bordered-block:not(:first-child) {
	margin-top: 20px;
}

.review-avg-score {
	color: #919191;
    font-size: 1rem;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 4px;
}

.review-avg-score span {
	font-size: 2.5rem;
    color: var(--color-green);
    font-weight: 600;
    line-height: 110%;
}

.review-stars {
	display: flex;
    align-items: center;
}

.review-stars svg path {
	fill: var(--color-alto);
}

.review-stars svg.star-active path {
	fill: #EFA227;
}

.inst-reviews-header {
	display: grid;
    grid-template-columns: 150px 330px;
    gap: 20px;
    align-items: center;
	justify-content: space-between;
}

.inst-reviews-add button {
	width: 100%;
}

.review-add-desc {
	text-align: center;
    padding-top: 12px;
    color: #919191;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 140%;
}

#add-new-review {
	background-color: #FFF;
}

.inst-reviews-list {
	padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 20px;
}

.inst-reviews-pagination {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.inst-reviews-pagination {
	display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-pagination-prev,
.reviews-pagination-next {
	display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--color-alto);
    width: 44px;
    height: 44px;
    background-color: var(--color-white);
	transition: .4s ease;
}

.reviews-pagination-prev svg,
.reviews-pagination-next svg {
	width: 20px;
    height: 20px;
}

.reviews-pagination-prev svg path,
.reviews-pagination-next svg path {
	transition: .4s ease;
}

.reviews-pagination-prev:hover,
.reviews-pagination-next:hover {
	background-color: var(--color-green);
	border-color: var(--color-green);
	cursor: pointer;
}

.reviews-pagination-prev:hover svg path,
.reviews-pagination-next:hover svg path {
	stroke: var(--color-white);
}

.sidebar-avg-rating {
	display: flex;
    align-items: center;
}

.sidebar-avg-rating svg {
    width: 20px;
    height: 20px;
    padding-right: 5px;
}

.sidebar-avg-rating span {
    font-size: 1.25rem;
    color: var(--color-green);
    font-weight: 600;
    line-height: 110%;
    padding-right: 10px;
}

.sidebar-avg-rating a {
	font-size: 0.875rem;
    color: var(--color-green);
    font-weight: 500;
    line-height: 150%;
}

.event-popup {
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    background-color: rgba(0, 0, 0, .6);
    display: none;
    align-items: center;
    justify-content: center;
	z-index: 100000;
}

.event-popup-wrapper {
	width: 1215px;
    background-color: var(--color-white);
    border-radius: 24px;
    position: relative;
}

.event-popup-close {
	position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-white);
	transition: .4s ease;
}

.event-popup-close svg {
	width: 16px;
    height: 16px;
}

.event-popup-close:hover {
	cursor: pointer;
}

.event-popup-content {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: center;
    height: 80dvh;
    overflow: hidden;
    border-radius: 24px;
}

.event-popup-information {
	padding: 100px 0px 100px 60px;
	margin-top: 20px;
}

.event-popup-dates {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 20px;
}

.event-popup-dates svg {
	width: 20px;
    height: 20px;
}

.event-popup-dates span {
    font-size: 0.875rem;
    color: var(--color-black);
    font-weight: 500;
    line-height: 140%;
}

.event-popup-information h3 {
	padding-bottom: 12px
}

.event-popup-bg {
	height: 100%;
    border-radius: 0 24px 24px 0;
    background-size: cover;
    background-position: center center;
}

p.event-popup-description {
	font-size: 0.9375rem;
	padding-bottom: 30px;
	max-height: 37dvh;
    overflow-y: auto;
}

.event-popup-url {
	margin-top: 20px;
}

.map-zone {
	pointer-events: none;
}

.map-zone.has-posts {
	pointer-events: all;
	fill: #bac3c3;
}

.map-zone.has-posts:hover {
	fill: var(--color-yellow);
}

.results-vacancy-posts,
.results-practices-posts {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-top: 40px;
    padding-bottom: 70px;
}

.map-zone.has-posts.map-zone-active {
	fill: var(--color-yellow);
}

.institution-logo {
	padding-bottom: 40px;
}

.institution-logo img {
	max-width: 225px;
    width: auto;
    height: auto;
}

h1.single-vacancy-title {
	font-size: var(--size-h3);
    padding-bottom: 30px;
}

.single-vacancy-meta {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
	padding-bottom: 30px;
}

.single-practice-content.single-vacancy {
	padding-top: 50px;
}

.vacancy-meta-title {
	font-size: 0.875rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 2px;
}

.vacancy-meta-value {
	color: var(--color-black);
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%;
}

.vacancy-benefits {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
	padding-bottom: 40px;
}

.vacancy-sidebar .sidebar-apply-text {
	text-align: left;
}

.sidebar-vacancy-btn {
	padding-bottom: 30px;
}

#apply-for-vacancy {
	width: 100%;
}

.sidebar-share .share-btn {
	background-color: var(--color-white);
}

.sidebar-share .share-btns a svg {
	width: 20px;
	height: 20px;
}

.vm-popup.login-popup {
	z-index: 1001;
}

.darbinieku-banka-filters {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.darbinieku-banka-filters .filter-input {
	width: 235px;
}

.wp-theme-vm .select2-container--default .select2-results>.select2-results__options {
	overflow-x: hidden;
}

.darbinieku-banka-results {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-top: 30px;
}

.card-user {
	border-radius: 12px;
    border: 1px solid var(--color-alto);
    padding: 30px;
}

.card-user-header {
	display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 12px;
	align-items: center;
}

.card-user-avatar {
    width: 80px;
    height: 80px;
}

.card-user-header .card-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.card-user-top {
	padding-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.card-user-fullname {
	font-size: 1.25rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
}

.card-user-label {
	border-radius: 1000px;
    background-color: #97EF85;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-green);
}

.profile-contact-information p {
	font-size: 0.9375rem;
}

.card-user-metadata {
	padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding-bottom: 20px;
}

.card-user-settings {
	display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.single-user-cv {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.single-user-cv-left {
	display: flex;
    align-items: center;
    gap: 20px;
}

.cv-title {
	font-size: 0.9375rem;
    color: var(--color-black);
    font-weight: 500;
    line-height: 140%;
}

.single-user-cv-left .information-item-icon {
	flex-shrink: 0;
}

.single-user-cv-download {
	flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: var(--color-white);
    border: 2px solid var(--color-alto);
	border-radius: 50%;
}

.single-user-cv-download svg {
	width: 18px;
    height: 18px;
}

.single-user-section {
	padding: 15px 0;
}

h3.user-block-title {
	font-size: 1rem;
    font-weight: 600;
    line-height: 150%;
    color: var(--color-black);
    padding-bottom: 20px;
}

.single-user-section .profile-information-item {
	padding-bottom: 20px;
}

.single-user-section .profile-information-item:last-child {
	padding-bottom: 0;
}

.single-user-sidebar-wrapper {
	display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 20px;
	align-items: center;
}

.single-user-sidebar-wrapper .sidebar-logo {
	padding: 0;
    width: 80px;
    height: 80px;
}

.single-user-sidebar-wrapper .sidebar-logo img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.single-user-sidebar-wrapper .sidebar-leader-name {
	text-align: left;
}

.single-user-sidebar-wrapper .sidebar-leader-position {
	text-align: left;
}

/********************************** PROFILE STYLE *********************************/

.input-has-switch span {
    color: var(--color-emperor);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 4px;
    display: flex;
}

.profile-wrapper {
	padding-top: 80px;
    padding-bottom: 70px;
}

.profile-wrapper {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 70px;
}

.profile-menu ul li a {
	display: flex;
    align-items: center;
    padding: 12px;
    gap: 10px;
    border-radius: 12px;
    transition: .4s ease;
}

.profile-menu ul li a svg {
    width: 22px;
    height: 22px;
}

.profile-menu ul li a span {
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 140%;
	transition: .4s ease;
    white-space: nowrap;
    position: relative;
}

.profile-menu ul li a span .unread-messages-notification {
    right: -22px;
    top: 0px;
}

.profile-menu ul li a.profile-menu-active {
	background-color: #F3F5F5;
}

.profile-menu ul li a.profile-menu-active span {
	color: var(--color-green);
}

.profile-menu ul li a:hover {
	background-color: #F3F5F5;
}

.profile-menu ul li a:hover span {
	color: var(--color-green);
}

.profile-page-title {
	font-size: var(--size-h5);
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 30px;
}

.profile-information-block-title {
	color: var(--color-emperor);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 8px;
}

.profile-information-block {
	padding: 30px;
    border: 2px solid var(--color-alto);
    border-radius: 12px;
    position: relative;
	margin-bottom: 30px;	
}

.profile-information-actions {
	position: absolute;
    top: 30px;
    right: 30px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-alto);
    border-radius: 50%;
    background-color: var(--color-white);
}

.profile-information-actions:hover {
	cursor: pointer;
}

.profile-information-actions a,
.profile-information-actions svg {
	width: 15px;
    height: 15px;
}

.profile-information-header {
	display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding-right: 70px;
	margin-bottom: 20px;
}

.profile-information-avatar {
	width: 80px;
    height: 80px;
    border-radius: 50%;
}

.profile-information-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}

.profile-fullname {
	font-size: 1.25rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 5px;
}

.profile-contact-information {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
    column-gap: 20px;
}

.profile-contact-information p {
	position: relative;

}

.profile-contact-information p:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -12px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--color-green);
}

.profile-contact-information p:last-child:after {
	content: none;
}

.profile-information-description {
	background-color: rgba(244, 245, 243, 0.50);
    border-radius: 12px;
    padding: 24px;
    color: var(--color-emperor);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 150%;
}

.profile-page p {
	font-size: 0.9375rem;
	color: var(--color-emperor);
	font-weight: 400;
	line-height: 150%;
}

.profile-page p.p-black {
	color: var(--color-black);
}

.profile-information-item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 38px;
    gap: 20px;
}

.profile-information-item.align-center {
	align-items: center;
}

.information-item-icon {
	display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-yellow);
}

.information-item-icon svg {
	width: 24px;
    height: 24px;
}

.information-item-action {
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-alto);
    border-radius: 50%;
    background-color: var(--color-white);
}

.information-item-action svg {
	width: 18px;
	height: 18px;
}

.information-item-content.align-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.information-education-title {
	font-size: 1.125rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 8px;
}

.information-education-facility {
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 4px;
}

.information-education-timeline {
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 140%;
}

.information-education-description {
	padding-top: 20px;
}

.information-multiple {
	display: flex;
    flex-direction: column;
    gap: 30px;
}

.profile-information-actions:hover,
.information-item-action:hover {
	cursor: pointer;
	background-color: var(--color-yellow);
	border-color: var(--color-yellow);
}

.profile-information-actions svg path,
.information-item-action svg path {
	transition: .4s ease;
}

.profile-information-actions:hover > svg path,
.information-item-action:hover > svg path {
	fill: var(--color-white);
}

.profile-popup {
	left: 0;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: rgba(0, 0, 0, .6);
    display: none;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
}

.profile-popup-wrapper {
    width: 800px;
    border-radius: 24px;
    background-color: var(--color-white);
    padding: 50px;
	/* max-height: 85dvh;
    overflow-y: auto; */
}

.profile-popup-wrapper.popup-wide {
	width: 1008px;
}

#f-st-main,
#f-clinic-main {
	display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 50px;
	position: relative;
}

.f-st-avatar-img {
	width: 140px;
    height: 140px;
    border-radius: 50%;
}

.f-st-avatar-img img {
	width: 140px;
    height: 140px;
    object-fit: cover;
	border-radius: 50%;
    object-position: center center;
}

.f-st-change-avatar {
	text-align: center;
    color: var(--color-green);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 140%;
	padding-top: 12px;
}

.f-st-change-avatar:hover {
	cursor: pointer;
}

.input-hidden {
	display: none;
	visibility: hidden;
}

.profile-popup .input textarea {
	min-height: 200px;
	line-height: 140%;
}

.profile-form-buttons {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding-top: 10px;
}


.lds-ring,
.lds-ring div {
  	box-sizing: border-box;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid var(--color-yellow);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--color-yellow) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

h5.form-title {
	font-weight: 600;
    padding-bottom: 20px;
}

.popup-form-loader {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    display: none;
    align-items: center;
    justify-content: center;
	z-index: 1000000;
}

.error-msg {
	padding: 10px;
    background-color: var(--color-error);
    border-radius: 12px;
    color: var(--color-white);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 150%;
}

.cv-upload-block {
	border: 2px dashed var(--color-alto);
    border-radius: 12px;
    background-color: var(--color-white);
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
	transition: .4s ease;
	margin-bottom: 30px;
	position: relative;
}

.cv-upload-block:hover {
	cursor: pointer;
	border-color: var(--color-black);
}

.cv-upload-title {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.cv-upload-title span {
	font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-black);
    line-height: 140%;
}

.cv-upload-title svg {
    width: 22px;
    height: 20px;
}

.cv-upload-description {
	color: var(--color-emperor);
	font-weight: 400;
	line-height: 140%;
	font-size: 0.8125rem;
	text-align: center;
}

.cv-url {
	font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.cv-url:hover {
	text-decoration: underline;
	cursor: pointer;
}

.f-st-avatar-img.img-no-cover {
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.f-st-avatar-img.img-no-cover img {
    max-width: 140px;
    max-height: 140px;
    width: auto;
    height: auto;
	object-fit: initial;
}

.clinic-profile-header .profile-information-logo {
	max-width: 140px;
	max-height: 140px;
	display: flex;
	align-items: center;
}

.clinic-profile-header .profile-information-logo img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.clinic-profile-header.profile-information-header {
	grid-template-columns: 140px minmax(0, 1fr);
}

.profile-website a {
	color: var(--color-green);
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 150%;
    text-decoration: underline;
    padding-left: 10px;
}

#profile-map {
	width: 100%;
	height: 535px;
	border-radius: 12px;
}

.profile-add {
	position: relative;
    padding: 70px 0;
}

.profile-header-with-button {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-bottom: 30px;
}

.profile-header-with-button .profile-page-title {
    padding-bottom: 0;
}

.open-profile-popup:hover {
    cursor: pointer;
}

.input-wysiwyg.input label {
	gap: 0;
}

.input-wysiwyg.input label {
	padding-bottom: 4px;
}

.quill-wysiwyg-editor {
	min-height: 445px !important;
	border-radius: 0 0 12px 12px;
}

.cv-upload-block {
    margin-top: 16px;
	margin-bottom: 16px;
}

.post-form-buttons {
	padding-top: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.ql-toolbar {
	border-radius: 12px 12px 0 0;
    margin-top: 4px;
}

.input-select:has(.form-validation-error) .select2-container--default .select2-selection {
	background-color: var(--color-error) !important;
}

.input-select:has(.form-validation-error) .select2-container--default .select2-selection .select2-selection__placeholder {
	color: red;
}

#clinic-new-practice,
#clinic-new-vacancy {
	position: relative;
}

.form-upload-filename {
	color: var(--color-black);
    font-weight: 400;
    line-height: 140%;
    font-size: 0.8125rem;
    text-align: center;
    text-decoration: underline;
}

.card-practice {
	position: relative;
	border: 2px solid var(--color-alto);
    border-radius: 12px;
	transition: .4s ease;
}

.card-practice:hover {
	border-color: var(--color-black);
}

.open-practice-edit {
	position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-white);
    border: 2px solid var(--color-alto);
	transition: .4s ease;
}

.open-practice-edit svg path,
.open-vacancy-edit svg path {
	transition: .4s ease;
}

.open-practice-edit:hover,
.open-vacancy-edit:hover {
	cursor: pointer;
	background-color: var(--color-yellow);
	border-color: var(--color-yellow);
}

.open-practice-edit:hover svg path,
.open-vacancy-edit:hover svg path {
	fill: var(--color-white);
}

.open-practice-edit svg {
	width: 16px;
    height: 16px;
}

.open-practice-edit.open-applications {
    top: 55px;
}

.profile-practice-list {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-top: 30px;
}

.card-practice .card-practice-img {
	aspect-ratio: 2 / 1;
}

.card-practice .card-practice-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}

.card-practice-content {
	padding: 20px 30px 30px;	
}

.card-practice-header {
	display: flex;
    justify-content: space-between;
    gap: 20px;
	padding-bottom: 20px;
}

.card-practice-title {
	color:	 var(--color-black);
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 110%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.card-practice-languages {
	flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-practice-languages img {
	width: 24px;
	height: auto;
}

.card-practice-metadata {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
	padding-bottom: 20px;
}

.card-meta-title {
	color: var(--color-emperor);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 2px;
}

.card-meta-description {
	color: var(--color-black);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 140%;
}

.card-practice-leader {
	display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
	padding-top: 6px;
	align-items: center;
}

.leader-image {
	width: 44px;
    height: 44px;
}

.leader-image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.leader-name {
	color: var(--color-black);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 120%;
}

.leader-position {
	color: var(--color-emperor);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 140%;
}

.card-vacancy {
	border: 2px solid var(--color-alto);
    padding: 30px;
	position: relative;
	border-radius: 12px;
	transition: .4s ease;
}

.card-vacancy:hover {
	border-color: var(--color-black);
}

.open-vacancy-edit {
	position: absolute;
    top: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 2px solid var(--color-alto);
    border-radius: 50%;
	transition: .4s ease;
}

.open-vacancy-edit svg {
	width: 16px;
    height: 16px;
}

.open-vacancy-edit svg path {
	transition: .4s ease;
}

.c-vacancy-header {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
	padding-bottom: 12px;
}

.c-vacancy-status {
    padding: 5px 10px;
    border-radius: 1000px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 110%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.c-vacancy-status.status-active {
    background-color: var(--color-success);
    color: var(--color-green);
}

.c-vacancy-status.status-inactive {
	background-color: var(--color-error);
    color: var(--color-black);
}

.c-vacancy-starts {
	font-size: 0.8125rem;
    color: #919191;
    font-weight: 500;
    line-height: 110%;
}

.c-vacancy-title {
	font-size: 1.5rem;
	color: var(--color-black);
	font-weight: 600;
	line-height: 110%;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.profile-vacancy-list {
	display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px
}

.c-vacancy-category {
    font-size: 0.9375rem;
    color: var(--color-emperor);
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 20px;
}

.c-vacancy-short-description {
	font-size: 0.8125rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 20px;
}

.c-vacancy-metadata {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.c-vacancy-benefits {
	padding-top: 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.vacancy-benefit {
	background-color: #F3F5F5;
	border-radius: 1000px;
	padding: 5px 12px;
	white-space: nowrap;
	font-size: 0.8125rem;
	color: var(--color-black);
	font-weight: 600;
}

.draft-label {
	background-color: var(--color-error);
    padding: 5px 12px;
    border-radius: 1000px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-left: 10px;
}

.profile-popup .datepicker-input svg {
	top: 16px;
}

.profile-popup .input textarea.form-validation-error {
    background-color: var(--color-error);
    color: red;
}

.profile-popup .input textarea.form-validation-error::placeholder {
	color: red;
}

.event-post-date {
	background-color: #F3F5F5;
    border-radius: 1000px;
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-green);
    font-weight: 500;
    line-height: 140%;
    font-size: 0.8125rem;
}

.profile-events-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.profile-form .input textarea.form-validation-error {
	background-color: var(--color-error);
    color: red;
}

.profile-form .input textarea.form-validation-error::placeholder {
	color: red;
}

.ql-editor {
	min-height: 445px;
}

.ql-editor p {
	font-size: 1rem;
}

.profile-posts-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding-top: 30px;
}

.post-image-preview {
	max-height: 250px;
    max-width: 250px;
	padding: 8px;
    border: 2px dashed var(--color-alto);
    border-radius: 12px;
}

.post-image-preview img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.statistics-profile-block {
	border: 2px solid var(--color-alto);
    border-radius: 12px;
    padding: 40px;
	margin-bottom: 20px;
}

.statistics-totals {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
	padding-bottom: 40px;
}

.statistics-total-title {
	font-size: 1.25rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 6px;
}

.statistics-total-value {
	color: var(--color-green);
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 110%;
}

.statistics-link {
	font-size: 0.9375rem;
    color: var(--color-green);
    font-weight: 700;
    line-height: 120%;
}

.statistics-graph-horizontal {
	display: grid;
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 30px;
    padding-bottom: 20px;
	align-items: center;
}

.statistics-block-description {
	font-size: 0.875rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
}

.statistics-graph {
	display: inline-flex;
    height: 40px;
    border-radius: 12px;
}

.graph-green {
	background-color: #69F873;
}

.statistics-results {
	font-size: 0.875rem;
    color: var(--color-black);
    font-weight: 400;
    line-height: 140%;
}

.statistics-results span {
	font-size: 1.125rem;
	font-weight: 700;
}

.profile-action-has-dropdown {
	position: relative;
}

.profile-action-dropdown {
	border-radius: 20px;
    background: var(--color-white);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 10px;
    width: 185px;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    z-index: 3;
	display: none;
	flex-direction: column;
}

.profile-action-dropdown-edit,
.profile-action-dropdown-delete {
	display: flex;
    padding: 10px 12px;
    align-items: center;
    gap: 8px;
}

.profile-action-dropdown svg {
	flex-shrink: 0;
}

.profile-action-dropdown span {
	color: var(--color-black);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 140%;
}

.profile-empty-block {
	border: 2px dashed var(--color-alto);
    border-radius: 12px;
    background-color: var(--color-white);
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
	transition: .4s ease;
	margin-bottom: 30px;
	position: relative;
}

.profile-title-has-btn {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 16px;
}
/* 
.select2-container {
	z-index: 1000000;
} */

#education-form {
	position: relative;
	max-height: 75vh;
    overflow-y: auto;
}

.vm-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.vm-switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.vm-switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-alto);
	-webkit-transition: .4s;
	transition: .4s;
}

.vm-switch-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .vm-switch-slider {
  	background-color: var(--color-green);
}

input:checked + .vm-switch-slider:before {
	background-color: var(--color-yellow);
}

input:focus + .vm-switch-slider {
  	box-shadow: 0 0 1px var(--color-green);
}

input:checked + .vm-switch-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.vm-switch-slider.slider-round {
  	border-radius: 34px;
}

.vm-switch-slider.slider-round:before {
  	border-radius: 50%;
}

.settings-row {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid var(--color-alto);
}

.settings-row-label {
	display: flex;
    flex-direction: column;
    gap: 4px;
}

.settings-row-title {
	color: var(--color-black);
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%;
}

.settings-row-description {
	color: var(--color-emperor);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
}

.settings-row-value {
	flex-shrink: 0;
}

.settings-hours {
	display: flex;
    align-items: center;
    gap: 12px;
}

.hours-minus,
.hours-plus {
	width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-alto);
}

.hours-minus:hover,
.hours-plus:hover {
	cursor: pointer;
}

.hours-value {
	display: flex;
    align-items: center;
    gap: 4px;
}

.hours-value-amount {
	color: var(--color-black);
    font-size: 1rem;
    font-weight: 600;
    line-height: 150%;
}

.hours-value-unit {
	font-size: 0.75rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
}

.settings-block {
	border: 1px solid var(--color-alto);
    border-radius: 12px;
    padding: 20px 30px;
}

.settings-block .settings-row:last-of-type {
	border-bottom: none;
}

#speciality-form {
	position: relative;
}

.information-speciality {
	display: flex;
    flex-direction: column;
    gap: 12px;
}

.profile-meta-title {
	font-size: 0.875rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
}

.profile-meta-value {
	color: var(--color-black);
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%;
}

#certificate-form {
	position: relative;
	max-height: 75vh;
    overflow-y: auto;
}

.profile-information-title {
	font-size: 1.125rem;
    color: var(--color-black);
    font-weight: 500;
    line-height: 140%;
}

#research-form {
	position: relative;
}

.research-fullname {
	font-size: 1.125rem;
    color: var(--color-black);
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 4px;
}

.research-description {
	padding-top: 20px;
    color: var(--color-emperor);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 150%;
}

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000;
}

.popup-wrapper {
  width: min(520px, 90vw);
  max-height: 80dvh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border-radius: 24px;
}

.popup-header,
.popup-footer {
  flex-shrink: 0;           /* never squish these */
  padding: 20px 28px;
}

.popup-body {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 20px 28px;
}

.profile-popup-wrapper > form {
	max-height: 75vh;
    overflow-y: auto;
	padding-right: 10px;
}

.profile-popup-wrapper > form::-webkit-scrollbar {
  	width: 8px;
}

.profile-popup-wrapper > form::-webkit-scrollbar-track {
  	background: #f1f1f1; 
	border-radius: 4px;
}
 
.profile-popup-wrapper > form::-webkit-scrollbar-thumb {
  	background: var(--color-yellow); 
	border-radius: 4px;
}

.profile-popup-wrapper > form::-webkit-scrollbar-thumb:hover {
  	background: var(--color-yellow-hover);
}

.settings-block {
	position: relative;
}

.chat {
	border: 2px solid var(--color-alto);
    border-radius: 12px;
    padding: 30px;
    position: relative;
}

.chat.chat-has-contact-opened {
    border: none;
    padding: 0;
}

.chat-contact-search {
	position: relative;
	padding-bottom: 20px;
}

.chat-contact-search input {
	height: 50px;
    padding: 0 60px 0 20px;
    border-radius: 12px;
    background-color: #F3F5F5;
    border: none;
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--color-black);
    width: 100%;
}

#chat-contact-search-btn {
	position: absolute;
    right: 20px;
    top: 15px;
    border: none;
    background-color: transparent;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

#chat-contact-search-btn svg {
	width: 18px;
	height: 18px;
}

.chat-contact {
	padding: 12px;
	border-bottom: 1px solid var(--color-alto);
	transition: .4s ease;
}

.chat-contact:hover {
	cursor: pointer;
	background-color: #F3F5F5;
}

.chat-contact:last-child {
	border-bottom: none;
}

.chat-contact-wrapper {
	display: flex;
    justify-content: space-between;
    gap: 10px;
}

.chat-contact-main {
	display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.chat-contact-avatar {
	width: 52px;
    height: 52px;
}

.chat-contact-main .chat-contact-avatar img {
	width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}

.chat-contact-activity {
	flex-shrink: 0;
	position: relative;
}

.chat-contact-name {
	font-size: 0.9375rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 140%;
}

.chat-contact-position {
	color: var(--color-emperor);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
}

.chat-contact-last-msg {
	color: var(--color-black);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 150%;
}

.chat-contact-last-activity {
	font-size: 0.8125rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
}

.chat-contact-unread-msg-count {
	position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-yellow);
    color: var(--color-white);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 100%;
}

.profile-block-title {
	font-size: 1.25rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 12px;
}

.profile-single-application {
	padding: 30px 0;
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) 300px;
    gap: 40px;
    align-items: center;
	border-bottom: 1px solid var(--color-alto);
}

.profile-single-application:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.application-date {
	color: #919191;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 140%;
}

.application-title {
	font-size: 0.9375rem;
    color: var(--color-black);
    font-weight: 500;
    line-height: 140%;
}

.application-status {
	font-size: 0.875rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

#chat-main {
    border-radius: 12px;
    border: 2px solid var(--color-alto);
    background-color: var(--color-white);
    display: none;
}

.chat.chat-has-contact-opened #chat-main {
    display: block;
}

.chat-main-header {
    padding: 20px 30px;
    border-bottom: 2px solid var(--color-alto);
    border-radius: 12px 12px 0 0;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 30px;
    align-items: center;
}

.chat-back {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-back svg {
    width: 24px;
    height: 24px;
}

.chat-back:hover {
    cursor: pointer;
}

.chat-main-form {
    padding: 20px 30px;
    background-color: #F8F9F8;
    border-top: 2px solid var(--color-alto);
    border-radius: 0 0 12px 12px;
}

#chat-text {
    width: 100%;
    background-color: #F8F9F8;
    border: none;
    resize: none;
    font-size: 0.9375rem;
    color: var(--color-black);
    font-weight: 400;
    line-height: 150%;
    min-height: 50px;
    padding: 2px 8px;
}

#chat-text::placeholder {
    color: #919191;
}

.chat-main-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

.chat-toolbar-left {
    display: flex;
    align-items: center;
}

.chat-add-attachments,
.chat-emojis {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.chat-add-attachments:hover,
.chat-emojis:hover {
    cursor: pointer;
}

.chat-add-attachments svg,
.chat-emojis {
    width: 20px;
    height: 20px;
}

#chat-send-message {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    width: 40px;
    height: 40px;
}

#chat-send-message svg {
    width: 24px;
    height: 24px;
}

.chat-main-messages {
    max-height: 42vh;
    height: 42vh;
    overflow-y: auto;
    padding: 5px 40px 30px;
}

.chat-main-messages::-webkit-scrollbar {
  	width: 8px;
}

.chat-main-messages::-webkit-scrollbar-track {
  	background: #f1f1f1; 
	border-radius: 4px;
}
 
.chat-main-messages::-webkit-scrollbar-thumb {
  	background: var(--color-yellow); 
	border-radius: 4px;
}

.chat-main-messages::-webkit-scrollbar-thumb:hover {
  	background: var(--color-yellow-hover);
}

.chat-msg {
    padding: 16px;
}

.chat-msg-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.chat-msg-header-left {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.chat-msg-avatar {
    width: 40px;
    height: 40px;
}

.chat-msg-avatar img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.chat-msg-contact {
    font-size: 0.9375rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 140%;
}

.chat-msg-header-right {
    flex-shrink: 0;
    color: #919191;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
}

.chat-msg-content {
    padding-top: 8px;
    padding-left: 52px;
}

.chat-msg-text {
    font-size: 0.9375rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 150%;
}

#emoji-picker {
    display: none;
    position: absolute;
    bottom: 50px;
    right: 0;
}

#chat-attachments {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.chat-filelist {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 10px 0;
}

.file-item {
    border: 1px solid var(--color-alto);
    border-radius: 8px;
    width: 75px;
    height: 75px;
    padding: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.chat-file-delete {
    position: absolute;
    top: 4px;
    right: 4px;
}

.chat-file-delete:hover {
    cursor: pointer;
}

.chat-file-delete svg {
    width: 12px;
    height: auto;
}

.file-item span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    max-width: 100%;
    font-size: 0.75rem;
    color: var(--color-black);
}

.chat-file-ext {
    text-transform: uppercase;
    color: var(--color-emperor);
    font-weight: 700;
    opacity: .5;
    padding-bottom: 5px;
    font-size: 0.875rem;
}

.profile-program-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 30px;
}

.card-program {
    position: relative;
    border-radius: 12px;
    background-color: var(--color-white);
    border: 1px solid var(--color-alto);
    padding: 30px;
    transition: .4s ease;
}

.card-program:hover {
    border-color: var(--color-black);
}

.card-program-title {
    font-size: 1.25rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
}

.card-program-mentor {
    padding-top: 24px;
}

.mentor-title {
    font-size: 0.8125rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 6px;
}

.program-mentor {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.mentor-image {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mentor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    object-position: center center;
}

.mentor-name {
    font-size: 0.875rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 120%;
}

.mentor-posititon {
    font-size: 0.8125rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
}

.card-single-mentor {
    position: relative;
    border-radius: 12px;
    background-color: var(--color-white);
    border: 1px solid var(--color-alto);
    padding: 30px;
}

.profile-mentor-list {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.profile-review-list .reviews-new .review-slide {
    position: relative;
    padding-right: 120px;
}

.profile-review-list .reviews-verified .review-slide {
    position: relative;
    padding-right: 120px;
}

.review-controls {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.review-accept,
.review-deny {
    border: 2px solid var(--color-alto);
    border-radius: 50%;
    background-color: var(--color-white);
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
}

.review-accept:hover,
.review-deny:hover {
    cursor: pointer;
}

.review-accept:hover {
    background-color: var(--color-success);
}

.review-deny:hover {
    background-color: var(--color-error);
}

.review-accept svg,
.review-deny svg {
    width: 18px;
    height: 18px;
}

.profile-review-list .swiper-slide {
    margin-bottom: 16px;
}

.review-denied {
    position: absolute;
    top: 24px;
    right: 24px;
    background-color: var(--color-error);
    padding: 6px 8px;
    border-radius: 12px;
    color: var(--color-white);
    font-size: 0.875rem;
}

.open-vacancy-edit.open-applications {
    top: 75px;
}

.profile-applications-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 30px;
}

.card-user.application-review {
    padding-right: 200px;
    position: relative;
}

.application-review-form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 170px;
}

.application-review-form .input-row-1 {
    width: 100%;
}

.application-review-form .input-row-1 label span {
    text-align: right;
}

.user-start-chat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 2px solid var(--color-alto);
    border-radius: 50%;
    background-color: var(--color-white);
    margin-top: 12px;
    transition: .4s ease;
}

.user-start-chat svg path {
    transition: .4s ease;
}

.user-start-chat:hover {
    cursor: pointer;
    background-color: var(--color-yellow);
}

.user-start-chat:hover svg path {
    fill: var(--color-white);
}

.candidate-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 30px;
}

.chat-msg-attach {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 10px 0;
}

.chat-message-attachment {
    border: 1px solid var(--color-alto);
    border-radius: 8px;
    width: 75px;
    height: 75px;
    padding: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    transition: .4s ease;
}

.chat-message-attachment:hover {
    cursor: pointer;
    border-color: var(--color-black);
}

.chat-message-attach-filetype {
    text-transform: uppercase;
    color: var(--color-emperor);
    font-weight: 700;
    opacity: .5;
    padding-bottom: 15px;
    font-size: 1rem;
}

.chat-message-attach-filename {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    max-width: 100%;
    font-size: 0.75rem;
    color: var(--color-black);
}

.employee-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.employee {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--color-alto);
}

.employee-data {
    display: flex;
    align-items: center;
    gap: 30px;
}

.employee-name {
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    color: var(--color-emperor);
}

.employee-number {
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    color: var(--color-emperor);
}

.employee-actions {
    flex-shrink: 0;
}

/********************************** PROFILE STYLE END *********************************/

.apply-confirmation-popup {
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 101;
    background-color: rgba(0, 0, 0, .6);
    display: none;
    align-items: center;
    justify-content: center;
}

.apply-confirmation-wrapper {
	background-color: var(--color-white);
    border-radius: 24px;
    padding: 40px 50px;
    width: 512px;
}

.apply-popup-title {
	text-align	: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 110%;
    color: var(--color-black);
}

.apply-popup-buttons {
	padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.apply-success-wrapper {
	background-color: var(--color-white);
    border-radius: 24px;
    padding: 40px 50px;
    width: 512px;
    display: none;
    flex-direction: column;
    align-items: center;
}

.apply-popup-tick {
	width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--color-green);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.apply-popup-tick svg {
	width: 50px;
    height: 50px;
}

.apply-popup-description {
	padding-top: 10px;
    color: var(--color-emperor);
    font-size: 0.985rem;
    font-weight: 500;
    line-height: 140%;
}

.vacancy-has-applied {
	background-color: var(--color-card-green);
    padding: 10px;
    text-align: center;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 140%;
    color: var(--color-green);
}

.vacancy-has-expired {
	background-color: var(--color-error);
    padding: 10px;
    text-align: center;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 140%;
    color: var(--color-white);
}

.card-program-description {
    padding-top: 24px;
    color: var(--color-emperor);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 140%;
}

.mentorprogram {
    padding: 10px 0 70px;
}

.mentorprogram-examples {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-bottom: 70px;
}

.mentor-example {
    border-radius: 12px;
    border: 2px solid var(--color-alto);
    background-color: var(--color-white);
    padding: 40px;
}

.mentor-example-header {
    display: grid;
    align-items: center;
    gap: 20px;
    grid-template-columns: 80px minmax(0, 1fr);
}

.mentor-example-avatar {
    width: 80px;
    height: 80px;
}

.mentor-example-header .mentor-example-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.mentor-example-title {
    font-size: 1.25rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 4px;
}

.mentor-example-subtitle {
    color: var(--color-emperor);
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
}

.mentor-example-lower {
    padding-top: 20px;
}

.mentor-example-description {
    color: var(--color-black);
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%;
}

.mentor-example-content-title {
    padding-top: 20px;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 4px;
}

.elementor-widget-text-editor.mentor-example-content *:last-child {
    padding-bottom: 0;
}

.mentorprogram-benefits {
    padding: 70px 0;
}

.mentorprogram-benefits h3 {
    font-size: var(--size-h5);
    font-weight: 700;
    line-height: 110%;
    color: var(--color-black);
    text-align: center;
}

.icon-block-list {
    padding-top: 40px;
}

.mentorprogram-institutions {
    padding: 70px 0;
}

.mentor-institutions-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding-top: 40px;
}

.card-inst-mentorship-labels {
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.card-inst-mentor-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    border-radius: 1000px;
    background-color: #F3F5F5;
    font-size: 0.8125rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 140%;
}

.single-inst-mentor {
    padding-top: 20px;
    padding-bottom: 10px;
}

.single-inst-mentor-programs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.single-program-meta {
    padding-bottom: 20px;
}

.single-program-meta .card-meta-title {
    text-align: center;
}

.single-program-meta .card-meta-description {
    text-align: center;
}

.sidebar-single-program .sidebar-vacancy-btn {
    padding-bottom: 0;
}

.sidebar-single-program .sidebar-avg-rating {
    justify-content: center;
}

.sidebar-single-program .sidebar-avatar img {
    width: 100%;
    height: auto;
    border-radius: 0;
    object-fit: inherit;
    max-width: 100%;
}

.single-practice-subtitle {
    padding-top: 12px;
    color: var(--color-white);
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    z-index: 2;
    max-width: 695px;
}

.program-benefits {
    padding-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.related-posts {
    padding-bottom: 70px;
}

.related-program-list {
    padding-top: 40px;
    /* display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px; */
}

.sidebar-single-program:has(.sidebar-avg-rating) .sidebar-apply-btn {
    padding-bottom: 20px;
}

.sidebar-single-program:has(.sidebar-avg-rating) .vacancy-has-applied,
.sidebar-single-program:has(.sidebar-avg-rating) .vacancy-has-expired {
    margin-bottom: 20px;
}

.darba-birza-header {
    position: relative;
}

.filter-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    display: none;
    align-items: center;
    justify-content: center;
	z-index: 1000000;
}

.students-regiona-wrapper {
    position: relative;
}

.news-posts-wrapper {
    position: relative;
}

.event-popup-description::-webkit-scrollbar {
  	width: 8px;
}

.event-popup-description::-webkit-scrollbar-track {
  	background: #f1f1f1; 
	border-radius: 4px;
}
 
.event-popup-description::-webkit-scrollbar-thumb {
  	background: var(--color-yellow); 
	border-radius: 4px;
}

.event-popup-description::-webkit-scrollbar-thumb:hover {
  	background: var(--color-yellow-hover);
}

.events-posts-wrapper {
    position: relative;
}

.darbinieku-banka-post-wrapper {
    position: relative;
}

.posts-pagination {
    padding-top: 60px;
}

.single-user-section .profile-contact-information p {
    padding-bottom: 0;
}

.sidebar-leader-speciality {
    font-size: 1rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 140%;
    padding-bottom: 12px;
}

.review-popup-wrapper {
    width: 650px;
    background-color: var(--color-white);
    border-radius: 24px;
    padding: 30px 40px;
}

.review-popup-inner {
    max-height: 80dvh;
    overflow-y: auto;
    position: relative;
    padding-right: 10px;
}

.review-popup-inner::-webkit-scrollbar {
  	width: 8px;
}

.review-popup-inner::-webkit-scrollbar-track {
  	background: #f1f1f1; 
	border-radius: 4px;
}
 
.review-popup-inner::-webkit-scrollbar-thumb {
  	background: var(--color-yellow); 
	border-radius: 4px;
}

.review-popup-inner::-webkit-scrollbar-thumb:hover {
  	background: var(--color-yellow-hover);
}

.review-popup-title {
    font-size: 2rem;
    color: var(--color-black);
    font-weight: 700;
    line-height: 110%;
    padding-bottom: 12px;
}

.review-popup-inner p {
    padding-bottom: 30px;
}

.popup-stars-title {
    font-size: 0.875rem;
    color: var(--color-emperor);
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 12px;
}

.popup-review-rating {  
    display: flex;
    align-items: center;
    gap: 4px;
}

.review-popup-star {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F3F5F5;
    transition: .4s ease;
}

.review-popup-star svg {
    width: 24px;
    height: 24px;
}

.review-popup-star svg path {
    transition: .4s ease;
}

.review-popup-stars {
    padding-bottom: 30px;
}

.review-form-btn {
    padding-top: 30px;
}

.review-form-btn button {
    width: 100%;
}

.review-popup-wrapper {
    position: relative;
}

.review-popup-close {
    position: absolute;
    top: 18px;
    right: 18px;
}

.review-popup-close:hover {
    cursor: pointer;
}

.review-popup-star:hover {
    background-color: #FEF6EA;
    cursor: pointer;
}

.review-popup-star:hover svg path {
    fill: #EFA227;
}

.review-popup-star.rating-selected {
    background-color: #FEF6EA;
}

.review-popup-star.rating-selected svg path {
    fill: #EFA227;
}

#new-review-popup .apply-success-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 1000000;
}

.vm-radio {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vm-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.vm-radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--color-white);
    border: 2px solid var(--color-alto);
}

.vm-radio input:checked ~ .vm-radio-checkmark {
    border-color: var(--color-black);
}

.vm-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.vm-radio input:checked ~ .vm-radio-checkmark:after {
    display: block;
}

.vm-radio input:checked ~ .vm-radio-checkmark:after {
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(--color-black);
    border-radius: 50%;
    top: 2px;
    left: 2px;
    border: none;
}

.register-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 30px 0;
}

.register-options label {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 12px;
    border: 2px solid var(--color-alto);
    background-color: var(--color-white);
    padding: 20px;
    transition: .4s ease;
    position: relative;
}

.register-options label:hover {
    border-color: var(--color-black);
    cursor: pointer;
}

.register-options label .vm-radio-checkmark {
    position: relative;
    flex-shrink: 0;
}

.register-option-title {
    font-size: 1.125rem;
    color: var(--color-black);
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 2px;
}

.register-option-description {
    font-size: 0.9375rem;
    color: var(--color-black);
    font-weight: 400;
    line-height: 150%;
}

.register-form-btn {
    padding-bottom: 30px;
}   

.register-form-btn button {
    width: 100%;
}

.login-vpm {
    padding-bottom: 30px;
    text-align: center;
}

.accessibility {
    display: block;
    border-radius: 20px;
    border: 1px solid #EAEAEB;
    background: var(--color-white);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.16);
    padding: 16px;
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .5s ease;
    width: 220px;
    z-index: 5;
}

.accessibility.accessibility-open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.accessibility-title {
    font-size: 1rem;
    color: var(--color-black);
    font-weight: 600;
    line-height: 140%;
    padding-bottom: 8px;
}

.accessibility-settings {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    align-items: center;
}

.contrast-setting {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border: 1px solid var(--color-alto);
    transition: .4s ease;
    border-radius: 12px;
}

.contrast-setting svg path {
    transition: .4s ease;
}

.contrast-setting[data-setting="1"] {
    background-color: var(--color-ac-white);
}

.contrast-setting[data-setting="1"] svg path {
    fill: #666;
}

.contrast-setting[data-setting="2"] {
    background-color: var(--color-ac-black);
}

.contrast-setting[data-setting="2"] svg path {
    fill: var(--color-ac-white)
}

.contrast-setting[data-setting="3"] {
    background-color: var(--color-ac-yellow);
}

.contrast-setting[data-setting="3"] svg path {
    fill: var(--color-ac-black);
}

.contrast-setting[data-setting="4"] {
    background-color: var(--color-ac-black);
}

.contrast-setting[data-setting="4"] svg path {
    fill: var(--color-ac-yellow);
}

.contrast-setting:hover {
    cursor: pointer;
    border-color: var(--color-black);
}

.contrast-setting.setting-active {
    border-color: var(--color-yellow);
}

.accessibility-font {
    padding-bottom: 20px;
}

.accessibility-settings.settings-zoom {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.zoom-setting {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid var(--color-alto);
    transition: .4s ease;
    border-radius: 12px;
    text-align: center;
    color: var(--color-black);
    font-weight: 600;
    font-size: 1rem;
}

.zoom-setting:hover {
    cursor: pointer;
    border-color: var(--color-black);
}

.zoom-setting.setting-active {
    border-color: var(--color-yellow);
}

#contact-form .input input.form-validation-error {
    background-color: var(--color-white) !important;
    border-color: var(--color-error) !important;
    color: var(--color-error) !important;
}

#contact-form .input input.form-validation-error::placeholder {
    color: var(--color-error) !important;
}

#contact-form .input textarea.form-validation-error {
    color: var(--color-error) !important;
    background-color: var(--color-white) !important;
    border-color: var(--color-error) !important;
}

#contact-form .input textarea.form-validation-error::placeholder {
    color: var(--color-error) !important;
}

#contact-form .input select.form-validation-error + .select2 .select2-selection--single {
    color: var(--color-error) !important;
    background-color: var(--color-white) !important;
    border-color: var(--color-error) !important;
}

#contact-form .form-error-messages {
    margin-top: 12px;
}

#register-institution-form .form-error-messages {
    margin-bottom: 20px;
}

#register-institution-form .input-validation-error {
    color: #FFF;
}

.form-success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #F8F9F8;
    border-radius: 24px;
    z-index: 2;
}

.form-success-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.error-404-wrapper {
    padding: 70px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.error-404-wrapper p {
    padding-top: 15px;
    padding-bottom: 30px;
}

h1.error-404-title {
    font-size: 6rem;
    color: var(--color-yellow);
    padding-bottom: 20px;
}

.sitemap-pages {
    padding-top: 30px;
    padding-bottom: 70px;
}

.sitemap-pages ul li a {
    display: inline-flex;
    padding: 6px 0;
    font-size: 1rem;
    color: var(--color-black);
    line-height: 140%;
    font-weight: 600;
    transition:  .4s ease;
}

.sitemap-pages ul li a:hover {
    cursor: pointer;
    color: var(--color-yellow);
}

.sitemap-pages ul ul {
    padding-left: 30px;
}

.page-dates {
    padding-bottom: 20px;
}

.page-dates .container {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.page-meta-date {
    font-size: 0.8125rem;
    color: var(--color-emperor);
    font-weight: 400;
    line-height: 140%;
}

#register-institution-form .cf-turnstile {
    padding-bottom: 20px;
    padding-top: 10px;
}

.form-gdpr a {
    color: var(--color-yellow);
    text-decoration: underline;
}

#register-institution-form {
    position: relative;
}

.form-gdpr.form-validation-error .vm-checkbox-mark {
    background-color: var(--color-error);
    border-color: var(--color-error);
}

#contact-form .form-gdpr {
    padding-bottom: 20px;
    padding-top: 10px; 
}

.mobile-burger {
    display: none;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .4s ease;
}

.mobile-burger .mobile-burder-open svg {
    width: 17px;
    height: 12px;
}

.mobile-burger:hover {
    cursor: pointer;
}

.login-popup-icon {
    display: none;
}

.my-profile-icon {
    display: none;
}

.mobile-burder-close {
    display: none;
}

.mobile-burder-close {
    width: 20px;
    height: auto;
}

.mobile-burger.mobile-menu-opened {
    background-color: var(--color-green);
}

.mobile-burger.mobile-menu-opened .mobile-burder-close {
    display: initial;
}

.mobile-burger.mobile-menu-opened .mobile-burder-open {
    display: none;
}

.mobile-menu {
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 75px);
    background-color: var(--color-white);
    display: none;
    z-index: 999;
}

.mobile-menu-wrapper {
    width: 100%;
    padding: 30px;
}

.mobile-nav li a {
    display: inline-flex;
    padding: 20px 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 110%;
    color: var(--color-green);
}

.mobile-nav .menu-children {
    padding-left: 50px;
}

.mobile-nav {
    max-height: 75dvh;
    overflow-y: auto;
}

.mobile-nav::-webkit-scrollbar {
  	width: 8px;
}

.mobile-nav::-webkit-scrollbar-track {
  	background: #f1f1f1; 
	border-radius: 4px;
}
 
.mobile-nav::-webkit-scrollbar-thumb {
  	background: var(--color-yellow); 
	border-radius: 4px;
}

.mobile-nav::-webkit-scrollbar-thumb:hover {
  	background: var(--color-yellow-hover);
}

.mobile-nav li a.menu-current-item {
    color: var(--color-yellow);
}

.related-program-list .swiper-slide {
    display: flex;
}

.err-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 70px 0;
}

.err-page p {
    text-align: center;
}

.cf-turnstile iframe {
    max-width: 100% !important;
}

.empty-results {
    padding-top: 70px;
    text-align: center;
    padding-bottom: 30px;
    display: none;
}

.empty-results.show-empty-results {
    display: block;
}

.clear-filters-wrapper {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}

.clear-filters {
    color: var(--color-emperor);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
    text-decoration: underline;
}

.clear-filters:hover {
    cursor: pointer;
}

.header-logout {
    padding-left: 12px;
}

.header-logout svg {
    width: 24px;
    height: auto;
}

.single-practice-content .apply-sidebar .sidebar-apply-btn {
    padding-bottom: 20px;
}

.cmplz-title {
    font-size: 1.125rem;
}

.unread-messages-notification {
    position: absolute;
    right: -10px;
    top: -12px;
    width: 15px;
    height: 15px;
    background-color: var(--color-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--color-white);
    font-size: 0.65rem;
    font-weight: 300;
    pointer-events: none;
}

.single-file {
    padding: 20px 0;
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 20px;
    border-bottom: 2px solid var(--color-alto);
}

.file-ext {
    display: flex;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-yellow);
    text-transform: uppercase;
    color: var(--color-black);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
}

.file-name {
    font-size: 1rem;
    color: var(--color-black);
    font-weight: 500;
}

.file-download {
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-download svg {
    width: 24px;
    height: 24px;
}

.select2-search__field:focus {
    outline: 1px solid #000 !important;
}

.wp-theme-vm .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--color-alto) !important;
}

.map-zone:focus {
    stroke: #000 !important;
    stroke-width: 1px !important;
}

.btn.follow-btn {
    padding: 6px 15px;
    background-color: transparent !important;
    font-size: 0.875rem;
    line-height: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}

.btn.follow-btn svg {
    width: 24px;
    height: 24px;
}

.favorite-list-title {
    font-size: 1.3rem;
    padding-top: 40px;
}

.favorites-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 20px 0;
    gap: 12px;
}

/******************************************** ACCESSIBILITY ******************************************/

html.contrast-2 {
    background-color: var(--color-ac-black);
}

html.contrast-2 .ac-bg {
    background-color: var(--color-ac-black) !important;
    background: var(--color-ac-black) !important;
}

html.contrast-2 .ac-b {
    border-color: var(--color-ac-white) !important;
}

html.contrast-2 .ac-t {
    color: var(--color-ac-white) !important;
}

html.contrast-2 .ac-db {
    border: 1px solid var(--color-ac-white) !important;
}

html.contrast-2 .ac-svg-fill path {
    fill: var(--color-ac-white);
}

html.contrast-2 .ac-svg-stroke path {
    stroke: var(--color-ac-white);
}

html.contrast-2 .page-card-background-element svg path {
    fill: var(--color-ac-white);
    opacity: .1;
}

html.contrast-2 h1,
html.contrast-2 h2,
html.contrast-2 h3,
html.contrast-2 h4,
html.contrast-2 h5,
html.contrast-2 h6,
html.contrast-2 p,
html.contrast-2 li,
html.contrast-2 a,
html.contrast-2 label {
    color: var(--color-ac-white) !important;
}

html.contrast-2 .btn {
    border: 1px solid var(--color-ac-white) !important;
    color: var(--color-ac-white) !important;
    background-color: var(--color-ac-black) !important;
    clip-path: none !important;
}

html.contrast-2 .btn:after {
    content: none !important;
}

html.contrast-2 .elementor-widget-text-editor ul li:before,
html.contrast-2 .ql-editor ul li:before,
html.contrast-2 .elementor-widget-text-editor ol li:before,
html.contrast-2 .ql-editor ol li:before {
    filter: brightness(100);
}

html.contrast-2 .breadcrumbs span {
    color: var(--color-ac-white);
}

html.contrast-2 .breadcrumbs a span {
	color: var(--color-ac-white);
}

html.contrast-2 .breadcrumbs .container {
    color: var(--color-ac-white);
}

html.contrast-2 input,
html.contrast-2 textarea {
    border: 1px solid var(--color-ac-white) !important;
    color: var(--color-ac-white) !important;
    background-color: var(--color-ac-black) !important;
}

html.contrast-2 input::placeholder,
html.contrast-2 textarea::placeholder {
    color: var(--color-ac-white) !important;
}

html.contrast-2 .select2 textarea {
    border: none !important;
}

html.contrast-2 .input label svg {
    filter: brightness(1000);
}

html.contrast-2 .input .select2-container--default .select2-selection {
    background-color: var(--color-ac-black) !important;
    border: 1px solid var(--color-ac-white) !important;
}

html.contrast-2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-ac-white) !important;
}

html.contrast-2 .wp-theme-vm .select2-dropdown {
    border: 1px solid var(--color-ac-white) !important;
    background-color: var(--color-ac-black) !important;
}

html.contrast-2 .wp-theme-vm .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--color-ac-black) !important;
}

html.contrast-2 .wp-theme-vm .select2-container--default .select2-results>.select2-results__options li:before {
    border: 2px solid var(--color-ac-white) !important;
    background-color: var(--color-ac-black) !important;
}

html.contrast-2 .wp-theme-vm .select2-container--default .select2-results__option--selected:after {
    filter: brightness(10000);
}

html.contrast-2 #ui-datepicker-div.ui-datepicker {
    border: 1px solid var(--color-ac-white);
    background-color: var(--color-ac-black);
}

html.contrast-2 .ui-datepicker .ui-datepicker-header {
    background-color: var(--color-ac-black);
}

html.contrast-2 .ui-datepicker .ui-datepicker-title {
    color: var(--color-ac-white);
}

html.contrast-2 .ui-datepicker-calendar td a {
    color: var(--color-ac-white);
    border: 1px solid var(--color-ac-white);
    background-color: var(--color-ac-black);
}

html.contrast-2 .ui-datepicker-calendar td a.ui-state-active {
    background-color: var(--color-ac-white) !important;
    color: var(--color-ac-black) !important;
}

html.contrast-2 .ui-datepicker-calendar th span {
    color: var(--color-ac-white);
}

html.contrast-2 .icon-block-item .icon-block-icon img {
    filter: brightness(1000);
}

html.contrast-2 .input .select2-container--default .select2-selection .select2-selection__choice__display {
    color: var(--color-ac-white);
}

html.contrast-2 .select2-container--default .select2-results__option--selected {
    color: var(--color-ac-black) !important;
}

html.contrast-2 .map-zone.has-posts.map-zone-active {
    fill: var(--color-ac-black);
}

html.contrast-2 .profile-contact-information p:after {
    background-color: var(--color-ac-white);
}

html.contrast-2 .select2 .dropdown-wrapper {
    filter: brightness(1000);
}

html.contrast-2 .header-nav > ul > li > a:after {
    background-color: var(--color-ac-white);
}

html.contrast-2 .profile-menu ul li a.profile-menu-active span {
    color: var(--color-ac-black) !important;
}

html.contrast-2 .profile-menu ul li a.profile-menu-active svg path {
    fill: var(--color-ac-black) !important;
}

/********** CONTRAST 3  **********/

html.contrast-3 {
    background-color: var(--color-ac-yellow);
}

html.contrast-3 .ac-bg {
    background-color: var(--color-ac-yellow) !important;
    background: var(--color-ac-yellow) !important;
}

html.contrast-3 .ac-b {
    border-color: var(--color-ac-black) !important;
}

html.contrast-3 .ac-t {
    color: var(--color-ac-black) !important;
}

html.contrast-3 .ac-db {
    border: 1px solid var(--color-ac-black) !important;
}

html.contrast-3 .ac-svg-fill path {
    fill: var(--color-ac-black);
}

html.contrast-3 .ac-svg-stroke path {
    stroke: var(--color-ac-black);
}


html.contrast-3 .page-card-background-element svg path {
    fill: var(--color-ac-black);
    opacity: .1;
}

html.contrast-3 h1,
html.contrast-3 h2,
html.contrast-3 h3,
html.contrast-3 h4,
html.contrast-3 h5,
html.contrast-3 h6,
html.contrast-3 p,
html.contrast-3 li,
html.contrast-3 a,
html.contrast-3 label {
    color: var(--color-ac-black) !important;
}

html.contrast-3 .btn {
    border: 1px solid var(--color-ac-black) !important;
    color: var(--color-ac-black) !important;
    background-color: var(--color-ac-yellow) !important;
    clip-path: none !important;
}

html.contrast-3 .btn:after {
    content: none !important;
}

html.contrast-3 .elementor-widget-text-editor ul li:before,
html.contrast-3 .ql-editor ul li:before,
html.contrast-3 .elementor-widget-text-editor ol li:before,
html.contrast-3 .ql-editor ol li:before {
    filter: brightness(0);
}

html.contrast-3 .breadcrumbs span {
    color: var(--color-ac-black);
}

html.contrast-3 .breadcrumbs a span {
	color: var(--color-ac-black);
}

html.contrast-3 .breadcrumbs .container {
    color: var(--color-ac-black);
}

html.contrast-3 input,
html.contrast-3 textarea {
    border: 1px solid var(--color-ac-black) !important;
    color: var(--color-ac-black) !important;
    background-color: var(--color-ac-yellow) !important;
}

html.contrast-3 input::placeholder,
html.contrast-3 textarea::placeholder {
    color: var(--color-ac-black) !important;
}

html.contrast-3 .select2 textarea {
    border: none !important;
}

html.contrast-3 .input label svg {
    filter: brightness(0);
}

html.contrast-3 .input .select2-container--default .select2-selection {
    background-color: var(--color-ac-yellow) !important;
    border: 1px solid var(--color-ac-black) !important;
}

html.contrast-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-ac-black) !important;
}

html.contrast-3 .wp-theme-vm .select2-dropdown {
    border: 1px solid var(--color-ac-black) !important;
    background-color: var(--color-ac-yellow) !important;
}

html.contrast-3 .wp-theme-vm .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--color-ac-yellow) !important;
    background-color: var(--color-ac-black) !important;
}

html.contrast-3 .wp-theme-vm .select2-container--default .select2-results>.select2-results__options li:before {
    border: 2px solid var(--color-ac-black) !important;
    background-color: var(--color-ac-yellow) !important;
}

html.contrast-3 .wp-theme-vm .select2-container--default .select2-results__option--selected:after {
    filter: brightness(0);
}

html.contrast-3 #ui-datepicker-div.ui-datepicker {
    border: 1px solid var(--color-ac-black);
    background-color: var(--color-ac-yellow);
}

html.contrast-3 .ui-datepicker .ui-datepicker-header {
    background-color: var(--color-ac-yellow);
}

html.contrast-3 .ui-datepicker .ui-datepicker-title {
    color: var(--color-ac-black);
}

html.contrast-3 .ui-datepicker-calendar td a {
    color: var(--color-ac-black);
    border: 1px solid var(--color-ac-black);
    background-color: var(--color-ac-yellow);
}

html.contrast-3 .ui-datepicker-calendar td a.ui-state-active {
    background-color: var(--color-ac-black) !important;
    color: var(--color-ac-yellow) !important;
}

html.contrast-3 .ui-datepicker-calendar th span {
    color: var(--color-ac-black);
}

html.contrast-3 .icon-block-item .icon-block-icon img {
    filter: brightness(0);
}

html.contrast-3 .input .select2-container--default .select2-selection .select2-selection__choice__display {
    color: var(--color-ac-black);
}

html.contrast-3 .select2-container--default .select2-results__option--selected {
    color: var(--color-ac-yellow) !important;
    background-color: var(--color-ac-black);
}

html.contrast-3 .map-zone.has-posts.map-zone-active {
    fill: var(--color-ac-yellow);
}

html.contrast-3 .profile-contact-information p:after {
    background-color: var(--color-ac-black);
}

html.contrast-3 .select2 .dropdown-wrapper {
    filter: brightness(0);
}

html.contrast-3 .header-nav > ul > li > a:after {
    background-color: var(--color-ac-black);
}

html.contrast-3 .hero-slide-title.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-3 .hero-slide-subtitle.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-3 .header {
    border-color: var(--color-ac-black);
}

html.contrast-3 .features-slide-text.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-3 .features-slide-title.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-3 .faq-item-title:after {
    background-color: var(--color-ac-black);
}

html.contrast-3 .header-nav .menu-children {
    border: 1px solid var(--color-ac-black);
}

html.contrast-3 .header-nav .menu-children li a:after {
    background-color: var(--color-ac-black);
}

html.contrast-3 .related {
    border-color: var(--color-ac-black);
}

html.contrast-3 .map-zone {
    fill: var(--color-ac-black);
}

html.contrast-3 .map-zone.has-posts {
    fill: var(--color-ac-white);
}

html.contrast-3 .map-zone.has-posts.map-zone-active {
    fill: var(--color-ac-dyellow);
}

html.contrast-3 .single-practice-title.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-3 .bordered-block {
    border-color: var(--color-ac-black);
}

html.contrast-3 .vm-checkbox-mark {
    background-color: var(--color-ac-yellow);
    border-color: var(--color-ac-black);
}

html.contrast-3 .vm-checkbox .vm-checkbox-mark:after {
    border-color: var(--color-ac-yellow) !important;
}

html.contrast-3 .vm-checkbox input:checked ~ .vm-checkbox-mark {
    background-color: var(--color-black) !important;
}

html.contrast-3 .profile-menu ul li a.profile-menu-active {
    background-color: var(--color-ac-yellow);
    border: 1px solid var(--color-ac-black);
}

html.contrast-3 .profile-menu ul li a.profile-menu-active span {
    color: var(--color-ac-black);   
}

html.contrast-3 .profile-menu ul li a.profile-menu-active {
    background-color: var(--color-ac-black);
}

html.contrast-3 .profile-menu ul li a.profile-menu-active span {
    color: var(--color-ac-yellow) !important;
}

html.contrast-3 .profile-menu ul li a.profile-menu-active svg path {
    fill: var(--color-ac-yellow) !important;
}

/********** CONTRAST 4  **********/

html.contrast-4 {
    background-color: var(--color-ac-black);
}

html.contrast-4 .ac-bg {
    background-color: var(--color-ac-black) !important;
    background: var(--color-ac-black) !important;
}

html.contrast-4 .ac-b {
    border-color: var(--color-ac-yellow) !important;
}

html.contrast-4 .ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .ac-db {
    border: 1px solid var(--color-ac-yellow) !important;
}

html.contrast-4 .ac-svg-fill path {
    fill: var(--color-ac-yellow);
}

html.contrast-4 .ac-svg-stroke path {
    stroke: var(--color-ac-yellow);
}

html.contrast-4 .page-card-background-element svg path {
    fill: var(--color-ac-yellow);
    opacity: .1;
}

html.contrast-4 h1,
html.contrast-4 h2,
html.contrast-4 h3,
html.contrast-4 h4,
html.contrast-4 h5,
html.contrast-4 h6,
html.contrast-4 p,
html.contrast-4 li,
html.contrast-4 a,
html.contrast-4 label {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .btn {
    border: 1px solid var(--color-ac-yellow) !important;
    color: var(--color-ac-yellow) !important;
    background-color: var(--color-ac-black) !important;
    clip-path: none !important;
}

html.contrast-4 .btn:after {
    content: none !important;
}

html.contrast-4 .elementor-widget-text-editor ul li:before,
html.contrast-4 .ql-editor ul li:before,
html.contrast-4 .elementor-widget-text-editor ol li:before,
html.contrast-4 .ql-editor ol li:before {
    filter: brightness(0) saturate(100%) invert(95%) sepia(41%) saturate(1652%) hue-rotate(331deg) brightness(104%) contrast(104%);
}

html.contrast-4 .breadcrumbs span {
    color: var(--color-ac-yellow);
}

html.contrast-4 .breadcrumbs a span {
	color: var(--color-ac-yellow);
}

html.contrast-4 .breadcrumbs .container {
    color: var(--color-ac-yellow);
}

html.contrast-4 input,
html.contrast-4 textarea {
    border: 1px solid var(--color-ac-yellow) !important;
    color: var(--color-ac-yellow) !important;
    background-color: var(--color-ac-black) !important;
}

html.contrast-4 input::placeholder,
html.contrast-4 textarea::placeholder {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .select2 textarea {
    border: none !important;
}

html.contrast-4 .input label svg {
    filter: brightness(0);
}

html.contrast-4 .input .select2-container--default .select2-selection {
    background-color: var(--color-ac-black) !important;
    border: 1px solid var(--color-ac-yellow) !important;
}

html.contrast-4 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .wp-theme-vm .select2-dropdown {
    border: 1px solid var(--color-ac-yellow) !important;
    background-color: var(--color-ac-black) !important;
}

html.contrast-4 .wp-theme-vm .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--color-ac-black) !important;
    background-color: var(--color-ac-yellow) !important;
}

html.contrast-4 .wp-theme-vm .select2-container--default .select2-results>.select2-results__options li:before {
    border: 2px solid var(--color-ac-yellow) !important;
    background-color: var(--color-ac-black) !important;
}

html.contrast-4 .wp-theme-vm .select2-container--default .select2-results__option--selected:after {
    filter: brightness(0);
}

html.contrast-4 #ui-datepicker-div.ui-datepicker {
    border: 1px solid var(--color-ac-yellow);
    background-color: var(--color-ac-black);
}

html.contrast-4 .ui-datepicker .ui-datepicker-header {
    background-color: var(--color-ac-black);
}

html.contrast-4 .ui-datepicker .ui-datepicker-title {
    color: var(--color-ac-yellow);
}

html.contrast-4 .ui-datepicker-calendar td a {
    color: var(--color-ac-yellow);
    border: 1px solid var(--color-ac-yellow);
    background-color: var(--color-ac-black);
}

html.contrast-4 .ui-datepicker-calendar td a.ui-state-active {
    background-color: var(--color-ac-yellow) !important;
    color: var(--color-ac-black) !important;
}

html.contrast-4 .ui-datepicker-calendar th span {
    color: var(--color-ac-yellow);
}

html.contrast-4 .icon-block-item .icon-block-icon img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(41%) saturate(1652%) hue-rotate(331deg) brightness(104%) contrast(104%);
}

html.contrast-4 .input .select2-container--default .select2-selection .select2-selection__choice__display {
    color: var(--color-ac-yellow);
}

html.contrast-4 .select2-container--default .select2-results__option--selected {
    color: var(--color-ac-black) !important;
    background-color: var(--color-ac-yellow);
}

html.contrast-4 .map-zone.has-posts.map-zone-active {
    fill: var(--color-ac-black);
}

html.contrast-4 .profile-contact-information p:after {
    background-color: var(--color-ac-yellow);
}

html.contrast-4 .select2 .dropdown-wrapper {
    filter: brightness(0);
}

html.contrast-4 .header-nav > ul > li > a:after {
    background-color: var(--color-ac-yellow);
}

html.contrast-4 .hero-slide-title.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .hero-slide-subtitle.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .header {
    border-color: var(--color-ac-yellow);
}

html.contrast-4 .features-slide-text.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .features-slide-title.ac-t {
    color: var(--color-ac-yellow) !important;
}

html.contrast-4 .faq-item-title:after {
    background-color: var(--color-ac-yellow);
}

html.contrast-4 .header-nav .menu-children {
    border: 1px solid var(--color-ac-yellow);
}

html.contrast-4 .header-nav .menu-children li a:after {
    background-color: var(--color-ac-yellow);
}

html.contrast-4 .related {
    border-color: var(--color-ac-yellow);
}

html.contrast-4 .map-zone {
    fill: var(--color-ac-yellow);
}

html.contrast-4 .map-zone.has-posts {
    fill: var(--color-ac-white);
}

html.contrast-4 .map-zone.has-posts.map-zone-active {
    fill: var(--color-ac-dyellow);
}

html.contrast-4 .single-practice-title.ac-t {
    color: var(--color-ac-black) !important;
}

html.contrast-4 .bordered-block {
    border-color: var(--color-ac-yellow);
}

html.contrast-4 .vm-checkbox-mark {
    background-color: var(--color-ac-black);
    border-color: var(--color-ac-yellow);
}

html.contrast-4 .vm-checkbox .vm-checkbox-mark:after {
    border-color: var(--color-ac-black) !important;
}

html.contrast-4 .vm-checkbox input:checked ~ .vm-checkbox-mark {
    background-color: var(--color-black) !important;
}

html.contrast-4 .profile-menu ul li a.profile-menu-active {
    background-color: var(--color-ac-black);
    border: 1px solid var(--color-ac-yellow);
}

html.contrast-4 .profile-menu ul li a.profile-menu-active span {
    color: var(--color-ac-yellow);   
}

/******************************************** ACCESSIBILITY END ******************************************/ 


/******************************************** PRINT ******************************************/ 

@media print {
    .header,
    .footer,
    .breadcrumbs,
    .back-btn,
    .single-post-share,
    .related,
    .sidebar-share,
    .sidebar-apply-text {
        display: none !important;
    }
    
    .main {
        padding-top: 0 !important;
    }

    .single-practice-content {
        display: flex !important;
        flex-direction: column;
        gap: 50px;
    }
}

/******************************************** PRINT END ******************************************/ 

.input label span.required {
    color: var(--color-error);
    font-weight: 600;
    font-size: 1rem;
}