:root {
            --primary-color: #e92026;
            --accent-color: #198754;
             --link-unvisited-color: #e92026; /* Red for unvisited links */
  --link-visited-color: #e9202799;   /* Purple for visited links */
  --link-hover-color: #e9202799;     /* Orange on hover */
  --link-active-color: #e92026;  
        }

        body {
            background-color: #f4f7f6;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
     
    .btn-primary { background-color: #e92026 !important; border-color: #e92026 !important; }
    .btn-outline-primary { color: #e92026 !important; border-color: #e92026 !important; }
    .btn-outline-primary:hover { background-color: #e92026 !important; color: #fff !important; } 
       

        /* Ad Styles */
.ad-wrapper {
    width: 100%;
    max-width: 1200px; /* Your default width */
    height: 150px;     /* Your fixed height */
    margin: 20px auto;
    overflow: hidden;
    border-radius: 4px;
}

.ad-banner {
    width: 100%;
    height: 150px;     /* Force the image to this height */
    object-fit: contain; /* This prevents stretching by cropping the edges instead */
    object-position: center; /* Ensures the middle of the ad is visible */
    display: block;
}

/* Mobile Adjustment */
@media (max-width: 768px) {
    .ad-wrapper, .ad-banner {
        height: 100px; /* Optional: shrink height slightly for small screens so it doesn't take too much space */
    }
}


        .ad-square {
            width: 100%;
            aspect-ratio: 1/1;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: 0.3s;
            position: relative;
        }

        .ad-square:hover {
            transform: translateY(-5px);
        }

        .ad-label {
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            font-size: 10px;
            padding: 2px 8px;
            border-radius: 20px;
            z-index: 5;
        }

        /* Hero Section */
        .hero {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('heroimg.jpg?auto=format&fit=crop&w=1200&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 100px 0;
            border-radius: 0 0 30px 30px;
            margin-bottom: 40px;
        }

        /* Project Cards */
        .project-card {
            border: none;
            border-radius: 15px;
            overflow: hidden;
            transition: 0.3s;
        }

        .project-card:hover {
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }

        .img-zoom {
            overflow: hidden;
            height: 200px;
        }

        .img-zoom img {
            transition: 0.5s;
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        .project-card:hover img {
            transform: scale(1.1);
        }

        .whatsapp-fab {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #25d366;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            text-decoration: none;
        }
.site-btn {
  
  background-color: #e92026; /* Green background */
  border: none;             /* Remove default border */
  color: white;             /* White text color */
 
}

.site-btn:hover {
    border: none;             /* Remove default border */
  color: white; 
  background-color: #e9202799; /* Darker green on hover */
}
.site-link{
    color: #e92026;
}