/* Start custom CSS for html, class: .elementor-element-d22dcd8 *//*=========================================
MARKETPLACE HERO
=========================================*/
.marketplace-hero{
position:relative;
overflow:hidden;
min-height:100vh;
display:flex;
align-items:center;
padding:140px 6% 100px;
background:#050b17;
}
/*=========================================
BACKGROUND
=========================================*/
.marketplace-grid{
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
background-size:70px 70px;
mask-image:radial-gradient(circle at center,#fff 35%,transparent 90%);
opacity:.35;
pointer-events:none;
}
.marketplace-glow{
position:absolute;
border-radius:50%;
filter:blur(100px);
opacity:.5;
}
.glow-one{
width:420px;
height:420px;
background:#7d3cff;
left:-120px;
top:0;
}
.glow-two{
width:350px;
height:350px;
background:#ff00cc;
right:-80px;
bottom:-80px;
}
/*=========================================
LAYOUT
=========================================*/
.marketplace-container{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:1.05fr .95fr;
gap:80px;
align-items:center;
}
/*=========================================
LEFT
=========================================*/
.marketplace-content{
max-width:650px;
}
.marketplace-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 22px;
border-radius:50px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#d7b8ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:28px;
backdrop-filter:blur(18px);
}
.badge-dot{
width:9px;
height:9px;
border-radius:50%;
background:#7d3cff;
box-shadow:0 0 15px #7d3cff;
}
.marketplace-content h1{
font-size:64px;
line-height:1.1;
font-weight:800;
color:#fff;
margin-bottom:30px;
}
.marketplace-content h1 span{
background:linear-gradient(90deg,#7d3cff,#ff00cc);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.marketplace-content p{
color:#b8bfd2;
font-size:19px;
line-height:1.9;
margin-bottom:40px;
}
/*=========================================
BUTTONS
=========================================*/
.marketplace-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-bottom:55px;
}
.btn-primary{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 34px;
border-radius:50px;
background:linear-gradient(135deg,#7d3cff,#a64dff);
color:#fff;
text-decoration:none;
font-weight:700;
transition:.35s;
}
.btn-primary:hover{
transform:translateY(-4px);
box-shadow:0 18px 35px rgba(125,60,255,.35);
}
.btn-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 34px;
border-radius:50px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#fff;
text-decoration:none;
font-weight:600;
backdrop-filter:blur(16px);
transition:.35s;
}
.btn-secondary:hover{
transform:translateY(-4px);
border-color:#7d3cff;
background:rgba(125,60,255,.12);
}
/*=========================================
STATS
=========================================*/
.marketplace-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.stat-box{
padding:24px;
border-radius:22px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
transition:.35s;
}
.stat-box:hover{
transform:translateY(-6px);
border-color:#7d3cff;
}
.stat-box h3{
color:#fff;
font-size:34px;
margin-bottom:8px;
}
.stat-box span{
color:#b8bfd2;
font-size:14px;
}
/*=========================================
RIGHT
=========================================*/
.marketplace-visual{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}
/*=========================================
DASHBOARD
=========================================*/
.market-dashboard{
width:100%;
max-width:480px;
padding:30px;
border-radius:28px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(22px);
box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.dashboard-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
}
.dashboard-header h4{
color:#fff;
font-size:24px;
}
.dashboard-header span{
color:#b86cff;
font-size:14px;
}
.dashboard-card{
display:flex;
align-items:center;
gap:18px;
padding:18px;
margin-bottom:16px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
transition:.35s;
}
.dashboard-card:hover{
transform:translateX(8px);
border-color:#7d3cff;
}
.card-icon{
width:58px;
height:58px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
background:linear-gradient(135deg,#7d3cff,#ff00cc);
}
.dashboard-card h5{
color:#fff;
margin-bottom:4px;
font-size:18px;
}
.dashboard-card small{
color:#b8bfd2;
}
.card-tag{
margin-left:auto;
padding:7px 14px;
border-radius:30px;
background:rgba(125,60,255,.15);
color:#dcb6ff;
font-size:12px;
font-weight:600;
}
/*=========================================
FLOATING TAGS
=========================================*/
.floating-tag{
position:absolute;
padding:10px 18px;
border-radius:40px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
color:#fff;
font-size:13px;
animation:float 5s ease-in-out infinite;
}
.tag-one{top:20px;left:-30px;}
.tag-two{top:80px;right:-30px;}
.tag-three{top:220px;left:-60px;}
.tag-four{top:330px;right:-50px;}
.tag-five{bottom:50px;left:30px;}
.tag-six{bottom:-10px;right:60px;}
@keyframes float{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-12px);
}
}
/*=========================================
RESPONSIVE
=========================================*/
@media(max-width:1100px){
.marketplace-container{
grid-template-columns:1fr;
gap:80px;
text-align:center;
}
.marketplace-content{
margin:auto;
}
.marketplace-buttons{
justify-content:center;
}
.marketplace-stats{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.marketplace-hero{
padding:120px 20px 80px;
}
.marketplace-content h1{
font-size:44px;
}
.marketplace-content p{
font-size:17px;
}
.marketplace-stats{
grid-template-columns:1fr;
}
.market-dashboard{
padding:22px;
}
.floating-tag{
display:none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79cf7b6 *//*=========================================
MARKETPLACE CATEGORIES
=========================================*/
.marketplace-categories{
position:relative;
padding:120px 6%;
background:linear-gradient(180deg,#050b17,#081320);
overflow:hidden;
}
.marketplace-categories::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top right,
rgba(125,60,255,.12),
transparent 35%),
radial-gradient(circle at bottom left,
rgba(255,0,204,.08),
transparent 35%);
pointer-events:none;
}
/*========================*/
.categories-header{
position:relative;
z-index:2;
max-width:850px;
margin:auto auto 70px;
text-align:center;
}
.categories-tag{
display:inline-block;
padding:10px 22px;
border-radius:50px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:22px;
}
.categories-header h2{
color:#fff;
font-size:52px;
line-height:1.15;
font-weight:800;
margin-bottom:22px;
}
.categories-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.9;
}
/*========================*/
.categories-grid{
position:relative;
z-index:2;
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}
/*========================*/
.category-card{
position:relative;
padding:40px;
border-radius:28px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(20px);
overflow:hidden;
transition:.35s;
}
.category-card::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(135deg,
rgba(255,255,255,.08),
transparent 60%);
pointer-events:none;
}
.category-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:
0 30px 70px rgba(125,60,255,.18);
}
.category-card.featured{
border-color:#7d3cff;
background:
linear-gradient(180deg,
rgba(125,60,255,.18),
rgba(255,255,255,.05));
}
/*========================*/
.category-icon{
width:74px;
height:74px;
border-radius:22px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:28px;
font-size:34px;
background:
linear-gradient(135deg,
#7d3cff,
#ff00cc);
}
.category-card h3{
color:#fff;
font-size:28px;
margin-bottom:18px;
}
.category-card p{
color:#b8bfd2;
line-height:1.9;
font-size:16px;
margin-bottom:28px;
}
.category-card span{
color:#dcb6ff;
font-weight:600;
font-size:15px;
}
/*========================*/
@media(max-width:1100px){
.categories-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.marketplace-categories{
padding:90px 20px;
}
.categories-header h2{
font-size:38px;
}
.categories-header p{
font-size:16px;
}
.categories-grid{
grid-template-columns:1fr;
}
.category-card{
padding:32px;
}
.category-icon{
width:64px;
height:64px;
font-size:28px;
}
.category-card h3{
font-size:24px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49b35c7 *//*=========================================
FEATURED PRODUCTS
=========================================*/
.featured-products{
position:relative;
padding:120px 6%;
background:#081320;
overflow:hidden;
}
.featured-products::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top left,
rgba(125,60,255,.12),
transparent 35%),
radial-gradient(circle at bottom right,
rgba(255,0,204,.08),
transparent 35%);
pointer-events:none;
}
/*=======================*/
.products-header{
max-width:850px;
margin:auto auto 70px;
text-align:center;
position:relative;
z-index:2;
}
.products-tag{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}
.products-header h2{
color:#fff;
font-size:52px;
font-weight:800;
margin-bottom:20px;
}
.products-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.8;
}
/*=======================*/
.products-grid{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
position:relative;
z-index:2;
}
/*=======================*/
.product-card{
position:relative;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
border-radius:28px;
overflow:hidden;
backdrop-filter:blur(18px);
transition:.35s;
}
.product-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:0 30px 60px rgba(125,60,255,.18);
}
.product-card.featured{
border-color:#7d3cff;
}
.product-badge{
position:absolute;
top:20px;
right:20px;
padding:8px 16px;
border-radius:30px;
background:linear-gradient(135deg,#7d3cff,#ff00cc);
color:#fff;
font-size:12px;
font-weight:700;
}
.product-image{
height:220px;
display:flex;
align-items:center;
justify-content:center;
font-size:80px;
background:
linear-gradient(135deg,
rgba(125,60,255,.18),
rgba(255,0,204,.08));
}
.product-content{
padding:35px;
}
.product-category{
color:#b86cff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
.product-content h3{
color:#fff;
font-size:28px;
margin:18px 0;
}
.product-content p{
color:#b8bfd2;
line-height:1.8;
margin-bottom:25px;
}
.product-meta{
display:flex;
justify-content:space-between;
color:#9ea9c4;
font-size:14px;
margin-bottom:30px;
}
.product-footer{
display:flex;
justify-content:space-between;
align-items:center;
}
.price small{
display:block;
color:#8f9bb5;
margin-bottom:6px;
}
.price strong{
color:#fff;
font-size:28px;
}
.product-footer a{
padding:12px 22px;
border-radius:30px;
background:linear-gradient(135deg,#7d3cff,#a64dff);
color:#fff;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.product-footer a:hover{
transform:translateY(-3px);
box-shadow:0 12px 25px rgba(125,60,255,.35);
}
/*=======================*/
@media(max-width:1100px){
.products-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.featured-products{
padding:90px 20px;
}
.products-header h2{
font-size:38px;
}
.products-header p{
font-size:16px;
}
.product-content{
padding:28px;
}
.product-content h3{
font-size:24px;
}
.product-footer{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
.product-footer a{
width:100%;
text-align:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e537810 *//*=========================================
WEBSITE TEMPLATES
=========================================*/
.website-templates{
position:relative;
padding:120px 6%;
background:linear-gradient(180deg,#081320,#050b17);
}
.templates-header{
max-width:850px;
margin:0 auto 70px;
text-align:center;
}
.templates-tag{
display:inline-block;
padding:10px 22px;
border-radius:50px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}
.templates-header h2{
color:#fff;
font-size:52px;
font-weight:800;
margin-bottom:20px;
}
.templates-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.8;
}
.templates-grid{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.template-card{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
border-radius:28px;
overflow:hidden;
backdrop-filter:blur(18px);
transition:.35s;
}
.template-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:0 25px 60px rgba(125,60,255,.18);
}
.template-card.featured{
border-color:#7d3cff;
}
.template-preview{
height:230px;
display:flex;
align-items:center;
justify-content:center;
font-size:80px;
background:
linear-gradient(135deg,
rgba(125,60,255,.18),
rgba(255,0,204,.08));
}
.template-content{
padding:35px;
}
.template-category{
color:#b86cff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
.template-content h3{
color:#fff;
font-size:28px;
margin:18px 0;
}
.template-content p{
color:#b8bfd2;
line-height:1.8;
margin-bottom:30px;
}
.template-footer{
display:flex;
justify-content:space-between;
align-items:center;
}
.template-price strong{
color:#fff;
font-size:26px;
}
.template-footer a{
padding:12px 22px;
border-radius:30px;
background:linear-gradient(135deg,#7d3cff,#a64dff);
color:#fff;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.template-footer a:hover{
transform:translateY(-3px);
}
@media(max-width:1100px){
.templates-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.website-templates{
padding:90px 20px;
}
.templates-header h2{
font-size:38px;
}
.templates-header p{
font-size:16px;
}
.templates-grid{
grid-template-columns:1fr;
}
.template-content{
padding:28px;
}
.template-content h3{
font-size:24px;
}
.template-footer{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
.template-footer a{
width:100%;
text-align:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-495e018 *//*=========================================
MARKETING RESOURCES
=========================================*/
.marketing-resources{
position:relative;
padding:120px 6%;
background:#050b17;
}
.resources-header{
max-width:850px;
margin:0 auto 70px;
text-align:center;
}
.resources-tag{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}
.resources-header h2{
color:#fff;
font-size:52px;
font-weight:800;
margin-bottom:20px;
}
.resources-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.9;
}
.resources-grid{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.resource-card{
padding:40px;
border-radius:28px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
transition:.35s;
}
.resource-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:0 25px 60px rgba(125,60,255,.18);
}
.resource-card.featured{
border-color:#7d3cff;
background:
linear-gradient(
180deg,
rgba(125,60,255,.15),
rgba(255,255,255,.05));
}
.resource-icon{
width:70px;
height:70px;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
margin-bottom:24px;
background:
linear-gradient(135deg,#7d3cff,#ff00cc);
}
.resource-category{
color:#b86cff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
.resource-card h3{
color:#fff;
font-size:28px;
margin:18px 0;
}
.resource-card p{
color:#b8bfd2;
line-height:1.9;
margin-bottom:30px;
}
.resource-card a{
color:#dcb6ff;
font-weight:600;
text-decoration:none;
}
.resource-card a:hover{
color:#fff;
}
@media(max-width:1100px){
.resources-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.marketing-resources{
padding:90px 20px;
}
.resources-header h2{
font-size:38px;
}
.resources-header p{
font-size:16px;
}
.resources-grid{
grid-template-columns:1fr;
}
.resource-card{
padding:30px;
}
.resource-card h3{
font-size:24px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89218b4 *//*=========================================
AI & AUTOMATION ASSETS
=========================================*/
.ai-assets{
position:relative;
padding:120px 6%;
background:linear-gradient(180deg,#081320,#050b17);
overflow:hidden;
}
.ai-assets::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top right,
rgba(125,60,255,.12),
transparent 35%),
radial-gradient(circle at bottom left,
rgba(255,0,204,.08),
transparent 35%);
pointer-events:none;
}
.ai-header{
position:relative;
z-index:2;
max-width:850px;
margin:0 auto 70px;
text-align:center;
}
.ai-tag{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}
.ai-header h2{
color:#fff;
font-size:52px;
font-weight:800;
margin-bottom:20px;
}
.ai-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.9;
}
.ai-grid{
position:relative;
z-index:2;
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.ai-card{
padding:40px;
border-radius:28px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
transition:.35s;
}
.ai-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:0 25px 60px rgba(125,60,255,.18);
}
.ai-card.featured{
border-color:#7d3cff;
background:
linear-gradient(
180deg,
rgba(125,60,255,.15),
rgba(255,255,255,.05));
}
.ai-icon{
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
border-radius:20px;
margin-bottom:24px;
font-size:32px;
background:linear-gradient(135deg,#7d3cff,#ff00cc);
}
.ai-category{
color:#b86cff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
.ai-card h3{
color:#fff;
font-size:28px;
margin:18px 0;
}
.ai-card p{
color:#b8bfd2;
line-height:1.9;
margin-bottom:30px;
}
.ai-card a{
color:#dcb6ff;
font-weight:600;
text-decoration:none;
}
.ai-card a:hover{
color:#fff;
}
@media(max-width:1100px){
.ai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.ai-assets{
padding:90px 20px;
}
.ai-header h2{
font-size:38px;
}
.ai-header p{
font-size:16px;
}
.ai-grid{
grid-template-columns:1fr;
}
.ai-card{
padding:30px;
}
.ai-card h3{
font-size:24px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8982340 *//*=========================================
WORDPRESS PLUGINS
=========================================*/
.wp-plugins{
position:relative;
padding:120px 6%;
background:#050b17;
overflow:hidden;
}
.wp-plugins::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top left,rgba(125,60,255,.12),transparent 35%),
radial-gradient(circle at bottom right,rgba(255,0,204,.08),transparent 35%);
pointer-events:none;
}
.plugins-header{
position:relative;
z-index:2;
max-width:850px;
margin:0 auto 70px;
text-align:center;
}
.plugins-tag{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}
.plugins-header h2{
color:#fff;
font-size:52px;
font-weight:800;
margin-bottom:20px;
}
.plugins-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.9;
}
.plugins-grid{
position:relative;
z-index:2;
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.plugin-card{
padding:40px;
border-radius:28px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
transition:.35s;
}
.plugin-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:0 25px 60px rgba(125,60,255,.18);
}
.plugin-card.featured{
border-color:#7d3cff;
background:
linear-gradient(
180deg,
rgba(125,60,255,.15),
rgba(255,255,255,.05));
}
.plugin-icon{
width:72px;
height:72px;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
font-size:34px;
background:linear-gradient(135deg,#7d3cff,#ff00cc);
}
.plugin-category{
color:#b86cff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
.plugin-card h3{
color:#fff;
font-size:28px;
margin:18px 0;
}
.plugin-card p{
color:#b8bfd2;
line-height:1.9;
margin-bottom:30px;
}
.plugin-card a{
color:#dcb6ff;
font-weight:600;
text-decoration:none;
}
.plugin-card a:hover{
color:#fff;
}
@media(max-width:1100px){
.plugins-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.wp-plugins{
padding:90px 20px;
}
.plugins-header h2{
font-size:38px;
}
.plugins-header p{
font-size:16px;
}
.plugins-grid{
grid-template-columns:1fr;
}
.plugin-card{
padding:30px;
}
.plugin-card h3{
font-size:24px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5633baa *//*=========================================
BUSINESS RESOURCES
=========================================*/
.digital-downloads{
position:relative;
padding:120px 6%;
background:linear-gradient(180deg,#081320,#050b17);
}
.downloads-header{
max-width:850px;
margin:0 auto 70px;
text-align:center;
}
.downloads-tag{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}
.downloads-header h2{
color:#fff;
font-size:52px;
font-weight:800;
margin-bottom:20px;
}
.downloads-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.9;
}
.downloads-grid{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.download-card{
padding:40px;
border-radius:28px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
transition:.35s;
}
.download-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:0 25px 60px rgba(125,60,255,.18);
}
.download-card.featured{
border-color:#7d3cff;
background:
linear-gradient(
180deg,
rgba(125,60,255,.15),
rgba(255,255,255,.05));
}
.download-icon{
width:72px;
height:72px;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
font-size:34px;
background:linear-gradient(135deg,#7d3cff,#ff00cc);
}
.download-category{
color:#b86cff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
.download-card h3{
color:#fff;
font-size:28px;
margin:18px 0;
}
.download-card p{
color:#b8bfd2;
line-height:1.9;
margin-bottom:30px;
}
.download-card a{
color:#dcb6ff;
text-decoration:none;
font-weight:600;
}
.download-card a:hover{
color:#fff;
}
@media(max-width:1100px){
.downloads-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.digital-downloads{
padding:90px 20px;
}
.downloads-header h2{
font-size:38px;
}
.downloads-header p{
font-size:16px;
}
.downloads-grid{
grid-template-columns:1fr;
}
.download-card{
padding:30px;
}
.download-card h3{
font-size:24px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e931138 *//*=========================================
WHY CHOOSE CHICAIM MARKETPLACE
=========================================*/
.marketplace-benefits{
position:relative;
padding:120px 6%;
background:#050b17;
overflow:hidden;
}
.marketplace-benefits::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top left,
rgba(125,60,255,.12),
transparent 35%),
radial-gradient(circle at bottom right,
rgba(255,0,204,.08),
transparent 35%);
pointer-events:none;
}
.benefits-header{
position:relative;
z-index:2;
max-width:850px;
margin:0 auto 70px;
text-align:center;
}
.benefits-tag{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}
.benefits-header h2{
color:#fff;
font-size:52px;
font-weight:800;
line-height:1.2;
margin-bottom:20px;
}
.benefits-header p{
color:#b8bfd2;
font-size:18px;
line-height:1.9;
}
.benefits-grid{
position:relative;
z-index:2;
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.benefit-card{
padding:40px;
border-radius:28px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
transition:all .35s ease;
}
.benefit-card:hover{
transform:translateY(-10px);
border-color:#7d3cff;
box-shadow:0 25px 60px rgba(125,60,255,.18);
}
.benefit-card.featured{
border-color:#7d3cff;
background:
linear-gradient(
180deg,
rgba(125,60,255,.16),
rgba(255,255,255,.05)
);
}
.benefit-icon{
width:72px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
border-radius:20px;
font-size:34px;
background:
linear-gradient(
135deg,
#7d3cff,
#ff00cc
);
box-shadow:
0 15px 35px rgba(125,60,255,.35);
}
.benefit-card h3{
color:#fff;
font-size:28px;
font-weight:700;
margin-bottom:18px;
}
.benefit-card p{
color:#b8bfd2;
font-size:16px;
line-height:1.9;
}
/*=========================
Responsive
==========================*/
@media(max-width:1100px){
.benefits-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.marketplace-benefits{
padding:90px 20px;
}
.benefits-header{
margin-bottom:50px;
}
.benefits-header h2{
font-size:38px;
}
.benefits-header p{
font-size:16px;
}
.benefits-grid{
grid-template-columns:1fr;
gap:24px;
}
.benefit-card{
padding:30px;
}
.benefit-card h3{
font-size:24px;
}
.benefit-icon{
width:64px;
height:64px;
font-size:30px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb62116 *//*=========================================
MARKETPLACE FAQ
=========================================*/
.marketplace-faq {
position: relative;
padding: 120px 6%;
background:
radial-gradient(circle at top left, rgba(125,60,255,.12), transparent 45%),
linear-gradient(180deg, #081320, #050b17);
overflow: hidden;
}
.marketplace-faq::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,.02), transparent 60%);
pointer-events: none;
}
.faq-header {
position: relative;
z-index: 2;
max-width: 850px;
margin: 0 auto 70px;
text-align: center;
}
.faq-tag {
display: inline-block;
padding: 10px 22px;
border-radius: 40px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.08);
color: #b86cff;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 20px;
}
.faq-header h2 {
color: #fff;
font-size: 52px;
line-height: 1.15;
font-weight: 800;
margin-bottom: 20px;
}
.faq-header p {
color: #b8bfd2;
font-size: 18px;
line-height: 1.8;
}
.faq-wrapper {
position: relative;
z-index: 2;
max-width: 1080px;
margin: auto;
}
/* BASE CARD - Dark Glass */
.faq-item {
position: relative;
margin-bottom: 20px;
border-radius: 24px;
overflow: hidden;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
backdrop-filter: blur(18px);
box-shadow: 0 10px 30px rgba(0,0,0,.20), 0 25px 70px rgba(0,0,0,.22) !important;
transition: all .35s ease;
}
.faq-item::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,.04), transparent 60%);
pointer-events: none;
}
/* 5. SMOOTHER HOVER EFFECT */
.faq-item:hover {
transform: translateY(-6px);
border-color: rgba(125,60,255,.35) !important;
box-shadow:
0 20px 50px rgba(125,60,255,.10),
0 30px 80px rgba(0,0,0,.35) !important;
}
/* 3. ACTIVE CARD WITH RICH GLOW GRADIENT */
.faq-item.active {
border-color: #8d34ff !important;
background: linear-gradient(180deg, rgba(125,60,255,.10), rgba(255,255,255,.04)) !important;
box-shadow:
0 0 0 1px rgba(141,52,255,.18),
0 18px 60px rgba(125,60,255,.15),
0 35px 80px rgba(0,0,0,.45) !important;
}
/* QUESTION BUTTON OVERRIDES */
.faq-question {
width: 100%;
padding: 30px 34px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 25px;
background: transparent !important;
border: none !important;
outline: none !important;
cursor: pointer;
color: #fff !important;
font-size: 21px;
font-weight: 700;
text-align: left;
box-shadow: none !important;
}
.faq-question:hover,
.faq-question:focus,
.faq-question:active,
.faq-question:focus-visible {
background: transparent !important;
color: #fff !important;
outline: none !important;
box-shadow: none !important;
}
/* 4. SMOOTHER ICON TRANSITION (+ to ×) */
.faq-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(125,60,255,.15) !important;
border: 1px solid rgba(125,60,255,.3);
color: #b86cff;
font-size: 24px;
flex-shrink: 0;
transition:
transform .35s ease,
background .35s ease,
box-shadow .35s ease,
color .35s ease;
}
.faq-item.active .faq-icon {
transform: rotate(135deg) scale(1.08);
background: rgba(141,52,255,0.25) !important;
color: #dcb6ff;
box-shadow: 0 0 20px rgba(141,52,255,.35);
}
/* 1. SMOOTH ACCORDION & PADDING TRANSITIONS */
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height .45s ease, padding .35s ease;
}
.faq-answer p {
padding: 0 34px 0;
color: #b8bfd2;
line-height: 1.9;
font-size: 16px;
transition: padding .35s ease;
}
.faq-item.active .faq-answer p {
padding: 0 34px 34px;
}
/* MOBILE RESPONSIVE TWEAKS */
@media(max-width:768px) {
.marketplace-faq {
padding: 90px 20px;
}
.faq-header h2 {
font-size: 38px;
}
.faq-header p {
font-size: 16px;
}
.faq-question {
padding: 24px;
font-size: 18px;
}
.faq-answer p {
padding: 0 24px 0;
font-size: 15px;
}
.faq-item.active .faq-answer p {
padding: 0 24px 24px;
}
.faq-icon {
width: 36px;
height: 36px;
font-size: 20px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a31db26 *//*=========================================
MARKETPLACE CTA
=========================================*/
.marketplace-cta{
position:relative;
padding:140px 6%;
background:
radial-gradient(circle at top center,
rgba(125,60,255,.18),
transparent 45%),
linear-gradient(180deg,#081320,#050b17);
overflow:hidden;
}
.marketplace-cta::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at bottom right,
rgba(255,0,204,.10),
transparent 35%);
pointer-events:none;
}
.marketplace-cta-container{
position:relative;
z-index:2;
max-width:950px;
margin:auto;
text-align:center;
padding:70px;
border-radius:32px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(20px);
box-shadow:
0 25px 70px rgba(0,0,0,.35),
0 0 80px rgba(125,60,255,.08);
}
.marketplace-cta-tag{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(125,60,255,.12);
border:1px solid rgba(125,60,255,.25);
color:#c992ff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:24px;
}
.marketplace-cta h2{
color:#fff;
font-size:56px;
line-height:1.15;
font-weight:800;
margin-bottom:24px;
}
.marketplace-cta p{
max-width:760px;
margin:0 auto 45px;
color:#b8bfd2;
font-size:18px;
line-height:1.9;
}
.marketplace-cta-buttons{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}
.marketplace-cta-buttons a{
text-decoration:none;
padding:18px 34px;
border-radius:50px;
font-weight:700;
transition:.35s;
}
.marketplace-cta .btn-primary{
background:linear-gradient(135deg,#7d3cff,#ff00cc);
color:#fff;
box-shadow:0 15px 40px rgba(125,60,255,.35);
}
.marketplace-cta .btn-primary:hover{
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(125,60,255,.45);
}
.marketplace-cta .btn-secondary{
color:#fff;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.12);
}
.marketplace-cta .btn-secondary:hover{
background:rgba(255,255,255,.09);
border-color:#7d3cff;
transform:translateY(-4px);
}
@media(max-width:768px){
.marketplace-cta{
padding:90px 20px;
}
.marketplace-cta-container{
padding:45px 28px;
}
.marketplace-cta h2{
font-size:38px;
}
.marketplace-cta p{
font-size:16px;
}
.marketplace-cta-buttons{
flex-direction:column;
}
.marketplace-cta-buttons a{
width:100%;
}
}/* End custom CSS */