.dw {
    animation: fade 2s;
  }
  .dw {
    box-sizing: border-box;
    column-gap: 0;
    position: relative;
  }
  .dw * {
    box-sizing: border-box;
  }
  .dw__fcs-crtn {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.75;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
  }
  @media (min-width: 768px) {
    .dw {
      column-count: 2;
    }
  }
  @media (min-width: 992px) {
    .dw {
      column-count: 3;
    }
  }
  @media (min-width: 1500px) {
    .dw {
      column-count: 3;
    }
  }
  .dw-pnl {
    margin: 0;
    padding: 5px;
  }
  .dw-pnl--fcs {
    position: relative;
  }
  .dw-pnl--fcs:hover {
    z-index: 3;
  }
  .dw-pnl--fcs:hover ~ .dw__fcs-crtn {
    display: block;
  }
  .dw-pnl--pls {
    transform-style: preserve-3d;
    perspective: 1000;
    transition: transform 0.25s ease 0s;
  }
  .dw-pnl--pls:hover {
    transform: scale(1.02);
  }
  .dw-pnl__cntnt {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
  }

  .cntnt-wrapper{
    padding: 20px;
  }

  .blog #content-wrapper .item-image img{
    margin-bottom: 25px;
  }

  @media (min-width: 768px) {
    .dw-pnl {
      break-inside: avoid;
    }
  }
  .dw-flp {
    perspective: 1000;
  }
  .dw-flp:hover .dw-flp__cntnt {
    transform: rotateY(180deg);
  }
  .dw-flp--sm {
    height: 200px;
  }
  .dw-flp--md {
    height: 300px;
  }
  .dw-flp--lg {
    height: 400px;
  }
  .dw-flp__pnl {
    backface-visibility: hidden;
    border-radius: 10px;
    height: 100%;
    left: 0;
    overflow: visible;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .dw-flp__pnl--frnt {
    transform: rotateY(0deg);
    z-index: 2;
  }
  .dw-flp__pnl--bck {
    transform: rotateY(180deg);
  }
  .dw-flp__cntnt {
    height: 100%;
    overflow: visible;
    position: relative;
    transform-style: preserve-3d;
    transition: 0.25s;
  }
  .dw-clstr {
    display: flex;
    padding: 0;
  }
  @media (max-width: 430px) {
    .dw-clstr--vrt {
      flex-direction: column;
    }
  }
  .dw-clstr--hrz {
    flex-direction: column;
  }
  .dw-clstr__sgmnt {
    display: flex;
    flex: 1 1 auto;
  }
  .dw-clstr__sgmnt--rw {
    display: flex;
  }
  @media (max-width: 430px) {
    .dw-clstr__sgmnt--rw {
      flex-direction: column;
    }
  }
  .dw-clstr__sgmnt--clmn {
    flex-direction: column;
  }
  @media (min-width: 430px) {
    .dw-clstr__sgmnt--hlf {
      flex-basis: 50%;
    }
    .dw-clstr__sgmnt--qrt {
      flex-basis: 25%;
    }
  }
  /**
    * Theming
  */
  * {
    box-sizing: border-box;
  }
  .tx--left {
    text-align: left;
  }
  .tx--right {
    text-align: right;
  }
  .tx--center {
    text-align: center;
  }
  body {
    font-family: 'Open Sans', sans-serif;
  }
  h3 {
    margin-top: 0;
  }
  /**
  * Colors
  */
  .bd--black {
    border: 4px solid #000;
  }
  .bg--black {
    background-color: #000;
  }
  .tx--black {
    color: #000;
  }
  .bd--red {
    border: 4px solid #e74c3c;
  }
  .bg--red {
    background-color: #e74c3c;
  }
  .tx--red {
    color: #e74c3c;
  }
  .bd--blue {
    border: 4px solid #1e8bc3;
  }
  .bg--blue {
    background-color: #1e8bc3;
  }
  .tx--blue {
    color: #1e8bc3;
  }
  .bd--green {
    border: 4px solid #26a65b;
  }
  .bg--green {
    background-color: #26a65b;
  }
  .tx--green {
    color: #26a65b;
  }
  .bd--grey {
    border: 4px solid #6c7a89;
  }
  .bg--grey {
    background-color: #6c7a89;
  }
  .tx--grey {
    color: #6c7a89;
  }
  .bd--purple {
    border: 4px solid #8e44ad;
  }
  .bg--purple {
    background-color: #8e44ad;
  }
  .tx--purple {
    color: #8e44ad;
  }
  .bd--white {
    border: 4px solid #ecf0f1;
  }
  .bg--white {
    background-color: #ecf0f1;
  }
  /**
  * Images
  */
  /* img {
    max-height: 300px;
  } */
  img.dw-pnl__cntnt,
  img.dw-flp__pnl {
    padding: 0;
  }
  img.dw-flp__pnl {
    max-height: 100%;
  }
  @-moz-keyframes fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-o-keyframes fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }