/* --- BOXES (Atenção, Saiba Mais, Material Complementar etc) --- */

.card-box {
  padding: 15px;
}
.box-title {
  position: relative;
  border: 2px dashed #0f363f;
  border-radius: 0.75rem;
  padding: 30px;
}
.box-title .h5 {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--fio-sys-tertiary-color);
  margin-bottom: 20px;
  display: block;
  font-weight: 500;
}
/* .box-title .boxes-content p {
	font-size: 1.25rem;
	line-height: 1.3;
} */

.box-title .boxes-content p:last-child {
  margin-bottom: 0;
}

.card-box .fa-exclamation {
  left: -25px;
  top: -22px;
  right: auto;
  position: absolute;
  font-size: 65px;
  z-index: 1;
  border-radius: 36px;
  background: #fff;
  padding: 8px;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 20%);
  color: var(--fio-sys-primary-color);
}
.card-box .box-title__icone {
  display: flex;
  align-items: center;
  justify-content: center;
  left: -40px;
  top: -30px;
  right: auto;
  position: absolute;
  width: 70px;
  height: 70px;
  font-size: 40px;
  z-index: 1;
  border-radius: 50%;
  /* background: #ff7700; */
  background: #05314A;
  
  box-shadow: 0px 4px 8px rgb(0 0 0 / 20%);
  color: #ffffff;
  border: 4px solid #ffffff;
}
@media (max-width: 767.9px) {
  .box-title {
    padding: 15px;
  }
  .box-title .h5 {
    padding-left: 40px;
  }
  .card-box .box-title__icone {
    left: -20px;
    top: -30px;
  }
}