/* ===== VISIOpaie CTA + Footer ===== */
.cta-demo-area{
	background:#080d24;
	padding:60px 0 30px;
}
.cta-demo-area > .container{
	max-width:none;
	padding-left:15px;
	padding-right:15px;
}
.cta-demo-box{
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg,#0b1130 0%,#0a0f26 60%,#090d20 100%);
	border:1px solid rgba(56,116,255,.25);
	border-radius:18px;
	padding:42px 48px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:32px;
}
.cta-demo-box::after{
	content:'';
	position:absolute;
	right:-20px;
	bottom:-20px;
	width:280px;
	height:220px;
	background-image:radial-gradient(circle,#2871FE 1.6px,transparent 1.7px);
	background-size:16px 16px;
	-webkit-mask-image:radial-gradient(circle at bottom right,#000 0%,transparent 72%);
	mask-image:radial-gradient(circle at bottom right,#000 0%,transparent 72%);
	opacity:.55;
	pointer-events:none;
}
.cta-demo-left{
	display:flex;
	align-items:center;
	gap:24px;
	flex:1 1 auto;
	position:relative;
	z-index:1;
}
.cta-demo-icon{
	flex:0 0 auto;
	width:76px;
	height:76px;
	border-radius:50%;
	border:1.5px solid rgba(56,116,254,.45);
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(40,113,254,.08);
}
.cta-demo-icon img{ width:32px; height:32px; }
.cta-demo-text h3{
	color:#fff;
	font-size:26px;
	font-weight:700;
	margin-bottom:10px;
	font-family:"Inter", sans-serif;
}
.cta-demo-text p{
	color:#aab3c8;
	font-size:15px;
	line-height:1.6;
	margin:0;
	max-width:480px;
}
.cta-demo-divider{
	width:1px;
	align-self:stretch;
	background:rgba(255,255,255,.12);
	flex:0 0 auto;
}
.cta-demo-right{
	flex:0 0 auto;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:14px;
	position:relative;
	z-index:1;
}
.cta-demo-btn{
	display:inline-flex;
	align-items:center;
	gap:10px;
	background:#2871FE;
	color:#fff !important;
	font-weight:600;
	font-size:16px;
	padding:16px 28px;
	border-radius:8px;
	white-space:nowrap;
	transition:.3s;
}
.cta-demo-btn img{ width:16px; height:16px; }
.cta-demo-btn:hover{ background:#1c5ce0; }
.cta-demo-note{
	display:flex;
	align-items:center;
	gap:8px;
	color:#ffffff;
	font-size:13px;
}
.cta-demo-note img{ width:16px; height:16px; }

/* Footer */
.visiopaie-footer{
	background:#080d24;
	padding-top:45px;
}
.visiopaie-footer > .container,
.visiopaie-footer .copy-right-area > .container{
	max-width:none;
	padding-left:15px;
	padding-right:15px;
}
.footer-brand .footer-logo-link{ display:inline-block; margin-bottom:18px; }
.footer-brand .footer-logo-link img{ max-height:46px; width:auto; }
.footer-tagline{
	color:#ffffff;
	font-size:14px;
	margin-bottom:22px;
	display:flex;
	align-items:center;
	gap:12px;
}
.footer-tagline span{
	width:24px;
	height:1px;
	background:#2871FE;
	display:inline-block;
}
.footer-desc{
	color:#ffffff;
	font-size:14.5px;
	line-height:1.7;
	margin-bottom:24px;
	max-width:320px;
}
.footer-badge{
	display:flex;
	align-items:center;
	gap:12px;
	border:1px solid rgba(56,116,254,.3);
	border-radius:10px;
	padding:14px 16px;
	max-width:330px;
}
.footer-badge img{ width:26px; height:26px; flex:0 0 auto; }
.footer-badge strong{
	display:block;
	color:#fff;
	font-size:13.5px;
	font-weight:600;
}
.footer-badge a{
	color:#2871FE;
	font-size:13px;
	text-decoration:none;
}

@media (min-width:992px){
	.visiopaie-footer > .container > .row > div:nth-child(n+2){
		border-left:1px solid rgba(255,255,255,.1);
	}
}
.footer-col-title{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:22px;
}
.footer-col-title img{ width:22px; height:22px; }
.footer-col-title h4{
	color:#fff;
	font-size:14px;
	font-weight:700;
	letter-spacing:.5px;
	text-transform:uppercase;
	margin:0;
}
.footer-col ul{ list-style:none; margin:0; padding:0; }
.footer-col ul li{ margin-bottom:16px; }
.footer-col ul li a{
	color:#ffffff;
	font-size:14.5px;
	transition:.3s;
}
.footer-col ul li a:hover{ color:#2871FE; }

.footer-connect-title{
	color:#fff;
	font-size:14px;
	font-weight:700;
	letter-spacing:.5px;
	text-transform:uppercase;
	margin-bottom:18px;
}
.footer-connect > p{
	color:#ffffff;
	font-size:14.5px;
	line-height:1.7;
	margin-bottom:20px;
	max-width:280px;
}
.footer-social-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:50%;
	border:1.5px solid rgba(56,116,254,.45);
	margin-bottom:26px;
}
.footer-social-icon img{ width:18px; height:18px; }
.footer-contact-box{
	display:flex;
	gap:14px;
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	padding:18px;
}
.footer-contact-icon{
	flex:0 0 auto;
	width:42px;
	height:42px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.footer-contact-icon img{ width:32px; height:32px; }
.footer-contact-box strong{ color:#fff; font-size:14.5px; display:block; margin-bottom:4px; }
.footer-contact-box p{ color:#ffffff; font-size:13.5px; margin-bottom:8px; }
.footer-contact-box a{
	color:#2871FE;
	font-size:13.5px;
	font-weight:600;
	display:inline-flex;
	align-items:center;
	gap:6px;
}
.footer-contact-box a img{ width:12px; height:12px; }

.visiopaie-footer .copy-right-area{
	margin-top:56px;
	border-top:1px solid rgba(255,255,255,.08);
	padding:24px 0;
	background:transparent;
}
.footer-bottom{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:14px;
}
.footer-bottom p{ color:#7c86a1; font-size:13.5px; margin:0; }
.footer-bottom-links{ display:flex; align-items:center; gap:10px; }
.footer-bottom-links a{ color:#7c86a1; font-size:13.5px; }
.footer-bottom-links a:hover{ color:#2871FE; }
.footer-bottom-links span{ color:#3a4257; }
.footer-bottom-meta{ display:flex; align-items:center; gap:22px; }
.footer-hosted{ display:flex; align-items:center; gap:8px; color:#7c86a1; font-size:13.5px; }
.footer-hosted img{ width:14px; height:14px; }
.footer-credit{ color:#7c86a1; font-size:13.5px; }
.footer-credit .heart{ color:#ff4d6d; }

@media (max-width:991px){
	.cta-demo-box{ flex-direction:column; align-items:flex-start; }
	.cta-demo-divider{ display:none; }
	.cta-demo-right{ width:100%; }
	.footer-brand, .footer-col{ margin-bottom:40px; }
}
@media (max-width:767px){
	.cta-demo-area{ padding:40px 0 20px; }
	.cta-demo-box{ padding:28px 24px; }
	.cta-demo-text h3{ font-size:21px; }
	.cta-demo-text p{ font-size:14px; }
	.cta-demo-left{ gap:16px; }
	.cta-demo-icon{ width:58px; height:58px; }
	.cta-demo-icon img{ width:26px; height:26px; }
	.cta-demo-btn{ width:100%; justify-content:center; font-size:15px; padding:14px 22px; }
	.cta-demo-note{ justify-content:center; width:100%; }
	.footer-bottom{ flex-direction:column; text-align:center; }
	.footer-bottom-meta{ flex-wrap:wrap; justify-content:center; }
}
@media (max-width:575px){
	.cta-demo-box{ padding:22px 18px; border-radius:14px; }
	.cta-demo-text h3{ font-size:19px; }
	.cta-demo-btn{ font-size:14px; padding:13px 18px; }
}