body{
    font-family:Arial, sans-serif;
}

.hero{

    background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),
    url('../images/school1.jpg');

    background-size:cover;
    background-position:center;
    height:550px;

    display:flex;
    justify-content:center;
    align-items:center;

    color:white;

}

.hero h1{

font-size:60px;
font-weight:bold;

}

.hero p{

font-size:24px;

}


h2{
    font-weight:700;
}

.btn{
    border-radius:30px;
}
.slider-img{
    height:650px;
    object-fit:cover;
}

.carousel-caption{
    background:rgba(0,0,0,0.45);
    padding:20px;
    border-radius:10px;
    bottom:120px;
}

.carousel-caption h1{
    font-size:55px;
    font-weight:bold;
}

.carousel-caption p{
    font-size:22px;
}
.gallery-img{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:10px;
    transition:0.4s;
}

.gallery-img:hover{
    transform:scale(1.05);
}
.notice-box{
    background:#fff;
    padding:20px;
    border-radius:10px;
    height:250px;
}

.list-group-item{
    transition:.3s;
}

.list-group-item:hover{
    background:#0d6efd;
    color:#fff;
}
.navbar-nav{
    gap:8px;
}

.navbar-nav .nav-link{
    padding:8px 10px;
    white-space: nowrap;
}
.rounded-circle{
    border:5px solid #0d6efd;
}

.text-muted{
    font-size:16px;
    font-weight:600;
    color:#6c757d !important;
}

.shadow{
    transition:0.4s;
}

.gallery-img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:0.4s;
}

.gallery-img:hover{
    transform:scale(1.05);
}

.card{
    border:5px solid #ffffff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    background:#fff;
    padding:8px;
}
.card{
    border:3px solid #0d6efd;
    border-radius:12px;
    overflow:hidden;
}
.table{
    background:#fff;
}

.table th{
    text-align:center;
}

.table td{
    vertical-align:middle;
}

.btn-success{
    border-radius:5px;
}

.btn-success:hover{
    background-color:#198754;
    border-color:#198754;
}
.table:hover,
.card:hover{
    transform:none !important;
}
.table,
.table:hover,
.table-responsive,
.table-responsive:hover,
.card,
.card:hover,
tbody tr:hover,
tr:hover{
    transform:none !important;
    transition:none !important;
}
/* Dropdown Menu */
.dropdown-menu{
    border-radius:10px;
    border:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

/* Dropdown Items Hover Effect */
.dropdown-item{
    padding:10px 20px;
    transition:0.3s;
}

.dropdown-item:hover{
    background-color:#0d6efd;
    color:#fff !important;
}

/* Navbar Hover */
.navbar-nav .nav-link:hover{
    color:#ffd700 !important;
}
.table{
    border: 2px solid #0d6efd !important;
}

.table th,
.table td{
    border: 2px solid #0d6efd !important;
    text-align: center;
    vertical-align: middle;
}

.table thead th{
    background: #0d6efd;
    color: #fff;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color: #f8f9fa;
}