:root {
  --uc-index-blog-bg-btn: #f9612b;
  --uc-index-blog-color-btn: #ffffff; }

@media (min-width: 992px) {
  .urbanconstruct-index-blog .container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1200px) {
  .urbanconstruct-index-blog .container {
    max-width: 1170px; } }

@media (min-width: 1366px) {
  .urbanconstruct-index-blog .container {
    max-width: 1290px; } }

@media (min-width: 1600px) {
  .urbanconstruct-index-blog .container {
    max-width: 1410px; }
  .urbanconstruct-index-blog .container-fluid {
    max-width: 1800px; } }

.urbanconstruct-index-blog .button {
  color: var(--uc-index-blog-color-btn);
  background-color: var(--uc-index-blog-bg-btn); }

.urbanconstruct-index-blog {
  position: relative;
  padding: 80px 0; }
  .urbanconstruct-index-blog:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    width: calc(100% - 60px);
    height: 1px;
    background: currentcolor;
    opacity: 0.2; }
  .urbanconstruct-index-blog .item-article .media-article {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    text-align: center; }
    .urbanconstruct-index-blog .item-article .media-article img {
      border-radius: 16px;
      transition: all 0.3s; }
  .urbanconstruct-index-blog .item-article .info-article {
    margin-top: 20px; }
    .urbanconstruct-index-blog .item-article .info-article .author {
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .urbanconstruct-index-blog .item-article .info-article .title-article a {
      font-size: 28px; }
    .urbanconstruct-index-blog .item-article .info-article .article-post-meta {
      font-size: 14px;
      opacity: 0.6; }
      .urbanconstruct-index-blog .item-article .info-article .article-post-meta .comment {
        margin-left: 10px; }
    .urbanconstruct-index-blog .item-article .info-article .short-article {
      display: none; }
  .urbanconstruct-index-blog .item-article:hover .media-article img {
    transform: scale(1.08); }
  .urbanconstruct-index-blog .btn-more {
    margin-top: 40px; }
  @media (max-width: 991px) {
    .urbanconstruct-index-blog:before {
      left: 15px;
      width: calc(100% - 30px); } }
  @media (max-width: 767px) {
    .urbanconstruct-index-blog {
      padding: 40px 0; }
      .urbanconstruct-index-blog .row {
        gap: 15px; }
      .urbanconstruct-index-blog .item-article .info-article {
        margin-top: 15px; }
        .urbanconstruct-index-blog .item-article .info-article .author {
          margin-bottom: 0; }
        .urbanconstruct-index-blog .item-article .info-article .title-article a {
          font-size: 18px; } }