#error-page-404 h1,#error-page-404 h2,#error-page-404 h3,#error-page-404 h4,#error-page-404 h5,#error-page-404 p,#error-page-404a, #error-page-404 b,#error-page-404 li,#error-page-404 ul,#error-page-404 ol,#error-page-404 div,#error-page-404 span,#error-page-404 button, #error-page-404,
#error-page-403 h1,#error-page-403 h2,#error-page-403 h3,#error-page-403 h4,#error-page-403 h5,#error-page-403 p,#error-page-403a, #error-page-403 b,#error-page-403 li,#error-page-403 ul,#error-page-403 ol,#error-page-403 div,#error-page-403 span,#error-page-403 button, #error-page-403,
#error-page-500 h1,#error-page-500 h2,#error-page-500 h3,#error-page-500 h4,#error-page-500 h5,#error-page-500 p,#error-page-500a, #error-page-500 b,#error-page-500 li,#error-page-500 ul,#error-page-500 ol,#error-page-500 div,#error-page-500 span,#error-page-500 button, #error-page-500 {
    margin: 0;
    padding: 0;
}

#error-page-404 #light-purple-background,
#error-page-403 #light-purple-background,
#error-page-500 #light-purple-background {
    display: flex;
    padding: 54px 90px 78px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    flex: 1 0 0;    
}

#error-page-404 #main-container,
#error-page-403 #main-container,
#error-page-500 #main-container {
    background-image: url('/content/dam/intelligentcontent/unbranded/dualcopdburden-microsite/us/en/images/desktop/roots-background.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
padding-left: 110px;
    padding-bottom: 186px;
    padding-top: 78px;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    margin-top: 128px;
    padding-right: 20px;
}

#error-page-404 .subtitle,
#error-page-403 .subtitle,
#error-page-500 .subtitle {
    color: #79266A;
    text-align: center;
    font-family: "Barlow", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2.2px;
}

#error-page-404 .subtitle-container,
#error-page-403 .subtitle-container,
#error-page-500 .subtitle-container {
    display: flex;
    padding: 4px 20px;
    justify-content: center;
    align-items: center;
    background: #CDC8CD;
}

#error-page-404 h1,
#error-page-403 h1,
#error-page-500 h1 {
    color: #46163F;
    font-family: "Barlow", sans-serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 900;
    line-height: 44px;
    text-transform: uppercase;
}

#error-page-404 .description,
#error-page-403 .description,
#error-page-500 .description {
    color: #79266A;
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#error-page-404 .button-error-pages,
#error-page-403 .button-error-pages,
#error-page-500 .button-error-pages {
display: flex;
    padding: 10px 47px 12px 25px;
    align-items: center;
    color: #222222;
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    border-radius: 5px;
    border: 1.5px solid #B4BD46;
    background: #F2FCD1;
    cursor: pointer;
    max-width: 199px;
}

#error-page-404 a,
#error-page-403 a,
#error-page-500 a {
    text-decoration: none;
}

#error-page-404 .button-error-pages::after,
#error-page-403 .button-error-pages::after,
#error-page-500 .button-error-pages::after {
    content: '';
    background-image: url('/content/dam/intelligentcontent/unbranded/dualcopdburden-microsite/us/en/images/desktop/tozo-global/UI-icon.svg');
    background-repeat: no-repeat;
    position: absolute;
    background-repeat:no-repeat;
    right: 25px;
    width: 12px;
    height: 12px;
}
#error-page-404 .button-error-pages:hover, #error-page-403 .button-error-pages:hover, #error-page-500 .button-error-pages:hover {
    background: #E7EF7E;
    border: 1.5px solid #B4BD46;
    text-decoration: underline;
}
/* sitemap */
#sitemap .cmp-text{
   padding:0;
    margin:0;
}
#sitemap #body-wrapper{
    margin:100px auto 0;
    padding: 87px 0 243px 85px;
    background: linear-gradient(180deg, #F1E7EF 0%, #FAFAFA 35%);
}
#sitemap #header h1{
        color: #79266A;
    font-family: "Barlow", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    padding-bottom:116px;
}
#sitemap #sitemap-content > ul > li > a{
 font-family: "Barlow", sans-serif;
 font-weight: 700;
 font-size: 24px;
 padding-bottom: 5px;
 line-height: 150%;
 color:#79266A;
 text-decoration: underline 1px;
}
#sitemap #sitemap-content > ul > li > a:hover{
text-decoration:none;
}
/*sitemap  */
/* exit ramp */
.exit-ramp-title {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #79266A;
}

.exit-ramp-body {
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    color: #212121;
}

.exit-ramp-actions {
    display: flex;
    /*flex-direction: row-reverse;
    justify-content: flex-end;*/
    gap: 20px;
}

a.exit-ramp-continue.skip-exit-ramp {
    width: 242px;
    height: 47px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px 12px;
    background: #F2FCD1;
    border: 1.5px solid #B4BD46;
    color: #222222;
    position: relative;
    order:2;
        font-family: "Barlow", sans-serif;
}

a.exit-ramp-continue.skip-exit-ramp::after {
    content: '';
    background-image: url('/content/dam/intelligentcontent/unbranded/dualcopdburden-microsite/us/en/images/desktop/tozo-global/UI-icon.svg');
    height: 12px;
    width: 12px;
    position: absolute;
    right: 25px;
    background-repeat:no-repeat;
}

.exit-ramp-cancel.close-exit-ramp {
    width: 242px;
    height: 47px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px 12px;
    background: #79266A;
    border: 1.5px solid #F1E7EF;
    color: #FFF;
    position: relative;
    order:1;
        font-family: "Barlow", sans-serif;
}

.exit-ramp-cancel.close-exit-ramp::after {
    content: '';
    background-image: url('/content/dam/intelligentcontent/unbranded/dualcopdburden-microsite/us/en/images/desktop/button-white-icon.svg');
    height: 12px;
    width: 12px;
    position: absolute;
    right: 25px;
}

.modal--visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(14px);
    opacity: 0;
    user-select: none;
    cursor: pointer;
}

.modal.exit-ramp-modal .modal-box {
    position: relative;
    flex-shrink: 0;
    margin-top: auto !important;
    margin-bottom: auto !important;
    background: #FFFFFF;
    max-width: 624px;
    width: 100%;
    opacity: 1;
    border-radius: 5px;
    border-width: 2px;
    padding: 40px 58px 40px 60px;
    gap: 41px;
    border: 2px solid #79266A;
}

.modal__close {
    display: none;
}

.exit-ramp-content {
    display: flex;
    gap: 21px;
    flex-direction: column;
}

.exit-ramp-content .exit-ramp-body::before{
    content:"Please note: ";
    font-weight:bold
}
.exit-ramp-cancel.close-exit-ramp:hover {
    background: #46163F;
    border: 1.5px solid #46163F;
    text-decoration: underline;
}

a.exit-ramp-continue.skip-exit-ramp:hover {
    background: #E7EF7E;
    border:1.5px solid #F2FCD1;
    text-decoration: underline;
}


/* exit ramp */
@media only screen and (max-width: 374px) {
    #error-page-500 h1 {
        font-size: 36px !important;
        line-height: 38px !important;
    }

    #error-page-404 h1 {
        font-size: 42px !important;
        line-height: 120% !important;
    }

    #error-page-403 h1 {
        font-size: 36px !important;
        line-height: 35px !important;
    }

    #error-page-404 .button-error-pages,
    #error-page-403 .button-error-pages,
    #error-page-500 .button-error-pages {
        padding: 10px 50px 12px 15px !important;
        font-size: 13px;
    }
        #error-page-404 #main-container {
        padding-left: 113px !important;
    }
}

@media only screen and (max-width: 991px) {
    #error-page-404 #main-container,
    #error-page-403 #main-container,
    #error-page-500 #main-container {
                padding-left: 101px;
        padding-bottom: 100px;
        padding-top: 42px;
        background-image: url(/content/dam/intelligentcontent/unbranded/dualcopdburden-microsite/us/en/images/mobile/roots-background-mobile.png);
        background-size: contain;
                margin-top: 98px;
        padding-right: 15px;
    }

    #error-page-404 .subtitle-container,
    #error-page-403 .subtitle-container,
    #error-page-500 .subtitle-container {
        padding: 6.5px 20px;
    }

    #error-page-404 #light-purple-background,
    #error-page-403 #light-purple-background,
    #error-page-500 #light-purple-background {
        padding: 32px 0px 64px 15px;
        gap: 20px;
    }

    #error-page-404 .description,
    #error-page-403 .description,
    #error-page-500 .description {
        margin-bottom: 30px;
    }
#error-page-500 .description {
        letter-spacing: -0.01em;
    }
    #error-page-404 h1 {
        font-size: 50px;
        line-height: 55px;
    }

    #error-page-403 h1 {
        font-size: 50px;
        line-height: 45px;
    }

    #error-page-500 h1 {
        font-size: 50px;
        line-height: 45px;
    }

    #error-page-404 .subtitle,
    #error-page-403 .subtitle,
    #error-page-500 .subtitle {
        line-height: inherit;
    }
        /* sitemap */
#sitemap #body-wrapper{
    margin: 84px auto 0;
    padding: 65px 15px 239px;
}
#sitemap #header h1{
        padding-bottom: 96px;
}
#sitemap #sitemap-content > ul > li > a{
 padding:0 0 5px 20px;
}
/*sitemap  */
/*exit ramp  */
    .modal {
        padding: 0 15px !important;
    }

    .modal.exit-ramp-modal .modal-box {
        padding: 40px 26px 40px 30px;
        max-width: 360px;
    }

    .exit-ramp-title {
        font-size: 28px;
    }

    .exit-ramp-body {
        font-size: 16px;
        line-height: 150%;
    }

    .exit-ramp-actions {
        flex-direction: column;
    }
a.exit-ramp-continue.skip-exit-ramp,
    .exit-ramp-cancel.close-exit-ramp{
    width: 300px;
}
/* exit ramp */
}
@media (max-width:389px){
    #error-page-404 #main-container, #error-page-403 #main-container, #error-page-500 #main-container{
        padding-left: 113px;
    }
    #error-page-404 #main-container{
        padding-left: 126px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1439px) {
    #error-page-404 h1, #error-page-403 h1, #error-page-500 h1 {
        font-size: clamp(2.1875rem, -2.6406rem + 7.7951vw, 4.375rem);
        line-height: clamp(1.375rem, -1.6598rem + 4.8998vw, 2.75rem);
    }

    #error-page-404 .description, #error-page-403 .description, #error-page-500 .description {
        font-size: clamp(0.5625rem, -0.679rem + 2.0045vw, 1.125rem);
        margin-bottom: 2.083vw;
    }

    #error-page-404 .button-error-pages, #error-page-403 .button-error-pages, #error-page-500 .button-error-pages {
        padding: 0.694vw 4.028vw 0.833vw 1.042vw;
        font-size: clamp(0.5625rem, -0.679rem + 2.0045vw, 1.125rem);
    }

    #error-page-404 #light-purple-background, #error-page-403 #light-purple-background, #error-page-500 #light-purple-background {
        padding: 3.889vw 6.25vw;
        gap: 2.083vw;
    }

    #error-page-404 #main-container, #error-page-403 #main-container, #error-page-500 #main-container {
        padding-left: 7.639vw;
        padding-bottom: 12.917vw;
        padding-top: 7.361vw;
    }
}

@media only screen and (min-width: 1441px) {
    #error-page-404 #light-purple-background, #error-page-403 #light-purple-background, #error-page-500 #light-purple-background {
        max-width: 1330px;
        margin: 0 auto;
    }
}