a {
    text-decoration: none;
}


.subheader {
    background-image: url('assets/img/bg.jpeg'); /* Replace with your image's path */
    background-size: cover; /* Ensures the image covers the entire section */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from tiling */
    width: 100%; /* Makes the section span the full width */
    height: 100vh; /* Sets the height to 100% of the viewport */
    display: flex; /* For aligning content */
    flex-direction: column; /* Stacks content vertically */
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally */
    color: white; /* Makes text readable on a dark background */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); /* Adds shadow for better text contrast */

}

.bg-custom {
    background-image: url('assets/img/bg.jpeg');
    background-size: cover;
    background-position: center;
    color: white;
}

/* Lighten the input background for subtlety */
.form-control-dark {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border: none;
}

.form-control-dark::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.flip-card-container {
    perspective: 1000px;
    cursor: pointer;
    height: 100%;
}

.flip-card-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.flip-card {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    display: grid;
}

.flip-card-container.flip .flip-card {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    backface-visibility: hidden;
    grid-area: 1 / 1 / 2 / 2; /* Stack front and back */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.flip-card-front {
    position: relative;
}

.info-circle {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 25px;
    height: 25px;
    border-radius: 30%;
}

/* Center content inside card-body within flip cards */
.flip-card-front .card-body,
.flip-card-back .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.led-light {
    /*position: absolute;*/
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.info-circle {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 25px;
    height: 25px;
    border-radius: 30%;
}