/* Apply font to the entire project */
--root {
    --btn-color: rgb(133, 244, 77);
    --btn-hover-color: rgb(181, 241, 213);
}

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

/* Background color for navbar */
.background {
    /* background-color:  rgb(226, 238, 232); */
    background-color: rgb(181, 241, 213);
    /* background-color: rgb(85, 255, 0);  old color */
}



/* Navbar text */
.text-dark {
    font-weight: 500;
}


/* Navbar content wrapper */
.navbar-content {
    width: 70%;
    margin: auto;
}

/* Navbar toggler button */
.navbar-toggler {
    margin-left: auto;
}
.carousel-img {
    height: 400px;
  }
  
  @media (max-width: 767.98px) {
    .carousel-img {
      height: 250px;
    }
  }

  
/* Navbar links layout */
.navbar-nav {
    width: 80%;
    display: flex;
    justify-content: space-around;
}

/* Responsive width for navbar */
/* Navbar wrapper */
.navBarWidth {
  width: 100%;
  margin: auto;
}

@media (min-width: 992px) {
  .navBarWidth {
    width: 80%;
    border-radius: 30px;
  }
}

/* Image customization */
.img-custom {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

/* Custom button styling */
.custom-button {
    background-color: white;
    color: red;
    padding: 10px 20px;
    border: 1px solid red;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
}

.custom-button:hover {
    background-color: red;
    color: white;
    font-weight: 600;
}


/* Custom text formatting */
.custom-text {
    font-size: 18px;
    font-weight: 550;
}


/* Explore unfold */
.explore-unfold {
    color: goldenrod;
    font-size: 42px;
    font-weight: 700;
}



/* Course Content Accordion Styling */
.accordion-button {
    color: #721c24;
    background-color: #f5f6f8;
    font-weight: 600;
    padding: 1rem 1.25rem;
}

.accordion-button:not(.collapsed) {
    color: #721c24;
    background-color: #f5f6f8;
    box-shadow: none;
}

.accordion-button:focus {
    border-color: #721c24;
    box-shadow: 0 0 0 0.25rem rgba(114, 28, 36, 0.25);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23721c24'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transition: transform 0.2s ease-in-out;
}

.list-group-item a {
    color: #721c24;
}

.list-group-item a:hover {
    color: #50151a;
}

.btn-styling {
    font-size: 20px;
    background-color: rgb(181, 241, 213);
    color: black;
    cursor: pointer;
    padding: 15px 40px 15px 40px;

    /* border: 1px solid #ffd700; */
}

.btn-styling:hover {
    background-color: rgb(145, 219, 109);
    color: #ffffff;
}

/* index bottom card */


/* hover zoom for couses, blog*/

.hover-zoom-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border-radius: 12px;
    /* optional */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
}

.hover-zoom-card:hover {
    transform: scale(1.05);
    /* or 1.07 for stronger zoom */
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

.custom-zoom-card img {
    transition: transform 0.4s ease;
}

.custom-zoom-card:hover img {
    transform: scale(1.08);
}
.coures-details-image{
    height: 700px;
     object-fit: fill;
}




@media (max-width: 992px) {
    
.coures-details-image{
    height: 300px;
     object-fit: fill;
}
  }