@font-face {
  font-family: DeltaSans;
  src: url("https://www.deltaww.com/fonts/DeltaSans-Regular.woff") format("woff"), url("https://www.deltaww.com/fonts/DeltaSans-Regular.ttf") format("truetype"), url("https://www.deltaww.com/fonts/DeltaSans-Regular.eot") format("embedded-opentype");
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption {
  /* font-family: DeltaSans, sans-serif, Arial; */
}
table,
tbody,
tfoot,
thead,
tr,
th,
td {
  /* font-family: DeltaSans, sans-serif, Arial; */
}
.icon--arrow--flat {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--arrow--flat.svg");
  width: 31px;
  height: auto;
  aspect-ratio: 62/12;
}
.icon--automation--white {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--automation--white.png");
  width: 80px;
  height: auto;
  aspect-ratio: 160/158;
}
.icon--automation {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--automation.png");
  width: 80px;
  height: auto;
  aspect-ratio: 160/158;
}
.icon--download--blue {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--download--blue.svg");
  width: 21px;
  height: auto;
  aspect-ratio: 42/42;
}
.icon--download--white {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--download--white.svg");
  width: 21px;
  height: auto;
  aspect-ratio: 42/42;
}
.icon--infrastructure--white {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--infrastructure--white.png");
  width: 80px;
  height: auto;
  aspect-ratio: 160/158;
}
.icon--infrastructure {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--infrastructure.png");
  width: 80px;
  height: auto;
  aspect-ratio: 160/158;
}
.icon--mobility--white {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--mobility--white.png");
  width: 79px;
  height: auto;
  aspect-ratio: 158/158;
}
.icon--mobility {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--mobility.png");
  width: 79px;
  height: auto;
  aspect-ratio: 158/158;
}
.icon--play {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--play.svg");
  width: 60px;
  height: auto;
  aspect-ratio: 120/120;
}
.icon--power--white {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--power--white.png");
  width: 80px;
  height: auto;
  aspect-ratio: 160/158;
}
.icon--power {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--power.png");
  width: 80px;
  height: auto;
  aspect-ratio: 160/158;
}
.icon--search {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 100%;
  background-image: url("https://www.deltaww.com/images/icon--search.svg");
  width: 17.5px;
  height: auto;
  aspect-ratio: 35/37;
}
.about--business .caption h5 {
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 8px;
}
.about--business .caption p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 16px;
}
.about--business .caption strong {
  font-weight: 700;
}
.about--business .brand--image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about--business .brand--image > * {
  max-width: 75%;
}
.grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}
.grid-cols-2.items-center {
  align-items: center;
}
@media (max-width: 768px) {
  .grid-cols-2 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.grid-cols-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 48px;
}
.grid-cols-5 > .col-auto {
  position: relative;
}
.grid-cols-5 > .is-cols-2 {
  grid-column: span 2;
}
.grid-cols-5 > .is-cols-3 {
  grid-column: span 3;
}
@media (max-width: 768px) {
  .grid-cols-5 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .grid-cols-5 > .is-cols-2 {
    grid-column: span 1;
  }
  .grid-cols-5 > .is-cols-3 {
    grid-column: span 1;
  }
}
.card--business {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  height: 100%;
  background: white;
  padding: 24px;
  box-shadow: 0px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: 1fr 100px;
  gap: 24px;
}
.card--business::before {
  position: absolute;
  top: 0%;
  left: 110%;
  width: 50%;
  border-radius: 50%;
  aspect-ratio: 1/1;
  content: "";
  background: #009FE8;
  transform: translate(-50%, -50%) scale(0.1);
  transition: all 0.3s ease;
}
.card--business .pic {
  position: relative;
  aspect-ratio: 1/1;
}
.card--business .pic > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.card--business .pic > *:first-child {
  opacity: 1;
}
.card--business .pic > *:nth-child(2) {
  opacity: 0;
}
.card--business:hover::before {
  top: 20%;
  left: 90%;
  width: 50%;
  transform: translate(-50%, -50%);
}
.card--business:hover .pic > *:first-child {
  opacity: 0;
}
.card--business:hover .pic > *:nth-child(2) {
  opacity: 1;
}
.card--business .title {
  font-size: 20px;
  line-height: 38px;
  color: #009FE8;
}
.card--business .text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card--business .text ul li {
  position: relative;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  padding-left: 12px;
  margin-bottom: 4px;
}
.card--business .text ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}
@media (max-width: 768px) {
  .card--business {
    grid-template-columns: 1fr;
  }
  .card--business .pic {
    order: 1;
    aspect-ratio: 2/1;
  }
  .card--business .caption {
    order: 2;
  }
  .card--business::before {
    top: -20%;
    left: 50%;
    width: 120%;
  }
  .card--business:hover::before {
    top: 0%;
    left: 50%;
    width: 110%;
  }
}