/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;background:#e9eeff;user-select:none;user-select:none;}
body{font-family:'Open Sans', Arial, Helvetica, sans-serif;}
a,img,a:active,a:visited{ border:none; outline:none; text-decoration:none;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.container{width:65%; height:auto; overflow:hidden; margin:0 auto;}
.clear{width:0px; height:0px; display:block; clear:both;}

body{}
.header{width:100%;height:200px;overflow:hidden;background:#0b57a5;}
.header img{width:120px;}
.wrapper{width:100%;position:relative;}
.wrapper .box{padding:50px;box-sizing:border-box;width:65%;position:absolute;top:180px;left:50%;transform: translate(-50%, -50%);background:#fff;height:500px;border-radius:20px;box-shadow:0 17px 50px 0 rgba(11,20,26,.19),0 12px 15px 0 rgba(11,20,26,.24);display:flex;align-items:center;}
.box .text{width:70%;float:left;overflow:hidden;}
.box .text h1{font-size:25px;font-weight:400;color:#5b4f4f;}
.box .text ol{margin-top:40px;padding-left:20px;}
.box .text ol li{list-style:decimal;margin-bottom:20px;}
.box .qr{width:30%;float:left;overflow:hidden;border-radius:27px;box-sizing:border-box;box-shadow:/*0 17px 50px 0 rgba(11,20,26,.19),0 12px 15px 0 rgba(11,20,26,.24)*/0px 0px 8px 0 rgba(51, 55, 56, 0.13);}
.box .qr img{width:100%;border:9px solid #fff;border-radius:27px;box-sizing:border-box;}

.blocker{position:fixed;top:0;left:0;width:100%;bottom:0;background:#fff;z-index:99;display:none;}

.btn{width:auto;overflow:hidden;box-sizing:border-box;background:linear-gradient(135deg, #3c55b9, #1f85e3);color:#fff;display:inline-block;text-align:center;padding:10px 15px;height:45px;border-radius:5px;font-size:15px;border:none;cursor:pointer;line-height:22px;position:relative;}
.more{background: linear-gradient(135deg, #3c55b9, #1f85e3)!important;border: none !important;}

.shimmer{position:relative;}
.shimmer::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);transition: left 0.6s;animation: shimmer 3s infinite;}
@keyframes shimmer {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
}

.loader{position:fixed;width:100%;height:auto;top:0;left:0;bottom:0;background:rgba(255, 255, 255, 0.97);z-index:9;display:grid;align-content:center;}
.loader img{margin:0 auto;width:100px;display:block;}
.loader p{text-align:center;display:block;}

.fixer{width:85%;margin:0 auto;overflow:hidden;}
header{width:100%;height:auto;overflow:hidden;position:fixed;top:0;left:0;background:#fff;display:block;}
header a{padding:10px;box-sizing:border-box;display:block;color:#000;width:85px;text-align:center;font-weight:600;float:left;overflow:hidden;}
header a img{width:100%;border-radius:50%;}

.main-menu{}
.main-menu ul{overflow:hidden;}
.main-menu li{width:25%;float:left;padding:10px;box-sizing:border-box;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.main-menu li a{width:100%;height:160px;padding:15px;box-sizing:border-box;border-radius:10px;transition:all 0.5s;cursor:pointer;overflow:hidden;display:block;text-align:center;font: 600 22px/23px 'Open Sans', sans-serif;color:#82878c;text-transform:capitalize;display:grid;align-content:center;}
.main-menu li a:hover::before {opacity: 0.1;}
.main-menu li a:hover{transform: translateY(-8px);box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);;}
.main-menu li a span{border-radius:100%;color:#eef1ff;display:block;font-size:25px;width:60px;height:60px;line-height:60px;text-align:center;margin:0 auto;}
.main-menu li a span i{line-height:60px;}
.main-menu li a p{color:#fff;display:block;font-size:17px;line-height:15px;clear:both;float:right;text-transform:capitalize;margin:6px 0 !important;}
.main-menu li a h3{display:block;font-size:18px;clear:both;color:#fff;}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.exam-list{width:80%;overflow:hidden;padding:50px;background:#fff;margin:150px auto 70px auto;box-shadow:0px 0px 12px #a6a5a5;}
.exam-list h1{font-size:30px;}
.exam-list li{width:50%;float:left;padding:10px;box-sizing:border-box;}
.exam-list li div {background:linear-gradient(to right, #16415d , #731694);padding:20px;box-sizing:border-box;border-radius:10px;overflow:hidden;}
.exam-list li div h3{font-size:20px;color:#fff;}
.exam-list li div p{font-size:15px;color:#fff;}
.exam-list li div a{margin-top:10px;float:right;}

#pre-exam{width:50%;overflow:hidden;margin:30px auto 0 auto;/*background:linear-gradient(to right, #638fd3 , #ec43d2)*/;border:2px solid #039636;padding:20px;box-sizing:border-box;border-radius:5px;}
input,select,textarea{width:100%;height:40px;border-radius:5px;background:none;border:1px solid #8e8181;padding:10px;box-sizing:border-box;margin-bottom:10px;}

.invoice{width:80%;overflow:hidden;margin:50px auto 0 auto;}
.invoice .inv-header{border-radius:10px 10px 0 0;background:#fff;padding:10px 20px;box-sizing:border-box;border-bottom:1px solid #ccc;}
.invoice .inv-header h1{text-transform:capitalize;}
.invoice .inv-body{background:#fff;padding:20px;box-sizing:border-box;border-bottom:1px solid #ccc;}
.invoice .inv-footer{background:#fff;padding:20px;box-sizing:border-box;border-radius:0 0 10px 10px;}

table,table td,table th{border:1px solid #dad3d3;}
table td, table th{padding:5px;box-sizing:border-box;text-align:left;}
table td{padding:0 5px;}
table th{padding:8px 5px;}
table{width: 100%;border-collapse: collapse;}
table input{margin:0;text-align:left;font-weight:bolder;border:0;padding:0;font-size:16px;font-weight:400;}

.accordion {display:flex;flex-direction:column;width:100%;}
.accordion-item{border:1px solid #ddd;margin-top:15px;}
.accordion-item-header{background-color:#fff;border-bottom:1px solid #ddd;padding:10px;cursor:pointer;overflow:hidden;display:flex;align-items:center;}
.accordion-item-header p{float:left;width:50%;}
.accordion-item-header i{float:right;width:50%;text-align:right;}
.accordion-item-content{display:none;padding:10px;background:#fff;overflow:hidden;}

.row{overflow:hidden;width:100%;}

.input{position:relative;border:1px solid #ddd;border-radius:10px;padding:5px;box-sizing:border-box;margin-top:15px;margin-bottom:10px;}
.input p{position:absolute;top:-10px;font-size:13px;background:#fff;padding:0 6px;left:10px;color:#656bc5;}
.input select{border:none;margin:0;}
.input textarea{border:none;margin:0;height:90px;font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.input input{border:none;margin:0;padding:10px;box-sizing:border-box;font-size:15px;}
.input input::placeholder, .input textarea::placeholder{color:#a09999;}
.input:hover{border-color:#a09999;}
.input:focus-within{border-color:#a09999;}

.plus-wrapper{display:flex;align-items:center;height:55px;margin:15px 0;}
.plus-wrapper i{background:#59c11f;color:#fff;width:20px;height:20px;border-radius:50%;padding-top:2px;box-sizing:border-box;text-align:center;}

.photo{overflow:hidden;width:80px;height:90px;background:#ccc;}

.three{width:32.33%;float:left;margin-right:0.5%;margin-left:0.5%;}
.four{width:24%;float:left;margin-right:0.5%;margin-left:0.5%;}
.five{width:19%;float:left;margin-right:0.5%;margin-left:0.5%;}

@media all and (max-width : 800px){
    .blocker{display:block;}
}


.model-wrap{z-index:99;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);box-sizing:border-box;}
.model-wrap .model{margin:auto;width:80%;height:auto;overflow:hidden;position:relative;animation:animatetop 0.5s;margin-bottom:25px;}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.model-wrap .model p{margin:0;text-transform:none;}
/* .model-wrap .model-header{background:#0199db;color:#fff;padding:20px 50px 20px 10px;;box-sizing:border-box;width:100%;font-size:20px;} */
.model-wrap .model span.model-close{position:absolute;top:0;right:0;color:#fff;cursor:pointer;user-select:none;font-weight:bold;;box-sizing:border-box;padding:7px 10px 10px;}
.model-wrap .model span.model-close:hover{background:#b0b0b0;}
.model-wrap .model-header{background:#ea5601;color:#fff;padding:13px 50px 13px 10px;box-sizing:border-box;width:100%;font-size:20px;}
.model-wrap .model-body{width:100%;height:auto;background:#fff;overflow:hidden;padding:20px 10px;box-sizing:border-box;}
.model-wrap .model-body table{width: 100%;}
.model-wrap .model-body img{width: 100%;}
.model.alert{width:30%;}