/* casestudy */
.case-study {
  margin: 50px 0;
  padding: 80px 0;
  background: var(--secondary);
}
.case-study-wrapper {
  gap: 20px;
  flex-wrap: wrap;
}
.case-study-wrapper .case-study-box {
  background: var(--white);
  flex: 0 calc(33.33% - 14px);
  flex-direction: column;
  padding: 30px;
  border-radius: 14px;
}
/*.case-study-wrapper .case-study-box:last-child*/
.case-study-wrapper .case-study-box:first-child
 {
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.case-study-wrapper .case-study-box:first-child {
  padding-right: 30px;
  justify-content: center;
}
.case-study-wrapper .case-study-box:first-child h2 {
  font-size: 40px;
  line-height: 50px;
}
.case-study-wrapper .case-study-box img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
p.case-study-number {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: var(--poppins);
  color: var(--primary);
  font-weight: 700;
}
p.case-study-title {
  font-size: 24px;
  color: #000;
  margin: 0 0 12px;
  line-height: 30px;
  font-weight: 700;
}
p.case-study-des {
  font-size: 20px;
  line-height: 25px;
}

@media (max-width: 767px) {
  /* casestudy */
  .case-study-wrapper .case-study-box {
    flex: 0 calc(50% - 10px);
  }

  .case-studies-header {
    margin-bottom: 40px;
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  /* case study */
  .case-study-wrapper .case-study-box {
    flex: 0 100%;
  }
}