/*common*/

body{
    font-family: Georgia, 'Times New Roman', Times, serif;
}

/* logo */
.logo{
    max-width: 100px;
    height: auto;
}

.logo2{
    position: relative;
  animation-name: logopart2;
  animation-duration: 10s;
  animation-iteration-count: 1;
}

@keyframes logopart2 {
    0% {
        background-color: #fff;
        left: -400px;
        top: 0px;
    }
  
    25% {
        background-color: #fff;
        left: 1px;
        top: 0px;
    }
  
  }

/* navbar*/
.navbar-nav{
    gap:1rem;
}

.nav-link{
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #692a2a;
    font-size: 18px;
    margin-right: 20px;
}

.active{
    color: #692a2a;
    text-decoration: underline;
    text-decoration-color: #e6cea3;
    text-decoration-thickness: 4px;
}

.card {
    height: 100%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.card:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

.custom-btn1 {
    background-color: #e6cea3;
    color: #692a2a;
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.course-head h2{
    padding: 40px;
    background-color: #e6cea3;
    font-size: 56px;
    text-align: center;
    font-weight: bold;
    color: #692a2a;
}

a{
    text-decoration: none;
    color: #692a2a;
}

.custom-btn1:hover {
    background-color: #e6cea3; /* Darker shade on hover */
}

.card-img-top{
    width: auto;
    height: 140px;
}

/*footer*/
.footer {
    background-color: #e6cea3;
    text-align: center;
    padding: 20px;
}

.footer-link {
    color: #692a2a;
    text-decoration: none;
    font-size: 18px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
}

.footer-link:hover {
    text-decoration: underline;
    color: #692a2a;
}

.copyright {
    background-color: #692a2a;
    color: #eee;
    text-align: center;
    padding: 10px;
    width: 100%;
}

.copyright a {
    color: #eee;
    text-decoration: none;
}

.copyright a:hover {
    text-decoration: underline;
    color: #eee;
}

.footer-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.footer-icons a {
    font-size: 24px;
    color: #692a2a;
}

.footer-icons a:hover {
    color: #e6cea3;
}

/* Adjust column layout for links */
.footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}