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

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

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

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

.urbanconstruct-index-policy {
  padding: 80px 0; }
  .urbanconstruct-index-policy .policy-item {
    display: flex;
    gap: 20px; }
    .urbanconstruct-index-policy .policy-item .img {
      flex: 0 0 90px;
      height: 90px;
      line-height: 90px;
      text-align: center;
      border-radius: 8px;
      position: relative;
      overflow: hidden; }
      .urbanconstruct-index-policy .policy-item .img:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: currentcolor;
        opacity: 0.1; }
      .urbanconstruct-index-policy .policy-item .img img {
        max-width: 40px; }
    .urbanconstruct-index-policy .policy-item .detail .title {
      font-size: 22px; }
    .urbanconstruct-index-policy .policy-item .detail .desc {
      opacity: 0.6; }
  @media (max-width: 991px) {
    .urbanconstruct-index-policy.has-about {
      padding-top: 0; }
    .urbanconstruct-index-policy .row {
      gap: 15px; } }
  @media (max-width: 767px) {
    .urbanconstruct-index-policy {
      padding: 40px 0; }
      .urbanconstruct-index-policy .policy-item {
        gap: 10px; }
        .urbanconstruct-index-policy .policy-item .img {
          flex: 0 0 70px;
          height: 70px;
          line-height: 70px; }
        .urbanconstruct-index-policy .policy-item .detail .title {
          font-size: 18px;
          margin-bottom: 6px; } }