/* start section projects */
.section_projects .col_single_project:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .section_projects .col_single_project:not(:last-child) {
    margin-bottom: 40px;
  }
}

.section_projects .col_single_project img {
  width: 50%;
}

.section_projects .col_single_project a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: var(--box-shadow-500);
  box-shadow: var(--box-shadow-500);
  overflow: hidden;
  -webkit-border-radius: var(--border-radius-200);
  border-radius: var(--border-radius-200);
}
@media screen and (max-width: 767px) {
  .section_projects .col_single_project a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section_projects .col_single_project img {
    width: 100%;
    height: 300px;
  }
}

@media screen and (min-width: 768px) {
  .section_projects .col_single_project a {
    height: 400px;
  }
}

.section_projects .col_single_project a .project_details {
  padding: 40px 30px;
}
@media screen and (min-width: 768px) {
  .section_projects .col_single_project a .project_details {
    width: 50%;
    padding: 60px;
  }
}

.section_projects .col_single_project a .project_details .project_name {
  text-transform: capitalize;
  color: var(--color-main-100);
}
.section_projects .col_single_project a .project_details p {
  font-weight: 600;
  color: var(--color-gray-400);
}
.section_projects .col_single_project a .project_details ul li {
  list-style: disc;
  color: var(--color-black-100);
}
/* // end section projects */