.content ul li{
    list-style: disc;
}
.service-page-hero {
  position: relative;
  background-image: url('https://avatars.mds.yandex.net/i?id=1b1781454d24965feaf54f4fcc129da942dbd09e-9149104-images-thumbs&n=13');
  background-repeat: no-repeat;
  background-size: cover;
  height: 220px;
}

.service-page-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.service-page-hero h1 {
  position: relative; 
  color: var(--white-color);
  font-weight: 700;
  padding-top: 50px;
  font-size: 50px;
}

.company-page-registration .content{
    background-color: var(--white-color);
    border-radius: 8px;
    color: var(--black-color);
}
.company-page-registration .content h2{
    font-weight: 700;
    margin-bottom: 20px;
}
.company-page-registration .content h3{
    font-weight: 700;
}
.company-page-registration h3 span{
    color: var(--orange-color);
}
.company-page-registration .content .card h5{
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.company-page-registration .content .card:hover{
    background-color: var(--sky-blue);
}

/*need support*/
 .need-support {
        background-color: var(--blue-color);
        border-radius: 8px;
        position: sticky;
        top: 20px; 
        z-index: 1; 
    }
.need-support form [type="submit"] {
    background-color: var(--orange-color);
    color: var(--white-color);
    border: none;
    padding: 5px 10px;  
}
.need-support span{
    color: var(--orange-color);
}

/*suggest service page*/
.suggest-service-page{
    background-color: var(--white-color);
    border-radius: 8px
}
.suggest-service-page ul li{
     border-bottom: 1px solid rgba(0, 0, 0, .1);
     height: 40px;
     line-height: 40px;
}
.suggest-service-page ul h5{
    padding: 5px 0px 5px 15px;
    font-size: 24px;
    font-weight: 600;
    color: var(--black-color);
}
.suggest-service-page ul li a{  
     color: var(--black-color);
     padding-left: 15px;
     font-size: 17px;
}

.suggest-service-page ul li:hover{
   background-color: var(--orange-color);
   
}
.suggest-service-page ul li:hover a{
     color: var(--white-color) !important;
}

   .need-a-customized{
        background-color: var(--blue-color);
        color: white;
        border-radius: 25px;
        padding: 25px;
    }