body {
    /* font-family: Arial, Helvetica, sans-serif !important; */
    font-family: 'Afacad Flux' !important;
}

.navbar {
    background-color: red;
    transition: all 0.5s ease;
}

.navbar-brand img {
    max-width: 60px;
    position: relative;
}

/* Style for active navigation link */
.nav-link.active {
    font-weight: bold;
}

/* Additional styles for mobile view */
@media (max-width: 991px) {
    .navbar-collapse {
        background-color: red;
        transition: all 0.5s ease-in-out;
    }

    .navbar-nav {
        padding: 10px 0;
    }

    .nav-item {
        margin: 5px 0;
    }
}


.c-item {
    height: 480px;

}

.c-img {
    height: auto;
    object-fit: cover;
    filter: brightness(0.5);

}

.card1:hover {
    box-shadow: inset 0 4px 8px 0 rgba(255, 0, 0, 0.284), inset 0 6px 20px 0 rgba(255, 0, 0, 0.284);
    transform: translate(0, -50px);

}


.btn {
    background-color: red;
    border: solid 1px red;

}

.btn a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-color: red;
}

.btn:hover {
    text-decoration: none;
    font-weight: bold;
    background-color: #ff0000;

    box-shadow: 0 4px 8px 0 rgba(60, 60, 60, 0.284), 0 6px 20px 0 rgba(0, 0, 0, 0.284);
    border: solid 1px #ff0000;

}

.h1spam{
    color: red;
}

.backgroundblue{
    background-color: #04091e;
}

.iconredi{
    color: #ff0000;
}

.border-radius1{
    border-radius: 10px;
}


.cardwidth1{
    width: 18rem;
}

.cardBoxShadow{
    box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.2),inset 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 15px;
}

.cardwidth2{
    max-width: 38rem; 
    background-color: #04091e;
    max-height: 310px; 
}

footer {
    background-color: #04091ef0;
    color: #fff !important;
    padding: 2rem 0;
    font-size: 20px;
}

.footer .map-link a {
    color: white !important;
    text-decoration: none;
}

.footer i {
    color: white !important;
}

.footer-social-link {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 600;
    transition: opacity 0.3s ease;
}

.footer-social-link:hover {
    opacity: 0.8;
    color: #ffffff !important;
}

.footer-social-link span {
    color: #ffffff !important;
    font-weight: 600;
}

/* Ensure links stay white in responsive view */
@media (max-width: 991px) {

    .footer-social-link,
    .footer-social-link:hover,
    .footer-social-link span {
        color: #ffffff !important;
        text-align: center;
    }

    .social-links {
        align-items: center !important;
    }
}
.blogfont{
    font-size:4em;
}

a:link {
  text-decoration: none;
}

.profile-img {
    max-width: 100%  !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 10px rgba(63, 63, 63, 0.25) !important;
    transition: transform 0.3s ease !important;
    width: 250px !important;
  }

  .profile-img:hover {
    transform: scale(1.05) !important;
  }

  .abouttop{
    margin-top: 86px !important;
  }

  .aboutaling{
    text-align: justify !important;
  }

  .aboutbtn:hover{
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    background-color: #ff0000;
    box-shadow: 0 4px 8px 0 rgba(60, 60, 60, 0.284), 0 6px 20px 0 rgba(0, 0, 0, 0.284);
    border: solid 1px #ff0000;
  }

  .aboutbtn{
    text-align: center ;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    background-color: #ff0000;
    border: solid 1px #ff0000;
  }


.list-timeline {
  margin: 0;
  padding: 5px 0;
  position: relative
}

.list-timeline:before {
  width: 1px;
  background: #ccc;
  position: absolute;
  left: 6px;
  top: 0;
  bottom: 0;
  height: 100%;
  content: ''
}

.list-timeline .list-timeline-item {
  margin: 0;
  padding: 0;
  padding-left: 24px !important;
  position: relative
}

.list-timeline .list-timeline-item:before {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #ccc;
  position: absolute;
  left: 0;
  top: 4px;
  content: '';
  border-radius: 100%;
  -webkit-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out
}

.list-timeline .list-timeline-item[data-toggle=collapse] {
  cursor: pointer
}

.list-timeline .list-timeline-item.active:before,
.list-timeline .list-timeline-item.show:before {
  background: #ccc
}

.list-timeline.list-timeline-light .list-timeline-item.active:before,
.list-timeline.list-timeline-light .list-timeline-item.show:before,
.list-timeline.list-timeline-light:before {
  background: #f8f9fa
}

.list-timeline .list-timeline-item.list-timeline-item-marker-middle:before {
  top: 50%;
  margin-top: -6px
}

.list-timeline.list-timeline-light .list-timeline-item:before {
  border-color: #f8f9fa
}

.list-timeline.list-timeline-grey .list-timeline-item.active:before,
.list-timeline.list-timeline-grey .list-timeline-item.show:before,
.list-timeline.list-timeline-grey:before {
  background: #e9ecef
}

.list-timeline.list-timeline-grey .list-timeline-item:before {
  border-color: #e9ecef
}

.list-timeline.list-timeline-grey-dark .list-timeline-item.active:before,
.list-timeline.list-timeline-grey-dark .list-timeline-item.show:before,
.list-timeline.list-timeline-grey-dark:before {
  background: #495057
}

.list-timeline.list-timeline-grey-dark .list-timeline-item:before {
  border-color: #495057
}

.list-timeline.list-timeline-primary .list-timeline-item.active:before,
.list-timeline.list-timeline-primary .list-timeline-item.show:before,
.list-timeline.list-timeline-primary:before {
  background: #55A79A
}

.list-timeline.list-timeline-primary .list-timeline-item:before {
  border-color: #55A79A
}

.list-timeline.list-timeline-primary-dark .list-timeline-item.active:before,
.list-timeline.list-timeline-primary-dark .list-timeline-item.show:before,
.list-timeline.list-timeline-primary-dark:before {
  background: #33635c
}

.list-timeline.list-timeline-primary-dark .list-timeline-item:before {
  border-color: #33635c
}

.list-timeline.list-timeline-primary-faded .list-timeline-item.active:before,
.list-timeline.list-timeline-primary-faded .list-timeline-item.show:before,
.list-timeline.list-timeline-primary-faded:before {
  background: rgba(85, 167, 154, .3)
}

.list-timeline.list-timeline-primary-faded .list-timeline-item:before {
  border-color: rgba(85, 167, 154, .3)
}

.list-timeline.list-timeline-info .list-timeline-item.active:before,
.list-timeline.list-timeline-info .list-timeline-item.show:before,
.list-timeline.list-timeline-info:before {
  background: #17a2b8
}

.list-timeline.list-timeline-info .list-timeline-item:before {
  border-color: #17a2b8
}

.list-timeline.list-timeline-success .list-timeline-item.active:before,
.list-timeline.list-timeline-success .list-timeline-item.show:before,
.list-timeline.list-timeline-success:before {
  background: #28a745
}

.list-timeline.list-timeline-success .list-timeline-item:before {
  border-color: #28a745
}

.list-timeline.list-timeline-warning .list-timeline-item.active:before,
.list-timeline.list-timeline-warning .list-timeline-item.show:before,
.list-timeline.list-timeline-warning:before {
  background: #ffc107
}

.list-timeline.list-timeline-warning .list-timeline-item:before {
  border-color: #ffc107
}

.list-timeline.list-timeline-danger .list-timeline-item.active:before,
.list-timeline.list-timeline-danger .list-timeline-item.show:before,
.list-timeline.list-timeline-danger:before {
  background: #dc3545
}

.list-timeline.list-timeline-danger .list-timeline-item:before {
  border-color: #dc3545
}

.list-timeline.list-timeline-dark .list-timeline-item.active:before,
.list-timeline.list-timeline-dark .list-timeline-item.show:before,
.list-timeline.list-timeline-dark:before {
  background: #343a40
}

.list-timeline.list-timeline-dark .list-timeline-item:before {
  border-color: #343a40
}

.list-timeline.list-timeline-secondary .list-timeline-item.active:before,
.list-timeline.list-timeline-secondary .list-timeline-item.show:before,
.list-timeline.list-timeline-secondary:before {
  background: #6c757d
}

.list-timeline.list-timeline-secondary .list-timeline-item:before {
  border-color: #6c757d
}

.list-timeline.list-timeline-black .list-timeline-item.active:before,
.list-timeline.list-timeline-black .list-timeline-item.show:before,
.list-timeline.list-timeline-black:before {
  background: #000
}

.list-timeline.list-timeline-black .list-timeline-item:before {
  border-color: #000
}

.list-timeline.list-timeline-white .list-timeline-item.active:before,
.list-timeline.list-timeline-white .list-timeline-item.show:before,
.list-timeline.list-timeline-white:before {
  background: #fff
}

.list-timeline.list-timeline-white .list-timeline-item:before {
  border-color: #fff
}

.list-timeline.list-timeline-green .list-timeline-item.active:before,
.list-timeline.list-timeline-green .list-timeline-item.show:before,
.list-timeline.list-timeline-green:before {
  background: #55A79A
}

.list-timeline.list-timeline-green .list-timeline-item:before {
  border-color: #55A79A
}

.list-timeline.list-timeline-red .list-timeline-item.active:before,
.list-timeline.list-timeline-red .list-timeline-item.show:before,
.list-timeline.list-timeline-red:before {
  background: #BE3E1D
}

.list-timeline.list-timeline-red .list-timeline-item:before {
  border-color: #BE3E1D
}

.list-timeline.list-timeline-blue .list-timeline-item.active:before,
.list-timeline.list-timeline-blue .list-timeline-item.show:before,
.list-timeline.list-timeline-blue:before {
  background: #00ADBB
}

.list-timeline.list-timeline-blue .list-timeline-item:before {
  border-color: #00ADBB
}

.list-timeline.list-timeline-purple .list-timeline-item.active:before,
.list-timeline.list-timeline-purple .list-timeline-item.show:before,
.list-timeline.list-timeline-purple:before {
  background: #b771b0
}

.list-timeline.list-timeline-purple .list-timeline-item:before {
  border-color: #b771b0
}

.list-timeline.list-timeline-pink .list-timeline-item.active:before,
.list-timeline.list-timeline-pink .list-timeline-item.show:before,
.list-timeline.list-timeline-pink:before {
  background: #CC164D
}

.list-timeline.list-timeline-pink .list-timeline-item:before {
  border-color: #CC164D
}

.list-timeline.list-timeline-orange .list-timeline-item.active:before,
.list-timeline.list-timeline-orange .list-timeline-item.show:before,
.list-timeline.list-timeline-orange:before {
  background: #e67e22
}

.list-timeline.list-timeline-orange .list-timeline-item:before {
  border-color: #e67e22
}

.list-timeline.list-timeline-lime .list-timeline-item.active:before,
.list-timeline.list-timeline-lime .list-timeline-item.show:before,
.list-timeline.list-timeline-lime:before {
  background: #b1dc44
}

.list-timeline.list-timeline-lime .list-timeline-item:before {
  border-color: #b1dc44
}

.list-timeline.list-timeline-blue-dark .list-timeline-item.active:before,
.list-timeline.list-timeline-blue-dark .list-timeline-item.show:before,
.list-timeline.list-timeline-blue-dark:before {
  background: #34495e
}

.list-timeline.list-timeline-blue-dark .list-timeline-item:before {
  border-color: #34495e
}

.list-timeline.list-timeline-red-dark .list-timeline-item.active:before,
.list-timeline.list-timeline-red-dark .list-timeline-item.show:before,
.list-timeline.list-timeline-red-dark:before {
  background: #a10f2b
}

.list-timeline.list-timeline-red-dark .list-timeline-item:before {
  border-color: #a10f2b
}

.list-timeline.list-timeline-brown .list-timeline-item.active:before,
.list-timeline.list-timeline-brown .list-timeline-item.show:before,
.list-timeline.list-timeline-brown:before {
  background: #91633c
}

.list-timeline.list-timeline-brown .list-timeline-item:before {
  border-color: #91633c
}

.list-timeline.list-timeline-cyan-dark .list-timeline-item.active:before,
.list-timeline.list-timeline-cyan-dark .list-timeline-item.show:before,
.list-timeline.list-timeline-cyan-dark:before {
  background: #008b8b
}

.list-timeline.list-timeline-cyan-dark .list-timeline-item:before {
  border-color: #008b8b
}

.list-timeline.list-timeline-yellow .list-timeline-item.active:before,
.list-timeline.list-timeline-yellow .list-timeline-item.show:before,
.list-timeline.list-timeline-yellow:before {
  background: #D4AC0D
}

.list-timeline.list-timeline-yellow .list-timeline-item:before {
  border-color: #D4AC0D
}

.list-timeline.list-timeline-slate .list-timeline-item.active:before,
.list-timeline.list-timeline-slate .list-timeline-item.show:before,
.list-timeline.list-timeline-slate:before {
  background: #5D6D7E
}

.list-timeline.list-timeline-slate .list-timeline-item:before {
  border-color: #5D6D7E
}

.list-timeline.list-timeline-olive .list-timeline-item.active:before,
.list-timeline.list-timeline-olive .list-timeline-item.show:before,
.list-timeline.list-timeline-olive:before {
  background: olive
}

.list-timeline.list-timeline-olive .list-timeline-item:before {
  border-color: olive
}

.list-timeline.list-timeline-teal .list-timeline-item.active:before,
.list-timeline.list-timeline-teal .list-timeline-item.show:before,
.list-timeline.list-timeline-teal:before {
  background: teal
}

.list-timeline.list-timeline-teal .list-timeline-item:before {
  border-color: teal
}

.list-timeline.list-timeline-green-bright .list-timeline-item.active:before,
.list-timeline.list-timeline-green-bright .list-timeline-item.show:before,
.list-timeline.list-timeline-green-bright:before {
  background: #2ECC71
}

.list-timeline.list-timeline-green-bright .list-timeline-item:before {
  border-color: #2ECC71
}



/* book */


            .book-section {
                padding: 50px 0;
                background-color: #f8f9fa;
            }

            .card-container {
                position: relative;
                height: 600px;
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                margin-bottom: 30px;
            }

            .card-container:hover {
                transform: translateY(-10px);
                box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
            }

            .card-container img {
                width: 100%;
                height: 300px;
                object-fit: cover;
                transition: transform 0.5s ease;
            }

            .card-container:hover img {
                transform: scale(1.2);
            }

            .overlay {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.7);
                color: #fff;
                padding: 20px;
                height: 50px;
                overflow: hidden;
                transition: height 0.5s ease;
            }

            .card-container:hover .overlay {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .card-content {
                padding: 20px;
                background: #fff;
                height: 230px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

            .btn-custom {
                background: linear-gradient(45deg, #3498db, #2ecc71);
                border: none;
                border-radius: 25px;
                padding: 8px 20px;
                color: white;
                font-weight: 500;
                transition: all 0.3s ease;
            }

            .btn-custom:hover {
                background: linear-gradient(45deg, #2ecc71, #3498db);
                transform: scale(1.05);
            }

            .btn-neon {
                background: transparent;
                color: #2ecc71;
                border: 2px solid #2ecc71;
                border-radius: 25px;
                padding: 8px 20px;
                font-weight: 500;
                transition: all 0.3s ease;
            }

            .btn-neon:hover {
                color: #fff;
                background: #2ecc71;
            }