﻿.dynamic-columns .dynamic-columns__container {
  display: flex;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .dynamic-columns .dynamic-columns__container {
      display: block; } }
  .dynamic-columns .dynamic-columns__container .dynamic-columns__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .dynamic-columns .dynamic-columns__container .dynamic-columns__item {
        padding-bottom: 0 !important;
        padding-top: 0 !important; } }
    @media screen and (max-width: 480px) {
      .dynamic-columns .dynamic-columns__container .dynamic-columns__item.show-mobile__false {
        display: none !important; } }
    @media screen and (min-width: 480px) and (max-width: 768px) {
      .dynamic-columns .dynamic-columns__container .dynamic-columns__item.show-tablet__false {
        display: none !important; } }
    .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content {
      width: 100%; }
      @media screen and (max-width: 768px) {
        .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content {
          margin-bottom: 15px; } }
      .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content:first-child {
        align-self: flex-start; }
      .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content:last-child {
        align-self: flex-end; }
      @media screen and (max-width: 480px) {
        .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content.show-mobile__false {
          display: none !important; } }
      @media screen and (min-width: 480px) and (max-width: 768px) {
        .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content.show-tablet__false {
          display: none !important; } }
      .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content > a {
        position: relative;
        display: block; }
        .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content > a img {
          margin: 0 auto; }
      .dynamic-columns .dynamic-columns__container .dynamic-columns__item .item__content .title__container {
        position: absolute;
        bottom: 5px;
        left: 15px;
        direction: ltr;
        color: white;
        font-size: 17px; }

body.rtl .title__container {
  right: 15px;
  direction: rtl; }
