/* Navbar */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 1);
}

/* Anchor jump padding */
.anchor {
    display: block;
    height: 64px;
    margin-top: -64px;
    visibility: hidden;
}

/* Primary Parallax Background */
.parallax-container {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background: url('img/abstract.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

/* Overlay */
.parallax-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2); /* Dark overlay */
    z-index: 1;
}

/* Content */
.parallax-content {
    position: relative;
    z-index: 2;
    color: white;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

@media (max-width: 768px) {
    .parallax-container {
        background-attachment: scroll; /* Disable fixed background on small screens */
    }

    .parallax-content h1, .parallax-content p {
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .parallax-container {
        background-attachment: scroll; /* Disable fixed background on tablets */
        background-position: center top; /* Adjust position for portrait mode */
        background-size: cover; /* Ensure the image covers the container */
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .parallax-container {
        background-position: center center; /* Adjust position for landscape mode */
        background-size: cover; /* Ensure the image covers the container */
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .parallax-container {
        background-position: center top; /* iPad Pro 11-inch portrait */
        background-size: cover;
    }
}

@media (min-width: 1366px) and (max-width: 1668px) and (orientation: landscape) {
    .parallax-container {
        background-position: center center; /* iPad Pro 11-inch landscape */
        background-size: cover;
    }
}

@media (min-width: 1366px) and (max-width: 2048px) {
    .parallax-container {
        background-position: center top; /* iPad Pro 12.9-inch portrait */
        background-size: cover;
    }
}

@media (min-width: 2048px) and (max-width: 2732px) and (orientation: landscape) {
    .parallax-container {
        background-position: center center; /* iPad Pro 12.9-inch landscape */
        background-size: cover;
    }
}



/* Responsive layout for mobile devices */
@media (max-width: 768px) {
    body {
        font-size: 0.9em;
    }
    header, footer {
        padding: 10px;
        text-align: center;
    }
    .container {
        width: 100%;
        padding: 10px;
    }
    .service {
        margin-bottom: 20px;
    }
    h1, h2, h3 {
        font-size: 1.5em;
    }
    .card {
        width: 100%;
        box-shadow: none;
        margin: 10px 0;
    }
    .contact-info {
        font-size: 0.9em;
    }
    .navbar {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 480px) {
    h1, h2 {
        font-size: 1.2em;
    }
    .service p, .about p {
        font-size: 0.8em;
    }
}