.sectionFade {
    opacity: 0; /* Initially hidden */
    transform: translateY(20px); /* Optional: start slightly below */
    transition: opacity 1s ease-out, transform 1s ease-out; /* Smooth fade and movement */
}

    .sectionFade.visible {
        opacity: 1; /* Fully visible */
        transform: translateY(0); /* Reset the position */
    }

/*#productfamilyColorChild .w-auto {
    top: 400px;
}*/

:target {
    scroll-margin-top: 250px;
    scroll-behavior: smooth;
}

@media only screen and (min-width: 992){
    :target {
        scroll-margin-top: 100px;
        scroll-behavior:smooth;
    }
}
/** Font Size */
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
    line-height: 1.6;
}

.fs-5 {
    font-size: 1.25rem !important;
    line-height: 1.6;
}

.fs-6 {
    font-size: 1rem !important;
    line-height: 1.6;
}

.fs-7 {
    font-size: 0.9rem !important;
    line-height: 1.6;
}

.fs-top-nav-link {
    font-size: 1rem !important;
    color: #000000 !important;
}

    .fs-top-nav-link:hover {
        font-size: 1rem !important;
        text-decoration: none !important;
        color: #000000 !important;
    }

.fs-main-nav-link {
    font-size: 1rem !important;
    color: #000000 !important;
    font-weight: bold !important;
    padding: 0.5rem 0 !important;
}

    .fs-main-nav-link:hover {
        font-size: 1rem !important;
        text-decoration: none !important;
        color: #000000 !important;
        font-weight: bold !important;
    }

.fs-main-subnav-link {
    font-size: 1rem !important;
    color: #000000 !important;
    padding: 0.5rem 0 !important;
}

    .fs-main-subnav-link:hover {
        font-size: 1rem !important;
        text-decoration: none !important;
        color: #000000 !important;
    }

.fs-main-nav-about-link {
    font-size: 1rem !important;
    color: #000000 !important;
    font-weight: bold !important;
    padding: 0.5rem 0 !important;
}

    .fs-main-nav-about-link:hover {
        font-size: 1rem !important;
        text-decoration: none !important;
        color: #000000 !important;
        font-weight: bold !important;
    }


@media (min-width: 1200px) {
    .fs-1 {
        font-size: 3rem !important;
    }

    .fs-2 {
        font-size: 2rem !important;
    }

    .fs-3 {
        font-size: 1.75rem !important;
    }

    .fs-4 {
        font-size: 1.5rem !important;
    }

    .spacerHome-new {
        padding-bottom: 10px;
    }
}

.fw-300 {
    font-weight: 300;
}

.lt-height-1 {
    line-height: 1.1 !important;
}
/** Position */
.top-50 {
    top: 50% !important;
}

.start-50 {
    left: 50% !important;
}

.end-10 {
    right: 10% !important;
}

.bottom-0 {
    bottom: 0% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.spacerHome {
    padding-bottom: 10px;
}

.spacerHome-new {
    padding-bottom: 5px;
}

.w-60 {
    width: 60%;
}

.w-35 {
    width: 35%;
}

.end-0 {
    right: 0% !important;
}

.translate-middle-end-y {
    transform: translate(0%, -50%) !important;
}

@media (max-width: 767.98px) {
    .end-10, .end-0 {
        left: 50% !important;
    }

    .translate-middle-y, .translate-middle-end-y {
        transform: translate(-50%, -50%) !important;
    }

    .bottom-0 {
        top: 50% !important;
    }

    .start-0 {
        left: 50% !important;
    }

    .shadow-sm {
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15) !important;
    }

    .sm-fs-6 {
        font-size: 1rem !important;
        line-height: 1.6;
    }
}

/** Accordion */

.accordion-site-btn::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('/media/ycujlnwm/accordion-plus.svg');
    background-repeat: no-repeat;
    background-size: 1.25rem;
}

.accordion-site-btn:not(.collapsed)::after {
    background-image: url('/media/opqdpouk/accordion-minus.svg');
}

.accordion-site-btn:hover {
    text-decoration: none;
}

.accordion-site-btn:focus {
    box-shadow: none;
    text-decoration: none;
}

.footer-accordion-site-btn::after {
    flex-shrink: 0;
    margin-left: auto;
    content: '\002B';
    /* color: #00B09B !important;*/
    font-size: 25px;
}

.footer-accordion-site-btn:not(.collapsed)::after {
    flex-shrink: 0;
    margin-left: auto;
    content: '\002D';
    color: #FFFFFF !important;
    font-size: 25px;
}

.footer-accordion-site-btn:focus {
    box-shadow: none;
    text-decoration: none;
}

.footer-accordion-site-btn:hover {
    text-decoration: none;
}

/** Slider - Slant Options Radio Button Select */
.top-bottom-backward-slant {
    clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 91%);
}

.bottom-backward-slant {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%);
}

.bottom-forward-slant {
    clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
}

.top-bottom-forward-slant {
    clip-path: polygon(0 9%, 100% 0, 100% 91%, 0 100%);
}

.top-bottom-forward-slant-12 {
    clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
}

@media screen and (max-width: 991px) {
    .top-bottom-forward-slant {
        clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
    }

    .top-bottom-forward-slant-12 {
        clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%);
    }
}


.slick-arrow {
    /* width: 10%;*/
    background: transparent;
    /*margin : 20px 0;*/
    outline: none;
    opacity: 0.5;
}

    .slick-arrow:focus {
        background: transparent;
        outline: none;
    }

    .slick-arrow:hover {
        background: transparent;
        outline: none;
        opacity: 0.9;
    }

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

    .slick-dots li button {
        font-size: 0 !important;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

        .slick-dots li button:before {
            content: "\2022";
            font-size: 40px;
            line-height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            text-align: center;
            opacity: .25;
            color: black;
        }

    .slick-dots li.slick-active button:before {
        color: #0085ca;
    }

@media (max-width: 767.98px) {
    .ps-arrow-prev {
        width: 50px !important;
        height: 50px;
        /*margin-left: -20px;*/
    }

    .ps-arrow-next {
        width: 50px !important;
        height: 50px;
        /*margin-right: -20px;*/
    }
}


@media (max-width:575.98px) {
    .small-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;           
    }

    .small-padding-slider-arrow {
       right: 20px !important;
    }
}

.pointer {
    cursor: pointer;
}


/*.facility-landing-slant-1 {
    background: #f0f0f0;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    position: relative;
    padding: 20px;
}

.facility-landing-slant-1:before {
    content: "";
    background: #f0f0f0;
    height: 180px;
    transform: skewY(-6deg);
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

.facility-landing-slant-1:after {
    content: "";
    background: #f0f0f0;
    height: 180px;
    transform: skewY(-6deg);
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

.facility-landing-slant-1:before {
    top: -80px;
}

.facility-landing-slant-1:after {
    bottom: -80px;
}*/

.facility-landing-slant-1 {
    clip-path: polygon(0 9%, 100% 0, 100% 91%, 0 100%);
    background-color: #f6f6f6;
}

.facility-landing-slant-2 {
    clip-path: polygon(0 9%, 100% 0, 100% 91%, 0 100%);
    background: rgb(244,244,244);
    background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(249,249,249,1) 15%, rgba(255,255,255,1) 55%);
    margin-top: -80px;
}

/*.facility-landing-slant-2 {
    background: rgba(244,244,244,1);
    box-sizing: border-box;
    height: auto;
    width: 100%;
    position: relative;
    padding: 20px;
}

.facility-landing-slant-2:before {
    top: -80px;
}

.facility-landing-slant-2:after {
    bottom: -80px;
}

    .facility-landing-slant-2:before {
        content: "";
        background: rgb(244,244,244);
        background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(249,249,249,1) 15%, rgba(255,255,255,1) 55%);
        height: 180px;
        transform: skewY(-6deg);
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .facility-landing-slant-2:after {
        content: "";
        background: rgb(244,244,244);
        height: 180px;
        transform: skewY(-6deg);
        position: absolute;
        left: 0;
        right: 0;
        z-index: -1;
    }*/

.facility-landing-slant-3 {
    background: #f0f0f0;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    position: relative;
    padding: 20px;
}

/** Slant Image Text */
.img-height-450 {
    height: 450px;
}

.img-height-350 {
    height: 350px;
}

.img-height-250 {
    height: 250px;
}

.img-height-overlaytxt {
    height: 1000px;
}

.img-height-1100 {
    height: 1100px;
}

.img-height-550 {
    height: 550px;
}

.img-height-global-landing-700 {
    height: 700px;
}

.img-height-overlaytxt-facility {
    height: 450px;
}

.img-height-overlaytxt-facility-video {
    height: 450px;
}

.home-img-bg {
    background-size: cover;
    height: 580px;
    background-repeat: no-repeat;
    background-position: bottom;
}

@media (min-width: 1024px) {
    .img-height-450 {
        height: 450px;
    }

    .img-height-250 {
        height: 250px;
    }

    .img-height-overlaytxt {
        height: 650px;
    }

    .img-height-overlaytxt-facility-video {
        height: 650px;
    }

    .img-height-overlaytxt-facility {
        height: 650px;
    }
}

@media (min-width: 2560px) {
    .img-height-overlaytxt {
        height: 850px;
    }
}

.slant-image-text {
    clip-path: polygon(0 0, 100% 14%, 100% 100%, 0 86%);
}

/*.slant-image-text::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

.text-fs-different {
    color: white;
}


.slant-image-text-2 {
    transform: skewY(-6deg);
}

    .slant-image-text-2::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.imagewrap {
    width: 43%;
    padding-right: 30px;
    float: left;
}

@media (max-width: 767.98px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .rounded-sm-0 {
        border-radius: 0 !important;
    }

    .imagewrap {
        width: auto;
        padding-right: 0px;
        float: none;
    }
}

/** Turn Key Approach */
.turnkey-image-bottom-slant {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.turnkey-text-section {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 16px;
}

@media (min-width: 1024px) {
    .turnkey-image-bottom-slant {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    }

    .turnkey-text-section {
        position: absolute;
        left: 30%;
        bottom: 20%;
        width: 60%;
        background-color: white;
        padding: 20px;
    }
}

/** Inspection and testing */
.inspection-bg-container {
    position: relative;
    z-index: 10;
    height: 275px;
    width: 100%;
    background-color: #e6e6e6;
    clip-path: polygon(0 15%, 100% 0, 100% 60%, 0 100%);
}

.inspection-image {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
}

    .inspection-image img {
        height: 200px;
    }

@media (min-width: 1024px) {
    .inspection-bg-container {
        position: relative;
        z-index: 10;
        height: 550px;
        width: 100%;
        background-color: #e6e6e6;
        clip-path: polygon(0 40%, 100% 0, 100% 60%, 0 100%);
    }

    .inspection-image {
        left: 20% !important;
    }
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
    .inspection-image {
        bottom: 20% !important;
    }

        .inspection-image img {
            height: 300px;
        }
}

@media (min-width: 1440px) and (max-width: 2559.98px) {
    .inspection-image {
        bottom: 15% !important;
    }

        .inspection-image img {
            height: 380px;
        }
}

@media (min-width: 2560px) {
    .inspection-image {
        bottom: 10% !important;
    }

        .inspection-image img {
            height: 400px;
        }

    .bottom-backward-slant:after {
        height: 285px;
        margin-top: -175px;
    }
}


/* Button & Block Button */
.bg-block-button {
    background: rgb(239,239,239);
    background: linear-gradient(0deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
}

.btn-sample-0 {
    border: 2px solid #083351;
    color: #083351 !important;
}

    .btn-sample-0:hover {
        text-decoration: none !important;
        font-size: 1.25rem !important;
        color: #FFFFFF !important;
        background-color: #083351 !important;
        transition: background-color 0.5s ease;
        text-decoration: none !important;
    }

.btn-sample-1 {
    border: 2px solid #083351;
    color: #083351 !important;
}

    .btn-sample-1:hover {
        text-decoration: none !important;
        color: #083351 !important;
        font-size: 1.25rem !important;
    }

.btn-sample-2 {
    border: 2px solid #083351;
    color: #083351 !important;
    font-size: 1rem !important;
}

    .btn-sample-2:hover {
        text-decoration: none !important;
        color: #083351 !important;
        font-size: 1rem !important;
    }

.slick-slide .btn-sample-1 {
    font-size: 1.25rem !important;
}

.slick-current .btn-sample-1 {
    background-color: #0085ca;
    color: white !important;
    border: 2px solid #0085ca;
}

.btn-cus-link:hover {
    text-decoration: none !important;
}

.btn-nav-1 {
    border: 2px solid #0085CA;
    color: #0085CA !important;
}

    .btn-nav-1:hover {
        text-decoration: none !important;
        color: #0085CA !important;
        font-size: 1rem !important;
    }

.btn-nav-0 {
    border: 2px solid #EFEFEF;
    color: #083351 !important;
}

    .btn-nav-0:hover {
        text-decoration: none !important;
        color: #083351 !important;
        font-size: 1rem !important;
    }

@media (max-width: 767.98px) {
    .btn-cus-lg {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }

    .btn-nav-1 {
        padding: 5px !important;
        font-size: .8rem !important;
    }
}

.btn-stn:hover {
    color: #FFFFFF !important;
    background-color: #083351 !important;
    transition: background-color 0.5s ease;
    text-decoration: none !important;
}

/*Flooring Resources */
.resourceLink {
    font-size: 1.5rem !important;
    color: #0085CA !important;
    text-decoration: none !important;
}

    .resourceLink:hover {
        font-size: 1.5rem !important;
        color: #0085CA !important;
        text-decoration: none !important;
    }


/*Cards*/
@media (max-width: 1023.98px) {
    .rounded-custom-sm {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

/* Border - Hr class */
.border-custom-hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(169, 169, 169, 1);
}

.txtMarker:before {
    font-weight: 600;
    content: "\2022";
    padding-right: 20px;
}

/* Z-Index*/
.z-index-0 {
    z-index: 100;
}

.z-index-1 {
    z-index: 111;
}

.z-index-11 {
    z-index: 11;
}

/* About us */
.about-image-text-slant {
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
}

.container-bg-enable-gradient {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
}

/* Negative Margin and positive Padding */
.neg-margin-padding {
    margin-top: -160px;
    padding-top: 160px;
}

/*Project Profile */
.vwc-project-profile-filter {
    height: 55px;
    font-size: 1.5rem;
    color: var(--txt-sub-custom-color);
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15) !important;
    border: none;
    outline: none;
}

.bg-container-light {
    background-color: #f0f0f0;
}

.lh-6{
    line-height: 1.6;
}

/*Pagination*/
.pagination-container {
    width: calc(100% - 2rem);
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -25px;
    padding: 1rem 0;
    justify-content: center;
}

.pagination-number,
.pagination-button {
    font-size: 1.1rem;
    background-color: transparent;
    border: none;
    margin: 0.25rem 0.25rem;
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .2rem;
}

    .pagination-number:hover,
    .pagination-button:not(.disabled):hover {
        background: #fff;
    }

    .pagination-number.active {
        color: #fff !important;
        background: #0085b6;
    }

.hidden {
    display: none;
}

/*Top Navbar*/
.vr {
    display: inline-block;
    align-self: stretch;
    width: 2px;
    min-height: 1em;
    background-color: #0085CA;
    opacity: .8;
}

.top-nav-link-vr::after {
    content: " ";
    display: inline-block;
    align-self: center;
    width: 2px;
    min-height: 1em;
    background-color: #0085CA;
    opacity: .8;
    margin-left: 20px;
}

.topNavBar {
    z-index: 11 !important;
}

.middleNavBar {
    z-index: 10 !important;
}

.mainNavBar {
    z-index: 1010 !important;
}

.dropdown-toggle::after {
    background: url("/media/cbfknyf3/menu-dropdown-arrow.svg");
    border: none;
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    margin: 0;
    vertical-align: 0;
}

.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

#ddType {
    appearance: none;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 1.5em auto, 100%;
    background-image: url(/media/cbfknyf3/menu-dropdown-arrow.svg);
}

.mainnav-items {
    margin-left: 20px;
    margin-right: 40px;
}

    .mainnav-items:first-child {
        margin-left: 0px;
        margin-right: 40px;
    }

.navbar-nav .dropdown-menu {
    margin-left: -90px;
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

@media screen and (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        position: absolute;
        margin-left: -90px;
        float: none;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0 0;
        margin: 0 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #EFEFEF !important;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #000000 !important;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent !important;
        border: 0;
    }
}


/*Main Nav */
.dropdown-main-menu {
    position: absolute;
    /*top: 100%;*/
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 100%;
    padding: 0 0;
    margin: 0 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
}

.dropdown-main-item:hover .dropdown-main-menu {
    display: block;
}

.bg-main-nav:hover, .bg-sub-nav:hover {
    background-color: #e6e6e6;
}

.nav-active {
    background-color: #e6e6e6;
}

.nav-border-left {
    border-left: 1px solid #e6e6e6;
}

.nav-border-right {
    border-right: 1px solid #e6e6e6;
}

@media (min-width: 1200px) {
    .dropdown-main-menu {
        left: -45px;
        width: 1345px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dropdown-main-menu {
        left: -45px;
        width: 1024px;
    }
}


/* Landing Industries Page */
.indimg {
    border-radius: 10px 10px 0 0px !important;
}

.namein {
    font-size: 1.2rem !important;
}

.card-ind > a:hover {
    color: #003976 !important;
}

.prod-div {
    padding: 1.5rem !important;
}

.prod-list-div {
    padding-top: 3rem;
    padding: 50px;
    background: #f5f0f0;
    padding-bottom: 10rem;
}

.card-ind {
    padding: 20px;
}

.overlay {
    opacity: 0;
    background: #083351;
    position: absolute;
    display: none;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border-radius: 10px;
}

.indbox:hover > .overlay {
    opacity: 1;
    display: block;
}

.ol-title {
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    border-bottom: 1px solid white;
    font-weight: 600;
}

.ol-content {
    padding-right: 10px;
    padding-left: 10px;
    color: white;
    font-size: 14px;
    margin-top: 15px;
}

@media only screen and (max-width: 992px) {
    .prod-div {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        padding: 1rem !important;
    }

    .card-ind {
        padding: 20px;
    }

    .namein {
        font-size: 1rem !important;
    }
}

.txt-stn-title {
    color: #083351;
}
/* Two Sliders */
.div3-item {
    padding: 15px 5px;
}

.parentSpotlight-item {
    position: relative;
    height: 250px;
    display: flex;
    align-items: center;
}

.leftSpotlight-item, .rightSpotlight-item {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    padding: 1em 3em;
}

.leftSpotlight-item {
    padding: 0.000em 0em 0em 0em;
    /*top: 2em;*/
    left: 1em;
    width: 260px;
    /* height: 140px; */
    border: 0 !important;
    border-radius: 5px;
}

.rightSpotlight-item {
    border: 0 !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    top: 7px;
    left: 4em;
    padding-left: 120px;
    height: 250px;
    width: 500px;
}

.card-body3-item {
    margin-left: 100px;
    /*width: 120%;*/
}

.card-body3-item-feature {
    margin-left: 100px;
    width: 85%;
}

.card-body3-item-feature p {
    margin-top:0px !important;
}

.rightSpotlight-item-feature {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    padding: 1em 3em;
}

.rightSpotlight-item-feature {
    border: 0 !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    top: 7px;
    left: 4em;
    padding-left: 120px;
    height: 300px;
    width: 500px;
}

.parentSpotlight-item-feature {
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
}

.leftside-img-item {
    border-radius: inherit;
}

.leftSpotlight-item-rtl {
    left: 4rem !important;
}

.rightSpotlight-item-rtl {
    left: 6em !important;
    padding-right: 25px !important;
    text-align: left;
}

.card-body3-item-rtl {
    margin-right: 30px !important;
}

.img-div-item {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .rightSpotlight-item {
        width: 350px;
        padding-left: 55px;
    }

    .leftSpotlight-item {
        width: 200px;
    }
}

/* Diagonal New Upd*/
.spacerDiagonal {
    padding-bottom: 100px;
}

.diagonal-ng-margin {
    margin-top: -99px;
}

.diagonal-ng-margin-goto {
    margin-top: -136px;
}

.bg-image-white {
    background-color: #FFFFFF;
}

.bg-diagonal-bottom-right-top {
    clip-path: polygon(0 0%, 100% 98%, 100% 100%, 0 100%);
}

.bg-grey-section {
    background-color: #f6f6f6;
}

.bg-grey-section-opacity {
    background-color: #f6f6f6;
    opacity: 0.3;
}

.bg-blog-diagonal-top {
    clip-path: polygon(0 98%, 100% 0, 100% 100%, 0 100%);
}

.bg-blog-diagonal-product-top-bottom {
    clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
}

.bg-blog-diagonal-get-started-form {
    clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
}

.bg-blog-diagonal-product-related-content {
    clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
}

.blog-m-top {
    margin-top: -2px;
    margin-bottom: -2px;
}

.diagonal-m-top {
    margin-top: -1px;
}

.bg-img-m-bottom {
    margin-bottom: 2px;
}

.bg-blog-diagonal-bottom {
    clip-path: polygon(0 0, 100% 0, 100% 2%, 0 100%);
}

.bg-blog-diagonal-top-bottom {
    clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
}

.bg-blog-diagonal-top2 {
    clip-path: polygon(0 0, 100% 98%, 100% 100%, 0 100%);
}

.bg-blog-diagonal-product-image {
    clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}


/* Home Page New Styles */

.btn-stn-1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #083351 !important;
    border: 2px #083351 solid !important;
    margin-right: 9px;
    padding: 1.5rem;
    font-size: 24px;
    cursor: pointer;
}

    .btn-stn-1:hover {
        font-size: 24px !important;
        color: #FFFFFF !important;
        background-color: #083351 !important;
        transition: background-color 0.5s ease;
        text-decoration: none !important;
    }

.videoContainer {
    height: 540px;
    overflow: hidden;
}

.videoContainer-industry {
    height: 540px;
    overflow: hidden;
    width: 95%;
}


@media only screen and (max-width: 767px) {
    .videoContainer {
        height: 180px;
        overflow: hidden;
    }

    .videoContainer-industry {
        height: 220px;
        overflow: hidden;
    }

    .btn-stn-1 {
        width: 100%;
        padding: 0.75rem;
        font-size: 18px !important;
    }

        .btn-stn-1:hover {
            font-size: 18px !important;
            color: #FFFFFF !important;
            background-color: #083351 !important;
            transition: background-color 0.5s ease;
            text-decoration: none !important;
        }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .videoContainer {
        height: 430px;
        overflow: hidden;
    }

    .videoContainer-industry {
        height: 500px;
        overflow: hidden;
    }

    .bottom-right {
        width: 55% !important;
    }
}

.gradient-border {
    --borderWidth: 0px;
    padding-bottom: 6px;
    position: relative;
    border-radius: var(--borderWidth);
}

    .gradient-border:after {
        content: '';
        position: absolute;
        top: calc(-1* var(--borderWidth));
        left: calc(-1* var(--borderWidth));
        height: calc(100% + var(--borderWidth)* 2);
        width: calc(100% + var(--borderWidth)* 2);
        /* background: linear-gradient(60deg, #225497, #41CAF0, #49A6F8, #6BC8EC, #225497, #B9EBFF);*/
        background: linear-gradient(60deg, #225497, #41CAF0, #49A6F8, #225497, #6BC8EC, #B9EBFF);
        border-radius: calc(0* var(--borderWidth));
        z-index: 21;
        animation: animatedgradient 9s ease alternate infinite;
        background-size: 300% 300%;
    }

@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


/* Badge Search */
.badge-search {
    color: #0085CA;
    background-color: #F0F0F0;
    border-radius: 50%;
    position: absolute;
    top: 80%;
    left: 88%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.badge-search-swatch {
    color: #0085CA;
    background-color: #F0F0F0;
    border-radius: 50%;
    position: absolute;
    bottom: 35%;
    left: 75%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-profile-parent-img {
    width: 80px;
    height: 80px;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .badge-search {
        top: 65%;
        left: 80%;
    }

    .project-profile-parent-img {
        width: 50px;
        height: 50px;
        background-size: cover;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439.98px) {
    .badge-search {
        top: 75%;
        left: 85%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .badge-search {
        top: 80%;
        left: 85%;
    }
}

.spec-border-bottom {
    border-bottom: 1px solid #E6E6E6;
}

.spec-item-header {
    color: #083351;
}

.spec-item-description {
    color: var(--txt-sub-custom-color);
}

.margin-ntop-40 {
    margin-top: 0px;
}

@media (min-width: 1200px) {
    .margin-ntop-40 {
        margin-top: -40px;
    }
}

/* Product Family Page */
.card-product-family-color:hover .card-product-family-img {
    box-sizing: border-box;
    /*border: 5px solid #0085CA;*/
    box-shadow: 0 0 0 5px #0085CA;
}

.card-product-family-color:hover .card-product-family-text {
    /*color: #0085CA !important;*/
}

.card-product-family-color-click .card-product-family-img {
    box-shadow: 0 0 0 5px #0085CA;
}

.card-product-family-color-click .card-product-family-text {
    /*color: #0085CA !important;*/
}

.image-le-logo {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 21;
    background-color: white;
}

.btn-prf-swatch-placement {
    top: 400px;
}

@media (min-width: 768px) {
    .image-le-logo {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -90%);
        z-index: 21;
        background-color: white;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1499.98px) {
    .btn-prf-swatch-placement {
        top: 50%;
        transform: translate(0, -50%);
    }
}

/* Slider Arrows Update */
.img-arrow-prev::after {
    content: ' ';
    background-image: url('/media/b45l2hh1/mobile-arrow-left-lightgray-cyan.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    display: flex;
    height: 30px;
}

.img-arrow-next::after {
    content: ' ';
    background-image: url('/media/jcdnnnsb/mobile-arrow-right-lightgray-cyan.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    display: flex;
    height: 30px;
}

.img-arrow-prev:hover::after {
    background-image: url('/media/xnqg1lzh/mobile-arrow-left-stonhard-blue-cyan.svg');
}

.img-arrow-next:hover::after {
    background-image: url('/media/tdpau4er/mobile-arrow-right-stonhard-blue-cyan.svg');
}


.img-arrow-prev-small::after {
    content: ' ';
    background-image: url('/media/b45l2hh1/mobile-arrow-left-lightgray-cyan.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    display: flex;
    height: 30px;
}

.img-arrow-next-small::after {
    content: ' ';
    background-image: url('/media/jcdnnnsb/mobile-arrow-right-lightgray-cyan.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    display: flex;
    height: 30px;
}

.img-arrow-prev-small:hover::after {
    background-image: url('/media/xnqg1lzh/mobile-arrow-left-stonhard-blue-cyan.svg');
}

.img-arrow-next-small:hover::after {
    background-image: url('/media/tdpau4er/mobile-arrow-right-stonhard-blue-cyan.svg');
}

@media (min-width: 1024px) {
    .img-arrow-prev::after {
        content: ' ';
        background-image: url('/media/4zrajcfj/arrow-left-lightgray-cyan.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left;
        display: flex;
        height: 30px;
    }

    .img-arrow-next::after {
        content: ' ';
        background-image: url('/media/apafat0r/arrow-right-lightgray-cyan.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        display: flex;
        height: 30px;
    }

    .img-arrow-prev:hover::after {
        background-image: url('/media/yyja3xbp/arrow-left-stonhard-blue-cyan.svg');
    }

    .img-arrow-next:hover::after {
        background-image: url('/media/214bnzon/arrow-right-stonhard-blue-cyan.svg');
    }
}



@media only screen and (max-width: 767px) {
    .img-arrow-prev-small::after {
        height: 13px;
    }

    .img-arrow-next-small::after {
        height: 13px;
    }

    .img-small-arrow-15::after {
        height: 15px;
    }

    .rte-ul-mt-project ul {
        margin-top: 1rem;
    }
}

.rte-ul-mt-project ul {
    margin-top: 0;
}

.rte_description a {
    color: #0085CA !important;
}

    .rte_description a:hover {
        color: #0085CA !important;
        text-decoration: underline;
    }
.rte-ul-mt ul{
    margin-top:1rem;
}
.industry_section_link a {
    color: #0085CA !important;
}

    .industry_section_link a:hover {
        color: #0085CA !important;
    }

@media only screen and (max-width: 767px) {
    
    .rte-ul-mt-project ul {
        margin-top: 1rem;
    }
}

/* Color Resource - Individual Product*/
.color-product-item-div {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    margin-top: -85px;
    padding: 20px;
}

.color-product-item-content {
    margin-top: 100px;
}

/* Rep Form */
.form-ip-60 {
    height: 60px !important;
}

.form-label-color {
    color: #083351;
}

.img-zip-icon {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

    .img-zip-icon:hover {
        background-color: rgba(0, 133, 202,0.5);
    }

.image-container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding-bottom: 1000px;*/
}

#image-display {
    position: relative;
}

    #image-display #image {
        position: absolute;
        top: 0;
    }

.scroll-img-section {
    background-size: cover;
    background-position: center;
    height: 800px;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    .scroll-img-section {
        background-size: cover;
        background-position: center;
        height: 400px;
        max-width: 100%;
    }
}

/* Scroll Through Section */
.showScrollContainer, .ourScrollSection {
    height: 100vh;
}

.ourScrollSectionNew {
    height: 580px;    
}

.translate-middle-25 {
    transform: translate(-50%,-25%);
}

.translate-middle-scroll-100 {
    transform: translate(0%,-100%);
}

.top-0 {
    top: 0;
}

.translate-top-0 {
    transform: translate(0%, 0%);
}

.img-scroll-bg {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
}

.img-scroll-bg-new {
    height: 580px;    
    object-fit: cover;
    background-size: cover;
    background-position: bottom;
}

.img-scroll-section {
    height: 100vh;
    background-position: 50% 50%;
    background-size: cover;
}

.circle-scroll {
    border-radius: 50%;
    padding: 40px;
}

.circle1-scroll {
    border: 1px solid rgba(230, 230, 230, 0.2);
}

.circle2-scroll {
    border: 1px solid rgba(230, 230, 230, 0.4);
    background-color: rgba(230, 230, 230, 0.05);
}

.circle3-scroll {
    border: 1px solid rgba(230, 230, 230, 0.4);
    background-color: rgba(230, 230, 230, 0.1);
}

.circle4-scroll {
    border: 1px solid rgba(230, 230, 230, 0.4);
    background-color: rgba(230, 230, 230, 0.2);
}

.circle11-scroll {
    background-color: rgba(255, 255, 255, 0.05);
}

.circle21-scroll {
    background-color: rgba(255, 255, 255, 0.1);
}

.circle31-scroll {
    background-color: rgba(255, 255, 255, 0.2);
}

.circle41-scroll {
    background-color: rgba(255, 255, 255, 0.4);
}

.img-scroll-section-mat-new {
    height: 100vh;
    background-position: 50% 50%;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .translate-middle-scroll-100 {
        transform: translate(-50%,-100%);
    }

    .circle-scroll {
        border-radius: 50%;
        padding: 5px;
    }

    .translate-middle-25 {
        transform: translate(-50%, -40%);
    }    
}

@media only screen and (min-width: 420px) and (max-width: 767.98px) {
    .img-scroll-section-mat-new {
        height: 80vh;
        background-position: 50% 50%;
        background-size: cover;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .circle-scroll {
        border-radius: 50%;
        padding: 20px;
    }
}

@media only screen and (min-width: 1900) {
    .circle-scroll {
        border-radius: 50%;
        padding: 20px;
    }
}

/* Bottom padding */
.pb-6 {
    padding-bottom: 4.5rem;
}

.btn-stn-submit-1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #083351 !important;
    border: 2px #083351 solid !important;
    margin-right: 9px;
    padding: 1rem;
    font-size: 24px;
    cursor: pointer;
}

    .btn-stn-submit-1:hover {
        font-size: 24px !important;
        color: #FFFFFF !important;
        background-color: #083351 !important;
        transition: background-color 0.5s ease;
        text-decoration: none !important;
    }



.custom-select {
    border: 0 !important;
    background: white;
    border-radius: 0;
    height: 70px;
    font-size: 24px !important;
    line-height: 2;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .custom-select:focus {
        border: 0 !important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.custom-select-icon {
    background-image: url(/media/cbfknyf3/menu-dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position-x: right;
}

.btn-ston-primary {
    background-color: #0085CA !important;
    border-color: #0085CA !important;
}

    .btn-ston-primary:hover {
        background-color: #0085CA !important;
        border-color: #0085CA !important;
    }

.banner-container-new {
    background: white;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}

.toc-a, .toc-a:hover {
    color: white !important;
}

.toc-a-new, .toc-a-new:hover {
    color: var(--txt-sub-custom-color) !important;
}

.toc_header {
    color: #083351;
}

.toc_list {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.toc_list_item {
    position: relative;
    display: block;
    padding: 2px 0;
    background-color: #fff;
    font-size: 1rem;
}

#tc-collapse:focus, #tc-expand:focus{
    outline:none !important;
}

.img-card-project-profile {
    height: 180px;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    object-position: center;
}

.toc_content {
    width: 200px;
    padding: 0px;
    position: absolute;
    z-index:100;
}

.tableContentSticky {
    position: fixed;
    z-index: 100 !important;
    top: 80px;
    width: 200px;
}

.tableContentSticky_absolute {
    position: absolute;
    z-index: 100 !important;
    /*top: 2980px;*/
    width: 200px;
}

.tableContentSticky_sm {
    position: fixed;
    z-index: 100 !important;
    top: 0px;
    width: 100%;
}

.tblContent{
    width: 200px;
    margin-left: 20px;
}

.tblcontentSection {
    position: absolute;
    z-index: 100;
    width: 100%;
}

.tblContentAdjust{
    top: 400px;
}

@media only screen and (max-width: 767px) {
    .installForm {
        margin-top: 6rem !important;
    }

    .custom-select {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 992px) {

    .toc-container {
        max-height: 250px;
        overflow-y: auto;
        padding-top: 25px;
    }

    .tblContent {
        width: 100%;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 1024px) {

    .toc_list_item {
        position: relative;
        display: block;
        padding: 3px 0;
        background-color: #fff;
        font-size: .8rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1223.98px) {
    .toc_content {
        width: 160px;
    }

    .tableContentSticky {       
        width: 160px;
    }

    .tableContentSticky_absolute {        
        width: 160px;
    }
}

@media (min-width: 1200px) {
    .img-card-project-profile {
        height: 220px;
        background-size: cover;
        object-fit: cover;
        background-position: center;
        object-position: center;
    }
}


/* Footer section */
.footerContainer {
    background-color: #083351;
    color: #fff;
}

    .footerContainer h1 {
        color: #fff !important;
        font-size: 1.25rem !important;
        font-weight: bolder;
    }

    .footerContainer a {
        color: #fff !important;
        font-size: 1.25rem !important;
        font-weight: bolder !important;
    }

        .footerContainer a:hover {
            text-decoration: none !important;
            color: #fff !important;
            font-size: 1.25rem !important;
            font-weight: bolder !important;
        }

.footer-sub-link a {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: lighter !important;
}

    .footer-sub-link a:hover {
        text-decoration: none !important;
        color: #ffffff !important;
        font-size: 1rem !important;
        font-weight: lighter !important;
    }

.footer-slant-top-only {
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
}

@media (max-width: 1023.98px) {
    .footer-slant-top-only {
        clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
    }
}

.header-new-color {
    color: #083351;
}

.subheader-new-color {
    color: var(--txt-sub-custom-color);
}

/* Cards Height Fix */
.card-height-fix {
    height: auto;
}

@media only screen and (min-width: 1024px) and (max-width: 1519.98px) {
    .card-height-fix {
        height: 85%;
    }
}

@media only screen and (min-width: 1520px) and (max-width: 1699.98px) {
    .card-height-fix {
        height: 80%;
    }
}

@media only screen and (min-width: 1700px) and (max-width: 1899.98px) {
    .card-height-fix {
        height: 75%;
    }
}

@media only screen and (min-width: 1900px) and (max-width: 2199.98px) {
    .card-height-fix {
        height: 65%;
    }
}

@media only screen and (min-width: 1910px) and (min-height: 992px) {
    .card-height-fix {
        height: 55%;
    }
}

@media only screen and (min-width: 2200px) {
    .card-height-fix {
        height: 55%;
    }
}

/* One Trust Style from existing site */
#onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
    height: 24px !important;
    width: 64px;
    left: 2px !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    color: #000000 !important;
}


/* Scroll Through Below Elements */
.missionScrollBelowElem {
    margin-top: -120px !important;
}

@media only screen and (min-width: 1100px) and (max-width: 1399.98px) {
    .missionScrollBelowElem {
        margin-top: 3rem !important;
    }
}

@media only screen and (min-width: 1400px) {
    .missionScrollBelowElem {
        margin-top: -115px !important;
    }
}

@media only screen and (min-width: 1400px) and (max-height:900px) {
    .missionScrollBelowElem {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 1399.98px) and (max-height:900px) {
    .missionScrollBelowElem {
        margin-top: 0px !important;
    }
}

.careerScrollBelowElem {
    margin-top: -120px !important;
}

@media only screen and (min-width: 1100px) and (max-width: 1399.98px) {
    .careerScrollBelowElem {
        margin-top: 3rem !important;
    }
}

@media only screen and (min-width: 1400px) {
    .careerScrollBelowElem {
        margin-top: -115px !important;
    }
}

@media only screen and (min-width: 1400px) and (max-height:900px) {
    .careerScrollBelowElem {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 1399.98px) and (max-height:900px) {
    .careerScrollBelowElem {
        margin-top: 0px !important;
    }
}

/* Swatch Button */
.btn-show-swatchmodal:focus {
    outline: none !important;
}

.blog-p {
    font-size: 1.25rem !important;
    line-height: 1.6;
    color: var(--txt-sub-custom-color);
}

/* Product Feature Header and paragraph copy */
.seccmmhdr-intro {
    font-weight: 600;
    font-size: 40px;
    color: #083351;
}

.seccmmpara-intro {
    font-size: 20px;
    color: var(--txt-sub-custom-color);
    margin-bottom: 20px;
}


/* Materials scroll through section */
.materialsDescriptionScroll {
    height: 200vh;
}

.text-first, .text-second {
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

/* Modal Custom Updates */

@media only screen and (min-width: 992px) {
    .modal-custom-width {
        max-width: 600px;
    }
}

/* Sustainability section */
.sustain-mt {
    margin-top: 3rem !important;
}

.rte_para_mt-0 > p:last-child {
    margin-top:0 !important;
}

/* Careers Page */
@keyframes slideCareerPod {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -852px;
    }
}

@keyframes glow {
    from {
        box-shadow: 0 0 10px #083351;
    }

    to {
        box-shadow: 0 0 20px #083351;
    }
}

@keyframes glowNew {
    from {
        box-shadow: 0 0 10px #083351;
    }

    to {
        box-shadow: 0 0 20px #083351;
    }
}

/* Bottom Border Radius */
.bottom-border-radius {
    border-radius: 0px 0px 10px 10px !important;
}

.border-radius-0{
    border-radius:0;
}

/*@media only screen and (min-width: 1800px){
    .productModelContainer{
        height: 100% !important;
    }
}*/

/* Landing Page Header Tag FF */
.card-ind-fs {
    font-size: 1.5rem;
}

/* Icon-Text Slider */
.mt-icon-textslider{
    margin-top:25px;
}

@media only screen and (min-width: 1600px) {
    .mt-icon-textslider {
        margin-top: 45px;
    }
}

/* Visibility Hide and show classes */
.model-visible{
    /*visibility:visible;*/
    display:block;
}

.model-visible-hidden{
    /*visibility:hidden;*/
    display:none;
}

.model-display-hidden
{
    display:none;


}
/* Loading Icons for 3d models */
.loadingContainerCls {
    top: 20%;
    transition: .2s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: loadingModelsSpin 1.1s infinite ease;
    transform: translateZ(0);
}

@keyframes loadingModelsSpin {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #083351, 1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2), 2.5em 0em 0 0em rgba(8, 51, 81, 0.2), 1.75em 1.75em 0 0em rgba(8, 51, 81, 0.2), 0em 2.5em 0 0em rgba(8, 51, 81, 0.2), -1.8em 1.8em 0 0em rgba(8, 51, 81, 0.2), -2.6em 0em 0 0em rgba(8, 51, 81, 0.5), -1.8em -1.8em 0 0em rgba(8, 51, 81, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(8, 51, 81, 0.7), 1.8em -1.8em 0 0em #083351, 2.5em 0em 0 0em rgba(8, 51, 81, 0.2), 1.75em 1.75em 0 0em rgba(8, 51, 81, 0.2), 0em 2.5em 0 0em rgba(8, 51, 81, 0.2), -1.8em 1.8em 0 0em rgba(8, 51, 81, 0.2), -2.6em 0em 0 0em rgba(8, 51, 81, 0.2), -1.8em -1.8em 0 0em rgba(8, 51, 81, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(8, 51, 81, 0.5), 1.8em -1.8em 0 0em rgba(8, 51, 81, 0.7), 2.5em 0em 0 0em #083351, 1.75em 1.75em 0 0em rgba(8, 51, 81, 0.2), 0em 2.5em 0 0em rgba(8, 51, 81, 0.2), -1.8em 1.8em 0 0em rgba(8, 51, 81, 0.2), -2.6em 0em 0 0em rgba(8, 51, 81, 0.2), -1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(8, 51, 81, 0.2), 1.8em -1.8em 0 0em rgba(8, 51, 81, 0.5), 2.5em 0em 0 0em rgba(8, 51, 81, 0.7), 1.75em 1.75em 0 0em #083351, 0em 2.5em 0 0em rgba(8, 51, 81, 0.2), -1.8em 1.8em 0 0em rgba(8, 51, 81, 0.2), -2.6em 0em 0 0em rgba(8, 51, 81, 0.2), -1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(8, 51, 81, 0.2), 1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2), 2.5em 0em 0 0em rgba(8, 51, 81, 0.5), 1.75em 1.75em 0 0em rgba(8, 51, 81, 0.7), 0em 2.5em 0 0em #083351, -1.8em 1.8em 0 0em rgba(8, 51, 81, 0.2), -2.6em 0em 0 0em rgba(8, 51, 81, 0.2), -1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(8, 51, 81, 0.2), 1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2), 2.5em 0em 0 0em rgba(8, 51, 81, 0.2), 1.75em 1.75em 0 0em rgba(8, 51, 81, 0.5), 0em 2.5em 0 0em rgba(8, 51, 81, 0.7), -1.8em 1.8em 0 0em #083351, -2.6em 0em 0 0em rgba(8, 51, 81, 0.2), -1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(8, 51, 81, 0.2), 1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2), 2.5em 0em 0 0em rgba(8, 51, 81, 0.2), 1.75em 1.75em 0 0em rgba(8, 51, 81, 0.2), 0em 2.5em 0 0em rgba(8, 51, 81, 0.5), -1.8em 1.8em 0 0em rgba(8, 51, 81, 0.7), -2.6em 0em 0 0em #083351, -1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(8, 51, 81, 0.2), 1.8em -1.8em 0 0em rgba(8, 51, 81, 0.2), 2.5em 0em 0 0em rgba(8, 51, 81, 0.2), 1.75em 1.75em 0 0em rgba(8, 51, 81, 0.2), 0em 2.5em 0 0em rgba(8, 51, 81, 0.2), -1.8em 1.8em 0 0em rgba(8, 51, 81, 0.5), -2.6em 0em 0 0em rgba(8, 51, 81, 0.7), -1.8em -1.8em 0 0em #083351;
    }
}

/* Main Navigation Updates */
.nav-link-no-click {    
    line-height: 1.5rem;
    padding-bottom: 10px;
    cursor:pointer;
}


/* Products Select Box */


.product-select-box {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* For Firefox */
.product-select-box::-ms-expand {
    display: none;
}

.product-select-box {
    font-size: 1.2rem;
    font-weight: 300;
    color: #083351 !important;
    border: 2px solid #083351 !important;
    background: white;
    height: 60px;
    line-height: 2;
}

    .product-select-box:focus {
        border: 2px solid #083351 !important;
        background-image: url(/media/cbfknyf3/menu-dropdown-arrow.svg);
        background-repeat: no-repeat;
        background-position-x: right;
        box-shadow: none !important;
        color: #083351 !important;
    }

.product-select-box-icon {
    background-image: url(/media/cbfknyf3/menu-dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position-x: right;    
}

.product-select-box option {
    color: #0085CA !important;
}

.product-select-box:focus option:first-child {
    display: none;
}

.pro-family-items-left .slick-track {
    margin-left: 0 !important;
}

/* Scroll Section New */
.scroll-section-career-textsize {
    font-size: 5rem !important;
}

@media only screen and (max-width: 424.98px) {
    .scroll-section-career-textsize {
        font-size: 3rem !important;
    }
}

/*Sidebar product page */
#sidebar_fxd_container {
    border: 2px solid #083351;
    width: 100px;
    height: 120px;
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 200;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.sidebar_fxd_sml_pos {
    position: fixed;
    z-index: 200;
}

.sidebar_fxd_sml_down{
    position:fixed;
    top:70px;
    z-index:200;
}

.sidebar_fxd_sml_up {
    position: fixed;
    top: 0;
    z-index: 200;
}

/* Related Content Margin Class */
.related_mt {
    margin-top: 3rem;
}

/* Error Page styles */
.error-header {
    color: #424242;
    font-size: 24pt !important;
}

.error-title {
    color: #083551;
    font-size: 64pt !important;
}

.error-subtitles {
    color: #083551;
    font-size: 32pt !important;
}

.error-description {
    color: #FFFFFF;
    font-size: 24pt !important;
}

.error-link {
    color: #083551;
    font-size: 32pt !important;
}


/* Industry page styles */
.txtSubHeader-0 {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.5;
}

.txtSubHeader-1 {
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.5;
}

.control-left-lg {
    left: 13px;
}

.control-right-lg {
    right: 13px;
}

.parentSpotlight-industry {
    position: relative;
    height: 250px;
    /* margin-right: 0.8px; */
}

.leftSpotlight-industry, .rightSpotlight-industry {
    position: absolute;
    background-color: white;
    padding: 1em 3em;
}



.leftSpotlight-industry {
    padding: 0.000em 0em 0em 0em;
    top: 3em;
    width: 260px;
}

.rightSpotlight-industry {
    top: 1em;
    left: 5em;
    padding-left: 120px;
    height: 250px;
    bottom: 1em;
}


.card-body3-industry {
    padding-left: 100px;
    width: 120%;
}








@media (max-width: 767.98px) {
    .control-benefits-right-sm {
        right: -10px !important;
    }

    .control-benefits-left-sm {
        left: -10px !important;
    }

    .control-slider-bottom {
        top: 190px !important;
    }

    .hygenic-arrow-prev {
        width: 50px !important;
        margin-left: -20px;
    }

    .hygenic-arrow-next {
        width: 50px !important;
        margin-right: -20px;
    }
}

.control-benefits-right-lg {
    right: -110px;
}

.control-benefits-left-lg {
    left: -110px;
}

.control-slider-bottom {
    top: 320px;
}




/* This page styles */











@media (max-width: 767.98px) {
    .img-height-default {
        height: 450px;
    }

    .img-height-200 {
        height: 200px;
    }
}