/* Start:/bitrix/templates/.default/components/bitrix/news.list/link-tiles1/style.css?17509290494045*/
<!--.tiles {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.caption {
   color: #fff;
}

.tiles .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /* Добавляем одинаковые отступы слева и справа */
}

.tiles .item-holder {
    width: calc(33.33% - 30px);
    margin-right: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.tiles .item-holder:nth-child(3n) {
    margin-right: 0;
}
.item-holder a {
    outline: none;
    display: flex;
    text-align: left;
    align-items: center;
    border: 1px solid black;
    border-radius: 50px;
    background-color: #3d5785;
}
.item-holder a:hover {
	border: 1px solid #1278c1;
box-shadow: 0 0 30px rgba(6, 155, 204, 0.5);
}

@media (max-width: 992px) {
    .tiles .item-holder {
        width: calc(50% - 30px);
    }

    .tiles .item-holder:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .tiles .item-holder {
        width: 90%;
        margin-right: 0;
    }
}-->
.main-postup {
  <!--min-height: 100vh;-->
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-postup {
  max-width: 1140px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.card-postup {
  position: relative;
  width: 340px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border: 1px solid #3d5785;
  cursor: pointer;
}

.card-postup:nth-child(2), .card-postup:nth-child(5), .card-postup:nth-child(8), .card-postup:nth-child(11) {
  border: 1px solid #5172ac;
}

.card__cube {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #3d5785;
}

.card-postup:nth-child(2) .card__cube, .card-postup:nth-child(5) .card__cube, .card-postup:nth-child(8) .card__cube, .card-postup:nth-child(11) .card__cube {
  background-color: #5172ac;
}

.card__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 25px;
  word-break: break-word;
}


.card__description {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  font-weight: 700;
  font-size: 24px;
  word-break: break-word;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: visibility .25s ease, opacity .25s ease;
}

.card-postup:hover .card__description {
  visibility: visible;
  opacity: 1;
}

.card__icon {
  z-index: 15;
  position: absolute;
  top: -37px;
  right: -37px;
  visibility: hidden;
  opacity: 0;
  transition: all .25s ease;
}

.card-postup:hover .card__icon {
  top: -67px;
  right: -67px;
  visibility: visible;
  opacity: 1;
}

.card__bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.card__bg-item {
  width: 50%;
  height: 50%;
  transition: transform .25s ease;
  background-color: #3d5785;
}

.card-postup:nth-child(2) .card__bg .card__bg-item, .card-postup:nth-child(5) .card__bg .card__bg-item, .card-postup:nth-child(8) .card__bg .card__bg-item, .card-postup:nth-child(11) .card__bg .card__bg-item {
  background-color: #5172ac;
}

.card__bg-item:first-child {
  transform: scaleY(0);
  transform-origin: bottom;
}

.card__bg-item:nth-child(2) {
  transform: scaleY(0);
  transform-origin: top;
}

.card__bg-item:nth-child(3) {
  transform: scaleX(0);
  transform-origin: left;
}

.card__bg-item:nth-child(4) {
  transform: scaleY(0);
  transform-origin: right;
}

.card-postup:hover .card__bg-item {
  transform: scale(1);
}
@media (min-width: 0px) and (max-width: 768px){
.card-postup:hover .card__icon {
  visibility: visible;
  opacity: 0;
}
.card-postup {
    width: 260px;
    height: 150px;
    padding: 10px;
}
.card__title {
    font-size: 20px;
    line-height: 20px;
}
.card__description {
   // font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    word-break: break-word;
    padding: 10px;
}
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/link-tiles1/style.css?17509290494045 */