.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-8fdccdb{--display:flex;--min-height:0px;}.elementor-14 .elementor-element.elementor-element-8fdccdb.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-8fdccdb{--width:112.419%;}}/* Start custom CSS for text-editor, class: .elementor-element-5f638b5 *//* ==========================================
   ACEZO AI CONTACT PAGE - 2026 GEN Z DESIGN
========================================== */

:root{

--bg:#030712;
--bg2:#070F1F;
--card:#111827;

--primary:#7C3AED;
--secondary:#00E5FF;
--pink:#FF3CAC;
--green:#22C55E;

--white:#FFFFFF;
--text:#E2E8F0;
--muted:#94A3B8;

--border:rgba(255,255,255,.08);

--radius:24px;

}

/* ========================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:
"Outfit",
sans-serif;

background:
radial-gradient(circle at top left,#7C3AED25,transparent 35%),
radial-gradient(circle at top right,#00E5FF20,transparent 35%),
#030712;

color:var(--white);

overflow-x:hidden;

line-height:1.7;
}

/* ========================================== */

.container{
width:100%;
max-width:1400px;
margin:auto;
padding:0 20px;
}

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

.contact-hero{

padding:120px 0;

text-align:center;

position:relative;
}

.hero-badge{

display:inline-block;

padding:12px 25px;

background:
rgba(124,58,237,.15);

border:
1px solid rgba(124,58,237,.3);

border-radius:50px;

margin-bottom:25px;

font-size:15px;
}

.contact-hero h1{

font-size:
clamp(3rem,8vw,6rem);

font-weight:900;

line-height:1;

max-width:1000px;

margin:auto;

margin-bottom:25px;
}

.contact-hero p{

max-width:800px;

margin:auto;

font-size:1.1rem;

color:var(--text);

margin-bottom:35px;
}

.hero-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;
}

.btn-primary{

padding:16px 35px;

border-radius:50px;

background:
linear-gradient(
135deg,
#7C3AED,
#00E5FF
);

text-decoration:none;

color:#fff;

font-weight:700;
}

.btn-secondary{

padding:16px 35px;

border-radius:50px;

border:1px solid rgba(255,255,255,.15);

text-decoration:none;

color:#fff;
}

/* ==========================================
CONTACT GRID
========================================== */

.contact-section{

padding:80px 0;
}

.contact-grid{

display:grid;

grid-template-columns:
380px 1fr;

gap:30px;
}

/* ==========================================
CARDS
========================================== */

.info-card,
.form-card,
.feature-card,
.service-box,
.faq-item{

background:
rgba(17,24,39,.75);

backdrop-filter:
blur(20px);

border:
1px solid var(--border);

border-radius:24px;

padding:30px;

transition:.3s;
}

.info-card:hover,
.feature-card:hover,
.service-box:hover{

transform:
translateY(-8px);

border-color:
rgba(124,58,237,.35);
}

.info-card{

margin-bottom:20px;
}

.icon{

font-size:2rem;

margin-bottom:15px;
}

.info-card h3{

margin-bottom:10px;
}

.info-card p{

color:var(--text);
}

.info-card ul{

padding-left:20px;
}

.info-card li{

margin-bottom:10px;

color:var(--text);
}

/* ==========================================
FORM
========================================== */

.form-card h2{

font-size:2rem;

margin-bottom:10px;
}

.form-card p{

color:var(--text);

margin-bottom:25px;
}

/* ==========================================
WPFORMS
========================================== */

.wpforms-field input,
.wpforms-field textarea,
.wpforms-field select{

width:100% !important;

background:#0F172A !important;

border:1px solid rgba(255,255,255,.08) !important;

border-radius:14px !important;

color:#fff !important;

padding:15px !important;
}

.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus{

border-color:#7C3AED !important;

outline:none !important;
}

.wpforms-submit{

background:
linear-gradient(
135deg,
#7C3AED,
#00E5FF
) !important;

border:none !important;

padding:16px 35px !important;

border-radius:50px !important;

font-weight:700 !important;

color:#fff !important;
}

/* ==========================================
SECTIONS
========================================== */

.why-us,
.services-highlight,
.faq-section{

padding:100px 0;
}

.section-heading{

text-align:center;

margin-bottom:60px;
}

.section-heading h2{

font-size:
clamp(2rem,5vw,4rem);

margin-bottom:15px;
}

.section-heading p{

max-width:700px;

margin:auto;

color:var(--text);
}

/* ==========================================
FEATURES
========================================== */

.features-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:25px;
}

.feature-icon{

font-size:2rem;

margin-bottom:15px;
}

.feature-card h3{

margin-bottom:10px;
}

.feature-card p{

color:var(--text);
}

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

.services-grid{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:20px;
}

.service-box{

text-align:center;

font-weight:700;
}

/* ==========================================
FAQ
========================================== */

.faq-list{

display:grid;

gap:20px;
}

.faq-item h3{

margin-bottom:10px;
}

.faq-item p{

color:var(--text);
}

/* ==========================================
CTA
========================================== */

.final-cta{

padding:120px 0;

text-align:center;
}

.final-cta h2{

font-size:
clamp(2rem,5vw,4rem);

margin-bottom:20px;
}

.final-cta p{

max-width:700px;

margin:auto;

color:var(--text);

margin-bottom:35px;
}

.cta-button{

display:inline-block;

padding:18px 40px;

background:
linear-gradient(
135deg,
#7C3AED,
#00E5FF
);

border-radius:50px;

text-decoration:none;

font-weight:700;

color:#fff;
}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:1200px){

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

.services-grid{
grid-template-columns:repeat(2,1fr);
}

.features-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.contact-hero{
padding:80px 0;
}

.contact-hero h1{
font-size:2.5rem;
}

.services-grid,
.features-grid{

grid-template-columns:1fr;
}

.hero-buttons{

flex-direction:column;
}

.btn-primary,
.btn-secondary{

width:100%;
}

.info-card,
.form-card,
.feature-card,
.service-box,
.faq-item{

padding:20px;
}

}

@media(max-width:480px){

.contact-hero h1{
font-size:2rem;
}

.contact-hero p{
font-size:1rem;
}

.section-heading h2{
font-size:2rem;
}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ccdd2cb */:root{
--primary:#6d5dfc;
--secondary:#00e5ff;
--dark:#0f172a;
--card:rgba(255,255,255,0.08);
--border:rgba(255,255,255,0.15);
--white:#ffffff;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Inter,sans-serif;
background:var(--dark);
color:var(--white);
}

.container{
width:100%;
max-width:1280px;
margin:auto;
padding:0 20px;
}

.contact-hero{
padding:100px 0;
text-align:center;
}

.tag{
display:inline-block;
padding:10px 20px;
border-radius:50px;
background:rgba(109,93,252,.15);
border:1px solid rgba(109,93,252,.4);
margin-bottom:20px;
}

.contact-hero h1{
font-size:clamp(2rem,5vw,4rem);
margin-bottom:20px;
}

.contact-hero p{
max-width:800px;
margin:auto;
opacity:.85;
}

.contact-grid{
padding:80px 0;
}

.grid{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:30px;
}

.info-card,
.contact-form-card,
.feature-card{
background:var(--card);
backdrop-filter:blur(20px);
border:1px solid var(--border);
border-radius:24px;
padding:30px;
}

.info-card{
margin-bottom:20px;
}

.info-card h3{
margin-bottom:12px;
}

.info-card ul{
padding-left:20px;
}

.info-card li{
margin-bottom:10px;
}

.contact-form-card h2{
margin-bottom:10px;
}

.contact-form-card p{
margin-bottom:25px;
opacity:.8;
}

.why-contact{
padding:100px 0;
}

.why-contact h2{
text-align:center;
margin-bottom:50px;
font-size:clamp(2rem,4vw,3rem);
}

.feature-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.feature-card{
transition:.3s;
}

.feature-card:hover{
transform:translateY(-8px);
}

.cta-section{
padding:100px 0;
text-align:center;
}

.cta-section h2{
font-size:clamp(2rem,4vw,3.5rem);
margin-bottom:15px;
}

.cta-section p{
margin-bottom:30px;
opacity:.8;
}

.cta-btn{
display:inline-block;
padding:16px 40px;
border-radius:50px;
background:linear-gradient(135deg,#6d5dfc,#00e5ff);
color:#fff;
text-decoration:none;
font-weight:600;
}

@media(max-width:992px){

.grid{
grid-template-columns:1fr;
}

.feature-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.feature-grid{
grid-template-columns:1fr;
}

.contact-hero{
padding:70px 0;
}

.contact-grid,
.why-contact,
.cta-section{
padding:60px 0;
}

}/* End custom CSS */