* {
    margin: 0;
    padding: 0;
}

.about-us-landing {
    width: 100%;
    position: absolute;
    z-index: -5;
}

.body {
    margin-top: 20%;
    padding: 10% 10%;
    clip-path: polygon(10% 0%, 100% 6%, 100% 100%, 0% 100%, 0% 4%);
    background-color: white;

    position: relative;
    z-index: 0;
}

.body > *:not(.tech-graphic) {
    z-index: 10;
    position: relative;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs {
    color: #888888;
    margin-bottom: 10%;
    font-size: 0.9vw;
}

/* .fa-caret-right {
    color: #888888;
    margin-left: 1%;
    margin-right: 1%;

} */

.greater-than-icon {
    color: #888888;
    margin-left: 1%;
    margin-right: 1%;
}

span {
    color: #0046AD;
    font-weight: 700;
}

h1 {
    color: #0046AD;
    opacity: 0.8;
    font-size: 3.5vw;
}

.sub-heading {
    color: #888888;
    margin-bottom: 8%;
}

p {
    font-size: 1.5vw;
    line-height: 1.5;

    z-index: 10;
}

h2 {
    color: #9AAFCB;
    margin-top: 10%;
    margin-bottom: 2%;
    font-size: 2vw;
}

.tdk-group-p1 {
    margin-bottom: 3%;
}

.more-on-tdk-heading {
    margin-top: 10%;
    color: #9AAFCB;
    margin-bottom: 6%;
    font-size: 1.75vw;
}


.cards-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3%;
    gap: 6rem;
    margin-bottom: 3%;
}

.card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 25vw;
}

.chevron-right-icon {
    transition: transform 0.3s ease;
    margin-left: 5%;
    color: blue;
}

.card:hover .chevron-right-icon {
    transform: translateX(1vw);
}

.card .title {
    opacity: 50%;
    font-size: 1.5vw;
    margin-bottom: 7%;
}

.card .img {
    min-width: 25vw;
}

.card .heading {
    font-weight: 700;
    font-size: 1.7vw;
    width: 100%;
    margin-top: 5%;
    min-height: 3.5rem;
    line-height: 1.4;
}

.divider-line {
    border-top: 0.1px solid #888888;
    opacity: 0.2;
    margin-bottom: 5%;
}

.tech-graphic {
    position: absolute;
    z-index: 5;
}

#tech-graphic-bottom {
    top: 220vw;
    left: 0;
}

#tech-graphic-top {
    top: 40vh;
    right: 0;




}