.xl-oops{
    background-color: #eef3fc;
    min-height: calc(100% - 58px);
}
.xl-oops .oops-wrap{
     padding: 130px 0;
    position: relative;
 }
.xl-oops h1{
    font-size: 70px;
    font-weight: bold;
    color: #006ea8;
    width: 100%;
    padding:50px 0;
}
.xl-oops .f1{
float: left;
}
.xl-oops .fr{
    text-align: left;
    float: left;
    padding-left: 25px;
}
.xl-oops .fr span{
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}
.xl-oops .fr span a{
    color:#006ea8;
}
.xl-oops .fr span a:hover{
    color: #0084ff;
}

.xl-oops .fr h2{
    font-size: 36px;
    font-weight: bold;
    color: #006ea8;
    text-align: left;
}
.xl-oops .fr  p{
    font-size: 24px;
    color: #1a1a1a;
    margin-top: 20px;
    margin-bottom: 40px;
}
.xl-oops .f1{
    max-width: calc(100% - 520px)
}
.xl-oops .fr{
    max-width: 520px;
}
.xl-oops .f1 img{
    max-width: 100%;
}
@media (max-width: 768px) {
    .xl-oops h1{
        position: static;
    }
    .xl-oops .f1,  .xl-oops .fr{
        max-width: 100%;
    }
    .xl-oops .fr{
        padding-top: 20px;
    }
   
   
}