/* General Styles */

/* Home Support */
.home-support .card-text {
    min-height: 50px;
}

/* Titles with Before Content */
.hardware-title:before,
.software-title:before,
.partner-title:before,
.env-title:before {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.hardware-title:before {
    content: "Hardware";
    top: -30px;
}

.software-title:before {
    content: "Software";
    top: -30px;
}

.partner-title:before {
    content: "Partners";
    bottom: -35px;
}

.env-title:before {
    content: "ESG";
    bottom: -35px;
}

/* Positioning Styles */

/* Positioning for BS Elements */
.bs-hard {
    position: absolute;
    z-index: 11;
    left: 15%;
    transform: translateX(-50%);
    top: 5%;
}

.bs-soft {
    position: absolute;
    right: 0%;
    top: 5%;
}

.bs-partner {
    position: absolute;
    bottom: 30px;
    left: 0;
    letter-spacing: 0;
}

.bs-env {
    position: absolute;
    bottom: 30px;
    right: 0;
    letter-spacing: 0;
}

/* Transformations */

/* Scaling Transformations */
#hardware,
#software,
#partner,
#env {
    transform: scale(0.85);
    transition: 0.5s;
}

.show.active #hardware.animate,
.show.active #software,
.show.active #partner,
.show.active #env,
.collapse.show #hardware,
.collapse.show #software,
.collapse.show #partner,
.collapse.show #env {
    transform: scale(1.2);
    transition: transform 0.5s;
}

/* Component Styles */

/* Color Card */
.color-card p.pt-2 {
    min-height: 130px;
}

/* Media Queries */


@media (min-width: 1200px) {
    .home-kv-title > div {
        top: -100px;
    }

    #tabBarApps .mdc-tab__content {
        white-space: inherit;
        display: inherit;
    }
}

@media (min-width: 1920px) {
    .home-kv-title > div {
        top: -200px;
    }
}


@media (max-width: 1200px) {
    .eco-icon {
        max-width: 96px;
        width: 100%;
    }

    .bs-hard {
        top: 0;
    }

    .bs-soft {
        top: 0;
    }

    .bs-partner {
        bottom: 90px;
    }

    .bs-env {
        bottom: 90px;
    }
}