.service-right-card-items ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .service-right-card-items ul li {
                text-align: center;
            }

        .service-right-card-items .content p,
        .service-right-card-items .content h3 {
            text-align: center;
        }

            .service-right-card-items .content h3 a {
                word-break: break-all;
                overflow-wrap: break-word;
            }

        .center-logo {
            height: 100vh; /* Full page height */
            display: flex;
            justify-content: center; /* Horizontal center */
            align-items: center; /* Vertical center */
        }

        /* Dark Background (optional agar section dark hai to skip kar sakte ho) */
body {
    background: #070018;
}

/* Main Card */
.gt-feature-box-items {
    background: #0a0a1a;
    padding: 40px 30px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s ease-in-out;
}

/* Neon Border */
.gt-feature-box-items::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 2px;
    background: linear-gradient(90deg, #00f0ff, #8a2eff);

    -webkit-mask: 
        linear-gradient(#000 0 0) content-box, 
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    box-shadow: 
        0 0 20px #00f0ff,
        0 0 40px #8a2eff;

    z-index: -1;
}

/* Text Styling */
.gt-feature-box-items p {
    color: #00f0ff;
    letter-spacing: 2px;
    margin-top: 20px;
}

.gt-feature-box-items h3 {
    color: #ffffff;
    letter-spacing: 2px;
}

/* Optional Hover Glow */
.gt-feature-box-items:hover {
    box-shadow: 
        0 0 30px rgba(0,255,255,0.4),
        0 0 60px rgba(138,46,255,0.4);
}

/* Neon Card Style for About Section */
.about-image-items {
    background: #0a0a1a;
    padding: 60px 40px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
}

/* Neon Border */
.about-image-items::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 2px;
    background: linear-gradient(90deg, #00f0ff, #8a2eff);

    -webkit-mask: 
        linear-gradient(#000 0 0) content-box, 
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    box-shadow: 
        0 0 20px #00f0ff,
        0 0 40px #8a2eff;

    z-index: -1;
}

/* Text Styling */
.about-image-items p {
    color: #00f0ff;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.about-image-items h3 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    margin: 10px 0;
}

/* Optional Hover Glow */
.about-image-items:hover {
    box-shadow: 
        0 0 30px rgba(0,255,255,0.4),
        0 0 60px rgba(138,46,255,0.4);
    transition: 0.3s ease-in-out;
}
/* Remove default list style */
.service-right-card-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Each List Item Neon Card */
.service-right-card-items ul li {
    background: #0a0a1a;
    padding: 35px 25px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    z-index: 1;
}

/* Neon Border for Each LI */
.service-right-card-items ul li::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(90deg, #00f0ff, #8a2eff);

    -webkit-mask: 
        linear-gradient(#000 0 0) content-box, 
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    box-shadow: 
        0 0 15px #00f0ff,
        0 0 30px #8a2eff;

    z-index: -1;
}

/* Text Styling */
.service-right-card-items p {
    color: #00f0ff;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.service-right-card-items h3 a {
    color: #ffffff;
    word-break: break-all;
    text-decoration: none;
    font-size: 16px;
}

/* Hover Effect */
.service-right-card-items ul li:hover {
    box-shadow: 
        0 0 25px rgba(0,255,255,0.5),
        0 0 50px rgba(138,46,255,0.5);
    transition: 0.3s ease-in-out;
}

/* Pricing Neon Card */
.pricing-box-items {
    background: #0a0a1a;
    padding: 50px 40px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    transition: 0.3s ease-in-out;
}

/* Neon Border */
.pricing-box-items::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 2px;
    background: linear-gradient(90deg, #00f0ff, #8a2eff);

    -webkit-mask: 
        linear-gradient(#000 0 0) content-box, 
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    box-shadow: 
        0 0 20px #00f0ff,
        0 0 40px #8a2eff;

    z-index: -1;
}

/* Link Styling */
.pricing-box-items a {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.6;
    text-decoration: none;
    display: block;
}

/* Hover Glow Effect */
.pricing-box-items:hover {
    box-shadow: 
        0 0 30px rgba(0,255,255,0.4),
        0 0 60px rgba(138,46,255,0.4);
}

.header-main {
    display: flex;
    justify-content: center;  /* horizontal center */
    align-items: center;      /* vertical center (agar height di ho to) */
}

.logo {
    text-align: center;
}