/* =========================================================
   A K INFOTECH - SERVICES PAGE
   File: /wp-content/themes/astra-child/assets/css/services.css
   ========================================================= */

:root {
	--akis-blue: #1557d5;
	--akis-blue-dark: #073b9d;
	--akis-navy: #091b3d;
	--akis-text: #172238;
	--akis-muted: #6e7b90;
	--akis-border: #e2e8f0;
	--akis-soft: #f6f8fc;
	--akis-white: #ffffff;
	--akis-green: #13975a;
	--akis-orange: #ef7b22;
	--akis-purple: #7047d7;
	--akis-cyan: #078ca5;
	--akis-teal: #0c8c80;
	--akis-container: 1240px;
	--akis-shadow: 0 15px 42px rgba(15, 23, 42, 0.07);
}


/* =========================================================
   BASE / ASTRA RESET
   ========================================================= */

.aki-services-page,
.aki-services-page *,
.aki-services-page *::before,
.aki-services-page *::after {
	box-sizing: border-box;
}

.aki-services-page {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	color: var(--akis-text);
}

.aki-services-page a {
	text-decoration: none;
}

.aki-services-page img,
.aki-services-page svg {
	display: block;
	max-width: 100%;
}

.aki-services-page h1,
.aki-services-page h2,
.aki-services-page h3,
.aki-services-page p {
	margin-top: 0;
}

.akis-container {
	width: min(calc(100% - 32px), var(--akis-container));
	margin-inline: auto;
}

.page-template-page-services .site-content,
.page-template-page-services .ast-container,
.page-template-page-services .content-area,
.page-template-page-services .site-main {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.page-template-page-services .ast-container {
	display: block !important;
}


/* =========================================================
   COMPACT HERO
   ========================================================= */

.akis-hero {
	position: relative;
	padding: 34px 0 25px;
	overflow: hidden;
	background:
		radial-gradient(circle at 5% 0%, rgba(38, 103, 222, 0.13), transparent 29%),
		radial-gradient(circle at 92% 15%, rgba(92, 137, 240, 0.12), transparent 26%),
		linear-gradient(135deg, #f7faff 0%, #ffffff 52%, #f3f7ff 100%);
	border-bottom: 1px solid #eaf0f7;
}

.akis-hero-bg-shape {
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	filter: blur(2px);
}

.akis-shape-one {
	width: 300px;
	height: 300px;
	top: -200px;
	left: 16%;
	border: 1px solid rgba(21, 87, 213, 0.11);
}

.akis-shape-two {
	width: 420px;
	height: 420px;
	right: -250px;
	bottom: -310px;
	border: 1px solid rgba(21, 87, 213, 0.11);
}

.akis-slider {
	position: relative;
	min-height: 315px;
	padding: 36px 48px 52px;
	overflow: hidden;
	border: 1px solid rgba(205, 218, 239, 0.85);
	border-radius: 24px;
	background:
		linear-gradient(115deg, rgba(255,255,255,0.97), rgba(247,250,255,0.95));
	box-shadow:
		0 24px 60px rgba(27, 55, 101, 0.08),
		inset 0 1px 0 rgba(255,255,255,0.9);
}

.akis-slider::before {
	content: "";
	position: absolute;
	width: 350px;
	height: 350px;
	right: -110px;
	top: -160px;
	border-radius: 50%;
	background: rgba(21, 87, 213, 0.045);
}

.akis-slide {
	position: absolute;
	inset: 36px 48px 52px;
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(250px, 0.7fr);
	gap: 38px;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	transform: translateX(24px);
	pointer-events: none;
}

.akis-slide.is-active {
	position: relative;
	inset: auto;
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
	pointer-events: auto;
}

.akis-slide-copy {
	max-width: 720px;
}

.akis-eyebrow {
	display: inline-flex;
	align-items: center;
	min-height: 29px;
	padding: 0 11px;
	margin-bottom: 11px;
	border: 1px solid #dce7fa;
	border-radius: 999px;
	background: #edf4ff;
	color: var(--akis-blue-dark);
	font-size: 8px;
	line-height: 1;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.akis-slide-copy h1,
.akis-slide-copy h2 {
	max-width: 690px;
	margin-bottom: 11px;
	color: #14203a;
	font-size: clamp(31px, 4vw, 49px);
	line-height: 1.04;
	font-weight: 850;
	letter-spacing: -0.045em;
}

.akis-slide-copy h1 span,
.akis-slide-copy h2 span {
	color: var(--akis-blue);
}

.akis-slide-copy p {
	max-width: 670px;
	margin-bottom: 18px;
	color: #6e7a8d;
	font-size: 11px;
	line-height: 1.72;
	font-weight: 500;
}

.akis-hero-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.akis-primary-btn,
.akis-whatsapp-btn,
.akis-outline-btn {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 15px;
	border-radius: 9px;
	font-size: 9px;
	font-weight: 800;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		background 0.2s ease;
}

.akis-primary-btn {
	background: linear-gradient(135deg, #073b9d, #1557d5);
	color: #ffffff;
	box-shadow: 0 9px 20px rgba(21, 87, 213, 0.19);
}

.akis-primary-btn:hover,
.akis-primary-btn:focus {
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 13px 25px rgba(21, 87, 213, 0.25);
}

.akis-whatsapp-btn {
	background: #159a5a;
	color: #ffffff;
}

.akis-whatsapp-btn:hover,
.akis-whatsapp-btn:focus {
	color: #ffffff;
	background: #10884e;
	transform: translateY(-2px);
}

.akis-whatsapp-btn svg {
	width: 17px;
	height: 17px;
}

.akis-outline-btn {
	border: 1px solid #d5dfed;
	background: #ffffff;
	color: #31405a;
}

.akis-outline-btn:hover,
.akis-outline-btn:focus {
	border-color: #b7c8e4;
	color: var(--akis-blue);
	transform: translateY(-2px);
}

.akis-slide-visual {
	display: flex;
	align-items: center;
	justify-content: center;
}

.akis-visual-ring {
	position: relative;
	width: 190px;
	height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #dbe7fa;
	background:
		radial-gradient(circle, #ffffff 0 44%, #eef4ff 45% 63%, #f8fbff 64%);
	box-shadow:
		0 20px 50px rgba(25, 73, 153, 0.09),
		inset 0 0 0 15px rgba(255,255,255,0.7);
}

.akis-visual-ring::before,
.akis-visual-ring::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(21, 87, 213, 0.2);
}

.akis-visual-ring::before {
	inset: -14px;
}

.akis-visual-ring::after {
	inset: 22px;
}

.akis-visual-main {
	position: relative;
	z-index: 2;
	width: 105px;
	height: 105px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 28px;
	background: #ffffff;
	color: var(--akis-blue);
	box-shadow: 0 15px 35px rgba(21, 87, 213, 0.13);
}

.akis-visual-main svg {
	width: 62px;
	height: 62px;
}

.akis-ring-jobs .akis-visual-main {
	color: #7047d7;
}

.akis-ring-result .akis-visual-main {
	color: #13975a;
}


/* =========================================================
   SLIDER CONTROLS
   ========================================================= */

.akis-slider-controls {
	position: absolute;
	z-index: 5;
	left: 48px;
	bottom: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.akis-slider-arrow {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid #dce4ef;
	border-radius: 8px;
	background: #ffffff;
	color: #485873;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
	transition:
		color 0.2s ease,
		background 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}

.akis-slider-arrow:hover {
	border-color: var(--akis-blue);
	background: var(--akis-blue);
	color: #ffffff;
	transform: translateY(-1px);
}

.akis-slider-dots {
	display: flex;
	align-items: center;
	gap: 5px;
}

.akis-dot {
	width: 6px;
	height: 6px;
	min-width: 6px;
	min-height: 6px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #c7d0de;
	cursor: pointer;
	transition:
		width 0.25s ease,
		background 0.25s ease;
}

.akis-dot.is-active {
	width: 20px;
	background: var(--akis-blue);
}


/* =========================================================
   QUICK ACCESS
   ========================================================= */

.akis-quick {
	position: relative;
	z-index: 4;
	padding: 19px 0;
	background: #ffffff;
	border-bottom: 1px solid #edf0f4;
}

.akis-quick-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.akis-quick-item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 12px 13px;
	border: 1px solid #e3e8ef;
	border-radius: 13px;
	background: #ffffff;
	color: inherit;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.akis-quick-item:hover {
	transform: translateY(-3px);
	border-color: #cbd8ea;
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.07);
}

.akis-quick-icon {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
}

.akis-quick-icon svg {
	width: 22px;
	height: 22px;
}

.akis-q-blue {
	background: #eaf2ff;
	color: #1557d5;
}

.akis-q-green {
	background: #e9f8f0;
	color: #13975a;
}

.akis-q-orange {
	background: #fff0e5;
	color: #ef7b22;
}

.akis-q-purple {
	background: #f2ecff;
	color: #7047d7;
}

.akis-quick-item > span:last-child {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.akis-quick-item strong {
	color: #1b263a;
	font-size: 10px;
	line-height: 1.25;
	font-weight: 850;
}

.akis-quick-item small {
	margin-top: 2px;
	color: #8590a0;
	font-size: 7.5px;
	line-height: 1.3;
	font-weight: 600;
}


/* =========================================================
   SHARED SECTION HEADING
   ========================================================= */

.akis-section-kicker {
	display: inline-block;
	margin-bottom: 6px;
	color: var(--akis-blue);
	font-size: 8px;
	line-height: 1;
	font-weight: 850;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.akis-section-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.55fr);
	gap: 40px;
	align-items: end;
	margin-bottom: 24px;
}

.akis-section-heading h2,
.akis-process-heading h2 {
	margin-bottom: 0;
	color: #172138;
	font-size: clamp(25px, 3vw, 36px);
	line-height: 1.13;
	font-weight: 850;
	letter-spacing: -0.035em;
}

.akis-section-heading h2 span,
.akis-process-heading h2 span {
	color: var(--akis-blue);
}

.akis-section-heading > p {
	max-width: 480px;
	margin: 0;
	color: #778397;
	font-size: 9.5px;
	line-height: 1.65;
}


/* =========================================================
   ALL SERVICES
   ========================================================= */

.akis-services {
	padding: 55px 0 61px;
	background:
		linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.akis-service-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 13px;
}

.akis-service-card {
	position: relative;
	min-width: 0;
	display: flex;
	flex-direction: column;
	min-height: 245px;
	padding: 19px;
	overflow: hidden;
	border: 1px solid #e1e6ed;
	border-radius: 17px;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.akis-service-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--service-color, var(--akis-blue));
	transform: scaleX(0.25);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.akis-service-card:hover {
	transform: translateY(-5px);
	border-color: #ccd7e6;
	box-shadow: 0 17px 38px rgba(15, 23, 42, 0.08);
}

.akis-service-card:hover::before {
	transform: scaleX(1);
}

.akis-service-blue {
	--service-color: #1557d5;
	--service-soft: #eaf2ff;
}

.akis-service-violet {
	--service-color: #7047d7;
	--service-soft: #f2ecff;
}

.akis-service-green {
	--service-color: #13975a;
	--service-soft: #e9f8f0;
}

.akis-service-orange {
	--service-color: #ef7b22;
	--service-soft: #fff0e5;
}

.akis-service-purple {
	--service-color: #8b43c8;
	--service-soft: #f5ecfc;
}

.akis-service-cyan {
	--service-color: #078ca5;
	--service-soft: #e9f8fb;
}

.akis-service-navy {
	--service-color: #173d78;
	--service-soft: #eaf0f9;
}

.akis-service-teal {
	--service-color: #0c8c80;
	--service-soft: #e7f7f5;
}

.akis-service-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.akis-service-icon {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	background: var(--service-soft, #eaf2ff);
	color: var(--service-color, #1557d5);
	transition:
		transform 0.3s ease,
		border-radius 0.3s ease;
}

.akis-service-card:hover .akis-service-icon {
	transform: rotate(-4deg) scale(1.06);
	border-radius: 16px;
}

.akis-service-icon svg {
	width: 26px;
	height: 26px;
}

.akis-service-number {
	color: #c3cad5;
	font-size: 10px;
	line-height: 1;
	font-weight: 850;
	letter-spacing: 0.04em;
}

.akis-service-card h3 {
	margin-bottom: 7px;
	color: #1a2539;
	font-size: 13px;
	line-height: 1.32;
	font-weight: 850;
}

.akis-service-card > p {
	margin-bottom: 16px;
	color: #778397;
	font-size: 8.5px;
	line-height: 1.65;
	font-weight: 500;
}

.akis-service-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	color: var(--service-color, #1557d5);
	font-size: 8.5px;
	line-height: 1.2;
	font-weight: 850;
}

.akis-service-link span {
	transition: transform 0.2s ease;
}

.akis-service-link:hover span {
	transform: translateX(4px);
}


/* =========================================================
   LATEST UPDATES
   ========================================================= */

.akis-updates {
	padding: 60px 0;
	background: #ffffff;
}

.akis-updates-layout {
	display: grid;
	grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
	gap: 45px;
	align-items: start;
}

.akis-updates-intro {
	position: sticky;
	top: 105px;
}

.akis-updates-intro h2 {
	margin-bottom: 11px;
	color: #172138;
	font-size: clamp(26px, 3vw, 37px);
	line-height: 1.1;
	font-weight: 850;
	letter-spacing: -0.04em;
}

.akis-updates-intro > p {
	max-width: 380px;
	margin-bottom: 19px;
	color: #788497;
	font-size: 9.5px;
	line-height: 1.7;
}

.akis-update-category-links {
	display: grid;
	gap: 7px;
}

.akis-update-category-links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 39px;
	padding: 0 12px;
	border: 1px solid #e2e7ee;
	border-radius: 9px;
	background: #fafbfd;
	color: #4e5b70;
	font-size: 8.5px;
	font-weight: 800;
	transition:
		color 0.2s ease,
		background 0.2s ease,
		transform 0.2s ease;
}

.akis-update-category-links a:hover {
	color: var(--akis-blue);
	background: #f2f6fd;
	transform: translateX(3px);
}

.akis-latest-list {
	border: 1px solid #e2e7ee;
	border-radius: 18px;
	overflow: hidden;
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
}

.akis-latest-row {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 32px;
	gap: 13px;
	align-items: center;
	min-height: 82px;
	padding: 12px 17px;
	border-bottom: 1px solid #edf0f4;
	color: inherit;
	transition:
		background 0.2s ease,
		padding-left 0.2s ease;
}

.akis-latest-row:last-child {
	border-bottom: 0;
}

.akis-latest-row:hover {
	padding-left: 21px;
	background: #f8faff;
}

.akis-latest-number {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #edf3ff;
	color: var(--akis-blue);
	font-size: 8px;
	font-weight: 850;
}

.akis-latest-copy {
	display: block;
	min-width: 0;
}

.akis-latest-meta {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 4px;
	color: #8b95a5;
	font-size: 7px;
	line-height: 1.3;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.035em;
}

.akis-latest-copy strong {
	display: block;
	color: #1b263a;
	font-size: 10.5px;
	line-height: 1.4;
	font-weight: 800;
}

.akis-latest-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9ca6b4;
	font-size: 14px;
	transition:
		color 0.2s ease,
		transform 0.2s ease;
}

.akis-latest-row:hover .akis-latest-arrow {
	color: var(--akis-blue);
	transform: translateX(3px);
}

.akis-no-updates {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 34px;
}

.akis-no-update-icon {
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 55px;
	border-radius: 14px;
	background: #edf3ff;
	color: var(--akis-blue);
}

.akis-no-update-icon svg {
	width: 29px;
	height: 29px;
}

.akis-no-updates strong {
	display: block;
	margin-bottom: 4px;
	color: #1b263a;
	font-size: 12px;
	font-weight: 850;
}

.akis-no-updates p {
	margin: 0;
	color: #7b8798;
	font-size: 8.5px;
	line-height: 1.6;
}


/* =========================================================
   PROCESS
   ========================================================= */

.akis-process {
	padding: 59px 0 63px;
	background:
		radial-gradient(circle at 50% 0%, rgba(21,87,213,0.07), transparent 30%),
		#f7f9fc;
	border-top: 1px solid #edf1f5;
	border-bottom: 1px solid #edf1f5;
}

.akis-process-heading {
	max-width: 650px;
	margin: 0 auto 34px;
	text-align: center;
}

.akis-process-track {
	display: grid;
	grid-template-columns: 1fr 70px 1fr 70px 1fr;
	align-items: center;
}

.akis-process-step {
	position: relative;
	min-height: 210px;
	padding: 24px 20px;
	text-align: center;
	border: 1px solid #e1e7ef;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
}

.akis-process-number {
	position: absolute;
	top: 13px;
	right: 14px;
	color: #d5dce7;
	font-size: 11px;
	font-weight: 850;
}

.akis-process-icon {
	width: 62px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
	border-radius: 18px;
	background: #eaf2ff;
	color: var(--akis-blue);
}

.akis-process-icon svg {
	width: 31px;
	height: 31px;
}

.akis-process-step:nth-of-type(3) .akis-process-icon {
	background: #f2ecff;
	color: #7047d7;
}

.akis-process-step:nth-of-type(5) .akis-process-icon {
	background: #e9f8f0;
	color: #13975a;
}

.akis-process-step h3 {
	margin-bottom: 7px;
	color: #1b263a;
	font-size: 12px;
	font-weight: 850;
}

.akis-process-step p {
	max-width: 260px;
	margin: 0 auto;
	color: #798598;
	font-size: 8.5px;
	line-height: 1.65;
}

.akis-process-line {
	position: relative;
	height: 1px;
	background: #cdd8e8;
}

.akis-process-line::after {
	content: "→";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 3px 6px;
	background: #f7f9fc;
	color: #9ca9ba;
	font-size: 11px;
}


/* =========================================================
   INFORMATION
   ========================================================= */

.akis-information {
	padding: 62px 0;
	background: #ffffff;
}

.akis-information-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
	gap: 18px;
	align-items: stretch;
}

.akis-information-main {
	padding: 29px;
	border: 1px solid #e1e6ed;
	border-radius: 19px;
	background:
		linear-gradient(145deg, #f9fbfe, #ffffff);
}

.akis-information-main h2 {
	max-width: 700px;
	margin-bottom: 10px;
	color: #172138;
	font-size: clamp(24px, 2.8vw, 34px);
	line-height: 1.13;
	font-weight: 850;
	letter-spacing: -0.035em;
}

.akis-information-main > p {
	max-width: 740px;
	margin-bottom: 20px;
	color: #758194;
	font-size: 9.5px;
	line-height: 1.7;
}

.akis-information-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
}

.akis-information-points > div {
	padding: 14px;
	border: 1px solid #e6eaf0;
	border-radius: 11px;
	background: #ffffff;
}

.akis-information-points span {
	display: block;
	margin-bottom: 6px;
	color: var(--akis-blue);
	font-size: 8px;
	font-weight: 850;
}

.akis-information-points p {
	margin: 0;
	color: #707d90;
	font-size: 8px;
	line-height: 1.6;
}

.akis-official-note {
	position: relative;
	padding: 29px;
	overflow: hidden;
	border-radius: 19px;
	background:
		radial-gradient(circle at 100% 0%, rgba(81,140,255,0.22), transparent 35%),
		linear-gradient(145deg, #081a3c, #0c3475);
	color: #ffffff;
	box-shadow: 0 16px 38px rgba(8, 42, 94, 0.14);
}

.akis-note-badge {
	display: inline-flex;
	min-height: 25px;
	align-items: center;
	padding: 0 9px;
	margin-bottom: 18px;
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	color: #c8d8f5;
	font-size: 7px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

.akis-note-icon {
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 17px;
	border-radius: 15px;
	background: rgba(255,255,255,0.1);
	color: #ffffff;
}

.akis-note-icon svg {
	width: 29px;
	height: 29px;
}

.akis-official-note h3 {
	margin-bottom: 8px;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.25;
	font-weight: 850;
}

.akis-official-note p {
	margin: 0;
	color: #d7e1f2;
	font-size: 8.8px;
	line-height: 1.7;
}


/* =========================================================
   FINAL CONTACT CTA
   ========================================================= */

.akis-contact-cta {
	padding: 0 0 60px;
	background: #ffffff;
}

.akis-contact-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 30px;
	align-items: center;
	padding: 29px 31px;
	overflow: hidden;
	border-radius: 20px;
	background:
		radial-gradient(circle at 85% 10%, rgba(87, 145, 255, 0.25), transparent 30%),
		linear-gradient(125deg, #071a3e 0%, #0b3479 60%, #1557d5 100%);
	box-shadow: 0 20px 45px rgba(7, 47, 112, 0.17);
}

.akis-contact-card::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	right: -90px;
	bottom: -110px;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 50%;
}

.akis-contact-copy {
	position: relative;
	z-index: 2;
	max-width: 670px;
}

.akis-contact-copy > span {
	display: block;
	margin-bottom: 5px;
	color: #bcd0f2;
	font-size: 8px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.akis-contact-copy h2 {
	margin-bottom: 6px;
	color: #ffffff;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 850;
	letter-spacing: -0.03em;
}

.akis-contact-copy p {
	margin: 0;
	color: #dbe5f5;
	font-size: 9px;
	line-height: 1.65;
}

.akis-contact-actions {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 8px;
}

.akis-call-button,
.akis-final-whatsapp,
.akis-contact-page-btn {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.akis-call-button {
	flex-direction: column;
	align-items: flex-start;
	padding: 7px 13px;
	background: #ffffff;
}

.akis-call-button span {
	color: #7b8798;
	font-size: 6.5px;
	font-weight: 750;
	text-transform: uppercase;
}

.akis-call-button strong {
	margin-top: 1px;
	color: #0a397f;
	font-size: 10px;
	font-weight: 850;
}

.akis-final-whatsapp {
	gap: 7px;
	padding: 0 13px;
	background: #159a5a;
	color: #ffffff;
	font-size: 8.5px;
	font-weight: 800;
}

.akis-final-whatsapp svg {
	width: 16px;
	height: 16px;
}

.akis-contact-page-btn {
	gap: 6px;
	padding: 0 13px;
	border: 1px solid rgba(255,255,255,0.24);
	background: rgba(255,255,255,0.08);
	color: #ffffff;
	font-size: 8.5px;
	font-weight: 800;
}

.akis-call-button:hover,
.akis-final-whatsapp:hover,
.akis-contact-page-btn:hover {
	transform: translateY(-2px);
}

.akis-final-whatsapp:hover,
.akis-final-whatsapp:focus,
.akis-contact-page-btn:hover,
.akis-contact-page-btn:focus {
	color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

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

	.akis-information-layout {
		grid-template-columns: 1fr;
	}

	.akis-official-note {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 18px;
		align-items: center;
	}

	.akis-note-badge {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.akis-note-icon {
		margin: 0;
		grid-row: span 2;
	}

	.akis-official-note h3,
	.akis-official-note p {
		grid-column: 2;
	}

	.akis-contact-card {
		grid-template-columns: 1fr;
	}

	.akis-contact-actions {
		justify-content: flex-start;
	}
}

@media (max-width: 900px) {

	.akis-slide {
		grid-template-columns: 1fr 220px;
		gap: 20px;
	}

	.akis-visual-ring {
		width: 165px;
		height: 165px;
	}

	.akis-visual-main {
		width: 90px;
		height: 90px;
	}

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

	.akis-updates-layout {
		grid-template-columns: 1fr;
	}

	.akis-updates-intro {
		position: static;
	}

	.akis-update-category-links {
		grid-template-columns: repeat(4, 1fr);
	}

	.akis-process-track {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.akis-process-line {
		width: 1px;
		height: 28px;
		margin: 0 auto;
	}

	.akis-process-line::after {
		content: "↓";
	}

	.akis-process-step {
		min-height: auto;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.akis-container {
		width: min(calc(100% - 20px), var(--akis-container));
	}

	.akis-hero {
		padding: 18px 0;
	}

	.akis-slider {
		min-height: 0;
		padding: 24px 18px 50px;
		border-radius: 18px;
	}

	.akis-slide {
		position: absolute;
		inset: 24px 18px 50px;
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.akis-slide.is-active {
		position: relative;
		inset: auto;
	}

	.akis-slide-copy {
		text-align: left;
	}

	.akis-slide-copy h1,
	.akis-slide-copy h2 {
		font-size: 29px;
		line-height: 1.08;
	}

	.akis-slide-copy p {
		font-size: 9.8px;
	}

	.akis-slide-visual {
		display: none;
	}

	.akis-slider-controls {
		left: 18px;
		bottom: 13px;
	}

	.akis-quick {
		padding: 13px 0;
	}

	.akis-quick-grid {
		grid-template-columns: 1fr 1fr;
		gap: 7px;
	}

	.akis-quick-item {
		padding: 9px;
		gap: 7px;
	}

	.akis-quick-icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	.akis-quick-icon svg {
		width: 19px;
		height: 19px;
	}

	.akis-quick-item strong {
		font-size: 8.7px;
	}

	.akis-quick-item small {
		font-size: 6.7px;
	}

	.akis-services {
		padding: 40px 0 45px;
	}

	.akis-section-heading {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-bottom: 18px;
	}

	.akis-section-heading h2,
	.akis-process-heading h2 {
		font-size: 25px;
	}

	.akis-section-heading > p {
		font-size: 8.8px;
	}

	.akis-service-grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.akis-service-card {
		min-height: 225px;
		padding: 14px;
		border-radius: 14px;
	}

	.akis-service-icon {
		width: 42px;
		height: 42px;
	}

	.akis-service-icon svg {
		width: 23px;
		height: 23px;
	}

	.akis-service-card h3 {
		font-size: 10.5px;
	}

	.akis-service-card > p {
		font-size: 7.6px;
	}

	.akis-service-link {
		font-size: 7.5px;
	}

	.akis-updates {
		padding: 43px 0;
	}

	.akis-updates-intro h2 {
		font-size: 27px;
	}

	.akis-update-category-links {
		grid-template-columns: 1fr 1fr;
	}

	.akis-latest-row {
		grid-template-columns: 34px minmax(0, 1fr) 20px;
		gap: 9px;
		min-height: 72px;
		padding: 10px;
	}

	.akis-latest-number {
		width: 31px;
		height: 31px;
	}

	.akis-latest-copy strong {
		font-size: 9px;
	}

	.akis-process {
		padding: 43px 0;
	}

	.akis-process-heading {
		margin-bottom: 22px;
	}

	.akis-process-step {
		padding: 20px 15px;
	}

	.akis-information {
		padding: 43px 0;
	}

	.akis-information-main,
	.akis-official-note {
		padding: 20px;
	}

	.akis-information-main h2 {
		font-size: 24px;
	}

	.akis-information-points {
		grid-template-columns: 1fr;
	}

	.akis-official-note {
		display: block;
	}

	.akis-note-icon {
		margin-bottom: 14px;
	}

	.akis-contact-cta {
		padding-bottom: 42px;
	}

	.akis-contact-card {
		padding: 22px 19px;
	}

	.akis-contact-copy h2 {
		font-size: 22px;
	}

	.akis-contact-actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}

	.akis-contact-page-btn {
		grid-column: 1 / -1;
	}

	.akis-call-button {
		align-items: center;
	}
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

	.akis-container {
		width: min(calc(100% - 16px), var(--akis-container));
	}

	.akis-slide-copy h1,
	.akis-slide-copy h2 {
		font-size: 26px;
	}

	.akis-eyebrow {
		font-size: 7px;
	}

	.akis-hero-actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.akis-primary-btn,
	.akis-whatsapp-btn,
	.akis-outline-btn {
		width: 100%;
		padding-inline: 9px;
		font-size: 8px;
	}

	.akis-service-card {
		min-height: 220px;
	}

	.akis-service-top {
		margin-bottom: 12px;
	}

	.akis-service-card h3 {
		font-size: 10px;
	}

	.akis-service-card > p {
		font-size: 7.2px;
		line-height: 1.55;
	}

	.akis-latest-meta {
		font-size: 6.4px;
	}

	.akis-latest-copy strong {
		font-size: 8.5px;
	}

	.akis-contact-actions {
		grid-template-columns: 1fr;
	}

	.akis-contact-page-btn {
		grid-column: auto;
	}

	.akis-call-button,
	.akis-final-whatsapp,
	.akis-contact-page-btn {
		width: 100%;
	}
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

	.akis-quick-grid,
	.akis-service-grid,
	.akis-hero-actions,
	.akis-update-category-links {
		grid-template-columns: 1fr;
	}

	.akis-service-card {
		min-height: auto;
	}

	.akis-quick-item small {
		display: block;
	}
}


/* =========================================================
   ACCESSIBILITY / MOTION
   ========================================================= */

.aki-services-page a:focus-visible,
.aki-services-page button:focus-visible {
	outline: 2px solid var(--akis-blue);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

	.aki-services-page *,
	.aki-services-page *::before,
	.aki-services-page *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* =========================================================
   SERVICES PAGE JS EFFECT SUPPORT
   ========================================================= */

.akis-reveal {
	opacity: 0;
	transform: translateY(22px) scale(0.985);
	transition:
		opacity 0.6s ease var(--akis-delay, 0ms),
		transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) var(--akis-delay, 0ms);
}

.akis-reveal.akis-reveal-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.akis-pop {
	opacity: 0;
	transform: scale(0.7) rotate(-7deg);
}

.akis-pop.akis-pop-visible {
	opacity: 1;
	transform: scale(1) rotate(0);
	transition:
		opacity 0.45s ease,
		transform 0.55s cubic-bezier(0.2, 0.9, 0.3, 1.25);
}

.akis-ripple {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.34);
	transform: scale(0);
	animation: akisRipple 0.65s ease-out;
}

@keyframes akisRipple {
	to {
		transform: scale(2.8);
		opacity: 0;
	}
}

.akis-primary-btn,
.akis-whatsapp-btn,
.akis-outline-btn,
.akis-call-button,
.akis-final-whatsapp,
.akis-contact-page-btn {
	position: relative;
	overflow: hidden;
}

.akis-row-animate {
	animation: akisRowIn 0.5s ease both;
	animation-delay: var(--akis-row-delay, 0ms);
}

@keyframes akisRowIn {
	from {
		opacity: 0;
		transform: translateX(12px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@media (prefers-reduced-motion: reduce) {

	.akis-reveal,
	.akis-pop,
	.akis-row-animate {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
	}
}