body {
    background-image: url("/en/EMEA/FrontierTransformation/assets/images/buildbackground.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
    a.uhf-nav-item.uhf-dropdown-link[href*="sitemap"]:focus {
        padding: 8px;
    }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
    body {
        background: none !important;
    }

    a.uhf-nav-item.uhf-dropdown-link[href*="sitemap"]:focus {
        padding: 8px;
    }

    #exploreMore {
        background-color: #ffffff;
        color: #000000;
        border: 2px solid #000000;
        padding: 0.6rem 1.25rem;
        font-weight: 600;
        border-radius: 0.25rem;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

        #exploreMore:hover {
            background-color: #f2f2f2;
        }

        /*         #exploreMore:focus-visible {
                    outline: 3px solid #0067b8;
                    outline-offset: 3px;
                }*/

        #exploreMore:active {
            background-color: #e6e6e6;
        }
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
    body {
        background: none !important;
    }

    #exploreMore {
        background-color: #000;
        color: #fff;
        border: 2px solid #000;
        padding: 0.6rem 1.25rem;
        font-weight: 600;
        border-radius: 0.25rem;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

        #exploreMore:hover {
            background-color: #333;
        }

        /*      #exploreMore:focus-visible {
                    outline: 3px dashed #f3d478;
                    outline-offset: 3px;
                }*/

        #exploreMore:active {
            background-color: #555;
        }
}

    .img-border-radius {
        border-radius: 20px !important;
    }

    .tab-image .tab-image-border {
        border-radius: 20px;
    }



    .custom-cta {
        margin-left: 1.6rem;
        padding-right: 10px !important;
        gap: 0 !important;
    }

        .custom-cta.btn .glyph.special-glyph-btn:before {
            left: -0.8em;
            right: inherit !important;
            background: #b9e2a2;
            color: white;
            padding: 4px;
            border-radius: 4px;
            margin-top: -10px !important;
            margin-left: -10px;
            transform: translate(-.25em, 0);
        }

    a.custom-cta.btn:hover .glyph.special-glyph-btn:before {
        transform: translate(-.25em, 0);
    }


    .top-main-banner h1 {
        background-image: linear-gradient(to right, #fef4d9, #f3d478);
        color: transparent;
        background-clip: text;
    }

    .top-main-banner p {
        color: white;
    }

    .top-main-banner a {
        position: relative;
        overflow: hidden;
        color: #000 !important;
        z-index: 1;
        background-image: linear-gradient( to right, #fef4d9, #f3d478 );
        transition: transform 0.4s ease;
    }

        /* Expanding animated glow/gradient */
        .top-main-banner a::before {
            content: "";
            position: absolute;
            inset: -50%;
            z-index: -1;
            background-image: linear-gradient( to right, #fff2cc, #fef4d9, #f9e4a9 );
            opacity: 0;
            transform: scale(0.8);
            transition: opacity 0.5s ease, transform 0.6s ease;
        }

        /* Hover */
        .top-main-banner a:hover::before {
            opacity: 1;
            transform: scale(1.2);
        }




    @media (min-width: 1400px) {
        .card-img-overlay > .card-background .card-img {
            width: 100% !important;
        }
    }

    .what-frontier {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url("assets/images/buildbackground.jpg") !important;
    }



    .main-content-nav ul li a {
        font-size: 18px;
        text-decoration: none;
    }

    body .accordion-overview .accordion.accordion-backplate .accordion-body {
        padding: 0;
    }

    .accordion.accordion-backplate .btn-collapse, .accordion.accordion-backplate .btn-collapse[aria-expanded=true] {
        padding: 0;
        font-size: 20px;
        background-color: transparent;
    }


    .section-icon {
        width: 60px;
    }

    .dark-btn:hover, .dark-btn.active {
        color: #091f2c !important;
        transition: all 0.3s;
        background-color: transparent;
    }

    .dark-btn {
        color: #fff !important;
        border-radius: 8px;
        border: 1px solid #091f2c;
        background-color: #091f2c;
    }

    a.active.btn.dark-btn {
        background-color: white !important;
        color: black !important;
        border: 2px solid black !important;
    }


    .theblack {
        color: black !important;
    }

    .reml {
        font-size: 0.8rem !important;
    }


    @media (forced-colors: active) and (prefers-color-scheme: dark) {
        .theblack {
            color: #fff !important;
        }
    }

    .theblack:hover {
        color: #0078d4 !important;
        text-decoration: underline;
    }
/*

    .animate-on-scroll {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

        .animate-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

    .animate-on-scroll {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

        .animate-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }


    .animate-from-right {
        opacity: 0;
        transform: translateX(50px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

        .animate-from-right.is-visible {
            opacity: 1;
            transform: translateX(0);
        }*/


@media (forced-colors: active) {
    .carousel-indicators li {
        background-color: ButtonText !important;
        border: 2px solid !important;
        opacity: 1 !important;
        border-radius: 47px;
    }
}

@media (forced-colors: active) {
    .carousel-indicators li.active {
        background-color: Highlight !important;
        border-color: HighlightText !important;
    }
}

@media screen and (min-width: 860px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next, .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
        transform: scale(.91);
        transform-style: flat;
        width: 16%;
    }
}

    /* High contrast */
    @media (forced-colors: active) {
        .accordion.accordion-backplate .accordion-body,
        .accordion.accordion-backplate .btn-collapse,
        .accordion.accordion-backplate .btn-collapse[aria-expanded=true],
        .carousel-control-next::after, .carousel-control-prev::after,
        ol li,
        ul li {
            forced-color-adjust: initial !important;
            color: initial !important;
        }
    }


@media screen and (max-width: 500px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls {
        position: initial !important;
        transform: initial !important;
    }
}

@media screen and (max-width: 500px) {
    .carousel-indicators li {
        display: none !important;
    }
}


.visual-search,
.visual-search-button {
    display: none !important;
}