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

        html{
            scroll-behavior:smooth;
        }

        body{
            font-family:'Poppins',sans-serif;
            background:#081120;
            color:#fff;
            overflow-x:hidden;
        }

        a{
            text-decoration:none;
        }

        /* ================= PAGE BANNER ================= */

        .page-banner{
            padding:190px 0 120px;
            background:linear-gradient(135deg,#081120,#0f172a,#12284d);
            text-align:center;
            position:relative;
            overflow:hidden;
        }

        .page-banner::before{
            content:'';
            position:absolute;
            width:650px;
            height:650px;
            background:#00d4ff;
            filter:blur(220px);
            opacity:0.12;
            top:-120px;
            right:-120px;
        }

        .page-banner::after{
            content:'';
            position:absolute;
            width:450px;
            height:450px;
            background:#2563eb;
            filter:blur(200px);
            opacity:0.08;
            bottom:-120px;
            left:-120px;
        }

        .page-banner h1{
            font-size:72px;
            font-weight:800;
            margin-bottom:20px;
            position:relative;
            z-index:2;
        }

        .page-banner p{
            max-width:760px;
            margin:auto;
            color:#cbd5e1;
            line-height:1.9;
            font-size:18px;
            position:relative;
            z-index:2;
        }

        /* ================= SECTION ================= */

        section{
            padding:110px 0;
            position:relative;
        }

        .section-title{
            text-align:center;
            margin-bottom:70px;
        }

        .section-title h2{
            font-size:52px;
            font-weight:800;
            margin-bottom:20px;
        }

        .section-title p{
            color:#cbd5e1;
            max-width:760px;
            margin:auto;
            line-height:1.9;
        }

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


    .services-section{
    
        position: relative;
    
    }
    
    /* CARD */
    
    .service-card{

    background: linear-gradient(
        180deg,
        #0b1730 0%,
        #071326 100%
    );

    border-radius: 28px;

    padding: 35px;

    border: 1px solid rgba(255,255,255,0.06);

    transition: 0.4s ease;

    position: relative;

    overflow: hidden;

    width: 100%;

    display: flex;

    flex-direction: column;

    height: 100%;

    text-align: center;

    align-items: center;

}
    
    .service-card:hover{
    
        transform: translateY(-10px);
    
        border-color: rgba(0,212,255,0.4);
    
        box-shadow: 0 20px 60px rgba(0,212,255,0.12);
    
    }
    
    /* ICON */
    
    .service-icon{
    
        width: 90px;
    
        height: 90px;
    
        background: linear-gradient(
            135deg,
            #00d4ff,
            #00a8ff
        );
    
        border-radius: 24px;
    
        display: flex;
    
        align-items: center;
    
        justify-content: center;
    
        margin-bottom: 28px;
    
    }
    
    .service-icon img{
    
        width: 50px;
    
        height: 50px;
    
        object-fit: contain;
    
    }
    
    /* TITLE */
    
    .service-card h4{
    
        color: #fff;
    
        font-size: 25px;
    
        font-weight: 700;
    
        margin-bottom: 20px;
    
        line-height: 1.3;
    
    }
    
    /* DESCRIPTION */
    
    .service-description{
    
        color: #d3dce7;
    
        font-size: 14px;
    
        line-height: 1.8;
    
        margin-bottom: 25px;
        
        text-align:center;
    
    }
    
    /* FEATURES */
    
    .service-features{
    
        list-style: none;
    
        padding: 0;
    
        margin: 0 0 25px 0;
    
    }
    
    .service-features li{
    
        color: #dbe4ef;
    
        margin-bottom: 14px;
    
        display: flex;
    
        align-items: center;
    
        gap: 12px;
    
        font-size: 14px;
    
    }
    
    .service-features li i{
    
        color: #00d4ff;
    
        font-size: 14px;
    
    }
    
    /* PRICE */
    
    .service-price{
    
        font-size: 42px;
    
        font-weight: 800;
    
        color: #00d4ff;
    
        margin-bottom: 28px;
    
    }
    
    /* BUTTON */
    
    .btn-service{
    
        display: inline-flex;
    
        align-items: center;
    
        justify-content: center;
    
        background: linear-gradient(
            135deg,
            #00d4ff,
            #00a8ff
        );
    
        color: #000;
    
        font-weight: 700;
    
        font-size: 16px;
    
        padding: 15px 34px;
    
        border-radius: 60px;
    
        text-decoration: none;
    
        transition: 0.3s ease;
        
        margin-top: auto;

    
    }
    
    .btn-service:hover{
    
        color: #000;
    
        transform: translateY(-3px);
    
    }
    
            /* ================= PROCESS ================= */
    
            .process-card{
                background:#111827;
                padding:45px 35px;
                border-radius:30px;
                text-align:center;
                transition:0.4s;
                height:100%;
            }
    
            .process-card:hover{
                transform:translateY(-12px);
                border:1px solid #00d4ff;
            }
    
            .process-number{
                width:90px;
                height:90px;
                background:#00d4ff;
                color:#000;
                border-radius:50%;
                display:flex;
                align-items:center;
                justify-content:center;
                font-size:34px;
                font-weight:800;
                margin:auto;
                margin-bottom:30px;
            }
    
            .process-card h4{
                font-weight:700;
                margin-bottom:18px;
            }
    
            .process-card p{
                color:#cbd5e1;
                line-height:1.9;
            }
    
            /* =========================================================
   COUNTERS
========================================================= */

.counter-box{
    background:#0f172a;
    border-radius:24px;
    padding:30px 24px;
    text-align:center;
    border:1px solid rgba(255,255,255,0.05);
    transition:0.3s ease;
    height:100%;
}

.counter-box:hover{
    transform:translateY(-5px);
    border-color:rgba(0,212,255,0.20);
}

.counter-icon{
    width:68px;
    height:68px;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        #00d4ff,
        #2563eb
    );

    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
}

.counter-icon i{
    font-size:24px;
}

.counter-box h3{
    font-size:38px;
    font-weight:800;
    color:#00d4ff;
    margin-bottom:8px;
}

.counter-box p{
    color:#cbd5e1;
    font-size:15px;
}

        /* ================= WHY CHOOSE ================= */

        .why-box{
            background:#111827;
            border-radius:30px;
            padding:40px;
            transition:0.4s;
            height:100%;
        }

        .why-box:hover{
            transform:translateY(-10px);
            border:1px solid #00d4ff;
        }

        .why-icon{

            width:80px;
        
            height:80px;
        
            background:#00d4ff;
        
            border-radius:22px;
        
            display:flex;
        
            align-items:center;
        
            justify-content:center;
        
            font-size:34px;
        
            color:#000;
        
            margin-bottom:25px;
        
            margin-left:auto;
        
            margin-right:auto;
        
        }

        .why-box h4{
            font-weight:700;
            margin-bottom:18px;
            text-align:center;
        }

        .why-box p{
            color:#cbd5e1;
            line-height:1.9;
            text-align:center;
        }

        /* =========================================================
   CTA MAIN SECTION
========================================================= */

.cta-main-section{
    position:relative;
}

.cta-box{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:65px 30px;
    text-align:center;

    background:linear-gradient(
        135deg,
        #14d8ff,
        #2d6cff
    );
}

/* GLOW */

.cta-box::before{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(255,255,255,0.16);
    border-radius:50%;
    top:-140px;
    right:-100px;
    filter:blur(40px);
}

.cta-content{
    position:relative;
    z-index:2;
}

/* =========================================================
   TITLE
========================================================= */

.cta-content h2{
    font-size:50px;
    font-weight:800;
    line-height:1.2;
    color:#000000;
    margin-bottom:22px;
}

/* =========================================================
   TEXT
========================================================= */

.cta-content p{
    font-size:18px;
    line-height:1.8;
    color:#081120;
    max-width:900px;
    margin:0 auto 36px;
}

/* =========================================================
   BUTTON
========================================================= */

.cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#000000;
    color:#ffffff;
    text-decoration:none;

    min-width:240px;
    height:68px;

    border-radius:50px;

    font-size:22px;
    font-weight:700;

    transition:0.3s ease;
}

.cta-btn:hover{
    transform:translateY(-3px);
    color:#ffffff;
    box-shadow:0 16px 30px rgba(0,0,0,0.25);
}

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

        @media(max-width:991px){

            .page-banner h1{
                font-size:50px;
            }

            .section-title h2{
                font-size:40px;
            }
            
            .service-card{

                padding: 35px 28px;

            }

            .service-card h4{

                font-size: 32px;

            }
            
            .cta-box{
        padding:55px 26px;
    }

    .cta-content h2{
        font-size:42px;
    }

    .cta-content p{
        font-size:17px;
    }

    .cta-btn{
        min-width:220px;
        height:62px;
        font-size:20px;
    }

        }
        
        
        @media(max-width:768px){

        .service-card{
    
            padding: 30px 25px;
    
        }
    
        .service-card h4{
    
            font-size: 28px;
    
        }
    
        .service-price{
    
            font-size: 40px;
    
        }
        
        .counter-box{
            padding:26px 20px;
        }
    
        .counter-box h3{
            font-size:32px;
        }
        
        .cta-box{
        padding:45px 22px;
        border-radius:26px;
    }

    .cta-content h2{
        font-size:28px;
        margin-bottom:18px;
    }

    .cta-content p{
        font-size:15px;
        line-height:1.8;
        margin-bottom:26px;
    }

    .cta-btn{
        width:100%;
        min-width:100%;
        height:56px;
        font-size:17px;
        border-radius:16px;
    }

    }

        @media(max-width:576px){

            .page-banner{
                padding:170px 0 100px;
            }

            .page-banner h1{
                font-size:38px;
            }

            .section-title h2{
                font-size:34px;
            }
            
            .counter-icon{
                width:60px;
                height:60px;
            }
        
            .counter-icon i{
                font-size:22px;
            }
        
            .counter-box h3{
                font-size:28px;
            }

            .cta-content h2{
        font-size:28px;
    }

    .cta-content p{
        font-size:14px;
    }

        }