:root{
    --primary:#2563eb;
    --secondary:#0f172a;
    --light:#f8fafc;
    --text:#334155;
}

body{
    font-family:'Cabin',sans-serif;
    color:var(--text);
    overflow-x:hidden;
}

.section-padding{
    padding:100px 0;
}

.section-title{
    font-size:3rem;
    font-weight:700;
    margin-bottom:20px;
}

.section-subtitle{
    max-width:700px;
    margin:auto;
    color:#64748b;
}

.about {
     background:
    linear-gradient(
    rgba(15,23,42,.85),
    rgba(15,23,42,.85)),
    url('../assets/images/cover.jpeg');

    background-size:cover;
    background-position:center;
}

.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    background:
    linear-gradient(
    rgba(15,23,42,.85),
    rgba(15,23,42,.85)),
    url('../images/cover.jpeg');

    background-size:cover;
    background-position:center;
    color:white;
}

.hero h1{
    font-size:4rem;
    font-weight:700;
}

.hero p{
    font-size:1.2rem;
}

.btn-main{
    background:var(--primary);
    color:white;
    border:none;
    padding:15px 35px;
    border-radius:50px;
}

.btn-main:hover{
    background:#1d4ed8;
    color:white;
}

.stat-card{
    background:white;
    padding:40px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 5px 30px rgba(0,0,0,.05);
}

.stat-card h2{
    color:var(--primary);
    font-size:3rem;
    font-weight:700;
}

.service-card{
    border:none;
    padding:30px;
    border-radius:20px;
    transition:.4s;
    height:100%;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 10px 40px rgba(0,0,0,.1);
}

.service-icon{
    font-size:3rem;
    color:var(--primary);
    margin-bottom:20px;
}

.project-card{
    overflow:hidden;
    border:none;
    border-radius:20px;
    box-shadow:0 5px 30px rgba(0,0,0,.08);
}

.project-card img{
    height:250px;
    object-fit:cover;
}

.erp-box{
    padding:25px;
    background:white;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
    text-align:center;
    margin-bottom:20px;
}

.testimonial-box{
    max-width:800px;
    margin:auto;
    text-align:center;
}

.testimonial-box img{
    width:100px;
    height:100px;
    border-radius:50%;
    object-fit:cover;
}

.contact-box{
    background:white;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.footer{
    background:#0f172a;
    color:white;
    padding:50px 0;
}

.navbar{
    padding:15px 0;
}

.navbar-brand{
    font-weight:700;
    font-size:1.5rem;
}

.img-fluid {
    padding: 0;
}

/* TESTIMONIALS */


.testimonial-img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #0d6efd;
    display: block;
    margin: 0 auto 15px;
}

.testimonial-avatar{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.testimonial-card{
    background:#fff;
    border-radius:15px;
    padding:30px;
    max-width:700px;
    margin:auto;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.testimonial-text{
    font-size:16px;
    line-height:1.7;
    color:#666;
}

.stars{
    color:#ffc107;
    font-size:20px;
}

.carousel-control-prev,
.carousel-control-next{
    width:50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color:#0d6efd;
    border-radius:50%;
    padding:20px;
}