/*=====Diagram Button starts==========*/
.mkt label
{
    max-width: none;
}
.power-dis-u-btn {
    top: -41px;
    left: 0px;
}

.input-prt-btn {
    top: -21px;
    left: 200px;
}

.comm-mod-btn {
    top: -21px;
    left: 400px;
}

.aux-pow-s-btn {
    top: 29px;
    left: 0px;
}
.r-pfc-btn{
    top: -33px;
    left: 200px;
}

.ev-sens-2-btn{
    top: 50px;
    left: 400px;
}
.c-u-btn{
    top: 100px;
    left: 0px;
}

.alt-moe-panel-heading {
    background-color: #ddd !important;
    Color: #000 !important;
}
.ev-u-i-btn{
    top: 100px;
    left: 200px;
}
.charging-plug-btn{
    left: 400px;
    top: 100px;
}

.coo-fans-btn{
    top: 150px;
    left: 0px;}
.ev-cab-btn{
    top: 200px;
    left: 0px;}

.ev-oscilo-btn{
    top: 150px;
    left: 200px;}

.ev-sec-pay-btn{
    top: 150px;
    left: 400px;
}



/*=====Diagram media q starts==========*/
@media (min-width: 1200px) {
    /*=====yellow circle positons==========*/
    .power-dis-u {
        top: 219px;
        left: -149px;
    }

    .power-dis-u2
    {
        top: 73px;
        left: -333px;
    }
    .power-dis-u3
    {
        top: 169px;
        left: -344px;
    }

    .input-prt {
        top: 153px;
        left: -202px;
    }
    .input-prt2{
        top: 63px;
        left: -283px;
    }

    .comm-mod {
        top: 302px;
        left: -248px;
    }
    .comm-mod2 {
        top: 28px;
        left: -361px;
    }

    .aux-pow-s {
        top: 135px;
        left: -402px;
    }
    .aux-pow-s2 {
        top: 66px;
        left: -428px;
    }
    .aux-pow-s3 {
        top: 301px;
        left: -239px;
    }
    .r-pfc{
        top: 343px;
        left: -238px;
    }
    .r-pfc2{
        top: 283px;
        left: -195px;
    }

    .r-pfc3
    {
        top: -21px;
        left: -255px;
    }

    .r-pfc4
    {
        top: 193px;
        left: -98px;
    }

    .r-pfc5
    {
        top: -20px;
        left: -404px;
    }

    .ev-sens-2{
        top: 101px;
        left: -380px;
    }
    .c-u{
        top: 166px;
        left: -325px;
    }

    .ev-u-i{
        top: 190px;
        left: -462px;
    }
    .charging-plug{
        left: -197px;
        top: 20px;
    }

    .coo-fans{
        top: 472px;
        left: -351px;
    }
    .ev-cab{
        top: 354px;
        left: -249px;
    }

    .ev-oscilo{
        top: 515px;
        left: -100px;
    }

    .ev-sec-pay{
        top: 293px;
        left: -446px;
    }

    /*=====Height of the diagram section and product list==========*/
    .ev-product-solu-height{
        height: 66em;
    }
    .ev-products-content {
        height: 446px;
        overflow-y: visible;
        overflow-x: hidden;
        /*-ms-overflow-style: none;  !* IE and Edge *!*/
        /*scrollbar-width: none;  !* Firefox *!*/
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    /*.ev-products-content::-webkit-scrollbar {*/
    /*    display: none;*/
    /*}*/
}
@media (min-width: 992px) and (max-width: 1199px){
    .power-dis-u {
        top: 119px;
        left: -240px;
    }

    .power-dis-u2 {
        top: 113px;
        left: -110px;
    }

    .power-dis-u3 {
        top: 13px;
        left: -224px;
    }

    .input-prt {
        top: 47px;
        left: -194px;
    }
    .input-prt2 {
        top: 82px;
        left: -135px;
    }

    .comm-mod {
        top: 189px;
        left: -173px;
    }
    .comm-mod2 {
        top: 13px;
        left: -235px;
    }
    .aux-pow-s {
        top: 85px;
        left: -263px;
    }
    .aux-pow-s2 {
        top: 33px;
        left: -286px;
    }

    .aux-pow-s3 {
        top: 169px;
        left: -168px;
    }
    .r-pfc{
        top: 213px;
        left: -170px;
    }
    .r-pfc2{
        top: 136px;
        left: -78px;
    }

    .r-pfc3{
        top: -30px;
        left: -163px;
    }

    .r-pfc4{
        top: 128px;
        left: -140px;
    }

    .r-pfc5{
        top: -47px;
        left: -268px;
    }


    .ev-sens-2{
        top: 59px;
        left: -251px;
    }
    .c-u{
        top: 120px;
        left: -200px;
    }

    .ev-u-i{
        top: 165px;
        left: -387px;
    }
    .charging-plug{
        left: -166px;
        top: 19px;
    }

    .coo-fans{
        top: 383px;
        left: -288px;
    }
    .ev-cab{
        top: 286px;
        left: -214px;;
    }

    .ev-oscilo{
        top: 419px;
        left: -94px;
    }

    .ev-sec-pay{
        top: 230px;
        left: -368px;
    }

    /*=====Height of the diagram section and product list==========*/
    .ev-product-solu-height{
        height: 66em;
    }
    .ev-products-content {
        height: 436px;
        overflow-y: visible;
        overflow-x: hidden;
    }

}
@media (min-width: 768px) and (max-width: 991px){
    .power-dis-u {
        top: -144px;
        left: 88px;
    }

    .power-dis-u2 {
        top: -145px;
        left: 230px;
    }

    .power-dis-u3 {
        top: -259px;
        left: 100px;
    }

    .input-prt {
        top: -223px;
        left: 139px;
    }
    .input-prt2 {
        top: -186px;
        left: 205px;
    }

    .comm-mod {
        top: -63px;
        left: 164px;
    }
    .comm-mod2 {
        top: -265px;
        left: 90px;
    }

    .aux-pow-s {
        top: -224px;
        left: 34px;
    }
    .aux-pow-s2 {
        top: -205px;
        left: 57px;
    }
    .aux-pow-s3 {
        top: -76px;
        left: 171px;
    }
    .r-pfc{
        top: -97px;
        left: 280px;
    }
    .r-pfc2{
        top: -82px;
        left: 206px;
    }

    .r-pfc3{
        top: -74px;
        left: 170px;
    }

    .r-pfc4{
        top: -330px;
        left: 176px;
    }

    .r-pfc5{
        top: -325px;
        left: 57px;
    }

    .ev-sens-2{
        top: -210px;
        left: 71px;
    }
    .c-u{
        top: -163px;
        left: 144px;
    }

    .ev-u-i{
        top: -270px;
        left: 15px;
    }
    .charging-plug{
        top: -381px;
        left: 176px;
    }

    .coo-fans {
        top: -100px;
        left: 85px;
    }
    .ev-cab{
        top: -174px;
        left: 128px;
    }

    .ev-oscilo{
        top: -47px;
        left: 233px;
    }

    .ev-sec-pay{
        top: -220px;
        left: 29px;
    }

    /*=====Height of the diagram section and product list==========*/
    .ev-product-solu-height{
        height: 107em;
    }
    .ev-products-content {
        height: 436px;
        overflow-y: visible;
        overflow-x: hidden;
    }

}
@media (max-width: 767px) {
    .power-dis-u {
        top: -225px;
        left: 194px;
    }

    .input-prt {
        top: -230px;
        left: 139px;
    }
    .input-prt2 {
        top: -245px;
        left: 89px;
    }

    .comm-mod {
        top: -75px;
        left: 222px;
    }
    .comm-mod2 {
        top: -192px;
        left: 234px;
    }

    .aux-pow-s {
        top: -181px;
        left: 67px;
    }
    .aux-pow-s2 {
        top: -258px;
        left: 37px;
    }
    .aux-pow-s3 {
        top: -77px;
        left: 186px;
    }
    .r-pfc{
        top: -176px;
        left: 276px;
    }
    .r-pfc2{
        top: -95px;
        left: 263px;
    }

    .ev-sens-2{
        top: -245px;
        left: 158px;
    }
    .c-u{
        top: -145px;
        left: 151px;
    }

    .ev-u-i{
        top: -213px;
        left: 224px;
    }
    .charging-plug{
        top: -294px;
        left: 351px;
    }

    .coo-fans {
        top: -76px;
        left: 285px;
    }
    .ev-cab{
        top: -140px;
        left: 321px;
    }

    .ev-oscilo{
        top: -64px;
        left: 396px;
    }

    .ev-sec-pay{
        top: -172px;
        left: 224px;
    }

    /*=====Height of the diagram section and product list==========*/
    .ev-product-solu-height{
        height: 86em;
    }
    .ev-products-content
    {
        width: 220% !important;
    }

    .ev-products-content {
        height: 424px;
        overflow-y: visible;
        overflow-x: hidden;
    }

}
/*=====Diagram media q ends==========*/


/*=====tooltip starts==========*/
.ev-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.ev-tooltip .ev-tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #ffeb3b;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 12px 4px;
    top: 34px;
    left: -82px;
    font-size: 18px;
    font-weight: bold;

    /* Position the ev-tooltip */
    position: absolute;
    z-index: 2;
}

.ev-tooltip:hover .ev-tooltiptext {
    visibility: visible;
}
/*=====ev-tooltip ends==========*/



.ev-wall-box-charger-tab-img img {
    z-index: 0;
    position: relative;
    /*width: 42%;*/
    height:660px ;
}

.ev-products-tab-wrapper {
    position: relative;
    /*min-height: 810px; !*   *!*/
    clear: both;
    /*margin: 25px 0;*/
}

.ev-products-outer {
    float: left;
    clear: both;
    width: 0px;
    height: 0px;
}
/*==========Button on diagram=====*/

/*==========CIRCLES on diagram=====*/


.ev-products-outer-circle{
    background: #FFEB3B;
    padding: 7px;
    border: 1px solid #000;
    margin-left: -1px;
    font-size: 21px;
    vertical-align: middle;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: table-cell;
    z-index: 1;
    animation-delay: 1s;
}
.ev-products-sol-text{
    border: 1px solid #fff;
    background: #EFEFEF;
    display: table-caption !important;
    width: 182px;
    padding: 8px;
    text-align: center;
    position: relative;
    font-size: 11px;
}


.ev-products-outer label:hover{
    cursor: pointer;
    z-index: 3;
    box-shadow: 0px 0px 0px 1px rgb(57 57 57 / 71%);
}

.ev-products-outer [type=radio] {
    display: none;
}



.ev-products-content {
    visibility: hidden;
    position: absolute;
    top: 194px;
    /*left: 48%;*/
    background: white;
    right: auto;
    bottom: 0;
    padding: 0px 0px;
    border-left: 0px solid #ccc;
    /*width: 49%;*/
    /*height is written inside the media query*/
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    width: 100%;
}


@media (min-width: 768px) {
    .ev-products-content img{
        height: 56px !important;
    }
    .ev-products-content-border h5{
        height: 36px !important;
    }
    .ev-products-content-border{
        border: solid 1px #eaeaea;
        padding: 8px;
        text-align: center;
        /* width: 130px!important; */
        min-height: 126px !important;
        margin-bottom: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    /*This is for the header tab styles*/

    .alt-nav-d-b-m
    {
        height: 440px;
    }

    .alt-nav-d-b-m > li {
        width: 49.8% !important;
        background-color: #f3f3f3;
        height: 440px;
    }

    .tech-tab-img {
        position: relative;
        left: 101px!important;
        top: -30px !important;
        height: 300px !important;
    }

    .tech-tab-head {
        position: relative;
        top: -280px !important;
        left: -86px;
    }

    .tech-tab-btn {
        position: relative;
        top: -270px;
        left: -90px;
    }

    .services-tab-img {
        position: relative;
        right: 5px;
        top: -30px !important;
        height: 300px !important;
    }

    .services-tab-head {
        position: relative;
        top: -315px !important;
        right: -88px!important;
    }
    .services-tab-btn {
        position: relative;
        top: -271px !important;
        right: -88px!important;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .alt-nav-d-b-m
    {
        height: 440px;
    }

    .alt-nav-d-b-m > li {
        width: 49.8% !important;
        background-color: #f3f3f3;
        height: 440px;
    }

    .tech-tab-img {
        position: relative;
        left: 208px!important;
        top: -60px !important;
        height: 300px !important;
    }

    .tech-tab-head {
        position: relative;
        top: -310px !important;
        left: -90px;
    }

    .tech-tab-btn {
        position: relative;
        top: -300px;
        left: -90px;
    }

    .services-tab-img {
        position: relative;
        right: 7px;
        top: -60px !important;
        height: 300px !important;
    }

    .services-tab-head {
        position: relative;
        top: -315px !important;
        right: -50px;
    }
    .services-tab-btn {
        position: relative;
        top: -300px !important;
        right: -50px;
    }


}

@media (min-width: 1200px) {
    .alt-nav-d-b-m
    {
        height: 440px!important;
    }

    .alt-nav-d-b-m > li {
        width: 49.8% !important;
        background-color: #f3f3f3;
        height: 440px;
    }
}

@media (max-width: 767px) {

    .ev-products-content img{
        height: 48px !important;
    }

    .ev-products-content-mob img{
        height: 48px !important;
    }
    .ev-products-content-border h5{
        height: 36px !important;
    }
    .ev-products-content-border{
        border: solid 1px #eaeaea;
        padding: 8px;
        text-align: center;
        /* width: 130px!important; */
        min-height: 126px !important;
        margin-bottom: 12px;
    }
}


.ev-products-content span {
    animation: 0.5s ease-out 0s 1 slideInFromTop;
}

[type=radio]:checked ~ label {
    background: #41c363;
    border: 1px solid #fff;
    z-index: 2;
    box-shadow: 0px 0px 0px 1px #fff;
}

[type=radio]:checked ~ label ~ .ev-products-content {
    visibility: visible;
    z-index: 1;
}

@keyframes ripple {
    from {
        opacity: 1;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}

/*development platforms styles start*/
html{scroll-behavior: smooth;}
/* Overrides do not remove */
div#bodyContainer { float: inherit !important; }
.alt2-product-box-fixed-height{
    text-align: center;
    font-size: 12px;
    height: 120px;
}
.alt2-product-box-fixed-height img{
    height: 75px;

}
/*ul li.active:after {*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-left: 15px solid transparent;*/
/*    border-right: 15px solid transparent;*/
/*    border-top: 15px solid #41c363;*/
/*    content: " ";*/
/*    position: absolute;*/
/*    bottom: -14px;*/
/*    left: 40%;*/
/*}*/

.mkt a:focus {
    outline: none;
}

.alt-moe-panel-heading {
    background-color: #ddd !important;
    Color: #000 !important;
}

.alt-tab-b-l-c {
    border: 1px solid #efefef!important;
    padding: 15px 0px !important;
}

.alt-nav-b-l-c {
    background-color: #fff;
}

.alt-nav-b-l-c > li a {
    border-radius: 4px !important;
    padding: 10% !important;
    height: 112px;
    color: #000;
    border: 1px solid #9ca19d;
    text-align: center;
}
.alt-nav-b-l-c > li a img {
    height: 42px;
    margin-bottom: 8px;
}
.mkt iframe {
    display: block !important;
    height: 220px !important;
    border: 0px !important;
    width: 100% !important;
}
.tech-res-cont-type {
    font-weight: bold;
    color: #000000;
    float: left;
}
/* Overrides do not remove */
.page-header {
    margin-bottom: 0 !important;
}

.page-header-inner:after {
    border: 0 !important;
}

.page-header-inner-padding {
    padding-right: 15px !important;
}

/* Classes for this page */
.page-header-full-width-colour {
    background-color: #dcdcdc;
}

.link-colour-override {
    color: #444444 !important;
}

.resource-icon-height {
    height: 35px !important;
}

.resources-container {
    height: 95px !important;
}

.alt2-product-text-fixed-height {
    text-align: center;
}

.alt2-product-text-fixed-height h5 {
    text-transform: uppercase;
}

.expert-img {
    background-color: #80dceb;
    background-position: center center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: black; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
.mkt .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.mkt .nav-tabs > li.active > a {
    background-color: #41c363 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold;
}

.mkt .nav-tabs > li.active1 > a {
    background-color: #41c363 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold;
}
.mkt .nav-tabs > li > a {
    color: #000000 !important;
    font-size: 13px !important;
    border: 1px solid #ececec;
    border-radius: 4px 4px 0 0;
    background-color: #f7f7f7 !important;
}
.art-fxd-hght{ height: 380px !important;}

.btn-lrg-mrgn-top {
    margin-top: auto;
}

.app-platf
{
    color: #000!important;
}

@media (min-width: 768px) {
    .wf3767380-headr-img {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/board-level-components/lp-boardlevel-banner-3358286.jpg);
        background-position: center center !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    .res-whitepapers
    {
        min-height: 375px!important;
    }

    .res-solution-guide
    {
        min-height: 488px!important;
    }

    .page-header-inner-padding {
        padding-right: 500px !important;
    }

    /*classes for this page which should apply to desktop only */
    .product-text-fixed-height-vl-ad{ height: 206px !important;}
    .art-fxd-hght{ height: 385px !important;}
    .con-hight{ height: 68px !important;}
    .alt-product-text-fixed-height {
        height: 120px;
    }

    .alt2-product-text-fixed-height {
        height: 168px;
    }

    .mk-diagram-block {
        height: 125px !important;
    }

    .alt-nav-b-l-c > li {
        width: 13.697% !important;
        background-color: #ddd;
        /* color: #000; */
        margin-right: 5px;
        border-radius: 4px;
    }

    .expert-img img {
        position: relative;
        top: 45px;
        left: 85px;
        border: 1px solid #fff;
        border-radius: 100px;
        padding: 0px !important;
        margin-left: 10px;
        margin-bottom: 64px;
        width: 165px;
        animation: fadein .5s !important;
        -moz-animation: fadein .5s !important;
        -webkit-animation: fadein .5s !important;
        -o-animation: fadein .5s !important;
    }

    .d-l-code-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/americas/common/landing/dlc/wf-2762226-hp-lb-dlc-hero-banner.jpg?mktver1);
        background-color: #000;
        background-position: 54% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .p-p-support-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/purchase/ordering.jpg?mktver2);
        background-color: #000;
        background-position: 65% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .fs-fd-gi-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/storefront_banners/fast-free-shipping/2338325-fast-free-delivery-mar21.jpg?mktver3);
        background-color: #000;
        background-position: 73% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .enc-plm-bom-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/americas/common/landing/board-level-components/bom-tool.jpg?mktver3);
        background-color: #000;
        background-position: 73% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .minibanner img {
        height: 34px;
    }

    .minibanner {
        height: 200px;
        display: grid;
        overflow: hidden;
    }

    .blc-text-bg {
        background: rgb(0, 0, 0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.9355567910758054) 59%, rgba(0, 0, 0, 0.5686100123643207) 83%, rgba(0, 0, 0, 0) 100%);
    }

    /*new*/

    .save-apps-image-hover {
        background-color: #000000;
        height: 320px;
        background-size: cover;
        position: relative;
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        opacity: 0;
    }

    #hovertext {
        display: none;
    }

    .save-apps:hover #hovertext {
        display: block;
    }

    #hover-app-img {
        display: block;
    }

    .save-apps:hover #hover-app-img {
        display: none !important;
    }

    .save-apps:hover .save-apps-image-hover {
        opacity: 0.8;
    }
}
.title-hig::before {
    content: "";
    background: #41C363;
    position: relative;
    display: inline-block;
    padding: 16px 3px;
    margin-left: 0;
    top: 9px;
    left: -16px;
    transform: skewX(-18deg);
}
.save-apps {
    background-color: #14181d;
    height: 320px;
    cursor: pointer;
}

.mkt .save-apps.prod-one {
    background: rgb(5, 3, 6);
    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),
    url("${asset.images/americas/common/landing/board-level-components/date-and-lot-code.jpg}");
    background-size: cover;
    position: relative;
}

.passve-rang-bnr{
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/passives-range/4282110-passive-new-header.jpg);
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% !important;
}
.mpro-brd-level-bnr{background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/board-level-components/mpro-board-level-values.jpg);
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 66% !important;}

.mpro-psve-banner{background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/mpro-passives/3177884-mpro-passives-header.jpg);
    background-color: #101619;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 66% !important;}

.mpro-connect-banner{background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/multicomp-pro/m-pro-connectors/M-Pro-Connectors-bg-2601297.jpg);
    background-color: #131515;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 66% !important;}

.mpro-swth-bnr{background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/multicomp-pro/header-switches.jpg);
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 66% !important;}

/*.mkt .save-apps.prod-two {*/
/*    background: rgb(5, 3, 6);*/
/*    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),*/
/*    url("${asset.images/common/campaign/energy-savings/522673177-min.jpg}");*/
/*    background-size: cover;*/
/*    position: relative;*/
/*}*/

/*.mkt .save-apps.prod-three {*/
/*    background: rgb(5, 3, 6);*/
/*    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),*/
/*    url("${asset.images/common/campaign/energy-savings/169263610-min.jpg}");*/
/*    background-size: cover;*/
/*    position: relative;*/
/*}*/

.mkt .save-apps.prod-four {
    background: rgb(5, 3, 6);
    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),
    url("${asset.images/americas/common/landing/board-level-components/purchasing-procurement-support.jpg}");
    background-size: cover;
    position: relative;
}

.mkt .save-apps.prod-five {
    background: rgb(5, 3, 6);
    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),
    url("${asset.images/americas/common/landing/board-level-components/enhanced-bom.jpg}");
    background-size: cover;
    position: relative;
}

/*.mkt .save-apps.prod-six {*/
/*    background: rgb(5, 3, 6);*/
/*    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),*/
/*    url("${asset.images/common/campaign/energy-savings/1012526920-min.jpg}");*/
/*    background-size: cover;*/
/*    position: relative;*/
/*}*/

.mkt .save-apps.prod-seven {
    background: rgb(5, 3, 6);
    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),
    url("${asset.images/americas/common/landing/board-level-components/free-shipping.jpg}");
    background-size: cover;
    position: relative;
}

/*.mkt .save-apps.prod-eight {*/
/*    background: rgb(5, 3, 6);*/
/*    background: linear-gradient(0deg, rgba(5, 3, 6, 1) 0%, rgb(5 3 6 / 45%) 100%),*/
/*    url("${asset.images/common/campaign/energy-savings/1349338716-min.jpg}");*/
/*    background-size: cover;*/
/*    position: relative;*/
/*}*/
.save-apps-text {
    position: absolute;
    bottom: 0;
    color: #ffffff;
    width: 100%;
}

.mkt img.app-icons:hover {
    display: none !important;
}

.btn-lrg-mrgn-top {
    margin-top: 55px;
}

.mkt .sticky-header {
    z-index: 102;
    position: sticky;
    top: 0;
    width: 100%;
}
.section .sticky-header {
    overflow: visible !important;
}
.sticky {
    top: 0px !important;
    position: fixed !important;
    border-bottom: 2px solid #4caf50 !important;
    background-color: #ffffff;
}

@media (min-width: 1200px) {
    .mro-tools-banner-container {
        height: 230px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .mro-tools-banner-container{
        height: 230px;
    }
}
@media(max-width: 991px) {
    .mro-tools-banner-container {
        height: auto !important;
        display: grid;
        overflow: visible;
        padding: 0px !important;
    }
    .minilog-banner-container
    {
        height: auto !important;
        display: grid;
        overflow: visible;
        padding: 0px !important;
    }
}

@media (max-width: 767px) {

    .ev-wall-box-charger-tab-img img
    {
        z-index: 0;
        position: relative;
        width: 100%;
    }
    .mro-tools-banner-container {
        background-image: none !important;
    }
    .expert-img img {
        position: relative;
        top: 45px;
        left: 65px;
        border: 1px solid #fff;
        border-radius: 100px;
        padding: 0px !important;
        margin-left: 10px;
        margin-bottom: 64px;
        width: 165px;
        animation: fadein .5s !important;
        -moz-animation: fadein .5s !important;
        -webkit-animation: fadein .5s !important;
        -o-animation: fadein .5s !important;
    }

    .alt-nav-b-l-c > li {
        width: 100% !important;
    }

    .d-l-code-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/americas/common/landing/dlc/wf-2762226-hp-lb-dlc-hero-banner.jpg?mktver1);
        background-color: #000;
        background-position: left center !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    .p-p-support-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/purchase/ordering.jpg?mktver2);
        background-color: #000;
        background-position: left center !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    .fs-fd-gi-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/storefront_banners/fast-free-shipping/2338325-fast-free-delivery-mar21.jpg?mktver3);
        background-color: #000;
        background-position: left center !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    .fs-fd-gi-minibanner {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/americas/common/landing/board-level-components/bom-tool.jpg?mktver3);
        background-color: #000;
        background-position: left center !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    .minibanner {

        display: grid;
        overflow: hidden;
    }

    .minibanner img {
        height: 34px;
    }

    .blc-text-bg {
        background: rgb(0, 0, 0);
    }
    .passve-rang-bnr-mobile {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/passives-range/4282110-passive-new-header.jpg);
        background-color: #000;
        background-repeat: no-repeat;
        background-size: cover;
        height: 270px !important;
        background-position: 85% !important;
    }
    .mpro-brd-level-bnr-mobile{
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/board-level-values/mpro-board-level-values.jpg);
        background-color: #eeeeee;
        background-repeat: no-repeat;
        background-size: cover;
        height: 270px !important;
        background-position: 85% !important;
    }
    .mpro-psve-banner-mobile {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/mpro-passives/3177884-mpro-passives-header.jpg);
        background-color: #101619;
        background-repeat: no-repeat;
        background-size: cover;
        height: 270px !important;
        background-position: 85% !important;
    }
    .mpro-connect-banner-mobile {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/multicomp-pro/m-pro-connectors/M-Pro-Connectors-bg-2601297.jpg);
        background-color: #131515;
        background-repeat: no-repeat;
        background-size: cover;
        height: 270px !important;
        background-position: 85% !important;
    }
    .mpro-swth-bnr-mobile {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/multicomp-pro/header-switches.jpg);
        background-color: #000;
        background-repeat: no-repeat;
        background-size: cover;
        height: 270px !important;
        background-position: 85% !important;
    }
    .minilog-bnr-mobile
    {
        background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/newark-brand-extension-phase-one/minilog-banner-latest.jpg);
        background-color: #ececec;
        background-repeat: no-repeat;
        background-size: cover;
        height: 270px !important;
        background-position: 85% !important;
    }
    .minilog-bnr-mobile-content
    {
        background-color: #ececec!important;
    }

}
.minilog-bnr {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/newark-brand-extension-phase-one/minilog-banner-latest.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    background-position: center center;
}


.rpi-footer-ban-e-techjournal-eu {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/rpi-industry/3868910-rpi-etech-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    background-position: center center;
}
.rpi-footer-ban-tech-resource-eu {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/rpi-industry/3868910-rpi-tech-resource.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    background-position: center center;
}
/*development platforms styles ends*/
/*test*/