.contests-listing article {
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s ease; }
  .contests-listing article * {
    cursor: pointer; }
  .contests-listing article:hover .qodef-e-content h3,
  .contests-listing article:hover .qodef-e-content h5,
  .contests-listing article:hover .qodef-e-content p {
    transform: translateX(7px); }
  .contests-listing article:hover .qodef-e-content button {
    color: #111;
    background-color: transparent;
    border: 2px solid #111; }
    .contests-listing article:hover .qodef-e-content button .qodef-btn-bg-holder {
      -webkit-transform: translate3d(0, 140%, 0) skewY(10deg) !important;
      transform: translate3d(0, 140%, 0) skewY(10deg) !important;
      -webkit-transition: 0.5s cubic-bezier(0.17, 0.21, 0, 0.96) !important;
      -o-transition: 0.5s cubic-bezier(0.17, 0.21, 0, 0.96) !important;
      transition: 0.5s cubic-bezier(0.17, 0.21, 0, 0.96) !important; }
  .contests-listing article.swiper-slide-active {
    opacity: 1; }
    .contests-listing article.swiper-slide-active:hover {
      opacity: 1; }
  .contests-listing article:hover {
    opacity: 0.7; }

.contests-listing .qodef-e-image,
.contests-listing .qodef-e-content {
  position: relative; }

.contests-listing .qodef-e-content h3,
.contests-listing .qodef-e-content h5,
.contests-listing .qodef-e-content p {
  transition: 0.3s cubic-bezier(0.12, 0.67, 0.12, 0.88); }

.contests-listing .qodef-e-content h3 {
  font-size: 30px;
  line-height: 1em; }

.contests-listing .qodef-swiper-container {
  overflow: visible !important; }

@media screen and (max-width: 1400px) {
  .contests-listing article .qodef-e-content {
    padding: 0 15px; }
    .contests-listing article .qodef-e-content h5 {
      font-size: 20px;
      letter-spacing: 0;
      line-height: 1.1em; }
    .contests-listing article .qodef-e-content p {
      line-height: 1.4em;
      font-size: 13px; }
    .contests-listing article .qodef-e-content button {
      width: 100%;
      display: flex;
      padding: 0;
      height: 54px;
      box-sizing: border-box;
      justify-content: center;
      align-items: center;
      max-width: 280px;
      margin: auto; } }

@media screen and (max-width: 1200px) {
  .contests-listing article .qodef-e-content h3 {
    font-size: 23px;
    line-height: 1em; } }

@media screen and (max-width: 768px) {
  .contests-listing {
    margin-top: -50px !important; }
    .contests-listing .qodef-e-content .p-contest {
      margin: 10px -30px;
      text-align: center; } }

@media screen and (max-width: 680px) {
  .contests-listing article .qodef-e-image {
    max-width: 300px;
    margin: auto; }
  .contests-listing article .qodef-e-content {
    text-align: center; } }