.parar-doc-type .docume-icon {
    background-image: url(/themes/custom/asdhs/images/docum-icon.svg);
    background-size: contain;
    background-position: center left 0px;
    background-repeat: no-repeat;
    width: 69px;
    height: 80px;
    margin-right: 19px;
}
.parar-doc-type:hover .docume-icon{
   background-image: url(/themes/custom/asdhs/images/document-icon-hover.svg)
}
.parar-doc-type h4.h4 {
  font-weight: 600;
  font-size: 22px;
  color: #333333;
  margin: 0 !important;
}
.parar-doc-type a:hover {
  text-decoration: none !important;
}
.parar-doc-type a:hover .h4 {
  color: #005288;
}
.parar-doc-type a {
  color: #333333;
}
.parar-doc-type a:hover p {
  color: #005288;
}
.parar-doc-type p {
  font-weight: 400 !important;
  padding: 0;
  margin-block: 0 !important;
}

.parar-doc-type .grey-colo-bordr{
  width: 166px;
  background-color: #d7d7d7;
  height: 2px;
  margin:28px 0;
}
.field-doc-type-data .field--item:last-child .parar-doc-type .grey-colo-bordr{
  background: #fff;
}


@media (max-width: 767px)  {
.parar-doc-type .docume-icon {
  background-image: url(/themes/custom/asdhs/images/docum-icon.svg);
  background-position: center left 0px;
  background-repeat: no-repeat;
  width: 50px;
  height: 60px;
  background-size: contain;
  margin-right: 12px !important;
 }
 .parar-doc-type .d-flex {
  flex-direction: column;
  gap: 15px;
 }
}