#partnerler-widget {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Project styles */
#partnerler-widget .projects-overflow {
  margin-top: 40px;
}

#partnerler-widget .project {
  position: relative;
  margin-top: 40px;
}

#partnerler-widget .project:first-child {
  margin-top: 0;
}

#partnerler-widget .project-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#partnerler-widget .project-row:not(:first-child) {
  margin-top: 0;
}

#partnerler-widget .project-figure {
  width: 100%;
  padding: 0 15px;
  margin-bottom: 20px;
}

#partnerler-widget .project-figure img {
  width: 100%;
  border-radius: 0.5rem !important;
}

#partnerler-widget .project-details {
  width: 100%;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#partnerler-widget .card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 0 0.05rem rgba(8, 60, 130, 0.06),
    0 0 1.25rem rgba(30, 34, 40, 0.04);
  word-wrap: break-word;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#partnerler-widget .card-body {
  flex: 1 1 auto;
  padding: 40px;
}

#partnerler-widget .post-header {
  margin-bottom: 20px;
}

#partnerler-widget .post-title {
  font-size: calc(1rem + 0.9vw) !important;
  margin-bottom: 12px;
  line-height: 1.2;
  font-weight: 400;
  font-family: DM Serif Display;
}

#partnerler-widget .post-content {
  position: relative;
}

/* Media queries */
@media (min-width: 768px) {
  #partnerler-widget .project-figure {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  #partnerler-widget .project .project-row {
    margin: 180px 0;
  }

  #partnerler-widget .project:first-child .project-row {
    margin-top: 90px;
  }

  #partnerler-widget .project:last-child .project-row {
    margin-bottom: 90px;
  }

  #partnerler-widget .project-figure {
    width: 50%;
  }

  #partnerler-widget .project-details {
    position: relative;
    max-width: 50%;
  }

  #partnerler-widget .project:nth-child(odd) .project-details .card {
    position: absolute;
    left: -15%;
  }

  #partnerler-widget .project:nth-child(even) .project-row {
    flex-direction: row-reverse;
  }

  #partnerler-widget .project:nth-child(even) .project-details .card {
    position: absolute;
    right: -15%;
  }
}