body{
font-family:Arial;
margin:0;
background:#F4F7FB;
}

/* Banner */

.header-banner img{
width:100%;
height:150px;

}

/* Logo Section */

.logo-section{
display:flex;
align-items:center;
padding:10px;
background:white;
}
.container{
max-width:900px;
margin:auto;
background:white;
padding:20px;
line-height:1.8;
font-size:17px;
text-align:justify;
}







.home-image-slideshow {
    position: relative;
    max-width: 800px;
    margin: 20px auto;
    overflow: hidden;
    height: 500px; /* fixed height for consistent effect */
}

.home-image-slideshow img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

/* Animation classes */
.slide-left {
    animation: slideLeft 1s forwards;
}

.slide-right {
    animation: slideRight 1s forwards;
}

.slide-rotate {
    animation: rotateIn 1s forwards;
}

/* Keyframes */
@keyframes slideLeft {
    from { transform: translateX(-100%); opacity:0; }
    to { transform: translateX(0); opacity:1; }
}

@keyframes slideRight {
    from { transform: translateX(100%); opacity:0; }
    to { transform: translateX(0); opacity:1; }
}

@keyframes rotateIn {
    from { transform: rotate(-360deg); opacity:0; }
    to { transform: rotate(0deg); opacity:1; }
}


















.logo{
height:60px;
margin-right:15px;
}

/* Navigation */

.navbar{
background:#1E3A5F;
padding:15px;
}

.navbar ul{
list-style:none;
margin:0;
padding:0;
text-align:center;
}

.navbar li{
display:inline-block;
margin:0 15px;
}

.navbar a{
color:white;
text-decoration:none;
font-size:16px;
}

.navbar a:hover{
color:#FFD700;
}