.caseBlock {
  background-color: #F4F4F5;
  padding-top: 225px;
  padding-bottom: 270px;
}
.caseBlock.caseUnderside {
  padding-top: 175px;
  padding-bottom: 130px;
}
.caseBlock .container .rowTop {
  margin-bottom: 140px;
}
.caseBlock .container .rowTop .col-md-12 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.caseBlock .container .rowTop .col-md-12 .textWrapper h2,
.caseBlock .container .rowTop .col-md-12 .textWrapper p {
  text-align: center;
}
.caseBlock .container .rowTop .col-md-12 .textWrapper h2 {
  margin-bottom: 20px;
}
.caseBlock .container .row .col-md-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 56px;
}
.caseBlock .container .row .col-md-12 .case {
  width: calc((100% / 3) - 38px);
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 0 28px 28px;
  margin-bottom: 75px;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer {
  position: relative;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .imageWrapper {
  position: relative;
  top: -60px;
  margin-bottom: -30px;
  width: 100%;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .imageWrapper img {
  position: relative;
  z-index: 50;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .imageWrapper svg {
  width: 90%;
  position: absolute;
  top: -20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper {
  padding-bottom: 28px;
  z-index: 1;
  position: relative;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .headingsWrapper {
  margin-bottom: 20px;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .headingsWrapper h5 {
  text-align: center;
  color: #050C3E;
  font-size: 28px;
  font-family: Soleil;
  line-height: 1.3;
  margin-bottom: 5px;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .headingsWrapper .subHeading {
  text-align: center;
  color: #43496E;
  font-family: Brandon-Grotesque;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .textContent {
  font-family: sofia-pro, sans-serif;
  color: #43496E;
  text-align: center;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .textContent p,
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .textContent .remaining-text {
  color: #43496E;
  display: inline;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .textContent .read-more,
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .textContent .read-less {
  color: #0A0A0A;
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
  display: block;
  -webkit-transition: 250ms ease;
  -o-transition: 250ms ease;
  transition: 250ms ease;
}
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .textContent .read-more:hover,
.caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .textWrapper .textContent .read-less:hover {
  color: #F4AF17;
}
.caseBlock .container .row .col-md-12 .case .buttonsWrapper {
  width: 100%;
}
.caseBlock .container .row .col-md-12 .case .buttonsWrapper a {
  width: 100%;
}
.caseBlock .container .rowBottom .col-md-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1280px) {
  .caseBlock .container .row .col-md-12 .case {
    width: calc((100% / 2) - 28px);
  }
}
@media (max-width: 992px) {
  .caseBlock {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .caseBlock.caseUnderside {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .caseBlock {
    padding-top: 70px;
  }
  .caseBlock .container .row .col-md-12 .case {
    width: 100%;
  }
  .caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .imageWrapper svg,
  .caseBlock .container .row .col-md-12 .case .flexWrapper .flexContainer .imageWrapper img {
    top: -25%;
  }
}
@media (max-width: 480px) {
  .caseBlock .container {
    max-width: 100%;
  }
}