.d-grid {
    display: -ms-grid !important;
    display: grid !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.bg-light-gray {
    background-color: #f5f5f7 !important;
}

.lh-md {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-shadow {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.67);
}

@media (min-width: 768px) {
    .gap-lg.cards {
        margin-left: -1em;
        margin-right: -1em;
    }
    .gap-lg.cards.two .card, .gap-lg.cards.cards-md-2 .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em;
        margin-bottom: 1em;
    }
    .gap-lg.cards.three .card, .gap-lg.cards.cards-md-3 .card {
        width: calc(33.3333333333% - 2em);
        margin-left: 1em;
        margin-right: 1em;
    }
}
.hero-content.hero-content--tint:before {
    background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 767.98px) {
    .icons-slider {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: auto;
        overflow-y: hidden;
    }
}
@media (min-width: 992px) {
    .cards.relaxed-lg-md > .card,
.card.relaxed-lg-md {
        padding: 1.5625rem;
    }
}
/* Make Sustainable Product Design popup visible on desktop view  */
@media (min-width: 1220px) {
    .callout-popup-xl .callout-point {
        position: static;
        padding: 0.5rem;
    }
    .callout-popup-xl .callout-icon {
        display: none;
    }
    .callout-popup-xl .callout-point:after {
        content: none;
    }
    .callout-popup-xl .ui.popup.callout-info {
        display: block;
        opacity: 1;
        /*position: static !important;*/
        visibility: visible;
    }
    .callout-popup-xl .callout-info:before {
        content: none;
    }
    .callout-popup-xl .ui.callout-info {
        position: static;
        width: auto;
        max-width: 350px;
    }
    .callout-popup-xl .callout-list {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        width: 100%;
    }
    .callout-popup-xl .callout-list.top {
        top: 0;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
    .callout-popup-xl .callout-list.bottom {
        bottom: 0;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}
.callout-popup-xl .ui.popup.callout-info {
    border-color: #008800;
    background-color: #008800;
    color: #ffffff;
}
.callout-popup-xl .ui.popup::before {
    background: #008800 !important;
}
.callout-popup-xl .callout-more-info__desc {
    color: #ffffff;
    opacity: 1;
    list-style-type: disc;
}
.callout-popup-xl .callout-more-info__desc > li > ul {
    list-style-type: none;
}
.callout-popup-xl .callout-more-info__desc > li > ul > li {
    text-indent: -5px;
}
.callout-popup-xl .callout-more-info__desc > li > ul > li:before {
    content: "- ";
    text-indent: -5px;
}