@import './_student1.css';
@import './_projectLayout.css';
/* Universal Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bg-red {
    background-color: #840000;
}

.text-gold {
    color: #ac840d;
}

.navbar-nav .nav-link.text-gold.active {
    color: #ac840d !important;
    font-weight: bold;
}

.white-text {
    color: white;
}

.title-text{
    color: #ac840d;
}

/* Fixed Scroll-to-Top Button */
.top-button {
    position: fixed;
    bottom: 20px; /* Distance from the bottom of the page */
    right: 20px; /* Distance from the right side of the page */
    z-index: 1000; /* Ensure it stays above other elements */
    padding: 10px 15px;
    border-radius: 50%; /* Make it circular */
    background-color: #840000; /* Match your theme color */
    color: white;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.top-button:hover {
    background-color: #ac840d; /* Change color on hover */
    color: white;
    transform: scale(1.1); /* Slightly enlarge on hover */
}

.round{
    border-radius: 10px;
}

.round-right {
    border-top-right-radius: 10px; /* Round the top-right corner */
    border-bottom-right-radius: 10px; /* Round the bottom-right corner */
}

.round-left {
    border-top-left-radius: 10px; /* Round the top-left corner */
    border-bottom-left-radius: 10px; /* Round the bottom-left corner */
}

.card-img-fixed {
    width: 100%; /* Make the image take the full width of the card */
    height: 500px; /* Set a fixed height for all images */
    object-fit: cover; /* Ensure the image scales properly without distortion */
    object-position: center; /* Center the image within the container */
}

.footer-icons i:hover {
    color: #ac840d; /* Change color on hover */
    transform: scale(1.1); /* Slightly enlarge on hover */
}

.cv-bttn:hover{
    background-color: #ac840d !important; /* Change color on hover */
    transform: scale(1.1); /* Slightly enlarge on hover */
}

.carousel-inner img {
    width: 100%; /* Make the image take the full width of the carousel */
    height: 600px; /* Set a fixed height for all images */
    object-fit: cover; /* Ensure the image scales properly without distortion */
    object-position: center; /* Center the image within the container */
}

/* Hide the top-button on small screens */
@media (max-width: 576px) {
    .top-button {
        display: none;
    }

    .diss-small {
        display: none;
    }

    iframe{
        height: 400px; 
    }
}