body {
    font-family: 'Segoe UI', sans-serif;
    background-color: rgb(255, 255, 255);
}

.hero {
    background: linear-gradient(180deg, #f4f7fb, #ffffff);
}

.hero img {
    max-height: 400px;
    object-fit: cover;
}

.gallery {
    background: linear-gradient(180deg, #050b1c, #020818);
}


.contact-section {
    background: linear-gradient(180deg, #020818, #000);
}

.footer {
    background: #1e293b;
}


    .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.tagline-image {
    width: 100%;
    overflow: hidden;
}

.tagline-image img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
   
}

.contact-section {
    background: linear-gradient(180deg, #020818, #050b1c);
}


.tagline {
    background: linear-gradient(180deg, #e7f0ff, #f4f7fb);
    margin-bottom: -10px;
}

.about-section {
    background-color: #000000;
    border-top: 1px solid #e5e7eb;
    
}

.services-section {
    background-color: #f4f7fb;
}

.cta-section {
    background: linear-gradient(180deg, #020818, #000000);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
    color: white;
}

.faq-section {
    background-color: #ffffff;
}

.grayscale {
    filter: grayscale(100%);
    opacity: 0.75;
    transition: all 0.3s ease;
}

.grayscale:hover {
    filter: grayscale(0%);
    opacity: 1;
}


.card-img-top-1 {
    height: 300px!important;              /* Adjust if needed */
    object-fit:contain!important;        /* SHOW FULL IMAGE */
    background-color: #fff;     /* Clean padding space */
    padding: 15px;

}

.services-section .card {
    border-radius: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.services-section .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.services-section h3 {
    margin-bottom: 0.75rem;
}

.hero h1 {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
}