.odl-location-tabs-wrapper {
    display: flex;
    flex-direction: row;
}

@media(min-width: 768px){
    .odl-location-tabs-wrapper{
        justify-content: center;
    }
}

@media(max-width: 767px){
    .odl-location-tabs-wrapper{
        flex-direction: column;
    }
}

.odl-location-tab-title.odl-active{
    border-bottom: 3px solid #009AD9;
    color: #009AD9;
}

.odl-location-tabs .odl-tab-content{
    padding: 20px;
}

.odl-location-tab-title{
    position: relative;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 1;
    border: solid transparent;
    cursor: pointer;

}



  /*
  Location Page Styling
  **/
  .odl-location-row{
    display: flex;
    flex-direction: row;
  }

  /* Container for each column */
  .odl-location-col {
    display: flex;
    flex-direction: row;
    flex-basis: calc(50% - 10px); /* Adjust the width as needed with margin */
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  @media(max-width: 767px){
    .odl-location-row, .cta-buttons{
      flex-direction: column; /* Take up entire row */
    }
  }


    /* Container for the entire location section */

    .location-title{
      padding: 10px;
    }
  .odl-locations-wrap {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 16px;
    background-color: #f7f7f7;
  }

  /* Google Map iframe */
  .google-map iframe {
    width: 100%;
    height: 400px;
    border: 0;
  }

  /* Locations inner row */
  .locations-inner-row {
    display: flex;
    flex-wrap: wrap;
  }

  /* Inner columns */
  .inner-column {
    flex: 1;
    padding: 10px;
  }

  /* Contact information */
  .inner-column p {
    margin: 0;
    line-height: 1.5;
  }

  /* CTA buttons */
  .cta-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
  }


  .cta-buttons > div{
    flex: 1; /* Equal width for both buttons */
  }

  .cta-buttons .button-wrapper > div{
    padding: 10px;
  }
  /* Consultation button */
  .odl-location-row .odl-location-col .cta-buttons .consultation a,
  .odl-location-row .odl-location-col .cta-buttons .contact-us a,
  .odl-location-row .odl-location-col .cta-buttons a
  {
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    transition: background-color 0.3s ease;
  }

  /* Consultation button hover */
  .consultation a:hover,
  .contact-us a:hover,
  .cta-buttons a:hover
  {
    background-color: #FF9900;
  }

  .consultation a{
    background-color: #004E86;
  }

  /* Contact us button */
  .contact-us a,  .hq-contact a {
    background-color: #009AD9;
  }


