.form-control:focus{
border-color: #e43d4c;
box-shadow:none;
}
select.form-select:focus{
border-color: #e43d4c;
box-shadow:none;
}
.box {
      border: 1px solid #ddd;
      padding:30px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: left;
    }
    .box i {
    font-size: 24px;
    color: #ed2327;
}
    .box p {
      margin: 0;
      font-weight: 500;
    }
    .grid-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto auto;
      gap: 1px;
    }

    .box-org { grid-row: span 2; }
    .box-know { grid-column: 1 / 2; grid-row: 3 / 4; }
    .box-emp { grid-column: 2 / 3; }
    .box-access { grid-column: 3 / 4; }
    .box-roles { grid-column: 4 / 5; grid-row: span 2; }
    .box-audit { grid-column: 2 / 3; grid-row: 2 / 3; }
    .box-hr {
    grid-column: 6 / 5;
    grid-row: 2 / 3;
}
    .box-notif { grid-column: 4 / 3; grid-row: 2 / 3; }

    .grid-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, 1fr);
    }

    .icon-text {
      display: flex;
      align-items: center;
      gap: 10px;
      white-space: pre-wrap;
    }
    .ul-coustom ul li {
    padding-left: 20px;
    position: relative;
}
.ul-coustom ul li:before {
    content: "\f1ce";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    font-size: 14px;
    color: #ed2125;
    top: 3px;
}
.ul-coustom ul{
    margin-bottom: 20px;
}