/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
.case-study-item .case-study-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  border-radius: 8px; }

.case-study-item .case-study-name {
  margin-top: 10px; }
  @media only screen and (min-width: 768px) {
    .case-study-item .case-study-name {
      font-size: 24px;
      line-height: 33px; } }

.case-study-item a.case-study-name-link {
  text-decoration: none;
  cursor: pointer;
  color: inherit; }
  .case-study-item a.case-study-name-link:hover, .case-study-item a.case-study-name-link:focus, .case-study-item a.case-study-name-link:active {
    color: #FF7A00; }

/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
.case-studies-section-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  max-width: 1280px; }
  .case-studies-section-wrapper .case-studies-list-header {
    max-width: 1280px; }
    @media only screen and (min-width: 768px) {
      .case-studies-section-wrapper .case-studies-list-header {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 767px) {
      .case-studies-section-wrapper .case-studies-list-header {
        margin-bottom: 40px; } }
  .case-studies-section-wrapper .case-studies-list {
    max-width: 1280px;
    align-self: start;
    display: grid;
    width: 100%; }
    @media only screen and (min-width: 1280px) {
      .case-studies-section-wrapper .case-studies-list {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .case-studies-section-wrapper .case-studies-list {
        grid-template-columns: 1fr 1fr;
        gap: 30px; } }
    @media only screen and (max-width: 767px) {
      .case-studies-section-wrapper .case-studies-list {
        grid-template-columns: 1fr;
        gap: 25px; } }
    @media only screen and (min-width: 1280px) {
      .case-studies-section-wrapper .case-studies-list .case-study-item:nth-child(n+10) {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .case-studies-section-wrapper .case-studies-list .case-study-item:nth-child(n+3) {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .case-studies-section-wrapper .case-studies-list .case-study-item:nth-child(n+4) {
        display: none; } }
    @media only screen and (min-width: 1280px) {
      .case-studies-section-wrapper .case-studies-list .case-study-image {
        height: 225px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .case-studies-section-wrapper .case-studies-list .case-study-image {
        height: 260px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .case-studies-section-wrapper .case-studies-list .case-study-image {
        height: 210px; } }
    @media only screen and (max-width: 767px) {
      .case-studies-section-wrapper .case-studies-list .case-study-image {
        padding-bottom: 64.13994%; } }
  @media only screen and (min-width: 768px) {
    .case-studies-section-wrapper .view-all-link {
      margin-top: 55px; } }
  @media only screen and (max-width: 767px) {
    .case-studies-section-wrapper .view-all-link {
      margin-top: 45px; } }