body {
    font-family: 'Poppins', sans-serif;
}

html {
scroll-behavior: smooth;
}
/* Sticky Navbar */
.navbar {
    background-color: #f8fafc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: 0.3s;
    padding: 10px 20px;
    
}

.navbar-brand, .navbar-nav .nav-link {
    color: #E63946;
    font-size: 1.2rem;
    font-weight: bold;
    transition: all 0.3s ease;
}



.hero {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}
/* Games Section */
.games-section {
    padding: 60px 10%;
    text-align: center;
}

.games-section h2 {
    color: #E63946;
    font-size: 2.5rem;
    font-weight: bold;
}

/* icon */
 .icon-card i {
   font-size: 50px;
   color: #E63946;
   transition: transform 0.3s ease, color 0.3s ease;
}

.icon-card:hover i {
 transform: scale(1.2);  /* Makes the icon slightly bigger */

}


    .cta-section {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 80px 20px;
        background: linear-gradient(to right, #001F3F, #003366);
        color: white;
    }
    
    .cta-content {
        max-width: 800px;
    }
    
    .cta-section h2 {
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 15px;
    }
    
    .cta-section p {
        font-size: 1.4rem;
        margin-bottom: 30px;
        line-height: 1.6;
    }
    
    .cta-button {
        display: inline-block;
        padding: 15px 35px;
        font-size: 1.3rem;
        font-weight: bold;
        text-transform: uppercase;
        color: #001F3F;
        background: #FFD700;
        text-decoration: none;
        border-radius: 50px;
        transition: all 0.3s ease-in-out;
    }
    
    .cta-button:hover {
        background: #FFC107;
        transform: scale(1.05);
    }
     /* About Section Styling */
.about-section {
padding: 80px 10%;
background: #f4f4f4;
}

/* Container for 6x6 layout */
.about-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}

/* Left Side - Text */
.about-text {
flex: 1;
max-width: 50%;
}

.about-text h2, .News-text h2{
font-size: 2.8rem;
font-weight: bold;
color: #00274d;
margin-bottom: 15px;
}


.about-text p {
font-size: 1.3rem;
line-height: 1.8;
color: #333;
margin-bottom: 15px;
}

/* Call to Action Button */
.about-button {
display: inline-block;
padding: 12px 30px;
font-size: 1.2rem;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background: #00274d;
text-decoration: none;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}

.about-button:hover {
background: #FFD700;
color: #00274d;
}

/* Right Side - Image */
.about-image {
flex: 1;
max-width: 50%;
}

.about-image img {
width: 100%;
border-radius: 8px;
}
.section {
    padding: 80px 0;
}
.carousel-caption {
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
    border-radius: 8px;
}
.bnnr{
  width: 100%; 
}

/* Responsive Design */
@media (max-width: 992px) {
.about-container {
    flex-direction: column;
    text-align: center;
}

.about-text, .about-image {
    max-width: 100%;
}
}

/* footer start */
.footer {
    background: #001247;
    color: white;
    padding: 40px 0;
    font-size: 14px;
    
}
.footer h5 {
    color: #E63946;
    font-weight: bold;
}
.footer a {
    color: white;
    text-decoration: none;
    transition: 0.3s;
}
.footer a:hover {
    color: #E63946;
    text-decoration: underline;
}
.social-icons a {
    font-size: 20px;
    margin: 0 10px;
    color: white;
    transition: 0.3s;
}
.social-icons a:hover {
    color: #E63946;
}

.card {
height: 100%; /* Ensures all cards are the same height */
display: flex;
flex-direction: column;
}

.card-body {
flex-grow: 1; /* Makes sure all cards expand equally */
display: flex;
flex-direction: column;
}

.card-text {
flex-grow: 1; /* Pushes content evenly */
}

.card-title {
min-height: 50px; /* Adjust this value based on your content */
}

.card img {
height: 275px; /* Ensures images are uniform */
object-fit: cover; /* Prevents distortion */
}