
/*UI-BR 94403-FJPC-08-26-2021*/
.custom-html--sitecore #block-pioneering-new-ideas-and-thinking>div>div.block-content.col-lg-12.col-md-12.col-sm-12.col-xs-12>div>div>div>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div>div>div>a>div>div.col-xs-11.col-sm-10.col-md-9.col-lg-9.card-text-image-container,
.custom-html--sitecore #block-pioneering-new-ideas-and-thinking>div>div.block-content.col-lg-12.col-md-12.col-sm-12.col-xs-12>div>div>div>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div>div>div>a>div>div.col-xs-11.col-sm-10.col-md-9.col-lg-9.card-text-image-container {
    background-position: 0 0 !important;
}

@media only screen and (max-width: 1024px) {
    .custom-html--sitecore nav.interactive-navigation-bar {
        top:51px;
    }
}
@media screen and (max-width: 414px) {

    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-hero-header-b .hero-b-image img,
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-hero-header-b .hero-b-image-full img {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {

    /*@media screen and (max-width: 375px){
     #block-content img.lazy {
     margin-left: -52px!important;
     width: 122%;
     }
     }*/
    /*Hero Area for Mobile*/
    .custom-html--sitecore #block-find-your-next-big-opportunity,
    .custom-html--sitecore #block-pioneering-new-ideas-and-thinking {
        margin-top: -7.68rem;
    }
}

@media screen and (max-width: 375px) and (max-height: 667px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-hero-header-b .hero-b-image img {
        margin-left: -2em !important;
        width: 63vh;
    }
}

@media screen and (max-width: 375px) and (max-height: 812px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-hero-header-b .hero-b-image img {
        margin-left: -3em !important;
        width: 55vh;
    }
}

@media screen and (max-width: 414px) and (max-height: 736px) {
    .custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-hero-header-b .hero-b-image img {
        margin-left: -3em !important;
        width: 65vh;
    }
}

.custom-html--sitecore html {
    scroll-behavior: smooth;
}

.custom-html--sitecore #interactive-main {
    overflow-x: hidden;
    margin-top: 0;
}