/*Ul li custom icon*/
.location-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%; /* Fills the container dynamically */
}

.location-list li {
    display: flex;
    justify-content: space-between; /* Pushes name left, distance right */
    align-items: baseline;        /* Aligns text to the bottom edge */
    padding: 10px 0;
    gap: 20px;                    /* Prevents text from touching on small screens */
    border-bottom: 1px solid #f0f0f0; 
    position: relative;
}

.location-name {
    flex: 1; /* Allows the name to take up available space */
}

.location-distance {
    white-space: nowrap; /* Prevents "2 km" from breaking into two lines */
    text-align: right;
    color: #888;
}
.service-list{
   margin-top: 20px;
}
.servicenames{
    font-size: 22px;
    text-align: left;
    justify-content: space-between; /* Pushes name left, distance right */
    align-items: baseline;        /* Aligns text to the bottom edge */
    padding: 15px 0;
    gap: 20px;                    /* Prevents text from touching on small screens */
    /*border-bottom: 1px solid #d6d6d6; */
    position: relative;
}
.servicescol{
    display: flex;
    align-items: center;
    gap: 10px;
}
.servicescol>h5{
    margin: 0;
    width: 100%;
}
.servicescol i{
    font-size: 20px;
    color: #333;
}

/*Service Ul li*/
.servicesul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 700px; /* or whatever max width fits your design */
}

.serviceitelli {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #dddada;
  /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
  font-size: 16px;
  color: #444;
}

.services-title {
    flex: 1 1 30%;  /* Title takes about 30% width */
    font-weight: 100;
    color: #514e4e;
    padding-right: 15px;
    text-transform: uppercase;
}

.services-description {
  flex: 1 1 65%; /* Description takes about 65% width */
  color: #666;
  line-height: 1.4;
  text-align: left;
}

/* Responsive for small screens */
/* MOBILE IMPROVEMENTS */
@media (max-width: 600px) {
  .serviceitelli {
    display: block;
    padding: 16px 0;
    border-bottom: 1px solid #ccc;
  }
  .services-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    padding-right: 0;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #111;
  }
  .services-description {
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 1.6;
    padding-left: 6px;
  }
}
/*Service Ul li*/

/*Ul li custom icon*/
/*Logo*/
a.cs_site_branding>img
{
    max-width: 200px;
}
@media (max-width: 860px) {
    a.cs_site_branding>img
    {
        max-width: 135px;
    }
}
/*Logo*/