body {
    font-family: "Open Sans", sans-serif;
    background: #fff;
    color: #1d1d22;
    font-size: 14px;
}

a { color: #3c5096; text-decoration: none;}
a:hover { color: #717ff5; text-decoration: none;}
h1, h2, h3, h4, h5, h6 {  font-family: "Nunito", sans-serif;}

#main {margin-top: 60px; padding: 10px 20px; transition: all 0.3s;}
.pagetitle {margin-bottom: 10px;}
.pagetitle h1 {font-size: 24px; margin-bottom: 0; font-weight: 600; color: #000000;}
.back-to-top { position: fixed; visibility: hidden;  opacity: 0;  right: 15px; bottom: 15px; z-index: 99999; background: #3c5096; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s;}
.back-to-top i {font-size: 24px; color: #fff; line-height: 0;}
.back-to-top:hover {background: #6776f4;  color: #fff;}
.back-to-top.active { visibility: visible; opacity: 1;}

.dropdown-menu {border-radius: 4px; padding: 10px 0;  animation-name: dropdown-animate;  animation-duration: 0.2s;  animation-fill-mode: both;  border: 0; box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);}
.dropdown-menu .dropdown-header, .dropdown-menu .dropdown-footer {text-align: center; font-size: 15px; padding: 10px 25px;}
.dropdown-menu .dropdown-footer a {color: #444444; text-decoration: underline;}
.dropdown-menu .dropdown-footer a:hover {text-decoration: none;}
.dropdown-menu .dropdown-divider {color: #a5c5fe; margin: 0;}
.dropdown-menu .dropdown-item {font-size: 14px; padding: 10px 15px; transition: 0.3s;}
.dropdown-menu .dropdown-item i {margin-right: 10px; font-size: 18px; line-height: 0;}
.dropdown-menu .dropdown-item:hover { background-color: #f6f9ff;}

@keyframes dropdown-animate {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

    0% {
        opacity: 0;
    }
}

.profile5 li {width: 100%; margin: 0px; padding: 0px !important;}
ul { padding: 0px; list-style: none;}
.bg-primary-light { background-color: #cfe2ff;  border-color: #cfe2ff;}
.bg-secondary-light {background-color: #e2e3e5; border-color: #e2e3e5;}
.bg-success-light { background-color: #d1e7dd; border-color: #d1e7dd;}
.bg-danger-light { background-color: #f8d7da; border-color: #f8d7da;}
.bg-warning-light {background-color: #fff3cd; border-color: #fff3cd;}
.bg-info-light { background-color: #cff4fc;  border-color: #cff4fc;}
.bg-dark-light { background-color: #d3d3d4;  border-color: #d3d3d4;}

.card {margin-bottom: 30px;  border: none;  border-radius: 5px; box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);}
.card-header, .card-footer { border-color: #ebeef4;  background-color: #fff;  color: #798eb3; padding: 15px;}
.card-title {padding: 20px 0 15px 0;  font-size: 18px; font-weight: 500; color: #000000; font-family: "Poppins", sans-serif;}
.card-title span {color: #899bbd; font-size: 14px; font-weight: 400;}
.card-body {padding: 0 20px 20px 20px;}
.card-img-overlay {background-color: rgba(255, 255, 255, 0.6);}
.alert-heading {font-weight: 500; font-family: "Poppins", sans-serif; font-size: 20px;}

.btn-close { background-size: 25%;}
.btn-close:focus { outline: 0; box-shadow: none;}

.accordion-item {border: 1px solid #ebeef4;}
.accordion-button:focus { outline: 0; box-shadow: none;}
.accordion-button:not(.collapsed) { color: #000000; background-color: #f6f9ff;}
.accordion-flush .accordion-button {padding: 15px 0; background: none; border: 0;}
.accordion-flush .accordion-button:not(.collapsed) { box-shadow: none; color: #4154f1;}
.accordion-flush .accordion-body { padding: 0 0 15px 0; color: #3e4f6f; font-size: 15px;}

.breadcrumb { font-size: 14px;  color: #899bbd; font-weight: 600;}
.breadcrumb a { color: #899bbd;  transition: 0.3s;}
.breadcrumb a:hover { color: #51678f;}
.breadcrumb .breadcrumb-item::before { color: #899bbd;}
.breadcrumb .active { color: #51678f; font-weight: 600;}
/*.nav-tabs-bordered {
    border-bottom: 2px solid #ebeef4;
}
*/
.nav-tabs-bordered .nav-link { border: none; color: #2c384e;  border: 1px solid #f7f7f7;  background: #f7f7f7; font-family: "Nunito", sans-serif; margin-right: 3px; border-bottom: none;}
.nav-tabs-bordered .nav-link:hover, .nav-tabs-bordered .nav-link:focus { color: #434344;}
.nav-tabs-bordered .nav-link.active {background-color: #3c5096; color: #fff;  border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.nav-tabs-bordered li {margin-right: 2px;}
.tab-content {border: 1px solid #e1dfdf; margin-top: 1px; padding: 0px 10px; }
.nav-tabs-bordered {border-bottom: none;}


.flex-fill {
    margin: 5px;
}
.top_ll2 { background: #000000; height: 40px; margin-top: 14px; width: 300px; float: left; position: fixed; z-index: 999;}
.logo { line-height: 1;}
.logo img {max-height: 75px; margin: auto; padding: 3px;}
.logo span { font-size: 26px; font-weight: 700; color: #000000;}

.header { transition: all 0.5s; z-index: 997;  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1); background-color: #000000;}
.header .toggle-sidebar-btn {font-size: 32px;  padding-left: 0px; cursor: pointer; color: #fff; margin-left: -8px; }
.header .search-bar { min-width: 250px;  padding: 0 20px;}
.header .search-form {width: 100%;}
.header .search-form input { border: 0;  font-size: 14px; color: #000000; border: 1px solid rgba(1, 41, 112, 0.2);  padding: 7px 38px 7px 8px; border-radius: 3px; transition: 0.3s; width: 100%;}
.header .search-form input:focus, .header .search-form input:hover { outline: none;  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);  border: 1px solid rgba(1, 41, 112, 0.3);}
.header .search-form button {border: 0; padding: 0; margin-left: -30px; background: none;}
.header .search-form button i {color: #000000;}
.header-nav ul {list-style: none;}
.header-nav > ul { margin: 0;  padding: 0;}
.header-nav .nav-icon { font-size: 15px; color: #fff; margin-right: 15px; position: relative;}
.header-nav .nav-profile {color: #fff;}
.header-nav .nav-profile img {max-height: 24px;}
.header-nav .nav-profile span {font-size: 14px; font-weight: 600;}
.header-nav .badge-number {position: absolute; inset: -10px -7px auto auto; font-weight: normal; font-size: 13px; padding: 3px 6px;}
.header-nav .notifications {inset: 8px -15px auto auto !important;}
.header-nav .notifications .notification-item {display: flex; align-items: center; padding: 15px 10px; transition: 0.3s;}
.header-nav .notifications .notification-item i {margin: 0 20px 0 10px; font-size: 24px;}
.header-nav .notifications .notification-item h4 {font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.header-nav .notifications .notification-item p {font-size: 13px; margin-bottom: 3px; color: #919191;}
.header-nav .notifications .notification-item:hover {background-color: #f6f9ff;}
.header-nav .messages {inset: 8px -15px auto auto !important;}
.header-nav .messages .message-item { padding: 15px 10px; transition: 0.3s;}
.header-nav .messages .message-item a {display: flex;}
.header-nav .messages .message-item img { margin: 0 20px 0 10px; max-height: 40px;}
.header-nav .messages .message-item h4 {font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #444444;}
.header-nav .messages .message-item p {font-size: 13px; margin-bottom: 3px; color: #919191;}
.header-nav .messages .message-item:hover {background-color: #f6f9ff;}
.header-nav .profile { min-width: 250px; padding-bottom: 0; top: 8px !important; background-color: #000000;}
.header-nav .profile .dropdown-header h6 { font-size: 18px;  margin-bottom: 0; font-weight: 600; color: #444444;}
.header-nav .profile .dropdown-header span { font-size: 14px;}
.header-nav .profile .dropdown-item {padding: 8px 15px; transition: 0.3s; font-weight: 600; border-bottom: 1px solid #ede4e4; color: #fff; font-size: 13px;}
.header-nav .profile .dropdown-item i {margin-right: 10px; font-size: 17px; line-height: 0; color: #fff; font-weight: bold;}
.header-nav .profile .dropdown-item:hover {background-color: #72c356; color: #fff;}
.header-nav .profile .dropdown-item:hover i { color: #fff;}

.sidebar {position: fixed; top: 105px; left: 0; bottom: 0; width: 300px; z-index: 996;  padding: 15px 2px; overflow-y: auto; box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);  background-color: #000000;}
.sidebar::-webkit-scrollbar { width: 5px; height: 8px; background-color: #fff;}
.sidebar::-webkit-scrollbar-thumb {background-color: #aab7cf;}
.sidebar-nav {padding: 0; margin: 0; list-style: none; margin-top: 5px;}
.sidebar-nav li {padding: 0; margin: 0; list-style: none; /*border-bottom: 1px solid #ccc;*/}
.sidebar-nav li a { padding: 8px 15px; color: #fff; font-weight: 600;}
.sidebar-nav .nav-item { margin-bottom: 0px; border-bottom: 1px solid #959595;}
.sidebar-nav .nav-heading {font-size: 11px; text-transform: uppercase; color: #899bbd; font-weight: 600; margin: 10px 0 5px 15px;}
.sidebar-nav .nav-link { display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #fff; transition: 0.3; background: #48643b;}
.sidebar-nav .nav-link i {font-size: 18px; margin-right: 10px; color: #fff;}
.sidebar-nav .nav-link.collapsed { color: #fff; background: transparent;}
.sidebar-nav .nav-link.collapsed i {color: #fff;}
.sidebar-nav .nav-link:hover {color: #fff;}
.sidebar-nav .nav-link:hover i {color: #fff;}
.sidebar-nav .nav-link .bi-chevron-down {margin-right: 0; transition: transform 0.2s ease-in-out;}
.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {transform: rotate(180deg);}
.sidebar-nav .nav-content {padding: 5px 0 0 0; margin: 0; list-style: none; background: #30417e;}
.sidebar-nav .nav-content li a {display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #fff; transition: 0.3; padding: 8px 0 8px 10px; transition: 0.3s;  border-bottom: 1px solid #6e6767; width: 100%;}
.sidebar-nav .nav-content li a:hover, .sidebar-nav .nav-content li a.active {color: #75c152;}
.sidebar-nav .nav-content li a.active i {background-color: #4154f1;}
.sidebar-nav .nav-content li a:hover, .sidebar-nav .nav-content li a.active {color: #fff; background: #48643b;}
.sidebar-nav .nav-content li a i {font-size: 4px; margin-right: 8px; line-height: 0; border-radius: 100%; background: #72c356; border: 1px solid #72c356;}


.main table.dataTable > tbody > tr {text-align: left;}
.dashboard .filter {position: absolute; right: 0px; top: 15px;}
.dashboard .filter .icon { color: #aab7cf; padding-right: 20px; padding-bottom: 5px; transition: 0.3s; font-size: 16px;}
.dashboard .filter .icon:hover, .dashboard .filter .icon:focus {color: #4154f1;}
.dashboard .filter .dropdown-header { padding: 8px 15px; }
.dashboard .filter .dropdown-header h6 { text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 1px; color: #aab7cf; margin-bottom: 0; padding: 0;}
.dashboard .filter .dropdown-item {padding: 8px 15px;}
.dashboard .info-card {padding-bottom: 10px;}
.dashboard .info-card h6 {font-size: 28px; color: #000000; font-weight: 700; margin: 0; padding: 0;}
.dashboard .card-icon {font-size: 25px; line-height: 0; width: 50px; height: 50px; flex-shrink: 0; flex-grow: 0;}
.dashboard .sales-card .card-icon {color: #4154f1; background: #f6f6fe;}
.dashboard .revenue-card .card-icon {color: #2eca6a; background: #e0f8e9;}
.dashboard .customers-card .card-icon {color: #ff771d; background: #ffecdf;}
.dashboard .activity {font-size: 14px;}
.dashboard .activity .activity-item .activite-label {color: #888; position: relative; flex-shrink: 0; flex-grow: 0; min-width: 64px;}
.dashboard .activity .activity-item .activite-label::before {content: ""; position: absolute; right: -11px; width: 4px; top: 0; bottom: 0; background-color: #eceefe;}
.dashboard .activity .activity-item .activity-badge {margin-top: 3px; z-index: 1; font-size: 11px; line-height: 0; border-radius: 50%; flex-shrink: 0; border: 3px solid #fff; flex-grow: 0;}
.dashboard .activity .activity-item .activity-content {padding-left: 10px; padding-bottom: 20px;}
.dashboard .activity .activity-item:first-child .activite-label::before {top: 5px;}
.dashboard .activity .activity-item:last-child .activity-content {padding-bottom: 0;}
.dashboard .news .post-item + .post-item {margin-top: 15px;}
.dashboard .news img { width: 53px; float: left; border-radius: 5px;}
.dashboard .news h4 {margin-left: 68px; font-weight: bold; margin-bottom: 5px; }
.dashboard .news h4 a {color: #000000; transition: 0.3s;}
.dashboard .news h4 a:hover {color: #4154f1; }
.dashboard .news p {color: #777777; margin-left: 68px;}
.dashboard .recent-sales {font-size: 14px;}
.dashboard .recent-sales .table thead {background: #f6f6fe;}
.dashboard .recent-sales .table thead th {border: 0;}
.dashboard .recent-sales .dataTable-top {padding: 0 0 10px 0;}
.dashboard .recent-sales .dataTable-bottom {padding: 10px 0 0 0;}
.dashboard .top-selling {font-size: 14px;}
.dashboard .top-selling .table thead {background: #f6f6fe;}
.dashboard .top-selling .table thead th {border: 0;}
.dashboard .top-selling .table tbody td {vertical-align: middle;}
.dashboard .top-selling img {border-radius: 5px; max-width: 60px;}

.iconslist {display: grid; max-width: 100%; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));  gap: 1.25rem; padding-top: 15px;}
.iconslist .icon {background-color: #fff; border-radius: 0.25rem; text-align: center; color: #000000; padding: 15px 0;}
.iconslist i {margin: 0.25rem; font-size: 2.5rem;}
.iconslist .label {font-family: var(--bs-font-monospace); display: inline-block;  width: 100%; overflow: hidden; padding: 0.25rem; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; color: #666;}

.profile .profile-card img { max-width: 120px;}
.profile .profile-card h2 {font-size: 24px; font-weight: 700; color: #2c384e; margin: 10px 0 0 0;}
.profile .profile-card h3 {font-size: 18px;}
.profile .profile-card .social-links a { font-size: 20px;  display: inline-block;  color: rgba(1, 41, 112, 0.5); line-height: 0; margin-right: 10px;  transition: 0.3s;}
.profile .profile-card .social-links a:hover {color: #000000;}
.profile .profile-overview .row {margin-bottom: 20px; font-size: 15px;}
.profile .profile-overview .card-title {color: #000000;}
.profile .profile-overview .label {font-weight: 600; color: rgba(1, 41, 112, 0.6);}
.profile .profile-edit label {font-weight: 600; color: rgba(1, 41, 112, 0.6);}
.profile .profile-edit img { max-width: 120px;}

.figure22 img {height:350px;}

.faq .basic h6 {
    font-size: 18px;
    font-weight: 600;
    color: #4154f1;
}

.faq .basic p {
    color: #6980aa;
}

.contact .info-box {
    padding: 28px 30px;
}

    .contact .info-box i {
        font-size: 38px;
        line-height: 0;
        color: #4154f1;
    }

    .contact .info-box h3 {
        font-size: 20px;
        color: #000000;
        font-weight: 700;
        margin: 20px 0 10px 0;
    }

    .contact .info-box p {
        padding: 0;
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }

.contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
}

.contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
}

.contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
}

    .contact .php-email-form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        animation: animate-loading 1s linear infinite;
    }

.contact .php-email-form input, .contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-radius: 0;
}

    .contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
        border-color: #4154f1;
    }

.contact .php-email-form input {
    padding: 10px 15px;
}

.contact .php-email-form textarea {
    padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
    background: #4154f1;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
}

    .contact .php-email-form button[type=submit]:hover {
        background: #5969f3;
    }

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.error-404 {
    padding: 30px;
}

    .error-404 h1 {
        font-size: 180px;
        font-weight: 700;
        color: #4154f1;
        margin-bottom: 0;
        line-height: 150px;
    }

    .error-404 h2 {
        font-size: 24px;
        font-weight: 700;
        color: #000000;
        margin-bottom: 30px;
    }

    .error-404 .btn {
        background: #51678f;
        color: #fff;
        padding: 8px 30px;
    }

        .error-404 .btn:hover {
            background: #3e4f6f;
        }
.data_complaint tbody, td, tfoot, th, thead, tr {
    padding: 5px 10px; font-size: 13px;
    white-space: nowrap;
}
.footer .credits {
    padding: 5px 0px;
    text-align: center;
    font-size: 13px;
}

    .footer .credits a {
        color: #72c356;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
    }

.footer {
    background: #000000;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 999;
}

.footer2 {
    position: inherit;
}
/*==========deepak===========*/
.content {
    position: relative;
    min-height: 100vh;
    /*padding-bottom: 39px;
    */
}

.btn-primary {
    background-color: #66023C;
    border: 1px solid #66023C !important;
}

    .btn-primary:hover {
        background: #EAAE31;
        border: 1px solid #EAAE31 !important;
    }

.form-control:focus {
    box-shadow: none;
    border-color: #72c557;
}

.form-control {
    height: 38px;
    border: 1px solid #9d9f9b !important;
    font-size: 14px;
}
.wb {width: 150px !important;}
.wb1 {width: 200px !important;}


    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }

textarea.form-control {
    height: 100px !important;
    border: 1px solid #848682;
}

.Kyc-Update .form-control {
    height: 39px;
}
/*-------Social css--------*/
.loginBg .logo img {
    max-height: inherit;
}

.flowwUP {
    padding-left: 0px;
}

    .flowwUP li i {
        font-size: 18px;
    }

    .flowwUP li {
        text-align: center;
        width: 40px;
        height: 40px;
        border-radius: 100px;
        padding-top: 8px;
        list-style: none;
        float: left;
        margin: 0 3px 0 0px;
    }

        .flowwUP li:hover {
            background-color: #78c14d;
        }

            .flowwUP li:hover a {
                color: #fff;
            }

        .flowwUP li a {
            color: #fff;
        }

.social {
    opacity: 0;
    position: relative;
    width: 40px;
    height: 40px;
    color: #FFF;
    font-size: 17px;
    text-align: center;
}

    .social i {
        color: #fff;
        padding-top: 12px;
    }

.twitter {
    background: #00aced;
}

.facebook {
    background: #3b5998;
}

.youtube {
    background: #bb0000;
}

.instagram {
    background: #f44f8c;
}

.linkedin {
    background: #0077b5;
}

.social:hover {
    background: #000;
}
/*-------Register css--------*/
.loginBg h5:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: #78c14e;
    margin: 8px auto;
}

.register-container .top___bg .menu {
    margin: auto;
    display: block;
    width: 100%;
}

.register-container .top___bg .logo {
    display: none;
}

.register-container .Join_Galway_bg {
    background: #a5a5a5;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.step-wizard {
    margin-top: 6px;
    display: inline-block;
    position: relative;
    width: 100%;
}

    .step-wizard .progress {
        position: absolute;
        top: 15px;
        left: 0;
        width: 100%;
        background-color: transparent;
        border-radius: 0px;
    }

    .step-wizard .progressbar {
        position: absolute;
        background-color: #649545;
        opacity: 1;
        height: 3px;
        width: 0%;
        -webkit-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

        .step-wizard .progressbar.empty {
            opacity: 1;
            width: 100%;
            background-color: #d0d0d0;
        }

    .step-wizard ul {
        position: relative;
        width: 100%;
        list-style-type: none;
        padding: 0;
        left: 0;
        margin: 0px;
    }

    .step-wizard li {
        display: inline-block;
        text-align: center;
        width: 13.9%;
    }

        .step-wizard li .step {
            text-align: center;
            display: inline-block;
            font-size: 16px;
            font-weight: bold;
            line-height: 26px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 3px solid;
            border-color: #d0d0d0;
            background: #ffffff;
            -webkit-transition: background-color 0.6s ease, border-color 0.6s ease;
            -o-transition: background-color 0.6s ease, border-color 0.6s ease;
            transition: background-color 0.6s ease, border-color 0.6s ease;
        }

        .step-wizard li.active .step {
            border-color: #649545;
            color: #649545;
        }

        .step-wizard li.active .title {
            text-decoration: none;
            color: #649545;
            font-weight: bold;
        }

        .step-wizard li.done .step {
            color: white;
            background-color: #649545;
            border-color: #649545;
        }

        .step-wizard li span {
            display: table;
            font-weight: 600;
            font-size: 14px;
            padding-top: 0px;
            margin: auto;
            color: #000;
        }

        .step-wizard li.active span {
            color: #649545;
        }

li.done .step {
    font-size: 0;
}

    li.done .step::before {
        content: "\2713";
        font-size: 18px;
    }

.contact_details_bg2 {
    width: 60%;
    margin: auto;
}

.btbx {
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    float: left;
    margin: 10px 0px;
    padding: 15px 15px 15px 15px;
    width: 100%;
}

.contBG {
    width: 375px;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    display: table;
}

    .contBG .left_side {
        width: 21%;
        text-align: center;
        float: left;
    }

        .contBG .left_side img {
            width: 25px;
        }

        .contBG .left_side .border_bg {
            border: 1px solid #000;
            margin-top: 10px;
        }

            .contBG .left_side .border_bg img {
                width: 100%;
            }

.btx {
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.right_side .title_text {
    font-weight: 600;
    font-size: 15px;
}

    .right_side .title_text span {
        display: block;
    }

.right_side ul {
    margin-left: 23%;
    margin-top: 10px;
}

    .right_side ul li {
        line-height: 25px;
        font-weight: 500;
        font-size: 16px;
    }

.title_000 {
    font-weight: 600;
    font-size: 24px;
}

    .title_000:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #ef0a0a;
        margin-top: 8px;
    }

.title_0000 {
    font-weight: 600;
    padding: 3px 0 5px 0px;
}

    .title_0000 span {
        color: #ef0a0a;
    }

.left_side2 img {
    width: 70px !important;
}

.left1 {
    padding: 15px 0px;
}

    .left1 p {
        font-weight: 600;
        font-size: 14px;
        padding: 0 10px;
        margin: 0px;
    }

._box-_3 label {
    padding-right: 20px;
}

.checkbox1_5 {
    width: 30px;
    height: 20px;
    float: left;
    margin-top: 2px;
    position: absolute;
    left: 8px;
}

.circle_2 {
    float: left;
    width: 100%;
}

    .circle_2 li {
        float: left;
        width: 48%;
        margin-right: 5px;
        position: relative;
        border: 1px solid #000;
        padding: 5px;
    }

        .circle_2 li .circle2 {
            width: auto;
            height: auto;
            cursor: inherit;
            border: 1px solid #ededed;
        }

        .circle_2 li p {
            position: absolute;
            bottom: 32px;
            text-align: center;
            left: 14%;
        }

.circle3 {
    width: 150px;
    height: 150px;
    margin: auto;
}
/* .file-upload {
     display: none;
}
 */
 .file-upload_1 {
     display: none;
}
 
.circle {
    overflow: hidden;
    width: 13%;
    height: 100%;
    
    position: relative;
    transition: all .3s;
    margin: auto;
    top: 0px;
    left: 0px;
}

    .circle:hover {
        background-color: #909090;
        cursor: pointer;
    }

    .circle img {
        height: 100px;
        padding: 5px 0px;
        min-height: auto;
        margin: auto;
        display: block;
    }

.trash_button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #5a5a5a;
    color: #fff;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100px;
    padding-top: 3px;
    font-size: 12px;
    cursor: pointer;
}

#middle-wizard {
    padding: 0px 15px;
    height: 58vh !important;
    overflow-y: auto;
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

#bottom-wizard {
    text-align: center;
    margin-top: 10px;
}

.backward {
    padding: 2px 20px 2px 30px !important;
}

    .backward:before {
        content: "";
        position: absolute;
        font-weight: normal;
        top: 11px;
        left: 16px;
        width: 8px;
        height: 8px;
        border-top: 1px solid white;
        border-right: 1px solid white;
        transform: rotate(-135deg);
    }

button[disabled].backward, button[disabled].forward {
    border: none;
    background: #ccc;
    outline: none;
}

.backward:before {
    content: "";
    position: absolute;
    font-weight: normal;
    top: 9px;
    left: 16px;
    width: 8px;
    height: 8px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(-135deg);
}

.forward {
    padding: 2px 30px 2px 20px !important;
}

    .forward:before {
        content: "";
        position: absolute;
        font-weight: normal;
        top: 9px;
        right: 14px;
        width: 8px;
        height: 8px;
        border-top: 1px solid white;
        border-right: 1px solid white;
        transform: rotate(45deg);
    }

.backward, .forward {
    border: none;
    color: #fff;
    padding: 7px 20px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    border-radius: 100px !important;
}

.sponsor_text5 label {
    font-weight: 600 !important;
    color: #161616 !important;
    border-bottom: 1px dotted !important;
    padding: 0px 10px !important;
    margin: 0 !important;
    font-size: 12px !important;
}

.sponsor_text {
    width: 85%;
    float: left;
    margin-right: 10px;
}

.accordion-button101 {
    padding: 9px 15px !important;
    background: #4caf50 !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
}


.direct-Seller {
    width: 100%;
}

.applicant_title {
    margin-bottom: 25px !important;
    margin: 0;
}

    .applicant_title li {
        line-height: 35px !important;
    }

        .applicant_title li:before {
            display: none !important;
        }

        .applicant_title li .ddd4 {
            float: left;
            width: 51%;
            text-align: right;
            font-weight: 700;
            padding-right: 25px;
            font-size: 14px;
        }

        .applicant_title li .ddd1 {
            font-size: 12px;
            font-weight: 700;
        }

.sponsor_details {
    position: relative;
}

    .sponsor_details label {
        font-weight: 600;
        font-size: 15px;
        color: #161616;
        margin-bottom: 0.5rem;
    }

        .sponsor_details label span {
            font-size: 15px;
            font-weight: 900;
        }

.aadharno .checkbox1 {
    width: 30px;
    height: 20px;
    float: left;
    margin-top: 2px;
    position: absolute;
    left: 8px;
}

.aadharno {
    position: relative;
    display: table;
    margin-bottom: 10px;
    padding-left: 40px;
}

    .aadharno span {
        position: absolute;
        left: 0;
    }

.languageBg {
    position: absolute;
    right: 0;
    top: 10px;
    padding: 2px 10px;
    border-radius: 5px;
    border: 1px solid #5ab862;
    z-index: 1;
}

.sponsor_details5 .languageBg {
    float: right;
    right: 24px;
    top: 26px;
}

.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
    padding-top: 8px;
    padding-left: 8px;
    border-radius: 5px;
    border: 1px solid #848682;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 22px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 3px;
}

.contact_details_bg_0121 {
    width: 75%;
}

.contact_details_bg {
    margin: auto;
}

.contact_details {
    float: left;
    width: 100%;
}

    .contact_details label {
        display: inline-block;
        width: 100%;
    }

    .contact_details .form-control {
        width: 66%;
        float: left;
    }

    .contact_details .btn-primary {
        float: left;
        padding: 9px 20px;
        margin-left: 4px;
        width: 32%;
    }

.Verification-box1 {
    margin: 0 2px;
    width: 24% !important;
}

.cckd {
    float: right;
    font-weight: 600;
    font-size: 13px;
    padding-right: 15px;
}

.terms-conditions_text li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
}

    .terms-conditions_text li span {
        position: absolute;
        left: 0;
        font-weight: 600;
    }

    .terms-conditions_text li b {
        font-weight: 700;
    }

.pinkBg {
    background: #000000;
}

    .pinkBg .terms-conditions_text li {
        padding: 7px 0px;
        line-height: 21px;
        text-align: center;
        font-weight: normal;
    }
/*-----------------*/
.dash_title:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: #78c14e;
    margin: 8px 0;
}

.newsglow {
    position: relative;
}

    .newsglow:before {
        content: " ";
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, .03)), color-stop(30%, rgba(255, 255, 255, .85)), color-stop(50%, rgba(255, 255, 255, .85)), color-stop(70%, rgba(255, 255, 255, .85)), color-stop(71%, rgba(255, 255, 255, .85)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
        width: 15%;
        height: 100%;
        transform: skew(-10deg, 0deg);
        -webkit-transform: skew(-10deg, 0deg);
        -moz-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        -o-transform: skew(-10deg, 0deg);
        animation: move 2s;
        animation-iteration-count: infinite;
        animation-delay: 1s;
        -webkit-animation: move 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-delay: 1s;
        -moz-transform: skew(-10deg, 0deg);
        -moz-animation: move 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-delay: 1s;
        -ms-transform: skew(-10deg, 0deg);
        -ms-animation: move 2s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-delay: 1s;
        -o-transform: skew(-10deg, 0deg);
        -o-animation: move 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-delay: 1s
    }

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}

@-webkit-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}

@-moz-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 88%
    }
}

@-ms-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}

@-o-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}

.datatable-table thead tr th {
    background-color: #3c5096 !important;
    color: white;
    padding: 10px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
}

.Progress_Details {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

    .Progress_Details li {
        float: left;
        width: 48%;
        line-height: 25px;
        padding-left: 10px;
    }

        .Progress_Details li strong {
            font-size: 13px;
            padding-right: 10px;
        }

        .Progress_Details li span {
            font-size: 13px;
        }
/*------- E-Cheque--------*/
.dd {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.white-Bg {
    background: #fff;
}

.mt50 {
    margin: 50px 0px;
}

.mt20 {
    margin-top: 10px;
}

.pt40 {
    padding: 30px 0px;
}

.pl20 {
    padding: 0 20px;
}

.pt20 {
    padding: 20px;
}

.gggggg {
    width: 100%;
    display: table;
}

.hex {
    background: #fafae2;
    display: table;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
}

.chequeBg {
    padding-top: 15px;
}

.cheque_logo_bg {
    float: left;
}

    .cheque_logo_bg img {
        width: 320px;
    }

.date_bg {
    text-align: right;
    float: right;
}

    .date_bg .date_title {
        font-weight: 500;
        width: 50px;
        margin: 0;
        padding: 0;
        line-height: 16px;
        margin-right: 5px;
        font-size: 13px;
    }

.date_input {
    float: right;
}

    .date_input .form-control {
        width: 25px;
        float: left;
        padding: 0px;
        height: 25px;
        margin-right: 1px;
        border-radius: 0px;
        padding-top: 2px;
        border: 1px solid #a19d9d;
        text-align: center;
        margin-bottom: 0px;
    }

.date_bg .dd_box span {
    text-align: center;
    font-weight: 600;
    width: 26px;
    float: left;
}

.dd_box {
    float: right;
    margin-top: -8px;
}

.sponsor_text201 {
    padding-left: 55px;
    padding-top: 17px;
}

    .sponsor_text201 label {
        font-weight: 600;
        color: #434344;
        border-bottom: 1px dotted;
        padding: 0px 25px;
    }

    .sponsor_text201 p {
        margin: 0px;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 22px;
        color: black !important
    }

        .sponsor_text201 p span {
            font-weight: 600;
            float: left;
            font-size: 16px;
        }

        .sponsor_text201 p .form-control {
            border: none;
            background: none;
            border-bottom: 2px dotted #000;
            border-radius: 0px;
            width: 70%;
            float: left;
            margin-top: -7px;
            font-size: 20px;
            font-weight: 600;
            text-align: left;
            height: 35px;
        }

    .sponsor_text201 .form-control:focus {
        box-shadow: none;
    }

.left_rupees {
    width: 64%;
    float: left;
}

    .left_rupees .form-control {
        width: 88% !important;
    }

    .left_rupees p {
        margin-bottom: 41px;
    }

.right_rupees {
    float: left;
    width: 30%;
    position: relative;
}

    .right_rupees .form-control {
        background: none;
        border: 1px solid #000;
        margin-top: 6px;
        height: 62px;
        padding-top: 14px;
        border-radius: 0px;
        text-align: left;
        font-weight: 600;
        font-size: 24px;
        padding-left: 45px;
    }

    .right_rupees img {
        position: absolute;
        top: 24px;
        width: 20px;
        margin-left: 16px;
    }

.footer_bf img {
    width: 400px;
    margin: auto;
    text-align: center;
    display: block;
    margin-top: 5px;
    padding-bottom: 6px;
}

.number_left {
    font-weight: 500;
    font-size: 11px;
    transform: translateX(0) rotate(-90deg);
    position: absolute;
    left: -103px;
    margin-top: 18px;
    position: absolute;
    top: 111px;
}

.number_right img {
    width: 25px;
    position: absolute;
    right: 10px;
    height: 198px;
    top: 40px;
}

.VALID {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    margin-top: -19px;
}

.npBg {
    width: 100%;
    padding: 0px 30px;
    float: left;
}

    .npBg .npBg_left img {
        width: 230px;
        float: left;
        margin-top: 5px;
        margin-left: 20px;
    }

    .npBg .npBg_Right img {
        width: 228px;
        margin-right: 39px;
        margin-top: 0px;
        float: right;
    }

    .npBg .npBg_Right2 img {
        width: 228px;
        margin-right: 39px;
        margin-top: 0px;
        float: right;
    }

.VALID1 {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
}

.dha .form-control {
    width: 78% !important;
}

.dha {
    margin-bottom: 0px !important;
}

.left_rupees .form-control {
    font-size: 20px !important;
}

.close {
    position: absolute;
    right: 0px;
    top: 0px;
}

.text {
    overflow: inherit !important;
}

.download {
    margin-bottom: 5px;
    background: #79d14d;
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.E-Gift-Voucher .tab-content {
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin-top: 1px;
}

.E-Gift-Voucher .nav-tabs-bordered {
    border-bottom: none;
}

    .E-Gift-Voucher .nav-tabs-bordered .nav-link {
        border-bottom: none;
    }

    .E-Gift-Voucher .nav-tabs-bordered .nav-item {
        background: #f1f1f1;
        margin-right: 2px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.aadharno2 .checkbox1 {
    left: 0;
}

.aadharno2 {
    padding-left: 30px;
}

.vid-wrapper {
    text-align: center;
    padding: 20px;
}

.vid {
    vertical-align: top;
    position: relative;
}

    .vid::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

h2.vid-head {
    font-size: 18px;
    margin: 0;
    padding: 5px 0px;
    font-weight: 500;
}

.video-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    background: rgba(0, 0, 0, .8);
    cursor: pointer;
    display: none !important;
}

    .video-popup.show-video {
        display: flex !important;
    }

.iframe-wrapper {
    position: relative;
    width: 50%;
}

    .iframe-wrapper .close-video {
        content: '';
        position: absolute;
        width: 32px;
        height: 32px;
        top: -18px;
        right: 0;
        background: #fff;
        border-radius: 50%;
        background-size: cover;
    }

._video2 {
    width: 100%;
    height: 520px;
}

.iframe-wrapper .close-video:before {
    content: "\f659";
    font-family: bootstrap-icons !important;
    color: #3c5096;
    margin-top: 6px;
    padding-left: 9px;
    display: block;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background: #983934;
    border-radius: 5px;
}

.form-check-Box .form-check {
    float: left;
}

.apexcharts-yaxis-title {
    display: none;
}

.border2 {
    border: 2px dotted #000000;
}

.info-card .card-body {
    padding: 0 15px 0px 15px;
}

.info-card p {
    font-size: 12px;
    font-weight: 600;
}

.border2:hover {
    background: #75c152;
    color: #fff;
    border: 2px dotted #75c152;
    cursor: pointer;
}

    .border2:hover .card-icon {
        background: #fff !important;
        color: #000 !important;
    }

.dashboard2 .card-icon {
    color: #fff !important;
    background: #3c5096 !important;
}

/*.dashboard2 .card {
    margin-bottom: 20px;
}*/

.Current th, td {
    font-size: 13px;
    font-weight: 600;
}

.Selling-Box {
    overflow: hidden;
    overflow-y: scroll;
}

.Selling-Box img {
    width: 32px;
    border-radius: 0px !important;
}

.Selling-Box2 {
    overflow: hidden;
    overflow-y: scroll;
    height: 279px;
}




ul {
    list-style: none;
}

.caret {
    cursor: pointer;
    user-select: none;
    font-family: "Nunito", sans-serif;
    color: #3c5096;
    font-weight: 700;
    font-size: 13px;
}

    .caret::before {
        content: "\f280";
        font-family: bootstrap-icons !important;
        color: #3c5096;
        display: inline-block;
        margin-right: 5px;
        position: absolute;
        left: 0px;
    }

.caret-down::before {
    transform: rotate(90deg);
}

.outer li {
    position: relative;
    padding-left: 15px;
    line-height: 25px;
}

.tree li {
    position: relative;
    padding-left: 15px;
    line-height: 30px;
}

    .tree li::before {
        content: "\f4da";
        font-family: bootstrap-icons !important;
        position: absolute;
        left: 0px;
    }

    .tree li a {
        font-size: 13px;
        color: #434344;
        font-weight: 700;
    }

.nested {
    display: none;
}

.active {
    display: block;
}

.outer {
    max-height: 680px;
    overflow: hidden;
    overflow-y: scroll;
}

.tree li a:hover {
    color: #75c152;
}

.pl {
    padding: 0 15px;
}

.wrapper {display: inline-flex; list-style: none;}
.wrapper li i {font-size: 22px; padding-top: 6px;}
.wrapper .icon {position: relative; border-radius: 5px; padding: 2px; margin: 2px; width: 40px; height: 40px;  font-size: 18px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.wrapper .tooltip { position: absolute; top: 0; padding: 5px 8px; border-radius: 5px;  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);  opacity: 0;  pointer-events: none;  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.wrapper .tooltip::before {position: absolute; content: ""; height: 8px; width: 8px; background: #ffffff; bottom: -3px; left: 50%; transform: translate(-50%) rotate(45deg); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}

.wrapper .icon:hover .tooltip {top: -45px; opacity: 1; visibility: visible; pointer-events: auto;}
.wrapper li a {color: #fff;}
.wrapper .icon:hover span, .wrapper .icon:hover .tooltip { text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);  }
.wrapper .facebook {background: #1877F2; color: #ffffff; }
.wrapper .facebook:hover, .wrapper .facebook:hover .tooltip, .wrapper .facebook:hover .tooltip::before {  background: #1877F2;  color: #ffffff;}
.wrapper .twitter { background: #1DA1F2; color: #ffffff; }
.wrapper .twitter:hover, .wrapper .twitter:hover .tooltip, .wrapper .twitter:hover .tooltip::before { background: #1DA1F2; color: #ffffff; }
.wrapper .instagram { background: #E4405F; color: #ffffff;}
.wrapper .instagram:hover, .wrapper .instagram:hover .tooltip, .wrapper .instagram:hover .tooltip::before { background: #E4405F;  color: #ffffff;}
.wrapper .linkedin { background: #0077b5;  color: #ffffff;}
.wrapper .linkedin:hover, .wrapper .linkedin:hover .tooltip, .wrapper .linkedin:hover .tooltip::before { background: #0077b5;  color: #ffffff;}
.wrapper .youtube {background: #CD201F; color: #ffffff; }
.wrapper .youtube:hover, .wrapper .youtube:hover .tooltip, .wrapper .youtube:hover .tooltip::before { background: #CD201F; color: #ffffff;}

.dddd {height: 278px;}
.ddd {height: 420px; padding-bottom: 15px;}

.dash_icon_right {height: 200px;}
.dash_icon_right {font-size: 14px;}
.dash_icon_right p {font-size: 13px; font-weight: 600;}

.main-password {position: relative;}
.icon-view { position: absolute; right: 12px; top: 6px;}
.icon-view i {font-size: 20px; font-weight: bold;}
.icon_bg {border-radius: 100px; width: 50px; height: 50px;  margin: auto; background: #000000;}
.icon_bg i {font-size: 25px; padding-top: 5px; display: block;}

.bg-primary2 {background: #000000;}
.modal-body5 { margin: auto;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: -webkit-gradient(linear, left top, right top, color-stop(28.12%, #9a3935), to(#000000));  background: -webkit-linear-gradient(left, #9a3935.12%, #000000); background: -moz-linear-gradient(left, #9a3935.12%, #000000 100%); background: linear-gradient(90deg, #9a3935 28.12%, #000000);  border: 1px solid #9a3935;}
.btn-primary4 { background-color: #000000; border: 1px solid #000000 !important;}
.side_right_scroll { height: 90vh; overflow: hidden; overflow-y: scroll;}
.side_right_scroll img {width: 100%;}

.form-check2 {margin: auto; display: table;}
.franchise {padding: 15px 15px 0px 15px;}
.franchise a {color: #525252; text-decoration: none;}
.franchise .franchise_line { border: 1px solid #bbbbbb; padding: 40px; margin-bottom: 25px;}
.franchise .franchise_line img {max-height: 35px; display: block; margin: auto; margin-bottom: 15px;}
.franchise .franchise_line strong { font-weight: normal;}
.franchise .franchise_line:hover {background: #1e3577;  color: #fff;}

.Mobile:after { content: ''; display: block; width: 70px; height: 3px; background: #78c14e; margin: 8px 0px;}
._bg_overlay { position: absolute; width: 100%; top: 0px; bottom: 0px;  left: 0; right: 0;}
._bg_overlay.black2 { background-color: rgba(0, 0, 0, 0.3);}
/*.PASSWORD_bg img {
     width: 250px;
     position: relative;
     top: 50%;
     transform: translateY(40%);
     left: 19%;
}
 */
.PASSWORD_bg { margin: auto;}
.PASSWORD_bg img { width: 250px; margin: auto;}
.card6 {background-color: rgba(0, 0, 0, 0.4);}

.login-with {margin: 10px auto; display: table;}
.login-with h3 {text-align: center;  display: inline-block;  position: relative; padding: 0 25px; z-index: 1; font-size: 16px; color: #000; font-weight: bold;}
.login-with h3:before { display: inline-block; content: ""; height: 1px; width: 70px; background-color: #a4a4a4; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 1;}
.login-with h3:after {display: inline-block; content: ""; height: 1px; width: 70px; background-color: #a4a4a4; right: 100%;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);  position: absolute;  z-index: 1;}

.Welcome_bg {padding: 0 5%; border-left: 1px solid #ccc;}
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blink {
    animation: blink 1s infinite;
    text-align: center;
}

.modal-content5 i { font-size: 42px; color: #fff;  border: 2px solid #fff; border-radius: 100px; width: 70px;  height: 70px; display: block; text-align: center; padding-top: 0px; margin: 8px auto;}
.modal-content5 p {text-align: center;}
.custom-modal {position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0;  background: rgb(0 0 0 / 60%); display: flex;  flex-wrap: wrap; align-items: center; justify-content: center; padding: 30px;}
.custom-modal-dialog { max-width: 520px; width: 100%; border-radius: 0px; position: relative;}
.custom-modal-content { background: #ffffff;}
.custom-modal { opacity: 0; visibility: hidden;}
body.modal-open .custom-modal { opacity: 1; z-index: 9999999; visibility: visible;}
.custom-modal .custom-modal-dialog { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
body.modal-open .custom-modal .custom-modal-dialog {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.custom-modal, body .custom-modal, body.modal-open .custom-modal .custom-modal-dialog, body .custom-modal .custom-modal-dialog {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.newsglow6 {  display: none;}
.newsglow5 { margin: auto; display: table;}
.form--disabled input, .form--disabled textarea, .form--disabled select {  border: 0 solid #efefef; height: auto;  transition: all 0.2s ease-in-out;}
.dashboard33 input { font-weight: 600;  width: 100%; display: block;  border: none;  background: transparent;  outline: none;  -webkit-appearance: none; transition: all 0.2s ease-in-out;}
.dashboard33 input:focus {border-color: #888;}
/*------------Loader---------*/
.card_print_text {margin: 0px; padding: 0px; list-style: none;}
.card_print_text li {position: relative; padding-left: 25px; margin-bottom: 6px; text-align: justify;}
.card_print_text b {position:absolute;  left: 0px;}

/*-----------------*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    .overlayDoor

{
    &:before, &:after

{
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: rgba(47, 85, 151, 0.3);
    transition: .5s cubic-bezier(.77, 0, .18, 1);
    transition-delay: .8s;
}

&:before {
    left: 0;
}

&:after {
    right: 0;
}

}

&.loaded {
    .overlayDoor

{
    &:before

{
    left: -50%;
}

&:after {
    right: -50%;
}

}

.overlayContent {
    opacity: 0;
    margin-top: -15px;
}

}

.overlayContent {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: .5s cubic-bezier(.77, 0, .18, 1);
    .skip

{
    display: block;
    width: 130px;
    text-align: center;
    margin: 50px auto 0;
    cursor: pointer;
    color: #fff;
    font-family: 'Nunito';
    font-weight: 700;
    padding: 12px 0;
    border: 2px solid #933c35;
    border-radius: 3px;
    transition: 0.2s ease;
    &:hover

{
    background: #ddd;
    color: #444;
    border-color: #ddd;
}

}
}
}

.loader {
    width: 128px;
    height: 128px;
    border: 3px solid #933c35;
    border-bottom: 3px solid transparent;
    border-radius: 50%;
    position: relative;
    animation: spin 1s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    .inner

{
    width: 64px;
    height: 64px;
    border: 3px solid transparent;
    border-top: 3px solid #933c35;
    border-radius: 50%;
    animation: spinInner 1s linear infinite;
}

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinInner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-720deg);
    }
}
/*---------------*/
.dataTables_length { width: 100%;  margin-top: 10px;}
.dt-buttons {float: left;}


.btn-group {
    display: block !important;
}
.btn-secondary {padding: 5px 6px; border-radius: 3px; background: #7b7e81; border: 1px solid #7b7e81;}
.active > .page-link, .page-link.active { z-index: 3;  color: var(--bs-pagination-active-color);  background-color: #464a95;  border-color: #464a95;}
.page-link { color: #464a95;}

.header_top_menu2 {float: right;}
.header_top_menu {float: right;}
.header_top_menu li {float: left; padding: 0 10px; border-right: 1px solid #ccc; margin-top: 7px;}
.header_top_menu .menu_ldd a { font-weight: bold; color: #fff;  background-image: -webkit-linear-gradient(84deg, #ffffff, #52fb04);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear;}
.header-nav {float: left; width: 100%;}
.header_top_menu li:last-child {border: none;}

/*.header_top_menu5 li a { font-weight: bold; color: #fff;  background-image: -webkit-linear-gradient(84deg, #ffffff, #52fb04);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear;}*/


@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }

    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}

.menu_ldd2 a {
    background-image: -webkit-linear-gradient(84deg, #ce3e3a, #3c5096);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
    font-size: 16px;
}

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }

    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}

.text-red {
    color: red;
}

.blink-hard {
    animation: blinker 1s step-end infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.rotate { position: absolute; margin-left: 3px; margin-top: 4px; font-size: 11px;
    -webkit-transform: rotate(334deg);
    -moz-transform: rotate(334deg);
    -ms-transform: rotate(-334deg);
    -o-transform: rotate(-334deg);
}





.logo.logo1 {
    opacity: 0 !important;
}
.logo2 img {width: 90px; position: fixed; z-index: 999;  top: 9px; left: 75px;  right: 0;}
.sorting_1 a {font-weight: bold; color: #1162fd; padding-left: 5px;}
.profile22 { display: none;}

.popup-inner {height: 600px;  max-width: 1100px;  width: 90%;  padding: 0px;  position: absolute;  top: 50%; left: 50%;  -moz-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);  border-radius: 3px; background: #fff;  overflow-y: scroll;}
.popup-inner.popup-inner3 {max-width: 750px; height: auto; overflow: hidden; overflow-y: scroll;}
.popup-inner.popup-inner6 {max-width: 750px; height: 600px; overflow: hidden; overflow-y: scroll;}

.popup-inner.popup-inner4 { max-width: 900px; height: auto; overflow: hidden; overflow-y: scroll; top: 49%;}
.popup-inner.popup-inner2 {max-width: 600px;}
.popup-inner.popup-inner5 {max-width: 400px; height: auto; overflow: hidden;}
.popup-inner5 .popup-close {z-index: 9999;}
.popup { width: 100%; height: 100%;  display: none; position: fixed; top: 0px; left: 0px;  background: rgba(0, 0, 0, 0.75);  z-index: 999;}
.popup-inner__2 { max-width: inherit; padding: 10px 20px; overflow-y: scroll; overflow-x: hidden;}
.popup-close2 {width: 27px; height: 27px; padding-top: 1px; display: inline-block; position: absolute; top: 25px; right: 20px; transition: ease 0.25s all;  -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); background: #4ab153; text-align: center; color: #fff;  border-radius: 100px; font-weight: bold; z-index: 999;}
.popup-close {width: 30px; height: 30px;padding-top: 4px; display: inline-block; position: absolute; top: 22px; right: 17px;  transition: ease 0.25s all;  -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); background: #fff; text-align: center;color: #000;}
.popup-close:hover { background: rgba(0, 0, 0, 1);  text-decoration: none; color: #fff;}


.lcc_report {float: left; width: 100%; margin: 0px;}
.lcc_report li {float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 7px 10px; }
.lcc_report li b {float: left;}
.lcc_report li span {float: right; color: #75c152; font-weight: 600;}

.main-password3 { width: 87%;}
.map-location { position: absolute; z-index: 9; right: 34px; margin-top: -38px;}
.map-location-details {display: none;  background: #fff; padding: 5px 10px; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);  margin-top: 41px; float: left; margin-left: 20px;}
.map-point {display: inline-block; position: absolute; right: 0;}

.map-location2 {position: absolute; z-index: 9;left: 36px; margin-top: -38px; width: 97%;}
.map-location-details2 {display: none;  background: #fff; padding: 5px 10px; border: 1px solid #ccc; width: 100%; border-radius: 6px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);  margin-top: 41px; float: left; margin-left: 20px;}
.map-point2 {display: inline-block; position: absolute; left: 85px;}





.PasswordBg {
    float: left;
    width: 100%;
}
.PasswordBg li { position: relative; padding-left: 12px; line-height: 21px; font-size: 13px; }
.PasswordBg li:before { content: ''; display: block; background: #000000;  width: 6px; height: 6px; border-radius: 100px; position: absolute; left: 0px;margin-top: 7px;}

.terms-conditions_text li {position: relative; padding-left: 25px; padding-bottom: 10px; font-size: 14px;}
.terms-conditions_text li span { position: absolute;left: 0;  font-weight: 600;}
.terms-conditions_text li b {font-weight: 600; font-size: 14px;}

.sponsor_text5 p {padding-bottom: 10px;}
.sponsor_details .title {font-size: 16px; font-weight: bold;}
.sponsor_text5 {font-family: 'Roboto', sans-serif; font-size: 16px; text-align: justify;}

.text-green { color: #4caf50;}
.title:after { content: ''; width: 80px; background: #619748; height: 2px; display: block; margin: 3px 0px;}

.otp-wrapper { display: flex; align-items: center;}
.otp-wrapper input { width: 19%; height: 35px; margin: 0px 6px; text-align: center; border: none;  border-bottom: 1px solid #000; outline: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {  -webkit-appearance: none;    margin: 0;}

.w-46 { width: 46%; margin: 0 5px;}
.pt10 { padding-top: 10px; padding-bottom: 10px;}
.pl10 { padding-left: 10px;}
.pt15 { padding-left: 15px;}
.pt20 {padding: 20px;}

.mt15 { margin: 15px;}
.fl {float: left;}
.fr {float: right;}
.mr {margin-right: 10px;}
.mh {height: 250px; overflow-x: scroll; display:inherit;}
.profileBg {
    width: 320px;
    border: 1px solid #ccc;
    display: table;
    padding: 8px;
    border-radius: 5px;
}


.bg-c-blue {background: linear-gradient(45deg, #4099ff, #73b4ff);}
.bg-c-green {background: linear-gradient(45deg, #2ed8b6, #59e0c5);}
.bg-c-yellow { background: linear-gradient(45deg, #FFB64D, #ffcb80);}
.bg-c-pink { background: linear-gradient(45deg, #FF5370, #ff869a);}

.bg-c-green1 { background: linear-gradient(45deg, #81a006, #95f376);}
.order-car2 span { float: right;}
.order-car2 i { font-size: 32px;  background: #ab3c37; border-radius: 100px;  padding: 10px;}
.order-car2 a { font-weight: 600;}
.wl {width: 100%; float: left;}
.details-2{color: #fff !important; background: #3c5096; font-weight: 600 !important; padding: 3px 15px; border-radius: 5px;}
.details-2:hover{ background: #78c14e;}


/*---------------Select box checkbox---------------------*/
.MultiCheckBox {border: 1px solid #9d9f9b; padding: 7px; border-radius: 4px; cursor: pointer;}
.MultiCheckBox .k-icon {font-size: 15px; float: right; font-weight: bolder; margin-top: -7px;  height: 10px; width: 14px; color: #787878;}
.MultiCheckBoxDetail {width: 96% !important; width: 96% !important;  display: none; position: absolute; border: 1px solid #e2e2e2; overflow-y: hidden; background: #fff; z-index: 9;}
.MultiCheckBoxDetailBody {overflow-y: scroll;}
.MultiCheckBoxDetail .cont { clear: both; overflow: hidden; padding: 2px;}
.MultiCheckBoxDetail .cont:hover { background-color: #cfcfcf; }
.MultiCheckBoxDetailBody > div > div {float: left; padding-left: 10px;}
.MultiCheckBoxDetailHeader {overflow: hidden; position: relative; height: 28px; background-color: #3c5096;}
.MultiCheckBoxDetailHeader > input { position: absolute; top: 10px; left: 12px;}
.MultiCheckBoxDetailHeader > div {position: absolute; top: 5px; left: 35px; color: #fff;}
.pr {position:relative;}

/*----------month and year------------*/
.intervalInput { display: inline-block; width: 100%;  margin-bottom: 15px;}
.monthpicker {display: inline-block;  position: relative; font-size: 0.9em;  vertical-align: middle; padding: 8px 15px; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; width: 100%; color: black; height: 38px;}
.monthpicker_selector *::selection {background: transparent;}
.monthpicker_input {display: inline-block; width: 100%; height: 100%; background-color: #fff; padding: 0 5px; border: none; outline: none; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; color: #212121; font-size: 1em; line-height: 1em;}
.monthpicker_input .placeholder { color: #444; font-size: 1rem;}
.monthpicker_input.active {background-color: #d4d4d4; color: #000;}
.monthpicker_selector { position: absolute; top: 100%; background-color: #fff; min-width: 250px; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); border-radius: 5px; z-index: 100;  color: #444;}
.monthpicker_selector > table {color: #444;  width: 100%; text-align: center; border-spacing: 0; border-collapse: collapse; font-family: "Century Gothic";  font-size: 0.9em; border-radius: 5px;}
.monthpicker_selector > table tr:first-child td,
.monthpicker_selector > table tr td { padding-top: 8px; padding-bottom: 8px;}
.monthpicker_selector > table tr:first-child > td:nth-child(1) {text-align: left;}
.monthpicker_selector > table tr:first-child > td:nth-child(2) {position: relative;}
.monthpicker_selector > table tr:first-child > td:nth-child(3) {text-align: right;}
.monthpicker_selector > table tr:nth-child(2) td {width: 33%;}
.yearSwitch {padding: 7px 10px; color: #000; font-weight: bold; cursor: pointer; font-size: 1.2rem;}
.yearSwitch.off {visibility: hidden;}
.yearValue {width: 100%; height: 100%; text-align: center; background: none; border: none; color: #444; outline: none; font-size: 1.8em;}
.monthpicker_selector .month {background-color: #fff; font-size: 13px; cursor: pointer; color: #434344; font-weight: 600;}
.monthpicker_selector .month:hover {background-color: #007bff; opacity: 0.7; color: #fff;}
.month.selected {background: #007bff; color: #fff; font-weight: bold; font-size: 0.9rem;}
.monthpicker_selector .month.off {color: #fff; background: red; opacity: 0.65; cursor: not-allowed;}
.monthpicker_selector .month.off:hover {background: red; opacity: 0.65;}
.z-depth-0 { -webkit-box-shadow: none !important; box-shadow: none !important;}
.z-depth-1 {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.z-depth-2 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.z-depth-3 {
    -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.z-depth-4 {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}
.z-depth-5,
.modal {
    -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.placeholder {display: inline-block;  vertical-align: middle; cursor: wait;  background-color: transparent;  opacity: 9;  font-size: 16px;  font-weight: 500;}

.title3 {
    /* display: none; */
    color: #4caf50;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.title3:after { content: ''; display: block;  background: #4caf50; width: 50px;  height: 3px;  margin: 8px auto;}
.sponsor_details5 .sponsor_text5 p { line-height: 21px; font-size: 14px; margin: 0;}
.sponsor_text5 p { padding-bottom: 10px;}
.sponsor_text_5 label {font-weight: 600 !important;  font-size: 13px !important;}
.sponsor_details5 {height: auto !important; padding: 25px 20px; background: #fff; box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;}

.card-header2 a {color: #b1afaf;}
.Distributor_Box th, td { white-space: nowrap;}
.Distributor_Box a { color: #2030a9; FONT-WEIGHT: 600; font-size: 14px;}
.Distributor_Box a:hover {color: #f70505;}
.Distributor_Box .emi span {display: table;}

.data_table_2 .dataTables_scrollBody { position: relative; overflow-x: scroll; width: 100%; overflow-y: scroll; height: 350px;}
table.table-bordered.dataTable {  border-top: 1px solid #7c7878;}
.top-selling th {vertical-align: middle;}

.dashboard_bank_account p {color: #212529; font-size: 13px;}
.custom-modal2 {overflow: hidden !important;}

.custom-model-main {  text-align: center;  overflow: hidden; position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  -webkit-overflow-scrolling: touch;  outline: 0;  opacity: 0;  -webkit-transition: opacity 0.15s linear, z-index 0.15;  -o-transition: opacity 0.15s linear, z-index 0.15;   transition: opacity 0.15s linear, z-index 0.15;   z-index: -1;  overflow-x: hidden; overflow-y: auto;}
.model-open {z-index: 99999;  opacity: 1; overflow: hidden;}
.custom-model-inner { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; display: inline-block; vertical-align: middle; width: 500px; margin: 10px auto; max-width: 100%;}
.custom-model-wrap { display: block;  width: 100%;  position: relative;  background-color: #fff;  border: 1px solid #999;  border: 1px solid rgba(0, 0, 0, 0.2);  border-radius: 6px;  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);  background-clip: padding-box;  outline: 0;  text-align: left;  padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;   overflow-y: hidden;}
.model-open .custom-model-inner { -webkit-transform: translate(0, 0);  -ms-transform: translate(0, 0);  transform: translate(0, 0);  position: relative;  z-index: 999;}
.model-open .bg-overlay { background: rgba(0, 0, 0, 0.6);  z-index: 99;}
.bg-overlay { background: rgba(0, 0, 0, 0);  height: 100vh; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0;  z-index: 0;  -webkit-transition: background 0.15s linear;  -o-transition: background 0.15s linear;   transition: background 0.15s linear;}
.close-btn { position: absolute;  right: 5px;  top: 5px; cursor: pointer;  z-index: 99; font-size: 30px; color: #fff; line-height: 35px; background: #3c5096;  width: 35px;  height: 35px; border-radius: 100px; padding: 0;}
#turn {position:absolute; z-index: 999;}

/*==================*/
.myul-active a {font-weight: 600;  color: #fff !important;  background: #3c5096 !important;   border-color: #087d61 !important;}
.myul-active li + li:before {padding: 0;}
.myul-active a:after {border-left: 30px solid #3c5096 !important;}
.myul {list-style: none;}
.myul li {float: left; position: relative;  padding: 0px;}
.myul > li > a:after { content: " "; display: block; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 29px solid transparent; border-left: 30px solid #f5f5f5; position: absolute; top: 50%; margin-top: -29px; left: 100%; z-index: 2;}
.myul > li > a, .myul > li > a:hover {color: #969696; text-decoration: none; padding: 15px 0 15px 45px; position: relative; display: block; border: 0 !important; border-radius: 0; outline-style: none; height: 60px; line-height: 35px;}
.myul > li > a:before { content: " ";  display: block; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #ddd;  position: absolute;  top: 50%; margin-top: -29px; margin-left: 1px; left: 100%; z-index: 1;}
    
.titlediv { padding: 15px;}
.titlediv div {background: #3c5096; padding: 10px; font-weight: bold; color: #fff; display: inline-block; margin-bottom: 8px; font-size: 15px;}
.mobile_updation h2 {color: #fff; font-size: 19px; font-weight: 600; text-transform: uppercase; padding: 15px 10px; padding-bottom: 0px; text-transform: capitalize;}
.sbg3 {cursor: pointer;}
.steps_list { border: 1px solid #ccc; padding-bottom: 20px;}
.ram {background-color: #f5f5f5;}

#tbl_questions {font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%;}
#tbl_questions td, #tbl_questions th {border: 1px solid #ddd; padding: 8px; }
#tbl_questions tr:nth-child(even) { background-color: #f2f2f2;}
#tbl_questions tr:nth-child(odd) {background-color: #e4e4f1;}
#tbl_questions tr:hover {background-color: #ddd;}
#tbl_questions th {padding-top: 12px; padding-bottom: 12px; text-align: left;  background-color: #3c5096; color: white;}


.loginBg_5 {position: relative;}
.loginBg_5 .map-location { right: 0;}
.loginBg_5 .main-password3 { width: 90%;}

.text_301 p {font-weight: 500; font-size: 43px; margin: 0px; text-align: center;}
.applied a {margin: auto; display: table;}
.applied p {margin: 0px 3%;}
.card2 {background: linear-gradient(to right, #DDEFBB, #FFEEEE); opacity: 0.9;}
.ttt {font-size: 60px; font-weight: 900;}
.applied2 a {float: right;}
.ttt4 {font-size: 44px; font-weight: 900; color: #c83d3a;}
.text_301 p b {color: #c83d3a;}
.dv .dt-buttons {width:auto;}

.dv .datatable-table > tbody > tr > td {white-space: normal;}
div.dt-buttons {width: auto !important; margin-right: 15px;}
.title-head {background: #464a95; color: #fff;}
.title-footer {background: #e1d8c6;}
.title-offer {background: #47653c; color: #fff;}
.title-offer th {font-weight: 600;}


/*==========Start Form Wizard==============*/
.form-wizard .wizard-form-radio {  display: inline-block;  margin-left: 5px;  position: relative;}
.form-wizard .wizard-form-radio input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #dddddd; height: 25px; width: 25px; display: inline-block; vertical-align: middle; border-radius: 50%;  position: relative;  cursor: pointer;}
.form-wizard .wizard-form-radio input[type="radio"]:focus { outline: 0;}
.form-wizard .wizard-form-radio input[type="radio"]:checked {  background-color: #fb1647;}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before { content: ""; position: absolute; width: 10px; height: 10px; display: inline-block; background-color: #ffffff; border-radius: 50%; left: 1px; right: 0; margin: 0 auto; top: 8px;}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after { content: "";  display: inline-block;  webkit-animation: click-radio-wave 0.65s;  -moz-animation: click-radio-wave 0.65s;  animation: click-radio-wave 0.65s;  background: #000000;  content: '';  display: block; position: relative;  z-index: 100;  border-radius: 50%;}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {padding-left: 10px; cursor: pointer;}
.form-wizard .form-wizard-header {text-align: center;}
.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {margin: 5px 5px; color: #ffffff; display: inline-block; min-width: 100px; padding: 5px; text-align: center; font-weight: 600; font-size: 16px; border-radius: 5px;}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus { color: #ffffff; opacity: 0.6; text-decoration: none;}
.form-wizard .wizard-fieldset { display: none;}
.form-wizard .wizard-fieldset.show {display: block;}
.form-wizard .wizard-form-error { display: none; background-color: #d70b0b; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; width: 100%;}
.form-wizard .form-control:focus { box-shadow: none;}
.form-wizard .form-group {position: relative; margin: 25px auto; display: table;}
.form-wizard .wizard-form-text-label {position: absolute; left: 10px; top: 16px; transition: 0.2s linear all;}
.form-wizard .focus-input .wizard-form-text-label {color: #d65470; top: -18px; transition: 0.2s linear all; font-size: 12px;}
.form-wizard .form-wizard-steps { margin: 0 0 20px 0px;}
.form-wizard .form-wizard-steps li {width: 16%; float: left; position: relative;}
.form-wizard .form-wizard-steps li::after { background-color: #f3f3f3; content: ""; height: 5px; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;}
.form-wizard .form-wizard-steps li span {background-color: #dddddd; border-radius: 50%; display: inline-block; height: 40px; line-height: 40px; position: relative; text-align: center; width: 40px; z-index: 1;}
.form-wizard .form-wizard-steps li:last-child::after { width: 50%;}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span { background-color: #69b546; color: #ffffff;}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after { background-color: #66b74b; left: 50%; width: 50%; border-color: #66b74b;}
.form-wizard .form-wizard-steps li.activated::after {width: 100%; border-color: #66b74b;}
.form-wizard .form-wizard-steps li:last-child::after {left: 0;}
.form-wizard .wizard-password-eye { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); cursor: pointer; }

.applicant_title {margin-bottom: 25px !important; margin: 0;}
.applicant_title li {line-height: 35px !important;width: 100%; display: table;}
.applicant_title li:before {display: none !important;}
.applicant_title li .ddd {float: left; width: 51%; text-align: right; font-weight: bold; padding-right: 25px; height: auto; padding-bottom: 0px;font-size: 13px;}
.applicant_title li .ddd1 {font-size: 12px; font-weight: 600;}
.sponsor_text11 h5:after {content: ''; display: block; width: 70px; height: 3px; background: #78c14e; margin: 8px auto;}

/*============End Form Wizard===============*/
.gigchart li {line-height: 25px;}
/*.dataTables_scrollHeadInner {width: 100% !important;}*/

.Notice_Pane .table > tbody {border-width: 10px;}
.Notice_Pane a i {
    font-size: 21px;
    padding: 0px 5px;
    text-align: center;
    background: #76c353;
    color: #fff;
    border-radius: 7px;
    float: right;
}

/*---------------------*/
.travel_link li  {padding-left: 35px; margin-top: 10px;}
.travel_link li strong { position: absolute; left: 15px;}




@media (min-width: 1800px) {
    .header_top_menu li {
            float: left;
            padding: 0 15px;
            border-right: 1px solid #ccc;
        }

        .header .search-form {
            width: 76%;
        }
    }

    @media (min-width: 1200px) {
        .toggle-sidebar #main, .toggle-sidebar #footer {
            margin-left: 0;
        }

        .toggle-sidebar .sidebar {
            left: -300px;
        }

        #main, #footer {
            margin-left: 300px;
        }

        .logo {
            width: 280px;
        }
    }

    @media (min-width: 992px) {
        .error-404 img {
            max-width: 50%;
        }
    }

    @media (min-width: 768px) {
        dropdown-menu-arrow::before {
            content: "";
            width: 13px;
            height: 13px;
            background: #fff;
            position: absolute;
            top: -7px;
            right: 20px;
            transform: rotate(45deg);
            border-top: 1px solid #eaedf1;
            border-left: 1px solid #eaedf1;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 1100px) {
        .chequeBg {
            width: 1140px;
        }

        #popup_eCheck .container .text {
            width: 1140px;
        }

        #popup_eCheck .bg {
            width: 1140px;
        }
    }

@media(max-width: 2500px) {
    .ttt {font-size: 44px; font-weight: 900;}

}




    @media(max-width: 1400px) {
        .header_top_menu li {
            padding: 1px 6px;
            font-size: 12px;
        }
        .ttt {
            font-size: 63px;
        }
            .header-nav .nav-profile span {
            font-size: 12px !important;
        }
    }

    @media (max-width: 1365px) {
        .header .search-bar {
            min-width: 200px;
            padding: 0 20px;
        }
        .loginBg_5 .main-password3 {
            width: 88%;
        }
        
        }

@media (max-width: 1199px) {
    .popup__bg2 {
        position: static !important;
    }


    .toggle-sidebar .sidebar {
        left: 0;
    }

    .sidebar {
        left: -300px;
        top: 74px;
    }

    .header .search-bar {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 20px;
        box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
        background: white;
        z-index: 9999;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .header .search-bar-show {
        top: 60px;
        visibility: visible;
        opacity: 1;
    }

    #main {
        padding: 20px;
    }

    .login-with h3:before {
        width: 70px;
    }

    .login-with h3:after {
        width: 70px;
    }

    .header .search-form input {
        width: 100%;
    }

    .header .toggle-sidebar-btn {
        position: absolute;
        right: 10px;
        z-index: 99;
    }

    .header-nav {
        margin-right: 39px;
    }

    .logo2 img {
        display: none;
    }

    .logo.logo1 {
        opacity: 99 !important;
    }

    .top_ll2 {
        height: auto;
    }

    .popup-inner_check {
        width: auto;
        max-width: initial;
    }

    .loginBg_5 .main-password3 {
        width: 90%;
    }

    @media(max-width:992px) {
        .step-wizard li span {
            display: none;
        }

        .step-wizard li {
            width: 13%;
        }

        .cckd {
            float: left;
            width: 100%;
        }

        .Progress_Details li {
            width: 100%;
        }

        .iframe-wrapper {
            position: relative;
            width: 92%;
        }

        .dddd {
            height: auto;
            padding-bottom: 0px;
        }

        .ddd {
            height: 420px;
            padding-bottom: 0px;
        }

        .Franchisee.mt-4 {
            margin-top: 5px !important;
        }

        .Welcome_bg {
            border: none;
        }

        .PASSWORD_bg img {
           
            position: relative;
            top: 10px;
            transform: translateY(0%);
            margin: auto;
            left: 0px;
        }

        .newsglow6 {
            display: block !important;
        }

        .newsglow5 {
            margin: auto;
            display: none !important;
        }

        .header_top_menu {
            display: none;
        }

        .profile22 {
            display: block;
        }

        .header-nav .nav-icon {
            margin-right: 25px;
        }

        .popup-inner {
            position: absolute;
            top: 0;
            left: 5%;
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(0%, 0%);
            z-index: 999999;
            overflow-y: scroll;
        }

        .popup {
            width: 100%;
            height: 100%;
            display: none;
            position: fixed;
            top: 0px;
            left: 0px;
            background: rgba(0, 0, 0, 0.75);
            z-index: 999;
            overflow-y: scroll;
        }

        .lb {
            display: none;
        }

        .nav-tabs-bordered {
            display: flex;
            width: 100%;
            flex-wrap: unset !important;
            -moz-box-pack: justify;
            /*justify-content: space-between;*/
            overflow-y: hidden;
        }

            .nav-tabs-bordered li {
                width: auto !important;
                display: flex;
                white-space: nowrap;
            }

        .myul li {
            margin-bottom: 5px;
        }

        .myul > li > a:after {
            border-top: 17px solid transparent;
            border-bottom: 13px solid transparent;
            top: 100%;
            margin-top: -30px;
        }

        .myul > li > a:before {
            border-top: 17px solid transparent;
            border-bottom: 13px solid transparent;
            top: 100%;
            margin-top: -29px;
        }

        .myul > li > a, .myul > li > a:hover {
            /*padding: 15px 0px 15px 14px;*/
            height: 24px;
            line-height: 0px;
        }

        .loginBg_5 .main-password3 {
            width: 93%;
        }

        .ttt {
            font-size: 28px;
            text-align: center;
        }

        .text_301 p {
            font-weight: 500;
            font-size: 28px;
        }

        .applied2 a {
            float: none;
        }

        .ttt4 {
            font-size: 32px;
        }

        .header_top_menu5 .dropdown-item a {color: #fff;
        }
    }



        @media(max-width:767px) {
            .dp {
                display: none;
            }

            .register-container .top___bg .menu {
                display: none;
            }

            .register-container .top___bg .logo {
                display: block;
                margin: auto;
                padding: 1px 0px;
                width: 45px;
            }

            .contact_details .form-control {
                width: 100%;
                float: left;
                margin-bottom: 10px;
            }

            .contact_details .btn-primary {
                width: 100%;
                float: left;
                margin-bottom: 10px;
            }

            .sponsor_text {
                width: 100%;
            }

            .circle {
                width: auto;
            }

            .contact_details_bg2 {
                width: 100%;
            }

            .terms-conditions_text li {
                padding-left: 0px;
                text-align: justify;
            }

                .terms-conditions_text li span {
                    position: relative;
                }

            p {
                text-align: justify;
            }

            .contBG {
                width: auto;
            }

            .circle_2 li {
                width: 100%;
                margin-bottom: 10px;
            }

            .pinkBg .terms-conditions_text li {
                text-align: justify;
                font-size: 13px;
            }

            .contact_details_bg_0121 {
                width: 100%;
            }

            ._video2 {
                width: 100%;
                height: 250px;
            }

            .dashboard2 .card {
                padding: 0 15px;
            }

                .dashboard2 .card.card5 {
                    padding: 0px;
                }

            .outer {
                max-height: 250px;
            }

            .dash_icon_right {
                height: auto;
            }

            .Notice {
                padding: 0 15px;
            }

            .btn-primary4 {
                padding: 0 5px;
            }

            .side_right_scroll {
                height: 100%;
                padding: 0px 15px;
            }

            /*.footer {
            position: relative;
        }*/

            .popup-inner.popup-inner4 {
                top: 3px;
            }

            .popup-inner__2 {
                height: 300px;
                top: 11% !important;
            }

            .Franchisee .fl {
                float: none;
            }

            .Franchisee .fr {
                float: none;
            }

            .Franchisee a {
                width: 100%;
            }

            .dashboard33 .fr {
                float: right;
            }

            .lb1 {
                display: none;
            }

            .Selling-Box2 {
                height: 300px;
            }

            .figure22 img {
                height: auto;
            }

            .mobile_user_name {
                font-size: 13px;
                padding-left: 5px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

            .Attention_101 {
                text-align: justify !important;
            }

            .loginBg_5 .main-password3 {
                width: 89%;
            }

            .text_301 p {
                font-size: 30px;
            }
            .Notice_Pane a i {float:left; margin-right:10px;
            }

        @media (max-width: 480px) {
            .header .search-form input {
                width: 90%;
            }

            .loginBg .form-check {
                font-size: 13px;
            }

            .loginBg a {
                font-size: 14px;
                font-weight: 600;
            }

            .languageBg {position: absolute; right: 0; top: 3px;  padding: 4px 10px;  left: 0; }

            .nav-tabs li {
                width: 100%;
                margin-bottom: 5px;
            }

            .login-with h3:before {
                width: 13%;
            }

            .login-with h3:after {
                width: 13%;
            }

            .main-password3 {
                width: 79%;
            }

            .page-item:not(:first-child) .page-link {
                padding: 3px 6px;
                font-size: 11px;
            }

            .page-item:first-child .page-link {
                padding: 3px 6px;
                font-size: 11px;
            }

            div.dataTables_wrapper div.dataTables_info {
                padding-bottom: 5px;
            }

            /*.Progress_Details li span { font-size: 11px;  position: absolute; left: 106px;  padding-top: 7px; line-height: 15px;}*/
            .Progress_Details li {
                width: 100%;
                position: relative;
                padding-left: 0;
            }

                .Progress_Details li strong {
                    font-size: 12px;
                }

            .aws .form-control {
                width: 350px;
            }

            .loginBg_5 .main-password3 {
                width: 80%;
            }

            .text_301 p {
                font-size: 21px;
            }

            .ttt {
                font-size: 21px;
                text-align: center;
            }

            .dashboard33 a {
                font-size: 13px;
            }

            .applicant_title li {
                line-height: 26px !important;
            }
            .applicant_title li .ddd {
                float: none;
                width: 100%;
                text-align: left;
                font-weight: bold;
                padding-right: 0;
                height: auto;
                padding-bottom: 0px;
                font-size: 13px; background: #fffcfc;
            }
        }


        /*==============================================*/