* {
    --primary-color: #5F259F;
    --secondary-color: #5F259F;
}



i.fas.fa-spinner {
    animation: loading 1s linear infinite;
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}


.categories-menu-dropdown.vertical-navigation .menu-categorie-container {
    max-height: 350px !important;
    overflow-y: auto !important;
    border: 1px solid #5F259F;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

section.my-account-section {
    padding-bottom: 33px;
}

.categories-menu-dropdown.vertical-navigation .menu-categorie-container::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.categories-menu-dropdown.vertical-navigation .menu-categorie-container::-webkit-scrollbar-track {
    background: #cfcfcf;
}

/* Handle */
.categories-menu-dropdown.vertical-navigation .menu-categorie-container::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.categories-menu-dropdown.vertical-navigation .menu-categorie-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.iconview h5 {
    color: #000;
    font-size: 16px;
}

.iconview {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    background: #fff;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
}

.img-for-billpay {
    height: 30px;
    width: auto;
    position: absolute;
    top: 10px;
    right: 10px;
}

.opraters-details {
    position: relative;
}

.iconimage {
    background: #fff;
    padding: 15px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.iconimage img {
    /* max-width: 100%; */
    width: auto;
    height: 78px;
}

.iconview h5 {
    color: #000;
    font-size: 16px;
}

.bggrey {
    background: #f5f5f5;
}

.zoomContainer {
    height: 0px !important;
}

div#myModal .modal-header h4.modal-title {
    font-size: 25px !important;
}

.btn-primary {
    background-color: #5F259F;
    border-color: #5F259F;
    color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #5F259F;
    border-color: #5F259F;
    color: #fff;
}

.btn-primary:hover {
    background-color: #5F259F;
    border-color: #5F259F;
    color: #fff;
}

input:focus,
select:focus {
    border-color: #5F259F;
    outline: none;
}

div#myModal .modal-body form.submit-form-event {
    font-size: 16px;
}

div#myModal .modal-header {
    border-bottom: 1px solid #e9ecef !important;
    padding: 10px 10px 5px;
}

div#myModal .modal-dialog {
    overflow-x: hidden;
}

/* colors */
td.parcel-id {
    color: blue;
    font-weight: 700;
}

.badge-primary,
.add-to-cart,
.dark-footer-margin,
.header-categories-nav-wrap,
.topbar-text-color,
.nva-color,
.subscribe-form button,
.custom-row,
.copyright,
.product-grid .social li a:hover,
.button-success,
.button-success:hover,
.button-success:focus,
.button-success-outline:hover,
.button-success-outline:focus,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.toggle-input:checked+.toggle.switch,
.toggle.switch.is-active,
.toggle-input:disabled:checked+.toggle.switch,
.toggle.switch.is-active.is-disabled,
.toggle-input:checked+.toggle.radio,
.toggle.radio.is-active,
.toggle-input:disabled:checked+.toggle.radio,
.toggle.radio.is-active.is-disabled,
.toggle-input:disabled:checked+.toggle.switch,
.toggle.switch.is-active.is-disabled,
.toggle-input:checked+.toggle.checkbox,
.toggle.checkbox.is-active,
.toggle-input:disabled:checked+.toggle.checkbox,
.toggle.checkbox.is-active.is-disabled {
    background-color: #5F259F !important;
}

/*image size profile*/
.my-account-tab a:hover {
    color: #5f259f;
}

.orders-section p {
    font-size: 14px;
    margin-bottom: 7px;
    color: #fff !important;
}

.orders-section p span {
    color: #efefef !important;
}

/*image size profile*/


.button-danger-outline {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.settings-tab-content .text-muted {
    color: #ffffff !important;
}

.setting-icon {
    display: none;
}

.header-h1 .mobile-app-text {
    color: var(--primary-color);
    font-size: 36px !important;
    line-height: 1.2em;
}

h1.header-h1 p {
    font-size: 24px;
}

input#forgot_password_number {
    padding: 15px 84px !important;
}

.send-otp-form .sign-up-verify-number .form-input {
    padding: 15px 0 15px 73px !important;
}

.orders-section a.button.button-primary-outline {
    background: #fff;
    color: #5f259f !important;
}

.brand-logo-link {
    max-height: 120px;
    max-width: 165px;
}

/*11 july custom css*/
.my-account-tab {
    border: 2px solid #5f259f;
    background-color: #ffffff !important;
}

.mainview {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mainview .form-control {
    width: 75%;
    margin-right: 15px;
}

.card-header.bg-white {
    background: #5F259F !important;
    color: #fff;
    font-weight: bold;
}

.btnview {
    background: #fb00fe;
    color: #fff;
    border: 1px;
    padding: 6px 20px;
}

div#img_01-zoomContainer {
    height: 0px !important;
}

.btnview:hover {
    background: transparent;
    border: 1px solid #fb00fe;
    color: #fb00fe;
}

.borderview {
    border: 1px solid #5F259F;
    font-family: inherit;
    padding: 8px;

}
.list-1{
    display: flex;
    gap: 5px;
}

.form-list{
    display: flex;
    justify-content: start;
    gap: 15px;
    margin-top: 10px;
}

/*end*/
.see-all-category,
.setting-icon,
.single-cta i,
.copyright-text p a,
.link-color,
.featured-section-view-more,
.header-h1 .mobile-app-text,
.icon-hover:hover,
small.transparent-footer-link a,
ul.sub-submenu li:hover,
.footer-menu li:hover a,
.category li:hover .cat-name,
.category li:hover .cat-no,
.footer-widget ul li a:hover,
.product-grid:hover .title a,
.span-color,
.header-icon:hover,
.header-icon:focus,
.sidebar #leftside-navigation ul li a:hover .link-color circle,
.link-color polyline,
.link-color path {
    color: #5F259F !important;
    stroke: #5F259F !important;
}

.progress-bar {
    background-image: linear-gradient(to right top, #5F259F, #5F259F, #5F259F, #5F259F, #5F259F) !important;
}

.subscribe-form button {
    border: #5F259F !important;
}

.footer-widget-heading h3::before,
.swiper-pagination-bullet-active {
    background: #5F259F !important;
}

.style-3-product-right-lg .product-grid {
    border: 1px solid #5F259F !important;
}

.sidenav .nav-link.active {
    box-shadow: 0 2px 0 #5F259F !important;
}

.button-success,
.button-success:hover,
.button-success:focus,
.button-success-outline:hover,
.button-success-outline:focus {
    border-color: #5F259F !important;
}

.colored-breadcrumb,
.page-footer {
    background-color: #5F259F33 !important;
}

.menu-categorie-container ul.nav.vertical-nav.menu li.category-span {
    display: flex;
    /* align-items: center; */
}

.darkmode-layer.darkmode-layer--button {
    display: none;
}

button.darkmode-toggle {
    display: none;
}

a.hide-sec {
    display: none;
}

.navbar-nav {
    float: right;
}

.category-section h1 {
    color: #000 !important;
}

.icon-dark-sec {
    background-color: #fff !important;
    box-shadow: none !important;
}

.icon-swiper .swiper-slide {
    background: #fff !important;
}

.icon-dark-sec .cat-font-color {
    color: #000 !important;
}

.cat-font-color {
    line-height: 18px;
}

.category-section .category-grid {
    margin-bottom: 20px;
}

.icon-dark-sec .cat-font-color {
    padding-top: 10px;
}

.category-image-container img {
    width: 200px;
    height: 130px;
}

.category-section .category-grid {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding-top: 20px;
    /* box-shadow: 0px 0px 30px rgb(73 78 92 / 15%);*/
    border-radius: 5px;
}


.product-grid .product-content{
    bottom: 30px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -5px;
}

#modal-custom .iziModal-content header a.active {
    background: #5F259F;
    color: #fff;
}

#modal-custom .iziModal-content section button {
    background: #5F259F;
}

.page-item.active .page-link {
    background-color: #5F259F !important;
    border-color: #5F259F;
}

.page-link:hover {
    color: #5F259F;
}

span.category-line-height {
    color: #000;
    padding: 10px;
    display: inline-block;
    width: 70%;
}

.block {
    background-color: #5F259F;
}

.info-icon a i {
    color: #5F259F;
}

.button-warning {
    background-color: #5F259F !important;
    border-color: #5F259F !important;
}

.product-grid .product-discount-label,
.product-grid .product-new-label {
    background-color: #5F259F;

}

.product-grid .product-new-label {
    color: #fff;

    display: block;
    font-size: 12px;
    left: 9px;
    padding: 3px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
}

.product-grid .product-discount-label {

    top: 40px;
    font-size: 12px;
    left: 10px;
    padding: 3px 10px;
}

.primary-button {
    background-color: #5F259F;
}

.red-button {
    background-color: #5F259F;
}

.button-primary-outline {
    border-color: #5F259F !important;
    color: #5F259F !important;
}

/* .button-primary-outline:focus,
.button-primary:focus,
.button-primary:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #fff !important;
    outline: 0;
} */

span.select2.select2-container.select2-container--adwitt {
    background: #fafafa;
    width: 100% !important;
}

.select2-selection__placeholder {
    color: #000;
}

.row.row-fluid.dark-footer-margin {
    background: #333 !IMPORTANT;
}

/*custom*/
.btn-outline-primary {
    background-color: transparent;
    background-image: none;
    border-color: #5F259F;
    color: #5F259F;
}

.btn-outline-primary:hover {
    background-color: #5F259F;
    border-color: #5F259F;
    color: #fff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: #5F259F;
    border-color: #5F259F;
    color: #fff;
}

.modal-header {
    padding: 8px 15px;
    background: #5F259F;
    justify-content: left !important;
}

.modal-header h4 {
    color: #fff;
    font-size: 23px !important;
}

button.close {
    background: #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 24px;
}

ul#myTab {
    border: 1px solid transparent !important;
}

.nav-tabs .nav-link {
    border: 1px solid #5F259F !important;
    color: #5F259F;
    border-radius: 4px;
    margin-right: 10px;
}

.nav-tabs .nav-link.active {
    background: #5F259F;
    color: #fff !important;
    border: 1px solid #5F259F;
}

#myModal .img-fluid {
    max-height: 500px;
    margin: auto;
    display: flex;
}

#myModal label {
    font-weight: bold;
}

#myModal .row.modal-body {
    align-items: center;
}

#v-pills-tab .nav-link {
    border: 1px solid #5F259F;
    margin-right: 10px;
    color: #5F259F;
}

#v-pills-tab .nav-link.active {
    color: #fff !important;
}

.orders-section #progressbar li.active:after,
.orders-section #progressbar li.active:before {
    background: #5F259F;
}

.orders-section #progressbar li:after {
    background: #000000;
}

.orders-section #progressbar li:before {
    background: #000000;
}

i.fas.fa-eye {
    color: #5F259F;
}

.button-primary {
    background-color: #5F259F !important;
    border-color: #5F259F !important;
    color: #fff;
}

.cart-product-desc-list .button-primary:hover {
    background-color: #fff !important;
    border-color: #f0f !important;
    color: #f0f !important;
    outline: 0;
}

.nav-item .nav-link h6 {
    display: flex;
    gap: 10px;
    align-items: center;
}

.nav-item {
    max-width: 100% !important;
}

.nav-link {
    padding: .5rem !important;
}

.cta-text span {
    color: #ffffff;
    word-wrap: break-word;
    font-size: 15px;
}

.single-cta i {
    color: #fff !important;
}

.footer-widget ul li a {
    color: #ffffff;
    text-transform: capitalize;
}

.footer-menu li a {
    color: #ffffff;
    font-size: 14px;
}

.copyright-text p {
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}

.sidebar #leftside-navigation ul li a span {
    display: flex;
    align-items: center;
}

.sidebar #leftside-navigation ul li a {
    display: flex;
}

@media (max-width:992px) {
    ul#pills-tab {
        padding: 1rem 0.5rem !important;
    }
}

@media (max-width:1240px) {
    .cd-morph-dropdown .main-nav>ul>li>a {
        padding: 0 0.5em;
    }
   

}

@media (max-width:768px) {
    button#openModalButton {
        width: 100% !important;
    }
}




.resend-otp-button {
    padding: 7px 20px !important;
    background-color: #5F259F !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* CUSTOM CSS START FROM HERE */
.mobile-app-wrapper {
    display: flex;
    align-items: center;
}
.form-group.col-md-6.input-group.otp-mobile-field {
    padding-left: 0;
}
.custom-resendotp {
     padding-left: 0;
}
.productSlideCard {
    width: 300px !important;
    margin-right: 20px;
}

.dashboardCard {
    gap: 20px;
}

.walletBtnDiv button {
    margin: 0 !important;
}

.walletBtnDiv {
    display: flex;
    gap: 10px;
}

.borderCard {
    border: 1px solid #5f259f;
}

.navbar-nav {
    gap: 20px;
}

.product-image-container {
    max-width: fit-content !important;
    padding: 5px;
}


.product-rating-small {
    margin-top: 15px;
}

.maincat  img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    object-fit: contain;
    background: #efefef;
    border: 1px solid #939393;
}


.search-icon span.select2.select2-container.select2-container--adwitt {
    background: #dfdfdf;
    width: 100% !important;
    height: 40px;
    display: flex
;
    align-items: center;
}

.search-icon {
    position: relative;
}

.search-icon:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url('https://cdn-icons-png.flaticon.com/512/54/54481.png');
    display: block;
    position: absolute;
    right: 30px;
    top: 10px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.auth_model {
    padding: 8px 20px;
    background: #5f259f !important;
    border-radius: 10px;
}

.auth_model span {
    color: #fff !important;
}

.color-purple {
    color: #5f259f;
    font-weight: bold;
}


/* CUSTOM RESPONSIVENESS START FROM HERE */
@media only screen and (max-width: 1200px) {
    .productSlideCard {
        width: 245px !important;
    }

    .cd-morph-dropdown .main-nav>ul>li>a {
        padding: 0 10px !important;
    }

    .info-box {
        flex-direction: column;
    }

    .footer-menu li a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 992px) {
    .productSlideCard {
        width: 279px !important;
    }

    .iconimage {
        padding: 0;
        display: flex;
        align-items: center;
        width: 50px;
    }

    .iconview h5 {
        color: #000;
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .productSlideCard {
        width: 325px !important;
    }

    .footer-logo-footer img {
        max-width: 205px;
    }

    .cta-text h4 {
        font-size: 18px;
        font-weight: 500;
    }

    .info-box-title {
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 8px;
    }

    .single-cta i {
        font-size: 25px;
        margin-top: 3px;
    }

    .mobile-app-wrapper {
        justify-content: center;
    }

    .mobile-app-wrapper img {
        max-width: 65%;
    }

    .info-box-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {
    .productSlideCard {
        width: 350px !important;
        margin-right: 10px;
    }

    .info-box-icon {
        justify-content: center;
        display: flex;
    }

    .gap20 {
        margin: 5px 0 30px 0;
    }

    .firstbanner .swiper-container {
        height: 175px !important;
    }

    .dashboardCard {
        margin-left: 0;
        margin-top: 20px;
    }

    .walletBtnDiv button {
        margin: 0 !important;
    }

    .walletBtnDiv {
        display: flex;
        gap: 10px;
    }

    .marginTop20 {
        margin-top: 20px;
    }

    .brand-logo-link {
        max-width: 125px;
    }

    .faqImg img {
        width: 400px;
    }

    .modal-header h4 {
        color: #fff;
        font-size: 17px !important;
    }

    div#myModal .modal-header h4.modal-title {
        font-size: 20px !important;
    }

    .product-image-container {
        max-width: 265px !important;
    }

    .footer-social-icon span {
        font-weight: 500;
    }

    .footer-widget-heading h3 {
        font-weight: 500;
    }

    .product-rating-small {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 400px) {
    .productSlideCard {
        width: 300px !important;
    }

    .productSlideCard {
        width: 315px !important;
        margin-right: 20px;
    }

    .modal-title {
        font-size: 18px !important;
    }

    .product-rating-small {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 350px) {
    .productSlideCard {
        width: 250px !important;
    }

    .faqImg img {
        width: 300px;
    }

}




.badge {
    text-wrap: wrap !important;
    font-weight: 500 !important;
}

.loading {
    border-top-color: #5f259f !important;
}



/* CUSTOM RESPONSIVENESS END FROM HERE */
.reportNavTabs{
    gap: 10px;
}

.num-in span {
    cursor: pointer;
}
#cart-count {
    background: red;
    bottom: 34px;
    color: #fff;
    font-size: 12px;
    margin-left: 0;
    padding: 0;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -65px;
}


/* Abhishek CSS Update */
.dashboardIcon i{
    font-size: 40px;
}
.row.justify-content-between .flex-col.my-auto h6.ml-auto.mr-3 .buttonHoverColor:hover{
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #fff !important;
}
.checkAvailabilityHover:hover, .checkAvailabilityHover:focus{
 background-color: #5F259F !important;
 color: #fff !important;
 border-color: #5F259F !important;
}

.modal-title {
    color: #fff;
}

.add-to-cart{
padding: 6px 9px;
}


.contact-list{
    height: 100%;
}

.eyeOpenClass1{
    position: absolute;
    cursor: pointer;
    right: 25px;
    bottom: 69%;
}
.eyeOpenClass{
    position: absolute;
    cursor: pointer;
    right: 10px;
    bottom: 57%;
}

.eyeOpenClass2{
    position: absolute;
    cursor: pointer;
    bottom: 17%;
    right: 4%;
}