.appie-header-area {position:relative;padding:10px 0;}
.appie-header-area .appie-logo-box a img {height: 48px;width: auto;max-width: fit-content;}
.appie-header-area .appie-header-main-menu {text-align: right;}
.appie-header-area .appie-header-main-menu ul > li {margin-right: 30px;}
.appie-header-area .appie-header-main-menu ul > li > a {font-size: 14px;text-transform: uppercase;}
.appie-header-area .appie-btn-box .animated_btn {text-transform: uppercase;}
.appie-header-area .appie-btn-box .animated_btn:hover {color: #fff;background-color: #034ca8;border: 1px solid #034ca8;}
.appie-header-area .appie-btn-box .animated_btn:hover::before {background: #034ca8;}
.body-area {background: linear-gradient(to bottom, rgb(14, 17, 51, .92), rgba(14, 17, 51, .92)), url(https://exchangewallet.co/public/frontend/assets/images/mainBg.webp);background-size: cover;height: calc(100vh - 68px);padding: 0;display: flex;align-items: center;}
.body-area .body-content {margin: 0 auto;background-color: rgba(255, 255, 255, .85);border-radius: 10px;border: 1px solid #0071ff;display:flex;flex-wrap: nowrap;align-items:center;}
.body-area .body-content .left-box {flex: 0 0 60%;max-width: 60%;padding:20px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.body-area .body-content .left-box h4 {font-size: 20px;margin-bottom: 10px !important;color: #034ca8;font-weight: 500;}
.body-area .body-content .left-box ul {margin: 0px;padding-left: 30px;list-style-type: none;}
.body-area .body-content .left-box ul li {list-style: square;margin-bottom: 7px;font-size: 15px;color: #262626;}
.body-area .body-content .left-box ul li:last-child {margin-bottom: 0px;}
.body-area .body-content .right-box {flex: 0 0 40%;max-width: 40%;background: #034ca8;padding: 30px;min-height: 300px;border-radius: 0 10px 10px 0;}
.body-area .body-content .right-box h3 {font-size: 20px;margin-bottom: 15px !important;font-weight: 500;text-align:center;color: #ffffff;text-transform:uppercase;}
.body-area .body-content .right-box h4 {font-size: 20px;margin-bottom: 10px;font-weight: 500;text-align:center;color: #ffffff;text-transform:uppercase;}
.body-area .body-content .right-box p {color: #eeeeee;}
.body-area .body-content .right-box p a.tagBx {color: #e4cceb !important;text-decoration:underline;}
.body-area .body-content .right-box p a {color: #e4cceb !important;text-decoration: underline;}
.body-area .body-content .right-box label {font-size: 14px;color: #eeeeee;}
.body-area .body-content .right-box .form-control {background-color: rgb(153 202 255 / 65%);border: 1px solid #0071ff;border-radius: 2px;color:#ffffff;}
.body-area .body-content .right-box .input-group .input-group-text {color: #eeeeee;background-color: #0071ff;border: 1px solid #0071ff;border-radius: 0 2px 2px 0;}
.body-area .body-content .right-box .input-group .form-control {border-radius: 2px 0  2px 0;color:#ffffff;}
.body-area .body-content .right-box .form-control::placeholder {color:#ffffff;}
.body-area .body-content .right-box a.forget-password {color: #e4cceb !important;}
.body-area .body-content .right-box .btn.btn-primary {color: #034ca8;background-color: #ffffff;border-color: #ffffff;text-transform: uppercase;font-weight: 500;}

.appie-page-title-area {height: auto;padding: 60px 0;background: #094a9d;display: flex;align-items: center;}
.appie-page-title-area .appie-page-title-item {margin: 0;text-align: center;}
.appie-page-title-area .appie-page-title-item .title {color: #ffffff;font-size: 36px;font-weight: 700;text-transform: uppercase;}
.appie-page-title-area .appie-page-title-item nav {display: flex;justify-content: center;margin-top: 20px;}
.appie-page-title-area .appie-page-title-item nav ol {margin: 0;}
.appie-page-title-area .appie-page-title-item nav ol li a {color: #ffffff;opacity: 0.8;text-transform: uppercase;font-size: 14px;line-height: 1.2;}
.appie-page-title-area .appie-page-title-item .breadcrumb-item+.breadcrumb-item::before {color: #ffffff;content: "|";line-height: 1.2;}
.appie-page-title-area .appie-page-title-item nav ol li.active {color: #e5cded;opacity: 0.8;line-height: 1.2;text-transform: uppercase;font-size: 14px;font-weight: 500;}

@media (max-width:767px){
    .body-area .body-content {display: block;}
    .body-area .body-content .left-box {flex: 0 0 100%;max-width: 100%;}
    .body-area .body-content .right-box {flex: 0 0 100%;max-width: 100%;}
}