section .cntbnr {
        width: 100%;
        height: 300px;
        background: url(/web/images/contact-us.webp);
        background-repeat: repeat;
        background-size: cover;
        background-position: center center;
    }
    section.topbanner .cntbnr {
        background: url(/web/images/Building-home.webp);
        background-size: cover;
    }
    section .tbc {
        position: absolute;
        top: 57%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
    }
    ul.dfxbdcrb {
        display: inline-block;
        background-color: rgba(0, 0, 0, .65);
        position: absolute;
        top: 150px;
        padding: 2px 20px;
    }
    section .tbc h1 {
        font-size: 40px;
        color: #fff;
        font-weight: 500;
    }
    
    section.topbanner {
        position: relative;
    }
    
    .page-container {
        max-width: 1400px;
        margin: auto;
    }
    
    section.building-tabs-sec {
        padding: 60px 0;
    }
    
    .icon-title {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 12px;
    }
    .icon-title h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
    }
    
    
    .tab-box.active {
        border-color: #ffc400;
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }
    
    .tab-box.inactive {
        opacity: 0.2;
        transform: scale(0.98);
    }
    
    .tab-box.inactive:hover
    {
         opacity: 0.7;
    }
    
    
    .form-row {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        margin: 30px auto;
    }
    
    .form-group {
        width: 33%;
        display: flex;
        flex-direction: column;
    }
    
    .form-group label {
        font-size: 14px;
        color: #666;
        margin-bottom: 6px;
    }
    
   
    .form-control {
        width: 100%;
        padding: 12px 14px;
        font-size: 16px;
        border: 1px solid #aaa;
        border-radius:4px;
        background: #fff;
        color: #444;
        appearance: none;
        outline: none;
        position: relative;
    }
    
    .select-wrap {
        position: relative;
    }
    
    .select-wrap::after {
        content: "";
        font-size: 14px;
        color: #555;
        position: absolute;
        right: 14px;
        top: 17px;
        transform: rotate(45deg);
        pointer-events: none;
        border-bottom: 2px solid #555;
        border-right: 2px solid #555;
        height: 10px;
        width: 10px;
        
    }
    
    .form-control:hover, 
    .form-control:focus {
        border-color: #bbb;
    }

    .tab-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 25px;
      margin-bottom: 40px;
    }
    
    .tab-box {
      background:#F8F8F8;
      padding: 25px;
      border-radius:8px;
      transition: 0.3s;
      cursor: pointer;
    }
    
    .tab-box:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }
    
    .tab-box.active {
      box-shadow: 0 15px 30px rgba(0,0,0,0.12);
      border-color: #fff;
    }
    
    .icon {
      width: 50px;
      height: 50px;
      background: #FFDE004D;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
    }
    .tab-box h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px;
    }
    
    .tab-box p {
      font-size: 18px;
      line-height: 1.4;
      color: #000;
      margin-bottom: 20px;
      min-height: 75px;
    }
    
    .yellow-btn {
        background: #FFDE00;
        padding: 15px 22px;
        border-radius: 0;
        font-weight: 600;
        color: #000;
        text-decoration: none;
        display: inline-block;
        box-shadow: 1px 30px 35px -15px #0000005C;
        border:none;
        min-width: 160px;
        font-size: 18px;
        text-align: center;
    }
    
    div#loadmorebtn {
        margin-top: 40px;
        text-align: center;
    }
    button#loadmore {
        height: 50px;
        cursor: pointer;
    }
    
    .tab-content {
      display: none;
    
    }
    
    .tab-content.active {
      display: block;
    }
    
    .form-control::placeholder {
        color: #999;
    }
    
    .cards-wrapper {
        display: flex;
        gap: 25px;
        flex-wrap: wrap;
        justify-content: left;
    }
    
    
    .card-box {
        padding: 25px;
        border-radius: 12px;
        border: 1px solid #f3f3f3;
        background: #F2F2F2;
        width: 32%;
    }
    
    .card-box h3 {
        margin: 0 0 15px;
        font-size: 18px;
        font-weight: 700;
        text-align: left;
    }
    
    .info-row {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
    }
    
    .info-row img {
        margin-top: 3px;
    }
    
    .info-row p {
        margin: 0;
        color: #000;
        font-size: 16px;
        line-height: 1.4;
        text-transform: capitalize;
    }
    
    .btn-row {
        margin-top:30px;
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }
    .outline-btn {
        border: 1px solid #231F20;
        background: #fff;
        padding: 15px 28px;
        border-radius: 0px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        min-width: 160px;
        color: #231F20;
        text-align: center;
    }

    .tab-wrapper {
        padding: 0 20px;
    }
    .tab-content {
        padding: 0 20px;
    }
    section .tbc {
        text-align: center;
    }
    
    div#request_list .card-box{ margin:auto; }
    div#request_list .card-box, div#request_list .card-box h3 {
        text-align: left;
    }
    
    .info-row span {
        width: 30px;
        height: 30px;
        background: #FFDE004D;
        text-align: center;
        padding: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
    }
    
    div#request_list .card-box.not-found-card h3 {
        text-align: center;
        margin: 0;
    }
    
    
    .select2-container .select2-selection--single
    {
        height: 48px;
    
    }
    
    
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      
        line-height: 45px;
    }
    
    
    .select2-container--default .select2-selection--single .select2-selection__arrow {
     
        top: 12px;
    
        display: none;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__clear {
        height: 40px;
        margin-right: 41px;
        margin-top: 4px;
    }
    
    
    div#tab1 {
        scroll-margin-top: 150px;
    }
    
    html {
      scroll-behavior: smooth; /* optional */
    }
    .main-list-row {
        min-height: 180px;
    }
    
    
    .outline-btn {
        border: 1px solid #231F20;
        background: #fff;
        padding: 15px 28px;
        border-radius: 0px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        min-width: 160px;
        color: #231F20;
        text-align: center;
    }
    
    @media (max-width: 1299px) {
    
         .outline-btn 
          {
     
         }
    
         div#request_list .card-box{ padding:15px; }
     
      
    }
    
    
    @media (max-width: 992px) {
      .tab-wrapper {
        grid-template-columns: repeat(2, 1fr);
      }
    
    div#request_list .card-box {
        width: 48%;
    }
    
    
    }
    
    @media (max-width: 600px) {
      .tab-wrapper {
        grid-template-columns: 1fr;
      }
    }
    
    @media (max-width:768px) 
    {
    
    .form-group
    {
        width: 100%;
    }
    
    .form-row
     {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .card-box {
        width: 100%;
    }
    div#request_list {
        margin-top: 40px;
    }
    
    
    .tab-wrapper {
        margin-bottom: 0;
        gap: 15px;
    }
    
    .submit-btn-sec {
        margin-top: 30px;
    }
     div#request_list .card-box
      {
            width: 100%;
        }
    
    .tbc.home-banner-title {
        width: 100%;
    }
    
    
     section.building-tabs-sec {
        padding: 20px 0;
    } 
    
        div#request_list .outline-btn, div#request_list .yellow-btn {
            min-width: 115px;
            padding: 15px 20px;
        }
        .main-list-row {
            min-height: auto;
        }
            
    
    }