*{
    margin: 0;
    padding: 0;
}
/* Change the white to any color */
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background: #000
}
*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1050px;
    }


body{background: url('../images/gradient-bg.jpg'); font-family: 'Inter', sans-serif; color:#324158; background-color: #eccddf; background-size: cover;}
.logo img {
    width: 100%;
}

p {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 300;
}

a {
    color: #0d6efd;
    text-decoration: none;
}
.logo {
    width: 110px;
    margin-left: 25px;
}



header {
    background: #ffffff8f;
    margin-top: 23px;
    padding: 20px 20px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
}
.announcement-popup + header{
    margin-top: 5px;
}
/*.header-m{margin-top: 23px}*/
.nav-bar ul{ list-style: none;}
.nav-bar ul a {
        color: #324158;
    text-decoration: none;
    padding: 10px 17px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
}
li.active a {
    background: #fff;
}
.nav-bar ul {
    list-style: none;
    margin: 0;
}

footer {
    background: #ffffff8f;
    margin-top: 0;
    padding: 20px 20px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
}
footer p {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}
footer ul {
    list-style: none;
    text-align: center;
    text-align: center;
    justify-content: center;
    margin: 0;
    align-items: center;
}
footer ul.d-flex a {
    padding: 0 7px;
    text-decoration: none;
}

footer ul li a {
    color: #888;
    font-size: 12px;
    font-weight: 300;
}
footer ul.d-flex {
    font-size: 8px;
}
.body-container {
    padding: 20px 0;
    margin-top: 90px;
}
.mob {
    width: 300px;
}

.mob img {
    width: 100%;
}
.mob {
    width: 250px;
    margin: 0 auto;
}
shadow-mob img {
    width: 100%;
}

.shadow-mob {
    max-width: 260px;
    margin: 0 auto;
}
.shadow-mob img{width: 100%}
.form-box {
    max-width: 400px;
    margin: 0 auto;
}
.social-login ul {
    list-style: none;
    display: flex;
}
.social-login ul li a{ background: #fff; width: 50px; height: 50px; border-radius: 5px}
.social-login ul li a {
    background: #ffffff70;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}
.or {
    text-align: center;
    margin: 30px 0 30px;
    position: relative;
}
.social-login li {
    margin: 0 10px;
}
.social-login img {
    width: 70%;
}
.social-login ul {
    list-style: none;
    display: flex;
    margin: 0;
    justify-content: center;
    padding: 0;
}
.form-control {
    padding: 12px 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #ffffff5e;
    border-radius: 8px;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    backdrop-filter: blur(10px);
}
h1 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}
.form-group {
    margin-bottom: 15px;
}
.freset {
    text-align: right;
}
.freset a {
    color: #324158;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
}
button.btn.btn-success {
    background: #4070FF;
    width: 100%;
    font-size: 12px;
    padding: 10px 0;
    margin-top: 15px;
    outline: none !important;
    border: none;
    border-radius: 8px;
    box-shadow: none !important;
}
button.btn.btn-success:hover{background: #325bd6;}
label {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px;
}

/*.or span {
    background: #dbd2e7;
    padding: 0 10px;
    font-size: 14px;
    z-index: 9;
    font-weight: 400;
    position: relative;
    color: #324158;
}
.or:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #000;
    left: 0;
    top: 12px;
}*/
.social-login img {
    width: 20px;
}
.or-change {
    font-size: 12px;
    text-align: center;
    margin-top: 24px;
    font-weight: 400;
}
.header-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    transition: all 0.5s ease;
    z-index: 9;
}
.or-change a:hover {
    text-decoration: underline;
}
.freset a:hover {
    text-decoration: underline;
}
.social-login ul li a:hover {
    background: #fff;
}
.hiddeNavBar {
    transform: translateY(-100%);
}
.floating {
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-top: -15px;
}
@keyframes floating{
0% {
    transform: translate(0, 0px);
}
50% {
    transform: translate(0, 15px);
}
100% {
    transform: translate(0, -0px);
}
}
.form-control:focus {
    color: #212529;
    background-color: #ffffffba;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.hamburger{display: none;}
.hide-on-desktop{display: none;}
.email-verification {
    background: #ffffff8f;
    margin-top: 30px;
    padding: 30px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    margin-bottom: 55px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.annoucement .email-verification.after-login {
    margin-top: 0;
}
.email-box {
    width: 100%;
}
.refer-and-earn-code{padding: 44px}
.email-verification h2 {
    color: #000;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 32px;
}
.blue-logo {
    margin: 20px 0;
}
.blue-logo img {
    width: 80px;
}
.email-box p {
    font-size: 13px;
}
.copied img {
    width: 13px;
}

.copied {
    color: #00BF63;
    font-size: 12px;
    margin-top: 8px
}
.email-box input[type="number"] {
    width: 40px;
    height: 40px;
    border: none;
    border: 1px solid #324158;
    border-radius: 5px;
    background: none;
    backdrop-filter: none;
    text-align: center;
}
form.digit-group {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.email-box .resend {
    font-size: 12px;
    margin-top: 15px;
}
.note ul {
    padding: 0;
    padding-left: 15px;
}

.note ul li {
    font-size: 11px;
    font-weight: 300;
}
.note p {
    font-weight: 500;
    margin-bottom: 7px;
}
.email-verification.reset-pass{
    height: auto;
}
.email-verification.reset-pass input.form-control {
    width: 100%;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid #324158 !important;
}
.email-verification.reset-success{
    margin: 120px 0 160px;
}
.reset-successfully.email-verification {
    height: 210px;
}
.action-wrapper{width: 100%; text-align: center;}
.action-wrapper .skip a{
    font-size: 14px;
    
}
.referral-code .form-group input {
    width: 100%;
    background: no-repeat;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid #324158;
}
.referral-code{height: 400px}
.refer-earn input{width: 100% !important}
.after-login{height: auto;}
.link-copy a {
    color: #324158;
    font-size: 11px;
    padding: 10px 0;
}
.email-verification.refer-and-earn-code .link-copy a {
    padding: 14px 0 0;
}
.refer-and-earn-code input.form-control {
    border: 1px solid #324158;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.link-copy.d-flex img {
    width: 14px;
}
.link-copy.d-flex a {
    margin-right: 15px
}
button.btn.btn-black-outline img {
    width: 16px;
    margin-right: 8px;
}
.app-btn {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    text-align: center;
}
.scaner img {
    width: 100%;
}
.scaner {
    width: 200px;
    margin-right: 20px;
}
.scaner-outer.d-flex {
    margin-top: 30px;
}
.scaner-text img {
    width: 50px;
    margin-top: -10px;
}
.get-app h1 {
    font-size: 58px;
    font-weight: 700;
}
.get-app .form-box {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 70px 0;
    padding-right: 0;
}
button.btn.btn-black-outline {
    display: flex;
    align-items: center;
}
button.btn.btn-black-outline {
    display: flex;
    align-items: center;
    border: 1px solid #324158;
    flex: 1;
    justify-content: center;
    border-radius: 8px;
    padding: 10px 0;
    outline: none;
    box-shadow: none;
}
button.btn.btn-black-outline:hover {
    background: #f0f0f099;
    
}
div.sub-nav {
    position: absolute;
    width: 150px;
    right: 0;
    top: 54px;
    padding-top: 28px;
    display: none;
  
}
div.sub-nav li:first-child a:hover {
    background: #f6f6f6bd;
    border-radius: 15px 15px 0 0;
}
div.sub-nav li a:hover {
    background: #f6f6f6bd;
    border-radius: 0px 0px 0 0;
}
div.sub-nav li:last-child a:hover {
    background: #f6f6f6bd;
    border-radius: 0 0 15px 15px;
}
div.sub-nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.sub-nav ul{padding-left: 0;   background: #ffffff8f;
    margin-left: 0;
    padding-left: 0;
    padding: 0px 0;
    border-radius: 15px;
    backdrop-filter:10px;
    -webkit-backdrop-filter:10px;}
div.sub-nav img {
    width: 13px;
}
a.log-out {
    color: #ea4335 !important;
}
.reset-success img{width: 30px}
.reset-success p {
    padding-left: 27px;
}
.reset-success img {
    width: 20px;
    margin-right: 8px;
}
.message-success      img {
    width: 13px;
}
.message-success {
    display: flex;
    align-items: flex-start;
}
.message-success {
    margin-top: 10px;
}
.message-success img {
    width: 13px;
    margin-right: 6px;
}
.skip {
    color: #4070FF;
}
.message-success p {
    color: #00bf63;
    font-size: 10px;
}
.email-verification.reset-success h2 {
    display: flex;
    align-items: center;
}
.suggestion {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.available-name {
    background: #D3E2EB;
    color: #07BB54;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 300;
}
.available-and-not-available {
    margin-bottom: 30px;
}
.refer-earn input {
    width: 100% !important;
    background: none;
    backdrop-filter: none;
    border: 1px solid #324158;
}
.form-control:focus {
    border-color: #324158;
}
.available-name img, .not-available img {
    width: 15px;
}
.not-available {
    font-size: 12px;
    background: #F1D1D8;
    color: #ED1D2B;
    padding: 8px 10px;
    border-radius: 6px;
    font-weight: 300;
}
.refer-earn {
    margin-top: 40px;
}
.nav-bar img.user-image {
    width: 17px;
    margin-left: 5px;
}
.already-loggedin{padding: 50px 30px; height: auto; 
    margin-top: 73px;
    margin-bottom: 105px;
}
.already-loggedin .app-btn {
    margin-top: 30px;
}
.refer-and-earn-code{
    margin:  100px 0 140px
}
.refer-and-earn-code input.form-control {
    border: 1px solid #324158;
}
.email-verification.reset-pass h2 img {
    width: 10px;
}

.email-verification.reset-pass h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.email-verification.reset-pass.reset-pass1 {
    height: auto;
    margin: 90px 0 125px;
}
footer {
    background: transparent;
    padding: 0;
}
.or span {
    background: #dbd2e700;
    position: relative;
}  
.or span:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #000;
    left: 0;
    top: 10px;
    left: 110%;
}
.or span:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #000;
    right: 0;
    top: 10px;
    right: 110%;
}  
    .or:after{display: none;} 

.chat-icon {
    width: 20px;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 3px;
}
.chat-head h2 {
    margin: 0;
    color: #000;
    font-size: 15px;
    margin-bottom: 0px;
}
.fr {
    background: #fff;
    font-size: 11px;
    padding: 4px 9px;
    margin-left: 8px;
    border-radius: 2px;
    font-weight: 600;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-5{margin-bottom: 5px !important}
.chat-btn button.btn.btn-white:hover {
    background: #ececec !important;
}
.flex1 {
    flex: 1;
}
.chat-btn button.btn.btn-white, .chat-btn a.btn.btn-white {
    background: #fff;
    font-size: 10px;
    color: #000;
    font-weight: 500;
    width: 110px;
    border: none;
    outline: none;
    box-shadow: none;
}
.chat-btn button.btn.btn-white:hover {
    background: #ececec;
}
.chat-icon img {
    width: 100%;
}
.chat-box .flex-direction-column {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start !important;
}
.chat-box.d-flex.align-items-center {
    background: #ffffff7a;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.chat-box.d-flex.align-items-center:last-child{margin-bottom: 0}
.chat-text p {
    font-size: 11px;
    padding-right: 47px;
    font-weight: 300;
    line-height: 18px;
}
.annoucement h2 {
    font-size: 35px;
    color: #000;
    line-height: 44px
}

.faq-box h2 {
    font-size: 33px;
    color: #324158;
}

.accordion-text {
    margin-bottom: 50px;
}

.logo-page {
    text-align: center;
    margin: 50px 0;
}
.desc-box h3 {
    color: #000;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}
.logo-page img {
    width: 500px;
    padding: 50px 50px;
}
.fnc-logo img {
    width: 100%;
}

.fnc-logo {
    width: 80px;
}
.fig img {
    width: 100%;
}
.fig {
    width: 50px;
}
.fnc {
    display: flex;
}
.fnc-title h4 {
    margin: 0;
}

.fnc-title p {
    margin: 0;
}
.fig {
    width: 50px;
    margin-right: 9px;
}
.fnc-title h4 {
    margin: 0;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.fnc-title p{    font-size: 13px;}
.fnc-title p {
    margin: 0;
}
.fnc {
    display: flex;
    align-items: center;
    margin: 25px 0;
}  
.fnc-logo {
    width: 90px;
}
.switcher.d-flex.align-items-center p {
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
}
.announcement {
    background: #fff;
    font-size: 11px;
    padding: 4px 8px;
    color: #000;
}
.after-login .scanner img {
    width: 100%;
}
.scanner {
    width: 170px;
    margin: 20px auto;
}
.download-btn img {
    width: 100%;
}
.download-btn {
    text-align: center;
    width: 130px;
    margin: 0 auto;
}
.note-line p {
    line-height: 20px;
}

.note-line p {
    line-height: 20px;
    text-align: center;
    margin-top: 30px;
}
.get-androd-app{text-align: center}
.get-androd-app a {
    font-size: 12px;
    color: #4070FF;
    margin-top: 14px;
    display: block;
}
.switcher.d-flex.align-items-center {
    margin-bottom: 12px;
    align-items: center;
}
.switcher p{
    margin-bottom: 0
}
.jump h5 {
    font-size: 12px;
    color: #000;
}
.jump {
    background: #fff;
    padding: 12px 16px;
    margin-bottom: 50px;
    border-radius: 5px;
}
.jump img {
    width: 10px;
}
.jump p {
    margin-bottom: 4px;
    font-size: 11px;
    color: #324158;
}

.jump a{color: #324158}
.annoucement p {
    font-size: 14px;
}
.jump p {
    font-size: 12px;
    font-weight: 500;
}
.jump h5 {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
}
footer a:hover {
    color: #324158;
}
.tncpages h5 {
    font-weight: 600;
}
.tncpages p {
    font-size: 16px;
    color: #324158;
}
.tncpages p b{font-weight: 600;}
.tncpages a {
    color: #324158;
    text-decoration: underline;
}
a.text-blue {
    color: #5344ff;
}
.tncpages ul.accordion li a {
    padding: 9px 0;
}
ul.accordion b {
    font-weight: 600 !important;
    color: #324158;
}
.tncpages ul.accordion > li > a {
    padding: 16px 20px;
    background: #fff;
    border-radius: 7px;
    text-decoration: none;
    line-height: 24px;
}
.tncpages ul.accordion > li > a:hover {
/*    background: #ebebeb !important;*/
}
.announcement-popup {
    background: #4a44ff;
    border-radius: 20px;
    padding: 20px 60px;
    position: relative;
}
.close img {
    width: 100%;
}


.close {
    width: 10px;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer
}
.announcement-popup .icon img {
    width: 100%;
}

.announcement-popup .icon {
    width: 50px;
}
.announcement-popup p, .announcement-popup a {
    color: #fff;
    font-size: 13px;
    margin: 0;
}
.announcement-popup a{
    text-decoration: underline
}
.announcement-popup p {
    margin-bottom: 4px;
}
.tncpages .accordion > li > a {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    line-height: 42px;
    font-size: 14px;
    font-size: 15px;
    text-indent: 0;
    user-select: none;
}
.announcement-popup .icon {
    width: 25px;
    margin-right: 15px;
}
.w100{width: 100%}

.accordion > li > a:after {
        width: 10px;
    height: 31px;
    /* border-right: 1px solid #4a6e78; */
    /* border-bottom: 1px solid #4a6e78; */
    position: absolute;
    right: 25px;
    content: "+";
    top: 14px;
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 30px;
    font-weight: 300;
    transform: none;
   
}

.accordion-text p {
    font-size: 13px;
    padding: 0 50px;
    margin-bottom: 25px;
    margin-top: 16px;
}
.got-more-que a {
    border: 1px solid #324158 !important;
    padding: 7px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #324158;
    border-radius: 5px;
}

.got-more-que {
    text-align: center;
    margin: 40px 0 0px;
}
.faq-box{padding: 50px 0;}
.got-more-que p{font-size: 14px;}
.got-more-que a {
    border: 1px solid #4070ff !important;
    padding: 7px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #4070ff;
    border-radius: 5px;
    margin-top: 0px;
    display: inline-block;
    background: #edebff !important;
}
.got-more-que a:hover {
    background: #4070ff !important;
    color: #fff !important;
}
.tncpages ul.accordion li a.active:after {
    transform: rotate(45deg);
    right: 27px;
    top: 10px;
}
.accordion li p {
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}
.accordion li div p:last-child {
    margin-bottom: 0;
}
.accordion li div {
    padding:7px 22px 20px;
}

.accordion li {
    background: #fff;
}
.accordion li {
    border: 1px solid #aaafb0 !important;
    position: relative;
    list-style: none;
    border-radius: 7px;
    margin-bottom: 15px;
}
.accordion{padding: 0; margin: 0;}
.announcement-popup {
    background: #4a44ff;
    border-radius: 20px;
    padding: 20px 30px;
    margin-top: -30px;
    margin-bottom: 31px;
}
.announcement-popup {
    background: #4a44ff;
    border-radius: 8px;
    padding: 10px 15px;
/*    margin-top: -30px;*/
/*    margin-bottom: 31px;*/
}
.announcement-popup {
    padding: 15px 15px;
    margin-top: 4px;
    margin-bottom: 0;
}
.ans {
    padding-right: 31px;
}
.announcement-popup p {
    margin-bottom: 0;
}
.announcement-popup .icon {
    width: 20px;
    margin-right: 15px;
    margin-top: -3px;
}
/*
.announcement-popup {
    padding: 5px 15px;
    margin-top: -30px;
}
*/
.announcement-popup .close {
    top: 4px;
}
.tncpages h2 {
    margin-bottom: 30px;
    color: #324158 !important;
}
.advantages ul {
    margin: 0;
}
.advantages {margin-bottom: 0px}
.tncpages h2 {
    margin-bottom: 30px;
    color: #000 !important;
    font-weight: 400;
    font-size: 35px;
}
.tncpages h5 {
    font-size: 18px;
    color: #324158;
    margin-bottom: 0px !important;
}
.tncpages h6 {
    font-size: 14px;
    font-weight: 300;
}
.tncpages p, .tncpages li {
    font-size: 14px;
    color: #324158;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 0px;
}
.tncpages li {
    line-height: 25px;
}
.read-more-footer {
    margin-bottom: 50px;
    border-top: 1px solid #d4d2d2;
    margin-top: 30px;
    padding-top: 30px;
}
.read-more-footer a {
    font-size: 16px;
    font-weight: 500;
    color: #324158;
    margin-bottom: 10px !important;
    display: block;
}
.faq-box ul.accordion > li {
    margin-bottom: 15px;
}
.got-more-que p {
    margin-bottom: 15px;
}
.accordion-text P {
    font-size: 14px;
    margin-top: -10px !important;
    padding-top: 0;
    padding: 0;
}
.tncpages ul.accordion > li > a.active {
    border-radius: 7px 7px 0 0;
}
.annoucement .email-verification {
    padding: 45px;
}
@media screen and (max-width:767px){
.or span {
    z-index: 0;
}    
    
    
body {
    background-size: cover;
    background-attachment: fixed; 
}   
header {
    border-radius: 10px;
    padding: 15px 20px;
}
.logo {
    width: 110px;
}    
.hamburger{display: block;}
.nav-bar {
    display: none;
}
.mob-reverse{flex-direction: column-reverse}
.floating {
    margin-top: 20px;
    text-align: center;
}
footer ul.d-flex {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}  
h1 {
    font-size: 18px;
    font-weight: 600;
}
.form-box {
    padding: 0 10px;
}
.or span {
    background: #dbd2e700;
}  
.or span:after {
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    background: #000;
    left: 0;
    top: 10px;
    left: 110%;
}
.or span:before {
    content: "";
        width: 50%;
        height: 1px;
        position: absolute;
        background: #000;
        right: 0;
        top: 10px;
        right: 110%;
}  
    .or:after{display: none;} 
    .hamburger img{filter: invert(); width: 20px;}
       .nav-bar {
        display: block;
        position: absolute;
        top: 85px;
        background: #ffffff8f;
        backdrop-filter: blur(1px);
        right: 0;
        left: 0;
        border-radius: 8px;
        padding: 10px 10px;
    }
.nav-bar ul a {
    display: block;
}
li.active a {
    background: no-repeat;
} 
.nav-bar {
        display: block;
        position: absolute;
        top: 77px;
        background: #ffffff82;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        right: 15px;
        left: 15px;
        border-radius: 8px;
        padding: 10px 10px;
    
    }
.nav-bar ul {
    flex-direction: column;
    padding: 0;
}
    .hide-on-mob{display: none}  
.mob img {
    width: 70%;
    margin: 0 auto;
}    
 footer ul li a {
    font-size: 11px;
}
footer ul li a,  footer ul, footer p {
    font-weight: 300;
}    
    header{margin-top: 15px;}   
.body-container {
    margin-top: 30px !important;
}    
.email-verification.reset-pass.reset-pass1 {
    height: auto;
    margin: 10px 0 125px;
}  
.email-verification.reset-success {
    margin: 10px 0 160px;
}
.email-box input[type="number"] {
    width: 40px;
    height: 40px;
    }
    .email-verification.mob-height{height: 340px}
.email-box p {
    font-size: 12px;
    line-height: 19px;
}
.get-app .form-box {
    padding: 0 10px 0;
    padding-right: 0;
}
.get-app h1 {
    font-size: 34px;
    font-weight: 700;
} 
p {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 19px;
}
    .after-login-menu img {
        width: auto !important;
        margin: 0 !important;
        height: 14px;
        margin-right: 5px !important;
    }
    .active-user{display: block;}
    li.active.hide-on-desktop.active-user img {
    width: 20px;
}
li.active.hide-on-desktop.active-user a {
    color: #524158;
    font-size: 15px;
    font-weight: 600;
}    
li.active.hide-on-desktop.active-user  {
    margin-right: 20px;
}    
li.active.hide-on-desktop.active-user a {
    display: flex;
    align-items: center;
    gap: 6px;
}    
.refer-and-earn-code {
    margin: 10px 0 140px;
}    
.shadow-mob {
    max-width: 200px;
    margin: 0 auto;
}    
.chat-box.d-flex.align-items-center {
    flex-direction: column;
    align-items: flex-start !important;
}
.chat-btn {
    display: block;
    align-self: baseline;
    margin-left: 28px;
    margin-top: 13px;
}   
.chat-btn button.btn.btn-white {
    padding: 10px 0;
}    
footer {
    margin-top: 0;
}    
.jump {
    padding: 11px 12px;
    margin-bottom: 20px;
    border-radius: 5px;
    width: auto;
    display: inline-block;
}
.jump p {
    margin: 0;
    padding: 2px 0;
}
.logo-page img {
    width: 80%;
}
.logo-page {
    margin: 30px 0;
}    
.annoucement h2 {
    font-size: 25px;
}    
.logo-page {
    margin: 30px 0;
}
.faq-box {
    padding: 30px 20px;
}    
.accordion-text p {
    font-size: 12px;
    padding: 0 5px;
}
.tncpages ul.accordion > li > a {
    padding: 16px 20px;
    line-height: 19px;
    font-size: 12px;
    padding-right: 38px;
    font-weight: 500;
}    
.accordion-text {
    margin-bottom: 20px;
}
.accordion li div {
    padding: 12px 18px;
}
.accordion li p {
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
}    
.chat-icon {
    margin-top: 3px;
}    
.tncpages p, .tncpages li {
    font-size: 14px;
    color: #324158;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 0px;
}
.tncpages h5 {
    font-size: 20px;
}
.tncpages  ul {
    padding-left: 1rem;
}
    .mob-line-h-30{line-height: 30px !important;}   
.announcement-popup {
    border-radius: 15px;
    padding: 15px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}    
.form-box {
    margin-top: 20px !important;
}    
.got-more-que p {
    margin-bottom: 15px !important;
}
 .announcement-popup {
        /* display: none; */
        transition: all 0.5s ease;
        position: fixed;
        z-index: 9;
        top: -120px;
     right: 10px;
        left: 10px;
    }
.body-loaded .announcement-popup {
        top: 0px;
    } 
    .announcement-popup + header {
    margin-top: 15px;
}
.announcement-popup > div {
    flex-direction: column;
}
.ans {
    padding-left: 40px;
}  
.announcement-popup .icon {
    width: 27px;
}   
.announcement-popup p {
    font-size: 14px;
    margin-bottom: 5px !important;
}  
.announcement-popup a {
    font-weight: 300;
}    
.annoucement .email-verification.after-login {
    margin-top: 20px;
}    
    .annoucement h2 {
        line-height: 19px;
        margin-bottom: 15px;
        font-size: 14px;
    } 
.annoucement .email-verification {
    padding: 25px;
}    
.textpages {
    margin-top: 0 !important;
}
.email-verification.after-login.mt-0 {
    margin-top: 20px !important;
}
.tncpages h2 {
    font-size: 25px;
    line-height: 35px;
}
.faq-box ul.accordion {
    padding-left: 0;
}    
.faq-box {
        margin-top: 0;
    }   
.accordion li div {
        padding: 0px 18px 20px;
    }    
    .logo {
    margin-left: 0px;
}
.jump p {
    font-size: 9px;
    padding: 0;
}
.logo-page img {
    padding: 20px 30px;
}    
}