/* Better look for Best Projects Created by Students + All Projects
   Keeps existing black / yellow theme. */

.best_projects_list .single-project-box,
.all_projects_list .single-project-box,
.project_gallery_list .single-project-box,
.projects_list .single-project-box{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.22);
  transition: transform .2s ease, box-shadow .2s ease;
}

.best_projects_list .single-project-box:hover,
.all_projects_list .single-project-box:hover,
.project_gallery_list .single-project-box:hover,
.projects_list .single-project-box:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.30);
}

/* image */
.best_projects_list .single-project-box .image,
.all_projects_list .single-project-box .image,
.project_gallery_list .single-project-box .image,
.projects_list .single-project-box .image{
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: rgba(255,255,255,0.03);
}

.best_projects_list .single-project-box .image img,
.all_projects_list .single-project-box .image img,
.project_gallery_list .single-project-box .image img,
.projects_list .single-project-box .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.best_projects_list .single-project-box .content,
.all_projects_list .single-project-box .content,
.project_gallery_list .single-project-box .content,
.projects_list .single-project-box .content{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px 20px 18px;
}

.best_projects_list .single-project-box .sub-title,
.all_projects_list .single-project-box .sub-title,
.project_gallery_list .single-project-box .sub-title,
.projects_list .single-project-box .sub-title{
  color: #f6b21a;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.best_projects_list .single-project-box h3,
.all_projects_list .single-project-box h3,
.project_gallery_list .single-project-box h3,
.projects_list .single-project-box h3{
  color: #fff;
  font-size: 30px;
  line-height: 1.22;
  font-weight: 700;
  margin: 0 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.best_projects_list .single-project-box p,
.all_projects_list .single-project-box p,
.project_gallery_list .single-project-box p,
.projects_list .single-project-box p{
  color: rgba(255,255,255,0.78);
  font-size: 18px;
  line-height: 1.65;
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.best_projects_list .single-project-box .read-more-btn,
.all_projects_list .single-project-box .read-more-btn,
.project_gallery_list .single-project-box .read-more-btn,
.projects_list .single-project-box .read-more-btn{
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* better spacing around project sections */
.project-area.one .tab-content,
.project-area .tab-content{
  margin-top: 18px;
}

@media (max-width: 991px){
  .best_projects_list .single-project-box .content,
  .all_projects_list .single-project-box .content,
  .project_gallery_list .single-project-box .content,
  .projects_list .single-project-box .content{
    padding: 16px 16px 16px;
  }

  .best_projects_list .single-project-box h3,
  .all_projects_list .single-project-box h3,
  .project_gallery_list .single-project-box h3,
  .projects_list .single-project-box h3{
    font-size: 24px;
  }

  .best_projects_list .single-project-box p,
  .all_projects_list .single-project-box p,
  .project_gallery_list .single-project-box p,
  .projects_list .single-project-box p{
    font-size: 16px;
  }
}