/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.carousel-item {
    height: 82vh;
    min-height: 100px;
  }
  .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
  }
  .carousel-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
  }
  .carousel-caption {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 1rem 1.25rem;
    text-align: left;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.6) 100%);
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem;
  }
  .carousel-caption h5, .carousel-caption p {
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  }

  .carousel-caption a{
    color: #fff!important;
  }
  @media (max-width: 767.98px) {
    .carousel-item { height: 45vh; }
    .carousel-caption { padding: 0.75rem 0.9rem; }
  }


  .carousel{
    padding-top:80px;
    background-color: #0D208C;
  }

  @media (max-width: 576px) {
    .carousel{
      padding-top:50px;
      background-color: #0D208C;
    }
  }



  .ellipsis-3-row{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.ellipsis-2-row{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}
.wiget-list-category{
    background-color:blue;
    padding:10px;
    background: -webkit-linear-gradient(left, #0D208C, #480048)!important;
    background: linear-gradient(to right, #0D208C, #480048)!important;
    border-radius:10px;
}
.wiget-list-category .card-header{
    background-color:none!important;
    font-weight:bold;
    font-size:18px;
    border-bottom: 1px solid rgba(255,255,255,.325);
}

.wiget-list-category .card-body{
    height: 400px;
    overflow-y: auto;
    scrollbar-color: red yellow;
}

.wiget-list-category .card-body a{
    color:#fff;
}

a.box_news ul {
  margin: 0;
  padding: 5px 0 0 0;
}

footer .links ul li {
  margin-bottom: 10px;
}

.animated .block-reveal {
  height: 300px;
  border-radius: 15px;
}

.animated .block-reveal-video {
  height: 230px;
  border-radius: 15px;
}

a.box_news figure {
  border-radius:10px;
}

a.box_news figure figcaption {
  background-color: rgba(255, 193, 7, 0.4); /* #FFC107 with transparency */
  backdrop-filter: blur(10px);              /* apply blur to background behind */
  -webkit-backdrop-filter: blur(10px);      /* for Safari support */
  border: 1px solid rgba(255, 193, 7, 0.4); /* optional subtle border */
  padding: 1rem;                            /* spacing */
}



header.header {
  /*
  background: -webkit-linear-gradient(left, #480048, #C04848)!important;
  background: linear-gradient(to right, #480048, #C04848)!important;

  border:none;
  background: -webkit-linear-gradient(180deg, rgba(4,5,52,1) 9%, rgba(0,1,10,0) 100%)!important;
  background: linear-gradient(180deg, rgba(4,5,52,1) 9%, rgba(0,1,10,0) 100%)!important;
  */
 
  border:none;
  background: rgba(2, 2, 67, 0.59);
  box-shadow: 0 4px 30px rgba(33, 3, 85, 0.1);
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
  
}

header.header.sticky {
  background: linear-gradient(
    to right,
    rgba(13, 32, 140, 0.65),  /* #0D208C with 70% opacity */
    rgba(13, 0, 53, 0.65)     /* #480048 with 70% opacity */
  ) !important;
  
  backdrop-filter: blur(15px); /* glass blur effect */
  -webkit-backdrop-filter: blur(15px); /* Safari support */
}



@media only screen and (min-width: 992px) {
  .main-menu > ul > li span > a {
    
      text-transform: capitalize; 
  }

  .main-menu > ul > li > ul{
    
    border-radius:10px;
    overflow: hidden;

    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 4px 30px rgba(33, 3, 85, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

  }
}