/* =========== © 2024 Centroarts.com - https://honista.com =========== */

.app-download-head { position: relative; margin-bottom: 32px; }
.app-download-head .heading { margin-bottom: 8px; }

.app-download-icon { display: block; margin: 0 auto; margin-bottom: 24px; position: relative; width: 120px; height: 120px; color: var(--color-primary); }
.app-download-icon .ic { width: inherit; height: inherit; }
.app-download-icon::after {
	content: ""; position: absolute; inset: 0; opacity: .3;
	border-radius: 20px; border: 2px solid transparent;
	background: linear-gradient(45deg,var(--color-primary), var(--color-second)) border-box;
	-webkit-mask: linear-gradient(var(--color-body) 0 0) padding-box, linear-gradient(var(--color-body) 0 0);
	mask: linear-gradient(var(--color-body) 0 0) padding-box, linear-gradient(var(--color-body) 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.app-download-info { display: flex; }
.app-download-info > li:not(:first-child) { flex: 1; }
.app-download-info > li { padding: 20px; white-space: nowrap; }
.app-download-info > li .fw-b { display: block; }
.app-download-info-rate { flex: 0 0 100%; }

.app-download-btn .btn { display: block; flex: 1; height: auto; }
.app-download-btn .btn > span { display: block; }
.app-download-btn .btn > span:last-child { font-weight: normal; }

.app-download-btn + .muted { margin-top: 24px; }

@media (max-width: 767px) {
	.section-app-download { text-align: center; }
	.app-download-info { flex-wrap: wrap; }
	.app-download-info-rate { padding-top: 0 !important; padding-bottom: 24px; border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.1); }
	.app-download-info-rate .rate-stat { display: flex; justify-content: center; }
	.app-download-info-rate .rate-score { order: -1; margin-right: .3em; }
	.app-download-info-rate .unit-rating { margin-left: auto; margin-right: auto; margin-bottom: 4px; }
	.app-download-btn + .muted {
		text-align: inherit; padding: var(--wrp-pad); padding-bottom: var(--section-gap);
		border-bottom: 1px solid rgba(var(--color-text-rgb), 0.1);
		margin: 0 calc(var(--wrp-pad) / -1);
	}
}
@media (max-width: 499px) {
	.app-download-btn .btn { flex: 0 0 100%; padding: 16px 32px; }
}
@media (min-width: 768px) {
	.app-download-head { padding-left: 120px; min-height: 88px; }
	.app-download-icon { position: absolute; left: 0; top: 0; margin: 0; width: 88px; height: 88px; }
	.app-download-info { border-top: 1px solid rgba(var(--color-primary-rgb), 0.1); }
	.app-download-info > li { padding: 24px; padding-bottom: 0; border-left: 1px solid rgba(var(--color-primary-rgb), 0.1); }
	.app-download-info > li:first-child { border-left-width: 0; padding-left: 0; }
	.app-download-info-rate { flex: 1 1 auto; display: flex; align-items: center; }
	.app-download-info-rate .rate-stat { order: -1; margin-right: 20px; }

	:dir(rtl) .app-download-head { padding-right: 120px; padding-left: 0; }
	:dir(rtl) .app-download-icon { left: auto; right: 0; }
	:dir(rtl) .app-download-info > li { border-right: 1px solid rgba(var(--color-primary-rgb), 0.1); border-left-width: 0; }
	:dir(rtl) .app-download-info > li:first-child { border-right-width: 0; padding-right: 0; padding-left: 24px; }
	:dir(rtl) .rate-stat { margin-left: 20px; margin-right: 0; }
}

/* BG for Illustrate */
.section-download .honista-smart-circle { width: 388px; height: 388px; left: 0 !important; right: auto !important; transform: translateX(-30%) !important; }
@media (min-width: 1500px) {
	.section-download .honista-smart-circle { width: 588px; height: 588px; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; }
}
@media (max-width: 1199px) {
	.section-download .side-img { display: none !important; }
}