/* ==========================================================
   VERGİ PORTALI — ANA SƏHİFƏ
   Fayl: assets/css/home.css
========================================================== */


/* ==========================================================
   ÜMUMİ ANA SƏHİFƏ QAYDALARI
========================================================== */

.vp-home {
	width: 100%;
	background: #ffffff;
}

.vp-home *,
.vp-home *::before,
.vp-home *::after {
	box-sizing: border-box;
}

.vp-home section {
	padding: 70px 0;
}

.vp-home section:first-child {
	padding-top: 28px;
}

.vp-home section:nth-child(even),
.vp-home section:nth-child(odd) {
	background: #ffffff;
}


/* ==========================================================
   HERO BÖLMƏSİ
========================================================== */

.vp-home .vp-hero {
	padding: 28px 0 36px;
	margin: 0;
	background: #ffffff;
}

.vp-hero-grid {
	display: grid;
	grid-template-columns:
		minmax(300px, 1.28fr)
		minmax(220px, 1fr)
		minmax(220px, 1fr)
		minmax(220px, 1fr);
	gap: 22px;
	align-items: stretch;
}


/* ==========================================================
   HERO KARTLARININ ÜMUMİ GÖRÜNÜŞÜ
========================================================== */

.vp-hero-card {
	--vp-card-color: #1464e8;
	--vp-card-soft: #edf4ff;
	--vp-card-border: #dce8fb;

	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 330px;
	padding: 22px 20px 20px;
	overflow: hidden;

	color: #102d53;
	background: #ffffff;
	border: 1px solid var(--vp-card-border);
	border-radius: 12px;

	box-shadow:
		0 1px 2px rgba(21, 48, 83, 0.02),
		0 8px 28px rgba(21, 48, 83, 0.035);

	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.vp-hero-card:hover {
	transform: translateY(-4px);
	border-color: var(--vp-card-color);

	box-shadow:
		0 12px 30px rgba(21, 48, 83, 0.09),
		0 2px 8px rgba(21, 48, 83, 0.04);
}


/* Kart rəngləri */

.vp-card-blue {
	--vp-card-color: #1769e8;
	--vp-card-soft: #edf4ff;
	--vp-card-border: #dce8fb;
}

.vp-card-green {
	--vp-card-color: #169c53;
	--vp-card-soft: #eaf8f0;
	--vp-card-border: #dcefe4;
}

.vp-card-purple {
	--vp-card-color: #7838ee;
	--vp-card-soft: #f1ebff;
	--vp-card-border: #e8defd;
}

.vp-card-orange {
	--vp-card-color: #f2551d;
	--vp-card-soft: #fff0e9;
	--vp-card-border: #f8e3da;
}


/* ==========================================================
   HERO İKONLARI VƏ BAŞLIQLARI
========================================================== */

.vp-hero-icon {
	position: relative;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	margin: 0 0 17px;
	border-radius: 50%;
	background: var(--vp-card-soft);
}

.vp-hero-icon::before {
	content: "";
	position: absolute;
	inset: 11px;

	background-color: var(--vp-card-color);

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;
}


/* Qeydiyyat ikonu */

.vp-card-blue .vp-hero-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4.5 21v-2.2A6.8 6.8 0 0 1 11.3 12h1.4a6.8 6.8 0 0 1 6.8 6.8V21'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4.5 21v-2.2A6.8 6.8 0 0 1 11.3 12h1.4a6.8 6.8 0 0 1 6.8 6.8V21'/%3E%3C/svg%3E");
}


/* Bəyannamə ikonu */

.vp-card-green .vp-hero-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6M9 8h2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6M9 8h2'/%3E%3C/svg%3E");
}


/* E-qaimə ikonu */

.vp-card-purple .vp-hero-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 11h6M9 15h2M14 15h1M9 18h6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 11h6M9 15h2M14 15h1M9 18h6'/%3E%3C/svg%3E");
}


/* Yeni müraciət ikonu */

.vp-card-orange .vp-hero-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
}

.vp-hero-card h2,
.vp-hero-card h3 {
	margin: 0 0 22px;
	padding: 0;

	color: #102d53;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.28;
	letter-spacing: -0.2px;
}


/* ==========================================================
   HERO KART MƏTNİ
========================================================== */

.vp-hero-card > p {
	max-width: 210px;
	margin: 1px 0 60px;
	padding: 0;

	color: #455a72;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.62;
}


/* ==========================================================
   QEYDİYYAT KARTININ DAXİLİ LİNKLƏRİ
========================================================== */

.vp-hero-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: -5px;
}

.vp-hero-links a {
	position: relative;
	display: block;
	min-height: 93px;
	padding: 14px 48px 14px 15px;

	color: #102d53;
	text-decoration: none;

	background: #ffffff;
	border: 1px solid #dce6f2;
	border-radius: 9px;

	transition:
		border-color 0.22s ease,
		background-color 0.22s ease,
		box-shadow 0.22s ease;
}

.vp-hero-links a:hover {
	color: #102d53;
	background: #fbfdff;
	border-color: #a9c6f6;
	box-shadow: 0 5px 14px rgba(22, 105, 232, 0.07);
}

.vp-hero-links strong {
	display: block;
	margin: 0 0 5px;

	color: #263c57;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}

.vp-hero-links span {
	display: block;
	color: #10233e;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
}

.vp-hero-links a::before {
	display: block;
	margin: 0 0 2px;

	color: var(--vp-card-color);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

.vp-hero-links a:first-child::before {
	content: "e-voen.az";
}

.vp-hero-links a:last-child::before {
	content: "e-mmc.az";
}

.vp-hero-links a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;

	width: 19px;
	height: 13px;

	background-color: var(--vp-card-color);
	transform: translateY(-50%);

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M1 8h20M15 2l6 6-6 6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M1 8h20M15 2l6 6-6 6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;

	transition: transform 0.22s ease;
}

.vp-hero-links a:hover::after {
	transform: translate(3px, -50%);
}


/* ==========================================================
   HERO KARTLARININ SAĞ ALT OXLARI
========================================================== */

.vp-hero-card:not(.vp-card-blue)::after {
	content: "";
	position: absolute;
	right: 21px;
	bottom: 20px;

	width: 26px;
	height: 16px;

	background-color: var(--vp-card-color);

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18'%3E%3Cpath d='M1 9h24M18 2l7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18'%3E%3Cpath d='M1 9h24M18 2l7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;

	transition: transform 0.22s ease;
}

.vp-hero-card:not(.vp-card-blue):hover::after {
	transform: translateX(4px);
}


/* ==========================================================
   ÇOX İSTİFADƏ EDİLƏN XİDMƏTLƏR
========================================================== */

.vp-home .vp-popular-services {
	position: relative;
	margin: 0;
	padding: 26px 0 42px;
	overflow: visible;
	background: #ffffff;
}


/* ==========================================================
   BÖLMƏ BAŞLIĞI
========================================================== */

.vp-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	margin: 0 0 24px;
}

.vp-section-heading h2 {
	margin: 0;
	padding: 0;

	color: #10233f;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.25px;
}

.vp-section-heading-link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex: 0 0 auto;

	color: #1769e8;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;

	transition:
		color 0.2s ease,
		transform 0.2s ease;
}

.vp-section-heading-link:hover {
	color: #0d56c9;
	text-decoration: none;
}

.vp-section-heading-arrow {
	position: relative;
	display: block;
	width: 23px;
	height: 15px;
	flex: 0 0 23px;
	background-color: currentColor;

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18'%3E%3Cpath d='M1 9h24M18 2l7 7-7 7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18'%3E%3Cpath d='M1 9h24M18 2l7 7-7 7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;

	transition: transform 0.2s ease;
}

.vp-section-heading-link:hover .vp-section-heading-arrow {
	transform: translateX(4px);
}


/* ==========================================================
   POPULYAR XİDMƏTLƏR SLİDERİ
========================================================== */

.vp-popular-slider {
	position: relative;
	width: 100%;
	padding: 0 40px;
}

.vp-popular-slider-viewport {
	width: 100%;
	overflow: hidden;
}

.vp-popular-slider-track {
	display: flex;
	align-items: stretch;
	gap: 10px;
	width: max-content;

	transform: translate3d(0, 0, 0);
	transition: transform 0.42s ease;
	will-change: transform;
}


/* ==========================================================
   POPULYAR XİDMƏT KARTLARI
========================================================== */

.vp-popular-service-card {
	flex: 0 0 154px;
	width: 154px;
	min-width: 154px;
	height: 190px;
	margin: 0;
	padding: 0;
}

.vp-popular-service-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	width: 100%;
	height: 100%;
	padding: 18px 11px 15px;

	color: #1f2e43;
	text-align: center;
	text-decoration: none;

	background: #ffffff;
	border: 1px solid #dce5f0;
	border-radius: 8px;

	box-shadow:
		0 1px 2px rgba(16, 35, 63, 0.02),
		0 4px 12px rgba(16, 35, 63, 0.025);

	transition:
		transform 0.23s ease,
		border-color 0.23s ease,
		box-shadow 0.23s ease,
		background-color 0.23s ease;
}

.vp-popular-service-link:hover {
	color: #1769e8;
	text-decoration: none;
	background: #fbfdff;
	border-color: #90b9f6;

	transform: translateY(-4px);

	box-shadow:
		0 12px 24px rgba(20, 72, 145, 0.09),
		0 3px 8px rgba(20, 72, 145, 0.04);
}

.vp-popular-service-link:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.22);
	outline-offset: 3px;
}


/* ==========================================================
   POPULYAR XİDMƏT İKONLARI
========================================================== */

.vp-popular-service-icon {
	position: relative;
	display: block;
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	margin: 0 0 12px;
	color: #3971cf;
}

.vp-popular-service-icon::before {
	content: "";
	position: absolute;
	inset: 3px;
	background-color: currentColor;

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;

	transition:
		transform 0.23s ease,
		background-color 0.23s ease;
}

.vp-popular-service-link:hover .vp-popular-service-icon::before {
	transform: scale(1.05);
	background-color: #1769e8;
}


/* 1. Büdcə rekvizitləri */

.vp-popular-icon-budget::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 9h24a5 5 0 0 1 5 5v33a5 5 0 0 1-5 5H15a5 5 0 0 1-5-5V14a5 5 0 0 1 5-5Z'/%3E%3Cpath d='M19 16h16M19 23h12M19 30h10'/%3E%3Crect x='35' y='28' width='19' height='22' rx='4'/%3E%3Cpath d='M40 35h9M40 40h9M40 45h6'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 9h24a5 5 0 0 1 5 5v33a5 5 0 0 1-5 5H15a5 5 0 0 1-5-5V14a5 5 0 0 1 5-5Z'/%3E%3Cpath d='M19 16h16M19 23h12M19 30h10'/%3E%3Crect x='35' y='28' width='19' height='22' rx='4'/%3E%3Cpath d='M40 35h9M40 40h9M40 45h6'/%3E%3C/g%3E%3C/svg%3E");
}


/* 2. Ünvan dəyişikliyi */

.vp-popular-icon-address::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='10' width='46' height='42' rx='5'/%3E%3Cpath d='M9 20h46M17 15h2M24 15h2M31 15h2'/%3E%3Ccircle cx='25' cy='32' r='6'/%3E%3Cpath d='M16 45c1-6 5-9 9-9s8 3 9 9M39 29h9M39 35h9M39 41h6'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='10' width='46' height='42' rx='5'/%3E%3Cpath d='M9 20h46M17 15h2M24 15h2M31 15h2'/%3E%3Ccircle cx='25' cy='32' r='6'/%3E%3Cpath d='M16 45c1-6 5-9 9-9s8 3 9 9M39 29h9M39 35h9M39 41h6'/%3E%3C/g%3E%3C/svg%3E");
}


/* 3. Bəyannamə və ərizə formaları */

.vp-popular-icon-forms::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 7h27l9 9v40H14Z'/%3E%3Cpath d='M41 7v10h10M21 24h21M21 31h21M21 38h13'/%3E%3Ccircle cx='43' cy='44' r='10'/%3E%3Cpath d='m39 44 3 3 6-7'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 7h27l9 9v40H14Z'/%3E%3Cpath d='M41 7v10h10M21 24h21M21 31h21M21 38h13'/%3E%3Ccircle cx='43' cy='44' r='10'/%3E%3Cpath d='m39 44 3 3 6-7'/%3E%3C/g%3E%3C/svg%3E");
}


/* 4. Fiziki şəxslərin vergi uçotu */

.vp-popular-icon-registration::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='19' r='8'/%3E%3Cpath d='M8 49v-5c0-8 6-14 14-14s14 6 14 14v5'/%3E%3Cpath d='M38 22h15v31H32V39'/%3E%3Cpath d='M42 31h6M42 38h6M40 46h8'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='19' r='8'/%3E%3Cpath d='M8 49v-5c0-8 6-14 14-14s14 6 14 14v5'/%3E%3Cpath d='M38 22h15v31H32V39'/%3E%3Cpath d='M42 31h6M42 38h6M40 46h8'/%3E%3C/g%3E%3C/svg%3E");
}


/* 5. Riskli vergi ödəyiciləri */

.vp-popular-icon-risk::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8h31l8 8v39H12Z'/%3E%3Cpath d='M43 8v9h9M20 25h23M20 32h18M20 39h13'/%3E%3Cpath d='M44 35 55 55H33Z'/%3E%3Cpath d='M44 42v6M44 52h.01'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8h31l8 8v39H12Z'/%3E%3Cpath d='M43 8v9h9M20 25h23M20 32h18M20 39h13'/%3E%3Cpath d='M44 35 55 55H33Z'/%3E%3Cpath d='M44 42v6M44 52h.01'/%3E%3C/g%3E%3C/svg%3E");
}


/* 6. Vergi kalkulyatoru */

.vp-popular-icon-calculator::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='13' y='7' width='38' height='50' rx='5'/%3E%3Crect x='20' y='14' width='24' height='9' rx='2'/%3E%3Cpath d='M21 31h4M30 31h4M39 31h4M21 39h4M30 39h4M39 39h4M21 47h4M30 47h4M39 47h4'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='13' y='7' width='38' height='50' rx='5'/%3E%3Crect x='20' y='14' width='24' height='9' rx='2'/%3E%3Cpath d='M21 31h4M30 31h4M39 31h4M21 39h4M30 39h4M39 39h4M21 47h4M30 47h4M39 47h4'/%3E%3C/g%3E%3C/svg%3E");
}


/* 7. Asan İmza */

.vp-popular-icon-signature::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7c-12 0-21 9-21 21 0 7 3 13 8 17M32 14c-8 0-14 6-14 14 0 5 2 9 6 12M32 21c-4 0-7 3-7 7 0 3 2 5 4 6'/%3E%3Cpath d='M32 7c12 0 21 9 21 21 0 8-4 15-10 18M32 14c8 0 14 6 14 14 0 7-4 12-10 14M32 21c4 0 7 3 7 7 0 5-3 8-7 10'/%3E%3Cpath d='M32 28v29'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7c-12 0-21 9-21 21 0 7 3 13 8 17M32 14c-8 0-14 6-14 14 0 5 2 9 6 12M32 21c-4 0-7 3-7 7 0 3 2 5 4 6'/%3E%3Cpath d='M32 7c12 0 21 9 21 21 0 8-4 15-10 18M32 14c8 0 14 6 14 14 0 7-4 12-10 14M32 21c4 0 7 3 7 7 0 5-3 8-7 10'/%3E%3Cpath d='M32 28v29'/%3E%3C/g%3E%3C/svg%3E");
}


/* 8. Çağrı Mərkəzi */

.vp-popular-icon-support::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 36v-7c0-11 8-20 19-20s19 9 19 20v7'/%3E%3Crect x='8' y='30' width='10' height='18' rx='5'/%3E%3Crect x='46' y='30' width='10' height='18' rx='5'/%3E%3Ccircle cx='26' cy='30' r='2'/%3E%3Ccircle cx='38' cy='30' r='2'/%3E%3Cpath d='M25 39c2 2 4 3 7 3s5-1 7-3M46 49c-3 5-7 7-14 7h-4'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 36v-7c0-11 8-20 19-20s19 9 19 20v7'/%3E%3Crect x='8' y='30' width='10' height='18' rx='5'/%3E%3Crect x='46' y='30' width='10' height='18' rx='5'/%3E%3Ccircle cx='26' cy='30' r='2'/%3E%3Ccircle cx='38' cy='30' r='2'/%3E%3Cpath d='M25 39c2 2 4 3 7 3s5-1 7-3M46 49c-3 5-7 7-14 7h-4'/%3E%3C/g%3E%3C/svg%3E");
}


/* 9. ƏDV geri al */

.vp-popular-icon-vat::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='24'/%3E%3Ccircle cx='23' cy='23' r='4'/%3E%3Ccircle cx='41' cy='41' r='4'/%3E%3Cpath d='m43 19-22 26'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='24'/%3E%3Ccircle cx='23' cy='23' r='4'/%3E%3Ccircle cx='41' cy='41' r='4'/%3E%3Cpath d='m43 19-22 26'/%3E%3C/g%3E%3C/svg%3E");
}


/* ==========================================================
   POPULYAR XİDMƏT KARTLARININ MƏTNLƏRİ
========================================================== */

.vp-popular-service-link h3 {
	display: -webkit-box;
	margin: 0;
	padding: 0;
	overflow: hidden;

	color: #202f43;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.48;
	text-align: center;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;

	transition: color 0.23s ease;
}

.vp-popular-service-link:hover h3 {
	color: #1769e8;
}


/* ==========================================================
   POPULYAR SLİDER DÜYMƏLƏRİ
========================================================== */

.vp-popular-slider-button {
	position: absolute;
	top: 50%;
	z-index: 5;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;

	color: #ffffff;
	cursor: pointer;

	background: #1769e8;
	border: 0;
	border-radius: 50%;

	box-shadow:
		0 7px 16px rgba(23, 105, 232, 0.24),
		0 2px 5px rgba(23, 105, 232, 0.14);

	transform: translateY(-50%);

	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease,
		opacity 0.2s ease;
}

.vp-popular-slider-button:hover {
	color: #ffffff;
	background: #0e59d1;

	box-shadow:
		0 9px 20px rgba(23, 105, 232, 0.3),
		0 3px 7px rgba(23, 105, 232, 0.18);
}

.vp-popular-slider-button:active {
	transform: translateY(-50%) scale(0.95);
}

.vp-popular-slider-button:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.25);
	outline-offset: 3px;
}

.vp-popular-slider-button:disabled {
	cursor: default;
	opacity: 0.35;
	box-shadow: none;
}

.vp-popular-slider-button-prev {
	left: -2px;
}

.vp-popular-slider-button-next {
	right: -2px;
}

.vp-popular-slider-button span {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
}

.vp-popular-slider-button span::before {
	content: "";
	position: absolute;
	top: 50%;

	width: 9px;
	height: 9px;

	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.vp-popular-slider-button-prev span::before {
	left: 3px;
	transform: translateY(-50%) rotate(-135deg);
}

.vp-popular-slider-button-next span::before {
	right: 3px;
	transform: translateY(-50%) rotate(45deg);
}


/* ==========================================================
   SON XƏBƏRLƏR
========================================================== */

.vp-home .vp-latest-news {
	position: relative;
	margin: 0;
	padding: 18px 0 48px;
	overflow: visible;
	background: #ffffff;
}

.vp-news-section-heading {
	margin-bottom: 25px;
}


/* ==========================================================
   XƏBƏRLƏR SLİDERİ
========================================================== */

.vp-news-slider {
	position: relative;
	width: 100%;
	padding: 0 40px;
}

.vp-news-slider-viewport {
	width: 100%;
	overflow: hidden;
}

.vp-news-slider-track {
	display: flex;
	align-items: stretch;
	gap: 22px;
	width: max-content;

	transform: translate3d(0, 0, 0);
	transition: transform 0.42s ease;
	will-change: transform;
}


/* ==========================================================
   XƏBƏR KARTI
========================================================== */

.vp-news-card {
	flex: 0 0 calc((100vw - 240px) / 4);
	width: calc((100vw - 240px) / 4);
	max-width: 292px;
	min-width: 240px;
	height: 370px;
	margin: 0;
	padding: 0;
}

.vp-news-card-link {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: hidden;

	color: #142a48;
	text-decoration: none;

	background: #ffffff;
	border: 1px solid #dce5f0;
	border-radius: 9px;

	box-shadow:
		0 1px 2px rgba(16, 35, 63, 0.02),
		0 5px 15px rgba(16, 35, 63, 0.03);

	transition:
		transform 0.24s ease,
		border-color 0.24s ease,
		box-shadow 0.24s ease;
}

.vp-news-card-link:hover {
	color: #142a48;
	text-decoration: none;
	border-color: #8eb7f3;
	transform: translateY(-4px);

	box-shadow:
		0 14px 28px rgba(20, 72, 145, 0.1),
		0 4px 10px rgba(20, 72, 145, 0.04);
}

.vp-news-card-link:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.22);
	outline-offset: 3px;
}


/* ==========================================================
   XƏBƏR ŞƏKLİ
========================================================== */

.vp-news-card-media {
	position: relative;
	width: 100%;
	height: 145px;
	flex: 0 0 145px;
	overflow: hidden;
	background: #eef4fb;
	border-bottom: 1px solid #edf1f6;
}

.vp-news-card-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;

	transform: scale(1);
	transition: transform 0.42s ease;
}

.vp-news-card-link:hover .vp-news-card-image {
	transform: scale(1.045);
}

.vp-news-card-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(
			135deg,
			#f5f8fd 0%,
			#edf3fc 100%
		);
}

.vp-news-card-placeholder svg {
	display: block;
	width: 100%;
	height: 100%;
}


/* ==========================================================
   XƏBƏR KARTININ MƏZMUNU
========================================================== */

.vp-news-card-content {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	padding: 14px 17px 16px;
}

.vp-news-card-date {
	display: block;
	margin: 0 0 10px;

	color: #52657c;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
}

.vp-news-card-title {
	display: -webkit-box;
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;

	color: #0e469e;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.36;
	letter-spacing: -0.15px;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

	transition: color 0.22s ease;
}

.vp-news-card-link:hover .vp-news-card-title {
	color: #1769e8;
}

.vp-news-card-excerpt {
	display: -webkit-box;
	margin: 0 0 32px;
	padding: 0;
	overflow: hidden;

	color: #4d5e72;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.vp-news-card-arrow {
	position: absolute;
	left: 17px;
	bottom: 16px;

	display: block;
	width: 19px;
	height: 13px;

	color: #1769e8;
	background-color: currentColor;

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M1 8h20M15 2l6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M1 8h20M15 2l6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;

	transition: transform 0.22s ease;
}

.vp-news-card-link:hover .vp-news-card-arrow {
	transform: translateX(4px);
}


/* ==========================================================
   XƏBƏRLƏR SLİDER DÜYMƏLƏRİ
========================================================== */

.vp-news-slider-button {
	position: absolute;
	top: 50%;
	z-index: 5;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;

	color: #ffffff;
	cursor: pointer;

	background: #1769e8;
	border: 0;
	border-radius: 50%;

	box-shadow:
		0 7px 16px rgba(23, 105, 232, 0.24),
		0 2px 5px rgba(23, 105, 232, 0.14);

	transform: translateY(-50%);

	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease,
		opacity 0.2s ease;
}

.vp-news-slider-button:hover {
	color: #ffffff;
	background: #0e59d1;

	box-shadow:
		0 9px 20px rgba(23, 105, 232, 0.3),
		0 3px 7px rgba(23, 105, 232, 0.18);
}

.vp-news-slider-button:active {
	transform: translateY(-50%) scale(0.95);
}

.vp-news-slider-button:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.25);
	outline-offset: 3px;
}

.vp-news-slider-button:disabled {
	cursor: default;
	opacity: 0.35;
	box-shadow: none;
}

.vp-news-slider-button-prev {
	left: -2px;
}

.vp-news-slider-button-next {
	right: -2px;
}

.vp-news-slider-button span {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
}

.vp-news-slider-button span::before {
	content: "";
	position: absolute;
	top: 50%;

	width: 9px;
	height: 9px;

	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.vp-news-slider-button-prev span::before {
	left: 3px;
	transform: translateY(-50%) rotate(-135deg);
}

.vp-news-slider-button-next span::before {
	right: 3px;
	transform: translateY(-50%) rotate(45deg);
}


/* ==========================================================
   XƏBƏR YOXDURSA
========================================================== */

.vp-news-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 260px;
	padding: 35px 20px;

	text-align: center;

	background: #f9fbfe;
	border: 1px dashed #cfdaea;
	border-radius: 12px;
}

.vp-news-empty-icon {
	position: relative;
	width: 62px;
	height: 62px;
	margin: 0 0 16px;
	border-radius: 50%;
	background: #eaf2ff;
}

.vp-news-empty-icon::before {
	content: "";
	position: absolute;
	inset: 16px;

	background-color: #1769e8;

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h14v16H5z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h14v16H5z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;
}

.vp-news-empty h3 {
	margin: 0 0 7px;
	color: #102d53;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}

.vp-news-empty p {
	max-width: 430px;
	margin: 0;
	color: #617287;
	font-size: 14px;
	line-height: 1.6;
}


/* ==========================================================
   PLACEHOLDER BÖLMƏLƏR
========================================================== */

.vp-home-placeholder {
	min-height: 220px;
	margin-bottom: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	color: #7a8797;
	font-size: 22px;
	font-weight: 400;
	text-align: center;

	background: #fafcff;
	border: 1px dashed #d7dfea;
	border-radius: 20px;
}

.vp-home-placeholder + .vp-home-placeholder {
	margin-top: 0;
}


/* ==========================================================
   BÖYÜK EKRANLAR
========================================================== */

@media (min-width: 1400px) {

	.vp-hero-grid {
		gap: 24px;
	}

	.vp-hero-card {
		min-height: 345px;
		padding: 23px 21px 21px;
	}

	.vp-popular-slider,
	.vp-news-slider {
		padding-right: 42px;
		padding-left: 42px;
	}

	.vp-popular-service-card {
		flex-basis: 156px;
		width: 156px;
		min-width: 156px;
	}

	.vp-news-card {
		flex-basis: calc((100vw - 260px) / 4);
		width: calc((100vw - 260px) / 4);
		max-width: 300px;
		height: 375px;
	}

}


/* ==========================================================
   DESKTOP
========================================================== */

@media (min-width: 1181px) {

	.vp-news-slider-viewport {
		width: 100%;
	}

	.vp-news-card {
		flex-basis: calc((100% - 66px) / 4);
		width: calc((100% - 66px) / 4);
		min-width: 0;
		max-width: none;
	}

}


/* ==========================================================
   KİÇİK DESKTOP VƏ PLANŞET
========================================================== */

@media (max-width: 1180px) {

	.vp-hero-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vp-hero-card {
		min-height: 320px;
	}

	.vp-card-blue {
		grid-row: span 1;
	}

	.vp-popular-slider,
	.vp-news-slider {
		padding-right: 38px;
		padding-left: 38px;
	}

	.vp-popular-service-card {
		flex-basis: 150px;
		width: 150px;
		min-width: 150px;
	}

	.vp-news-slider-track {
		gap: 18px;
	}

	.vp-news-card {
		flex-basis: calc((100vw - 150px) / 3);
		width: calc((100vw - 150px) / 3);
		max-width: 320px;
		min-width: 250px;
	}

}


/* ==========================================================
   PLANŞET
========================================================== */

@media (max-width: 820px) {

	.vp-home .vp-hero {
		padding-top: 24px;
		padding-bottom: 30px;
	}

	.vp-hero-grid {
		gap: 16px;
	}

	.vp-hero-card {
		min-height: 300px;
		padding: 20px 18px 18px;
	}

	.vp-hero-card h2,
	.vp-hero-card h3 {
		font-size: 18px;
	}

	.vp-hero-links a {
		min-height: 88px;
	}

	.vp-home .vp-popular-services {
		padding-top: 24px;
		padding-bottom: 36px;
	}

	.vp-section-heading {
		margin-bottom: 20px;
	}

	.vp-section-heading h2 {
		font-size: 20px;
	}

	.vp-section-heading-link {
		font-size: 13px;
	}

	.vp-popular-slider,
	.vp-news-slider {
		padding-right: 36px;
		padding-left: 36px;
	}

	.vp-popular-service-card {
		flex-basis: 146px;
		width: 146px;
		min-width: 146px;
		height: 184px;
	}

	.vp-popular-service-link {
		padding: 17px 10px 14px;
	}

	.vp-popular-service-icon {
		width: 50px;
		height: 50px;
		flex-basis: 50px;
	}

	.vp-home .vp-latest-news {
		padding-top: 16px;
		padding-bottom: 40px;
	}

	.vp-news-slider-track {
		gap: 16px;
	}

	.vp-news-card {
		flex-basis: calc((100vw - 105px) / 2);
		width: calc((100vw - 105px) / 2);
		min-width: 250px;
		max-width: 340px;
		height: 365px;
	}

	.vp-news-card-media {
		height: 140px;
		flex-basis: 140px;
	}

	.vp-news-card-title {
		font-size: 15px;
	}

}


/* ==========================================================
   MOBİL
========================================================== */

@media (max-width: 640px) {

	.vp-home section {
		padding: 40px 0;
	}

	.vp-home section:first-child {
		padding-top: 18px;
	}

	.vp-home .vp-hero {
		padding: 18px 0 26px;
	}

	.vp-hero-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.vp-hero-card {
		min-height: 260px;
		padding: 19px 17px 17px;
		border-radius: 11px;
	}

	.vp-card-blue {
		min-height: auto;
	}

	.vp-hero-icon {
		width: 44px;
		height: 44px;
		margin-bottom: 14px;
	}

	.vp-hero-icon::before {
		inset: 10px;
	}

	.vp-hero-card h2,
	.vp-hero-card h3 {
		margin-bottom: 18px;
		font-size: 18px;
	}

	.vp-hero-card > p {
		max-width: 88%;
		margin-bottom: 56px;
		font-size: 14px;
	}

	.vp-hero-links {
		gap: 9px;
	}

	.vp-hero-links a {
		min-height: 88px;
		padding: 13px 44px 13px 14px;
	}

	.vp-home .vp-popular-services {
		padding: 20px 0 32px;
	}

	.vp-section-heading {
		align-items: flex-start;
		gap: 14px;
		margin-bottom: 18px;
	}

	.vp-section-heading h2 {
		max-width: 58%;
		font-size: 18px;
		line-height: 1.35;
	}

	.vp-section-heading-link {
		gap: 7px;
		padding-top: 3px;
		font-size: 12px;
		text-align: right;
	}

	.vp-section-heading-arrow {
		width: 19px;
		height: 13px;
		flex-basis: 19px;
	}

	.vp-popular-slider,
	.vp-news-slider {
		padding-right: 31px;
		padding-left: 31px;
	}

	.vp-popular-slider-track {
		gap: 9px;
	}

	.vp-popular-service-card {
		flex-basis: 142px;
		width: 142px;
		min-width: 142px;
		height: 178px;
	}

	.vp-popular-service-link {
		padding: 15px 9px 13px;
		border-radius: 8px;
	}

	.vp-popular-service-icon {
		width: 47px;
		height: 47px;
		flex-basis: 47px;
		margin-bottom: 10px;
	}

	.vp-popular-service-link h3 {
		font-size: 12.5px;
		line-height: 1.45;
	}

	.vp-popular-slider-button,
	.vp-news-slider-button {
		width: 32px;
		height: 32px;
	}

	.vp-popular-slider-button-prev,
	.vp-news-slider-button-prev {
		left: -1px;
	}

	.vp-popular-slider-button-next,
	.vp-news-slider-button-next {
		right: -1px;
	}

	.vp-home .vp-latest-news {
		padding: 14px 0 34px;
	}

	.vp-news-section-heading {
		margin-bottom: 18px;
	}

	.vp-news-slider-track {
		gap: 12px;
	}

	.vp-news-card {
		flex-basis: calc(100vw - 104px);
		width: calc(100vw - 104px);
		min-width: 238px;
		max-width: 340px;
		height: 360px;
	}

	.vp-news-card-media {
		height: 145px;
		flex-basis: 145px;
	}

	.vp-news-card-content {
		padding: 13px 15px 15px;
	}

	.vp-news-card-date {
		margin-bottom: 8px;
		font-size: 11.5px;
	}

	.vp-news-card-title {
		margin-bottom: 8px;
		font-size: 15px;
		line-height: 1.38;
	}

	.vp-news-card-excerpt {
		margin-bottom: 30px;
		font-size: 12.5px;
		line-height: 1.5;
	}

	.vp-news-card-arrow {
		left: 15px;
		bottom: 14px;
	}

	.vp-home-placeholder {
		min-height: 160px;
		padding: 25px 15px;
		font-size: 18px;
		border-radius: 15px;
	}

}


/* ==========================================================
   ÇOX KİÇİK MOBİL
========================================================== */

@media (max-width: 380px) {

	.vp-hero-card {
		padding-right: 15px;
		padding-left: 15px;
	}

	.vp-hero-links a {
		padding-left: 13px;
	}

	.vp-hero-links strong,
	.vp-hero-links span,
	.vp-hero-links a::before {
		font-size: 12.5px;
	}

	.vp-section-heading {
		display: block;
	}

	.vp-section-heading h2 {
		max-width: none;
		margin-bottom: 10px;
	}

	.vp-section-heading-link {
		justify-content: flex-start;
		padding-top: 0;
		text-align: left;
	}

	.vp-popular-slider,
	.vp-news-slider {
		padding-right: 29px;
		padding-left: 29px;
	}

	.vp-popular-service-card {
		flex-basis: 138px;
		width: 138px;
		min-width: 138px;
	}

	.vp-news-card {
		flex-basis: calc(100vw - 88px);
		width: calc(100vw - 88px);
		min-width: 228px;
		height: 355px;
	}

}
/* ==========================================================
   ƏN SON XƏBƏRLƏR — SABİT VƏ RESPONSİV SLİDER DÜZƏLİŞİ
   Bu hissə əvvəlki xəbər qaydalarını üstələyir.
========================================================== */

.vp-home .vp-latest-news {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 18px 0 48px;
	overflow: visible;
	background: #ffffff;
}

.vp-latest-news .vp-news-section-heading {
	margin-bottom: 24px;
}

.vp-latest-news .vp-news-slider {
	position: relative;
	width: 100%;
	min-width: 0;
	padding: 0 40px;
}

.vp-latest-news .vp-news-slider-viewport {
	position: relative;
	display: block;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.vp-latest-news .vp-news-slider-track {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: stretch;
	gap: 22px;
	width: 100% !important;
	min-width: 100%;
	margin: 0;
	padding: 0;
	transform: translate3d(0, 0, 0);
	transition: transform 0.42s ease;
	will-change: transform;
}

.vp-latest-news .vp-news-card {
	display: block !important;
	flex: 0 0 calc((100% - 66px) / 4) !important;
	width: calc((100% - 66px) / 4) !important;
	min-width: calc((100% - 66px) / 4) !important;
	max-width: calc((100% - 66px) / 4) !important;
	height: 370px;
	margin: 0 !important;
	padding: 0 !important;
}

.vp-latest-news .vp-news-card-link {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	color: #142a48;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #dce5f0;
	border-radius: 9px;
	box-shadow:
		0 1px 2px rgba(16, 35, 63, 0.02),
		0 5px 15px rgba(16, 35, 63, 0.03);
	transition:
		transform 0.24s ease,
		border-color 0.24s ease,
		box-shadow 0.24s ease;
}

.vp-latest-news .vp-news-card-link:hover {
	color: #142a48;
	text-decoration: none;
	border-color: #8eb7f3;
	transform: translateY(-4px);
	box-shadow:
		0 14px 28px rgba(20, 72, 145, 0.1),
		0 4px 10px rgba(20, 72, 145, 0.04);
}

.vp-latest-news .vp-news-card-link:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.22);
	outline-offset: 3px;
}

.vp-latest-news .vp-news-card-media {
	position: relative;
	display: block;
	width: 100%;
	height: 145px;
	min-height: 145px;
	max-height: 145px;
	flex: 0 0 145px;
	overflow: hidden;
	background: #eef4fb;
	border-bottom: 1px solid #edf1f6;
}

.vp-latest-news .vp-news-card-image,
.vp-latest-news .vp-news-card-media img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: center;
	transform: scale(1);
	transition: transform 0.42s ease;
}

.vp-latest-news .vp-news-card-link:hover .vp-news-card-image,
.vp-latest-news .vp-news-card-link:hover .vp-news-card-media img {
	transform: scale(1.045);
}

.vp-latest-news .vp-news-card-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f5f8fd 0%, #edf3fc 100%);
}

.vp-latest-news .vp-news-card-placeholder svg {
	display: block;
	width: 100%;
	height: 100%;
}

.vp-latest-news .vp-news-card-content {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	padding: 14px 17px 16px;
}

.vp-latest-news .vp-news-card-date {
	display: block;
	margin: 0 0 9px;
	color: #52657c;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
}

.vp-latest-news .vp-news-card-title {
	display: -webkit-box;
	margin: 0 0 9px;
	padding: 0;
	overflow: hidden;
	color: #0e469e;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.38;
	letter-spacing: -0.12px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	transition: color 0.22s ease;
}

.vp-latest-news .vp-news-card-link:hover .vp-news-card-title {
	color: #1769e8;
}

.vp-latest-news .vp-news-card-excerpt {
	display: -webkit-box;
	margin: 0 0 31px;
	padding: 0;
	overflow: hidden;
	color: #4d5e72;
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.55;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.vp-latest-news .vp-news-card-arrow {
	position: absolute;
	left: 17px;
	bottom: 16px;
	display: block;
	width: 19px;
	height: 13px;
	background-color: #1769e8;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M1 8h20M15 2l6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M1 8h20M15 2l6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: transform 0.22s ease;
}

.vp-latest-news .vp-news-card-link:hover .vp-news-card-arrow {
	transform: translateX(4px);
}

.vp-latest-news .vp-news-slider-button {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	cursor: pointer;
	background: #1769e8;
	border: 0;
	border-radius: 50%;
	box-shadow:
		0 7px 16px rgba(23, 105, 232, 0.24),
		0 2px 5px rgba(23, 105, 232, 0.14);
	transform: translateY(-50%);
	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease,
		opacity 0.2s ease;
}

.vp-latest-news .vp-news-slider-button:hover {
	color: #ffffff;
	background: #0e59d1;
	box-shadow:
		0 9px 20px rgba(23, 105, 232, 0.3),
		0 3px 7px rgba(23, 105, 232, 0.18);
}

.vp-latest-news .vp-news-slider-button:active {
	transform: translateY(-50%) scale(0.95);
}

.vp-latest-news .vp-news-slider-button:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.25);
	outline-offset: 3px;
}

.vp-latest-news .vp-news-slider-button:disabled {
	cursor: default;
	opacity: 0.35;
	box-shadow: none;
}

.vp-latest-news .vp-news-slider-button-prev {
	left: -2px;
}

.vp-latest-news .vp-news-slider-button-next {
	right: -2px;
}

.vp-latest-news .vp-news-slider-button span {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
}

.vp-latest-news .vp-news-slider-button span::before {
	content: "";
	position: absolute;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.vp-latest-news .vp-news-slider-button-prev span::before {
	left: 3px;
	transform: translateY(-50%) rotate(-135deg);
}

.vp-latest-news .vp-news-slider-button-next span::before {
	right: 3px;
	transform: translateY(-50%) rotate(45deg);
}

/* 3 kart */
@media (max-width: 1180px) {
	.vp-latest-news .vp-news-slider {
		padding-right: 38px;
		padding-left: 38px;
	}

	.vp-latest-news .vp-news-slider-track {
		gap: 18px;
	}

	.vp-latest-news .vp-news-card {
		flex-basis: calc((100% - 36px) / 3) !important;
		width: calc((100% - 36px) / 3) !important;
		min-width: calc((100% - 36px) / 3) !important;
		max-width: calc((100% - 36px) / 3) !important;
	}
}

/* 2 kart */
@media (max-width: 820px) {
	.vp-home .vp-latest-news {
		padding-top: 16px;
		padding-bottom: 40px;
	}

	.vp-latest-news .vp-news-slider {
		padding-right: 36px;
		padding-left: 36px;
	}

	.vp-latest-news .vp-news-slider-track {
		gap: 16px;
	}

	.vp-latest-news .vp-news-card {
		flex-basis: calc((100% - 16px) / 2) !important;
		width: calc((100% - 16px) / 2) !important;
		min-width: calc((100% - 16px) / 2) !important;
		max-width: calc((100% - 16px) / 2) !important;
		height: 365px;
	}

	.vp-latest-news .vp-news-card-media {
		height: 140px;
		min-height: 140px;
		max-height: 140px;
		flex-basis: 140px;
	}
}

/* 1 kart */
@media (max-width: 640px) {
	.vp-home .vp-latest-news {
		padding: 14px 0 34px;
	}

	.vp-latest-news .vp-news-section-heading {
		margin-bottom: 18px;
	}

	.vp-latest-news .vp-news-slider {
		padding-right: 31px;
		padding-left: 31px;
	}

	.vp-latest-news .vp-news-slider-track {
		gap: 12px;
	}

	.vp-latest-news .vp-news-card {
		flex-basis: 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		height: 360px;
	}

	.vp-latest-news .vp-news-card-content {
		padding: 13px 15px 15px;
	}

	.vp-latest-news .vp-news-card-date {
		margin-bottom: 8px;
		font-size: 11.5px;
	}

	.vp-latest-news .vp-news-card-title {
		margin-bottom: 8px;
		font-size: 15px;
	}

	.vp-latest-news .vp-news-card-excerpt {
		margin-bottom: 30px;
		font-size: 12.5px;
	}

	.vp-latest-news .vp-news-card-arrow {
		left: 15px;
		bottom: 14px;
	}

	.vp-latest-news .vp-news-slider-button {
		width: 32px;
		height: 32px;
	}

	.vp-latest-news .vp-news-slider-button-prev {
		left: -1px;
	}

	.vp-latest-news .vp-news-slider-button-next {
		right: -1px;
	}
}

@media (max-width: 380px) {
	.vp-latest-news .vp-news-slider {
		padding-right: 29px;
		padding-left: 29px;
	}
}
/* ==========================================================
   MƏLUMAT AXTARIŞ XİDMƏTLƏRİ
========================================================== */

.vp-home .vp-search-services {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 28px 0 48px;
	overflow: visible;
	background: #ffffff;
}

.vp-search-section-heading {
	margin-bottom: 24px;
}


/* ==========================================================
   MƏLUMAT AXTARIŞ SLİDERİ
========================================================== */

.vp-search-slider {
	position: relative;
	width: 100%;
	min-width: 0;
	padding: 0 40px;
}

.vp-search-slider-viewport {
	position: relative;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.vp-search-slider-track {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	gap: 14px;
	width: max-content;
	margin: 0;
	padding: 0;

	transform: translate3d(0, 0, 0);
	transition: transform 0.42s ease;
	will-change: transform;
}


/* ==========================================================
   MƏLUMAT AXTARIŞ KARTLARI
========================================================== */

.vp-search-service-card {
	display: block;
	flex: 0 0 218px;
	width: 218px;
	min-width: 218px;
	height: 238px;
	margin: 0;
	padding: 0;
}

.vp-search-service-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	width: 100%;
	height: 100%;
	padding: 24px 20px 20px;
	overflow: hidden;

	color: #10233f;
	text-decoration: none;

	background: #ffffff;
	border: 1px solid #dce5f0;
	border-radius: 10px;

	box-shadow:
		0 1px 2px rgba(16, 35, 63, 0.02),
		0 5px 16px rgba(16, 35, 63, 0.035);

	transition:
		transform 0.24s ease,
		border-color 0.24s ease,
		box-shadow 0.24s ease,
		background-color 0.24s ease;
}

.vp-search-service-link:hover {
	color: #10233f;
	text-decoration: none;
	background: #fbfdff;
	border-color: #8eb7f3;

	transform: translateY(-4px);

	box-shadow:
		0 14px 28px rgba(20, 72, 145, 0.1),
		0 4px 10px rgba(20, 72, 145, 0.04);
}

.vp-search-service-link:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.22);
	outline-offset: 3px;
}


/* ==========================================================
   MƏLUMAT AXTARIŞ İKONLARI
========================================================== */

.vp-search-service-icon {
	position: relative;
	display: block;
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	margin: 0 0 20px;

	color: #1769e8;
	background: #eaf2ff;
	border-radius: 50%;
}

.vp-search-service-icon::before {
	content: "";
	position: absolute;
	inset: 15px;

	background-color: currentColor;

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;

	transition: transform 0.24s ease;
}

.vp-search-service-link:hover .vp-search-service-icon::before {
	transform: scale(1.08);
}


/* VÖEN axtar */

.vp-search-icon-voen::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4M8 9h6M8 12h4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4M8 9h6M8 12h4'/%3E%3C/svg%3E");
}


/* Vergi borcunu yoxla */

.vp-search-icon-debt::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h5M8 16h4M15 15l2 2 3-4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h5M8 16h4M15 15l2 2 3-4'/%3E%3C/svg%3E");
}


/* VÖEN tarixçəsi */

.vp-search-icon-history::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 4v4h4M12 7v5l3 2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 4v4h4M12 7v5l3 2'/%3E%3C/svg%3E");
}


/* VÖEN aktivliyi */

.vp-search-icon-activity::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-5 4 10 2-5h6'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-5 4 10 2-5h6'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
}


/* Ölkədən çıxışa qadağa */

.vp-search-icon-ban::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m6 6 12 12M8 12h8M12 8v8'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m6 6 12 12M8 12h8M12 8v8'/%3E%3C/svg%3E");
}


/* ==========================================================
   KART MƏTNLƏRİ
========================================================== */

.vp-search-service-content {
	display: block;
	min-width: 0;
}

.vp-search-service-content h3 {
	margin: 0 0 10px;
	padding: 0;

	color: #10233f;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.15px;

	transition: color 0.22s ease;
}

.vp-search-service-content p {
	display: -webkit-box;
	margin: 0;
	padding: 0;
	overflow: hidden;

	color: #5a6d83;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.vp-search-service-link:hover h3 {
	color: #1769e8;
}


/* ==========================================================
   SLİDER DÜYMƏLƏRİ
========================================================== */

.vp-search-slider-button {
	position: absolute;
	top: 50%;
	z-index: 5;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;

	color: #ffffff;
	cursor: pointer;

	background: #1769e8;
	border: 0;
	border-radius: 50%;

	box-shadow:
		0 7px 16px rgba(23, 105, 232, 0.24),
		0 2px 5px rgba(23, 105, 232, 0.14);

	transform: translateY(-50%);

	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease,
		opacity 0.2s ease;
}

.vp-search-slider-button:hover {
	color: #ffffff;
	background: #0e59d1;

	box-shadow:
		0 9px 20px rgba(23, 105, 232, 0.3),
		0 3px 7px rgba(23, 105, 232, 0.18);
}

.vp-search-slider-button:active {
	transform: translateY(-50%) scale(0.95);
}

.vp-search-slider-button:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.25);
	outline-offset: 3px;
}

.vp-search-slider-button:disabled {
	cursor: default;
	opacity: 0.35;
	box-shadow: none;
}

.vp-search-slider-button-prev {
	left: -2px;
}

.vp-search-slider-button-next {
	right: -2px;
}

.vp-search-slider-button span {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
}

.vp-search-slider-button span::before {
	content: "";
	position: absolute;
	top: 50%;

	width: 9px;
	height: 9px;

	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.vp-search-slider-button-prev span::before {
	left: 3px;
	transform: translateY(-50%) rotate(-135deg);
}

.vp-search-slider-button-next span::before {
	right: 3px;
	transform: translateY(-50%) rotate(45deg);
}


/* ==========================================================
   RESPONSİV
========================================================== */

@media (min-width: 1181px) {

	.vp-search-service-card {
		flex: 0 0 calc((100% - 56px) / 5);
		width: calc((100% - 56px) / 5);
		min-width: calc((100% - 56px) / 5);
	}

	.vp-search-slider-track {
		width: 100%;
	}

}

@media (max-width: 1180px) {

	.vp-search-slider {
		padding-right: 38px;
		padding-left: 38px;
	}

	.vp-search-service-card {
		flex-basis: 218px;
		width: 218px;
		min-width: 218px;
	}

}

@media (max-width: 820px) {

	.vp-home .vp-search-services {
		padding-top: 22px;
		padding-bottom: 40px;
	}

	.vp-search-section-heading {
		margin-bottom: 20px;
	}

	.vp-search-slider {
		padding-right: 36px;
		padding-left: 36px;
	}

	.vp-search-service-card {
		flex-basis: 210px;
		width: 210px;
		min-width: 210px;
		height: 230px;
	}

	.vp-search-service-link {
		padding: 21px 18px 18px;
	}

}

@media (max-width: 640px) {

	.vp-home .vp-search-services {
		padding: 18px 0 34px;
	}

	.vp-search-slider {
		padding-right: 31px;
		padding-left: 31px;
	}

	.vp-search-slider-track {
		gap: 12px;
	}

	.vp-search-service-card {
		flex-basis: calc(100vw - 105px);
		width: calc(100vw - 105px);
		min-width: 238px;
		max-width: 320px;
		height: 220px;
	}

	.vp-search-service-link {
		padding: 20px 18px 17px;
	}

	.vp-search-service-icon {
		width: 52px;
		height: 52px;
		flex-basis: 52px;
		margin-bottom: 16px;
	}

	.vp-search-service-icon::before {
		inset: 13px;
	}

	.vp-search-service-content h3 {
		margin-bottom: 8px;
		font-size: 16px;
	}

	.vp-search-service-content p {
		font-size: 12.5px;
	}

	.vp-search-slider-button {
		width: 32px;
		height: 32px;
	}

	.vp-search-slider-button-prev {
		left: -1px;
	}

	.vp-search-slider-button-next {
		right: -1px;
	}

}

@media (max-width: 380px) {

	.vp-search-slider {
		padding-right: 29px;
		padding-left: 29px;
	}

	.vp-search-service-card {
		flex-basis: calc(100vw - 88px);
		width: calc(100vw - 88px);
		min-width: 228px;
	}

}
/* ==========================================================
   VERGİ TƏQVİMİ
========================================================== */

.vp-home .vp-tax-calendar {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 24px 0 46px;
	background: #ffffff;
}

.vp-tax-calendar .vp-section-heading {
	margin-bottom: 22px;
}


/* ==========================================================
   VERGİ TƏQVİMİ — ƏSAS GRID
========================================================== */

.vp-tax-calendar-grid {
	display: grid;
	grid-template-columns: minmax(300px, 0.92fr) minmax(0, 2.25fr);
	gap: 24px;
	align-items: stretch;
}


/* ==========================================================
   SOL TƏQVİM BLOKU
========================================================== */

.vp-tax-calendar-widget {
	min-width: 0;
	padding: 16px 18px 15px;

	background: #ffffff;
	border: 1px solid #dce5f0;
	border-radius: 10px;

	box-shadow:
		0 1px 2px rgba(16, 35, 63, 0.02),
		0 5px 16px rgba(16, 35, 63, 0.03);
}

.vp-tax-calendar-header {
	display: grid;
	grid-template-columns: 34px 1fr 34px;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px;
}

.vp-tax-calendar-header h3 {
	margin: 0;
	padding: 0;

	color: #10233f;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
}

.vp-tax-calendar-nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;

	color: #173d72;
	font-size: 26px;
	font-weight: 400;
	line-height: 1;

	cursor: pointer;
	background: transparent;
	border: 0;
	border-radius: 50%;

	transition:
		color 0.2s ease,
		background-color 0.2s ease,
		transform 0.2s ease;
}

.vp-tax-calendar-nav:hover {
	color: #1769e8;
	background: #edf4ff;
}

.vp-tax-calendar-nav:active {
	transform: scale(0.94);
}

.vp-tax-calendar-nav:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.22);
	outline-offset: 2px;
}


/* ==========================================================
   SOL TƏQVİM CƏDVƏLİ
========================================================== */

.vp-tax-calendar-table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0 5px;
	table-layout: fixed;
}

.vp-tax-calendar-table th,
.vp-tax-calendar-table td {
	padding: 0;
	border: 0;
	text-align: center;
	vertical-align: middle;
}

.vp-tax-calendar-table th {
	height: 28px;

	color: #18314f;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.vp-tax-calendar-table td {
	height: 34px;

	color: #31445d;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}

.vp-tax-calendar-table td:first-child,
.vp-tax-calendar-table td:nth-child(2) {
	color: #748398;
}

.vp-tax-calendar-table td span {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 38px;
	height: 30px;
	padding: 0 8px;

	border-radius: 15px;
}

.vp-tax-calendar-table td span.is-active {
	color: #ffffff;
	font-weight: 700;

	background: #1769e8;
	box-shadow: 0 6px 14px rgba(23, 105, 232, 0.23);
}


/* ==========================================================
   SAĞ CƏDVƏL BLOKU
========================================================== */

.vp-tax-calendar-events {
	min-width: 0;
	overflow: hidden;

	background: #ffffff;
	border: 1px solid #dce5f0;
	border-radius: 10px;

	box-shadow:
		0 1px 2px rgba(16, 35, 63, 0.02),
		0 5px 16px rgba(16, 35, 63, 0.03);
}

.vp-tax-calendar-events table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

.vp-tax-calendar-events th,
.vp-tax-calendar-events td {
	padding: 12px 14px;
	text-align: left;
	vertical-align: middle;

	border-right: 1px solid #e8eef5;
	border-bottom: 1px solid #e8eef5;
}

.vp-tax-calendar-events th:last-child,
.vp-tax-calendar-events td:last-child {
	border-right: 0;
}

.vp-tax-calendar-events tbody tr:last-child td {
	border-bottom: 0;
}

.vp-tax-calendar-events thead th {
	color: #18314f;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;

	background: #f4f7fb;
}

.vp-tax-calendar-events tbody td {
	color: #34465d;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;

	background: #ffffff;
}

.vp-tax-calendar-events tbody tr {
	transition: background-color 0.2s ease;
}

.vp-tax-calendar-events tbody tr:hover td {
	background: #fbfdff;
}

.vp-tax-calendar-events th:nth-child(1),
.vp-tax-calendar-events td:nth-child(1) {
	width: 15%;
}

.vp-tax-calendar-events th:nth-child(2),
.vp-tax-calendar-events td:nth-child(2) {
	width: 30%;
}

.vp-tax-calendar-events th:nth-child(3),
.vp-tax-calendar-events td:nth-child(3) {
	width: 35%;
}

.vp-tax-calendar-events th:nth-child(4),
.vp-tax-calendar-events td:nth-child(4) {
	width: 20%;
}


/* ==========================================================
   RESPONSİV — VERGİ TƏQVİMİ
========================================================== */

@media (max-width: 1180px) {

	.vp-tax-calendar-grid {
		grid-template-columns: minmax(285px, 0.9fr) minmax(0, 2fr);
		gap: 20px;
	}

	.vp-tax-calendar-events th,
	.vp-tax-calendar-events td {
		padding: 11px 12px;
	}

}

@media (max-width: 920px) {

	.vp-tax-calendar-grid {
		grid-template-columns: 1fr;
	}

	.vp-tax-calendar-widget {
		max-width: 440px;
	}

	.vp-tax-calendar-events {
		overflow-x: auto;
	}

	.vp-tax-calendar-events table {
		min-width: 760px;
	}

}

@media (max-width: 640px) {

	.vp-home .vp-tax-calendar {
		padding: 18px 0 34px;
	}

	.vp-tax-calendar .vp-section-heading {
		margin-bottom: 18px;
	}

	.vp-tax-calendar-grid {
		gap: 16px;
	}

	.vp-tax-calendar-widget {
		max-width: none;
		padding: 14px 12px 13px;
	}

	.vp-tax-calendar-header {
		grid-template-columns: 32px 1fr 32px;
		margin-bottom: 9px;
	}

	.vp-tax-calendar-nav {
		width: 32px;
		height: 32px;
		font-size: 23px;
	}

	.vp-tax-calendar-header h3 {
		font-size: 14px;
	}

	.vp-tax-calendar-table {
		border-spacing: 0 4px;
	}

	.vp-tax-calendar-table th {
		font-size: 11px;
	}

	.vp-tax-calendar-table td {
		height: 32px;
		font-size: 11.5px;
	}

	.vp-tax-calendar-table td span {
		min-width: 35px;
		height: 28px;
	}

	.vp-tax-calendar-events th,
	.vp-tax-calendar-events td {
		padding: 10px 11px;
		font-size: 11.5px;
	}

}

@media (max-width: 380px) {

	.vp-tax-calendar-widget {
		padding-right: 9px;
		padding-left: 9px;
	}

	.vp-tax-calendar-table td span {
		min-width: 32px;
		padding-right: 6px;
		padding-left: 6px;
	}

}
/* ==========================================================
   RƏSMİ SAYTLAR
========================================================== */

.vp-home .vp-official-sites {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 24px 0 46px;
	overflow: visible;
	background: #ffffff;
}

.vp-official-sites-heading {
	margin-bottom: 20px;
}


/* ==========================================================
   RƏSMİ SAYTLAR SLİDERİ
========================================================== */

.vp-official-sites-slider {
	position: relative;
	width: 100%;
	min-width: 0;
	padding: 0 40px;
}

.vp-official-sites-viewport {
	position: relative;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.vp-official-sites-track {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	gap: 12px;
	width: max-content;
	margin: 0;
	padding: 0;

	transform: translate3d(0, 0, 0);
	transition: transform 0.42s ease;
	will-change: transform;
}


/* ==========================================================
   RƏSMİ SAYT KARTLARI
========================================================== */

.vp-official-site-card {
	display: block;
	flex: 0 0 190px;
	width: 190px;
	min-width: 190px;
	height: 104px;
	margin: 0;
	padding: 0;
}

.vp-official-site-link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;

	width: 100%;
	height: 100%;
	padding: 16px 18px;
	overflow: hidden;

	color: #172a45;
	text-decoration: none;

	background: #ffffff;
	border: 1px solid #dce5f0;
	border-radius: 8px;

	box-shadow:
		0 1px 2px rgba(16, 35, 63, 0.02),
		0 4px 13px rgba(16, 35, 63, 0.025);

	transition:
		transform 0.23s ease,
		border-color 0.23s ease,
		box-shadow 0.23s ease,
		background-color 0.23s ease,
		color 0.23s ease;
}

.vp-official-site-link:hover {
	color: #1769e8;
	text-decoration: none;
	background: #fbfdff;
	border-color: #8eb7f3;

	transform: translateY(-3px);

	box-shadow:
		0 12px 24px rgba(20, 72, 145, 0.09),
		0 3px 8px rgba(20, 72, 145, 0.04);
}

.vp-official-site-link:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.22);
	outline-offset: 3px;
}


/* ==========================================================
   RƏSMİ SAYT MƏTNİ
========================================================== */

.vp-official-site-link span {
	display: -webkit-box;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;

	color: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.48;
	text-align: left;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}


/* ==========================================================
   RƏSMİ SAYTLAR SLİDER DÜYMƏLƏRİ
========================================================== */

.vp-official-sites-button {
	position: absolute;
	top: 50%;
	z-index: 5;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;

	color: #ffffff;
	cursor: pointer;

	background: #1769e8;
	border: 0;
	border-radius: 50%;

	box-shadow:
		0 7px 16px rgba(23, 105, 232, 0.24),
		0 2px 5px rgba(23, 105, 232, 0.14);

	transform: translateY(-50%);

	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease,
		opacity 0.2s ease;
}

.vp-official-sites-button:hover {
	color: #ffffff;
	background: #0e59d1;

	box-shadow:
		0 9px 20px rgba(23, 105, 232, 0.3),
		0 3px 7px rgba(23, 105, 232, 0.18);
}

.vp-official-sites-button:active {
	transform: translateY(-50%) scale(0.95);
}

.vp-official-sites-button:focus-visible {
	outline: 3px solid rgba(23, 105, 232, 0.25);
	outline-offset: 3px;
}

.vp-official-sites-button:disabled {
	cursor: default;
	opacity: 0.35;
	box-shadow: none;
}

.vp-official-sites-button-prev {
	left: -2px;
}

.vp-official-sites-button-next {
	right: -2px;
}

.vp-official-sites-button span {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
}

.vp-official-sites-button span::before {
	content: "";
	position: absolute;
	top: 50%;

	width: 9px;
	height: 9px;

	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.vp-official-sites-button-prev span::before {
	left: 3px;
	transform: translateY(-50%) rotate(-135deg);
}

.vp-official-sites-button-next span::before {
	right: 3px;
	transform: translateY(-50%) rotate(45deg);
}


/* ==========================================================
   RESPONSİV — RƏSMİ SAYTLAR
========================================================== */

@media (min-width: 1400px) {

	.vp-official-sites-slider {
		padding-right: 42px;
		padding-left: 42px;
	}

	.vp-official-site-card {
		flex-basis: 194px;
		width: 194px;
		min-width: 194px;
	}

}

@media (max-width: 1180px) {

	.vp-official-sites-slider {
		padding-right: 38px;
		padding-left: 38px;
	}

	.vp-official-site-card {
		flex-basis: 184px;
		width: 184px;
		min-width: 184px;
	}

}

@media (max-width: 820px) {

	.vp-home .vp-official-sites {
		padding-top: 22px;
		padding-bottom: 40px;
	}

	.vp-official-sites-heading {
		margin-bottom: 18px;
	}

	.vp-official-sites-slider {
		padding-right: 36px;
		padding-left: 36px;
	}

	.vp-official-sites-track {
		gap: 10px;
	}

	.vp-official-site-card {
		flex-basis: 178px;
		width: 178px;
		min-width: 178px;
		height: 100px;
	}

	.vp-official-site-link {
		padding: 14px 15px;
	}

	.vp-official-site-link span {
		font-size: 12.5px;
	}

}

@media (max-width: 640px) {

	.vp-home .vp-official-sites {
		padding: 18px 0 34px;
	}

	.vp-official-sites-slider {
		padding-right: 31px;
		padding-left: 31px;
	}

	.vp-official-sites-track {
		gap: 10px;
	}

	.vp-official-site-card {
		flex-basis: calc(100vw - 118px);
		width: calc(100vw - 118px);
		min-width: 220px;
		max-width: 300px;
		height: 96px;
	}

	.vp-official-site-link {
		padding: 13px 15px;
	}

	.vp-official-site-link span {
		font-size: 12.5px;
		line-height: 1.45;
		-webkit-line-clamp: 3;
	}

	.vp-official-sites-button {
		width: 32px;
		height: 32px;
	}

	.vp-official-sites-button-prev {
		left: -1px;
	}

	.vp-official-sites-button-next {
		right: -1px;
	}

}

@media (max-width: 380px) {

	.vp-official-sites-slider {
		padding-right: 29px;
		padding-left: 29px;
	}

	.vp-official-site-card {
		flex-basis: calc(100vw - 98px);
		width: calc(100vw - 98px);
		min-width: 215px;
	}

}