*{
            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;
        }

        /* ================= 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:70px;
            font-weight:800;
            margin-bottom:20px;
            position:relative;
            z-index:2;
        }

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

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

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

        .section-title{
            margin-bottom:40px;
        }

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

        .section-title p{
            color:#cbd5e1;
            line-height:1.9;
        }

        /* ================= ABOUT ================= */

        .about-image{
            position:relative;
        }

        .about-image img{
            width:100%;
            border-radius:35px;
            box-shadow:0 30px 80px rgba(0,0,0,0.45);
        }

        .experience-badge{
            position:absolute;
            bottom:-30px;
            right:-20px;
            background:#00d4ff;
            color:#000;
            padding:30px;
            border-radius:25px;
            text-align:center;
            width:180px;
            box-shadow:0 20px 40px rgba(0,0,0,0.3);
        }

        .experience-badge h3{
            font-size:42px;
            font-weight:800;
            margin-bottom:5px;
        }

        .experience-badge p{
            margin:0;
            font-weight:600;
        }

        .about-list{
            list-style:none;
            padding:0;
            margin-top:30px;
        }

        .about-list li{
            margin-bottom:18px;
            color:#dbe4f0;
            font-size:13px;
        }

        .about-list li i{
            color:#00d4ff;
            margin-right:12px;
        }

        .btn-main{
            background:#00d4ff;
            color:#000;
            padding:16px 38px;
            border-radius:60px;
            display:inline-block;
            font-weight:700;
            transition:0.3s;
            margin-top:15px;
        }

        .btn-main:hover{
            background:#fff;
            transform:translateY(-4px);
        }

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

        .feature-card{
        background:#111827;
        border-radius:30px;
        padding:45px 35px;
        height:100%;
        transition:0.4s;
        position:relative;
        overflow:hidden;
        border:1px solid rgba(255,255,255,0.05);
    
        text-align:center;          /* ADD */
        display:flex;               /* ADD */
        flex-direction:column;      /* ADD */
        align-items:center;         /* ADD */
        }

        .feature-card::before{
            content:'';
            position:absolute;
            width:140px;
            height:140px;
            background:#00d4ff;
            filter:blur(100px);
            opacity:0.08;
            top:-30px;
            right:-30px;
        }

        .feature-card:hover{
            transform:translateY(-12px);
            border-color:#00d4ff;
            background:#172033;
        }

        .feature-icon{
            width:90px;
            height:90px;
            background:#00d4ff;
            border-radius:25px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:38px;
            color:#000;
            margin-bottom:30px;
        }

        .feature-card h4{
            font-size:24px;
            font-weight:700;
            margin-bottom:18px;
        }

        .feature-card p{
            color:#cbd5e1;
            line-height:1.9;
            max-width:320px;
            text-align:center;
        }

        /* ================= 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;
        }

        /* ================= TEAM ================= */

        .team-card{
            background:#111827;
            border-radius:30px;
            overflow:hidden;
            transition:0.4s;
            height:100%;
            max-width: 420px;
            margin:auto;
        }

        .team-card:hover{
            transform:translateY(-12px);
            border:1px solid #00d4ff;
        }

        .team-card img{
            width:100%;
            height:350px;
            object-fit:cover;
        }

        .team-content{
            padding:35px;
            text-align:center;
        }

        .team-content h4{
            font-weight:700;
            margin-bottom:8px;
        }

        .team-content p{
            color:#00d4ff;
            margin-bottom:20px;
        }

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

        /* =========================================================
           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:48px;
            }

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

            .about-image{
                margin-top:50px;
            }

            .experience-badge{
                right:20px;
            }
            
            .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:576px){

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

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

            .section-title h2{
                font-size:34px;
            }

            .experience-badge{
                width:150px;
                padding:20px;
                bottom:-20px;
            }

            .experience-badge h3{
                font-size:32px;
            }
            
            .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;
            }

        }