@import"https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap";*{padding:o;margin:0;font-family:Mona Sans,sans-serif;font-optical-sizing:auto;font-style:normal}body{background:#fff}.app-container{width:100%;height:100dvh;overflow:scroll}.app-container header{width:100%;height:10%;display:flex;align-items:center;justify-content:space-evenly;transition:all .3s ease;text-transform:capitalize;background-color:#fff}.app-container header div{width:40%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.app-container header div h1{cursor:pointer;text-decoration:none;transition:.3s ease;font-size:16pt;color:#1800dd}.app-container header div h1:hover{color:#000}.app-container header div h2{cursor:pointer;text-decoration:none;transition:.3s ease;font-size:15pt;color:#1800dd}.app-container header div h2:hover{color:#000}.app-container header div:nth-child(2){width:20%;justify-content:flex-end;cursor:pointer}.app-container header div:nth-child(2) h3{font-size:12pt;display:flex;align-items:center;justify-content:center;transition:.3s ease;color:#000}.app-container .header{position:initial}.app-container .header .logo{justify-content:center}.app-container .header .logo img{width:25px;height:25px;padding:4px;cursor:pointer}.app-container .header .center,.app-container .header .nav{justify-content:center}.app-container .header .nav b{font-size:14pt;cursor:pointer;padding-left:12px}.app-container .header .nav p{font-size:10pt;padding-right:6px;cursor:pointer}.app-container .app-auth{width:100%;height:80%;display:flex;align-items:center;justify-content:center}.app-container .app-auth form{width:40%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .app-auth form .form-group{width:80%;height:20%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.app-container .app-auth form .form-group h1{font-size:16pt;color:#1800dd}.app-container .app-auth form .form-group p{font-size:8pt;text-transform:capitalize;margin-top:4px;height:20px}.app-container .app-auth form .form-group p b{color:#000;font-size:10pt;cursor:pointer;transition:.3s ease-in}.app-container .app-auth form .form-group label{font-size:8pt;text-transform:capitalize;color:#000}.app-container .app-auth form .form-group input{width:100%;height:50%;border:none;outline:none;padding-left:1rem;color:#000;font-size:13pt;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease}.app-container .app-auth form .form-group input:hover{box-shadow:0 1px 1px #fcb}.app-container .app-auth form .form-group button{width:50%;height:56%;border-radius:6px;border:none;outline:none;padding-left:1rem;color:#fff;font-size:12pt;background-color:#1800dd;cursor:pointer;justify-items:center;align-self:center}.app-container .app-auth form .form-group-center{display:flex;align-items:center;justify-content:center;width:100%}.app-container .app-auth form .form-group-yes{width:80%;height:12%;flex-direction:row-reverse;justify-content:space-around;align-items:center}.app-container .app-auth form .form-group-yes label{width:80%;font-size:10pt;text-transform:capitalize}.app-container .app-auth form .form-group-yes input{width:10%;height:30%;border-radius:6px;border:none;outline:none;padding-left:1rem;color:#000;font-size:14pt;border:1px solid #000;cursor:pointer;box-shadow:none}.app-container .app-auth form .form-group-yes input:hover{box-shadow:none}.app-container .hero{width:100%;height:80%;margin-top:4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-between}.app-container .hero .center{width:60%;height:60%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .hero .center h1{width:100%;text-align:center;text-transform:capitalize;font-size:32pt}.app-container .hero .center h1 span{color:#1800dd;padding:6px;font-size:32pt;width:-moz-fit-content;width:fit-content}.app-container .hero .center p{color:#1800dd;font-size:10pt;height:40px;padding-top:4px;text-transform:capitalize}.app-container .hero .center p span{width:-moz-fit-content;width:fit-content;font-weight:700;padding-left:2px;padding-right:2px}.app-container .hero .center button{width:240px;height:58px;margin-top:1rem;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;background-color:#1800dd;color:#fff;font-weight:700;cursor:pointer}.app-container .hero .center button:hover{box-shadow:0 1px 1px #fcb}.app-container .hero .bottom{width:100%;height:25%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;align-items:flex-end}.app-container .hero .bottom div{width:6%;height:0%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:20px 20px 0 12px/20px 20px 0px 12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;border-radius:20px 20px 0 0/20px 20px 0px 0px;border:none;background-color:#1800dd;color:#fff}.app-container .hero .bottom div:hover{box-shadow:0 1px 1px #fcb}.app-container .hero .bottom div p{font-size:6pt;text-transform:capitalize;font-weight:700}.app-container .landing{width:100%;height:75%;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-container .landing .land-head{width:60%;height:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-transform:capitalize}.app-container .landing .land-head h2{font-size:26pt}.app-container .landing .land-head h2 span{color:#1800dd}.app-container .landing .land-head p{font-size:10pt}.app-container .landing .land-body{width:80%;height:50%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;align-items:flex-start}.app-container .landing .land-body div{width:24%;height:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-transform:capitalize;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;cursor:pointer}.app-container .landing .land-body div:hover{box-shadow:0 1px 1px #fcb}.app-container .landing .land-body div h3{font-size:14pt;color:#1800dd}.app-container .landing .land-body div b{font-size:20pt;padding-bottom:8px}.app-container .landing .land-body div p{width:90%;font-size:10pt;text-align:center}.app-container .landing .land-body div p b{font-size:10pt}.app-container .bridge{width:100%;height:35%;display:flex;align-items:center;justify-content:center;text-transform:capitalize}.app-container .bridge .center{width:60%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .bridge .center h4{font-size:35pt}.app-container .bridge .center h4 span{width:150px;padding:6px;text-transform:capitalize;color:#1800dd}.app-container .bridge .center p{font-size:10pt}.app-container .bridge .center p b{cursor:pointer;color:#1800dd}.app-container .bridge-small{height:20%}.app-container .bridge-small .center{width:60%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .bridge-small .center h4{width:100%;font-size:40pt;text-align:center;color:#1800dd}.app-container .bridge-small .center p{font-size:12pt;padding:4px;text-transform:capitalize}.app-container .bridge-cta{height:40%}.app-container .bridge-cta .center{width:60%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .bridge-cta .center h4{width:100%;font-size:45pt;text-align:center;color:#1800dd}.app-container .bridge-cta .center p{font-size:12pt}.app-container .contact{width:100%;height:125px;background-color:#1800dd;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .contact p{font-size:12pt;color:#fff}.app-container .contact h4{font-size:18pt}.app-container .contact h4 a{color:#fff;text-decoration:none;transition:.3s ease;cursor:pointer}.app-container .footer{width:100%;height:40vh;background-color:#1800dd;display:flex;align-items:center;justify-content:center;justify-content:space-between}.app-container .footer .top{width:100%;height:20%;display:flex;align-items:center;justify-content:center}.app-container .footer .top h3{padding:12px;font-size:10pt;text-transform:capitalize;color:#fff;border-radius:12px;cursor:pointer}.app-container .footer .center{width:80%;height:20%;background-color:#fff;margin-bottom:3rem;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease}.app-container .footer .center:hover{box-shadow:0 1px 1px #fcb}.app-container .footer .center h4{font-size:12pt;color:#1800dd}.app-container .footer .center p{font-size:10pt}.app-container .app-main{width:100%;height:80%;background-color:#fff;transition:.3s all ease;overflow:scroll}.app-container .app-main div{margin-top:0rem}.app-container .app-main-h{overflow:hidden}.app-main .app-main-loader{width:67%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;text-transform:capitalize}.app-main .app-main-loader img{width:250px;height:250px;cursor:pointer}.app-main .app-main-welcome{width:67%;height:5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 auto;text-transform:capitalize;cursor:pointer}.app-main .app-main-welcome h2{font-size:8pt;color:#000;transition:.3s ease}.app-main .app-main-welcome h2:hover{color:#1800dd}.app-main .app-main-board{width:67%;height:42%;margin:0 auto;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d9d9d9;justify-content:space-evenly;box-shadow:0 1px #fcb}.app-main .app-main-board .left,.app-main .app-main-board .center{width:90%;height:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start}.app-main .app-main-board .left b,.app-main .app-main-board .center b{font-size:8pt;cursor:pointer;color:#1800dd;transition:all .3s ease}.app-main .app-main-board .left b:hover,.app-main .app-main-board .center b:hover{color:#000}.app-main .app-main-board .left h2,.app-main .app-main-board .center h2{width:100%;font-size:14pt;transition:all .3s ease;color:#000;cursor:pointer;text-transform:capitalize}.app-main .app-main-board .left h2:hover,.app-main .app-main-board .center h2:hover{color:#1800dd}.app-main .app-main-board .right{width:30%;height:80%;display:flex;align-items:center;justify-content:center}.app-main .app-main-board .right img{width:-moz-fit-content;width:fit-content;height:56%;cursor:pointer}.app-main .app-main-info{width:67%;height:5%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;cursor:pointer;margin:0 auto;margin-bottom:2rem}.app-main .app-main-info p{font-size:8pt;text-transform:capitalize;color:#000;padding-left:8px;cursor:pointer;transition:.3s ease-in;font-weight:700}.app-main .app-main-info p:hover{color:#1800dd}.app-main .app-main-perf{width:82%;height:35%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;color:#000}.app-main .app-main-perf .perf-header{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.app-main .app-main-perf .perf-header h3{font-size:12pt;padding-right:24px;cursor:pointer;transition:.3s ease-in}.app-main .app-main-perf .perf-body{height:60%;width:100%;display:flex;align-items:center;justify-content:center;justify-content:space-between}.app-main .app-main-perf .perf-body aside{width:20%;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;text-transform:capitalize;height:80%}.app-main .app-main-perf .perf-body aside span{width:100%;text-align:center;font-size:30pt;color:#000;transition:.3s ease-in;font-weight:600}.app-main .app-main-perf .perf-body aside p{font-size:8pt;width:100%;text-align:center}.app-main .app-main-category{width:80%;height:40%;display:flex;flex-direction:column;align-items:center;margin:0 auto}.app-main .app-main-category .head{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:space-between}.app-main .app-main-category .head h3{font-size:14pt;cursor:pointer;transition:all .3s ease;color:#000}.app-main .app-main-category .head h3:hover{color:#1800dd}.app-main .app-main-category .head p{font-size:10pt;cursor:pointer;transition:all .3s ease;color:#1800dd;text-transform:capitalize}.app-main .app-main-category .head p:hover{color:#000}.app-main .app-main-category .body{width:100%;height:90%;display:flex;align-items:center;justify-content:space-around}.app-main .app-main-category .body .box{width:23%;height:58%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;color:#000;background-position:center;background-size:cover;text-transform:capitalize;transition:all .3s ease}.app-main .app-main-category .body .box:hover{box-shadow:0 1px 1px #fcb}.app-main .app-main-category .body .box p{font-size:8pt;text-align:center}.app-main .app-main-category .body .box h5{width:80%;text-align:center;font-size:12pt;height:15%;margin-top:14px}.app-main .app-main-category .body .box:hover{color:#fff}.app-main .app-main-discover{width:75%;height:40%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-main .app-main-discover .head{width:100%;height:10%;display:flex;justify-content:center;align-items:center}.app-main .app-main-discover .head h2{width:66%;font-size:28pt;text-align:center;text-transform:capitalize;transition:all .3s ease;color:#1800dd;cursor:pointer}.app-main .app-main-discover .head h2:hover{color:#000}.app-main .app-main-discover .head h3{font-size:14pt;cursor:pointer;transition:all .3s ease;color:#000;text-transform:capitalize}.app-main .app-main-discover .head h3:hover{color:#1800dd}.app-main .app-main-discover .head p{font-size:10pt;cursor:pointer}.app-main .app-main-discover .body{width:85%;height:56%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.app-main .app-main-discover .body .bcard{width:65%;height:65%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;color:#000;padding:4px}.app-main .app-main-discover .body .bcard:hover{box-shadow:0 1px 1px #fcb}.app-main .app-main-discover .body .bcard .bcard-left{width:20%;height:100%;background-position:center;border-radius:8px}.app-main .app-main-discover .body .bcard .bcard-center{width:70%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;padding-left:26px;text-transform:capitalize}.app-main .app-main-discover .body .bcard .bcard-center p{font-size:7pt}.app-main .app-main-discover .body .bcard .bcard-center h5{font-size:12pt}.app-main .app-main-discover .body .bcard .bcard-right{width:10%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main .app-main-discover .body .bcard .bcard-right p{font-size:8pt;text-align:center;transition:.3s ease}.app-main .app-main-discover .body .bcard .bcard-right p:hover{color:#1800dd}.app-main .app-main-actions{width:80%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.app-main .app-main-actions .head{width:100%;height:10%}.app-main .app-main-actions .head h4{font-size:10pt}.app-main .app-main-actions .body{width:100%;height:80%;display:flex;align-items:center;justify-content:flex-start}.app-main .app-main-actions .body button{width:125px;height:42%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;color:#fff;font-size:8pt;margin-right:1rem;background-color:#1800dd}.app-main .app-main-actions .body button:hover{box-shadow:0 1px 1px #fcb}.app-main .app-main-filter{width:66%;height:60px;display:flex;align-items:center;justify-content:center;justify-content:flex-start;margin:0 auto}.app-main .app-main-filter h2{font-size:11pt;cursor:pointer;transition:.3s color ease;margin-right:1rem;text-transform:capitalize}.app-main .app-main-filter .h2{background-color:#1800dd;color:#fff;padding:2px 8px;border-radius:6px}.app-main .app-main-subjectlist{width:100%;height:90%;margin:0 auto;padding-bottom:1rem}.app-main .app-main-subjectlist .subject-list{width:68%;height:128px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;cursor:pointer;transition:.3s all ease;margin-bottom:1.4rem;text-transform:capitalize;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;padding:4px}.app-main .app-main-subjectlist .subject-list:hover{box-shadow:0 1px 1px #fcb}.app-main .app-main-subjectlist .subject-list .sub-list-left{width:20%;height:100%;border-radius:8px}.app-main .app-main-subjectlist .subject-list .sub-list-center{width:60%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start}.app-main .app-main-subjectlist .subject-list .sub-list-center h3{font-size:12pt;transition:color .3s ease;padding-bottom:6px}.app-main .app-main-subjectlist .subject-list .sub-list-center h3 span{font-size:6pt;background-color:#1800dd;color:#fff;padding:2px 8px;border-radius:6px}.app-main .app-main-subjectlist .subject-list .sub-list-center h3,.app-main .app-main-subjectlist .subject-list .sub-list-center p,.app-main .app-main-subjectlist .subject-list .sub-list-center b{padding-top:2px;text-transform:capitalize}.app-main .app-main-subjectlist .subject-list .sub-list-center p{font-size:8pt}.app-main .app-main-subjectlist .subject-list .sub-list-center b{font-size:8pt;cursor:pointer;padding-top:2px;color:#1800dd}.app-main .app-main-subjectlist .subject-list .sub-list-center b span{padding-right:6px;text-transform:capitalize}.app-main .app-main-subjectlist .subject-list .sub-list-right{width:10%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main .app-main-subjectlist .subject-list .sub-list-right p{font-size:11pt;transition:color .3s ease}.app-main .app-main-subjectlist .subject-list .sub-list-right p:hover{color:#1800dd}.presentwrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.presentwrap .presentimage{width:100%;height:35%;display:flex;align-items:center;justify-content:center}.presentwrap .presentimage img{width:-moz-fit-content;width:fit-content;height:100%;cursor:pointer;transition:.3s all ease;-o-object-fit:contain;object-fit:contain;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease}.presentwrap .presentimage img:hover{box-shadow:0 1px 1px #fcb}.presentwrap .presentimage img :hover{height:100%}.presentwrap .presentname{width:100%;height:15%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:capitalize}.presentwrap .presentname h2{font-size:16pt;color:#000;transition:.3s ease;cursor:pointer}.presentwrap .presentname h2:hover{color:#1800dd}.presentwrap .presentname p{font-size:10pt;color:#1800dd}.presentwrap .presentname b{padding-top:12px;font-size:8pt;height:45px;color:#000}.presentwrap .presentmode{width:100%;height:40%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;flex-direction:column}.presentwrap .presentmode div{width:50%;height:25%;display:flex;justify-content:center;flex-direction:column;align-items:center;cursor:pointer;text-transform:capitalize}.presentwrap .presentmode div h3{font-size:12pt;text-transform:capitalize;border:none;outline:none;background-color:#0000;color:#000;transition:.3s all ease-in;cursor:pointer}.presentwrap .presentmode div h3:hover{color:#1800dd}.presentwrap .presentmode div p{font-size:8pt;color:#1800dd}.presentwrap .presentmode .down{height:80px;width:50%;background-color:#1800dd;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease}.presentwrap .presentmode .down:hover{box-shadow:0 1px 1px #fcb}.presentwrap .presentmode .down h3{color:#fff;font-size:12pt;transition:.3s all ease-in}.presentwrap .presentmode .down h3:hover{color:#000}.presentwrap .presentmode .down p{color:#fff;font-size:8pt}.app-main .app-main-cbt-main{width:80%;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;align-self:center;justify-self:center}.app-main-cbt-main .cbt-main-name{width:60%;height:5%;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start}.app-main-cbt-main .cbt-main-name h2{font-size:12pt;text-transform:capitalize;color:#1800dd;height:60%;align-self:center}.app-main-cbt-main .cbt-main-name h2 b{margin-right:12px;color:#fff;border-radius:12px;transition:.3s all ease;font-size:12pt;padding:4px 12px}.app-main-cbt-main .cbt-main-name div{width:0%;height:10%;border-radius:12px;transition:all .3s ease}.app-main-cbt-main .cbt-main-question{width:98%;height:50%;display:flex;align-items:center;justify-content:center;transition:.3s ease-in;cursor:pointer}.app-main-cbt-main .cbt-main-question h1{width:90%;text-align:center;text-transform:capitalize;font-size:13pt;transition:.3s ease}.app-main-cbt-main .cbt-main-question h1 table{width:100%;height:80%}.app-main-cbt-main .cbt-main-question h1 table tr{width:90%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main-cbt-main .cbt-main-question h1 table tr td{width:70%;font-size:11pt}.app-main-cbt-main .cbt-main-option{width:100%;height:32%;display:flex;align-items:center;justify-content:center}.app-main-cbt-main .cbt-main-option ul{width:80%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main-cbt-main .cbt-main-option ul li{width:100%;height:15%;cursor:pointer;transition:.3s all ease;text-transform:capitalize;list-style:none;font-size:11pt;display:flex;align-items:center;justify-content:center;align-items:flex-start;font-weight:600}.app-main-cbt-main .cbt-main-option ul li svg{width:-moz-fit-content;width:fit-content;height:30px}.app-main-cbt-main .cbt-main-option ul li:hover{color:#1800dd;font-weight:700}.app-main-cbt-main .cbt-main-option ul svg{width:-moz-fit-content;width:fit-content;height:30px}.app-main-cbt-main .cbt-main-cta{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:space-around}.app-main-cbt-main .cbt-main-cta button{width:135px;height:75%;cursor:pointer;font-size:14pt;text-transform:capitalize;border:none;outline:none;transition:.3s all ease;color:#1800dd;font-weight:700;background-color:#0000}.app-main-cbt-main .cbt-main-cta button:hover{color:#000}.app-main-cbt-main .cbt-main-cta .btn{opacity:.1;cursor:default}.app-main-cbt-main .cbt-main-cta p{width:60px;display:flex;align-items:center;justify-content:center;font-size:12pt;font-weight:700;transition:.3s all ease;padding:4px;background-color:#1800dd;border-radius:12px;color:#fff}.app-main-cbt-main .cbt-main-ended{width:100%;height:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;transition:.3s ease-in;text-transform:capitalize}.app-main-cbt-main .cbt-main-ended .head{width:100%;height:10%;display:flex;align-items:center;justify-content:center}.app-main-cbt-main .cbt-main-ended .head h1{text-transform:capitalize;font-size:20pt}.app-main-cbt-main .cbt-main-ended .body{width:40%;height:40%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;cursor:pointer}.app-main-cbt-main .cbt-main-ended .body:hover{box-shadow:0 1px 1px #fcb}.app-main-cbt-main .cbt-main-ended .body p{font-size:12pt}.app-main-cbt-main .cbt-main-ended .body p span{font-size:14pt;font-weight:700;padding-left:12px}.app-main-cbt-main .cbt-main-ended .body b{font-size:10pt;padding-top:1rem}.app-main-cbt-main .cbt-main-ended .cta{width:100%;height:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main-cbt-main .cbt-main-ended .cta b{font-size:14pt;text-decoration:none;color:#1800dd;font-weight:700;cursor:pointer}.app-main-user{width:80%;height:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;text-transform:capitalize}.app-main-user .user-head{width:60%;height:40%;display:flex;align-items:center;justify-content:center}.app-main-user .user-head h1{font-size:16pt}.app-main-user .user-perf{width:60%;height:30%;background-color:#1800dd;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;color:#fff}.app-main-user .user-perf:hover{box-shadow:0 1px 1px #fcb}.app-main-user .user-perf div{width:20%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-main-user .user-perf div h3{font-size:20pt}.app-main-user .user-perf div p{font-size:10pt;text-align:center}.app-main-settings{width:80%;height:40%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main-settings .setting{width:60%;height:26%;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;justify-content:space-between;padding-right:42px;padding-left:24px}.app-main-settings .setting:hover{box-shadow:0 1px 1px #fcb}.app-main-settings .setting h3{font-size:20pt}.app-main-settings .setting p{font-size:10pt;cursor:pointer}.app-main-settings .setting p span{cursor:pointer;text-transform:capitalize;font-weight:700;transition:all .3s ease}.app-main-settings .setting p .span{opacity:.7;color:#1800dd}.app-container footer{width:100%;height:10%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container footer .bottom{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-container footer .bottom .center{width:50%;height:65%;display:flex;align-items:center;justify-content:center}.app-container footer .bottom .center div{width:25%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-container footer .bottom .center div h2{font-size:28pt;cursor:pointer;transition:.3s all ease-in;color:#000;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container footer .bottom .center div p,.app-container footer .bottom .center div a{font-size:6pt;text-transform:capitalize;font-weight:700;color:#fff;transition:.3s all ease;text-decoration:none}.app-container footer .bottom .side{width:25%;height:100%;display:flex;align-items:center;justify-content:center}.app-container footer .top{align-self:flex-start;width:100%;height:6%;background-color:#1800dd;transition:.3s width ease-out}@media screen and (max-width:430px){.app-container .header{position:initial}.app-container .header .center,.app-container .header .nav{justify-content:center}.app-container .header .nav b{font-size:11pt;cursor:pointer;padding-left:2px}.app-container .hero{width:100%;height:80%;margin-top:4rem}.app-container .hero .center{width:90%;height:60%}.app-container .hero .center h1{width:100%;text-align:center;text-transform:capitalize;font-size:20pt;padding:6px}.app-container .hero .center h1 span{color:#1800dd;padding:8px;font-size:20pt}.app-container .hero .center p{color:#1800dd;font-size:9pt;height:40px;padding-top:4px;text-transform:capitalize;text-align:center}.app-container .hero .center p span{font-weight:700}.app-container .hero .center button{width:240px;height:58px;margin-top:1rem;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;background-color:#1800dd;color:#fff;font-weight:700;cursor:pointer}.app-container .hero .center button:hover{box-shadow:0 1px 1px #fcb}.app-container .hero .bottom{width:100%;height:25%}.app-container .hero .bottom div{width:6%;height:0%;background-color:#1800dd;color:#fff}.app-container .hero .bottom div p{font-size:3pt;text-transform:capitalize;font-weight:700}.app-container .landing{width:100%;height:80%;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-container .landing .land-head{width:80%;height:15%;text-align:center}.app-container .landing .land-head h2{font-size:18pt}.app-container .landing .land-head h2 span{color:#1800dd}.app-container .landing .land-head p{font-size:8pt;text-align:center}.app-container .landing .land-body{width:100%;height:75%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-container .landing .land-body div{width:80%;height:30%}.app-container .landing .land-body div h3{font-size:8pt}.app-container .landing .land-body div b{font-size:17pt;padding-bottom:4px}.app-container .landing .land-body div p{width:90%}.app-container .bridge{width:100%;height:25%}.app-container .bridge .center{width:80%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .bridge .center h4{width:90%;font-size:22pt;text-align:center}.app-container .bridge .center h4 span{width:150px;padding:6px;text-transform:capitalize;color:#1800dd}.app-container .bridge .center p{font-size:8pt}.app-container .bridge-small{height:35%}.app-container .bridge-small .center{width:90%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .bridge-small .center h4{width:100%;font-size:28pt;text-align:center;color:#1800dd;padding-bottom:16px}.app-container .bridge-small .center p{font-size:9pt;background-color:#1800dd;padding:16px}.app-container .bridge-cta{height:40%}.app-container .bridge-cta .center{width:60%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .bridge-cta .center h4{width:100%;font-size:40pt;text-align:center;color:#1800dd}.app-container .bridge-cta .center p{font-size:8pt;padding:12px 16px}.app-container .footer{width:100%;height:40vh;background-color:#1800dd;display:flex;align-items:center;justify-content:center;justify-content:space-between}.app-container .footer .top{width:85%;height:20%;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-container .footer .top h3{padding:12px;font-size:6pt;text-transform:capitalize;color:#fff;border-radius:12px;cursor:pointer}.app-container .footer .center{width:96%;height:15%;background-color:#fff;margin-bottom:3rem;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease}.app-container .footer .center:hover{box-shadow:0 1px 1px #fcb}.app-container .footer .center h4{font-size:10pt;color:#1800dd}.app-container .footer .center p{font-size:8pt}.app-container .app-main{width:100%;height:81%;background-color:#fff;transition:.3s all ease;overflow:scroll}.app-container .app-main div{margin-top:0rem}.app-container header{width:100%;height:8%}.app-container header div{width:30%;height:100%}.app-container header div h1{font-size:14pt;color:#1800dd}.app-container header div h2{font-size:14pt}.app-container header div:nth-child(2){width:40%;justify-content:flex-end;cursor:pointer}.app-container header div:nth-child(2) h3{font-size:10pt}.app-container .header .logo{width:20%;justify-content:center}.app-container .header .logo img{width:20px;height:20px;padding:6px}.app-container .header .center{width:45%;justify-content:center}.app-container .header .nav{width:15%;justify-content:center}.app-container .header .nav h3{font-size:10pt;cursor:pointer}.app-container .app-auth{width:100%;height:80%;align-items:center}.app-container .app-auth form{width:100%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container .app-auth form .form-group{width:80%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.app-container .app-auth form .form-group h1{font-size:14pt}.app-container .app-auth form .form-group p,.app-container .app-auth form .form-group p b{font-size:10pt}.app-container .app-auth form .form-group label{font-size:7pt;align-self:flex-start}.app-container .app-auth form .form-group input{width:100%;height:54%}.app-container .app-auth form .form-group button{width:80%;height:56%;font-size:10pt}.app-container .app-auth form .form-group-center{display:flex;align-items:center;justify-content:center;width:100%}.app-container .app-auth form .form-group-yes{height:10%;flex-direction:row;justify-content:center;align-items:center}.app-container .app-auth form .form-group-yes label{width:80%}.app-container .app-auth form .form-group-yes input{width:10%;height:40%}.app-container .app-main-h{overflow:hidden}.app-main .app-main-welcome{width:85%;height:5%;display:flex}.app-main .app-main-welcome h2{font-size:6pt}.app-main .app-main-welcome h2:hover{color:#1800dd}.app-main .app-main-board{width:85%;height:25%;justify-content:center}.app-main .app-main-board .left,.app-main .app-main-board .center{width:90%;height:90%}.app-main .app-main-board .left p,.app-main .app-main-board .center p{font-size:7pt}.app-main .app-main-board .left h2,.app-main .app-main-board .center h2{width:90%;font-size:11pt}.app-main .app-main-board .right{width:40%;height:80%}.app-main .app-main-board .right img{width:70%;height:-moz-fit-content;height:fit-content}.app-main .app-main-info{width:85%;height:5%;margin-bottom:0rem}.app-main .app-main-info p{font-size:6pt}.app-main .app-main-info p:hover{color:#1800dd}.app-main .app-main-category{width:90%;height:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto;margin-bottom:1rem}.app-main .app-main-category .head{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:space-between}.app-main .app-main-category .head h3{font-size:11pt}.app-main .app-main-category .head p{font-size:8pt}.app-main .app-main-category .body{width:100%;height:85%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.app-main .app-main-category .body .box{width:100%;height:120px;margin-bottom:1rem}.app-main .app-main-category .body .box p{font-size:6pt;text-align:center}.app-main .app-main-category .body .box h5{width:90%;text-align:center;font-size:10pt}.app-main .app-main-category .body .box:hover{color:#fff}.app-main .app-main-discover{width:85%;height:25%;flex-direction:column}.app-main .app-main-discover .head{width:100%;height:20%}.app-main .app-main-discover .head h2{width:90%;font-size:12pt}.app-main .app-main-discover .head h3{font-size:12pt;cursor:pointer;transition:all .3s ease;color:#000;text-transform:capitalize}.app-main .app-main-discover .head h3:hover{color:#1800dd}.app-main .app-main-discover .head p{font-size:10pt;cursor:pointer}.app-main .app-main-discover .body{width:100%;height:80%}.app-main .app-main-discover .body .bcard{width:100%;height:60%}.app-main .app-main-discover .body .bcard .bcard-left{width:20%;height:100%}.app-main .app-main-discover .body .bcard .bcard-center{width:70%;height:100%}.app-main .app-main-discover .body .bcard .bcard-center p{font-size:7pt}.app-main .app-main-discover .body .bcard .bcard-center h3{font-size:10pt}.app-main .app-main-discover .body .bcard .bcard-right{width:10%;height:100%}.app-main .app-main-discover .body .bcard .bcard-right p{font-size:8pt}.app-main .app-main-filter{width:90%;height:45px}.app-main .app-main-filter h2{font-size:8pt}.app-main .app-main-subjectlist{width:100%;height:90%;margin:0 auto;padding-bottom:1rem}.app-main .app-main-subjectlist .subject-list{width:90%;height:96px;margin-bottom:1.2rem;padding:4px}.app-main .app-main-subjectlist .subject-list .sub-list-left{width:25%;height:100%;border-radius:8px}.app-main .app-main-subjectlist .subject-list .sub-list-center{width:60%;height:100%;cursor:pointer}.app-main .app-main-subjectlist .subject-list .sub-list-center h3{font-size:10pt}.app-main .app-main-subjectlist .subject-list .sub-list-center p{font-size:7pt}.app-main .app-main-subjectlist .subject-list .sub-list-center b{font-size:6pt}.app-main .app-main-subjectlist .subject-list .sub-list-center b span{padding-right:6px}.app-main .app-main-subjectlist .subject-list .sub-list-right{width:10%;height:100%}.app-main .app-main-subjectlist .subject-list .sub-list-right p{font-size:10pt}.presentwrap{width:100%;height:100%;justify-content:flex-start}.presentwrap .presentimage{height:34%}.presentwrap .presentimage img{width:80%;height:-moz-fit-content;height:fit-content;-o-object-fit:contain;object-fit:contain}.presentwrap .presentname{width:100%;height:12%}.presentwrap .presentname h2{font-size:12pt}.presentwrap .presentname p{font-size:7pt}.presentwrap .presentmode{width:100%;height:42%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;flex-direction:column}.presentwrap .presentmode div{width:80%;height:20%}.presentwrap .presentmode div h3{font-size:10pt}.presentwrap .presentmode div p{width:90%;margin:0 auto;font-size:6pt;text-align:center}.presentwrap .presentmode .down{height:78px;width:80%}.presentwrap .presentmode .down h3{font-size:10pt}.presentwrap .presentmode .down p{font-size:6pt}.app-main .app-main-cbt-main{width:100%;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;align-self:center;justify-self:center}.app-main-cbt-main .cbt-main-name{width:100%;height:5%}.app-main-cbt-main .cbt-main-name h2{font-size:11pt}.app-main-cbt-main .cbt-main-question{width:100%;height:50%}.app-main-cbt-main .cbt-main-question h1{width:89%;text-align:center;text-transform:capitalize;font-size:11pt}.app-main-cbt-main .cbt-main-question h1 table{width:100%;height:80%}.app-main-cbt-main .cbt-main-question h1 table tr{width:90%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main-cbt-main .cbt-main-question h1 table tr td{width:70%;font-size:10pt}.app-main-cbt-main .cbt-main-option{width:100%;height:34%;display:flex;align-items:center;justify-content:center}.app-main-cbt-main .cbt-main-option ul{width:90%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main-cbt-main .cbt-main-option ul li{height:15%;cursor:pointer;transition:.3s all ease;text-transform:capitalize;list-style:none;font-size:11pt;display:flex;align-items:center;justify-content:center;font-weight:600}.app-main-cbt-main .cbt-main-option ul li svg{width:-moz-fit-content;width:fit-content;height:30px}.app-main-cbt-main .cbt-main-option ul li:hover{color:#1800dd;font-weight:700}.app-main-cbt-main .cbt-main-option ul svg{width:-moz-fit-content;width:fit-content;height:30px}.app-main-cbt-main .cbt-main-cta{width:100%;height:12%;display:flex;align-items:center;justify-content:center;justify-content:space-around}.app-main-cbt-main .cbt-main-cta button{width:115px;height:65%;cursor:pointer;font-size:10pt}.app-main-cbt-main .cbt-main-cta .btn{opacity:.1;cursor:default}.app-main-cbt-main .cbt-main-cta p{width:60px;font-size:12pt}.app-main-cbt-main .cbt-main-ended{width:100%;height:70%}.app-main-cbt-main .cbt-main-ended .head{width:100%;height:10%}.app-main-cbt-main .cbt-main-ended .head h1{font-size:14pt}.app-main-cbt-main .cbt-main-ended .body{width:80%;height:40%}.app-main-cbt-main .cbt-main-ended .body p{font-size:10pt}.app-main-cbt-main .cbt-main-ended .body p span{font-size:12pt}.app-main-cbt-main .cbt-main-ended .body b{font-size:10pt;padding-top:1rem}.app-main-cbt-main .cbt-main-ended .cta{width:100%;height:20%}.app-main-cbt-main .cbt-main-ended .cta b{font-size:12pt}.app-main-user{width:100%;height:45%;display:flex;align-items:center;justify-content:center}.app-main-user .user-head{width:80%;height:30%}.app-main-user .user-head h1{font-size:16pt}.app-main-user .user-perf{width:90%;height:35%;justify-content:space-evenly}.app-main-user .user-perf div{width:22%;height:80%}.app-main-user .user-perf div h3{font-size:12pt}.app-main-user .user-perf div p{width:80%;font-size:6pt}.app-main-settings{width:100%;height:40%}.app-main-settings .setting{width:70%;height:26%;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #000;box-shadow:0 1px #fcb;transition:all .3s ease;justify-content:space-between;padding-right:42px;padding-left:24px}.app-main-settings .setting:hover{box-shadow:0 1px 1px #fcb}.app-main-settings .setting h3{font-size:12pt}.app-main-settings .setting p{font-size:10pt;cursor:pointer}.app-main-settings .setting p span{cursor:pointer;text-transform:capitalize;font-weight:700;transition:all .3s ease}.app-main-settings .setting p .span{opacity:.7;color:#1800dd}.app-container footer{width:100%;height:10%}.app-container footer .bottom{width:100%;height:100%}.app-container footer .bottom .center{width:100%;height:100%}.app-container footer .bottom .center div{width:30%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container footer .bottom .center div h2{font-size:22pt}.app-container footer .bottom .center div p{font-size:6pt}.app-container footer .bottom .side{width:5%;height:100%;display:flex;align-items:center;justify-content:center}.app-container footer .top{align-self:flex-start;width:100%;height:6%;background-color:#1800dd;transition:.3s width ease-out}}