/*=================================================
Products Hero
=================================================*/

.products-hero{

    background:#071321;

    position:relative;

    overflow:hidden;

    padding:120px 0;

}

.hero-blur{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

}

.hero-blur-1{

    width:300px;

    height:300px;

    background:#06b6d4;

    top:-100px;

    left:-100px;

    opacity:.15;

}

.hero-blur-2{

    width:400px;

    height:400px;

    background:#2563eb;

    bottom:-150px;

    right:-100px;

    opacity:.15;

}

.hero-badge{

    display:inline-block;

    padding:8px 20px;

    border-radius:30px;

    background:rgba(34,211,238,.12);

    color:#22d3ee;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.products-hero h1{

    color:#fff;

    font-size:54px;

    font-weight:700;

    margin:25px 0;

    line-height:1.2;

}

.products-hero p{

    color:#a9bfd2;

    font-size:19px;

    line-height:1.9;

}

.hero-buttons{

    margin-top:35px;

}

.hero-buttons .btn{

    padding:14px 30px;

    margin-right:15px;

    border-radius:50px;

}

.hero-image{

    max-width:420px;

    animation:floatImage 5s ease-in-out infinite;

}

@keyframes floatImage{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

}

/*=================================================
Stats
=================================================*/

.product-stats{

    background:#081421;

    padding:60px 0;

}

.stat-box{

    background:#0d1d2d;

    padding:35px;

    border-radius:20px;

    border:1px solid rgba(34,211,238,.12);

    transition:.35s;

}

.stat-box:hover{

    transform:translateY(-8px);

    border-color:#22d3ee;

}

.stat-box h2{

    color:#22d3ee;

    font-size:42px;

    font-weight:700;

}

.stat-box span{

    color:#c8d6e4;

    font-size:16px;

}

.section-description {
    max-width: 850px;
    color: #041427;
    font-size: 18px;
    line-height: 1.8;
}

.section-descriptions {
    max-width: 850px;
    color: #0e2136;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    color: #c4d1e6;
}

/*==============================================
Products Cards
==============================================*/

.all-products-section{

background:#08131f;

}

.product-card{

background:#0d1d2d;

border:1px solid rgba(34,211,238,.12);

border-radius:24px;

padding:30px;

height:100%;

transition:.4s;

position:relative;

overflow:hidden;

}

.product-card:hover{

transform:translateY(-8px);

border-color:#22d3ee;

box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.product-card::before{

content:"";

position:absolute;

width:220px;

height:220px;

background:radial-gradient(

rgba(34,211,238,.15),

transparent

);

right:-120px;

top:-120px;

transition:.4s;

}

.product-card:hover::before{

transform:scale(1.5);

}

.product-image-box{

background:#071321;

border-radius:20px;

padding:20px;

display:flex;

align-items:center;

justify-content:center;

height:220px;

}

.product-image-box img{

max-height:170px;

transition:.4s;

}

.product-card:hover img{

transform:scale(1.08);

}

.product-category{

display:inline-block;

padding:6px 14px;

border-radius:20px;

background:rgba(34,211,238,.12);

color:#063036;

font-size:12px;

letter-spacing:1px;

margin-bottom:12px;

}

.product-card h3{

color:#ffffff;

font-weight:700;

margin-bottom:10px;

}

.product-card h6{

color:#22d3ee;

margin-bottom:15px;

}

.product-card p{

color:#b6c6d5;

line-height:1.8;

min-height:85px;

}

.feature-list{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-bottom:20px;

}

.feature-list span{

font-size:14px;

color:#dbe7f3;

}

.feature-list i{

color:#22d3ee;

margin-right:6px;

}

.product-tags{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-bottom:25px;

}

.product-tags span{

padding:7px 14px;

background:#122538;

border-radius:20px;

color:#9ee7ff;

font-size:13px;

border:1px solid rgba(34,211,238,.10);

}

.product-buttons{

display:flex;

gap:12px;

}

.product-buttons .btn{

border-radius:30px;

padding:10px 22px;

}

@media(max-width:768px){

.product-image-box{

margin-bottom:25px;

height:auto;

}

.product-card p{

min-height:auto;

}

.product-buttons{

flex-direction:column;

}

.product-buttons .btn{

width:100%;

}

}

/*=========================================
Why Products
=========================================*/

.why-products-section{

    background:#071321;

}

.advantage-card{

    background:#0d1d2d;

    border:1px solid rgba(34,211,238,.12);

    border-radius:24px;

    padding:35px;

    height:100%;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.advantage-card:hover{

    transform:translateY(-8px);

    border-color:#22d3ee;

    box-shadow:0 20px 40px rgba(0,0,0,.35);

}

.advantage-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    background:linear-gradient(135deg,#06b6d4,#2563eb);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.advantage-icon i{

    color:#fff;

    font-size:30px;

}

.advantage-card h4{

    color:#fff;

    margin-bottom:18px;

    font-weight:700;

}

.advantage-card p{

    color:#b8cad8;

    line-height:1.8;

    margin:0;

}