/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Topbar Styles */
#site_topbar{
	--ae-purple:#820080;
	--ae-blue:#0172BD;
	--ae-yellow:#FBB03C;
	--ae-lavender:#DFC5FE;
	--ae-sky:#83C8F2;
	--ae-slate:#708090;
	--ae-charcoal:#36454F;
	all:initial;
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	font-family:'Poppins','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
	font-size:16px !important;
	line-height:1.6 !important;
	color:var(--ae-charcoal) !important;
	-webkit-font-smoothing:antialiased;
	text-align:left !important;
	box-sizing:border-box !important;
}
#site_topbar * {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    line-height: inherit;
    background: transparent;
    text-align: inherit;
}
/* ================= LAYOUT HELPERS ================= */
#site_topbar .ae-topbar{
	position:relative !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:14px !important;
	flex-wrap:wrap !important;
	background: #FBB03C;
	color:#3d2a00 !important;
	padding:11px 48px 11px 20px !important;
	text-align:center !important;
	font-size:14.5px !important;
	line-height:1.4 !important;
	box-shadow:0 2px 10px rgba(0,0,0,.10) !important;
}
#site_topbar .ae-topbar strong{
	font-weight:700 !important;
	color:#3d2a00 !important
}
#site_topbar .ae-topbar .ae-topbar-code{
	display:inline-block !important;
	font-weight:700 !important;
	letter-spacing:0.06em !important;
	background:rgba(61,42,0,.14) !important;
	padding:2px 10px !important;
	border-radius:6px !important;
}
#site_topbar .ae-topbar a{
	font-weight:700 !important;
	color: #820080;
	text-decoration:underline !important;
	text-underline-offset:2px !important;
	white-space:nowrap !important;
}
#site_topbar .ae-topbar-close{
	position:absolute !important;
	right:14px !important;
	top:50% !important;
	transform:translateY(-50%) !important;
	width:26px !important;
	height:26px !important;
	border-radius:50% !important;
	cursor:pointer !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	background:rgba(61,42,0,.12) !important;
	color:#3d2a00 !important;
	font-size:16px !important;
	line-height:1 !important;
}
#site_topbar .ae-topbar-close:hover{
	background:rgba(61,42,0,.22) !important
}
/* Topbar Styles */

/* Web Design & Development Page Styles */
#ae360-wd{
	--ae-purple:#820080;
	--ae-blue:#0172BD;
	--ae-yellow:#FBB03C;
	--ae-lavender:#DFC5FE;
	--ae-sky:#83C8F2;
	--ae-slate:#708090;
	--ae-charcoal:#36454F;
	all:initial;
	display:block !important;
	width:100% !important;
	font-family:'Poppins','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
	font-size:16px !important;
	line-height:1.6 !important;
	color:var(--ae-charcoal) !important;
	-webkit-font-smoothing:antialiased;
	text-align:left !important;
	box-sizing:border-box !important;
}
#ae360-wd *,#ae360-wd *::before,#ae360-wd *::after{
	box-sizing:border-box !important;
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	line-height:inherit;
	background:transparent;
	text-align:inherit;
}
#ae360-wd section{
	display:block !important;
	width:100% !important
}
#ae360-wd h1,#ae360-wd h2,#ae360-wd h3,#ae360-wd h4{
	font-family:'Poppins','Inter',sans-serif !important;
	font-weight:700 !important;
	line-height:1.2 !important;
	color:var(--ae-charcoal);
	letter-spacing:-0.01em;
}
#ae360-wd p{
	margin:0
}
#ae360-wd a{
	text-decoration:none !important;
	color:inherit
}
#ae360-wd ul,#ae360-wd li{
	list-style:none !important;
	margin:0;
	padding:0
}
#ae360-wd img,#ae360-wd svg{
	display:block;
	max-width:100%
}
#ae360-wd strong{
	font-weight:700
}
/* ================= LAYOUT HELPERS ================= */
#ae360-wd .ae-wrap{
	max-width: 1340px;
	margin:0 auto;
	padding:0 20px;
}
#ae360-wd .ae-eyebrow{
	display:inline-block !important;
	font-weight:600 !important;
	font-size:12.5px !important;
	letter-spacing:0.14em !important;
	text-transform:uppercase !important;
	color:var(--ae-purple) !important;
	background:var(--ae-lavender) !important;
	padding:7px 16px !important;
	border-radius:999px !important;
	margin:0 0 18px 0 !important;
}
#ae360-wd .ae-btn{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:9px !important;
	font-weight:600 !important;
	font-size:16px !important;
	border-radius:999px !important;
	padding:15px 32px !important;
	cursor:pointer !important;
	transition:transform .18s ease, box-shadow .18s ease !important;
	line-height:1.1 !important;
	text-align:center !important;
}
#ae360-wd .ae-btn:hover{
	transform:translateY(-2px)
}
#ae360-wd .ae-btn:focus-visible{
	outline:3px solid var(--ae-yellow);
	outline-offset:3px
}
#ae360-wd .ae-btn-yellow{
	background:var(--ae-yellow) !important;
	color:#3d2a00 !important;
	box-shadow:0 6px 22px rgba(251,176,60,.35) !important
}
#ae360-wd .ae-btn-purple{
	background:var(--ae-purple) !important;
	color:#fff !important;
	box-shadow:0 6px 22px rgba(130,0,128,.30) !important
}
#ae360-wd .ae-btn-ghost{
	background:transparent !important;
	color:#fff !important;
	box-shadow:inset 0 0 0 2px rgba(255,255,255,.55) !important
}
#ae360-wd .ae-btn-ghost:hover{
	box-shadow:inset 0 0 0 2px #fff !important
}
#ae360-wd .ae-btn-white{
	background:#fff !important;
	color:var(--ae-purple) !important;
	box-shadow:0 6px 22px rgba(0,0,0,.15) !important
}
#ae360-wd .ae-wa-ic{
	width:18px !important;
	height:18px !important;
	flex:0 0 18px !important;
	fill:currentColor
}
/* ================= HERO ================= */
#ae360-wd .ae-hero{
	background:linear-gradient(118deg,#820080 0%, #4b1a9e 52%, #0172BD 100%) !important;
	padding:96px 0 110px 0 !important;
	position:relative !important;
	overflow:hidden !important;
}
#ae360-wd .ae-hero::after{
	content:"" !important;
	position:absolute !important;
	right:-180px;
	top:-120px;
	width:560px;
	height:560px;
	border-radius:50%;
	box-shadow:0 0 0 70px rgba(255,255,255,.06);
	pointer-events:none;
}
#ae360-wd .ae-hero .ae-eyebrow{
	background:rgba(255,255,255,.14) !important;
	color:var(--ae-yellow) !important
}
#ae360-wd .ae-hero h1{
	color:#fff !important;
	font-size:clamp(32px,4.6vw,54px) !important;
	max-width: 700px;
	margin:0 0 18px 0 !important
}
#ae360-wd .ae-hero h1 em{
	font-style:normal !important;
	color:var(--ae-yellow) !important
}
#ae360-wd .ae-hero .ae-sub{
	font-size:clamp(16px,1.6vw,19px) !important;
	max-width:56ch !important;
	color:rgba(255,255,255,.9) !important;
	margin:0 0 34px 0 !important
}
#ae360-wd .ae-hero-ctas{
	display:flex !important;
	flex-wrap:wrap !important;
	gap:14px !important;
	margin:0 0 40px 0 !important
}
#ae360-wd .ae-hero-badges{
	display:flex !important;
	flex-wrap:wrap !important;
	gap:12px 26px !important;
	font-size:15px !important;
	color:rgba(255,255,255,.85) !important
}
#ae360-wd .ae-hero-badges span{
	display:inline-flex !important;
	align-items:center !important;
	gap:7px !important
}
#ae360-wd .ae-tick{
	width:15px !important;
	height:15px !important;
	flex:0 0 15px !important
}
#ae360-wd .ae-tick path{
	fill:var(--ae-yellow)
}
/* ============ HORIZONTAL SCROLL SERVICES (vibrant) ============ */
#ae360-wd .ae-hscroll{
	position:relative !important;
	background:linear-gradient(125deg,#820080 0%, #5B1E9E 45%, #0172BD 100%) !important
}
#ae360-wd .ae-hscroll::before{
	content:"" !important;
	position:absolute !important;
	inset:0 !important;
	pointer-events:none !important;
	background:radial-gradient(circle at 15% 20%, rgba(251,176,60,.18), transparent 42%), radial-gradient(circle at 85% 75%, rgba(131,200,242,.20), transparent 45%) !important;
}
#ae360-wd .ae-hscroll-sticky{
	position:sticky !important;
	top:0 !important;
	height:100vh;
	display:flex !important;
	flex-direction:column !important;
	justify-content:center !important;
	overflow:hidden !important;
	padding:0 !important
}
#ae360-wd .ae-hscroll-head{
	padding:0 20px;
	max-width: 1340px;
	margin:0 auto 30px auto !important;
	width:100% !important;
	position:relative !important;
	z-index:1 !important
}
#ae360-wd .ae-hscroll-head .ae-eyebrow{
	background:rgba(255,255,255,.18) !important;
	color:#fff !important
}
#ae360-wd .ae-hscroll-head h2{
	color:#fff !important;
	font-size:clamp(26px,3.2vw,38px) !important;
	margin:0 !important
}
#ae360-wd .ae-hscroll-head p{
	color:rgba(255,255,255,.82) !important;
	max-width:60ch !important;
	margin:8px 0 0 0 !important
}
#ae360-wd .ae-track{
	display:flex !important;
	gap:26px !important;
	padding:0 max(20px, calc((100% - 1300px)/2));
	will-change:transform;
	position:relative !important;
	z-index:1 !important
}
#ae360-wd .ae-card{
	flex:0 0 340px !important;
	background:#fff !important;
	border-radius:18px !important;
	padding:30px 28px !important;
	display:flex !important;
	flex-direction:column !important;
	gap:11px !important;
	border-top:6px solid var(--ae-yellow) !important;
	box-shadow:0 18px 46px rgba(45,10,70,.35) !important;
}
#ae360-wd .ae-card:nth-child(3n+2){
	border-top-color:var(--ae-sky) !important
}
#ae360-wd .ae-card:nth-child(3n){
	border-top-color:var(--ae-lavender) !important
}
#ae360-wd .ae-card .ae-ic{
	width:52px !important;
	height:52px !important;
	border-radius:14px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	background:var(--ae-lavender) !important;
	font-size:24px !important
}
#ae360-wd .ae-card:nth-child(3n+2) .ae-ic{
	background:var(--ae-sky) !important
}
#ae360-wd .ae-card:nth-child(3n) .ae-ic{
	background:#FDEBD0 !important
}
#ae360-wd .ae-card h3{
	font-size:18px !important;
	margin:0 !important
}
#ae360-wd .ae-card p{
	font-size:15px !important;
	color:var(--ae-slate) !important;
	margin:0 !important
}
#ae360-wd .ae-card .ae-tag{
	margin-top:auto !important;
	font-size:11.5px !important;
	font-weight:600 !important;
	letter-spacing:0.08em !important;
	text-transform:uppercase !important;
	color:var(--ae-purple) !important
}
#ae360-wd .ae-progress{
	height:4px !important;
	background:rgba(255,255,255,.22) !important;
	border-radius:99px !important;
	max-width: 1300px;
	margin:34px auto 0 auto !important;
	width:calc(100% - 48px) !important;
	position:relative !important;
	z-index:1 !important
}
#ae360-wd .ae-progress b{
	display:block !important;
	height:100% !important;
	width:0%;
	background:var(--ae-yellow) !important;
	border-radius:99px !important
}
#ae360-wd .ae-scrollhint{
	text-align:center !important;
	color:rgba(255,255,255,.72) !important;
	font-size:14px !important;
	margin:14px 0 0 0 !important;
	letter-spacing:0.05em !important;
	position:relative !important;
	z-index:1 !important
}
/* ================= PORTFOLIO ================= */
#ae360-wd .ae-pf{
	background:#fff !important;
	padding:96px 0 !important
}
#ae360-wd .ae-pf-head{
	text-align:center !important;
	max-width:64ch !important;
	margin:0 auto 24px auto !important
}
#ae360-wd .ae-pf-head .ae-eyebrow{
	margin-bottom:14px !important
}
#ae360-wd .ae-pf-head h2{
	font-size:clamp(27px,3.2vw,38px) !important;
	margin:0 0 10px 0 !important
}
#ae360-wd .ae-pf-head p{
	color:var(--ae-slate) !important;
	margin:0 !important
}
/* trust strip */
#ae360-wd .ae-pf-trust{
	display:flex !important;
	flex-wrap:wrap !important;
	justify-content:center !important;
	align-items:center !important;
	gap:10px 0 !important;
	max-width:760px !important;
	margin:0 auto 52px auto !important;
	padding:0 16px !important;
}
#ae360-wd .ae-pf-trust span{
	font-size:14px !important;
	font-weight:600 !important;
	color:var(--ae-charcoal) !important;
	display:inline-flex !important;
	align-items:center !important;
	gap:8px !important;
	padding:0 20px !important;
}
#ae360-wd .ae-pf-trust span:not(:last-child){
	border-right:1px solid #E4DCF0 !important
}
#ae360-wd .ae-pf-trust svg{
	width:17px !important;
	height:17px !important;
	flex:0 0 auto !important;
	fill:var(--ae-purple) !important
}
#ae360-wd .ae-pf-grid{
	display:grid !important;
	grid-template-columns:repeat(3,1fr) !important;
	gap:30px !important
}
#ae360-wd .ae-pf-card{
	display:flex !important;
	flex-direction:column !important;
	border-radius:16px !important;
	overflow:hidden !important;
	background:#fff !important;
	box-shadow:0 2px 0 rgba(54,69,79,.04), 0 10px 30px rgba(54,69,79,.10) !important;
	transition:transform .22s ease, box-shadow .22s ease !important;
}
#ae360-wd .ae-pf-card:hover{
	transform:translateY(-6px) !important;
	box-shadow:0 20px 50px rgba(130,0,128,.20) !important
}
/* browser mockup frame */
#ae360-wd .ae-pf-browser{
	background:#EAE4F3 !important;
	padding:10px 12px 0 12px !important
}
#ae360-wd .ae-pf-bar{
	display:flex !important;
	align-items:center !important;
	gap:12px !important;
	padding-bottom:9px !important
}
#ae360-wd .ae-pf-dots{
	display:flex !important;
	gap:6px !important;
	flex:0 0 auto !important
}
#ae360-wd .ae-pf-dots i{
	width:10px !important;
	height:10px !important;
	border-radius:50% !important;
	display:block !important
}
#ae360-wd .ae-pf-dots i:nth-child(1){
	background:#FF5F57 !important
}
#ae360-wd .ae-pf-dots i:nth-child(2){
	background:#FEBC2E !important
}
#ae360-wd .ae-pf-dots i:nth-child(3){
	background:#28C840 !important
}
#ae360-wd .ae-pf-url{
	flex:1 1 auto !important;
	background:#fff !important;
	border-radius:6px !important;
	height:22px !important;
	display:flex !important;
	align-items:center !important;
	padding:0 10px !important;
	gap:6px !important;
	font-size:11px !important;
	color:var(--ae-slate) !important;
	overflow:hidden !important;
	white-space:nowrap !important;
}
#ae360-wd .ae-pf-url svg{
	width:11px !important;
	height:11px !important;
	flex:0 0 auto !important;
	fill:#9a90ad !important
}
#ae360-wd .ae-pf-url span{
	overflow:hidden !important;
	text-overflow:ellipsis !important
}
#ae360-wd .ae-pf-shot{
	position:relative !important;
	aspect-ratio:800/470 !important;
	overflow:hidden !important;
	background:#F1EDF6 !important;
	border-radius:8px 8px 0 0 !important
}
#ae360-wd .ae-pf-shot img{
	width:100% !important;
	height:100% !important;
	object-fit:cover !important;
	object-position:top center !important;
	transition:transform .5s ease !important
}
#ae360-wd .ae-pf-card:hover .ae-pf-shot img{
	transform:scale(1.05) !important
}
/* result caption pill */
#ae360-wd .ae-pf-result{
	position:absolute !important;
	left:12px !important;
	bottom:12px !important;
	display:inline-flex !important;
	align-items:center !important;
	gap:6px !important;
	background:rgba(255,255,255,.96) !important;
	backdrop-filter:blur(4px) !important;
	padding:6px 12px !important;
	border-radius:100px !important;
	font-size:12.5px !important;
	font-weight:700 !important;
	color:var(--ae-charcoal) !important;
	box-shadow:0 4px 14px rgba(54,69,79,.18) !important;
}
#ae360-wd .ae-pf-result svg{
	width:14px !important;
	height:14px !important;
	flex:0 0 auto !important;
	fill:#12A150 !important
}
#ae360-wd .ae-pf-meta{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:12px !important;
	padding:18px 20px !important
}
#ae360-wd .ae-pf-meta h3{
	font-size:17px !important;
	margin:0 0 2px 0 !important
}
#ae360-wd .ae-pf-meta p{
	font-size:13.5px !important;
	color:var(--ae-slate) !important;
	margin:0 !important
}
#ae360-wd .ae-pf-visit{
	display:inline-flex !important;
	align-items:center !important;
	gap:5px !important;
	font-size:13px !important;
	font-weight:600 !important;
	color:var(--ae-purple) !important;
	white-space:nowrap !important;
	flex:0 0 auto !important
}
#ae360-wd .ae-pf-visit svg{
	width:14px !important;
	height:14px !important;
	fill:var(--ae-purple) !important
}
/* ================= HOW IT WORKS ================= */
#ae360-wd .ae-how{
	background:#F7F5FB !important;
	padding:90px 0 !important
}
#ae360-wd .ae-how h2{
	font-size:clamp(26px,3vw,37px) !important;
	margin:0 0 6px 0 !important
}
#ae360-wd .ae-how .ae-lead{
	color:var(--ae-slate) !important;
	max-width:62ch !important;
	margin:0 0 48px 0 !important
}
#ae360-wd .ae-steps{
	display:grid !important;
	grid-template-columns:repeat(4,1fr) !important;
	gap:22px !important
}
#ae360-wd .ae-step{
	background:#fff !important;
	border-radius:18px !important;
	padding:28px 24px !important;
	box-shadow:inset 0 0 0 1px #E8E2F4 !important
}
#ae360-wd .ae-step .ae-num{
	font-weight:700 !important;
	font-size:14px !important;
	color:#fff !important;
	background:var(--ae-blue) !important;
	width:34px !important;
	height:34px !important;
	border-radius:50% !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	margin:0 0 16px 0 !important
}
#ae360-wd .ae-step:nth-child(1) .ae-num{
	background:var(--ae-purple) !important
}
#ae360-wd .ae-step:nth-child(3) .ae-num{
	background:var(--ae-blue) !important
}
#ae360-wd .ae-step:nth-child(4) .ae-num{
	background:var(--ae-yellow) !important;
	color:#3d2a00 !important
}
#ae360-wd .ae-step h3{
	font-size:17px !important;
	margin:0 0 6px 0 !important
}
#ae360-wd .ae-step p{
	font-size:14.5px !important;
	color:var(--ae-slate) !important;
	margin:0 !important
}
/* ================= TESTIMONIALS ================= */
#ae360-wd .ae-tstm{
	background:#fff !important;
	padding:90px 0 !important
}
#ae360-wd .ae-tstm-head{
	text-align:center !important;
	max-width:60ch !important;
	margin:0 auto 48px auto !important
}
#ae360-wd .ae-tstm-head .ae-eyebrow{
	margin-bottom:14px !important
}
#ae360-wd .ae-tstm-head h2{
	font-size:clamp(26px,3vw,37px) !important;
	margin:0 0 10px 0 !important
}
#ae360-wd .ae-tstm-head p{
	color:var(--ae-slate) !important;
	margin:0 !important
}
#ae360-wd .ae-tstm-grid{
	display:grid !important;
	grid-template-columns:repeat(3,1fr) !important;
	gap:22px !important
}
#ae360-wd .ae-quote{
	display:flex !important;
	flex-direction:column !important;
	background:#F7F5FB !important;
	border-radius:18px !important;
	padding:30px 28px !important;
	box-shadow:inset 0 0 0 1px #E8E2F4 !important
}
#ae360-wd .ae-quote .ae-stars{
	display:flex !important;
	gap:3px !important;
	margin:0 0 14px 0 !important
}
#ae360-wd .ae-quote .ae-stars svg{
	width:18px !important;
	height:18px !important
}
#ae360-wd .ae-quote .ae-stars svg path{
	fill:var(--ae-yellow)
}
#ae360-wd .ae-quote blockquote{
	font-size:16px !important;
	line-height:1.6 !important;
	color:var(--ae-charcoal) !important;
	margin:0 0 22px 0 !important
}
#ae360-wd .ae-quote .ae-person{
	display:flex !important;
	align-items:center !important;
	gap:13px !important;
	margin-top:auto !important
}
#ae360-wd .ae-avatar{
	width:46px !important;
	height:46px !important;
	flex:0 0 46px !important;
	border-radius:50% !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	font-weight:700 !important;
	font-size:16px !important;
	color:#fff !important;
	background:var(--ae-purple) !important
}
#ae360-wd .ae-quote:nth-child(2) .ae-avatar{
	background:var(--ae-blue) !important
}
#ae360-wd .ae-quote:nth-child(3) .ae-avatar{
	background:var(--ae-yellow) !important;
	color:#3d2a00 !important
}
#ae360-wd .ae-person .ae-name{
	font-weight:600 !important;
	font-size:15px !important;
	color:var(--ae-charcoal) !important;
	display:block !important
}
#ae360-wd .ae-person .ae-role{
	font-size:13px !important;
	color:var(--ae-slate) !important;
	display:block !important
}
/* ================= CUSTOM QUOTE BAND ================= */
#ae360-wd .ae-quote-band{
	background:#F7F5FB !important;
	padding:80px 0 !important
}
#ae360-wd .ae-quote-inner{
	background:linear-gradient(118deg,#820080,#0172BD) !important;
	border-radius:24px !important;
	padding:56px 40px !important;
	text-align:center !important;
	position:relative !important;
	overflow:hidden !important;
}
#ae360-wd .ae-quote-inner::after{
	content:"" !important;
	position:absolute !important;
	right:-120px;
	top:-120px;
	width:360px;
	height:360px;
	border-radius:50%;
	box-shadow:0 0 0 60px rgba(255,255,255,.06);
	pointer-events:none
}
#ae360-wd .ae-quote-inner .ae-eyebrow{
	background:rgba(255,255,255,.16) !important;
	color:var(--ae-yellow) !important;
	margin-bottom:16px !important
}
#ae360-wd .ae-quote-inner h2{
	color:#fff !important;
	font-size:clamp(24px,3vw,34px) !important;
	max-width:22ch !important;
	margin:0 auto 12px auto !important;
	position:relative !important;
	z-index:1 !important
}
#ae360-wd .ae-quote-inner p{
	color:rgba(255,255,255,.88) !important;
	max-width:56ch !important;
	margin:0 auto 28px auto !important;
	position:relative !important;
	z-index:1 !important
}
#ae360-wd .ae-quote-inner .ae-btn{
	position:relative !important;
	z-index:1 !important
}
#ae360-wd .ae-quote-note{
	color:rgba(255,255,255,.7) !important;
	font-size:13.5px !important;
	margin:16px 0 0 0 !important;
	position:relative !important;
	z-index:1 !important
}
/* ================= FAQ ================= */
#ae360-wd .ae-faq{
	background:#fff !important;
	padding:90px 0 !important
}
#ae360-wd .ae-faq h2{
	font-size:clamp(26px,3vw,36px) !important;
	text-align:center !important;
	margin:0 0 42px 0 !important
}
#ae360-wd .ae-faq-list{
	max-width:760px !important;
	margin:0 auto !important;
	display:flex !important;
	flex-direction:column !important;
	gap:14px !important
}
#ae360-wd .ae-faq details{
	background:#F7F5FB !important;
	border-radius:14px !important;
	box-shadow:inset 0 0 0 1px #E8E2F4 !important;
	overflow:hidden !important
}
#ae360-wd .ae-faq summary{
	cursor:pointer !important;
	padding:18px 22px !important;
	font-weight:600 !important;
	font-size:16px !important;
	list-style:none !important;
	display:flex !important;
	justify-content:space-between !important;
	align-items:center !important;
	gap:16px !important
}
#ae360-wd .ae-faq summary::-webkit-details-marker{
	display:none !important
}
#ae360-wd .ae-faq summary::after{
	content:"+" !important;
	font-size:22px !important;
	color:var(--ae-purple) !important;
	line-height:1 !important;
	transition:transform .2s !important;
	flex:0 0 auto !important
}
#ae360-wd .ae-faq details[open] summary::after{
	transform:rotate(45deg) !important
}
#ae360-wd .ae-faq details p{
	padding:0 22px 20px 22px !important;
	color:var(--ae-slate) !important;
	font-size:15px !important;
	margin:0 !important
}
/* ================= FINAL CTA ================= */
#ae360-wd .ae-cta{
	background:linear-gradient(118deg,#820080,#0172BD) !important;
	padding:90px 0 !important;
	text-align:center !important
}
#ae360-wd .ae-cta h2{
	color:#fff !important;
	font-size:clamp(27px,3.4vw,40px) !important;
	max-width:24ch !important;
	margin:0 auto 12px auto !important
}
#ae360-wd .ae-cta p{
	color:rgba(255,255,255,.85) !important;
	max-width:52ch !important;
	margin:0 auto 30px auto !important
}
#ae360-wd .ae-cta .ae-reply{
	display:block !important;
	margin:18px 0 0 0 !important;
	font-size:14px !important;
	color:rgba(255,255,255,.7) !important
}
/* ================= RESPONSIVE ================= */
@media (max-width:1000px){
	#ae360-wd .ae-pf-grid{
		grid-template-columns:repeat(2,1fr) !important
	}
	#ae360-wd .ae-steps{
		grid-template-columns:repeat(2,1fr) !important
	}
	#ae360-wd .ae-tstm-grid{
		grid-template-columns:1fr !important;
		max-width:560px !important;
		margin:0 auto !important
	}
}
@media (max-width:1024px){
	#ae360-wd .ae-hscroll{
		height:auto !important;
		min-height:0 !important
	}
	#ae360-wd .ae-hscroll-sticky{
		position:static !important;
		height:auto !important;
		min-height:0 !important;
		justify-content:flex-start !important;
		padding:64px 0 !important
	}
	#ae360-wd .ae-track{
		overflow-x:auto !important;
		transform:none !important;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		padding-bottom:14px !important
	}
	#ae360-wd .ae-card{
		flex-basis:min(82vw,340px) !important;
		scroll-snap-align:center
	}
	#ae360-wd .ae-progress{
		display:none !important
	}
	#ae360-wd .ae-scrollhint{
		margin-top:20px !important
	}
}
@media (max-width:640px){
	#ae360-wd .ae-pf-grid{
		grid-template-columns:1fr !important;
		max-width:420px !important;
		margin:0 auto !important
	}
	#ae360-wd .ae-pf-trust span{
		border-right:none !important;
		padding:0 14px !important
	}
	#ae360-wd .ae-steps{
		grid-template-columns:1fr !important
	}
	#ae360-wd .ae-hero{
		padding:72px 0 84px 0 !important
	}
	#ae360-wd .ae-quote-inner{
		padding:44px 24px !important
	}
}
@media (prefers-reduced-motion:reduce){
	#ae360-wd .ae-hscroll{
		height:auto !important;
		min-height:0 !important
	}
	#ae360-wd .ae-hscroll-sticky{
		position:static !important;
		height:auto !important;
		min-height:0 !important;
		justify-content:flex-start !important;
		padding:64px 0 !important
	}
	#ae360-wd .ae-track{
		overflow-x:auto !important;
		transform:none !important;
		padding-bottom:14px !important
	}
	#ae360-wd .ae-progress{
		display:none !important
	}
}
/* Web Design & Development Page Styles */