﻿.rupee {
    position: relative;
    display: inline-block;
    padding-left: .6em;
}
footer q{display:none;}
.footer-box-2 h5{display:none;}

.rupee::before {
    content: '₹';
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
    font-weight: normal;
    font-family: arial;
} 
.breadcrumb {
    color: #9b9997;
}
.user-swap-rev {
    display: flex;
}
/*begin::popup UI*/
.popup_left {
    width: 45%;
    display: flex;
    padding: 50px 55px 0px 40px;
    border-radius: 8px 0px 0px 8px;
}

.modal h2 {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 100%;
    padding-right: 20px;
    margin-bottom: 20px;
}
.popup_right {
    width: 55%;
    padding: 40px 50px 40px 50px;
}
.popup_right h2 span {
    font-weight: bold;
}

.popup_right h2 {
    font-size: 24px;
    line-height: 46px;
    margin-bottom: 20px;
    font-weight: 500;
}

.popup-close, .common_close {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 10;
}

    .popup-close::before, .common_close::before {
        left: 50%;
        top: -1px;
        transform: translateX(-50%) rotate(-45deg);
    }

    .popup-close::before, .popup-close::after, .common_close::before, .common_close::after {
        content: '';
        display: inline-block;
        height: 18px;
        width: 2px;
        border-radius: 20px;
        background-color: var(--gry2);
        position: absolute;
    }

    .popup-close::after, .common_close::after {
        right: auto;
        left: 50%;
        top: -1px;
        transform: translateX(-50%) rotate(45deg);
    }

    .popup-close::before, .popup-close::after, .common_close::before, .common_close::after {
        content: '';
        display: inline-block;
        height: 18px;
        width: 2px;
        border-radius: 20px;
        background-color: var(--gry2);
        position: absolute;
    }

/* end::popup UI*/
.np-ico::after {
    position: absolute;
    width: 40px;
    height: 40px;
    content: ' ';
    background-repeat: no-repeat;
}
.np-ico.ico-warning::after {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><path fill="red" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm42-104c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42zm-81.37-211.401l6.8 136c.319 6.387 5.591 11.401 11.985 11.401h41.17c6.394 0 11.666-5.014 11.985-11.401l6.8-136c.343-6.854-5.122-12.599-11.985-12.599h-54.77c-6.863 0-12.328 5.745-11.985 12.599z" ></path></svg>');
}

.np-ico.ico-delete::after {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" ><path fill="grey" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z" ></path></svg>');
}
/* begin::Form Code*/
.wait-overlay-modal {
    position: absolute;
    background-color: rgba(0,0,0,.4);
    height: 100%;
    width: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-error {
    display:none;
    min-height: 50px;
    margin-top: 30px;
    border: 1px solid #ffddd3;
    border-radius: 7px;
    background-color: #fff9f7;
    color: #e30505;
    position: relative;
    align-items: center;
}
    .main-error::before {
        content: ' ';
        background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><path fill="red" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm42-104c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42zm-81.37-211.401l6.8 136c.319 6.387 5.591 11.401 11.985 11.401h41.17c6.394 0 11.666-5.014 11.985-11.401l6.8-136c.343-6.854-5.122-12.599-11.985-12.599h-54.77c-6.863 0-12.328 5.745-11.985 12.599z" ></path></svg>') no-repeat center center;
        display: flex;
        border-right: 1px solid #fbe0d7;
        top: 0;
        bottom: 0;
        position: absolute;
        background-size: 32px;
        width: 60px;
    }

.main-error-txt {
    padding: 10px 75px;line-height:140%;
}
.form-floating {
    margin-top: 30px;
}
    .form-floating > .form-control[disabled] {
        background-color: #f1f1f1;
        color: #aaa;
    }
    .form-floating > .form-control {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: .75rem;
        padding-right: .75rem;
        height: 50px;
        font-weight: 500;
        color: var(--bs-body-color);
        background-color: var(--bs-form-control-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: .375rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        font-size: 14px;
    }
    .form-floating > .error_text {
        width: 100%;
        font-size: 14px;
        color: #d20b12;
        line-height: 16px;
        margin-top: 5px;
        display: block;
        margin-bottom: -10px;
        font-weight: normal;
    }
    .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
        left: 6px;
        top: 0 !important;
        color: var(--gry3);
        opacity: 1;
    }
.form-floating > label {
    width: auto;
    background: var(--white);
    padding: 0px 5px 0px 5px;
    height: auto;
    left: 11px;
    top: 16px;
    font-size: 14px;
    color: var(--placeholder);
    transition: 0.3s;
    font-weight:500;
}
.form-floating > input:focus {
    border-color: #49a939
}

 .other-link {
    text-align: right;
    margin-top: 10px;
}
 .other-link a {
        color: var(--blue);
        font-size: .9em;
        font-weight: 500;
    }

#ModalLogin .terms_conditions p {
    font-size: .8em;
    color: #9b9997;
    margin-top: 10px;
    text-align: center;
}
 .terms_conditions a {
    color: #49a939;
}
.country_mobile {
    display: flex;
}
.country_mobile .country_code {
    width: 80px;
    margin-right: 10px;
}
.input-inst {
    margin-top: 5px;
    display: block;
    color: #888;
    font-size: .85em;
    padding-left: 12px;
}
.otp-msg {
    font-size: .9em;
    color: #49a939;
    background-color: #f0ffee;
    width: 100%;
    padding: 15px 10px;
    display: block;
    border-radius: 7px;
}

/*.resendOtp {
    color: var(--blue);
    padding: 10px 0;
    display: block;
    text-align: right;
    font-weight: 500;
}*/
.resend_sec{color: #666;
padding-top: 10px;}
    .resend_sec span {
        color: var(--blue);
        font-weight: 500;
    }
/* end::Form Code*/
.tab-btns {
    display: flex;
    width: min-content;
    background-color: #f4f9fe;
    border-radius: 30px;
    border: 1px solid #eef4fb;
}

    .tab-btns li {
        display: inline-block;
        width: auto;
        float: left;
        padding-bottom: 0px;
        width: 137px;
    }

        .tab-btns li a {
            font-size: 15px;
            font-weight: 500;
            color: var(--blue);
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            border-radius: 30px;
            cursor:pointer;
        }

            .tab-btns li a:hover {
                color: var(--green2);
            }

            .tab-btns li a.active {
                color: var(--green2);
                font-weight: 600;
                border: solid 1px var(--green2);
                box-shadow: 0 0 10px 0 rgba(73, 169, 57, 0.24);
                background: #fff;
            }
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.footer-box-2 p {
    font-size: .8em;
}
.footer-box-2 > li > ul li a {
    padding: 0;
}
.footer-txt {
    color: #aeb5c2;
    background-color: #f8fcff;
}
    .footer-txt span {
        color: #5f6a81;
    }
.footer-copyright {
    font-size: .72em;
}
.loaded .sm-wrap a {
    display: inline-block;
}
.footer-box > li > a {
    padding-bottom: 20px;
}
.sm-wrap ~ p {
    color: #666;
    margin-bottom: 20px;
}
/*begin::Main style*/
.main-content-wrap {
    box-shadow: 0 -20px 20px 0 rgba(114, 140, 145, 0.03);
    background-image: linear-gradient(#fdfdfd, #fff);
}
.val-up {
    color: var(--green2);
}
.val-down {
    color: var(--bs-danger);
}
.val-flat {
    color: var(--gry2);
}


.pwd-rule-wrap {
    background-color: #f9f9f9;
    padding-bottom: 5px;
    position: absolute;
    width: calc(100% - 40px);
    top: 48px;
    border: 1px solid #eee;
    border-radius: 7px;
    font-size: .75em;
    z-index: 3;
    color: #666;
}

    .pwd-rule-wrap > p {
        padding: 3px 5px 3px 25px;
        position: relative;
    }

        .pwd-rule-wrap > p::before {
            content: ' ';
            background-repeat: no-repeat;
            width: 1em;
            height: 1em;
            position: absolute;
            left: 6px;
            top: 4px;
        }

        .pwd-rule-wrap > p::before {
            background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" > <path fill="red" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"></path> </svg>');
        }

        .pwd-rule-wrap > p.ok::before {
            background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" > <path fill="green" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path> </svg>');
        }
    /*end::Main style*/

/* User Menu */
#user_login_menu {
    width: 280px;
    background: var(--white);
    box-shadow: 0 0 40px 0 rgba(114, 140, 145, 0.1);
    position: absolute;
    right: 0;
    top: 44px;
    z-index: 9;
    border-radius: 5px;
}

.user_links:hover #user_details {
    display: block;
}

.user_icon:hover #user_login_menu {
    display: block;
}

.user_detailsLinks a {
    display: flex;
    padding: 5px 15px 5px 20px;
    align-items: center;
    color: var(--blue);
}

    .user_detailsLinks a:hover strong, .user_detailsLinks a:hover p {
        color: var(--green2);
    }

    .user_detailsLinks a:hover {
        color: var(--green2);
    }

    .user_detailsLinks a img {
        padding-right: 10px;
    }

.user_detailsLinksR strong {
    font-size: 14px;
    font-weight: 500;
    color: var(--blue);
}

.user_detailsLinksR p {
    font-size: 11px;
    color: #9b9997;
}

.userSoc {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    text-align: center;
    font-size: 12px;
}

    .userSoc a {
        color: var(--blue);
    }

        .userSoc a:hover {
            color: var(--green2);
        }

        .userSoc a span {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
            margin: auto;
            background: #f5f5f5;
            width: 44px;
            height: 44px;
        }

            .userSoc a span img {
                display: block;
            }

#user_details .smallTags, #user_login_menu .smallTags {
    background: var(--greenLight3);
    color: var(--green2);
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    padding: 2px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 20px;
}

.user-profile:hover #user_login_menu {
    display: block!important;
}
.header-ico.user-profile {
    background: rgba(59, 182, 204, .1) url(/Content/images/profileIcon.svg) no-repeat center center;
    position: relative;
    cursor: pointer;
}
.header-ico.user-profile{position:relative;}
/* User Menu end */
@media (max-width: 480px) {
    .modal-body .popup_left {
            display: none;
        }
        .modal-body .popup_right {
            width: 100%;
        }
        .pwd-rule-wrap {width:100%;}
}