@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

/*body {*/
    /*background-color: #fff;*/
    /*padding: 0;*/
    /*margin: 0;*/
/*}*/
p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7;
    text-align: justify;
}

.h1, .h2, .h3, h1, h2, h3, h4, h5, h6, p, table, li{
    font-family: 'Open Sans', sans-serif;
}

.center{
    margin: 0 auto;
}


.full{
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.account-verification-header{
    padding-top: 16%;
    background: url(../images/acc_verification_img/bg_account_verification_header.jpg);
    width: 100%;
    height:600px;
    background-repeat: no-repeat;
    background-position:center center;
}
.acc-ver-title-header{
    display: flex;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    background: rgba(30,34,46,.9);
    width: auto;
    color:#fff;

}
.acc-ver-title-header h1{
    font-weight: 600;
    font-size: 52px;
    padding-bottom: 20px;
}

.acc-ver-content-holder{
    padding-top: 50px;
    padding-bottom: 50px
}
.verify-step{
    width:100%;
    padding: 30px 30px;
    border-radius:5px;
    border:1px solid rgba(63,112,147,.2);
    box-shadow: 3px 3px 35px rgba(63,112,147,.2);
    margin-top: 25px;
    margin-bottom: 25px;
}
.verify-step-title{
    background-color:#0b4b7b;
    width:100%;
    padding: 5px 5px;
    border-radius:3px;
    padding-bottom: 10px;
    border:1px solid rgba(63,112,147,.1);
    box-shadow: 1px 1px 7px rgba(63,112,147,.2);
    cursor: pointer;
}
.verify-step-title h2{
    text-align: center;
    font-weight: 700;
    color:#fff;
}

.acc-level-1{
    height: 330px;
    background: url(../images/acc_verification_img/bg-id-card.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: contain;
}

.acc-level-2{
    height: 400px;
    background: url(../images/acc_verification_img/bg-residence.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.step-condition{
    margin-top: 50px;
}
.step-condition ul li:before{
    font-family:"FontAwesome";
    content:"\f046";
    margin-left: -30px;
    float: left;
    color:#222;
}

.step-condition ul li{
    list-style-type: none;
    line-height: 1.7;
    font-size: 16px;
}
.bottom-list-holder{
    margin-top: 20px;
    background-color:#ebecef;
    width:100%;
    padding: 15px 20px;
    border-radius:3px;
    border:1px solid rgba(63,112,147,.1);
    box-shadow: 1px 1px 7px rgba(63,112,147,.2);
}
.bottom-list ul li{
    list-style-type: none;
}
.bottom-list p, .bottom-list ul li{
    font-size: 14px;
    font-weight: 400!important;
    font-style: italic;
    color:#0b4b7b;
}

.requirements-block{
    margin-top: 30px;
    margin-bottom: 20px;
}
.requirements-block h4{
    font-weight: 600;
}
.requirements-block ol li{
    font-size: 16px;
    line-height: 1.7;
}

.first-desc{
    /*padding-top: 100px;*/
    padding-bottom: 20px;
}

.levSign1, .levSign2{
    float: right;
    padding-right: 5px;
    width: 20px;
}

.levConDiv1,.levConDiv2{
    display: none;
}




.step-condition:lang(sa) {
    direction: ltr;
}


@media screen and (max-width:767px){
    .account-verification-header{
        background: url(../images/acc_verification_img/mobile_bg_account_verification_header.jpg);
        width: 100%;
        height:250px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position:97% center;
        padding-top: 0px;
    }
    .acc-ver-title-header{
        /*width: 100%;*/
        height: 250px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        float: none;
        background: rgba(127,127,127,.7);
        color:#fff;

    }
    .acc-ver-title-header h1{
        font-size: 30px;
        text-align: center;
        padding-top: 0px;
        margin-top:0px !important;
    }
    .acc-level-1{
        height: 200px;
    }

    .acc-level-2{
        height: 250px;
    }
    .bottom-list-holder{
        margin-top: 10px;
        padding: 5px 10px;
    }
    .step-condition ul, .requirements-block ol{
        padding-inline-start:20px;
    }
    .bottom-list ul{
        padding-inline-start:0px;
    }

    .first-desc{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sec-desc{
        padding-bottom: 20px;
    }



}

@media (min-width: 576px) and (max-width: 767.98px) {
    .account-verification-header{
        background: url(../images/acc_verification_img/bg_account_verification_header.jpg);
        width: 100%;
        height:300px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center center;
        padding-top: 0px;
    }
    .acc-ver-title-header{
        /*width: 100%;*/
        height: 300px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        float: none;
        background: rgba(127,127,127,.7);
        color:#fff;

    }
    .acc-ver-title-header h1{
        font-size: 36px;
        padding-top: 15px;
        text-align: center;
        margin-top:0px !important;
    }
    .acc-level-1{
        height: 250px;
    }

    .acc-level-2{
        height: 250px;
    }


    .first-desc{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sec-desc{
        padding-bottom: 20px;
    }


}

@media (min-width: 768px) and (max-width: 991.98px) {
    .account-verification-header{
        background: url(../images/acc_verification_img/mobile_bg_account_verification_header.jpg);
        padding-top: 25%;
        width: 100%;
        height:500px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position:90% center;
    }
    .acc-ver-title-header h1{
        font-size: 30px;
    }
    .first-desc{
        padding-top: 10px;
        padding-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .account-verification-header{
        background-position:62% center;
    }
    .account-verification-header{
        padding-top: 20%;
    }
    .acc-ver-title-header h1{
        font-size: 36px;
    }
    .first-desc{
        padding-top: 10px;
        padding-bottom: 20px;
    }
}


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

    .acc-ver-title-header {
        margin-left: -15px;
        margin-right: -15px;
    }

}


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

    .verify-step-title h2 {
        font-size: 24px;
    }

}