body {
    height: 100%;
    margin: 0; /* Remove default margin */
    color:aliceblue;
    display: flex;
    flex-direction: column;
    background-image: url('image/background1.jpg');
    background-size: cover;
}

 h1,p{
    animation: fadeInSide 1s  forwards;
 }
 
 .navbar-brand img {
            height: 40px; /* Adjust logo size */

        }
        .navbar-brand
        {
            animation:pulse 1s infinite ease-in-out;
        }
        @keyframes pulse {
        0% {
        transform: scale(1);
        opacity: 1;
        }
        50% {
        transform: scale(1.05);
        opacity: 0.7;
        }
        100% {
        transform: scale(1);
        opacity: 1;
       }
      }

    @keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
    }

    @keyframes fadeInSide {
        0% {
            opacity: 0;
            transform: translateX(-50px); /* Start from the left side */
        }
        100% {
            opacity: 1;
            transform: translateX(0); /* End at the original position */
        }
    }

        /* Custom padding for navbar */
        .navbar {
            padding-left: 15px; /* Default padding for extra-small screens */
            padding-right: 15px;
            background-color: #23374a ;
            position: relative;
            z-index: 10; /* Ensure navbar stays on top of hero section */
           
        }

        .navbar-nav .nav-link  {
            color: aliceblue; /* Set text color for all nav links */
        }


         /*body{
            
           background-size: cover;  Cover the entire page */
           /* background-position: center; /* Center the image */
           /* background-repeat: no-repeat;  Prevent the image from repeating 
           

        }
           */
        content {
            flex-grow: 1; /* Ensures content grows to fill space before footer */
            padding: 20px; /* Optional padding for content */
        }
    

        .container {
            display: grid;
            gap: 10px;
            
        }
        .containerfooter {
            display: grid;
            gap: 10px;
            
        }
        
        /* Large screens: horizontal split */
        @media (min-width: 992px) {
            .container {
                grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
                grid-template-rows: 2fr; /* Single row */
            }
        
            .section {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 20px;
                text-align: center;
                background-color: rgba(8, 54, 86, 0.902);
                /* border: 1px solid #ddd; */
                animation: fadeInSide 1s  forwards;
               
                
            }
           
        }
        
        /* Small screens: vertical split */
        @media (max-width: 991px) {
            .container {
                grid-template-columns: 1fr; /* Single column */
                grid-template-rows: repeat(3, 1fr); /* 3 equal rows */
            }
        
            .section {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                background-color: rgba(8, 54, 86, 0.902);
                text-align: center;
                
                /* border: 1px solid #ddd; */
                animation: fadeInSide 1s  forwards;
              
                
            }
            
        }

        /* Large screens: horizontal split */
        @media (min-width: 992px) {
            .containerfooter {
                grid-template-columns: repeat(1, 1fr); /* 3 equal columns */
                grid-template-rows: 1fr; /* Single row */
                background-color: rgba(8, 54, 86, 0.902);
              
            }
        
            .sectionfooter {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 20px;
                text-align: center;
               
                /* border: 1px solid #ddd; */
                animation: fadeInSide 1s  forwards;
               
                
            }
           
        }
        
        /* Small screens: vertical split */
        @media (max-width: 991px) {
            .containerfooter {
                grid-template-columns: 1fr; /* Single column */
                grid-template-rows: repeat(1, 1fr); /* 3 equal rows */
                background-color: rgba(8, 54, 86, 0.902);
            }
        
            .sectionfooter {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                
                text-align: center;
                
                /* border: 1px solid #ddd; */
                animation: fadeInSide 1s  forwards;
              
                
            }
            
        }

        @media (min-width: 576px) {
            .navbar {
                padding-left: 20px; /* Padding for small screens and up */
                padding-right: 20px;
            }
        }

        @media (min-width: 768px) {
            .navbar {
                padding-left: 30px; /* Padding for medium screens and up */
                padding-right: 30px;
            }
        }

        @media (min-width: 992px) {
            .navbar {
                padding-left: 40px; /* Padding for large screens and up */
                padding-right: 40px;
            }
        }

        @media (min-width: 1200px) {
            .navbar {
                padding-left: 50px; /* Padding for extra-large screens */
                padding-right: 50px;
            }
        }

        .footer{
            background-color: rgba(8, 54, 86, 0.902); 
            
            position: relative;
            bottom: 0;
            width: 100%;
        }