@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";:root{--webkit-appearance: "none" font-synthesis: none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}*{box-sizing:border-box;margin:0;padding:0}.landing-page-main{width:100%;height:100%}.landing-page-main .page-showcase{width:100%;height:78dvh;background-color:#fff;display:flex;flex-direction:column}.page-showcase header{width:100%;height:8%;display:flex;align-items:center;justify-content:space-evenly;position:fixed;background-color:#fff}.page-showcase header .logo{width:40%;height:100%;display:flex;align-items:center;justify-content:flex-start}.page-showcase header .logo h1{font-size:17pt;color:#00f;cursor:pointer;transition:all .5s ease-in}.page-showcase header .logo h1:hover{color:#000}.page-showcase header nav{width:20%;height:100%;display:flex;align-items:center;justify-content:flex-end}.page-showcase header nav button{width:80px;height:35px;background-color:#00f;outline:none;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:8pt;transition:all .5s ease-in;font-weight:700}.page-showcase header nav button:hover{color:#00f;background-color:#fff}.page-showcase aside{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;margin-top:4rem}.page-showcase aside .left{width:45%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.page-showcase aside .left .center{width:80%;height:25%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-transform:capitalize;padding:12px}.page-showcase aside .left .center p{font-size:11pt;font-weight:700}.page-showcase aside .left .center h2{font-size:52pt;padding:0 12px 12px 0;color:#00f;font-weight:700}.page-showcase aside .left .center b{font-size:10pt}.page-showcase aside .left .bottom{width:80%;height:15%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start}.page-showcase aside .left .bottom h3{font-size:10pt;color:#000}.page-showcase aside .left .bottom h3 b{font-size:10pt;color:#00f;text-transform:capitalize}.page-showcase aside .left .bottom p{font-size:7pt;font-weight:500}.page-showcase aside .right{width:35%;height:100%;display:flex;align-items:center;justify-content:center;padding-left:6px}.page-showcase aside .right form{width:80%;height:80%}.page-showcase aside .right form div{width:100%;height:50px;text-transform:capitalize;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form div p{font-size:10pt}.page-showcase aside .right form div p b{font-size:12pt;color:#00f;cursor:pointer}.page-showcase aside .right form div b{font-size:14pt;padding-left:12px}.page-showcase aside .right form .alert{height:40px;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.page-showcase aside .right form .alert p{font-size:8pt}.page-showcase aside .right form .btn{width:100%;height:100px;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form .btn button{width:60%;height:52%;outline:none;border:1px solid rgba(43,39,253,.1607843137);border-radius:10px;color:#fff;background-color:#00f;align-self:center;align-items:center;font-weight:700;cursor:pointer;transition:all .5s ease;transition:all .5s ease-in;box-shadow:0 1px #2b27fd29}.page-showcase aside .right form .btn button:hover{border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .btn button:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block{width:100%;height:110px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.page-showcase aside .right form .block label{font-size:8pt}.page-showcase aside .right form .block label b{font-size:8pt}.page-showcase aside .right form .block div{width:100%;height:50%;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:12px;background-color:#fff;box-shadow:1px 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .block div input{width:66%;height:90%;padding-left:12px;cursor:pointer;border:none;outline:none;font-weight:700;font-size:13pt;transition:all .5s ease-in}.page-showcase aside .right form .block div input:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div input:focus{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div select{width:28%;height:90%;cursor:pointer;border:none;outline:none;font-size:12pt;font-weight:700;text-transform:uppercase;box-shadow:0 2px #2b27fd29;background-color:transparent}.showcount{width:100%;height:100px;display:flex;align-items:center;justify-content:center}.showcount .center{width:80%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.showcount .center div{width:30%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.showcount .center div h3{font-size:28pt;color:#00f;cursor:pointer}.showcount .center div p{font-size:10pt;font-weight:700}.box,.what{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff}.box .box-head,.what .box-head{width:100%;height:20%;display:flex;align-items:center;justify-content:center}.box .box-head h4,.what .box-head h4{display:flex;flex-direction:column;align-items:center;font-size:24pt;cursor:pointer;transition:all .5s ease-in;text-transform:capitalize;line-height:36px}.box .box-head h4 p,.what .box-head h4 p{font-size:8pt;font-weight:500;color:#00f;padding:4px}.box .box-head h4:hover,.what .box-head h4:hover{color:#00f}.box .box-head h4:hover p,.what .box-head h4:hover p{color:#000}.box .box-body,.what .box-body{width:85%;height:60%;display:flex;justify-content:center;align-items:center;justify-content:space-evenly}.box .box-body .box-card,.what .box-body .box-card{width:300px;height:fit-content;padding:26px;background-color:#00f;border-radius:12px;color:#fff;cursor:pointer;transition:all .5s ease-in;text-transform:capitalize}.box .box-body .box-card span,.what .box-body .box-card span{font-size:26pt}.box .box-body .box-card h4,.what .box-body .box-card h4{font-size:14pt;padding:6px 6px 6px 0}.box .box-body .box-card p,.what .box-body .box-card p{font-size:8pt;color:#f5f5f4;transition:all .5s ease-in;font-weight:600}.box .box-body .box-card:hover,.what .box-body .box-card:hover{background-color:#fff;color:#00f;box-shadow:0 2px #2b27fd29}.box .box-body .box-card:hover p,.what .box-body .box-card:hover p{color:#000}.box .box-body .box-cardd,.what .box-body .box-cardd{background-color:#fff;color:#000;box-shadow:0 2px #2b27fd29}.box .box-body .box-cardd h4,.box .box-body .box-cardd span,.what .box-body .box-cardd h4,.what .box-body .box-cardd span{color:#00f}.box .box-body .box-cardd p,.what .box-body .box-cardd p{color:#000}.box .box-body .box-cardd:hover,.what .box-body .box-cardd:hover{background-color:#00f}.box .box-body .box-cardd:hover h4,.box .box-body .box-cardd:hover span,.box .box-body .box-cardd:hover p,.what .box-body .box-cardd:hover h4,.what .box-body .box-cardd:hover span,.what .box-body .box-cardd:hover p{color:#fff}.how{height:50vh;background-color:#2b27fd29}.how .box-body .box-card{background-color:transparent;color:#00f;display:flex;align-items:center;justify-content:center;flex-direction:column}.how .box-body .box-card span{background-color:#00f;color:#fff;padding:8px;font-size:20pt;border-radius:12px}.how .box-body .box-card p{color:#000;text-align:center}.how .box-body .box-card:hover{background-color:transparent;box-shadow:none}.bridge{width:100%;height:80vh;background-color:#2b27fd29;display:flex;align-items:center;justify-content:center;flex-direction:column}.bridge .center{width:56%;height:60%;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;padding-left:3rem;border-radius:10px;cursor:pointer;transition:all .5s ease-in;text-transform:capitalize;box-shadow:0 2px #2b27fd29}.bridge .center span{font-size:38pt;color:#00f}.bridge .center h3{font-size:22pt;padding:10px 10px 10px 0}.bridge .center p{font-size:8pt}.bridge .center:hover{box-shadow:0 1px #2b27fd29}.bridge-medium{height:40vh}.bridge-medium .center{width:50%}.bridge-medium .center span{font-size:30pt}.bridge-medium .center h3{font-size:14pt}.bridge-medium .center p{font-size:8pt}.bridge-small{height:30vh;flex-direction:row;background-color:#fff}.bridge-small .center{width:50%;height:50%;flex-direction:row;align-items:center;justify-content:flex-start;background-color:#00f}.bridge-small .center span{font-size:30pt;padding-right:12px;color:#fff}.bridge-small .center h3{display:flex;flex-direction:column;color:#fff}.bridge-small .center h3 p{font-size:16pt}.bridge-small .center h3 span{font-size:8pt;font-weight:500}.faq{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.faq .faq-head{width:100%;height:15%;display:flex;align-items:center;justify-content:center}.faq .faq-body{width:100%;height:84%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start;text-transform:capitalize}.faq .faq-body .faq-card{width:45%;height:15%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;border:1px solid rgba(43,39,253,.1607843137);border-radius:12px;padding-left:2rem;transition:all .5s ease-in;cursor:pointer;box-shadow:0 2px #2b27fd29;text-transform:capitalize;margin-bottom:2rem}.faq .faq-body .faq-card h3{font-size:10pt;padding-bottom:4px}.faq .faq-body .faq-card p{font-size:8pt;font-weight:400}.faq .faq-body .faq-card p span{font-size:9pt;font-weight:700}.faq .faq-body .faq-card:hover{box-shadow:0 1px #2b27fd29}footer{width:100%;height:40vh;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;padding-top:0rem;background-color:#2b27fd29}footer .footer-card{width:15%;height:80%}footer .footer-card .f-card-head{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}footer .footer-card .f-card-head h5{font-size:13pt}footer .footer-card .f-card-body{width:100%;height:80%}footer .footer-card .f-card-body p{list-style:none;padding:0}footer .footer-card .f-card-body p a{text-decoration:none;color:#000;cursor:pointer;transition:all .5s ease-in;font-size:10pt;text-transform:capitalize}footer .footer-card .f-card-body p a:hover{color:#00f}footer .footer-cardd{width:45%}footer .footer-cardd .f-card-head{width:80%;height:80%;flex-direction:column;justify-content:center;align-items:flex-start}footer .footer-cardd .f-card-head p{width:80%;font-size:13pt;padding-top:6px}@media screen and (max-width: 768px){.page-showcase header .logo{width:40%;height:100%}.page-showcase header .logo img{width:35px;height:35px}.page-showcase header .logo h1{font-size:16pt}.page-showcase header nav{width:40%;height:100%}.page-showcase header nav button{width:100px;height:35px;font-size:9pt}.page-showcase aside{width:100%;height:90%;display:flex;align-items:center;justify-content:center}.page-showcase aside .left{width:45%;height:100%}.page-showcase aside .left .center{width:90%;height:40%}.page-showcase aside .left .center p{font-size:9pt}.page-showcase aside .left .center h2{font-size:40pt;padding:8px 8px 8px 0;color:#00f}.page-showcase aside .left .center b{font-size:10pt}.page-showcase aside .left .bottom{width:90%;height:50px}.page-showcase aside .left .bottom h3{font-size:10pt}.page-showcase aside .left .bottom h3 b{font-size:12pt}.page-showcase aside .left .bottom p{font-size:7pt}.page-showcase aside .right{width:45%;height:100%}.page-showcase aside .right form{width:90%;height:80%}.page-showcase aside .right form div{width:90%;height:50px;text-transform:capitalize}.page-showcase aside .right form div p{font-size:8pt}.page-showcase aside .right form div b{font-size:14pt;padding-left:1rem}.page-showcase aside .right form .alert{height:40px;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.page-showcase aside .right form .alert p{font-size:8pt}.page-showcase aside .right form .btn{width:90%;height:80px;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form .btn button{width:85%;height:55%;outline:none;border:1px solid rgba(43,39,253,.1607843137);border-radius:10px;color:#fff;background-color:#00f;align-self:center;align-items:center;font-weight:700;cursor:pointer;transition:all .5s ease;box-shadow:0 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .btn button:hover{border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .btn button:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block{width:100%;height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.page-showcase aside .right form .block label{font-size:8pt}.page-showcase aside .right form .block div{width:100%;height:50%;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:12px;background-color:#fff;box-shadow:1px 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .block div input{width:66%;height:90%;padding-left:12px;cursor:pointer;border:none;outline:none;font-weight:700;font-size:13pt;transition:all .5s ease-in}.page-showcase aside .right form .block div input:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div input:focus{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div select{width:28%;height:90%;cursor:pointer;border:none;outline:none;font-size:11pt;font-weight:700}.box,.what{width:100%;height:90vh;display:flex;align-items:center;justify-content:center;padding-top:1rem}.box .box-head,.what .box-head{width:100%;height:20%;display:flex;align-items:center;justify-content:center}.box .box-head h4,.what .box-head h4{font-size:26pt}.box .box-head h4 p,.what .box-head h4 p{font-size:6pt}.box .box-body,.what .box-body{width:95%;height:60%;display:flex;justify-content:center;align-items:center;justify-content:space-evenly}.box .box-body .box-card,.what .box-body .box-card{width:200px;height:fit-content;padding:38px 14px 26px;background-color:#00f;border-radius:12px;color:#fff;cursor:pointer;transition:all .5s ease-in;text-transform:capitalize}.box .box-body .box-card span,.what .box-body .box-card span{font-size:23pt}.box .box-body .box-card h4,.what .box-body .box-card h4{font-size:12pt;padding:8px 8px 8px 0}.box .box-body .box-card p,.what .box-body .box-card p{font-size:7pt;color:#f5f5f4;transition:all .5s ease-in}.box .box-body .box-card:hover,.what .box-body .box-card:hover{background-color:#fff;color:#00f;box-shadow:0 2px #2b27fd29}.box .box-body .box-card:hover p,.what .box-body .box-card:hover p{color:#000}.how{height:60vh}.how .box-body .box-card{background-color:transparent;color:#00f}.how .box-body .box-card span{color:#00f}.how .box-body .box-card p{color:#000}.how .box-body .box-card:hover{background-color:transparent;box-shadow:none}.bridge{width:100%;height:80vh;background-color:#2b27fd29;display:flex;align-items:center;justify-content:center;flex-direction:column}.bridge .center{width:80%;height:70%;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;padding-left:3rem;border-radius:10px;cursor:pointer;transition:all .5s ease-in;text-transform:capitalize}.bridge .center span{font-size:48pt;color:#00f}.bridge .center h3{font-size:26pt;padding:12px 12px 12px 0}.bridge .center p{font-size:8pt}.bridge .center:hover{box-shadow:0 2px #2b27fd29}.bridge-medium{height:60vh}.bridge-medium .center span{font-size:40pt}.bridge-medium .center h3{font-size:22pt}.bridge-medium .center p{font-size:8pt}.bridge-small{height:40vh;flex-direction:row}.bridge-small .center{width:70%;height:50%;flex-direction:row;align-items:center;justify-content:flex-start}.bridge-small .center span{font-size:30pt;padding-right:12px}.bridge-small .center h3{font-size:16pt;display:flex;flex-direction:column}.bridge-small .center h3 p{font-size:14pt}.bridge-small .center h3 span{font-size:8pt}.faq{width:100%;height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.faq .faq-head{width:100%;height:20%;display:flex;align-items:center;justify-content:center}.faq .faq-body{width:100%;height:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;text-transform:capitalize}.faq .faq-body .faq-card{width:80%;height:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;border:1px solid rgba(43,39,253,.1607843137);border-radius:10pt;padding-left:2rem;cursor:pointer;transition:all .5s ease-in}.faq .faq-body .faq-card h3{font-size:11pt;padding-bottom:6px}.faq .faq-body .faq-card p{font-size:8pt;font-weight:400}.faq .faq-body .faq-card p span{font-size:9pt;font-weight:700}.faq .faq-body .faq-card:hover{box-shadow:0 2px #2b27fd29}footer{width:100%;height:45vh;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;align-items:flex-start;padding-top:2rem}footer .footer-card{width:17%;height:80%}footer .footer-card .f-card-head{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}footer .footer-card .f-card-body{width:100%;height:60%}footer .footer-card .f-card-body ul{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start}footer .footer-card .f-card-body ul li{list-style:none;padding:6px 6px 6px 0;font-size:10pt}footer .footer-cardd{width:25%}footer .footer-cardd .f-card-head{width:80%;height:50%;flex-direction:column;justify-content:center;align-items:flex-start}footer .footer-cardd .f-card-head p{font-size:13pt;padding-top:6px}}@media screen and (max-width: 430px){.landing-page-main .page-showcase{width:100%;height:70dvh}.page-showcase header{height:8%}.page-showcase header .logo{width:50%;height:100%}.page-showcase header .logo img{width:34px;height:34px}.page-showcase header .logo h1{font-size:15pt}.page-showcase header nav{width:30%;height:100%}.page-showcase header nav button{width:90px;height:30px;font-size:8pt}.page-showcase header nav .btn{display:block}.page-showcase aside{width:100%;height:100%;display:flex;justify-content:space-evenly;flex-direction:column;padding:0}.page-showcase aside .left{width:95%;height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-showcase aside .left .center{width:90%;height:90%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-transform:capitalize}.page-showcase aside .left .center p{font-size:8pt}.page-showcase aside .left .center h2{font-size:35pt;padding:2px 2px 2px 0}.page-showcase aside .left .center b{font-size:9pt}.page-showcase aside .left .bottom{width:90%;height:20%;display:none}.page-showcase aside .left .bottom h3{font-size:10pt}.page-showcase aside .left .bottom h3 b{font-size:12pt;color:#00f;text-transform:capitalize}.page-showcase aside .left .bottom p{font-size:8pt}.page-showcase aside .right{width:95%;height:60%;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form{width:90%;height:100%}.page-showcase aside .right form div{width:90%;height:10%;text-transform:capitalize}.page-showcase aside .right form div p{font-size:8pt}.page-showcase aside .right form div b{font-size:12pt;padding-left:0rem}.page-showcase aside .right form .alert{height:10px;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.page-showcase aside .right form .alert p{font-size:8pt}.page-showcase aside .right form .btn{width:90%;height:60px;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form .btn button{width:80%;height:80%;outline:none;border:1px solid rgba(43,39,253,.1607843137);border-radius:10px;color:#fff;background-color:#00f;align-self:center;align-items:center;font-weight:700;cursor:pointer;transition:all .5s ease;box-shadow:0 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .btn button:hover{border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .btn button:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block{width:100%;height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.page-showcase aside .right form .block label{font-size:8pt}.page-showcase aside .right form .block div{width:100%;height:50%;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:12px;background-color:#fff;box-shadow:1px 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .block div input{width:66%;height:90%;padding-left:12px;cursor:pointer;border:none;outline:none;font-weight:700;font-size:13pt;transition:all .5s ease-in}.page-showcase aside .right form .block div input:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div input:focus{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div select{width:28%;height:90%;cursor:pointer;border:none;outline:none;font-size:11pt}.showcount{width:100%;height:100px}.showcount .center{width:100%;height:90%}.showcount .center div{width:30%;height:90%;flex-direction:column}.showcount .center div h3{font-size:14pt}.showcount .center div p{font-size:6pt;width:90%;text-align:center}.box,.what{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;padding-top:0rem}.box .box-head,.what .box-head{width:100%;height:16%;display:flex;align-items:center;justify-content:center}.box .box-head h4,.what .box-head h4{font-size:14pt;line-height:22px}.box .box-head h4 p,.what .box-head h4 p{font-size:8pt}.box .box-body,.what .box-body{width:90%;height:80%;display:flex;justify-content:center;flex-direction:column;align-items:center;justify-content:space-evenly}.box .box-body .box-card,.what .box-body .box-card{width:90%;height:fit-content;padding:16px 16px 22px;text-transform:capitalize}.box .box-body .box-card span,.what .box-body .box-card span{font-size:20pt}.box .box-body .box-card h4,.what .box-body .box-card h4{font-size:10pt;padding:4px 4px 4px 0}.box .box-body .box-card p,.what .box-body .box-card p{font-size:6pt}.how{height:72vh}.how .box-body .box-card{background-color:transparent}.how .box-body .box-card span{font-size:16pt;color:#fff}.how .box-body .box-card p{color:#000}.how .box-body .box-card:hover{background-color:transparent;box-shadow:none}.bridge{width:100%;height:356px;background-color:#2b27fd29}.bridge .center{width:80%;height:54%;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;padding-left:3rem;border-radius:10px;cursor:pointer;transition:all .5s ease-in;text-transform:capitalize}.bridge .center span{font-size:26pt;color:#00f}.bridge .center h3{font-size:14pt;padding:2px 2px 2px 0}.bridge .center p{font-size:7pt;padding-left:0}.bridge-medium{height:256px}.bridge-medium .center{width:80%;height:54%;padding-left:24px}.bridge-medium .center span{font-size:20pt}.bridge-medium .center h3{font-size:10pt;padding:0}.bridge-medium .center p{font-size:6pt}.bridge-small{height:160px;flex-direction:row}.bridge-small .center{width:80%;height:62%;flex-direction:row;align-items:center;justify-content:center}.bridge-small .center span{font-size:17pt;padding-right:10px}.bridge-small .center h3{font-size:10pt;display:flex;flex-direction:column;color:#00f}.bridge-small .center h3 p{font-size:10pt}.bridge-small .center h3 span{font-size:6pt;color:#000;font-weight:300;padding-top:4px}.faq{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.faq .faq-head{width:100%;height:15%;display:flex;align-items:center;justify-content:center}.faq .faq-body{width:100%;height:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;text-transform:capitalize}.faq .faq-body .faq-card{width:82%;height:20%}.faq .faq-body .faq-card h3{font-size:10pt;padding-bottom:8px}.faq .faq-body .faq-card p{font-size:8pt;font-weight:400}.faq .faq-body .faq-card p span{font-size:8pt;font-weight:700}footer{width:100%;height:65vh;display:flex;align-items:center;justify-content:center;justify-content:flex-start;flex-direction:column;padding-top:1rem}footer .footer-card{width:90%;height:35%}footer .footer-card .f-card-head{width:100%;height:20%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}footer .footer-card .f-card-head h5{font-size:12pt}footer .footer-card .f-card-body{width:100%;height:60%}footer .footer-card .f-card-body p{width:100%;font-size:8pt}footer .footer-cardd{width:90%;height:118px}footer .footer-cardd .f-card-head{width:100%;height:80%;flex-direction:column;justify-content:center;align-items:flex-start}footer .footer-cardd .f-card-head p{font-size:10pt;padding-top:8px}}@media screen and (max-width: 393px){.landing-page-main .page-showcase{width:100%;height:74dvh}.page-showcase header{height:8%}.page-showcase header .logo img{width:32px;height:32px}.page-showcase header .logo h1{font-size:14pt}.page-showcase header nav{width:30%;height:100%}.page-showcase header nav button{width:90px;height:30px;font-size:8pt}.page-showcase header nav .btn{display:block}.page-showcase aside{width:100%;height:100%;padding:0}.page-showcase aside .left{width:95%;height:40%}.page-showcase aside .left .center{width:90%;height:90%}.page-showcase aside .left .center p{font-size:8pt}.page-showcase aside .left .center h2{font-size:30pt;padding:4px 4px 4px 0}.page-showcase aside .left .center b{font-size:8pt}.page-showcase aside .left .bottom{width:90%;height:20%;display:none}.page-showcase aside .left .bottom h3{font-size:10pt}.page-showcase aside .left .bottom h3 b{font-size:12pt;color:#00f;text-transform:capitalize}.page-showcase aside .left .bottom p{font-size:8pt}.page-showcase aside .right{width:95%;height:60%;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form{width:90%;height:100%}.page-showcase aside .right form div{width:90%;height:10%;text-transform:capitalize}.page-showcase aside .right form div p{font-size:8pt}.page-showcase aside .right form div b{font-size:12pt;padding-left:0rem}.page-showcase aside .right form .alert{height:10px;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.page-showcase aside .right form .alert p{font-size:8pt}.page-showcase aside .right form .btn{width:90%;height:60px;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form .btn button{width:80%;height:80%;outline:none;border:1px solid rgba(43,39,253,.1607843137);border-radius:10px;color:#fff;background-color:#00f;align-self:center;align-items:center;font-weight:700;cursor:pointer;transition:all .5s ease;box-shadow:0 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .btn button:hover{border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .btn button:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block{width:100%;height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.page-showcase aside .right form .block label{font-size:8pt}.page-showcase aside .right form .block div{width:100%;height:50%;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:12px;background-color:#fff;box-shadow:1px 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .block div input{width:66%;height:90%;padding-left:12px;cursor:pointer;border:none;outline:none;font-weight:700;font-size:13pt;transition:all .5s ease-in}.page-showcase aside .right form .block div input:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div input:focus{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div select{width:28%;height:90%;cursor:pointer;border:none;outline:none;font-size:11pt}.showcount{height:100px}.showcount .center{width:100%;height:90%}.showcount .center div{width:30%;height:90%}.showcount .center div h3{font-size:13pt}.showcount .center div p{font-size:6pt}.box,.what{width:100%;height:80vh}.box .box-head,.what .box-head{width:100%;height:15%}.box .box-head h4,.what .box-head h4{font-size:14pt}.box .box-head h4 p,.what .box-head h4 p{font-size:8pt}.box .box-body,.what .box-body{width:90%;height:80%}.box .box-body .box-card,.what .box-body .box-card{width:90%;height:fit-content;padding:16px}.box .box-body .box-card span,.what .box-body .box-card span{font-size:18pt}.box .box-body .box-card h4,.what .box-body .box-card h4{font-size:9pt;padding:1px 1px 1px 0}.box .box-body .box-card p,.what .box-body .box-card p{font-size:6pt}.how{height:72vh}.how .box-body .box-card{background-color:transparent}.how .box-body .box-card span{font-size:16pt;color:#fff}.how .box-body .box-card p{color:#000}.how .box-body .box-card:hover{background-color:transparent;box-shadow:none}.bridge{width:100%;height:356px;background-color:#2b27fd29}.bridge .center{width:80%;height:52%;background-color:#fff}.bridge .center span{font-size:22pt;color:#00f}.bridge .center h3{font-size:12pt;padding:2px 2px 2px 0}.bridge .center p{font-size:6pt;padding-left:0}.bridge-medium{height:256px}.bridge-medium .center{width:80%;height:54%;padding-left:24px}.bridge-medium .center span{font-size:18pt}.bridge-medium .center h3{font-size:10pt;padding:0}.bridge-medium .center p{font-size:6pt}.bridge-small{height:160px;flex-direction:row}.bridge-small .center{width:80%;height:60%}.bridge-small .center span{font-size:16pt;padding-right:10px}.bridge-small .center h3{font-size:10pt;display:flex;flex-direction:column;color:#00f}.bridge-small .center h3 p{font-size:8pt}.bridge-small .center h3 span{font-size:6pt;color:#000;font-weight:300;padding-top:4px}.faq{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.faq .faq-head{width:100%;height:15%;display:flex;align-items:center;justify-content:center}.faq .faq-body{width:100%;height:78%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;text-transform:capitalize}.faq .faq-body .faq-card{width:82%;height:23%}.faq .faq-body .faq-card h3{font-size:9pt;padding-bottom:8px}.faq .faq-body .faq-card p{font-size:7pt;font-weight:400}.faq .faq-body .faq-card p span{font-size:7pt;font-weight:700}footer{width:100%;height:65vh;display:flex;align-items:center;justify-content:center;justify-content:flex-start;flex-direction:column;padding-top:1rem}footer .footer-card{width:90%;height:35%}footer .footer-card .f-card-head{width:100%;height:20%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}footer .footer-card .f-card-head h5{font-size:12pt}footer .footer-card .f-card-body{width:100%;height:60%}footer .footer-card .f-card-body p{width:100%;font-size:8pt}footer .footer-cardd{width:90%;height:118px}footer .footer-cardd .f-card-head{width:100%;height:80%;flex-direction:column;justify-content:center;align-items:flex-start}footer .footer-cardd .f-card-head p{font-size:10pt;padding-top:8px}}@media screen and (max-width: 375px){.landing-page-main .page-showcase{width:100%;height:80dvh}.page-showcase header{height:8%}.page-showcase header .logo img{width:32px;height:32px}.page-showcase header .logo h1{font-size:14pt}.page-showcase header nav{width:30%;height:100%}.page-showcase header nav button{width:90px;height:30px;font-size:8pt}.page-showcase header nav .btn{display:block}.page-showcase aside{width:100%;height:100%;padding:0}.page-showcase aside .left{width:95%;height:40%}.page-showcase aside .left .center{width:90%;height:90%}.page-showcase aside .left .center p{font-size:8pt}.page-showcase aside .left .center h2{font-size:30pt;padding:4px 4px 4px 0}.page-showcase aside .left .center b{font-size:8pt}.page-showcase aside .left .bottom{width:90%;height:20%;display:none}.page-showcase aside .left .bottom h3{font-size:10pt}.page-showcase aside .left .bottom h3 b{font-size:12pt;color:#00f;text-transform:capitalize}.page-showcase aside .left .bottom p{font-size:8pt}.page-showcase aside .right{width:95%;height:60%;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form{width:90%;height:100%}.page-showcase aside .right form div{width:90%;height:10%;text-transform:capitalize}.page-showcase aside .right form div p{font-size:8pt}.page-showcase aside .right form div b{font-size:12pt;padding-left:0rem}.page-showcase aside .right form .alert{height:10px;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.page-showcase aside .right form .alert p{font-size:8pt}.page-showcase aside .right form .btn{width:90%;height:60px;display:flex;align-items:center;justify-content:center}.page-showcase aside .right form .btn button{width:80%;height:80%;outline:none;border:1px solid rgba(43,39,253,.1607843137);border-radius:10px;color:#fff;background-color:#00f;align-self:center;align-items:center;font-weight:700;cursor:pointer;transition:all .5s ease;box-shadow:0 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .btn button:hover{border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .btn button:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block{width:100%;height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.page-showcase aside .right form .block label{font-size:8pt}.page-showcase aside .right form .block div{width:100%;height:50%;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:12px;background-color:#fff;box-shadow:1px 1px #2b27fd29;transition:all .5s ease-in}.page-showcase aside .right form .block div input{width:66%;height:90%;padding-left:12px;cursor:pointer;border:none;outline:none;font-weight:700;font-size:13pt;transition:all .5s ease-in}.page-showcase aside .right form .block div input:hover{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div input:focus{box-shadow:0 2px #2b27fd29}.page-showcase aside .right form .block div select{width:28%;height:90%;cursor:pointer;border:none;outline:none;font-size:11pt}.showcount{height:100px}.showcount .center{width:100%;height:90%}.showcount .center div{width:30%;height:90%}.showcount .center div h3{font-size:13pt}.showcount .center div p{font-size:6pt}.box,.what{width:100%;height:80vh}.box .box-head,.what .box-head{width:100%;height:15%}.box .box-head h4,.what .box-head h4{font-size:14pt}.box .box-head h4 p,.what .box-head h4 p{font-size:8pt}.box .box-body,.what .box-body{width:90%;height:80%}.box .box-body .box-card,.what .box-body .box-card{width:90%;height:fit-content;padding:16px}.box .box-body .box-card span,.what .box-body .box-card span{font-size:18pt}.box .box-body .box-card h4,.what .box-body .box-card h4{font-size:9pt;padding:1px 1px 1px 0}.box .box-body .box-card p,.what .box-body .box-card p{font-size:6pt}.how{height:72vh}.how .box-body .box-card{background-color:transparent}.how .box-body .box-card span{font-size:16pt;color:#fff}.how .box-body .box-card p{color:#000}.how .box-body .box-card:hover{background-color:transparent;box-shadow:none}.bridge{width:100%;height:356px;background-color:#2b27fd29}.bridge .center{width:80%;height:52%;background-color:#fff}.bridge .center span{font-size:22pt;color:#00f}.bridge .center h3{font-size:12pt;padding:2px 2px 2px 0}.bridge .center p{font-size:6pt;padding-left:0}.bridge-medium{height:256px}.bridge-medium .center{width:80%;height:54%;padding-left:24px}.bridge-medium .center span{font-size:18pt}.bridge-medium .center h3{font-size:10pt;padding:0}.bridge-medium .center p{font-size:6pt}.bridge-small{height:160px;flex-direction:row}.bridge-small .center{width:80%;height:60%}.bridge-small .center span{font-size:16pt;padding-right:10px}.bridge-small .center h3{font-size:10pt;display:flex;flex-direction:column;color:#00f}.bridge-small .center h3 p{font-size:8pt}.bridge-small .center h3 span{font-size:6pt;color:#000;font-weight:300;padding-top:4px}.faq{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.faq .faq-head{width:100%;height:15%;display:flex;align-items:center;justify-content:center}.faq .faq-body{width:100%;height:82%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly;text-transform:capitalize}.faq .faq-body .faq-card{width:82%;height:25%}.faq .faq-body .faq-card h3{font-size:8pt;padding-bottom:4px}.faq .faq-body .faq-card p{font-size:7pt;font-weight:400}.faq .faq-body .faq-card p span{font-size:7pt;font-weight:700}footer{width:100%;height:65vh;display:flex;align-items:center;justify-content:center;justify-content:flex-start;flex-direction:column;padding-top:1rem}footer .footer-card{width:90%;height:35%}footer .footer-card .f-card-head{width:100%;height:20%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}footer .footer-card .f-card-head h5{font-size:12pt}footer .footer-card .f-card-body{width:100%;height:60%}footer .footer-card .f-card-body p{width:100%;font-size:8pt}footer .footer-cardd{width:90%;height:118px}footer .footer-cardd .f-card-head{width:100%;height:80%;flex-direction:column;justify-content:center;align-items:flex-start}footer .footer-cardd .f-card-head p{font-size:10pt;padding-top:8px}}@media screen and (max-width: 360px){.page-showcase header .logo{width:50%;height:100%}.page-showcase header .logo img{width:32px;height:32px}.page-showcase header .logo h1{font-size:14pt}.page-showcase header nav{width:30%;height:100%}.page-showcase header nav button{width:80px;height:34px}.page-showcase header nav .btn{display:block}}@media screen and (max-width: 320px){.page-showcase header .logo{width:60%;height:100%}.page-showcase header .logo img{width:32px;height:32px}.page-showcase header .logo h1{font-size:14pt}.page-showcase header nav{width:30%;height:100%}.page-showcase header nav button{width:120px;height:34px}.page-showcase header nav .btn{display:block}}.login-wrapper{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.login-wrapper .login-head{width:70%;height:20%;display:flex;justify-content:center;flex-direction:column;align-items:center}.login-wrapper .login-head b{height:20%;text-transform:capitalize;font-size:8pt}.login-wrapper .login-head span{width:90%;height:20%;display:flex;align-items:center;justify-content:center;justify-content:space-between;font-size:10pt}.login-wrapper .login-head span a{font-size:11pt;padding-bottom:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#000;text-transform:capitalize;transition:all .5s ease-in}.login-wrapper .login-head span a:hover{color:#00f}.login-wrapper .login-head h2{font-size:15pt;padding-bottom:6px;color:#000;cursor:pointer}.login-wrapper .login-head p{cursor:pointer;font-weight:300;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;text-align:center;height:10%}.login-wrapper .login-head p span{padding-right:4pt;font-size:6pt;text-align:center;color:#32cd32}.login-wrapper .login-head p i{font-size:6pt;font-weight:700;font-style:normal;color:#32cd32}.login-wrapper .form-wrap{width:50%;height:45%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.login-wrapper .form-wrap div{width:60%;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin-bottom:12px}.login-wrapper .form-wrap div label{font-size:9pt;text-transform:capitalize;align-self:flex-start}.login-wrapper .form-wrap div label span{border-radius:12px;padding:3px 8px;cursor:pointer;font-weight:700;font-size:11pt}.login-wrapper .form-wrap div p{font-size:7pt;text-transform:capitalize;align-self:flex-start}.login-wrapper .form-wrap div p span{padding-right:12px;text-transform:capitalize;color:#000;font-weight:700}.login-wrapper .form-wrap div input{width:100%;height:56%;padding-left:12px;border-radius:8px;outline:none;border:1px solid #000;background-color:#fff;box-shadow:1px 2px #2b27fd29;font-size:12pt;transition:all .5s ease}.login-wrapper .form-wrap div input:hover{box-shadow:0 1px #2b27fd29}.login-wrapper .form-wrap div button{width:56%;height:60%;outline:none;border:1px solid rgba(43,39,253,.1607843137);border-radius:10px;color:#fff;background-color:#00f;align-self:center;align-items:center;font-weight:700;cursor:pointer;transition:all .5s ease;box-shadow:0 1px #2b27fd29}.login-wrapper .form-wrap div button:hover{border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29}.login-wrapper .form-wrap div button:disabled{background-color:gray;cursor:not-allowed}.login-wrapper .form-wrap .verify-instruction-wrap{text-transform:capitalize}.login-wrapper .form-wrap .verify-instruction-wrap h3{font-size:17px}.login-wrapper .form-wrap .verify-instruction-wrap span{font-size:13px}.login-wrapper .form-wrap .verify-instruction-wrap span button{font-size:15px;background-color:transparent;width:100px;border:none;border-radius:none;box-shadow:none;color:#00f}.login-wrapper .form-wrap .reset-form-wrap{height:110px}.login-wrapper .form-wrap .reset-form-wrap input{width:100%;height:50%;padding-left:12px;border-radius:12px;outline:none;border:1px solid #000;background-color:#fff;box-shadow:0 1px #2b27fd29;font-size:14pt;margin-bottom:12px}.login-wrapper .form-wrap .reset-form-wrap label{padding-bottom:4px}.login-wrapper .form-wrap .reset-form-wrap span{color:#00f;font-weight:700;font-size:12pt;cursor:pointer;text-transform:capitalize}.login-wrapper .form-wrap .form-wrap-alert{height:40px;text-transform:capitalize}.login-wrapper .form-wrap .form-wrap-alert p{font-size:14px}.login-wrapper .form-wrap,.form-wrap-reg{width:50%;height:70%}.reset-link{text-align:center;text-transform:capitalize}.login-wrapper .page-head{height:15%;background-color:red}.login-wrapper .page-body{width:80%;height:83%;display:flex;flex-direction:column;overflow:scroll;padding-bottom:12px}.login-wrapper .page-body h3{font-size:18pt;padding:32px 32px 32px 0}.login-wrapper .page-body h4{font-size:13pt;padding:12px 32px 32px 0}.login-wrapper .page-body p{font-size:10pt}@media screen and (max-width: 768px){.login-wrapper{width:100%}.login-wrapper .login-head{width:90%;height:23%;padding-left:10px}.login-wrapper .login-head span{width:90%}.login-wrapper .login-head span a{font-size:17px;padding-bottom:12px}.login-wrapper .login-head h2{font-size:22px}.login-wrapper .login-head p{font-size:12px}.login-wrapper .form-wrap{width:80%;height:84%}.login-wrapper .form-wrap div{width:70%;height:100px;margin-top:6px}.login-wrapper .form-wrap div label{font-size:13px}.login-wrapper .form-wrap div input{width:91%;height:65%;font-size:17px}.login-wrapper .form-wrap div button{width:50%;height:66%}.login-wrapper .form-wrap .verify-instruction-wrap p button{font-size:14px;background-color:transparent;width:100px;border:none;border-radius:none;box-shadow:none}}@media screen and (max-width: 430px){.login-wrapper{width:100%;justify-content:flex-start}.login-wrapper .login-head{width:98%;height:25%;padding-left:0}.login-wrapper .login-head b{font-size:8pt}.login-wrapper .login-head span{width:90%}.login-wrapper .login-head span a{font-size:8pt}.login-wrapper .login-head span a:nth-child(1){font-weight:700;color:#00f;font-size:10pt}.login-wrapper .login-head h2{font-size:12pt;padding:0}.login-wrapper .form-wrap{width:95%;height:50%}.login-wrapper .form-wrap div{width:92%;height:100px;margin-bottom:4px;margin-top:0}.login-wrapper .form-wrap div label{font-size:10pt}.login-wrapper .form-wrap div input{width:98%;height:52%;font-size:12pt}.login-wrapper .form-wrap div button{width:56%;height:50%}.reset-link{width:80%;text-align:center}.reset-link p{font-size:8pt}}@media screen and (max-width: 393px){.login-wrapper{width:100%;justify-content:flex-start}.login-wrapper .login-head{width:98%;height:25%;padding-left:0}.login-wrapper .login-head b{font-size:8pt}.login-wrapper .login-head span{width:90%}.login-wrapper .login-head span a{font-size:8pt}.login-wrapper .login-head span a:nth-child(1){font-size:10pt}.login-wrapper .login-head h2{font-size:11pt;padding:0}.login-wrapper .form-wrap{width:95%;height:50%}.login-wrapper .form-wrap div{width:92%;height:100px;margin-bottom:4px;margin-top:0}.login-wrapper .form-wrap div label{font-size:10pt}.login-wrapper .form-wrap div input{width:98%;height:50%;font-size:11pt}.login-wrapper .form-wrap div button{width:56%;height:46%}.reset-link{width:90%}.reset-link p{font-size:8pt}}@media screen and (max-width: 375px){.login-wrapper{width:100%}.login-wrapper .login-head{width:96%}.login-wrapper .login-head b{font-size:8pt}.login-wrapper .login-head span{width:90%}.login-wrapper .login-head span a{font-size:8pt}.login-wrapper .login-head span a:nth-child(1){font-size:9pt}.login-wrapper .login-head h2{font-size:10pt;padding:0}.login-wrapper .form-wrap{width:95%;height:60%}.login-wrapper .form-wrap div{width:92%;height:100px;margin-bottom:4px;margin-top:0}.login-wrapper .form-wrap div label{font-size:8pt}.login-wrapper .form-wrap div input{width:98%;height:52%;font-size:11pt}.login-wrapper .form-wrap div button{width:56%;height:50%}.reset-link{width:80%;text-align:center}.reset-link p{font-size:8pt}}@media screen and (max-width: 360px){.login-wrapper{width:100%;justify-content:flex-start}.login-wrapper .login-head{width:98%;height:20%;padding-left:0}.login-wrapper .login-head b{font-size:7pt}.login-wrapper .login-head span{width:90%}.login-wrapper .login-head span a{font-size:8pt}.login-wrapper .login-head span a:nth-child(1){font-size:9pt}.login-wrapper .login-head h2{font-size:11pt;padding:0}.login-wrapper .form-wrap{width:95%;height:70%}.login-wrapper .form-wrap div{width:92%;height:100px;margin-bottom:4px;margin-top:0}.login-wrapper .form-wrap div label{font-size:8pt}.login-wrapper .form-wrap div input{width:98%;height:50%;font-size:11pt}.login-wrapper .form-wrap div button{width:56%;height:50%}.reset-link{width:80%;text-align:center}.reset-link p{font-size:8pt}}@media screen and (max-width: 344px){.login-wrapper{width:100%;justify-content:flex-start}.login-wrapper .login-head{width:98%;height:20%;padding-left:0}.login-wrapper .login-head b{font-size:7pt}.login-wrapper .login-head span{width:90%}.login-wrapper .login-head span a{font-size:7pt}.login-wrapper .login-head span a:nth-child(1){font-size:8pt}.login-wrapper .login-head h2{font-size:11pt;padding:0}.login-wrapper .form-wrap{width:95%;height:60%}.login-wrapper .form-wrap div{width:92%;height:100px;margin-bottom:4px;margin-top:0}.login-wrapper .form-wrap div label{font-size:8pt}.login-wrapper .form-wrap div input{width:98%;height:50%;font-size:11pt}.login-wrapper .form-wrap div button{width:56%;height:46%}.reset-link{width:90%;text-align:center}.reset-link p{font-size:8pt}}@media screen and (max-width: 320px){.login-wrapper{height:92dvh}.login-wrapper .login-head{width:98%;height:25%}.login-wrapper .form-wrap{width:95%;height:80%}.login-wrapper .form-wrap div{width:96%;height:100px}.login-wrapper .form-wrap div input{width:98%;height:52%}.login-wrapper .form-wrap div button{width:100%}}@media screen and (device-aspect-ratio: 2/3){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url]{font-size:16px}}@media screen and (device-aspect-ratio: 40/71){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url]{font-size:16px}}@media screen and (device-aspect-ratio: 375/667){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=tel],input[type=url]{font-size:16px}}@media screen and (device-aspect-ratio: 9/16){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=tel],input[type=url]{font-size:16px}}*{box-sizing:content-box;margin:0;padding:0}.app-container{width:100%;height:100dvh;background-color:#fff}.app-container .app-header{width:100%;height:8%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#e5e5ff1c}.app-header div{width:20%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-header .logo{width:20%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.app-header .logo h1{color:#00f;font-size:15pt;cursor:pointer}.app-header .title-bar{width:44%}.app-header .title-bar h2{color:#000;font-size:10pt;text-transform:capitalize;transition:.5s all ease}.app-header .others-wrap{width:10%}.app-header .others-wrap button{width:90px;height:30px;border:none;box-shadow:0 2px #2b27fd29;outline:none;border:1px solid rgba(43,39,253,.1607843137);border-radius:10px;color:#fff;background-color:#00f;align-self:center;align-items:center;font-weight:700;cursor:pointer;transition:all .5s ease;box-shadow:0 1px #2b27fd29}.app-header .others-wrap button:hover{border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29}.app-header .others-wrap p{display:flex;align-items:center;justify-content:center;font-size:16pt;cursor:pointer;transition:.5s all ease}.app-header .others-wrap p span{font-size:10pt;font-weight:700}.app-header .others-wrap p:hover{color:#00f}.app-main{width:100%;height:80%;overflow:hidden;background-color:#e5e5ff1c}.app-main .app-main-head{width:40%;height:40px;margin:0 auto;border-radius:12px;display:flex;align-items:center;justify-content:center}.app-main .app-main-head p{width:80%;font-size:8pt;text-transform:capitalize;text-align:center}.app-main .app-main-head p b{font-size:9pt;cursor:pointer;color:#00f;transition:.3s color ease;font-weight:700}.app-main .app-main-head p b:hover{color:#000}.app-main .app-main-head-load{border:none;height:35%;flex-direction:column}.app-main .app-main-head-load img{width:50px;height:50px;cursor:pointer}.app-main .app-main-head-load p{font-size:8pt;font-weight:700}.app-main .app-main-head-big{width:50%;height:80px;border:1px solid rgba(43,39,253,.1607843137);box-shadow:1px 0 1px #2b27fd29}.app-main .app-main-head-small{width:45%;height:56px;flex-direction:column}.app-main .app-main-head-small p{width:98%;font-size:8pt}.app-main .app-main-head-small p b{font-size:8pt}.app-main .app-main-head-small i{font-size:7pt}.app-main .app-main-linkedbank{width:45%;height:100px;background-color:#fff;border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 1px 1px #2b27fd29;margin:0 auto;margin-top:1rem;border-radius:12px;display:flex;justify-content:center;flex-direction:column;cursor:pointer;align-items:center}.app-main .app-main-linkedbank h3{width:90%;font-size:8pt;padding-bottom:5px;color:#00f}.app-main .app-main-linkedbank p{width:90%;font-size:8pt;padding-bottom:2px}.app-main .app-main-linkedbank h4{width:90%;font-size:12pt;color:#00f;transition:all .3s ease-in;cursor:pointer}.app-main .app-main-linkedbank h4:hover{color:#000}.app-main .app-main-linkedbank-two{background-color:#00f;width:35%;color:#fff;height:126px}.app-main .app-main-linkedbank-two h3,.app-main .app-main-linkedbank-two h4,.app-main .app-main-linkedbank-two p{width:80%}.app-main .app-main-linkedbank-two h4{font-size:10pt;color:#fff;transition:all .3s ease-in;cursor:pointer;margin-top:8px}.app-main .app-main-linkedbank-two h4:hover{color:#000}.app-main .app-main-form{width:44%;height:70%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main .app-main-form div{width:90%;height:15%;display:flex;align-items:center;justify-content:center}.app-main .app-main-form div button{width:44%;height:80%;background-color:#00f;color:#fff;border:none;border-radius:8px;font-size:12pt;cursor:pointer;outline:none;text-transform:uppercase;font-weight:700;box-shadow:0 2px #2b27fd29}.app-main .app-main-form .form{width:85%;height:14%;border:1px solid #000;border-radius:12px;justify-content:center;cursor:pointer;background-color:#fff;box-shadow:0 2px #2b27fd29}.app-main .app-main-form .form input{width:70%;height:84%;padding-left:12px;outline:none;border:none;font-size:12pt;cursor:pointer;box-shadow:0 2px #2b27fd29}.app-main .app-main-form .form select{width:24%;height:85%;outline:none;font-size:12pt;font-weight:700;border:none;cursor:pointer;text-transform:uppercase;box-shadow:0 2px #2b27fd29;background-color:transparent}.app-main .app-main-form .alert{height:5%}.app-main .app-main-form .alert p{font-size:8pt;text-transform:capitalize}.app-main .app-main-form .alertt{height:5%}.app-main .app-main-form .alertt p{font-size:8pt;text-transform:capitalize;font-weight:700}.app-main .app-main-form .small{height:10%}.app-main .app-main-form .small h3 span{font-size:10pt;cursor:pointer;padding-left:18px;text-transform:capitalize}.app-main .app-main-form .check{width:85%;height:24%;flex-direction:column;justify-content:space-evenly;background-color:#00f;border-radius:12px;box-shadow:0 2px #2b27fd29;cursor:pointer}.app-main .app-main-form .check h4{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;text-transform:capitalize;font-size:9pt;color:#fff}.app-main .app-main-form .check h4 b{width:20%}.app-main .app-main-form .check h4 span{width:50%;text-align:end}.app-main .app-main-features{width:100%;height:20%;display:flex;align-items:center;justify-content:center}.app-main .app-main-features .features{width:80%;height:80%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;align-items:flex-end}.app-main .app-main-features .features div{width:25%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;border:1px solid rgba(43,39,253,.1607843137);padding-left:24px;border-radius:10px;box-shadow:0 1px #2b27fd29;cursor:pointer;transition:.3s all ease}.app-main .app-main-features .features div h4{font-size:15pt}.app-main .app-main-features .features div p{font-size:8pt}.app-main .app-main-features .features div:hover{box-shadow:1px 1px #2b27fd29}.app-main .app-instant-detail{width:45%;height:32%;background-color:#00f;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;margin-top:1rem;border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 2px #2b27fd29;cursor:pointer}.app-main .app-instant-detail h4{width:90%;padding-bottom:8px;display:flex;justify-content:space-evenly;color:#fff;font-size:9pt}.app-main .app-instant-detail h4 b{width:50%}.app-main .app-instant-detail h4 span{width:50%;text-align:end;text-transform:uppercase}.app-main .app-cta{width:50%;height:15%;margin:0 auto;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-cta button{width:30%;height:54%;background-color:#00f;color:#fff;border:none;outline:none;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 2px #2b27fd29}.app-main .app-cta input{width:45%;height:45%;padding-left:12px;border-radius:8px;outline:none;border:1px solid #000;transition:.3s all ease;font-size:10pt}.app-main .app-cta input:focus{border:1px solid #0000ff}.app-main .app-main-order-head{width:42%;height:6%;margin:0 auto;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.app-main .app-main-order-head p{width:36%;height:100%;display:flex;align-items:center;justify-content:space-evenly}.app-main .app-main-order-head p span{width:100%;cursor:pointer;font-size:8pt;transition:all .4s ease;font-weight:700}.app-main .app-main-order-head p span:nth-child(4){padding-left:14px}.app-main .app-main-order-body{width:100%;height:90%;margin:0 auto;overflow:scroll}.app-main .app-main-order-body .order-body-card{width:44%;height:70px;border-bottom:1px solid rgba(43,39,253,.1607843137);display:flex;align-items:center;justify-content:center;align-items:flex-start;flex-direction:column;cursor:pointer;border:1px solid rgba(43,39,253,.1607843137);box-shadow:0 1px #2b27fd29;border-radius:12px;padding-left:20px;transition:.4s all ease;margin:0 auto 24px}.app-main .app-main-order-body .order-body-card h2{width:90%;display:flex;align-items:center;justify-content:space-evenly;padding-bottom:0}.app-main .app-main-order-body .order-body-card h2 p{width:90%;font-size:10pt}.app-main .app-main-order-body .order-body-card h2 p:nth-child(2){text-align:end;text-transform:uppercase}.app-main .app-main-order-body .order-body-card b{width:60%;font-size:8pt}.app-main .app-main-order-body .order-body-card b span{padding-right:12px;font-size:8pt}.app-main .app-main-order-body .order-body-card b .s-date{font-weight:400}.app-main .app-main-order-body .order-body-card b .s-amount{font-size:8pt}.app-main .app-main-order-body .order-body-card b .s-status{font-size:8pt;text-transform:uppercase}.app-main .app-main-order-body .order-body-card:hover{box-shadow:0 2px #2b27fd29}.app-main .app-main-address{width:50%;height:35%;margin:0 auto;margin-top:0rem;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-main-address div{display:flex;align-items:center;justify-content:center}.app-main .app-main-address .address-image{width:25%;height:80%;background-color:#2b27fd29;border-radius:12px;cursor:pointer}.app-main .app-main-address .address-image img{width:fit-content;height:fit-content;border-radius:8px;cursor:pointer}.app-main .app-main-address .address{width:50%;height:80%;flex-direction:column;align-items:flex-start;padding-left:24px}.app-main .app-main-address .address b{font-size:10pt;color:#00f}.app-main .app-main-address .address b span{padding-left:4px}.app-main .app-main-address .address p span{font-size:6pt;color:red;font-weight:700}.app-main .app-main-address .address h2{width:80%;display:flex;justify-content:space-between;padding:8px 8px 8px 0}.app-main .app-main-address .address h2 b{width:60%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#00f;font-size:15pt}.app-main .app-main-address .address h2 span{width:fit-content;cursor:pointer;font-size:10pt}.app-main .app-main-address .address p{width:100%;font-size:8pt;text-transform:capitalize}.app-main .app-main-address .address p b{color:#000}.app-footer{width:100%;height:12%;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.app-footer .top{width:100%;height:20%;background-color:#2b27fd29;display:flex;align-items:center;justify-content:space-evenly;overflow:scroll}.app-footer .top .top-card{width:80px;height:80%;display:flex;align-items:center;justify-content:center;padding:12px}.app-footer .top .top-card h4{font-size:8pt;padding-right:4px;text-transform:uppercase}.app-footer .top .top-card h5{font-size:8pt;font-weight:700}.app-footer .center{width:44%;height:75%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;margin-top:4px}.app-footer .center p{width:20%;height:100%;cursor:pointer;font-size:26pt;outline:none;display:flex;align-items:center;justify-content:center;flex-direction:column;border:none;border-radius:6px;transition:all .5s ease-in;color:#00f}.app-footer .center p span{font-size:7pt;font-weight:700}.app-main .app-main-block{width:45%;height:160px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;margin-top:1rem}.app-main .app-main-block .block-head{width:100%;height:20%;display:flex;flex-direction:column;justify-content:flex-start}.app-main .app-main-block .block-head h3{font-size:8pt;text-transform:uppercase}.app-main .app-main-block .block-head h3 span{width:20px;padding-left:1rem;font-size:10pt;cursor:pointer;color:#00f}.app-main .app-main-block .block-head P{font-size:8pt;color:#000}.app-main .app-main-block .block-head h2{font-size:8pt;color:#00f;text-align:center}.app-main .app-main-block .block-body{width:100%;height:80%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;border:1px solid rgba(43,39,253,.1607843137);border-radius:6px;box-shadow:0 2px #2b27fd29;transition:all .4s ease}.app-main .app-main-block .block-body:hover{box-shadow:0 1px #2b27fd29}.app-main .app-main-block .block-body div{width:95%;height:24%;display:flex;align-items:center;justify-content:center;justify-content:flex-start;padding-left:2px}.app-main .app-main-block .block-body div p{width:90%;display:flex;font-size:10pt;align-items:flex-start;justify-content:center;text-transform:capitalize}.app-main .app-main-block .block-body div p b{width:90%}.app-main .app-main-block .block-body div p span{width:10%;font-weight:400;font-size:8pt}.app-main .app-main-block-small{height:100px}.app-main .app-main-block-small .block-head{height:10%}.app-main .app-main-block-small .block-body{width:100%;height:48%;transition:all .4s ease}.app-main .app-main-block-small .block-body:hover{box-shadow:0 1px #2b27fd29}.app-main .app-main-block-small .block-body div{width:95%;height:80%}.app-main .app-main-block-small .block-body div p{font-size:9pt}.app-main .app-main-block-ongoing{height:135px}.app-main .app-main-block-ongoing .block-body{background-color:#00f}.app-main .app-main-block-ongoing .block-body div{width:95%;height:80%;color:#fff}.app-main .app-main-block-profile{height:156px;display:flex;align-items:center;justify-content:center}.app-main .app-main-block-profile .body{width:100%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-main .app-main-block-profile .body h2{width:100%;text-align:center;text-transform:capitalize;font-size:16pt;padding-bottom:4px}.app-main .app-main-block-profile .body div{width:100%;display:flex;align-items:center;justify-content:center}.app-main .app-main-block-profile .body div p{padding-left:12px;font-size:10pt}.app-main .app-main-block-profile .body div p b{color:#00f;cursor:pointer}.app-main .app-main-block-cta{height:30px}.app-main .app-main-block-cta .block-head{height:100%}.app-main .app-main-block-cta .block-head h3{width:65px;height:50px;font-size:10pt;cursor:pointer;background-color:#00f;color:#fff;border-radius:8px;text-transform:capitalize;box-shadow:0 1px #000;text-align:center;display:flex;align-items:center;justify-content:center}.app-main .page-block{width:100%;height:100%;overflow:scroll;display:flex;align-items:center;justify-content:center}.app-main .page-block div{width:70%;height:98%}.app-main .page-block div h4{font-size:10pt;padding-bottom:1rem}.app-main .page-block div b{font-size:8pt}.app-main .page-block div h3{font-size:12pt;padding:1rem;padding-left:0;color:#00f}.app-main .page-block div p{font-size:8pt;padding:4px}.app-main .app-main-moreform{width:40%;height:80%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.app-main .app-main-moreform div{width:90%;height:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.app-main .app-main-moreform div h3{font-size:14pt}.app-main .app-main-moreform div label{height:10%;font-size:8pt}.app-main .app-main-moreform div input,.app-main .app-main-moreform div select{width:100%;height:48%;padding-left:12px;outline:none;border:none;font-size:12pt;cursor:pointer;box-shadow:0 2px #2b27fd29;border-radius:10px;border:1px solid rgba(43,39,253,.1607843137)}.app-main .app-main-moreform div input[type=file]::file-selector-button{margin-top:16px;cursor:pointer;background-color:#00f;color:#fff;font-size:10pt;padding:4px}.app-main .app-main-moreform div button{width:50%;height:48%;background-color:#00f;color:#fff;border-radius:12px;border:1px solid rgba(43,39,253,.1607843137);font-size:12pt;align-self:center;cursor:pointer}.app-main .app-main-moreform div p{height:10%;font-size:8pt;font-weight:700}.app-main .app-main-moreform .alert{height:15%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-main-moreform .alert p{font-size:10pt;text-transform:capitalize}.app-main .app-main-moreform .alert h3{font-size:12pt;padding-left:12px;cursor:pointer;text-transform:uppercase;text-align:center}.app-main .app-main-moreform .alert .p{font-size:14pt;color:#00f;cursor:pointer}.app-main .app-main-moreformm{height:80%}.app-main .app-main-moreformm div{height:30%}.app-main .app-main-moreformm div p{height:12%}@media screen and (max-width: 430px){.app-container{width:100%;height:100dvh}.app-container .app-header{width:100%;height:10%}.app-header div{width:30%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-header .logo{width:30%;justify-content:center}.app-header .logo h1{font-size:12pt}.app-header .title-bar{width:40%}.app-header .title-bar h2{color:#000;font-size:8pt}.app-header .others-wrap{width:30%}.app-header .others-wrap button{width:80px;font-size:9pt}.app-header .others-wrap p{font-size:13pt}.app-main{width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.app-main .app-main-head{width:90%;height:40px;margin:0 auto;margin-top:0rem}.app-main .app-main-head p{width:90%;font-size:7pt;text-align:center}.app-main .app-main-head p b{font-size:7pt}.app-main .app-main-head-big{width:90%;height:70px}.app-main .app-main-head-small{width:90%;height:56px}.app-main .app-main-linkedbank{width:90%;height:80px;padding-bottom:12px}.app-main .app-main-linkedbank h3{font-size:8pt;padding-bottom:2px}.app-main .app-main-linkedbank p{font-size:8pt;padding-bottom:0}.app-main .app-main-form{width:100%;height:70%;margin:0 auto}.app-main .app-main-form div{width:90%;height:20%;display:flex;align-items:center;justify-content:center}.app-main .app-main-form div button{width:60%;height:60%;font-size:10pt}.app-main .app-main-form .form{width:90%;height:12%;justify-content:center}.app-main .app-main-form .form input{width:66%;height:86%;font-size:12pt}.app-main .app-main-form .form select{width:24%;height:86%;font-size:11pt}.app-main .app-main-form .alert{height:10%}.app-main .app-main-form .alert p{font-size:8pt;text-transform:capitalize}.app-main .app-main-form .small{height:15%}.app-main .app-main-form .small h3 span{font-size:10pt}.app-main .app-main-form .check{width:90%;height:22%}.app-main .app-main-form .check h4{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;text-transform:capitalize;font-size:9pt;color:#fff}.app-main .app-main-form .check h4 b{width:30%}.app-main .app-main-form .check h4 span{width:50%;text-align:end}.app-main .app-instant-detail{width:90%;height:26%;background-color:#00f;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:0rem;margin-bottom:12px}.app-main .app-instant-detail h4{width:90%;padding-bottom:6px;display:flex;justify-content:space-evenly;color:#fff;font-size:8pt}.app-main .app-instant-detail h4 b{width:50%}.app-main .app-instant-detail h4 span{width:50%;text-align:end;text-transform:uppercase}.app-main .app-instant-detail .h4{font-size:7pt}.app-main .app-cta{width:94%;height:15%;margin:0 auto;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-cta button{width:45%;height:50%;font-size:10pt}.app-main .app-cta input{width:40%;padding-left:12px;font-size:8pt}.app-main .app-main-order-head{width:90%}.app-main .app-main-order-head p{width:60%;height:100%;margin-right:1rem}.app-main .app-main-order-head p span{padding-left:8px;font-size:9pt}.app-main .app-main-order-body{width:100%;height:90%;margin:0 auto}.app-main .app-main-order-body .order-body-card{width:86%;height:90px;padding-left:12px}.app-main .app-main-order-body .order-body-card h2{width:94%}.app-main .app-main-order-body .order-body-card h2 p{width:90%;font-size:10pt}.app-main .app-main-order-body .order-body-card b{width:90%;font-size:8pt}.app-main .app-main-order-body .order-body-card b span{font-size:8pt}.app-main .app-main-order-body .order-body-card b .s-date{font-weight:400}.app-main .app-main-order-body .order-body-card b .s-amount,.app-main .app-main-order-body .order-body-card b .s-status{font-size:8pt}.app-main .app-main-address{width:96%;height:35%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-main-address div{display:flex;align-items:center;justify-content:center}.app-main .app-main-address .address-image{width:30%;height:70%;background-color:#2b27fd29;border-radius:12px;cursor:pointer}.app-main .app-main-address .address-image img{width:80%;height:fit-content;border-radius:8px;cursor:pointer}.app-main .app-main-address .address{width:57%;height:90%;flex-direction:column;align-items:flex-start;padding-left:8px}.app-main .app-main-address .address b{font-size:8pt;color:#00f}.app-main .app-main-address .address b span{padding-left:4px}.app-main .app-main-address .address p span{font-size:5pt}.app-main .app-main-address .address h2{width:90%;display:flex;justify-content:space-between;padding:12px 12px 12px 0}.app-main .app-main-address .address h2 b{width:60%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#00f;font-size:13pt}.app-main .app-main-address .address h2 span{width:fit-content;cursor:pointer;font-size:8pt}.app-main .app-main-address .address p{width:100%;font-size:6pt;text-transform:capitalize}.app-main .app-main-address .address p b{color:#000}.app-footer{width:100%;height:10%}.app-footer .center{width:100%;height:80%}.app-footer .center p{width:20%;height:80%;font-size:23pt}.app-footer .center p span{font-size:7pt}.app-main .app-main-block{width:90%;height:120px}.app-main .app-main-block .block-head{width:100%;height:20%}.app-main .app-main-block .block-head h3{font-size:8pt;text-transform:uppercase}.app-main .app-main-block .block-body{width:100%;height:80%}.app-main .app-main-block .block-body div{width:100%;height:40%;padding-left:26px}.app-main .app-main-block .block-body div p{width:100%;display:flex;font-size:9pt;justify-content:center}.app-main .app-main-block .block-body div p b{width:80%}.app-main .app-main-block .block-body div p span{width:20%;font-size:7pt}.app-main .app-main-block-small{height:85px}.app-main .app-main-block-small .block-head{height:10%}.app-main .app-main-block-small .block-head h3{font-size:8pt}.app-main .app-main-block-small .block-body{width:100%;height:60%;margin-top:6px}.app-main .app-main-block-small .block-body div{width:100%;height:70%}.app-main .app-main-block-small .block-body div p{font-size:8pt}.app-main .app-main-block-cta{height:40px}.app-main .app-main-block-cta .block-head{height:70%}.app-main .app-main-block-cta .block-head h3{font-size:8pt}.app-main .app-main-block-ongoing{height:135px}.app-main .app-main-block-profile{width:90%;height:100px;margin:0 auto;margin-top:1rem}.app-main .app-main-block-profile .block-head{width:100%;height:50%}.app-main .app-main-block-profile .block-head h3{font-size:16pt}.app-main .app-main-block-profile .body{width:100%;height:10%}.app-main .app-main-block-profile .body h2{font-size:14pt}.app-main .app-main-block-profile .body div p{font-size:7pt}.app-main .page-block{width:100%;height:90%}.app-main .page-block div{width:85%;height:98%}.app-main .page-block div h4,.app-main .page-block div b{font-size:10pt}.app-main .page-block div h3{font-size:10pt;padding:1rem}.app-main .page-block div p{font-size:10pt;padding:4px}.app-main .app-main-moreform{width:90%;height:80%}.app-main .app-main-moreform div{width:92%;height:25%}.app-main .app-main-moreform div label{height:10%;font-size:7pt}.app-main .app-main-moreform div input,.app-main .app-main-moreform div select{width:100%;height:43%;font-size:11pt}.app-main .app-main-moreform div button{width:50%;font-size:9pt;height:40%}.app-main .app-main-moreform div p{height:10%;font-size:8pt}.app-main .app-main-moreform .alert{height:15%}.app-main .app-main-moreform .alert p{font-size:8pt;text-transform:capitalize}.app-main .app-main-moreform .alert h3{font-size:10pt}}@media screen and (max-width: 375px){.app-container{width:100%;height:100dvh}.app-container .app-header{width:100%;height:8%}.app-header div{width:30%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-header .logo{width:30%;justify-content:center}.app-header .logo h1{font-size:12pt}.app-header .title-bar{width:40%}.app-header .title-bar h2{color:#000;font-size:8pt}.app-header .others-wrap{width:30%}.app-header .others-wrap button{width:80px;font-size:10pt}.app-header .others-wrap p{font-size:13pt}.app-main{width:100%;height:80%}.app-main .app-main-head{width:90%;height:40px;margin:0 auto;margin-top:0rem}.app-main .app-main-head p{width:90%;font-size:6pt;text-align:center}.app-main .app-main-head p b{font-size:7pt}.app-main .app-main-head-big{width:90%;height:70px}.app-main .app-main-head-small{width:90%;height:56px}.app-main .app-main-linkedbank{width:90%;height:80px;padding-bottom:12px}.app-main .app-main-linkedbank h3{font-size:8pt;padding-bottom:2px}.app-main .app-main-linkedbank p{font-size:8pt;padding-bottom:0}.app-main .app-main-form{width:100%;height:70%;margin:0 auto}.app-main .app-main-form div{width:90%;height:20%;display:flex;align-items:center;justify-content:center}.app-main .app-main-form div button{width:60%;height:60%;font-size:10pt}.app-main .app-main-form .form{width:90%;height:12%;justify-content:center}.app-main .app-main-form .form input{width:66%;height:86%;font-size:12pt}.app-main .app-main-form .form select{width:24%;height:86%;font-size:11pt}.app-main .app-main-form .alert{height:10%}.app-main .app-main-form .alert p{font-size:8pt;text-transform:capitalize}.app-main .app-main-form .small{height:15%}.app-main .app-main-form .small h3 span{font-size:10pt}.app-main .app-main-form .check{width:90%;height:22%}.app-main .app-main-form .check h4{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;text-transform:capitalize;font-size:9pt;color:#fff}.app-main .app-main-form .check h4 b{width:30%}.app-main .app-main-form .check h4 span{width:50%;text-align:end}.app-main .app-instant-detail{width:90%;height:30%;background-color:#00f;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:0rem;margin-bottom:12px}.app-main .app-instant-detail h4{width:90%;padding-bottom:6px;display:flex;justify-content:space-evenly;color:#fff;font-size:8pt}.app-main .app-instant-detail h4 b{width:50%}.app-main .app-instant-detail h4 span{width:50%;text-align:end;text-transform:uppercase}.app-main .app-instant-detail .h4{font-size:7pt}.app-main .app-cta{width:94%;height:15%;margin:0 auto;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-cta button{width:45%;height:56%;font-size:9pt}.app-main .app-cta input{width:45%;padding-left:12px;font-size:8pt}.app-main .app-main-order-head{width:90%}.app-main .app-main-order-head p{width:70%;height:100%;margin-right:1rem}.app-main .app-main-order-head p span{padding-left:8px;font-size:9pt}.app-main .app-main-order-body{width:100%;height:90%;margin:0 auto}.app-main .app-main-order-body .order-body-card{width:86%;height:90px;padding-left:12px}.app-main .app-main-order-body .order-body-card h2{width:94%}.app-main .app-main-order-body .order-body-card h2 p{width:90%;font-size:10pt}.app-main .app-main-order-body .order-body-card b{width:90%;font-size:7pt}.app-main .app-main-order-body .order-body-card b span{font-size:7pt}.app-main .app-main-order-body .order-body-card b .s-date{font-weight:400}.app-main .app-main-order-body .order-body-card b .s-amount,.app-main .app-main-order-body .order-body-card b .s-status{font-size:7pt}.app-main .app-main-address{width:95%;height:35%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-main-address div{display:flex;align-items:center;justify-content:center}.app-main .app-main-address .address-image{width:30%;height:70%;background-color:#2b27fd29;border-radius:12px;cursor:pointer}.app-main .app-main-address .address-image img{width:80%;height:fit-content;border-radius:8px;cursor:pointer}.app-main .app-main-address .address{width:57%;height:90%;flex-direction:column;align-items:flex-start;padding-left:8px}.app-main .app-main-address .address b{font-size:8pt;color:#00f}.app-main .app-main-address .address b span{padding-left:4px}.app-main .app-main-address .address p span{font-size:5pt}.app-main .app-main-address .address h2{width:90%;display:flex;justify-content:space-between;padding:12px 12px 12px 0}.app-main .app-main-address .address h2 b{width:60%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#00f;font-size:13pt}.app-main .app-main-address .address h2 span{width:fit-content;cursor:pointer;font-size:8pt}.app-main .app-main-address .address p{width:100%;font-size:6pt;text-transform:capitalize}.app-main .app-main-address .address p b{color:#000}.app-footer{width:100%;height:11%}.app-footer .center{width:100%;height:80%}.app-footer .center p{width:20%;height:80%;font-size:21pt}.app-footer .center p span{font-size:6pt}.app-main .app-main-block{width:90%;height:120px}.app-main .app-main-block .block-head{width:100%;height:20%}.app-main .app-main-block .block-head h3{font-size:8pt;text-transform:uppercase}.app-main .app-main-block .block-body{width:100%;height:80%}.app-main .app-main-block .block-body div{width:100%;height:40%;padding-left:26px}.app-main .app-main-block .block-body div p{width:100%;display:flex;font-size:9pt;justify-content:center}.app-main .app-main-block .block-body div p b{width:80%}.app-main .app-main-block .block-body div p span{width:20%;font-size:7pt}.app-main .app-main-block-small{height:80px}.app-main .app-main-block-small .block-head{height:10%}.app-main .app-main-block-small .block-head h3{font-size:8pt}.app-main .app-main-block-small .block-body{width:100%;height:60%;margin-top:6px}.app-main .app-main-block-small .block-body div{width:100%;height:70%}.app-main .app-main-block-small .block-body div p{font-size:8pt}.app-main .app-main-block-cta{height:40px}.app-main .app-main-block-cta .block-head{height:70%}.app-main .app-main-block-cta .block-head h3{font-size:8pt}.app-main .app-main-block-profile{width:90%;height:100px;margin:0 auto;margin-top:1rem}.app-main .app-main-block-profile .block-head{width:100%;height:50%}.app-main .app-main-block-profile .block-head h3{font-size:16pt}.app-main .app-main-block-profile .body{width:100%;height:10%}.app-main .app-main-block-profile .body h2{font-size:14pt}.app-main .app-main-block-profile .body div p{font-size:7pt}.app-main .app-main-block-ongoing{height:115px}.app-main .page-block{width:100%;height:90%}.app-main .page-block div{width:86%;height:98%}.app-main .page-block div h4{font-size:10pt}.app-main .page-block div b{font-size:9pt}.app-main .page-block div h3{font-size:10pt;padding:1rem}.app-main .page-block div p{font-size:9pt;padding:4px}.app-main .app-main-moreform{width:90%;height:80%}.app-main .app-main-moreform div{width:92%;height:25%}.app-main .app-main-moreform div label{height:10%;font-size:7pt}.app-main .app-main-moreform div input,.app-main .app-main-moreform div select{width:100%;height:43%;font-size:11pt}.app-main .app-main-moreform div button{width:50%;font-size:9pt;height:40%}.app-main .app-main-moreform div p{height:10%;font-size:8pt}.app-main .app-main-moreform .alert{height:15%}.app-main .app-main-moreform .alert p{font-size:8pt;text-transform:capitalize}.app-main .app-main-moreform .alert h3{font-size:10pt}}@media screen and (max-width: 360px){.app-container{width:100%;height:100dvh}.app-container .app-header{width:100%;height:8%}.app-header div{width:30%;height:100%}.app-header .logo{width:30%;justify-content:center}.app-header .logo h1{font-size:12pt}.app-header .title-bar{width:40%}.app-header .title-bar h2{font-size:8pt}.app-header .others-wrap{width:30%}.app-header .others-wrap p{font-size:12pt}.app-main{width:100%;height:80%}.app-main .app-main-head{width:90%;height:34px;margin:0 auto;margin-top:0rem}.app-main .app-main-head p{width:90%;font-size:6pt;text-align:center}.app-main .app-main-head p b{font-size:7pt}.app-main .app-main-head-big{width:90%;height:70px}.app-main .app-main-head-small{width:90%;height:56px}.app-main .app-main-linkedbank{width:90%;height:80px;padding-bottom:12px}.app-main .app-main-linkedbank h3{font-size:8pt;padding-bottom:2px}.app-main .app-main-linkedbank p{font-size:8pt;padding-bottom:0}.app-main .app-main-form{width:100%;height:80%;margin:0 auto}.app-main .app-main-form div{width:90%;height:25%;display:flex;align-items:center;justify-content:center}.app-main .app-main-form div button{width:66%;height:50%;font-size:10pt}.app-main .app-main-form .form{width:90%;height:13%;justify-content:center}.app-main .app-main-form .form input{width:66%;height:86%;font-size:12pt}.app-main .app-main-form .form select{width:24%;height:86%;font-size:11pt}.app-main .app-main-form .alert{height:10%}.app-main .app-main-form .alert p{font-size:8pt;text-transform:capitalize}.app-main .app-main-form .small{height:15%}.app-main .app-main-form .small h3 span{font-size:8pt}.app-main .app-main-form .check{width:90%;height:20%}.app-main .app-main-form .check h4{width:100%;height:10%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;text-transform:capitalize;font-size:8pt;color:#fff}.app-main .app-main-form .check h4 b{width:30%}.app-main .app-main-form .check h4 span{width:50%;text-align:end}.app-main .app-instant-detail{width:90%;height:30%;background-color:#00f;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:0rem;margin-bottom:12px}.app-main .app-instant-detail h4{width:90%;padding-bottom:6px;display:flex;justify-content:space-evenly;color:#fff;font-size:8pt}.app-main .app-instant-detail h4 b{width:50%}.app-main .app-instant-detail h4 span{width:50%;text-align:end;text-transform:uppercase}.app-main .app-instant-detail .h4{font-size:7pt}.app-main .app-cta{width:95%;height:15%;margin:0 auto;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-cta button{width:45%;height:56%;font-size:9pt}.app-main .app-cta input{width:50%;padding-left:12px;font-size:8pt}.app-main .app-main-order-head{width:90%}.app-main .app-main-order-head p{width:50%;height:100%;margin-right:1rem}.app-main .app-main-order-head p span{padding-left:12px;font-size:8pt}.app-main .app-main-order-body{width:100%;height:90%;margin:0 auto}.app-main .app-main-order-body .order-body-card{width:88%;height:90px;padding-left:12px}.app-main .app-main-order-body .order-body-card h2{width:94%}.app-main .app-main-order-body .order-body-card h2 p{width:90%;font-size:9pt}.app-main .app-main-order-body .order-body-card b{width:90%;font-size:8pt}.app-main .app-main-order-body .order-body-card b span{font-size:7pt}.app-main .app-main-order-body .order-body-card b .s-date{font-weight:400}.app-main .app-main-order-body .order-body-card b .s-amount,.app-main .app-main-order-body .order-body-card b .s-status{font-size:7pt}.app-main .app-main-address{width:95%;height:35%;display:flex;align-items:center;justify-content:center;justify-content:space-evenly}.app-main .app-main-address div{display:flex;align-items:center;justify-content:center}.app-main .app-main-address .address-image{width:30%;height:70%;background-color:#2b27fd29;border-radius:12px;cursor:pointer}.app-main .app-main-address .address-image img{width:80%;height:fit-content;border-radius:8px;cursor:pointer}.app-main .app-main-address .address{width:57%;height:90%;flex-direction:column;align-items:flex-start;padding-left:8px}.app-main .app-main-address .address b{font-size:8pt;color:#00f}.app-main .app-main-address .address b span{padding-left:4px}.app-main .app-main-address .address p span{font-size:5pt}.app-main .app-main-address .address h2{width:90%;display:flex;justify-content:space-between;padding:12px 12px 12px 0}.app-main .app-main-address .address h2 b{width:60%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#00f;font-size:13pt}.app-main .app-main-address .address h2 span{width:fit-content;cursor:pointer;font-size:8pt}.app-main .app-main-address .address p{width:100%;font-size:6pt;text-transform:capitalize}.app-main .app-main-address .address p b{color:#000}.app-footer{width:100%;height:12%}.app-footer .center{width:100%;height:80%}.app-footer .center p{width:20%;height:80%;font-size:20pt}.app-footer .center p span{font-size:6pt}.app-main .app-main-block{width:90%;height:120px}.app-main .app-main-block .block-head{width:100%;height:20%}.app-main .app-main-block .block-head h3{font-size:8pt;text-transform:uppercase}.app-main .app-main-block .block-body{width:100%;height:80%}.app-main .app-main-block .block-body div{width:100%;height:40%;padding-left:26px}.app-main .app-main-block .block-body div p{width:100%;display:flex;font-size:9pt;justify-content:center}.app-main .app-main-block .block-body div p b{width:80%}.app-main .app-main-block .block-body div p span{width:20%;font-size:7pt}.app-main .app-main-block-small{height:82px}.app-main .app-main-block-small .block-head{height:10%}.app-main .app-main-block-small .block-head h3{font-size:6pt}.app-main .app-main-block-small .block-body{width:100%;height:52%;margin-top:2px}.app-main .app-main-block-small .block-body div{width:100%;height:70%}.app-main .app-main-block-small .block-body div p{font-size:8pt}.app-main .app-main-block-cta{height:40px}.app-main .app-main-block-cta .block-head{height:70%}.app-main .app-main-block-cta .block-head h3{font-size:8pt}.app-main .app-main-block-profile{width:90%;height:100px;margin:0 auto;margin-top:1rem}.app-main .app-main-block-profile .block-head{width:100%;height:50%}.app-main .app-main-block-profile .block-head h3{font-size:14pt}.app-main .app-main-block-profile .body{width:100%;height:10%}.app-main .app-main-block-profile .body h2{font-size:12pt}.app-main .app-main-block-profile .body div p{font-size:6pt}.app-main .app-main-block-ongoing{height:115px}.app-main .page-block{width:100%;height:90%}.app-main .page-block div{width:85%;height:98%}.app-main .page-block div h4,.app-main .page-block div b{font-size:10pt}.app-main .page-block div h3{font-size:10pt;padding:1rem}.app-main .page-block div p{font-size:10pt;padding:4px}.app-main .app-main-moreform{width:90%;height:80%}.app-main .app-main-moreform div{width:92%;height:25%}.app-main .app-main-moreform div label{height:10%;font-size:7pt}.app-main .app-main-moreform div input,.app-main .app-main-moreform div select{width:100%;height:43%;font-size:11pt}.app-main .app-main-moreform div button{width:50%;font-size:9pt;height:40%}.app-main .app-main-moreform div p{height:10%;font-size:8pt}.app-main .app-main-moreform .alert{height:15%}.app-main .app-main-moreform .alert p{font-size:8pt;text-transform:capitalize}.app-main .app-main-moreform .alert h3{font-size:10pt}}