/* Background Styles */
.bg-dark-gradient {
    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
}

.bg-project-gradient {
    background: url(../images/test02.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;

}

/* Project Card Styles */
.project-card {
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 500px;
    height: 100%; /* Adjust based on your layout */
}

/* Content within Project Card */
.content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-20%, -50%);
    width: 50%; /* Adjust based on the width you want for the text area */
    text-align: left;
    width: 100%; /* Full width on mobile */
    padding: 1rem; /* Add padding */
}

/* Carousel Controls */
.carousel-control-prev{
    justify-content: left;
}

.carousel-control-next{
    justify-content: right;
}

/* Background Styles */
.bg-project-gradient {
    background: url(../images/test02.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

/* Project Card Styles */
.project-card {
    position: relative;
    min-height: 500px;
    height: 100%; /* Adjust based on your layout */
}



/* Adjustments for screens between 770px and 990px */
@media (max-width: 990px) and (min-width: 770px) {
    .sekhmet {
        font-size: 4.0rem; /* Slightly decrease the font size */
    }

    .bg-project-gradient {
        background-position: 50% center; /* Center the image */
        background-size: cover; /* Ensure the image covers the container */
    }

    .content {
        width: 90%; /* Increase width to prevent text cropping */
        top: 45%; /* Adjust vertical alignment */
        transform: translate(-40%, -45%);
    }
}

/* Adjustments for screens 768px and wider */
@media (min-width: 768px) and (max-width: 991px) {
    .sekhmet {
        font-size: 4.0rem; /* Increase font size on larger screens */
    }
    .content {
        width: 75%; /* Reduce width on tablets and larger screens */
    }
}

/* Adjustments for screens 992px and wider */
@media (min-width: 992px) {
    .sekhmet {
        font-size: 4.0rem; /* Increase font size on larger screens */
    }

    .content {
        width: 50%; /* Reduce width on desktops */
    }
}

/* Adjustments for screens smaller than 768px */
@media (max-width: 768px) {
    .sekhmet {
        font-size: 4.0rem; /* Reduce the font size for smaller screens */
    }

    .bg-project-gradient {
        background-position: 35% center; /* Further shift the image to the left */
        background-size: cover; /* Ensure the image covers the container */
    }

    .content {
        text-align: center;
        top: 35%; /* Adjust the vertical alignment */
        transform: translate(-50%, -40%);
    }
}


@media (max-width: 400px) {
    .hidden-sm-down {
        display: none;
    }
}