.dtk header {
  height: 37.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dtk header h1 {
  font-size: 2.813rem;
  color: white;
}
.dtk .links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-block: 4.375rem;
}
.dtk .links a {
  max-width: 26.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.875rem 2.688rem 2.188rem 4.063rem;
}
.dtk .links a div img {
  margin-right: 1rem;
  max-width: 40px;
  max-height: 40px;
}
.dtk .links a div div p {
  font-size: 1.125rem;
}
.dtk .links a div div p:is:empty {
  display: none;
}
.dtk .links a div div p:first-of-type {
  font-family: "Montserrat-Bold", sans-serif;
  margin-bottom: 0.75rem;
  min-height: 45px;
}
.dtk .links a div div p:nth-child(2) {
  margin-bottom: 1.563rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  min-height: 65px;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dtk .links a div div p:last-of-type {
  font-family: "Montserrat-Bold", sans-serif;
}
.dtk .links a:hover {
  opacity: 1;
  background-color: rgba(88, 172, 244, 0.1);
}
.dtk .links a:hover p:last-of-type {
  color: #58ACF4;
}
.dtk img {
  max-width: 100%;
}
.dtk .main-div {
  background-color: #F7F7F6;
  padding-top: 2.5rem;
  padding-bottom: 7.25rem;
  flex-direction: column;
}
.dtk .main-div .container {
  width: 44rem;
}
.dtk .main-div .title {
  color: #052C43;
  font-size: 1.125rem;
  margin-bottom: 1.6rem;
}
.dtk .main-div .title-main {
  font-size: 1.5rem;
  margin-bottom: 1.438rem;
}
.dtk .main-div .body-text {
  color: #808080;
  font-size: 1.125rem;
}
.dtk .main-div .top {
  display: block;
}
.dtk .main-div .top img {
  margin-right: 2rem;
  margin-bottom: 0.5rem;
}
.dtk .main-div .bottom {
  margin-bottom: 5rem;
  max-width: 100%;
}
.dtk .main-div p {
  color: #808080;
  padding-bottom: 10px;
  line-height: 1.4;
  text-align: justify;
}
.dtk .main-div h4 {
  margin-top: 1rem;
  display: block;
  padding: 0;
}
.dtk .main-div img {
  margin-right: 2rem;
  margin-bottom: 0.5rem;
}
.dtk .main-div iframe {
  max-width: 100%;
}
.dtk .main-div blockquote {
  border-left: 8px solid #58ACF4;
  padding-left: 1.125rem;
}
.dtk .main-div table {
  width: 100%;
  margin-bottom: 2rem;
}
.dtk .main-div table img {
  padding-right: 2rem;
}
.dtk .main-div table tbody tr {
  display: flex;
  justify-content: space-between;
}
.dtk .main-div table tbody tr td {
  display: flex;
  flex-direction: column;
}
.dtk .main-div table tbody tr td:not(:last-child) {
  padding-right: 2rem;
}
.dtk .main-div table tbody tr td p {
  max-width: 40rem;
  margin-inline: 0;
}
.dtk .main-div .img {
  width: 25rem;
}
.dtk .main-div .text {
  width: 46rem;
}
.dtk .main-div .main-img {
  width: 100%;
  height: 28.125rem;
  margin-bottom: 5.813rem;
}
.dtk .main-div .sm-links p {
  color: #052C43;
  font-size: 1.125rem;
  margin-top: 4px;
  margin-inline: 0;
  width: auto;
  margin-right: 1.375rem;
}
.dtk .main-div .sm-links .sm-link:not(:last-child) {
  margin-right: 1rem;
}

@media (max-width: 1280px) {
  .dtk .main-div table tbody tr td:first-of-type {
    margin-right: 0;
  }
  .dtk .main-div table tbody tr td:first-of-type p {
    width: 25rem;
    margin-inline: 0;
  }
  .dtk .links {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .dtk .main-div {
    flex-direction: column;
  }
  .dtk .main-div table tbody tr {
    flex-direction: column;
  }
  .dtk .main-div table tbody tr td p {
    width: 100% !important;
    max-width: unset !important;
  }
  .dtk .main-div table tbody tr td p iframe {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .dtk header {
    height: 26rem;
    object-fit: cover;
    background-position: center;
  }
  .dtk header h1 {
    padding-inline: 1rem;
    text-align: center;
  }
  .dtk .links {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    justify-items: center;
  }
  .dtk .main-div .container {
    width: 48.25rem;
    max-width: 100%;
    box-sizing: border-box;
  }
  .dtk .main-div .sm-links {
    width: 80%;
  }
  .dtk .main-div .bottom {
    width: 100%;
  }
  .dtk .main-div .img {
    margin-bottom: 5.833rem;
    width: 100%;
  }
  .dtk .main-div .img img {
    width: 100%;
    margin-bottom: 1rem;
  }
  .dtk .main-div .img p {
    width: 44.25rem;
    margin-inline: auto;
  }
  .dtk .main-div .quote {
    border-left: none;
    padding-left: 0;
  }
  .dtk .main-div .quote-title {
    font-size: 18px;
  }
  .dtk .main-div .quote .top-border {
    display: block;
    margin-bottom: 1.625rem;
    background-color: #58ACF4;
    height: 8px;
    width: 11.25rem;
  }
  .dtk .main-div .main-img {
    object-fit: cover;
  }
  .dtk .main-div table tbody tr:first-of-type {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .dtk .main-div table tbody tr td:first-of-type {
    margin-bottom: 2rem;
  }
  .dtk .main-div table tbody tr td:first-of-type p {
    width: auto;
  }
}
@media (max-width: 640px) {
  .dtk header {
    height: 22rem;
  }
  .dtk .main-div .bottom {
    width: 90%;
  }
  .dtk .main-div table tbody tr:first-of-type td:first-of-type p:first-of-type {
    width: 80%;
  }
  .dtk .main-div table tbody tr:first-of-type:nth-child(2) p:first-of-type {
    width: 80%;
    margin-inline: 0;
  }
  .dtk .main-div .quote {
    height: auto;
  }
  .dtk .main-div .quote .body-text {
    margin-block: 1.625rem;
  }
  .dtk .main-div .text, .dtk .main-div .img p {
    width: 100%;
  }
  .dtk .main-div .container {
    width: 90%;
  }
  .dtk .main-div img:not(.sm-link img) {
    margin-bottom: 1rem;
    width: 100% !important;
  }
  .dtk .links a {
    padding: 2rem;
    width: 22.25rem;
  }
}
@media (max-width: 425px) {
  .dtk header {
    height: 20rem;
  }
  .dtk .main-div table tbody tr:first-of-type td:first-of-type {
    width: 83%;
  }
  .dtk .main-div table tbody tr:first-of-type p:first-of-type {
    margin-inline: auto;
  }
  .dtk .main-div blockquote {
    width: 90% !important;
  }
  .dtk .main-div blockquote p {
    width: 100% !important;
  }
  .dtk .main-div table tbody tr td:nth-child(2) p {
    width: 100%;
    margin-inline: 0;
  }
  .dtk .main-div table tbody tr td:nth-child(2) p:last-of-type {
    width: 18rem;
    margin-inline: 0;
  }
}
@media (max-width: 375px) {
  .dtk .main-div p {
    margin-left: unset !important;
  }
  .dtk .main-div table {
    width: 90%;
  }
  .dtk .main-div table tbody tr td img {
    width: 100% !important;
  }
  .dtk .main-div table tbody tr td p {
    width: 100% !important;
  }
  .dtk .main-div table tbody tr:first-of-type td:first-of-type {
    width: unset;
  }
  .dtk .main-div table tbody tr td:nth-child(2) p:last-of-type {
    margin-right: 0 !important;
  }
}
@media (max-width: 320px) {
  .dtk .links a {
    width: 18.25rem;
  }
}

/*# sourceMappingURL=dtk.css.map */
