.dt-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 6rem;
}

.dt-tile {
    display: block;
    width: 100%;
    min-height: 136px;
    text-align: left;
    color: #173948;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.243' height='31.243' viewBox='0 0 31.243 31.243'%3E%3Cg transform='translate(-8.379 -8.379)'%3E%3Cpath d='M10.5,37.5l27-27' transform='translate(0 0)' fill='none' stroke='%230d80a3' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3C/path%3E%3Cpath d='M10.5,10.5h27v27' transform='translate(0 0)' fill='none' stroke='%230d80a3' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: right 40px center;
    background-repeat: no-repeat;
    background-size: 30px;
    font-family: var(--headingsfontfamily), var(--nv-fallback-ff);
    font-size: 25px;
    font-weight: 600;
    border: 1px solid #0D80A3;
    padding: 40px 80px 40px 40px;
    transition: background-color ease .3s;
    cursor: pointer;  
}

.dt-tile:hover,
.dt-tile:focus {
    border: 1px solid #0D80A3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.243' height='31.243' viewBox='0 0 31.243 31.243'%3E%3Cg transform='translate(-8.379 -8.379)'%3E%3Cpath d='M10.5,37.5l27-27' transform='translate(0 0)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3C/path%3E%3Cpath d='M10.5,10.5h27v27' transform='translate(0 0)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: right 40px center;
    background-repeat: no-repeat;
    background-size: 30px;
}

.dt-files {
    list-style: disc;
    padding-left: 15px;
}

.dt-files li {
    margin-bottom: 10px !important;
}

.dt-files li a {
    color: #3B383D;
}

.dt-files li a:hover {
    color: var(--nv-primary-accent);
}

.dt-breadcrumb {
    display: inline-block;
    margin: 1rem 0;
    border-bottom: 1px solid var(--nv-primary-accent);
}

.dt-bc-item {
    font-size: .9rem;
    font-weight: 400;
    background: none;
    border: none;
    color: #3B383D;
    cursor: pointer;
    padding: 0 8px;
}

.dt-bc-item:first-of-type {
    padding-left: 0;
}

.dt-bc-item:last-of-type {
    padding-right: 0;
}

.dt-bc-item:hover,
.dt-bc-item:focus {
    background: none;
    color: var(--nv-primary-accent);
}

@media (max-width: 959px) {
    .dt-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .dt-grid {
        grid-template-columns: 1fr;
    }
}