@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');

.tolowercase {
    text-transform: lowercase;
}

.tocapitalize {
    text-transform: capitalize;
}

.font-montserrat{
    font-family: 'Montserrat', sans-serif !important;
}
.font-jost{
    font-family: 'Jost', sans-serif !important;
}

.font-josefin{
    font-family: 'Josefin Sans', sans-serif;
}

.primary-bg{
     background:linear-gradient(to right, rgba(18, 20, 40, 1),rgba(12, 3, 43, 0.9)) ;
}
body{
    background-color: rgba(1, 1, 15, 0.06) !important;
}
.text-primary{
    color: rgba(1, 1, 15, 0.06) !important;
}
.color{
    background-color: red;
}
html {
    scroll-behavior: smooth !important;
  }


.dropdown:hover > .dropdown-menu {
    display: block !important;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

/* Hero Section Styles */
.hero-section {
    position: relative;
    overflow: hidden;
}

.hero-image {
    height: 85vh;
    object-fit: cover;
    filter: brightness(0.7);
}

.carousel-caption {
    bottom: 20%;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

/* Announcement Section */
.announcement-section {
    background-color: #f0f0f0;
    padding: 10px 0;
}

.marquee-container {
    white-space: nowrap;
    overflow: hidden;
}

.marquee-text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
}

@keyframes marquee {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* News Section */
.news-section .card {
    transition: all 0.3s ease;
}

.shadow-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.transition-all {
    transition: all 0.3s ease;
}

/* Gallery Section */
.gallery-section {
    padding: 50px 0;
}

.gallery-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: 100%;
}

.gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.gallery-image-wrapper {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.gallery-caption {
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.gallery-section .gallery-item {
    position: relative;
    overflow: hidden;
}

.gallery-image {
    transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-image {
    transform: scale(1.1);
}

/* Gallery styles */
.gallery-img-container {
    height: 250px;
    overflow: hidden;
}

.gallery-img-container img {
    object-fit: cover;
}

.card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-image {
        height: 50vh;
    }
    
    .carousel-caption {
        bottom: 10%;
    }
    .gallery-image-wrapper {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .gallery-image-wrapper {
        height: 200px;
    }
}