.error {
    color: red !important;
}
.lt-grey-bg{
    background-color:#49494D !important;
}
#slider-container {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease;
 }
.card-container .card {
    width:202px;
    height:200px;
}
.card-wrapper .card {
    margin-right:10px;
    margin-left:10px;
}
#scrollToTopBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        color: #fff;
}
body{
        font-family: 'Overpass', sans-serif;
}
.footer{
        min-height:250px;
}
.tst-txt-yellow{
    color:#EEAB28 !important;
}
.tst-bg-yellow{
    background-color:#EEAB28 !important;
}
.tst-txt-size-md{
    font-size:25px;
}
.tst-mt-lg{
    margin-top:130px;
}
.tst-mt-md{
  margin-top:70px;
}
.tst-inner-border-white {
  /* White Border (Inner) */
  border: 3px solid white;
}
.tst-inner-border-top-white {
  /* White Border (Inner) */
  border-top: 3px solid white;
}
.tst-outer-border-blk{
     /* Black Border (Outer) */
  box-shadow: 0 0 0 2px black;
}
.tst-outer-border-blk-thick{
  /* Black Border (Outer) */
box-shadow: 0 0 0 5px black;
}
.tst-outer-border-blue{
    box-shadow: 0 0 0 2px #0d6efd;
}
.thick-border-blk{
    border: 3px solid black;
}

.box-border-yellow{
    border: 3px solid  #eeab28;
}
.navbar-nav{
  font-size:18px !important;
}
.navbar-nav a {
    position: relative;
    text-decoration: none;
  }

  .navbar-nav a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #eeab28; /* Match the link color */
    transition: width 0.3s ease; /* Adjust the duration and timing function as needed */
  }
  
  .navbar-nav a:hover::before {
    width: 100%;
  }

  .traffic-tst-bg {
    width: 100%;
    margin-top:100px;
    min-height:250px;
    background: url('https://roads.charlestoncounty.org/imgs/featured-projects.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed; /* Fix the background while allowing content to scroll */
    color: #ffffff; /* Set text color to contrast with the background */
  }
  
  .traffic-content {
    text-align: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background for better readability */
  }

  /*Half Penny banner*/
  .half-penny-banner-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .half-penny-banner-image {
    height: 75%;
    position: absolute;
    top: 10%;
    transform: translateX(-30%);
  }

  .half-penny-banner-text {
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
    font-size: 35px; /* Adjust font size as needed */
    text-align: center;
  }
  select, input, .form-control {
    border: 3px solid black !important;
  }
  label {
    font-weight: bold;
    font-size: 18px; /* Change to 16px if desired */
  }
 .accordion-item {
    border: 3px solid #000; /* 3px black border */
}

/* Optional: Style for accordion buttons */
.accordion-button:not(.collapsed) {
    background-color: #eeab28; /* Example background color */
    box-shadow: none;
}

/* Optional: Style for accordion body/content */
.accordion-body {
    background-color: #f8f9fa; /* Example background color */
    color: #000; /* Example text color */
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
button:focus:not(:focus-visible) {
    outline: 0 !important;
}
.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0,0,0,.125);
}
.footer hr {
    border: 0; /* Remove the default border */
    border-top: 3px solid white; /* Set the top border to create a 3px white line */
    opacity:100% !important;
}
.navbar-toggler {
  border: 3px solid white;
}