/*default css*/
section.not-found-page .container{
    height: 100vh;
    display: flex;
    align-items: center;
}
section.not-found-page{
    background: rgba(135, 190, 255, 0.45);
}
.top-mobile-img,.side-mobile-img{
    display:none;
}
.wrap-not-found-content .wrap-img div{
    width: 100%;
    background-size: cover;
}
.wrap-not-found-content .wrap-img {
    display: flex;
    justify-self: end;
}
.wrap-not-found-content{
    display: grid;
    grid-template-columns: 1fr max-content;
    height: max-content;
    color: #0C1C52;
    margin: auto;
    width: 100vw;
}
.wrap-not-found-content .wrap-text{
    margin: auto;
}
.not-found-head{
    font-family: 'Optima',serif;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 42px;
    line-height: 51px;
}
.wrap-not-found-content .wrap-links{
    font-family: 'Avenir',sans-serif;
    font-weight: 800;
    font-size: 15px;
    line-height: 20px;
}
.wrap-not-found-content a.link{
    color: #0C1C52 !important;
    margin-left: 12px;
    font-weight: 800;
}
.wrap-not-found-content .wrap-link {
    display: flex;
    align-items: center;
}
.wrap-not-found-content .wrap-link:hover a.link{
    color: #5162FF !important;
}
.wrap-not-found-content svg{
    height: 20px;
    width: 20px;
}
.wrap-not-found-content svg path{
    fill:#0C1C52;
}
.wrap-not-found-content svg path[stroke-width]{
    fill: none;
    stroke:#0C1C52;
}
.wrap-not-found-content .wrap-link:hover svg path[stroke-width]{
    fill: none;
    stroke:#5162FF;
}
.wrap-not-found-content .wrap-link:hover svg path{
    fill : #5162FF;
}
.wrap-not-found-content .links-head{
    margin-top: 25px;
    margin-bottom: 20px;
}

.wrap-not-found-content .wrap-link {
    width: 167px;
}

/*big desktop*/
@media screen and (min-width: 1441px) {
    .wrap-not-found-content .wrap-text{
        max-width:433px ;
    }
    .wrap-not-found-content .wrap-img{
        width: 960px;
    }
    .wrap-not-found-content .wrap-img div {
        height: 508px;
    }
}
/*small desktop*/
@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .wrap-not-found-content .wrap-text{
        max-width:276px ;
    }
    .wrap-not-found-content .wrap-img{
        width: 726px;
    }
    .wrap-not-found-content .wrap-img div{
        height: 404px;
    }
   
}
/*tablet*/
@media screen and (min-width: 768px) and (max-width: 1280px) {
    .wrap-not-found-content .wrap-text{
        max-width:276px ;
    }
    .wrap-not-found-content .wrap-img div{
        height: 338px;
    }
    .wrap-not-found-content .wrap-img{
        width: 512px;
    }
}
/*spec css for small tablet*/
@media screen and (min-width: 768px) and (max-width: 990px) {
    .wrap-not-found-content .wrap-img{
        width: 433px;
    }
}
/*mobile*/
@media screen and (max-width: 767px) {
    .wrap-not-found-content .wrap-text{
        max-width:296px;
        margin-top: 10px;
    }
    .wrap-not-found-content .wrap-img div{
        background-image: url("/wp-content/uploads/2020/11/GettyImages-1203786407_3-1.png") !important;
        height: 291px;
    }
    .wrap-not-found-content .wrap-img{
        width: 270px;
        justify-self: auto;
    }
    .wrap-not-found-content{
        grid-template-columns: 1fr;
        grid-template-rows: max-content 1fr 291px;
        height: 100vh;
    }
    .not-found-head{
        font-size: 35px;
        line-height: 42px;
    }
    .wrap-not-found-content .links-head{
        margin-top: 34px;
    }
    .wrap-not-found-content .wrap-links{
        font-size: 14px;
        line-height: 19px;
    }
    .wrap-not-found-content .wrap-link{
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.0288px;
        width: 191px;
        margin-top: 14px;
    }
    .wrap-not-found-content a.link{
        margin-left: 10px;
    }
    .top-mobile-img,.side-mobile-img{
        display:block;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .top-mobile-img{
        background-image: url("/wp-content/uploads/2020/11/Vector.png");
        Height: 111px;
        width: 200px;
        margin-left: 61px;
    }
    .side-mobile-img{
        background-image: url("/wp-content/uploads/2020/11/Vector-1.png");
        Width: 116px;
        Height: 204px;
        bottom: 192px;
        right: 0;
        position: absolute;
    }
}