/*--------------------------------------------------------------
#title Section
--------------------------------------------------------------*/
.card-content-title {
  font-size: 3rem;
  color: #00AAFF;
  line-height: 3rem !important;
  margin: 30px 50px; 
}
.card-content-desc {
  font-size:1.2rem;
  line-height: 2rem;
  color: #696969;
  margin: 50px; 
}
#card-description-img-1 {
  background-image:  
    url('../img/news/news-background-1.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 85vh;
  width:60vw;
  margin: auto;
}
.section-title{
  font-size: 3rem;
}
.justify-self-center {
  justify-self: center;
}
@media (max-width: 991.98px) {
  .card-content-title, .card-content-desc {
    text-align: center;
    margin: 15px;
  }
  #card-description-img-1 {
    background-size: contain;
    height: 50vh;
    width: 50vw;
  }  
}
@media (max-width: 767.98px) {
  #card-description-img-1 {
    height: 25vh;
  }
}
/*--------------------------------------------------------------
#Divider Section
--------------------------------------------------------------*/
#content {
  margin-top: 10vh;
}
#news-tab {
  font-size: 1.5rem;
  color: #949494;
  padding: 5px 15px;
  border-right: 2px solid #9494948A;
  cursor: pointer;
}
#events-tab {
  font-size: 1.5rem;
  color: #949494;
  padding: 5px 15px;
  cursor: pointer;
}
#news-tab.active, #events-tab.active {
  color: #00AAFF;
}
@media (max-width: 991.98px) {
  #content {
  margin-top: 5vh;
  }
}
@media (max-width: 767.98px) {
  
}
/*--------------------------------------------------------------
#News Section
--------------------------------------------------------------*/
.gradient {
  height: 30px;
  background: linear-gradient(to bottom, #FFFFFF 10%, #EBF3F8 90%);
}
.news {
  background-color: #EBF3F8;
}
.news img {
  cursor: pointer;
}
.img-1 {
  width: 280px;
  height: 180px;
}
.img-2 {
  width: 250px;
  height: 160px;
}
.img-3 {
  width: 100%;
  height: 210px;
}
.news-card {
  width: 1000px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), 
              0 -2px 8px rgba(0, 0, 0, 0.01),
              2px 0 8px rgba(0, 0, 0, 0.01), 
              -2px 0 8px rgba(0, 0, 0, 0.01);
  margin: 20px 20px 5px 20px;
}
.mini-card {
  width: 32%;
  margin: 15px 0 0 0;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), 
              0 -2px 8px rgba(0, 0, 0, 0.01),
              2px 0 8px rgba(0, 0, 0, 0.01), 
              -2px 0 8px rgba(0, 0, 0, 0.01);
}
.news-body-1 {
  padding: 35px;
}
.news-body-2 {
  padding: 25px;
}
.news-title {
  font-size: 1.2rem;;
  border-bottom: 1px solid #9494948A;
  padding-bottom: 15px;
}
.news-text {
  width: 250px; 
  margin: 0 auto;
  text-align: start;
}
.news-date {
  font-size: 0.8rem;
  color: #949494;
  padding-top: 15px;
  padding-bottom: 10px;
}
.news-card p, .mini-card p {
  font-size: 1rem;
  font-weight: 500;
  width: 250px;
}
.w-95 {
  width: 95%;
}
.w-5 {
  width: 5%;
}
.next-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #C5C5C5;
  -webkit-mask: url('../../assets/img/icon/right.svg') no-repeat center;
  mask: url('../../assets/img/icon/right.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  cursor: pointer;
}
.down-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #C5C5C5;
  -webkit-mask: url('../../assets/img/icon/down.svg') no-repeat center;
  mask: url('../../assets/img/icon/down.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  cursor: pointer;
}
.next-icon:hover, .down-icon:hover {
  background-color: #2B2B2B; 
}
@media (max-width: 991.98px) {
  .mini-card {
    width: 93%;
    margin: 20px auto 0 auto;
  }  
}
@media (max-width: 767.98px) {
  .mini-card {
    width: 87%;
    margin: 20px auto 0 auto;
  }
  .w-95 {
    width: 100%;
  }
  .w-5 {
    width: 100%;
  }
  .img-2 {
    width: 280px;
    height: 180px;
  }
}

/*--------------------------------------------------------------
#Events Section
--------------------------------------------------------------*/
.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid white;
  margin: 0 2px;
  transform: translateY(-20px);
}
.carousel-indicators .active {
  background-color: white;
}
.carousel-control-next,
.carousel-control-prev {
  top: unset;
  bottom: 5px;
}
.carousel-control-prev-icon
{
    background-image: url('../../assets/img/icon/prev.png');
}
.carousel-control-next-icon
{
    background-image: url('../../assets/img/icon/next.png');
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 2rem;
  height: 2rem; 
  transform: translateY(-20px);
}
.event-title {
  background-color: #FFFFFF;
  height: 60px; 
  display: flex;
  justify-content: center; 
  align-items: center;
  text-align: center;
  transform: translateY(-20px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), 
              0 -2px 8px rgba(0, 0, 0, 0.01),
              2px 0 8px rgba(0, 0, 0, 0.01);
}

@media (max-width: 991.98px) {
    .carousel-item img{
      min-height: 135px;
    }
}

@media (max-width: 767.98px) {
    .carousel-item img{
      height: 230px;
    }
}