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

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

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

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

.urbanconstruct-index-service {
  padding: 80px 0;
  background: #ffffff;
  color: #21201e; }
  .urbanconstruct-index-service.has-bg {
    background-image: url("//cdn.hstatic.net/themes/200001071873/1001406388/14/urbanconstruct_index_service_bg.jpg?v=1951}");
    background-size: cover;
    background-position: center; }
  .urbanconstruct-index-service .service-heading {
    display: flex;
    align-items: end;
    gap: 15px 40px; }
    .urbanconstruct-index-service .service-heading .heading-title {
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
      margin: 0; }
      .urbanconstruct-index-service .service-heading .heading-title .title2 {
        margin: 0; }
      .urbanconstruct-index-service .service-heading .heading-title .desc {
        color: rgba(33, 32, 30, 0.6);
        margin-top: 20px; }
    .urbanconstruct-index-service .service-heading a {
      display: inline-block;
      font-weight: 600;
      color: #21201e;
      text-align: right;
      -ms-flex: 0 0 calc(35% - 40px);
      flex: 0 0 calc(35% - 40px); }
      .urbanconstruct-index-service .service-heading a:hover {
        color: rgba(33, 32, 30, 0.6); }
  .urbanconstruct-index-service .service-tab {
    display: flex;
    align-items: start;
    gap: 30px;
    margin-top: 40px; }
    .urbanconstruct-index-service .service-tab .nav-tabs {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%; }
      .urbanconstruct-index-service .service-tab .nav-tabs .nav-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
        .urbanconstruct-index-service .service-tab .nav-tabs .nav-item .nav-link {
          border-radius: 0;
          font-size: 22px;
          font-weight: 600;
          padding: 18px 0;
          color: rgba(33, 32, 30, 0.6);
          border-bottom: 1px solid rgba(33, 32, 30, 0.2);
          border-top: none;
          border-left: none;
          border-right: none; }
          .urbanconstruct-index-service .service-tab .nav-tabs .nav-item .nav-link.active {
            background: none;
            color: #21201e;
            border-color: #21201e; }
          .urbanconstruct-index-service .service-tab .nav-tabs .nav-item .nav-link:hover {
            color: #21201e; }
        .urbanconstruct-index-service .service-tab .nav-tabs .nav-item:first-child {
          border-top: 1px solid rgba(33, 32, 30, 0.2); }
    .urbanconstruct-index-service .service-tab .tab-content {
      -ms-flex: 0 0 calc(70% - 30px);
      flex: 0 0 calc(70% - 30px);
      max-width: calc(70% - 30px); }
      .urbanconstruct-index-service .service-tab .tab-content .img img {
        border-radius: 16px; }
  @media (max-width: 991px) {
    .urbanconstruct-index-service .service-heading {
      gap: 20px;
      flex-flow: wrap; }
      .urbanconstruct-index-service .service-heading .heading-title,
      .urbanconstruct-index-service .service-heading a {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    .urbanconstruct-index-service .service-tab {
      gap: 20px;
      flex-flow: wrap; }
      .urbanconstruct-index-service .service-tab .nav-tabs,
      .urbanconstruct-index-service .service-tab .tab-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
  @media (max-width: 767px) {
    .urbanconstruct-index-service {
      padding: 40px 0; }
      .urbanconstruct-index-service .service-heading a {
        text-align: left; }
      .urbanconstruct-index-service .service-tab {
        margin-top: 25px; }
        .urbanconstruct-index-service .service-tab .nav-tabs .nav-item .nav-link {
          font-size: 16px;
          padding: 10px 0; } }