.brand-logo{
        font-size:24px;
        letter-spacing:.5px;
    }

    .brand-main{
        font-size:34px;
        font-weight:800;
        color:#d6b26a;   /* accent cream gold */
    }

    .brand-rest{
        font-size: 12px;
        font-weight:300;
        color:#ffffff;
    }


    html {
    scroll-behavior: smooth;
    }

    body {
    padding-top: 80px;
    background: #f6f1e7;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    }

    /* Navbar */
    .navbar {
    background: #0b0b0b !important;
    }

    /* Hero typing cursor */
    #typeText {
    border-right: 3px solid #d6b26a;
    padding-right: 6px;
    animation: blink 0.8s infinite;
    }

    @keyframes blink {
    50% { border-color: transparent; }
    }

    /* Tech badges */
    .tech span {
    background: #0b0b0b;
    color: #fff;
    padding: 8px 14px;
    border-radius: 20px;
    margin: 6px;
    display: inline-block;
    }

    /* Cards */
   .card, .tech-card {
        background: #ffffff;
    }

    .tech-card{
        padding: 10px;
        background: rgba(255,255,255,0.6);   /* light cream glass look */
        backdrop-filter: blur(4px);
        border-radius:12px;
        box-shadow:0 8px 22px rgba(0,0,0,.08);
    }

    .card{
        background: rgba(255,255,255,0.85);
        border-radius:12px;
        box-shadow:0 8px 22px rgba(0,0,0,.08);
    }



    /* Animated border */
    .tech-card::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:12px;
    border:1px solid #0b0b0b;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform 1.2s ease;
    pointer-events:none;
    }

    .tech-card.active::after {
    transform:scaleX(1);
    }

    /* Icons */
    .service-icon,
    .tech-icon {
    color:#0b0b0b;
    }

    /* Hover highlight */
    .card:hover .service-icon {
    color:#d6b26a;
    transform:scale(1.15);
    }

    /* Process bar */

    .process-wrapper{
        max-width:900px;
        margin:auto;
    }

    .process-steps{
        display:flex;
        justify-content:space-between;
        font-weight:600;
        margin-bottom:14px;
    }

    .process-steps span{
        font-size:14px;
    }

    /* Bar */
   .process-bar{
        width:100%;
        height:12px;
        background:#e5e5e5;
        border-radius:30px;
        overflow:hidden;
        position:relative;
    }

    .process-fill{
        height:100%;
        width:0%;
        background: linear-gradient(90deg,#0b0b0b,#d6b26a);
        border-radius:30px;
        display:block;
        transition: width 1.8s ease-in-out;
    }



    /* Buttons */
    .mybtn {
    background:#643f18;
    color:#fff;
    border:none;
    transition:.3s ease;
    }

    .mybtn:hover {
    background:#d6b26a;
    color:#0b0b0b;
    box-shadow:0 6px 18px rgba(214,178,106,.45);
    transform:translateY(-2px);
    }

    /* Footer */
    /* Footer text polish */
    footer p,
    footer li{
        color:#cfcfcf;
    }

    footer h6{
        color:#ffffff;
    }

    .footer-brand{
        margin-bottom:10px;
    }

    a.footer-link{
        color: white;
        text-decoration: none;
    }

    

    /* Carousel images */
    .carousel-inner img {
    height:350px;
    object-fit:cover;
    }



/* Glass card effect */
.glass-card{
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(8px);
    border-radius:16px;
    transition:.3s ease;
}

.glass-card:hover{
    transform: translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

/* Step cards */
.step-card{
    background:#0b0b0b;
    color:#fff;
    border-radius:12px;
    font-weight:600;
    transition:.3s ease;
}

.step-card:hover{
    background:#d6b26a;
    color:#0b0b0b;
    transform:scale(1.05);
}

.form-control{
    background:#fff;
    border-radius:10px;
    border:1px solid #ccc;
    padding:12px;
}

.form-control:focus{
    border-color:#d6b26a;
    box-shadow:none;
}


.solution-slide{    
    border-radius:22px;
    padding:40px;    
    backdrop-filter: blur(4px);
}

.solution-title{
    font-weight:800;
    color:#0b0b0b;
    margin-bottom:15px;
}

.solution-slide p,
.solution-slide li{
    color:#333;
}

.solution-img{
    width:100%;
    max-width:420px;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

/* mobile spacing */
@media(max-width:768px){
    .solution-slide{
        text-align:center;
    }
}

.carousel-inner{
    border: 1px solid #0b0b0b;
    border-radius: 22px;
}