
:root{
	--error-title-81-40 : clamp(2.5rem, 1.878rem + 2.6537vw, 5.0625rem);
	--error-desc-35-20 :  clamp(1.25rem, 1.0225rem + 0.9709vw, 2.1875rem);
	--err-report-16-14: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
}

#error-404-page, #error-403-page{
    max-width: 1920px;
    margin: 0 auto;
    -webkit-text-size-adjust: none;
}
#error-page-layout #patient-header-layout {
    display: block;
}
.error-page-logo {
    padding: 40px 0;
    border-bottom: 2px solid #F0AB00;
}

.error-main-.wrap {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.error-title-wrap h1 {
font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: var(--error-title-81-40);
    line-height: normal;
    margin: 8% 0 3%;
    text-align: center;
}
.error-title-wrap p {
    font-size: var(--error-desc-35-20);
    line-height: normal;
font-family: "Open Sans", sans-serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: 5%;
}
.error-text-wrap p {
    font-size: var(--error-desc-35-20);
    line-height: normal;
font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-align: center;
    width: 66%;
    margin: auto;
}
#error-403-page .error-text-wrap p{
    width: 96%; 
}
.error-cta-wrap {
    margin: 65px 15px 13%;
}
.error-cta-wrap a {
    background: #F0AB00;
    color: #003865;
    font-size: 17px;
    line-height: 1.2px;
    padding: 10px 30px;
    border-radius: 8px;
font-family: "Open Sans", sans-serif;
    font-weight: 700;
}
.frag-body-para.mar0 {
    margin-bottom: 0;
}
#report-side-content.err-page-report p.frag-body-para {
    font-size: var(--err-report-16-14);
    line-height:normal;
    font-weight: 400;
font-family: "Open Sans", sans-serif;
}
#report-side-content.err-page-report {
    background: #fff;
}
.error-cta-wrap a:hover{
    text-decoration:none;
}
.err-page-report .desktop-only {
    word-break: break-all;
    display: inline;
    letter-spacing: 0.5px;
}

@media screen and (max-width: 767px){
    .error-page-logo {
        padding: 28px 0 30px;
    }
    .error-text-wrap p{
        width:90%;
    }
    .error-page-logo {
        text-align:center;
    }
    #error-page-layout #patient-header-layout {
        display: block;
        max-width: 100%;
        padding: 0 15px;
    }
    .error-cta-wrap{
        margin-top:75px;
        margin-bottom:15px;
    }
    .error-title-wrap h1{
        letter-spacing: -1.1px;
        margin: 45px 0 25px;
    }
}
