.elementor-98813 .elementor-element.elementor-element-16184a0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a8208db */.mintopps-whitepaper-hub{
padding:120px 50px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at top right, rgba(244,124,32,.12), transparent 25%),
radial-gradient(circle at bottom left, rgba(139,195,74,.12), transparent 25%),
linear-gradient(180deg,#ffffff,#f8fbf8);
}

.hub-header{
text-align:center;
max-width:900px;
margin:0 auto 80px;
}

.hub-tag{
display:inline-block;
padding:10px 18px;
border-radius:50px;
background:linear-gradient(90deg,#f47c20,#8bc34a);
color:#fff;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:25px;
}

.hub-header h2{
font-size:72px;
font-weight:800;
line-height:1;
margin-bottom:25px;


background:linear-gradient(
90deg,
#111827,
#f47c20,
#8bc34a,
#111827
);

background-size:300% auto;

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

animation:gradientMove 8s linear infinite;


}

.hub-header p{
font-size:20px;
line-height:1.9;
color:#6b7280;
}

.whitepaper-card{
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
gap:50px;

padding:60px;

background:#fff;

border-radius:32px;

border:1px solid rgba(0,0,0,.06);

box-shadow:
0 25px 80px rgba(0,0,0,.08);

transition:.4s;

    
}

.whitepaper-card:hover{
transform:translateY(-10px);

box-shadow:
0 40px 100px rgba(0,0,0,.12);

}

.card-number{
font-size:110px;
font-weight:900;

background:linear-gradient(
180deg,
#f47c20,
#8bc34a
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

line-height:1;

}

.card-content{
flex:1;
}

.card-category{
display:inline-block;
margin-bottom:20px;

color:#f47c20;

font-weight:700;

text-transform:uppercase;

letter-spacing:1px;

}

.card-content h3{
font-size:42px;
line-height:1.25;
margin-bottom:20px;
color:#111827;
}

.card-content p{
font-size:18px;
line-height:1.9;
color:#6b7280;
margin-bottom:30px;
}

.hub-btn{
display:inline-block;

padding:18px 38px;

border-radius:14px;

text-decoration:none;

color:#fff !important;

font-weight:700;

background:linear-gradient(
90deg,
#f47c20,
#8bc34a
);

box-shadow:
0 15px 40px rgba(244,124,32,.25);

transition:.3s;


}

.hub-btn:hover{
transform:translateY(-3px);
}

@keyframes gradientMove{
to{
background-position:300% center;
}
}

@media(max-width:991px){

.whitepaper-card{
    flex-direction:column;
    text-align:center;
    padding:40px;
}

.card-number{
    font-size:70px;
}

.hub-header h2{
    font-size:48px;
}

.card-content h3{
    font-size:30px;
}


}

@media(max-width:768px){

.mintopps-whitepaper-hub{
    padding:80px 25px;
}

.hub-header h2{
    font-size:38px;
}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8208db */.mintopps-whitepaper-hub{
padding:120px 50px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at top right, rgba(244,124,32,.12), transparent 25%),
radial-gradient(circle at bottom left, rgba(139,195,74,.12), transparent 25%),
linear-gradient(180deg,#ffffff,#f8fbf8);
}

.hub-header{
text-align:center;
max-width:900px;
margin:0 auto 80px;
}

.hub-tag{
display:inline-block;
padding:10px 18px;
border-radius:50px;
background:linear-gradient(90deg,#f47c20,#8bc34a);
color:#fff;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:25px;
}

.hub-header h2{
font-size:72px;
font-weight:800;
line-height:1;
margin-bottom:25px;


background:linear-gradient(
90deg,
#111827,
#f47c20,
#8bc34a,
#111827
);

background-size:300% auto;

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

animation:gradientMove 8s linear infinite;


}

.hub-header p{
font-size:20px;
line-height:1.9;
color:#6b7280;
}

.whitepaper-card{
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
gap:50px;

padding:60px;

background:#fff;

border-radius:32px;

border:1px solid rgba(0,0,0,.06);

box-shadow:
0 25px 80px rgba(0,0,0,.08);

transition:.4s;

    
}

.whitepaper-card:hover{
transform:translateY(-10px);

box-shadow:
0 40px 100px rgba(0,0,0,.12);

}

.card-number{
font-size:110px;
font-weight:900;

background:linear-gradient(
180deg,
#f47c20,
#8bc34a
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

line-height:1;

}

.card-content{
flex:1;
}

.card-category{
display:inline-block;
margin-bottom:20px;

color:#f47c20;

font-weight:700;

text-transform:uppercase;

letter-spacing:1px;

}

.card-content h3{
font-size:42px;
line-height:1.25;
margin-bottom:20px;
color:#111827;
}

.card-content p{
font-size:18px;
line-height:1.9;
color:#6b7280;
margin-bottom:30px;
}

.hub-btn{
display:inline-block;

padding:18px 38px;

border-radius:14px;

text-decoration:none;

color:#fff !important;

font-weight:700;

background:linear-gradient(
90deg,
#f47c20,
#8bc34a
);

box-shadow:
0 15px 40px rgba(244,124,32,.25);

transition:.3s;


}

.hub-btn:hover{
transform:translateY(-3px);
}

@keyframes gradientMove{
to{
background-position:300% center;
}
}

@media(max-width:991px){

.whitepaper-card{
    flex-direction:column;
    text-align:center;
    padding:40px;
}

.card-number{
    font-size:70px;
}

.hub-header h2{
    font-size:48px;
}

.card-content h3{
    font-size:30px;
}


}

@media(max-width:768px){

.mintopps-whitepaper-hub{
    padding:80px 25px;
}

.hub-header h2{
    font-size:38px;
}


}/* End custom CSS */