/* Banner */

.head-banner-box * {
  margin: 0;
  padding: 0;
}

.close {
  cursor: pointer;
}

.head-banner-box {
  background: black;
  background: url("https://media4.giphy.com/media/pWhWtKdqwOAco/giphy.gif?cid=ecf05e47ehfk8x7o366dt9d53qr3epp6hvn6lgei89uc12ju&ep=v1_gifs_search&rid=giphy.gif&ct=g");
  display: none;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.2rem;
  color: white;
  padding: 4px 0;
}

.head-banner-box button {
  background: white;
  color: black;
}
.head-banner-box button a {
  color: black;
}

.head-banner-box button:hover a {
  color: white !important ;
}
.head-banner-box button:hover {
  border: 1px solid white;
}

/* .head-banner-box div{
    min-width: 280px;
} */

.head-banner-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
}

/* Our Services */

[data-tab-info] {
    display: none;
}

.tabs{
    /* background: red; */
    display: flex;
    justify-content: center;
}

.tabs span{
    width: 33%;
    text-align: center;
}

.active[data-tab-info] {
    display: block;
}

.tab-content {
    margin-top: 1rem;
    padding-left: 1rem;
    font-size: 20px;
    color: rgb(0, 0, 0);
}

.tabs {
    /* border-bottom: 1px solid grey; */
    /* background-color: rgb(16, 153, 9); */
    font-size: 25px;
    color: rgb(0, 0, 0);
   color: #1E1666;
    display: flex;
    margin: 0;
}

.tabs span {
    /* background: rgb(16, 153, 9); */
    padding: 10px;
    border-bottom: 3px solid lightgray;
    /* border: 1px solid rgb(255, 255, 255); */
}


.tabs span:hover {
    /* background: rgb(55, 219, 46); */
    cursor: pointer;
    /* color: black; */
}

.active-tab{
    color:blue;
    border-bottom: 3px solid transparent !important;
    border-image: linear-gradient(0.25turn, rgba(255,249,34), rgba(255,0,128), blue);
    border-image-slice: 1;
    width:100%;
}

.single-service{
  height: 250px;
  padding: 18px 24px;
}
.service-content >p {
  text-align: left;
}
.service-content>.service-title>h4{
  text-align: left;

}
@media screen and (max-width: 500px) {
  .tabs span {
    font-size: 16px;
    /* background: #000; */
  }

}