:root {
    --bs-primary: #343f64;
    --bs-primary-rgb: 52, 63, 100;
}
    
.logoimg{
    position: absolute;
    overflow: auto;
    z-index: 10;
    top: 0px;
    padding: 10px;;
    background-color: #e9db89;
}
.logoname{
    position: relative;left:130px;
}
.big-icon {
  font-size: 3rem;
}
.banner-txt{
    text-shadow: 0px 0px 5px white;
    background-color: #ffffff82;
    padding: 20px;
    border-radius: 15px;
}
.bg-theme2{
    background-color: #e9db89;
    color: #333;
}
.bg-theme1{
    background-color: #343f64;
    color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #e9db89 !important;
}

.navbar-dark .navbar-brand {
    color: #ffffff !important;
}

.navbar-dark .navbar-brand:hover {
    color: #e9db89 !important;
}

.section-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: var(--bs-primary);
}

.feature-box {
    transition: transform 0.3s ease;
}

.feature-box:hover {
    transform: translateY(-5px);
}

.news-item, .event-item {
    transition: all 0.3s ease;
}

.news-item:hover, .event-item:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.event-date {
    min-width: 60px;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: #2a3250;
    border-color: #2a3250;
}

.text-primary {
    color: var(--bs-primary) !important;
}

footer .social-links a {
    transition: color 0.3s ease;
}

footer .social-links a:hover {
    color: #e9db89 !important;
}

footer p {
    margin-bottom: 0.5rem;
}

footer h5 {
    color: #e9db89;
}
@media (max-width: 786px) and (min-width: 320px) {
  .navmobile {
    text-align: right;
  }
  .logoimg{height: 120px;}
}