@import url("bootstrap.min.css");
@import url("bootstrap-icons.css");

#preloader, .affan-page-item {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

*, .sidenav-nav li .night-mode-nav .form-check input, ul {
    margin: 0
}

.bg-overlay, .breadcrumb-colorful, .breadcrumb-one, .breadcrumb-three, .breadcrumb-two, .calling-popup-wrap .calling-popup-body .user-thumbnail, .cart-table, .chat-user-status-slides, .countdown2 > div span.num, .cta-card, .language-lists, .notification-area, .otp-form, .partner-logo-slide-wrapper, .partner-logo-slide-wrapper-2, .price-table-one, .price-table-two, .product-details-card, .rating-card-one, .rating-card-two, .register-form, .service-card, .sidenav-profile .user-info, .single-counter-wrap, .single-product-card, .single-product-card .product-thumbnail, .stretched-link, .testimonial-slide-one-wrapper, .testimonial-slide-three-wrapper, .testimonial-slide-two-wrapper, .testimonial-style2, .testimonial-style3, .tiny-slider-one-wrapper, .tiny-slider-three-wrapper, .tiny-slider-two-wrapper, .user-info-card, .vertical-scrollspy, .video-calling-popup-wrap .video-calling-popup-body .user-thumbnail {
    position: relative;
    z-index: 1
}

.stretched-link, .stretched-link:focus, .stretched-link:hover {
    text-decoration: underline
}

.header-content.header-style-three .navbar--toggler span:last-child, .header-content.header-style-two .navbar--toggler span:last-child, .single-setting-panel:last-child a {
    margin-bottom: 0
}

.bg-img, .breadcrumb-four, .coming-soon-wrapper {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.footer-nav ul li a span, a, p {
    letter-spacing: 0 !important
}

#preloader {
    background: #f1f2fb;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

small p {
    margin-bottom: 0 !important;
    margin-inline: .8rem;
    font-size: .7rem
}

a {
    color: #4f0092
}

.btn-creative.btn-danger::after, .btn-creative.btn-info::after, .btn-creative.btn-primary::after, .btn-creative.btn-success::after, .circle-spinner.circle-spinner-dark .circle, .circle-spinner.circle-spinner-dark .circle::after, .custom-alert-1.alert-dark::after, .custom-alert-2.alert-dark, .divider.divider-center-icon.border-dark i, .timeline-card.bg-dark .timeline-text .badge, kbd {
    background-color: #292929
}

.blockquote-footer, .figure-caption, .form-text, caption {
    color: #9e80ae
}

.accordion-collapse, .img-thumbnail, .table {
    border-color: #ebebeb
}

.accordion-style-one .accordion-item h6.collapsed, .accordion-style-three .accordion-item h6.collapsed, .accordion-style-two .accordion-item h6.collapsed, .breadcrumb-three .breadcrumb-item, .btn, .btn:hover, .dropdown-item, .dropdown-item-text, .footer-nav.footer-style-four ul li a, .form-control-plaintext, .header-content .search-trigger-btn, .header-content.header-style-six .search-trigger-btn, .list-group-item-action, .popover-body, .social-info-wrap a:focus, .social-info-wrap a:hover, .table-danger, .table-info, .table-light, .table-primary, .table-secondary, .table-success, .table-warning, h1, h2, h3, h4, h5, h6 {
    color: #1f0757
}

.form-control::-webkit-input-placeholder {
    color: #9e80ae
}

.form-control::-moz-placeholder {
    color: #9e80ae
}

.form-control::-ms-input-placeholder {
    color: #9e80ae
}

.form-control:-ms-input-placeholder {
    color: #9e80ae
}

.form-control::placeholder {
    color: #9e80ae
}

.form-select:focus::-ms-value {
    color: #1f0757;
    background-color: #fff
}

.form-select:disabled {
    color: #9e80ae;
    background-color: #f1f2fb
}

.form-check-input {
    background-color: #fff;
    border: 1px solid #ebebeb
}

.form-check-input:checked {
    background-color: #9945FF;
    border-color: #9945FF
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #9945FF;
    border-color: #9945FF
}

.form-file-text {
    color: #1f0757;
    background-color: #fff
}

.form-file-button, .list-group-item-action:active, .list-group-item-action:focus, .list-group-item-action:hover {
    color: #1f0757;
    background-color: #f1f2fb
}

.form-range::-webkit-slider-thumb {
    background-color: #9945FF
}

.form-range::-moz-range-thumb {
    background-color: #9945FF
}

.form-range::-ms-thumb {
    background-color: #9945FF
}

.input-group-text {
    color: #1f0757;
    background-color: #cff2ff;
    border-color: #cff2ff
}

.valid-feedback {
    color: #2ecc4a
}

.valid-tooltip {
    color: #fff;
    background-color: rgba(40, 167, 69, .9)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #2ecc4a
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: #2ecc4a
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #2ecc4a
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #2ecc4a
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #2ecc4a
}

.form-file-input.is-valid ~ .form-file-label, .was-validated .form-file-input:valid ~ .form-file-label {
    border-color: #2ecc4a
}

.form-file-input.is-valid:focus ~ .form-file-label, .was-validated .form-file-input:valid:focus ~ .form-file-label {
    border-color: #2ecc4a
}

.invalid-feedback {
    color: #ea4c62
}

.invalid-tooltip {
    color: #fff;
    background-color: rgba(220, 53, 69, .9)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #ea4c62
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: #ea4c62
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #ea4c62
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color: #ea4c62
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #ea4c62
}

.form-file-input.is-invalid ~ .form-file-label, .was-validated .form-file-input:invalid ~ .form-file-label {
    border-color: #ea4c62
}

.form-file-input.is-invalid:focus ~ .form-file-label, .was-validated .form-file-input:invalid:focus ~ .form-file-label {
    border-color: #ea4c62
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover, .btn-primary, .btn-primary.disabled, .btn-primary:disabled, .page-item.active .page-link {
    color: #fff;
    background-color: #9945FF;
    border-color: #9945FF
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #7d02e2;
    border-color: #8602d5
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #8602d5;
    border-color: #8602d5
}

.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active, .btn-outline-secondary:hover, .btn-secondary {
    color: #fff;
    background-color: #9e80ae;
    border-color: #9e80ae
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus, .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active, .btn-outline-success:hover, .btn-success, .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #2ecc4a;
    border-color: #2ecc4a
}

.btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-info, .btn-info.disabled, .btn-info:disabled, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active, .btn-outline-info:hover {
    color: #fff;
    background-color: #1787b8;
    border-color: #1787b8
}

.btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active, .btn-outline-warning:hover, .btn-warning, .btn-warning.disabled, .btn-warning:disabled {
    color: #1f0757;
    background-color: #14F195;
    border-color: #14F195
}

.btn-check:focus + .btn-warning, .btn-warning:focus, .btn-warning:hover {
    color: #1f0757;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #1f0757;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-danger, .btn-danger.disabled, .btn-danger:disabled, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active, .btn-outline-danger:hover, [data-theme=dark] body .page-item.active .page-link {
    color: #fff;
    background-color: #ea4c62;
    border-color: #ea4c62
}

.btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-light, .btn-light.disabled, .btn-light:disabled, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active, .btn-outline-light:hover {
    color: #1f0757;
    background-color: #f1f2fb;
    border-color: #f1f2fb
}

.btn-check:focus + .btn-light, .btn-light:focus, .btn-light:hover {
    color: #1f0757;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
    color: #1f0757;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-dark, .btn-dark.disabled, .btn-dark:disabled, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active, .btn-outline-dark:hover {
    color: #fff;
    background-color: #292929;
    border-color: #292929
}

.btn-check:focus + .btn-dark, .btn-dark:focus, .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-outline-primary {
    color: #9945FF;
    border-color: #9945FF
}

.autocomplete-items > div strong, .breadcrumb-four .breadcrumb-item a:focus, .breadcrumb-four .breadcrumb-item a:hover, .breadcrumb-one .breadcrumb-item a:focus, .breadcrumb-one .breadcrumb-item a:hover, .breadcrumb-three .breadcrumb-item a:focus, .breadcrumb-three .breadcrumb-item a:hover, .breadcrumb-two .breadcrumb-item a:focus, .breadcrumb-two .breadcrumb-item a:hover, .btn-link, .btn-outline-primary.disabled, .btn-outline-primary:disabled, .chat-footer .dropdown-menu a:focus, .chat-footer .dropdown-menu a:hover, .chat-user-list li .chat-options-btn .dropdown-menu a:focus, .chat-user-list li .chat-options-btn .dropdown-menu a:hover, .footer-nav ul li a:focus, .footer-nav ul li a:focus span, .footer-nav ul li a:hover, .footer-nav ul li a:hover span, .footer-nav ul li.active a, .footer-nav ul li.active a span, .footer-nav.footer-style-four ul li a:focus, .footer-nav.footer-style-four ul li a:hover, .footer-nav.footer-style-four ul li.active a, .header-content .search-trigger-btn:focus, .header-content .search-trigger-btn:hover, .header-content.header-style-four .user-profile-trigger-btn:focus, .header-content.header-style-four .user-profile-trigger-btn:hover, .header-content.header-style-six .search-trigger-btn:focus, .header-content.header-style-six .search-trigger-btn:hover, .header-content.header-style-three .user-profile-trigger-btn:focus, .header-content.header-style-three .user-profile-trigger-btn:hover, .header-content.header-style-two .search-trigger-btn:focus, .header-content.header-style-two .search-trigger-btn:hover, .link-primary, .login-meta-data a:focus, .login-meta-data a:hover, .login-meta-data p a:focus, .login-meta-data p a:hover, .preview-iframe-wrapper .preview-hero-area .demo-title span, .single-chat-item .user-message .dropdown-menu a:focus, .single-chat-item .user-message .dropdown-menu a:hover, .single-chat-item .user-message .message-time-status .sent-status.delivered, .single-setting-panel a:focus, .single-setting-panel a:hover, .timeline-card .timeline-icon i, .timeline-card .timeline-icon svg, [view-mode=rtl] body .rtl-mode-switching svg {
    color: #9945FF
}

.btn-outline-secondary {
    color: #9e80ae;
    border-color: #9e80ae
}

.breadcrumb-item.active, .breadcrumb-one .breadcrumb-item a, .breadcrumb-three .breadcrumb-item a, .breadcrumb-two .breadcrumb-item a, .btn-link.disabled, .btn-link:disabled, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .dropdown-header, .dropdown-item.disabled, .dropdown-item:disabled, .link-secondary, .nav-link.disabled, .nav-tabs .nav-link.disabled, .timeline-card.bg-secondary .timeline-icon i, .timeline-card.bg-secondary .timeline-icon svg, .video-call-screen .call-back-button a, [data-theme=dark] body .table-hover > tbody > tr:hover {
    color: #9e80ae
}

.btn-outline-success {
    color: #2ecc4a;
    border-color: #2ecc4a
}

.btn-outline-success.disabled, .btn-outline-success:disabled, .link-success, .price-table-one .nav-tabs .nav-item:nth-child(3) .nav-link, .single-chat-item .user-message .message-time-status .sent-status.seen, .timeline-card.bg-success .timeline-icon i, .timeline-card.bg-success .timeline-icon svg {
    color: #2ecc4a
}

.btn-outline-info {
    color: #1787b8;
    border-color: #1787b8
}

.btn-outline-info.disabled, .btn-outline-info:disabled, .link-info, .timeline-card.bg-info .timeline-icon i, .timeline-card.bg-info .timeline-icon svg {
    color: #1787b8
}

.btn-outline-warning {
    color: #14F195;
    border-color: #14F195
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled, .link-warning, .single-chat-item.outgoing .dropdown-menu a:focus, .single-chat-item.outgoing .dropdown-menu a:hover, .skip-page a:focus, .skip-page a:hover, .timeline-card.bg-warning .timeline-icon i, .timeline-card.bg-warning .timeline-icon svg, [data-theme=dark] .dark-mode-switching i, [data-theme=dark] .rtl-mode-switching i, [data-theme=dark] body .autocomplete-items > div strong, [data-theme=dark] body .breadcrumb .breadcrumb-item a:focus, [data-theme=dark] body .breadcrumb .breadcrumb-item a:hover, [data-theme=dark] body .breadcrumb-three .breadcrumb-item a i, [data-theme=dark] body .chat-footer .btn-add-file, [data-theme=dark] body .chat-footer .btn-emoji, [data-theme=dark] body .chat-user-list li.chat-unread .chat-user-info .last-chat p, [data-theme=dark] body .countdown1 > div .num, [data-theme=dark] body .footer-nav ul li a:focus span, [data-theme=dark] body .footer-nav ul li a:hover span, [data-theme=dark] body .footer-nav ul li.active a span, [data-theme=dark] body .header-content .back-button a, [data-theme=dark] body .header-content .setting-trigger-btn, [data-theme=dark] body .header-content.header-style-six .search-trigger-btn, [data-theme=dark] body .login-back-button a, [data-theme=dark] body .login-meta-data a, [data-theme=dark] body .nav-url .dropdown-icon i, [data-theme=dark] body .otp-sec, [data-theme=dark] body .preview-iframe-wrapper .preview-hero-area .demo-title span, [data-theme=dark] body .single-chat-item .user-message .dropdown-menu a:focus, [data-theme=dark] body .single-chat-item .user-message .dropdown-menu a:hover, [data-theme=dark] body .single-product-card .sale-price, [data-theme=dark] body .single-setting-panel a:focus, [data-theme=dark] body .single-setting-panel a:hover, [data-theme=dark] body .social-info-wrap a:focus, [data-theme=dark] body .social-info-wrap a:hover, [data-theme=dark] body .special-text, [data-theme=dark] body a.affan-element-item:focus, [data-theme=dark] body a.affan-element-item:hover {
    color: #14F195
}

.btn-outline-danger {
    color: #ea4c62;
    border-color: #ea4c62
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled, .link-danger, .price-table-one .nav-tabs .nav-item:nth-child(2) .nav-link, .timeline-card.bg-danger .timeline-icon i, .timeline-card.bg-danger .timeline-icon svg {
    color: #ea4c62
}

.btn-outline-light {
    color: #f1f2fb;
    border-color: #f1f2fb
}

.btn-outline-light.disabled, .btn-outline-light:disabled, .link-light {
    color: #f1f2fb
}

.btn-outline-dark {
    color: #292929;
    border-color: #292929
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled, .link-dark, .timeline-card.bg-dark .timeline-icon i, .timeline-card.bg-dark .timeline-icon svg {
    color: #292929
}

.btn-link:hover, .link-primary:focus, .link-primary:hover {
    color: #024dbc
}

.dropdown-menu {
    color: #1f0757;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-divider {
    border-top: 1px solid #f1f2fb
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    background-color: #f1f2fb
}

.dropdown-item.active, .dropdown-item:active, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .progress-bar {
    color: #fff;
    background-color: #9945FF
}

.cart-table table > :not(:last-child) > :last-child > *, .comparison-table-two .table > :not(:last-child) > :last-child > *, .nav-tabs {
    border-bottom-color: #ebebeb
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #f1f2fb #f1f2fb #ebebeb
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #1f0757;
    background-color: #fff;
    border-color: #ebebeb #ebebeb #fff
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #9e80ae;
    content: "/"
}

.page-link {
    color: #9945FF;
    background-color: #fff;
    border: 1px solid #ebebeb
}

.page-link:hover {
    color: #024dbc;
    background-color: #f1f2fb;
    border-color: #ebebeb
}

.page-item.disabled .page-link {
    color: #9e80ae;
    background-color: #fff;
    border-color: #ebebeb
}

.autocomplete-items > div:hover, .btn-creative.btn-warning::after, .chat-user-list li:focus, .chat-user-list li:hover, .circle-spinner.circle-spinner-light .circle, .circle-spinner.circle-spinner-light .circle::after, .custom-alert-1.alert-light::after, .form-control:disabled, .form-control[readonly], .nav-url.dd-open, .progress {
    background-color: #f1f2fb
}

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.toast, .toast-header {
    background-color: rgba(255, 255, 255, .85)
}

.custom-alert-2.alert-light, .list-group-item.disabled, .list-group-item:disabled {
    color: #9e80ae;
    background-color: #fff
}

#setting-popup-overlay, .bg-overlay::after {
    background-color: #292929;
    left: 0;
    width: 100%;
    height: 100%
}

.toast {
    border: 1px solid rgba(0, 0, 0, .1)
}

.toast-header {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.accordion-style-one .accordion-item .accordion-body, .accordion-style-one .accordion-item:last-child h6, .modal-header {
    border-bottom: 1px solid #ebebeb
}

.modal-footer {
    border-top: 1px solid #ebebeb
}

.link-secondary:focus, .link-secondary:hover {
    color: #494f54
}

.link-success:focus, .link-success:hover {
    color: #19692c
}

.link-info:focus, .link-info:hover {
    color: #0f6674
}

.link-warning:focus, .link-warning:hover {
    color: #ba8b00
}

.link-danger:focus, .link-danger:hover {
    color: #a71d2a
}

.link-light:focus, .link-light:hover {
    color: #cbd3da
}

.link-dark:focus, .link-dark:hover {
    color: #121416
}

.border {
    border-color: #ebebeb !important
}

.border-top {
    border-top-color: #ebebeb !important
}

.border-end {
    border-right-color: #ebebeb !important
}

.border-bottom {
    border-bottom-color: #ebebeb !important
}

.border-start {
    border-left-color: #ebebeb !important
}

.border-primary {
    border-color: #9945FF !important
}

.border-secondary {
    border-color: #9e80ae !important
}

.border-success {
    border-color: #2ecc4a !important
}

.border-info {
    border-color: #1787b8 !important
}

.border-warning {
    border-color: #14F195 !important
}

.border-danger {
    border-color: #ea4c62 !important
}

.border-light {
    border-color: #f1f2fb !important
}

.border-dark {
    border-color: #292929 !important
}

.text-default, .text-slate {
    color: #f5ebff !important
}

.text-blue {
    color: #3500ff !important
}

.text-rose {
    color: #e11d48 !important
}

.text-pink {
    color: #db2777 !important
}

.text-fuchsia {
    color: #a21caf !important
}

.text-indigo {
    color: #4f46e5 !important
}

.text-teal {
    color: #14b8a6 !important
}

.text-emerald {
    color: #34d399 !important
}

.text-green {
    color: #22c55e !important
}

.text-whatsapp {
    color: #00b920 !important
}

.text-telegram {
    color: #009dea !important
}

.text-lime {
    color: #84cc16 !important
}

.text-orange {
    color: #ef7b00 !important
}

.text-amber {
    color: #f59e0b !important
}

.text-golden {
    color: #daa520 !important
}

.blog-title:focus, .blog-title:hover, .text-primary {
    color: #9945FF !important
}

.text-secondary {
    color: #636363 !important
}

.text-success {
    color: #2ecc4a !important
}

.text-info {
    color: #1787b8 !important
}

.text-warning, [data-theme=dark] body .blog-title:focus, [data-theme=dark] body .blog-title:hover, [data-theme=dark] body .offline-online-card strong {
    color: #14F195 !important
}

.text-danger {
    color: #ea4c62 !important
}

.text-gold {
    color: gold !important
}

.text-light {
    color: #f1f2fb !important
}

.text-dark {
    color: #292929 !important
}

.text-body {
    color: #1f0757 !important
}

.text-muted {
    color: #9e80ae !important
}

.bg-default, .bg-slate {
    background-color: #f5ebff !important
}

.bg-blue {
    background-color: #3500ff !important
}

.bg-rose {
    background-color: #e11d48 !important
}

.bg-pink {
    background-color: #db2777 !important
}

.bg-fuchsia {
    background-color: #a21caf !important
}

.bg-indigo {
    background-color: #4f46e5 !important
}

.bg-teal {
    background-color: #14b8a6 !important
}

.bg-emerald {
    background-color: #34d399 !important
}

.bg-green {
    background-color: #22c55e !important
}

.bg-whatsapp {
    background-color: #00b920 !important
}

.bg-telegram {
    background-color: #009dea !important
}

.bg-lime {
    background-color: #84cc16 !important
}

.bg-orange {
    background-color: #ef7b00 !important
}

.bg-amber {
    background-color: #f59e0b !important
}

.bg-gold {
    background-color: gold !important
}

.bg-golden {
    background-color: #daa520 !important
}

.bg-primary, .owl-dots button.owl-dot.active {
    background-color: #9945FF !important
}

.bg-secondary {
    background-color: #9e80ae !important
}

.bg-success {
    background-color: #2ecc4a !important
}

.bg-info {
    background-color: #1787b8 !important
}

.bg-warning {
    background-color: #14F195 !important
}

.bg-danger, .price-table-two .single-price-table.active .badge {
    background-color: #ea4c62 !important
}

.bg-gray, .bg-light {
    background-color: #f1f2fb !important
}

.bg-dark {
    background-color: #292929 !important
}

.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #1f0757
}

.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #1f0757
}

.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #1f0757
}

.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #1f0757
}

.tooltip-inner {
    padding: .375rem 1rem;
    background-color: #1f0757
}

.asc .dataTable-sorter::after, .desc .dataTable-sorter::before, .footer-nav.footer-style-five ul li.active::after, .footer-nav.footer-style-five ul li:focus::after, .footer-nav.footer-style-five ul li:hover::after, .footer-nav.footer-style-seven ul li.active::after, .footer-nav.footer-style-seven ul li:focus::after, .footer-nav.footer-style-seven ul li:hover::after, .footer-nav.footer-style-six ul li.active::after, .footer-nav.footer-style-six ul li:focus::after, .footer-nav.footer-style-six ul li:hover::after, .tooltip.show {
    opacity: 1
}

* {
    padding: 0;
    font-family: "Rubik" !important;
}

body, html {
    font-family: "Rubik", sans-serif;
    overflow-x: hidden;
    background-color: #f5ebff;
    color: #9e80ae;
    scrollbar-width: auto
}

p {
    font-size: 14px;
    color: #510081;
    line-height: 1.75
}

a, a:focus, a:hover {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
    outline: transparent solid 0
}

ul li, ul li:focus, ul li:hover {
    list-style: none;
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto
}

.custom-container {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1400px) {
    .container {
        max-width: 760px
    }

    .custom-container {
        min-width: 460px;
        max-width: 600px;
    }

    .preview-iframe-wrapper .container.demo-container {
        max-width: 1320px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .container {
        max-width: 740px
    }

    .custom-container {
        min-width: 450px;
        max-width: 550px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 720px
    }

    .custom-container {
        max-width: 520px;
        min-width: 430px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 580px;
        min-width: 560px;
    }

    .custom-container {
        max-width: 500px;
        min-width: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .custom-container {
        max-width: 390px;
        min-width: 310px;
    }
}

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    letter-spacing: -1px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes flashing {
    0%, 90% {
        opacity: 1
    }
    45% {
        opacity: 0
    }
}

@keyframes flashing {
    0%, 90% {
        opacity: 1
    }
    45% {
        opacity: 0
    }
}

@-webkit-keyframes circlebig {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circlebig {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dotloader {
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes dotloader {
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@-webkit-keyframes circleloader2 {
    0% {
        width: 0%;
        height: 0%
    }
    40% {
        width: 100%;
        height: 100%;
        opacity: .7
    }
    100% {
        width: 240%;
        height: 240%;
        opacity: 0
    }
}

@keyframes circleloader2 {
    0% {
        width: 0%;
        height: 0%
    }
    40% {
        width: 100%;
        height: 100%;
        opacity: .7
    }
    100% {
        width: 240%;
        height: 240%;
        opacity: 0
    }
}

@-webkit-keyframes toast-animation {
    0% {
        width: 100%
    }
    100% {
        width: 0%
    }
}

@keyframes toast-animation {
    0% {
        width: 100%
    }
    100% {
        width: 0%
    }
}

@-webkit-keyframes typingg {
    0%, 100% {
        top: 0
    }
    50% {
        top: -6px
    }
}

@keyframes typingg {
    0%, 100% {
        top: 0
    }
    50% {
        top: -6px
    }
}

.font-size-md, .fz-14 {
    font-size: 14px !important
}

.font-size-small, .fz-12 {
    font-size: 12px !important
}

input:invalid, input:required, textarea:invalid, textarea:required {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.list-unstyled li {
    margin-top: .5rem;
    list-style: circle
}

.list-unstyled li:first-child {
    margin-top: 0
}

.list-unstyled li ul li:first-child {
    margin-top: .5rem
}

.img-circle {
    border-radius: 50% !important
}

.rounded-right, .rounded-top {
    border-top-right-radius: .325rem !important
}

.rounded-bottom, .rounded-right {
    border-bottom-right-radius: .325rem !important
}

.rounded-bottom, .rounded-left {
    border-bottom-left-radius: .325rem !important
}

.rounded-left, .rounded-top {
    border-top-left-radius: .325rem !important
}

.bi {
    display: inline-block
}

.bg-fixed {
    background-attachment: fixed
}

.bg-overlay::after {
    position: absolute;
    content: "";
    opacity: .75;
    top: 0;
    z-index: -1
}

.border-content small {
    font-size: 10px;
    text-align: center;
    margin-bottom: .5rem
}

.rounded {
    border-radius: .325rem !important
}

.rounded-lg {
    border-radius: .5rem !important
}

.rounded-xl {
    border-radius: .75rem !important
}

.rounded-full {
    border-radius: 1rem !important
}

.dark-mode-switching, .rtl-mode-switching {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background-color: #fff;
    display: none
}

.dark-mode-switching i, .rtl-mode-switching i {
    margin: 0 auto .5rem;
    color: #1f0757;
    font-size: 2rem
}

#password-visibility i.bi-eye-slash, #password-visibility.active i.bi-eye, .chat-user-list li .chat-options-btn .dropdown-toggle::before, .dark-mode-switching .dark-mode-text, .dark-mode-switching .rtl-mode-text, .footer-nav.footer-style-two ul li.active a span, .rtl-mode-switching .dark-mode-text, .rtl-mode-switching .rtl-mode-text, .social-info-wrap a:last-child::after, [data-theme=dark] .dark-mode-switching .light-mode-text, [view-mode=rtl] body .rtl-mode-switching .ltr-mode-text {
    display: none
}

#password-visibility.active i.bi-eye-slash, .badge-avater img, .chat-user-list li .chat-options-btn .dropdown-menu li, .dark-mode-switching .light-mode-text, .dark-mode-switching .ltr-mode-text, .rtl-mode-switching .light-mode-text, .rtl-mode-switching .ltr-mode-text, .single-chat-item .user-message .single-message, [data-theme=dark] .dark-mode-switching .dark-mode-text, [view-mode=rtl] body .preview-iframe-wrapper .preview-hero-area .qr-code-wrapper, [view-mode=rtl] body .rtl-mode-switching .rtl-mode-text {
    display: block
}

.home-page-toast {
    position: fixed !important;
    z-index: 1000 !important;
    top: 65px;
    right: 15px;
    max-width: 18.5rem
}

.page-content-wrapper {
    margin-top: 50px;
    margin-bottom: 62px
}

.affan-page-item {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 1rem;
    background-color: transparent;
    padding: .5rem 0;
    color: #073984;
    border-radius: .5rem;
    border: 1px solid transparent;
    font-weight: 500
}

.affan-page-item .icon-wrapper, a.affan-element-item {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.affan-page-item .icon-wrapper {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    margin-right: .5rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.affan-page-item .icon-wrapper svg, .footer-nav ul li a svg {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.affan-page-item > i, .nav-url .dropdown-icon, a.affan-element-item i {
    margin-left: auto
}

.affan-page-item.active, .affan-page-item:focus, .affan-page-item:hover {
    background-color: #fff;
    border-color: #ebebeb;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    padding: .5rem .75rem
}

.affan-page-item.active .icon-wrapper, .affan-page-item:focus .icon-wrapper, .affan-page-item:hover .icon-wrapper {
    background-color: #c2d4f8
}

.affan-element-item {
    background-color: transparent;
    margin: 1rem 0
}

a.affan-element-item {
    margin: .25rem 0;
    background-color: #fff;
    padding: .625rem 1rem;
    color: #073984;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .25rem;
    font-weight: 500
}

.header-content .myhead {
    font-size: 15px;
    margin-right: 15px;
    margin-left: 15px
}

.accordion-style-four .accordion-item h6.collapsed, .badge-avater:focus, .badge-avater:hover, .bg-danger .header-content .search-trigger-btn:focus, .bg-danger .header-content .search-trigger-btn:hover, .bg-danger .header-content .setting-trigger-btn, .bg-danger .header-content .setting-trigger-btn:focus, .bg-danger .header-content .setting-trigger-btn:hover, .bg-danger .header-content .user-profile-trigger-btn:focus, .bg-danger .header-content .user-profile-trigger-btn:hover, .bg-danger.footer-nav ul li a:focus, .bg-danger.footer-nav ul li a:hover, .bg-danger.footer-nav ul li.active a, .bg-dark .header-content .search-trigger-btn:focus, .bg-dark .header-content .search-trigger-btn:hover, .bg-dark .header-content .setting-trigger-btn, .bg-dark .header-content .setting-trigger-btn:focus, .bg-dark .header-content .setting-trigger-btn:hover, .bg-dark .header-content .user-profile-trigger-btn:focus, .bg-dark .header-content .user-profile-trigger-btn:hover, .bg-dark.footer-nav ul li a:focus, .bg-dark.footer-nav ul li a:hover, .bg-dark.footer-nav ul li.active a, .bg-info .header-content .search-trigger-btn:focus, .bg-info .header-content .search-trigger-btn:hover, .bg-info .header-content .setting-trigger-btn, .bg-info .header-content .setting-trigger-btn:focus, .bg-info .header-content .setting-trigger-btn:hover, .bg-info .header-content .user-profile-trigger-btn:focus, .bg-info .header-content .user-profile-trigger-btn:hover, .bg-info.footer-nav ul li a:focus, .bg-info.footer-nav ul li a:hover, .bg-info.footer-nav ul li.active a, .bg-primary .header-content .search-trigger-btn:focus, .bg-primary .header-content .search-trigger-btn:hover, .bg-primary .header-content .setting-trigger-btn, .bg-primary .header-content .setting-trigger-btn:focus, .bg-primary .header-content .setting-trigger-btn:hover, .bg-primary .header-content .user-profile-trigger-btn:focus, .bg-primary .header-content .user-profile-trigger-btn:hover, .bg-primary.footer-nav ul li a:focus, .bg-primary.footer-nav ul li a:hover, .bg-primary.footer-nav ul li.active a, .bg-secondary .header-content .search-trigger-btn:focus, .bg-secondary .header-content .search-trigger-btn:hover, .bg-secondary .header-content .setting-trigger-btn, .bg-secondary .header-content .setting-trigger-btn:focus, .bg-secondary .header-content .setting-trigger-btn:hover, .bg-secondary .header-content .user-profile-trigger-btn:focus, .bg-secondary .header-content .user-profile-trigger-btn:hover, .bg-secondary.footer-nav ul li a:focus, .bg-secondary.footer-nav ul li a:hover, .bg-secondary.footer-nav ul li.active a, .bg-success .header-content .search-trigger-btn:focus, .bg-success .header-content .search-trigger-btn:hover, .bg-success .header-content .setting-trigger-btn, .bg-success .header-content .setting-trigger-btn:focus, .bg-success .header-content .setting-trigger-btn:hover, .bg-success .header-content .user-profile-trigger-btn:focus, .bg-success .header-content .user-profile-trigger-btn:hover, .bg-success.footer-nav ul li a:focus, .bg-success.footer-nav ul li a:hover, .bg-success.footer-nav ul li.active a, .bg-warning .header-content .search-trigger-btn:focus, .bg-warning .header-content .search-trigger-btn:hover, .bg-warning .header-content .setting-trigger-btn, .bg-warning .header-content .setting-trigger-btn:focus, .bg-warning .header-content .setting-trigger-btn:hover, .bg-warning .header-content .user-profile-trigger-btn:focus, .bg-warning .header-content .user-profile-trigger-btn:hover, .bg-warning.footer-nav ul li a:focus, .bg-warning.footer-nav ul li a:hover, .bg-warning.footer-nav ul li.active a, .breadcrumb-colorful .breadcrumb-item a:focus, .breadcrumb-colorful .breadcrumb-item a:hover, .breadcrumb-four .breadcrumb-item, .breadcrumb-four .breadcrumb-item a, .header-content .myhead a, .sidenav-profile .user-info h6 {
    color: #fff
}

.badge-avater-group, .dataTable-pagination, .element-heading-wrapper, .single-setting-panel .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.element-heading-wrapper i {
    width: 2rem;
    height: 2rem;
    background-color: #9945FF;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    min-width: 2rem;
    font-size: 1rem
}

.order-success-wrapper, .single-setting-panel a {
    -webkit-box-align: center;
    display: -webkit-box;
    display: -ms-flexbox
}

.element-heading-wrapper span {
    font-size: 13px;
    color: #9e80ae;
    display: block
}

.order-success-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 1rem 3rem
}

#setting-popup-overlay, .setting-popup-card {
    position: fixed !important;
    opacity: 0;
    visibility: hidden
}

.single-setting-panel .form-check-label {
    color: #9e80ae;
    font-weight: 500;
    margin-top: .225em
}

.single-setting-panel a {
    color: #9e80ae;
    font-weight: 500;
    margin-bottom: .5rem;
    display: flex;
    font-size: 14px;
    -ms-flex-align: center;
    align-items: center
}

.single-setting-panel a .icon-wrapper {
    background-color: #9945FF;
    margin-right: .5rem;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.single-setting-panel a .icon-wrapper i, .single-setting-panel a .icon-wrapper svg {
    color: #fff;
    line-height: 1
}

.single-setting-panel .form-check label, .tiny-slider-one-wrapper .tns-controls button[data-controls=next], [view-mode=rtl] body .countdown2 > div:first-child {
    margin-left: .5rem
}

#setting-popup-overlay {
    z-index: 100 !important;
    top: 0;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms
}

#setting-popup-overlay.active {
    opacity: .85;
    visibility: visible
}

.setting-popup-card {
    height: auto;
    width: calc(100% - 1rem);
    z-index: 10000 !important;
    top: 50px;
    left: .5rem;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px)
}

.dark-mode-wrapper .form-check-label, .setting-popup-card #settingCardClose {
    cursor: pointer
}

.setting-popup-card.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none
}

.internet-connection-status {
    display: none;
    position: fixed;
    background-color: transparent;
    width: 100%;
    height: 32px;
    z-index: 999;
    text-align: center;
    color: #fff;
    top: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 0;
    right: 0;
    line-height: 32px;
    font-weight: 700;
    font-size: 12px
}

.login-wrapper {
    position: relative;
    width: 100%;
    min-height: 100vh;
    z-index: 10;
    overflow-y: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    overflow-x: hidden;
    background-color: #fff
}

.login-wrapper .brand-logo {
    max-height: 26px
}

.login-wrapper .login-intro-img {
    max-height: 25vh
}

.login-back-button {
    position: fixed;
    top: 2rem;
    left: 28px;
    z-index: 100
}

.register-form .progress {
    width: 100%;
    height: 5px;
    margin-top: 1rem;
    border-radius: 1rem;
    margin-bottom: .25rem
}

.chat-footer .btn-add-file.dropdown-toggle::after, .register-form .password-recommendation, .register-form .password-score, .single-chat-item .user-message .btn-options.dropdown-toggle::after, .single-chat-item .user-message .btn-options.dropdown-toggle::before, .splide__pagination {
    display: none !important
}

.register-form #password-recommendation-heading {
    font-weight: 700;
    color: #2ecc4a;
    font-size: 16px
}

.cart-table .table tbody td h6, .cart-table .table tbody th h6, .coming-soon-card .countdown3 > div span, .dropdown-menu li a, .form-control-plaintext, .input-group-text, .nav-tabs .nav-link, .register-form .form-check-label, .table, .tiny-slider-one-wrapper .single-hero-slide .slide-content p {
    font-size: 14px
}

.login-meta-data a {
    font-size: 14px;
    color: #1f0757;
    font-weight: 500
}

.login-meta-data p a {
    color: #1f0757;
    font-weight: 500;
    margin-left: .25rem
}

.otp-form select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px;
    width: 90px;
    text-align: left
}

.otp-verify-form {
    position: relative;
    z-index: 1;
    text-align: center
}

.otp-verify-form .form-control {
    font-weight: 700;
    text-align: center
}

.otp-sec {
    color: #1f0757;
    font-weight: 700
}

form .btn {
    padding: 9px 16px
}

form .btn.btn-lg {
    padding: 12px 16px
}

form .btn.btn-sm {
    padding: 3px 12px
}

.header-area {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    background-color: #f5ebff;
    width: 100%;
    height: 50px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: 1px solid #ebebeb;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}

.show-header {
    top: 0 !important
}

.hide-header {
    top: -10% !important
}

.header-content {
    z-index: 1;
    height: 50px
}

.header-style-auth {
    position: absolute !important;
    z-index: 99;
    width: 100vw
}

.header-content .back-button a {
    display: block;
    margin-left: -.25rem
}

.font-size-2rem, .header-content .back-button a i {
    font-size: 2rem !important
}

.header-content .logo-wrapper a {
    display: block;
    text-align: center;
    position: relative
}

.header-content .logo-wrapper a img {
    max-height: 26px;
    width: auto;
    text-align: center
}

.header-content .navbar--toggler {
    position: relative;
    z-index: 1;
    cursor: pointer
}

.header-content .navbar--toggler span {
    width: 23px;
    height: 2px;
    background-color: #1f0757;
    margin-bottom: 5px
}

.header-content .navbar--toggler span:nth-child(2) {
    width: 18px
}

.header-content .navbar--toggler span:last-child {
    margin-bottom: 0;
    width: 13px
}

.header-content .setting-trigger-btn {
    position: relative;
    z-index: 1;
    display: block;
    color: #1f0757;
    cursor: pointer
}

.header-content .setting-trigger-btn span {
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: #9945FF;
    position: absolute;
    top: 4px;
    right: 1px;
    border-radius: 50%;
    -webkit-animation: 1.2s infinite flashing;
    animation: 1.2s infinite flashing
}

.header-content.header-style-two .search-trigger-btn {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    color: #1f0757;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-content.header-style-two .navbar--toggler {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-content.header-style-two .navbar--toggler span {
    width: 14px;
    margin-bottom: 3px;
    border-radius: 0;
    color: #9e80ae
}

.header-content.header-style-three .user-profile-trigger-btn {
    width: 2rem;
    height: 2rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    display: block;
    color: #1f0757;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-img-wrap img, .header-content.header-style-four .user-profile-trigger-btn img, .header-content.header-style-three .user-profile-trigger-btn img, .sidenav-profile .user-profile img, .single-user-review .user-thumbnail img, .team-member-card .team-member-img img, .testimonial-style2 .single-testimonial-slide .image-wrapper img, .user-info-card .user-profile img {
    border-radius: 50%
}

.header-content.header-style-three .navbar--toggler {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sidenav-nav li .night-mode-nav, .sidenav-nav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.header-content.header-style-three .navbar--toggler span {
    width: 14px;
    margin-bottom: 3px;
    border-radius: 0;
    color: #9e80ae
}

.header-content.header-style-four .user-profile-trigger-btn {
    width: 2rem;
    height: 2rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    display: block
}

.header-content.header-style-five .navbar--toggler {
    border: 2px solid #ebebeb;
    padding: 5px;
    border-radius: 4px
}

.header-content.header-style-five .navbar--toggler span {
    width: 18px;
    margin-bottom: 4px
}

.accordion-style-four .accordion-item, .accordion-style-three .accordion-item:last-child, .blog-description p:last-child, .header-content.header-style-five .navbar--toggler span:last-child, .language-lists li:last-child, .notification-area a:last-child .alert, .single-chat-item.outgoing .user-message .message-content:last-child, .single-chat-item:last-child, .single-plan-check:last-child, .single-task-progress:last-child, .skill-progress-bar:last-child, .timeline-card:last-child {
    margin-bottom: 0
}

.bg-danger .header-content .navbar--toggler, .bg-dark .header-content .navbar--toggler, .bg-info .header-content .navbar--toggler, .bg-primary .header-content .navbar--toggler, .bg-secondary .header-content .navbar--toggler, .bg-success .header-content .navbar--toggler, .bg-warning .header-content .navbar--toggler {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, .2)
}

.bg-danger .header-content .navbar--toggler span, .bg-dark .header-content .navbar--toggler span, .bg-info .header-content .navbar--toggler span, .bg-primary .header-content .navbar--toggler span, .bg-secondary .header-content .navbar--toggler span, .bg-success .header-content .navbar--toggler span, .bg-warning .header-content .navbar--toggler span, .breadcrumb, .breadcrumb-wrapper, .chat-user-list li .chat-options-btn .dropdown-menu li:focus, .chat-user-list li .chat-options-btn .dropdown-menu li:hover, .header-demo-bg, .rating-card-one > div, [data-theme=dark] body .custom-alert-1.alert-dark::after, [data-theme=dark] body .header-content .navbar--toggler span, [data-theme=dark] body .timeline-card::after {
    background-color: #fff
}

.bg-danger .header-content .search-trigger-btn, .bg-danger .header-content .user-profile-trigger-btn, .bg-dark .header-content .search-trigger-btn, .bg-dark .header-content .user-profile-trigger-btn, .bg-info .header-content .search-trigger-btn, .bg-info .header-content .user-profile-trigger-btn, .bg-primary .header-content .search-trigger-btn, .bg-primary .header-content .user-profile-trigger-btn, .bg-secondary .header-content .search-trigger-btn, .bg-secondary .header-content .user-profile-trigger-btn, .bg-success .header-content .search-trigger-btn, .bg-success .header-content .user-profile-trigger-btn, .bg-warning .header-content .search-trigger-btn, .bg-warning .header-content .user-profile-trigger-btn {
    color: #fff;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, .2)
}

.offcanvas-body {
    scroll-behavior: smooth;
    scrollbar-width: thin
}

.offcanvas-end, .offcanvas-start {
    width: 320px
}

.offcanvas-bottom .btn-close, .offcanvas-start .btn-close, .offcanvas-top .btn-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1000
}

.offcanvas-end .btn-close {
    position: absolute;
    left: 1rem;
    top: 1rem;
    z-index: 1000
}

.sidenav-wrapper .sidenav-style1 {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: -10;
    opacity: .1;
    width: 2rem;
    height: 3.5rem;
    border-radius: 2px 70px;
    background-color: #fff
}

.sidenav-nav, .sidenav-nav li a, .sidenav-profile, .social-info-wrap a {
    position: relative;
    z-index: 1
}

.sidenav-wrapper .sidenav-style1::after {
    content: "";
    width: 2rem;
    height: .25rem;
    background-color: #fff;
    position: absolute;
    border-radius: .5rem;
    bottom: .25rem;
    left: 2.5rem
}

.sidenav-profile {
    background-color: #9945FF;
    text-align: center;
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.sidenav-profile .user-profile {
    position: relative;
    z-index: 1;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto .5rem
}

.sidenav-profile .user-info span {
    font-size: 13px;
    color: #fff;
    opacity: .8
}

.btn, .sidenav-nav li a {
    font-size: 14px;
    font-weight: 500
}

.sidenav-nav {
    margin: 1.5rem 0
}

.sidenav-nav li a {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #9e80ae;
    padding: .625rem 1.25rem
}

.sidenav-nav li .night-mode-nav i, .sidenav-nav li a i {
    margin-right: 1rem;
    font-size: 18px
}

.sidenav-nav li .night-mode-nav:hover, .sidenav-nav li a:hover {
    color: #9945FF;
    background-color: #f1f2fb
}

.sidenav-nav li .night-mode-nav {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    font-size: 14px;
    font-weight: 500
}

.footer-nav.footer-style-two li.active a, .social-info-wrap {
    -webkit-box-align: center;
    display: -webkit-box;
    display: -ms-flexbox
}

.sidenav-nav li .night-mode-nav .form-check {
    padding-top: .25rem;
    min-height: auto;
    margin-bottom: 0;
    margin-left: auto
}

.sidenav-nav li ul {
    display: none;
    background-color: #f1f2fb;
    padding-bottom: .75rem
}

.sidenav-nav li ul li a {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.nav-url .dropdown-icon i {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 16px;
    color: #1f0757;
    margin-right: 0
}

.nav-url.dd-open .dropdown-icon i, [view-mode=rtl] body .back-button a, [view-mode=rtl] body .pagination .page-item:first-child .page-link svg, [view-mode=rtl] body .pagination .page-item:last-child .page-link svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.social-info-wrap {
    padding: 1.5rem 1.25rem 1rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ebebeb
}

.social-info-wrap a {
    display: block;
    line-height: 1;
    margin: 0 1rem;
    color: #9e80ae
}

.social-info-wrap a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #9e80ae;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    right: -19px
}

.copyright-info {
    padding: 0 1.5rem 1.5rem;
    text-align: center
}

.copyright-info p {
    margin-bottom: 0;
    font-size: .875rem
}

.copyright-info p a {
    padding-left: .25rem;
    font-size: .875rem
}

.footer-nav-area {
    position: fixed !important;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    background-color: #fff;
    filter: drop-shadow(0 0 3px #00000035);
    height: 60px;
    z-index: 1000;
    border-radius: 15px !important
}

.badge-avater, .btn-creative, .footer-nav ul li, .footer-nav ul li a {
    z-index: 1;
    position: relative
}

.footer-nav-area.fix {
    bottom: 15px;
    left: 15px;
    right: 15px
}

.footer-nav-area.scroll {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    bottom: 0;
    left: 0;
    right: 0
}

.footer-nav {
    height: 60px
}

.footer-nav ul {
    position: relative;
    z-index: 10;
    width: 95%;
    margin-inline: auto
}

.footer-nav ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.footer-nav ul li a {
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    color: #1f0757
}

.footer-nav ul li a span {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    color: #1f0757;
    display: block;
    margin-bottom: .475rem;
    font-size: .7rem;
    font-weight: 600 !important
}

.footer-nav.footer-style-two li.active a {
    position: relative;
    z-index: 1;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(117, 1, 212, .3);
    margin: -25px auto 0;
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.footer-nav.footer-style-five ul li::after, .footer-nav.footer-style-six ul li::after {
    width: 2rem;
    height: 3px;
    -webkit-transition-duration: .5s;
    position: absolute;
    left: 50%;
    opacity: 0;
    content: ""
}

.footer-nav.footer-style-two li.active a::before {
    border-radius: 50%;
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    right: 10%;
    z-index: -10;
    background-color: #9945FF;
    content: ""
}

.footer-nav.footer-style-three ul li a {
    background-color: #f1f2fb;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dataTable-pagination li a:focus, .dataTable-pagination li a:hover, .dataTable-pagination li.active a, .footer-nav.footer-style-three ul li a:focus, .footer-nav.footer-style-three ul li a:hover, .footer-nav.footer-style-three ul li.active a, .scrollspy-indicatiors .nav-link.active, .single-chat-item.outgoing .user-message .single-message p, [data-theme=dark] body .single-chat-item.outgoing .user-message .single-message p {
    background-color: #9945FF;
    color: #fff
}

.comparison-table-two .table tbody tr td:nth-child(2), .comparison-table-two .table thead tr th:nth-child(2), .footer-nav.footer-style-four ul li, .testimonial-style2 .single-testimonial-slide .text-content {
    text-align: center
}

.footer-nav.footer-style-four ul li span {
    font-size: 12px;
    display: block;
    margin-top: .25rem;
    font-weight: 500;
    line-height: 1
}

.footer-nav.footer-style-five ul li, .footer-nav.footer-style-seven ul li, .footer-nav.footer-style-six ul li {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.accordion-style-one .accordion-item h6, .btn-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.footer-nav.footer-style-five ul li::after {
    background-color: #9945FF;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition-duration: .5s
}

.footer-nav.footer-style-six ul li::after {
    background-color: #9945FF;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition-duration: .5s
}

.footer-nav.footer-style-seven ul li::after {
    width: 7px;
    height: 7px;
    background-color: #2ecc4a;
    border-radius: 50%;
    content: "";
    position: absolute;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.horizontal-scroll.footer-nav ul {
    scrollbar-width: thin;
    overflow-x: scroll;
    overflow-y: hidden
}

.horizontal-scroll.footer-nav ul li {
    padding: 0 1rem
}

.bg-danger.footer-nav ul li a, .bg-dark.footer-nav ul li a, .bg-info.footer-nav ul li a, .bg-primary.footer-nav ul li a, .bg-secondary.footer-nav ul li a, .bg-success.footer-nav ul li a, .bg-warning.footer-nav ul li a {
    color: rgba(255, 255, 255, .6)
}

.btn {
    padding: 6px 14px;
    border-radius: 5px
}

.btn-group-lg > .btn, .btn-lg {
    font-size: 1rem;
    padding: 10px 22px;
    border-radius: 7px
}

.btn-group-sm > .btn, .btn-sm {
    font-size: 12px;
    padding: .25rem .625rem;
    border-radius: 5px
}

.btn-round, .card-round {
    border-radius: 50rem !important
}

.btn-group-lg > .btn.btn-round, .btn-lg.btn-round {
    padding: 11px 22px
}

.btn-group-sm > .btn.btn-round, .btn-sm.btn-round {
    padding: .25rem .75rem
}

.btn-creative {
    border: 0;
    overflow: hidden
}

.btn-creative:focus, .btn-creative:hover, .chat-user-list li .chat-options-btn .btn:focus, .colorful-tab .btn:focus, .form-check-input:focus, .minimal-tab .btn:focus, [data-theme=dark] body .chat-user-list {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-creative.btn-secondary::after, .testimonial-slide-one-wrapper .tns-nav button.tns-nav-active, .testimonial-slide-three-wrapper .tns-nav button.tns-nav-active {
    background-color: #1f0757
}

.btn-creative.btn-light::after, .carousel-indicators button.active, .circle-spinner.circle-spinner-warning .circle, .circle-spinner.circle-spinner-warning .circle::after, .custom-alert-1.alert-warning::after, .custom-alert-2.alert-warning, .divider.divider-center-icon.border-warning i, .tns-nav button.tns-nav-active, .testimonial-slide-two-wrapper .tns-controls button[data-controls=next]:focus, .testimonial-slide-two-wrapper .tns-controls button[data-controls=next]:hover, .testimonial-slide-two-wrapper .tns-controls button[data-controls=prev]:focus, .testimonial-slide-two-wrapper .tns-controls button[data-controls=prev]:hover, .timeline-card.bg-warning .timeline-text .badge, .tiny-slider-one-wrapper .tns-nav button.tns-nav-active, [data-theme=dark] body .footer-nav.footer-style-five ul li::after, [data-theme=dark] body .footer-nav.footer-style-six ul li::after, [data-theme=dark] body .footer-nav.footer-style-two li.active a::before {
    background-color: #14F195
}

.add-new-contact-wrap a, .btn-creative.btn-dark::after, .custom-alert-1.alert-primary::after, .custom-alert-2.alert-primary, .divider.divider-center-icon.border-primary i, .single-chat-item.outgoing .dropdown-menu, .timeline-card .timeline-text .badge, [data-theme=dark] body .price-table-two .single-price-table.active {
    background-color: #9945FF
}

.btn-creative::after {
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -2;
    border-radius: 50%
}

.btn-creative:focus::after, .btn-creative:hover::after {
    top: -40%
}

.blog-description p, .btn > i, .comparison-table-one .table i, .comparison-table-two .table i, .video-call-screen .call-btn-group a > i {
    font-size: 1rem
}

.btn-circle {
    border: 0;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-circle > i, .btn-circle > svg {
    font-size: 1.25rem;
    margin-right: 0;
    line-height: 1
}

.btn-facebook, .btn-facebook:focus, .btn-facebook:hover {
    background-color: #1778f2;
    border-color: #1778f2
}

.btn-google, .btn-google:focus, .btn-google:hover {
    background-color: #ea4335;
    border-color: #ea4335
}

.btn-twitter, .btn-twitter:focus, .btn-twitter:hover {
    background-color: #1da1f2;
    border-color: #1da1f2
}

.badge {
    padding: .25rem .5rem;
    border-radius: .25rem
}

.badge-avater {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 2rem;
    font-weight: 700;
    font-size: 14px
}

.badge-avater .status {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    border: 2px solid #fff
}

.badge-avater.badge-avater-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 10px;
    line-height: 1.5rem
}

.badge-avater.badge-avater-sm .status {
    width: .5rem;
    height: .5rem;
    bottom: -2px;
    right: -1px;
    border: 1px solid #fff
}

.badge-avater.badge-avater-lg {
    width: 3rem;
    height: 3rem;
    font-size: 16px;
    line-height: 3rem
}

.badge-avater.badge-avater-lg .status {
    width: 1rem;
    height: 1rem;
    bottom: 0;
    right: 0
}

.badge-avater-group .badge-avater {
    margin-right: -.75rem
}

.badge-avater-group .badge-avater.badge-avater-sm {
    margin-right: -.5rem
}

.breadcrumb-item {
    font-weight: 500;
    line-height: 2;
}

.breadcrumb-one .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-three .breadcrumb-item + .breadcrumb-item::before {
    color: #9e80ae;
    content: ">"
}

.breadcrumb-one .breadcrumb-item, .breadcrumb-two .breadcrumb-item {
    font-size: 14px;
    color: #1f0757
}

.breadcrumb-two .breadcrumb-item + .breadcrumb-item::before {
    color: #9e80ae;
    content: "~"
}

.breadcrumb-three .breadcrumb-item a i, .breadcrumb-three .breadcrumb-item a svg {
    margin-right: .5rem;
    color: #1f0757
}

.breadcrumb-four {
    position: relative;
    z-index: 1
}

.breadcrumb-four .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
    content: ">"
}

.breadcrumb-colorful .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, .6);
    content: ">"
}

.breadcrumb-colorful .breadcrumb-item {
    font-size: 14px;
    color: #fff
}

.breadcrumb-colorful .breadcrumb-item a {
    color: rgba(255, 255, 255, .6);
    border-bottom: 2px solid rgba(255, 255, 255, .6)
}

.accordion-button {
    padding: .75rem 1rem;
    font-size: 14px;
    color: #1f0757;
    border-color: #ebebeb;
    font-weight: 500
}

.accordion-style-one .accordion-item, .accordion-style-two .accordion-item {
    margin-bottom: 0;
    border-bottom: 0
}

.accordion-style-one .accordion-item h6 {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%;
    padding: 1rem;
    border-bottom: 1px solid #ebebeb;
    color: #9945FF;
    cursor: pointer
}

.accordion-style-three .accordion-item h6, .accordion-style-two .accordion-item h6 {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    width: 100%;
    margin-bottom: 0;
    cursor: pointer
}

.accordion-style-four .accordion-item h6 svg, .accordion-style-one .accordion-item h6 i, .accordion-style-three .accordion-item h6 svg {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    margin-right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-style-four .accordion-item h6.collapsed svg, .accordion-style-one .accordion-item h6.collapsed i, .accordion-style-three .accordion-item h6.collapsed svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.accordion-style-four .accordion-item .accordion-collapse, .accordion-style-one .accordion-item .accordion-collapse, .accordion-style-three .accordion-item .accordion-collapse, .accordion-style-two .accordion-item .accordion-collapse {
    border: 0 !important
}

.accordion-style-four .accordion-item:last-child h6, .accordion-style-one .accordion-item:last-child .accordion-body, .accordion-style-one .accordion-item:last-child h6.collapsed, .accordion-style-three .accordion-item:last-child h6, .accordion-style-two .accordion-item:last-child .accordion-body, .accordion-style-two .accordion-item:last-child h6.collapsed, [data-theme=dark] body .chat-user-list li:last-child {
    border-bottom: 0
}

.accordion-style-two .accordion-item h6 {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .6rem .9rem;
    font-size: 15px;
    line-height: 1.6
}

.accordion-style-two .accordion-item h6 i {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    margin-right: .5rem;
    width: 1.75rem;
    height: 1.75rem;
    background-color: #191970;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.accordion-style-two .accordion-item h6.collapsed i {
    background-color: #1f0757;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.accordion-style-three .accordion-item {
    margin-bottom: .25rem;
    border: 0
}

.accordion-style-three .accordion-item h6 {
    background-color: #fff;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .375rem 1rem;
    border-bottom: 1px solid #ebebeb;
    color: #9945FF;
    font-size: 14px
}

.accordion-style-four .accordion-item h6, .custom-alert-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.accordion-style-three .accordion-item .accordion-body {
    padding: .5rem
}

.accordion-style-four .accordion-item h6 {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%;
    padding: .5rem 0;
    color: #14F195;
    cursor: pointer
}

.accordion-style-four .accordion-item .accordion-body {
    padding: 0 0 .5rem
}

.accordion-style-four .accordion-item .accordion-body p {
    color: #c2d4f8
}

.alert {
    padding: .625rem .75rem;
    font-size: 14px;
    border-radius: .25rem
}

.alert-dismissible .btn-close {
    font-size: 10px
}

.custom-alert-1 {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1rem .75rem 27px;
    font-size: 13px;
    border-color: #ebebeb;
    border-radius: .25rem
}

.custom-alert-2, .custom-alert-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    font-size: 13px
}

.custom-alert-1::after {
    content: "";
    position: absolute;
    width: 4px;
    height: calc(100% - 30px);
    top: 15px;
    left: 12px;
    z-index: 1;
    border-radius: 1rem
}

.custom-alert-1.alert-dismissible .close, .custom-alert-2.alert-dismissible .close, .custom-alert-3.alert-dismissible .close {
    position: relative;
    padding: .25rem;
    margin-left: auto
}

.custom-alert-1 i, .custom-alert-2 i {
    font-size: 1.25rem;
    margin-right: .5rem
}

.custom-alert-1 svg, .custom-alert-2 svg, .preview-iframe-wrapper .preview-hero-area .demo-desc li i, [view-mode=rtl] body .blog-description span, [view-mode=rtl] body .scrollspy-indicatiors ul li:last-child .nav-link {
    margin-right: .5rem
}

.custom-alert-3 i, .custom-alert-3 svg {
    margin-right: .75rem;
    margin-top: .25rem
}

.custom-alert-1.alert-primary {
    color: #9945FF;
    background-color: transparent
}

.custom-alert-1.alert-secondary {
    color: #546474;
    background-color: transparent
}

.chat-user-list li.offline .chat-user-thumbnail .active-status, .chat-user-status-slides .user-status-slide.offline a .active-status, .custom-alert-1.alert-secondary::after, .custom-alert-2.alert-secondary, .divider.divider-center-icon.border-secondary i {
    background-color: #546474
}

.custom-alert-1.alert-success {
    color: #2ecc4a;
    background-color: transparent
}

.circle-spinner.circle-spinner-success .circle, .circle-spinner.circle-spinner-success .circle::after, .custom-alert-1.alert-success::after, .custom-alert-2.alert-success, .divider.divider-center-icon.border-success i, .price-table-one .tab-content .tab-pane:nth-child(3) .single-price-content, .timeline-card.bg-success .timeline-text .badge {
    background-color: #2ecc4a
}

.custom-alert-1.alert-danger {
    color: #ea4c62;
    background-color: transparent
}

.circle-spinner.circle-spinner-danger .circle, .circle-spinner.circle-spinner-danger .circle::after, .custom-alert-1.alert-danger::after, .custom-alert-2.alert-danger, .divider.divider-center-icon.border-danger i, .post-bookmark:focus, .post-bookmark:hover, .price-table-one .tab-content .tab-pane:nth-child(2) .single-price-content, .timeline-card.bg-danger .timeline-text .badge, [data-theme=dark] body .header-content .setting-trigger-btn span, [data-theme=dark] body .pagination.pagination-one .page-item.active .page-link::after {
    background-color: #ea4c62
}

.custom-alert-1.alert-warning, [data-theme=dark] body .chat-user-list li .chat-options-btn .dropdown-menu a:focus, [data-theme=dark] body .chat-user-list li .chat-options-btn .dropdown-menu a:hover {
    color: #14F195;
    background-color: transparent
}

.custom-alert-1.alert-info {
    color: #1787b8;
    background-color: transparent
}

.circle-spinner.circle-spinner-info .circle, .circle-spinner.circle-spinner-info .circle::after, .custom-alert-1.alert-info::after, .custom-alert-2.alert-info, .divider.divider-center-icon.border-info i, .timeline-card.bg-info .timeline-text .badge {
    background-color: #1787b8
}

.custom-alert-1.alert-light {
    color: #9e80ae;
    background-color: transparent
}

.custom-alert-1.alert-dark {
    color: #1f0757;
    background-color: transparent
}

.custom-alert-2 {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1rem;
    color: #fff;
    border-color: transparent
}

.custom-alert-3 {
    display: flex;
    padding: 1rem
}

.custom-alert-3 i {
    font-size: 1.5rem
}

.custom-alert-3 svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    max-width: 30px
}

.custom-alert-3 .alert-text h6 {
    margin-bottom: 0;
    color: inherit
}

.custom-alert-3 .alert-text span {
    display: block;
    font-size: 12px;
    color: #9e80ae;
    font-weight: 400
}

.divider {
    width: 100%;
    height: 2px;
    border-top: 2px solid #1f0757;
    position: relative;
    z-index: 1;
    margin: 1rem 0;
    clear: both
}

.card-img-wrap, .countdown1 > div {
    margin-right: 1rem
}

.divider.divider-dotted {
    border-top-style: dotted
}

.divider.divider-dashed {
    border-top-style: dashed
}

.divider.divider-center-icon {
    margin: 2rem 0
}

.divider.divider-center-icon > i {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #212729;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.divider.divider-center-icon.border-light i {
    background-color: #f1f2fb;
    color: #1f0757;
    border: 1px solid #ebebeb;
    line-height: 30px
}

.divider.divider-center-icon.border-white i {
    background-color: #fff;
    color: #1f0757;
    border: 1px solid #ebebeb;
    line-height: 30px
}

.coming-soon-wrapper {
    position: relative;
    height: 100vh !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coming-soon-wrapper .countdown2 span {
    font-size: 1.25rem
}

.cs-logo a {
    display: block;
    margin-bottom: 2.75rem
}

.cs-logo a img {
    max-height: 2rem
}

.cs-newsletter-form .modal-body, .service-card .card-body {
    padding: 2rem
}

.cs-newsletter-form .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10
}

.card {
    margin-top: 15px;
    border: 0;
    border-radius: 16px
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(.5rem - 1px);
    border-bottom-left-radius: calc(.5rem - 1px)
}

.card-bg-img.bg-overlay::after, .list-group, .single-gallery-item img {
    border-radius: .5rem
}

.card-gradient-bg {
    background: #0cebeb;
    background: -webkit-gradient(linear, left top, right top, from(#29ffc6), color-stop(#20e3b2), to(#0cebeb));
    background: linear-gradient(to right, #29ffc6, #20e3b2, #0cebeb)
}

.card-body {
    padding: 1.2rem
}

.cta-card.bg-overlay::after {
    opacity: .8
}

.calling-popup-wrap.screen-active, .single-chat-item .user-message .download-file-wrap:focus .download-avatar .download-btn, .single-chat-item .user-message .download-file-wrap:hover .download-avatar .download-btn, .single-gallery-item:focus .fav-icon, .single-gallery-item:hover .fav-icon, .video-calling-popup-wrap.screen-active {
    visibility: visible;
    opacity: 1
}

.card-badge {
    top: 1.5rem;
    left: 1.5rem
}

.card-img-wrap {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    width: 100px;
    max-width: 100px;
    border-radius: 50%
}

.chat-user-status-slides .user-status-slide a {
    margin: .5rem 0;
    padding: .5rem .25rem .375rem;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 1px #d7def4;
    box-shadow: 0 1px 2px 1px #d7def4;
    display: block;
    position: relative;
    z-index: 1;
    width: 3.75rem;
    text-align: center
}

.chat-user-status-slides .user-status-slide a img {
    width: 2rem;
    border-radius: 50%;
    margin: 0 auto
}

.chat-user-status-slides .user-status-slide a .active-status {
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    top: .5rem;
    right: .5rem;
    border: 2px solid #fff;
    background-color: #2ecc4a
}

.chat-user-status-slides .user-status-slide a p {
    font-size: 11px
}

.add-new-contact-wrap a {
    position: fixed;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 1000;
    text-align: center;
    line-height: 2.25rem;
    border-radius: 50%;
    bottom: 82px;
    right: 20px;
    color: #fff
}

.add-new-contact-wrap a i {
    line-height: 2.5rem
}

.add-new-contact-modal .modal-body textarea.form-control {
    min-height: 90px
}

.chat-user-info {
    width: calc(100% - 60px)
}

.chat-user-list {
    border-radius: .5rem;
    -webkit-box-shadow: 0 1px 2px 1px #d7def4;
    box-shadow: 0 1px 2px 1px #d7def4
}

.chat-user-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chat-user-list li .chat-options-btn {
    line-height: 1
}

.chat-user-list li .chat-options-btn .btn {
    padding: 0 !important;
    color: #c2d4f8
}

.chat-user-list li .chat-options-btn .dropdown-menu, .single-chat-item .user-message .dropdown-menu {
    min-width: 6.5rem;
    padding: .5rem .75rem;
    border: 0
}

.chat-user-list li .chat-options-btn .dropdown-menu a {
    color: #9e80ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem 0;
    font-size: 13px
}

.chat-user-list li .chat-options-btn .dropdown-menu a i {
    margin-right: .25rem;
    font-size: 1rem;
    min-width: 1rem
}

.chat-user-list li a {
    width: 94%
}

.chat-user-list li:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.chat-user-list li:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-bottom: 0
}

.chat-user-list li .chat-user-thumbnail {
    position: relative;
    z-index: 1;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.25rem;
    flex: 0 0 2.25rem
}

.chat-user-list li .chat-user-thumbnail .active-status {
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    bottom: 1px;
    right: 0;
    border: 2px solid #fff;
    background-color: #2ecc4a
}

.chat-user-list li .chat-user-info h6, .language-lists .form-check-label {
    font-size: 14px;
    color: #9e80ae
}

.chat-user-list li .chat-user-info .last-chat p, .countdown2 > div span.word, .goto-page-form label, .single-chat-item .user-message .download-file-wrap .download-file-info .file-size {
    font-size: 12px
}

.chat-user-list li.chat-unread .chat-user-info .last-chat p, .custom-toast-1 .toast-body .toast-text p {
    color: #1f0757;
    font-weight: 500
}

#chat-wrapper {
    min-height: calc(100vh - 112px)
}

#chat-wrapper.calling-screen-active {
    max-height: calc(100vh - 115px) !important
}

.chat-user--info .user-thumbnail-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .375rem
}

.chat-user--info .user-thumbnail-name img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.single-chat-item .user-avatar, .single-chat-item .user-avatar img {
    height: 2rem;
    width: 2rem;
    border-radius: 50%
}

.chat-user--info .user-thumbnail-name p {
    color: #1f0757;
    display: block;
    line-height: 1;
    margin-bottom: 2px;
    font-weight: 500
}

.chat-user--info .user-thumbnail-name .active-status, .chat-user--info .user-thumbnail-name .offline-status {
    line-height: 1;
    display: block;
    color: #2ecc4a;
    font-size: 11px
}

.single-chat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem;
    width: 100%
}

.single-chat-item .user-avatar {
    position: relative;
    z-index: 1;
    margin-right: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    background-color: #fff
}

.single-chat-item .user-avatar .name-first-letter {
    position: absolute;
    font-size: 1rem;
    font-weight: 700;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -5;
    line-height: 1;
    color: #9945FF
}

.single-chat-item .user-message {
    max-width: 22rem
}

.single-chat-item .user-message .message-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .25rem
}

.single-chat-item .user-message .download-file-wrap {
    padding: 12px;
    border-radius: 18px;
    background-color: #fff
}

.single-chat-item .user-message .download-file-wrap .download-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    margin-right: .5rem;
    border-radius: .25rem;
    font-size: 1.5rem;
    color: #9945FF;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.single-chat-item .user-message .download-file-wrap .download-avatar .dl-icon i {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.single-chat-item .user-message .download-file-wrap .download-avatar .download-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: 10
}

.single-chat-item .user-message .download-file-wrap .download-file-info .file-name {
    font-size: 14px;
    font-weight: 500;
    max-width: 160px
}

.single-chat-item .user-message .download-file-wrap:focus .download-avatar .dl-icon i, .single-chat-item .user-message .download-file-wrap:hover .download-avatar .dl-icon i {
    opacity: 0
}

.single-chat-item .user-message .single-message p {
    padding: 8px 12px;
    background-color: #fff;
    border-radius: 18px;
    font-size: 14px;
    margin-bottom: 0
}

.single-chat-item .user-message .single-message img {
    border-radius: 12px;
    max-width: 120px
}

.single-chat-item .user-message .single-message .typing {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 15px 14px;
    border-radius: 60px
}

.single-chat-item .user-message .single-message .typing .dot {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.375rem;
    flex: 0 0 0.375rem;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background-color: #ebebeb;
    -webkit-animation: 1s linear infinite typingg;
    animation: 1s linear infinite typingg;
    margin: 0 .25rem
}

.single-chat-item .user-message .single-message .typing .dot:nth-child(2) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms
}

.single-chat-item .user-message .single-message .typing .dot:nth-child(3) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.single-chat-item .user-message .message-time-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    margin-top: .25rem
}

.single-chat-item .user-message .message-time-status .sent-time {
    font-size: 10px;
    font-weight: 500;
    margin-left: .5rem
}

.single-chat-item .user-message .message-time-status .sent-status {
    font-size: 12px;
    margin-right: .5rem;
    margin-left: .5rem;
    color: #9e80ae
}

.single-chat-item .user-message .dropstart {
    line-height: 1;
    margin-top: -2px
}

.single-chat-item .user-message .btn-options {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
    width: 12px;
    padding: 0 !important;
    margin-right: .5rem;
    color: #9e80ae;
    line-height: 1
}

.single-chat-item .user-message .btn-options:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9945FF
}

.single-chat-item .user-message .dropdown-menu a {
    color: #9e80ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem 0;
    font-size: 13px
}

.chat-footer .dropdown-menu a i, .single-chat-item .user-message .dropdown-menu a i {
    margin-right: .25rem;
    font-size: 18px;
    min-width: 18px
}

.chat-footer .dropdown-menu a i.bi-trash, .single-chat-item .user-message .dropdown-menu a i.bi-trash {
    font-size: 16px
}

.single-chat-item.outgoing, [view-mode=rtl] body .affan-page-item, [view-mode=rtl] body .breadcrumb, [view-mode=rtl] body .chat-footer form, [view-mode=rtl] body .colorful-tab .nav, [view-mode=rtl] body .coming-soon-card .countdown3, [view-mode=rtl] body .countdown1, [view-mode=rtl] body .countdown2, [view-mode=rtl] body .element-heading, [view-mode=rtl] body .element-heading-wrapper, [view-mode=rtl] body .elements-heading, [view-mode=rtl] body .footer-nav ul, [view-mode=rtl] body .header-content, [view-mode=rtl] body .image-gallery-card .row, [view-mode=rtl] body .minimal-tab .nav, [view-mode=rtl] body .modal-footer, [view-mode=rtl] body .modal-header, [view-mode=rtl] body .nav.nav-tabs, [view-mode=rtl] body .range-with-value, [view-mode=rtl] body .setting-heading, [view-mode=rtl] body .sidenav-nav li .night-mode-nav, [view-mode=rtl] body .sidenav-nav li a, [view-mode=rtl] body .single-plan-check, [view-mode=rtl] body .standard-tab .nav, [view-mode=rtl] body .testimonial-style1 .single-testimonial-slide, [view-mode=rtl] body .video-call-screen .call-btn-group, [view-mode=rtl] body a.affan-element-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.single-chat-item.outgoing .user-avatar, [view-mode=rtl] body .affan-page-item .icon-wrapper, [view-mode=rtl] body .custom-alert-1 i, [view-mode=rtl] body .custom-alert-2 i, [view-mode=rtl] body .preview-iframe-wrapper .preview-hero-area .demo-desc li i, [view-mode=rtl] body .single-setting-panel a .icon-wrapper, [view-mode=rtl] body .vertical-scrollspy .scrollspy-indicatiors .nav-link {
    margin-right: 0;
    margin-left: .5rem
}

.single-chat-item.outgoing .user-message {
    text-align: right;
    max-width: 22rem
}

.single-chat-item.outgoing .user-message .message-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: .25rem
}

.single-chat-item.outgoing .user-message .message-time-status, [view-mode=rtl] body .testimonial-slide-three-wrapper .tns-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.price-table-two .single-price-table.active .price h3, .price-table-two .single-price-table.active .text h6, .service-card .service-text h1, .service-card .service-text h2, .service-card .service-text h3, .service-card .service-text h4, .service-card .service-text h5, .service-card .service-text h6, .single-chat-item.outgoing .dropdown-menu a, .team-member-card .contact-info p, [data-theme=dark] body .accordion-style-one .accordion-item h6.collapsed, [data-theme=dark] body .accordion-style-two .accordion-item h6.collapsed, [data-theme=dark] body .affan-page-item, [data-theme=dark] body .breadcrumb .breadcrumb-item, [data-theme=dark] body .breadcrumb .breadcrumb-item a, [data-theme=dark] body .call-video-wrapper a, [data-theme=dark] body .chat-user--info .user-thumbnail-name p, [data-theme=dark] body .chat-user-info .user-thumbnail-name p, [data-theme=dark] body .copyright-info p a, [data-theme=dark] body .countdown1, [data-theme=dark] body .custom-alert-1.alert-dark, [data-theme=dark] body .custom-toast-1 .toast-body .toast-text p, [data-theme=dark] body .dataTable-pagination li a, [data-theme=dark] body .dropdown-menu .dropdown-item, [data-theme=dark] body .footer-nav ul li a, [data-theme=dark] body .footer-nav ul li a:focus, [data-theme=dark] body .footer-nav ul li a:hover, [data-theme=dark] body .footer-nav ul li.active a, [data-theme=dark] body .form-check-label, [data-theme=dark] body .form-control-plaintext, [data-theme=dark] body .minimal-tab .btn, [data-theme=dark] body .nav-tabs .nav-link, [data-theme=dark] body .preview-iframe-wrapper .features-area .card.active h6, [data-theme=dark] body .preview-iframe-wrapper .qr-code-wrapper h6, [data-theme=dark] body .single-product-card .product-title, [data-theme=dark] body .skill-progress-bar .skill-name p, [data-theme=dark] body .standard-tab .btn, [data-theme=dark] body h1, [data-theme=dark] body h2, [data-theme=dark] body h3, [data-theme=dark] body h4, [data-theme=dark] body h5, [data-theme=dark] body h6 {
    color: #fff
}

.chat-footer {
    position: fixed;
    width: 100%;
    height: 62px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.chat-footer form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important
}

.chat-footer .btn-add-file, .chat-footer .btn-emoji, .chat-footer .btn-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    padding: 0 !important;
    height: 2rem
}

.chat-footer form .form-control {
    background-color: #f1f2fb;
    border-color: #f1f2fb;
    color: #073984;
    border-radius: 50px
}

.chat-footer .btn-add-file, .chat-footer .btn-emoji {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #9e80ae;
    line-height: 1
}

.chat-footer .btn-add-file:focus, .chat-footer .btn-emoji:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1f0757
}

.chat-footer .btn-submit {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    width: 2rem;
    background-color: #9945FF;
    color: #fff;
    border-radius: 50%
}

.chat-footer .btn-submit:focus, .chat-footer .btn-submit:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.chat-footer .dropdown-menu {
    min-width: 7rem;
    padding: .5rem .75rem;
    border: 0
}

.chat-footer .dropdown-menu a {
    color: #9e80ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem 0
}

.calling-popup-wrap, .video-calling-popup-wrap {
    position: fixed;
    background-color: rgba(6, 18, 56, .9);
    width: 100vw;
    height: 100vh;
    z-index: 10000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    visibility: hidden
}

.calling-popup-wrap .calling-popup-body, .video-calling-popup-wrap .video-calling-popup-body {
    position: relative;
    max-width: 300px;
    left: 0;
    background: center center/cover #fff;
    padding: 2rem 1rem;
    width: 80%;
    text-align: center;
    border-radius: 2rem
}

.calling-popup-wrap .calling-popup-body::after, .video-calling-popup-wrap .video-calling-popup-body::after {
    border-radius: 2rem
}

.calling-popup-wrap .calling-popup-body .user-thumbnail img, .video-calling-popup-wrap .video-calling-popup-body .user-thumbnail img {
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    border-radius: 50%
}

.video-call-screen {
    position: relative;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-position: center center;
    background-size: cover
}

.video-call-screen .call-back-button {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
    top: 1.5rem;
    left: 1.5rem;
    z-index: 10
}

.video-call-screen .call-btn-group {
    position: absolute;
    z-index: 10;
    bottom: 3rem;
    width: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 50%;
    margin-left: -105px
}

.video-call-screen .call-btn-group .btn-call-cancel {
    padding: 9px !important;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 .5rem rgba(225, 83, 97, .5);
    box-shadow: 0 0 0 .5rem rgba(225, 83, 97, .5)
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='../../www.w3.org/2000/svg.html'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>");
    width: 24px;
    height: 24px
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='../../www.w3.org/2000/svg.html'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
    width: 24px;
    height: 24px
}

.carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%
}

.tiny-slider-one-wrapper .single-hero-slide {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 220px;
    background-position: center center;
    background-size: cover
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .custom-container {
        max-width: 390px;
        min-width: 310px;
    }

    .tiny-slider-one-wrapper .single-hero-slide {
        height: 220px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container {
        min-width: 340px;
        max-width: 420px;
    }

    .tiny-slider-one-wrapper .single-hero-slide {
        height: 240px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tiny-slider-one-wrapper .single-hero-slide {
        height: 300px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tiny-slider-one-wrapper .single-hero-slide {
        height: 320px
    }
}

.tiny-slider-one-wrapper .single-hero-slide .slide-content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10
}

.tiny-slider-one-wrapper .tns-controls {
    position: absolute;
    z-index: 100;
    bottom: 1.25rem;
    right: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tiny-slider-one-wrapper .tns-controls button[data-controls=next], .tiny-slider-one-wrapper .tns-controls button[data-controls=prev] {
    outline: 0;
    background-color: rgba(255, 255, 255, .1);
    width: 26px;
    height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    font-size: 12px;
    border: none
}

.tiny-slider-one-wrapper .tns-controls button[data-controls=next] i, .tiny-slider-one-wrapper .tns-controls button[data-controls=prev] i {
    line-height: 26px
}

.tiny-slider-one-wrapper .tns-controls button[data-controls=next]:focus, .tiny-slider-one-wrapper .tns-controls button[data-controls=next]:hover, .tiny-slider-one-wrapper .tns-controls button[data-controls=prev]:focus, .tiny-slider-one-wrapper .tns-controls button[data-controls=prev]:hover {
    background-color: #14F195;
    color: #1f0757
}

.tiny-slider-one-wrapper .tns-nav {
    position: absolute;
    bottom: 1.375rem;
    left: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tiny-slider-one-wrapper .tns-nav button {
    outline: 0;
    border: none;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    position: relative;
    z-index: 1;
    margin-right: .375rem;
    width: .5rem;
    height: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.5rem;
    flex: 0 0 0.5rem;
    max-width: .5rem;
    background-color: #ebebeb;
    border-radius: 50%
}

.countdown1, .tiny-slider-two-wrapper .tns-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.tiny-slider-two-wrapper .single-hero-slide {
    height: 200px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 1rem
}

.testimonial-style1 .single-testimonial-slide .image-wrapper img, .tiny-slider-two-wrapper .single-hero-slide.bg-overlay::after {
    border-radius: 1rem
}

.tiny-slider-two-wrapper .tns-nav {
    position: absolute;
    right: 3.625rem;
    bottom: 1.5rem;
    z-index: 10;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tiny-slider-two-wrapper .tns-nav button {
    outline: 0;
    background-color: transparent;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    line-height: 1;
    border: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    font-weight: 700
}

.tiny-slider-two-wrapper .tns-nav button.tns-nav-active {
    color: #14F195;
    opacity: 1;
    visibility: visible
}

.tiny-slider-two-wrapper #totaltnsDotsCount {
    position: absolute;
    z-index: 1;
    bottom: 1.5rem;
    right: 1.5rem;
    color: #14F195;
    font-size: 14px;
    font-weight: 700;
    line-height: 1
}

.tiny-slider-two-wrapper #totaltnsDotsCount::before {
    width: 1rem;
    height: 3px;
    background-color: #fff;
    position: absolute;
    border-radius: 8px;
    content: "";
    left: -1.25rem;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tiny-slider-three-wrapper .single-hero-slide {
    position: relative;
    z-index: 1;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    width: 100%;
    padding: 2rem;
    border-radius: 1rem;
    height: 14rem
}

.tiny-slider-three-wrapper .single-hero-slide.bg-overlay::after {
    border-radius: 1rem;
    opacity: .6
}

.countdown1 {
    font-size: 1rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

.coming-soon-card .countdown3 > div:last-child, .countdown1 > div:last-child, .rating-card-one a:last-child, .rating-card-two a:last-child, .scrollspy-indicatiors ul li:last-child .nav-link, [view-mode=rtl] body .vertical-scrollspy .scrollspy-indicatiors ul li:last-child .nav-link {
    margin-right: 0
}

.countdown1 > div .num {
    font-weight: 700;
    color: #1f0757;
    display: block
}

.countdown2, .form-file-label, .form-label, .hero-block-content h2, .preview-iframe-wrapper .features-area h2, .skill-progress-bar .skill-name small, .table thead tr td, .table thead tr th, .testimonial-style3 .single-testimonial-slide .text-content p {
    font-weight: 500
}

.countdown1 > div .word {
    font-size: 12px;
    display: block
}

.countdown2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countdown2 > div {
    color: #fff;
    font-size: 1rem;
    margin-left: .5rem
}

.countdown2 > div:first-child, .pagination.pagination-three .page-item:not(:first-child) .page-link, .single-task-progress .who-working a:first-child, [view-mode=rtl] body .countdown2 > div:last-child, [view-mode=rtl] body .login-meta-data p a, [view-mode=rtl] body .nav-url .dropdown-icon i {
    margin-left: 0
}

.countdown2 > div span.num::before {
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 12px;
    background-color: #14F195;
    content: "";
    bottom: -2px;
    left: 0;
    z-index: 10
}

.coming-soon-card .icon-wrap {
    display: block;
    margin: 0 auto 1rem;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coming-soon-card .countdown3 {
    color: #fff;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coming-soon-card .countdown3 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: rgba(255, 255, 255, .15);
    border-radius: .25rem;
    padding: .25rem .375rem;
    margin-right: .25rem;
    line-height: 1
}

.coming-soon-card .countdown3 > div span.word {
    font-size: 12px;
    margin-left: 2px
}

.single-counter-wrap .solid-line {
    display: block;
    width: 2rem;
    margin: .5rem auto .75rem;
    height: .25rem;
    border-radius: 12px;
    background-color: #9945FF
}

.feature-card .card i, .single-counter-wrap > i {
    font-size: 1.5rem
}

.single-counter-wrap p {
    font-size: 15px;
    margin-bottom: 0
}

.form-check-input[type=checkbox].indeterminate {
    background-color: #9945FF;
    border-color: #9945FF;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-label {
    font-size: 14px;
    color: #073984
}

.form-check-input.form-check-success:checked {
    background-color: #2ecc4a;
    border-color: #2ecc4a
}

.form-check-input.form-check-danger:checked {
    background-color: #ea4c62;
    border-color: #ea4c62
}

.form-check-input.form-check-warning:checked {
    background-color: #14F195;
    border-color: #14F195
}

.form-check-input.form-check-info:checked {
    background-color: #1787b8;
    border-color: #1787b8
}

.form-check-input.form-check-secondary:checked {
    background-color: #546474;
    border-color: #546474
}

.form-check-input.form-check-light:checked {
    background-color: #f1f2fb;
    border-color: #f1f2fb
}

.form-check-input.form-check-dark:checked {
    background-color: #292929;
    border-color: #292929
}

.form-check-input-lg, .price-table-two .single-price-table .form-check .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0
}

.list-group-flush .list-group-item.disabled::after, .list-group-item.active::after, .list-group-item.disabled::after {
    width: 3px;
    height: 74%;
    top: 13%;
    z-index: -10;
    position: absolute;
    left: 0;
    content: ""
}

.form-check-input-lg ~ .form-check-label {
    font-size: 1rem;
    margin-left: .5rem
}

.form-group {
    line-height: 1;
    margin-bottom: 1rem
}

.notification-area .alert, .single-plan-check {
    margin-bottom: .5rem
}

.form-label {
    font-size: 14px;
    color: #9e80ae
}

.form-select {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    border: 1px solid #ebebeb;
    padding: .5rem 1rem;
    min-height: 40px;
    font-size: 14px;
    color: #073984;
    background-color: #fff
}

.form-select option {
    padding: .25rem .5rem;
    outline: 0
}

.form-control.form-control-clicked, .form-select.form-control-clicked, [data-theme=dark] body .form-control.form-control-clicked, [data-theme=dark] body .form-select.form-control-clicked {
    background-color: #edcfff;
    border-color: #edcfff;
    color: #073984
}

.form-control:focus, .form-select:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #edcfff;
    color: #073984;
    background-color: #fff
}

.form-select.form-select-lg {
    min-height: 50px;
    padding: .75rem 1rem;
    font-size: 1rem
}

.form-select.form-select-sm {
    min-height: 2rem;
    padding: .375rem .5rem;
    font-size: .75rem;
    border-radius: .375rem
}

.form-control {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding: .5rem 1rem;
    height: 41px;
    max-height: 41px;
    font-size: 14px;
    color: #073984;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px
}

.form-control.form-control-lg {
    height: 50px;
    min-height: 50px;
    padding: .625rem 1rem;
    font-size: 16px
}

.form-control.form-control-sm {
    height: 32px;
    padding: .375rem .5rem;
    font-size: 12px;
    border-radius: .375rem
}

textarea.form-control {
    min-height: 120px
}

.form-file-label {
    border-color: #ebebeb
}

.form-file-input:focus, .form-file:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0
}

.file-upload-card {
    position: relative;
    z-index: 1;
    border: 2px dashed #9945FF;
    text-align: center;
    padding: 2rem;
    border-radius: .5rem;
    background-color: rgba(1, 52, 212, .1)
}

.single-plan-check {
    position: relative;
    z-index: 1;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    border: 1px solid #ebebeb;
    padding: 1rem;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.circle-loader, .hero-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox
}

.single-plan-check.active {
    border-color: #9945FF;
    box-shadow: inset 6px 0 0 0 #9945FF !important
}

.single-address-check.active {
    border-color: #fff !important;
    box-shadow: inset 6px 0 0 0 #2ecc4a !important
}

.autocomplete-items {
    margin-top: .25rem
}

.autocomplete-items > div {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding: .5rem .75rem;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    color: #1f0757;
    border-radius: .25rem
}

.form-control-color {
    min-width: 4rem
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ebebeb;
    background-image: none
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #edcfff
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #9945FF
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #9945FF
}

input[type=color].form-control.is-valid, input[type=color].form-control:valid {
    background-image: none
}

.invalid-feedback, .valid-feedback {
    margin-left: .25rem;
    font-size: 12px
}

.dropdown-menu {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.goto-page-form, .service-card .service-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    width: 60%
}

.goto-page-form .form-control {
    max-width: 40px;
    text-align: center
}

#password-visibility {
    top: 5px;
    right: .625rem;
    z-index: 10;
    width: 1.65rem;
    height: 1.65rem;
    text-align: center;
    background-color: transparent;
    cursor: pointer
}

#password-visibility i {
    line-height: 1.5rem
}

.hero-block-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100vh !important;
    overflow: hidden;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.hero-block-content {
    position: relative;
    padding: 3rem 0;
    width: 100%;
    z-index: 10
}

.hero-block-content img {
    max-height: 15rem
}

.hero-block-content p {
    font-size: 1rem;
    margin-bottom: 2rem
}

.hero-block-styles .hb-styles1 {
    position: absolute;
    width: 30px;
    height: 40px;
    top: 2rem;
    left: 2rem;
    background-repeat: repeat;
    opacity: .6;
    z-index: -10
}

.hero-block-styles .hb-styles2 {
    position: absolute;
    width: 5rem;
    height: 5rem;
    border: 1rem solid #fff;
    opacity: .1;
    top: 10%;
    right: -3rem;
    z-index: -10;
    border-radius: 50%
}

.list-group-item.active, .list-group-item.disabled {
    border-color: #ebebeb !important;
    background-color: #fff
}

.hero-block-styles .hb-styles3 {
    position: absolute;
    width: 20rem;
    height: 20rem;
    bottom: -5rem;
    right: -5rem;
    z-index: -10;
    border-radius: 50%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .1)), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, .1), #fff);
    opacity: .2
}

.card-blog-img, .dark-mode-wrapper::after {
    background-position: center center;
    background-size: cover
}

.skip-page {
    position: fixed;
    top: 2rem;
    z-index: 100;
    line-height: 1;
    right: 2rem
}

.circle-loader, .list-group-item, .single-gallery-item {
    position: relative;
    z-index: 1
}

.skip-page a {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.masonry-content-wrapper, .modal.fade.bottom-align-modal {
    overflow: hidden
}

.masonry-content-wrapper > * {
    width: calc(50% - 1rem);
    margin: .5rem
}

.single-gallery-item {
    border-radius: .5rem;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.single-gallery-item .fav-icon {
    text-align: center;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    background-color: #fff;
    color: #ea4c62;
    position: absolute;
    width: 1.75rem;
    height: 1.75rem;
    top: .75rem;
    right: .75rem;
    z-index: 10;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0
}

.single-gallery-item .fav-icon i {
    line-height: 32px
}

.single-gallery-item .fav-icon.active {
    background-color: #ea4c62;
    color: #fff
}

#baguetteBox-overlay .full-image img {
    max-height: calc(100% - 4rem);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 2rem auto
}

.baguetteBox-button, .list-group-flush .list-group-item {
    background-color: transparent !important
}

.list-group-item {
    border-color: #ebebeb;
    font-size: 14px;
    color: #073984;
    padding: .625rem 1rem
}

.list-group-item.active {
    color: #9945FF;
    font-weight: 500
}

.list-group-item.active::after {
    background-color: #9945FF
}

.list-group-item.disabled {
    color: #ebebeb;
    font-weight: 500
}

.list-group-item.disabled::after {
    background-color: #ebebeb
}

.list-group-flush .list-group-item.disabled {
    border-color: #ebebeb !important;
    color: #c2d4f8;
    font-weight: 500
}

.list-group-flush .list-group-item.disabled::after {
    background-color: #c2d4f8
}

.circle-loader {
    width: 4rem;
    height: 4rem;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2rem;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto
}

.circle-spinner, .dot-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    position: relative;
    z-index: 1
}

.circle-loader .circle-big {
    position: absolute;
    z-index: 1;
    width: 3.75rem;
    height: 3.75rem;
    border: 2px solid rgba(255, 255, 255, .85);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s linear infinite circlebig;
    animation: 1s linear infinite circlebig
}

.dot-loader {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dot-loader > div {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 .375rem
}

.dot-loader .dot1, .dot-loader .dot3 {
    -webkit-animation: 1s linear infinite dotloader;
    animation: 1s linear infinite dotloader
}

.dot-loader .dot2 {
    -webkit-animation: .75s linear infinite dotloader;
    animation: .75s linear infinite dotloader
}

.circle-spinner {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.circle-spinner .circle {
    position: relative;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #9945FF
}

.circle-spinner .circle::after {
    position: absolute;
    width: 0%;
    height: 0%;
    background-color: #9945FF;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -5;
    opacity: .7;
    -webkit-animation: 1.5s linear infinite circleloader2;
    animation: 1.5s linear infinite circleloader2
}

.modal-content {
    border: 0;
    border-radius: .75rem
}

.modal-dialog-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: calc(100% - 1rem)
}

.modal.fade .modal-dialog.modal-dialog-end {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px)
}

.modal.show .modal-dialog.modal-dialog-end {
    -webkit-transform: none;
    transform: none
}

.notification-area .unread {
    background-color: #fff !important
}

.page-link {
    padding: .25rem .75rem;
    font-weight: 500;
    font-size: 14px
}

.pagination.pagination-one .page-link {
    border: 1px solid #ebebeb;
    border-left: 0;
    border-right: 0
}

.pagination.pagination-one .page-link:focus, .pagination.pagination-two .page-link:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.pagination.pagination-one .page-item:first-child .page-link {
    border-left: 1px solid #ebebeb
}

.pagination.pagination-one .page-item:last-child .page-link {
    border-right: 1px solid #ebebeb
}

.pagination.pagination-one .page-item.active .page-link, .pagination.pagination-two .page-item.active .page-link {
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: transparent
}

.pagination.pagination-one .page-item.active .page-link::after, .pagination.pagination-two .page-item.active .page-link::after {
    position: absolute;
    width: 22px;
    height: 22px;
    content: "";
    background-color: #9945FF;
    z-index: -2;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pagination.pagination-two .page-link, .price-table-one .tab-content {
    border: 0
}

.pagination.pagination-three .page-link {
    border: 0;
    background-color: #9945FF;
    border-radius: 0;
    color: #fff
}

.pagination.pagination-three .page-link:focus, .pagination.pagination-three .page-link:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #9945FF;
    border: 0
}

.pagination.pagination-three .page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.pagination.pagination-three .page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.partner-logo-slide-wrapper .tns-nav, .tns-nav {
    margin-block: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partner-logo-slide-wrapper .tns-nav button {
    border: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    width: 1.5rem;
    height: .25rem;
    border-radius: 50px;
    background-color: #ffffff;
    margin: 0 .25rem
}

.tns-nav button {
    border: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    width: 1.5rem;
    height: .375rem;
    border-radius: 50px;
    background-color: #f5ebff;
    margin: 0 .25rem
}

.partner-logo-slide-wrapper .tns-nav button.tns-nav-active, .tns-nav button.tns-nav-active {
    background-color: #9945FF;
    width: 1.75rem
}

.price-table-one .nav-tabs .nav-link {
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .5rem;
    color: #9945FF;
    font-size: 2rem
}

.price-table-one .single-price-content {
    position: relative;
    z-index: 1;
    background-color: #9945FF;
    border-radius: 1rem;
    overflow: hidden;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem
}

.price-table-one .single-price-content::before {
    width: 10rem;
    height: 10rem;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    top: -3rem;
    right: -5rem;
    opacity: .1;
    z-index: -1
}

.price-table-one .single-price-content .price h2 {
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff
}

.price-table-one .single-price-content .pricing-desc {
    margin-top: 2rem;
    margin-bottom: 2.25rem
}

.price-table-one .single-price-content .pricing-desc ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 2
}

.price-table-one .single-price-content .pricing-desc ul li.times {
    opacity: .5
}

.price-table-one .nav-tabs .nav-item:nth-child(2) .nav-link.active {
    background-color: #ea4c62;
    border-color: #ea4c62;
    color: #fff
}

.price-table-one .nav-tabs .nav-item:nth-child(3) .nav-link.active {
    background-color: #2ecc4a;
    border-color: #2ecc4a;
    color: #fff
}

.price-table-two .single-price-table {
    position: relative;
    z-index: 1;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    text-align: center;
    padding: 1rem .5rem;
    border-radius: .5rem;
    background-color: #f1f2fb
}

.price-table-two .single-price-table:nth-child(2) {
    margin-left: .75rem;
    margin-right: .75rem
}

.price-table-two .single-price-table .text h6 {
    display: block;
    margin-bottom: 0
}

.price-table-two .single-price-table .price {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
    z-index: 1
}

.price-table-two .single-price-table .price::after, .price-table-two .single-price-table .price::before {
    position: absolute;
    width: 50px;
    height: 3px;
    border-radius: 6px;
    z-index: 1;
    top: -1rem;
    content: "";
    left: 50%;
    margin-left: -25px;
    background-color: #fff;
    opacity: .3
}

.price-table-two .single-price-table .price::after {
    bottom: -1rem;
    top: auto
}

.price-table-two .single-price-table .price h3 {
    display: block;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700
}

.price-table-two .single-price-table .price span {
    font-size: 13px;
    display: block
}

.price-table-two .single-price-table .form-check {
    padding-left: 50%;
    margin-left: -.75rem
}

.price-table-two .single-price-table.active {
    background-color: #9945FF;
    border-color: transparent !important
}

.comparison-table-two .table tbody tr td:last-child, .comparison-table-two .table thead tr th:last-child {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .15) !important;
    background-color: #9945FF;
    text-align: center
}

.price-table-two .single-price-table.active .price span {
    color: #ebebeb
}

.comparison-table-one .table > :not(caption) > * > *, .comparison-table-two .table > :not(caption) > * > * {
    padding: .5rem .75rem
}

.comparison-table-two .table thead tr th:last-child {
    border-radius: .25rem .25rem 0 0
}

.comparison-table-two .table tbody tr:last-child td, .comparison-table-two .table tbody tr:last-child th {
    border-bottom-color: transparent !important
}

.comparison-table-two .table tbody tr:last-child td:last-child {
    border-radius: 0 0 .25rem .25rem
}

.single-user-review, .skill-progress-bar {
    position: relative;
    z-index: 1;
    margin-bottom: 1rem
}

.skill-progress-bar .skill-icon {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    max-width: 2.5rem;
    margin-right: 1rem;
    border-radius: .5rem;
    border: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.skill-progress-bar .skill-data {
    width: 100%
}

.skill-progress-bar .skill-name p {
    color: #1f0757;
    font-weight: 500;
    font-size: 14px
}

.progress-info span {
    display: inline-block;
    font-size: 12px;
    margin-top: .25rem
}

.single-task-progress {
    position: relative;
    z-index: 1;
    margin-bottom: 1.5rem
}

.single-task-progress .who-working a {
    display: inline-block;
    margin-left: -.375rem
}

.single-task-progress .who-working a img {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #ebebeb;
    border-radius: 50%
}

.rating-card-one a, .rating-card-two a {
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-size: 1.25rem;
    color: #14F195
}

.rating-card-one span {
    font-size: 14px;
    font-weight: 500
}

.rating-card-two span {
    font-size: 12px;
    font-weight: 500
}

.rating-card-three .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rating-card-three .stars .star-icon {
    stroke: #14F195;
    stroke-width: 4px;
    fill: transparent;
    -webkit-transition: .2s;
    transition: .2s
}

.rating-card-three .stars .stars-star {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    cursor: pointer;
    margin: 0 .25rem
}

.rating-card-three .stars .stars-checkbox {
    position: absolute;
    top: -9999rem;
    opacity: 0 !important;
    visibility: hidden;
    width: 0;
    height: 0
}

.rating-card-three .stars-checkbox:checked + .stars-star > .star-icon, .rating-card-three .stars-checkbox:checked ~ .stars-star > .star-icon, .rating-card-three .stars-star:hover > .star-icon, .rating-card-three .stars-star:hover ~ .stars-star > .star-icon {
    fill: #14F195
}

.rating-detail span:first-child {
    margin-right: .25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    width: 2.5rem
}

.rating-detail span:last-child {
    margin-left: auto;
    color: #9e80ae
}

.rating-detail .progress-bar-wrapper {
    width: 70%;
    border: 1px solid #ebebeb;
    padding: 3px 6px;
    border-radius: 2rem
}

.rating-detail .progress-bar-wrapper .progress {
    height: .25rem
}

.scrollspy-indicatiors .nav-link {
    padding: .25rem .625rem;
    background-color: #f1f2fb;
    color: #1f0757;
    margin-right: .5rem;
    border-radius: .25rem;
    font-size: 14px
}

.dataTable-top .dataTable-input, .dataTable-top .dataTable-selector {
    border: 1px solid #ebebeb;
    padding: .125rem .5rem;
    height: 2rem;
    color: #1f0757
}

.data-scrollspy {
    position: relative;
    z-index: 1;
    height: 200px;
    overflow-y: scroll;
    scrollbar-width: thin;
    padding-right: .5rem
}

.vertical-scrollspy .scrollspy-indicatiors {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
    width: 95px;
    min-width: 95px
}

.vertical-scrollspy .scrollspy-indicatiors .nav-link {
    margin-right: .5rem;
    margin-bottom: .5rem
}

.vertical-scrollspy .scrollspy-indicatiors ul li:last-child .nav-link {
    margin-bottom: 0;
    margin-right: .5rem
}

.table tr td, .table tr th {
    font-weight: 400
}

.dataTable-bottom, .dataTable-top {
    padding: 0
}

.dataTable-top .dataTable-selector {
    width: 3.75rem;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 12px;
    background-color: #fff;
    border-radius: .25rem
}

.timeline-card.bg-danger, .timeline-card.bg-dark, .timeline-card.bg-info, .timeline-card.bg-secondary, .timeline-card.bg-success, .timeline-card.bg-warning {
    background-color: #fff !important
}

.dataTable-top .dataTable-selector:focus {
    outline: 0 !important
}

.dataTable-top .dataTable-input {
    width: 7rem;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 12px;
    border-radius: .25rem
}

.colorful-tab .btn, [data-theme=dark] body .footer-nav ul li a span {
    color: rgba(255, 255, 255, .85)
}

.dataTable-top .dataTable-input:focus-visible {
    border: 0
}

.dataTable-container {
    border-bottom: 0 !important;
    margin: 1rem 0
}

.dataTable-container .dataTable-table {
    overflow-x: scroll
}

.dataTable-container .dataTable-table thead > tr > th {
    border: 1px solid #ebebeb;
    font-size: 12px;
    background-color: #f1f2fb
}

.dataTable-container .dataTable-table tbody tr td, .dataTable-container .dataTable-table tbody tr th {
    font-size: 12px;
    border: 1px solid #ebebeb
}

.dataTable-pagination li a {
    height: 1.25rem;
    color: #1f0757;
    font-size: 14px;
    padding: 0 .375rem;
    line-height: 1.25rem;
    border-radius: .25rem
}

.dataTable-pagination li:first-child a, .dataTable-pagination li:last-child a {
    font-size: 18px;
    padding: 0 .125rem
}

.dataTable-info {
    margin: 0;
    font-size: 14px
}

.dataTable-sorter::after, .dataTable-sorter::before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    opacity: .3;
    right: 0
}

.dataTable-sorter::before {
    border-top: 6px solid #1f0757;
    bottom: 1px
}

.dataTable-sorter::after {
    border-bottom: 6px solid #1f0757;
    border-top: 6px solid transparent;
    top: -3px
}

.testimonial-slide-one-wrapper .tns-nav {
    position: absolute;
    z-index: 10;
    right: 1.5rem;
    bottom: 1.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.testimonial-slide-one-wrapper .tns-nav button {
    border: 0;
    width: .5rem;
    height: .5rem;
    background-color: #c2d4f8;
    margin: 0 .25rem;
    border-radius: 50%
}

.testimonial-slide-two-wrapper .tns-controls button[data-controls=next], .testimonial-slide-two-wrapper .tns-controls button[data-controls=prev] {
    border: 0;
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    top: 50%;
    left: 5%;
    z-index: 10;
    background-color: #fff;
    text-align: center;
    color: #1f0757;
    margin-top: -1rem;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.testimonial-slide-two-wrapper .tns-controls button[data-controls=next] i, .testimonial-slide-two-wrapper .tns-controls button[data-controls=prev] i {
    line-height: 34px
}

.testimonial-slide-two-wrapper .tns-controls button[data-controls=next] {
    left: auto;
    right: 5%
}

.testimonial-slide-three-wrapper .tns-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem
}

.testimonial-slide-three-wrapper .tns-nav button {
    border: 0;
    width: 1rem;
    height: .25rem;
    background-color: #c2d4f8;
    margin: 0 .25rem;
    border-radius: .25rem
}

.testimonial-style1 .single-testimonial-slide {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.testimonial-style1 .single-testimonial-slide .image-wrapper {
    margin-right: 1.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    max-width: 80px;
    border-radius: 1rem
}

.testimonial-style1 .single-testimonial-slide i {
    position: absolute;
    top: -10px;
    left: 60px;
    z-index: 1;
    font-size: 24px
}

.testimonial-style2 .single-testimonial-slide {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
    padding: 1rem;
    border-radius: .5rem;
    margin: 1rem 0
}

.testimonial-style2 .single-testimonial-slide .image-wrapper {
    position: relative;
    z-index: 1;
    margin: 0 auto 1.5rem;
    height: 80px;
    width: 80px;
    border-radius: 50%
}

.testimonial-style2 .single-testimonial-slide .image-wrapper::after {
    width: 100%;
    height: 100%;
    border: 2px solid #f1f2fb;
    position: absolute;
    content: "";
    top: -5px;
    left: 5px;
    border-radius: 50%;
    z-index: -1
}

.testimonial-style2 .single-testimonial-slide .image-wrapper > i {
    position: absolute;
    bottom: -5px;
    left: 5px;
    width: 30px;
    height: 30px;
    background-color: #14F195;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 1rem
}

.timeline-card {
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
    border-left: .5rem solid #9945FF
}

.timeline-card p {
    font-size: 13px
}

.timeline-card .timeline-tags span {
    display: inline-block;
    margin: .125rem
}

.timeline-card.bg-success {
    border-left-color: #2ecc4a !important
}

.timeline-card.bg-danger {
    border-left-color: #ea4c62 !important
}

.timeline-card.bg-warning {
    border-left-color: #14F195 !important
}

.timeline-card.bg-info {
    border-left-color: #1787b8 !important
}

.timeline-card.bg-dark {
    border-left-color: #292929 !important
}

.timeline-card.bg-secondary {
    border-left-color: #9e80ae !important
}

.timeline-card.bg-secondary .timeline-text .badge {
    background-color: #9e80ae
}

.toast-header {
    color: #1f0757;
    padding: .5rem .75rem
}

.custom-toast-1 {
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: .5rem
}

.custom-toast-1 .toast-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem
}

.custom-toast-1 .toast-body svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    max-width: 30px
}

.custom-toast-1 .btn-close {
    top: .625rem;
    right: .625rem;
    z-index: 10
}

.toast-primary {
    background-color: #9945FF !important;
    color: #fff
}

.toast-success {
    background-color: #2ecc4a !important;
    color: #fff
}

.toast-danger {
    background-color: #ea4c62 !important;
    color: #fff
}

.toast-warning {
    background-color: #14F195 !important;
    color: #fff
}

.toast-info {
    background-color: #1787b8 !important;
    color: #fff
}

.toast-dark {
    background-color: #292929 !important;
    color: #fff
}

.toast-autohide-animation {
    width: 0%;
    height: 4px;
    position: absolute;
    z-index: 10;
    content: "";
    bottom: 0;
    left: 0;
    background-color: #f1f2fb;
    -webkit-animation: linear toast-animation;
    animation: linear toast-animation;
    border-radius: 0 0 0 2rem
}

.standard-tab .nav, .standard-tab .tab-content, .tab-content {
    border: 1px solid #ebebeb
}

.colorful-tab .nav .nav-item, .standard-tab .nav-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.card-blog-content, .card-blog-img {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0
}

.standard-tab .btn {
    padding: 6px 8px;
    width: 100%
}

.standard-tab .btn.active {
    background-color: #9945FF;
    color: #fff;
    -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.minimal-tab .btn {
    padding: 0 .625rem .5rem;
    width: 100%;
    border-radius: 0;
    line-height: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px
}

.minimal-tab .btn.active {
    border-bottom-color: #9945FF;
    color: #9945FF
}

.colorful-tab .nav {
    border-radius: 20rem;
    background-color: rgba(255, 255, 255, .125)
}

.colorful-tab .btn {
    border-radius: 5rem;
    width: 100%;
    background-color: transparent;
    border: 0;
    font-weight: 500
}

.colorful-tab .btn.active {
    background-color: rgba(255, 255, 255, .25);
    color: #fff
}

.colorful-tab .tab-content {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 1rem;
    border: 0
}

.card-blog-img {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 173px;
    border-radius: .5rem 0 0 .5rem
}

.card-blog-content {
    padding: 1.5rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.blog-title {
    font-weight: 500;
    overflow: hidden;
    height: 48px
}

.single-user-review:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.single-user-review .user-thumbnail {
    margin-top: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    max-width: 40px;
    margin-right: .5rem
}

.single-user-review .name-date {
    display: block;
    font-size: 12px
}

.post-bookmark {
    background-color: rgba(255, 255, 255, .2);
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    border-radius: 50%;
    color: #fff
}

.cart-table table, .service-card .service-img img {
    max-width: 100%
}

.cart-table table .remove-product {
    color: #1f0757;
    width: 28px;
    height: 28px;
    background-color: #f1f2fb;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 12px
}

.cart-table table .remove-product i {
    line-height: 28px
}

.cart-table table .remove-product:focus, .cart-table table .remove-product:hover {
    color: #fff;
    background-color: #1f0757
}

.cart-table .table tbody td, .cart-table .table tbody th {
    vertical-align: middle;
    color: #9e80ae;
    font-size: 12px;
    padding: .75rem .25rem;
    border: 0
}

.cart-table .table tbody td thead th, .cart-table .table tbody th thead th {
    padding: .75rem .25rem
}

.cart-table img {
    max-height: 2.75rem
}

.empty {
    max-height: 30vh !important;
    height: 25vh !important
}

.cart-table .qty-text {
    border: 2px solid #ebebeb;
    width: 3rem;
    text-align: center;
    height: 2rem;
    border-radius: .25rem;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-weight: 500
}

.language-lists .form-check {
    position: relative;
    z-index: 1;
    margin-bottom: 0
}

.language-lists li {
    padding: .375rem .75rem;
    border: 1px solid #ebebeb;
    border-radius: .375rem;
    margin-bottom: .75rem
}

.product-details-card .product-badge {
    top: 0;
    left: 2.5rem;
    z-index: 100
}

.product-details-card .product-gallery > a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.single-product-card .product-thumbnail img {
    border-radius: .375rem
}

.single-product-card .product-thumbnail .badge {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 15px;
    z-index: 10
}

.single-product-card .product-title {
    font-size: .7rem;
    color: #1f0757;
    margin-top: .75rem;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin-bottom: .25rem;
    height: 53px;
    display: flex !important;
    vertical-align: middle;
    align-items: center;
    justify-content: center
}

.cart-form, .feature-card .card {
    display: -webkit-box;
    display: -ms-flexbox
}

.single-product-card .sale-price {
    font-size: 1rem;
    color: #1f0757;
    font-weight: 500
}

.single-product-card .sale-price span {
    font-size: .5rem;
    text-decoration: line-through;
    color: #ea4c62
}

.product-list-wrap .single-product-card .product-thumbnail img {
    max-height: 7rem
}

.shop-pagination small {
    border-left: 3px solid #9945FF;
    padding-left: .5rem;
    line-height: 1
}

.service-card .service-text p {
    color: rgba(255, 255, 255, .75)
}

.service-card .service-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    width: 40%;
    text-align: right;
    padding-left: 1.5rem
}

.team-member-card {
    position: relative;
    z-index: 1;
    text-align: center !important;
    background-color: #fff !important;
    overflow: hidden
}

.team-member-card .team-member-img {
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin-bottom: 1.5rem;
    max-width: 8rem;
    margin-left: auto;
    margin-right: auto
}

.team-member-card .team-member-img::after {
    position: absolute;
    width: 90%;
    height: 90%;
    content: "";
    top: 5%;
    right: 5%;
    z-index: 10;
    border: 1px solid #fff;
    border-radius: 50%
}

.team-member-card .contact-info {
    padding: .5rem 1rem;
    border-radius: 0 0 6px 6px
}

.user-info-card .user-profile {
    position: relative;
    z-index: 1;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.user-info-card .user-profile i {
    position: absolute;
    top: 11px;
    right: 8px;
    font-size: 14px;
    color: #fff;
    z-index: 1
}

.user-info-card .user-profile form .form-control {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 6px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    line-height: 30px;
    text-indent: -100000000000000020rem;
    background-color: #9945FF
}

.demo-header-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #ebebeb
}

.video-popup-modal .modal-dialog {
    max-width: 80%
}

.video-popup-modal .btn-close {
    position: absolute;
    top: -1rem;
    right: -1rem;
    z-index: 1000;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    padding: 0
}

.preview-iframe-wrapper .preview-hero-area {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
    overflow: hidden;
    background-color: #fff
}

.preview-iframe-wrapper .preview-hero-area .big-shadow-text {
    position: absolute;
    bottom: -8rem;
    font-size: 25rem;
    left: -4rem;
    line-height: 1;
    opacity: .08;
    font-weight: 700;
    z-index: -99
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tiny-slider-one-wrapper .single-hero-slide {
        height: 450px
    }

    .preview-iframe-wrapper .container.demo-container {
        max-width: 1140px
    }

    .preview-iframe-wrapper .preview-hero-area .big-shadow-text {
        font-size: 20rem;
        bottom: -6rem
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .preview-iframe-wrapper .container.demo-container {
        max-width: 960px
    }

    .preview-iframe-wrapper .preview-hero-area .big-shadow-text {
        font-size: 18rem;
        bottom: -6rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-popup-modal .modal-dialog {
        max-width: 90%
    }

    .preview-iframe-wrapper .preview-hero-area .big-shadow-text {
        font-size: 16rem;
        bottom: -5rem
    }
}

@media only screen and (max-width: 767px) {
    .video-popup-modal .modal-dialog {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .video-popup-modal .btn-close {
        top: -.75rem;
        right: -.75rem;
        width: 1.5rem;
        height: 1.5rem
    }

    .preview-iframe-wrapper .preview-hero-area .big-shadow-text {
        font-size: 10rem;
        bottom: -3rem;
        left: -2rem
    }
}

.preview-iframe-wrapper .preview-hero-area .version-number {
    background-color: #f1f2fb;
    font-size: 14px;
    color: #9e80ae
}

.preview-iframe-wrapper .preview-hero-area .demo-title {
    font-size: 2rem;
    font-weight: 600
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .preview-iframe-wrapper .preview-hero-area .demo-title {
        font-size: 1.625rem
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .preview-iframe-wrapper .preview-hero-area .demo-title {
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .preview-iframe-wrapper .preview-hero-area .demo-title {
        font-size: 1.75rem
    }

    .preview-iframe-wrapper .preview-hero-area iframe {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .preview-iframe-wrapper .preview-hero-area .demo-title {
        font-size: 1.5rem
    }

    .preview-iframe-wrapper .preview-hero-area iframe {
        display: none
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-popup-modal .modal-dialog {
        max-width: 90%
    }

    .preview-iframe-wrapper .preview-hero-area .big-shadow-text {
        font-size: 13rem;
        bottom: -4rem;
        left: -2rem
    }

    .preview-iframe-wrapper .preview-hero-area .demo-title {
        font-size: 1.625rem
    }
}

.preview-iframe-wrapper .preview-hero-area .demo-desc {
    font-size: 18px;
    font-weight: 500
}

.preview-iframe-wrapper .preview-hero-area .qr-code-wrapper {
    text-align: center;
    margin-left: auto;
    display: inline-block
}

.preview-iframe-wrapper .preview-hero-area .qr-code-wrapper img {
    background-color: #f1f2fb;
    padding: 1.5rem;
    border-radius: .5rem
}

.preview-iframe-wrapper .preview-hero-area iframe {
    position: relative;
    z-index: 1;
    width: 383px;
    height: 746px;
    border: 4px solid #404040;
    border-radius: 1.5rem
}

.preview-iframe-wrapper .section-heading {
    padding-bottom: 75px
}

.preview-iframe-wrapper .features-area {
    position: relative;
    z-index: 1;
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #fff
}

.preview-iframe-wrapper .features-area p {
    font-size: 1.125rem
}

.preview-iframe-wrapper .features-area .card {
    border: 1px solid rgba(0, 0, 0, .125)
}

.preview-iframe-wrapper .features-area .card img {
    max-height: 2.5rem
}

.preview-iframe-wrapper .features-area .card.active {
    border: 1px solid #b6d4fe;
    background-color: #f1f2fb
}

.preview-iframe-wrapper .features-area .card.active h6 {
    color: #084298
}

.feature-card .card {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5rem
}

.feature-card .card img {
    max-width: 3.5rem;
    max-height: 3.5rem
}

.feature-card p {
    line-height: 1.35;
    letter-spacing: 0;
    font-size: 12px
}

.special-text {
    font-weight: 500;
    color: #1f0757
}

.preview-footer-area {
    position: relative;
    z-index: 1;
    width: 100%
}

[view-mode=rtl] body #pswmeter, [view-mode=rtl] body .accordion-item, [view-mode=rtl] body .alert, [view-mode=rtl] body .badge-avater-group, [view-mode=rtl] body .badge-avater-wrap, [view-mode=rtl] body .blog-description, [view-mode=rtl] body .blog-list-card, [view-mode=rtl] body .btn.d-flex, [view-mode=rtl] body .chat-footer form .form-control, [view-mode=rtl] body .chat-user--info, [view-mode=rtl] body .chat-user-list, [view-mode=rtl] body .circle-btn-wrapper, [view-mode=rtl] body .cta-card, [view-mode=rtl] body .dataTable-container .dataTable-table, [view-mode=rtl] body .direction-rtl, [view-mode=rtl] body .form-check, [view-mode=rtl] body .form-group, [view-mode=rtl] body .input-group, [view-mode=rtl] body .internet-connection-status, [view-mode=rtl] body .list-group, [view-mode=rtl] body .price-table-one .single-price-content, [view-mode=rtl] body .progress, [view-mode=rtl] body .rating-and-review-wrapper, [view-mode=rtl] body .rating-card-one, [view-mode=rtl] body .rating-card-three, [view-mode=rtl] body .rating-card-two, [view-mode=rtl] body .scrollspy-indicatiors, [view-mode=rtl] body .service-card, [view-mode=rtl] body .shop-pagination, [view-mode=rtl] body .single-product-card, [view-mode=rtl] body .single-task-progress, [view-mode=rtl] body .skill-progress-bar, [view-mode=rtl] body .table, [view-mode=rtl] body .timeline-card, [view-mode=rtl] body .toast, [view-mode=rtl] body .top-products-area, [view-mode=rtl] body .user-info-card, [view-mode=rtl] body .vertical-scrollspy, [view-mode=rtl] body h1, [view-mode=rtl] body h2, [view-mode=rtl] body h3, [view-mode=rtl] body h4, [view-mode=rtl] body h5, [view-mode=rtl] body h6, [view-mode=rtl] body p, [view-mode=rtl] body span {
    direction: rtl
}

[view-mode=rtl] body .dataTable-table th a, [view-mode=rtl] body .element-heading h6, [view-mode=rtl] body .elements-heading .heading-text, [view-mode=rtl] body .hero-block-content, [view-mode=rtl] body .modal-body, [view-mode=rtl] body .notification-area .alert-text, [view-mode=rtl] body .otp-form select, [view-mode=rtl] body .testimonial-style3 .single-testimonial-slide, [view-mode=rtl] body .tiny-slider-three-wrapper, [view-mode=rtl] body .tiny-slider-two-wrapper {
    text-align: right
}

[view-mode=rtl] body .affan-page-item > i, [view-mode=rtl] body a.affan-element-item > i {
    margin-left: 0;
    margin-right: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[view-mode=rtl] body .badge.ms-1, [view-mode=rtl] body .badge.ms-2 {
    margin-left: 0 !important;
    margin-right: .25rem !important
}

[view-mode=rtl] body .card-img-wrap, [view-mode=rtl] body .sidenav-nav li .night-mode-nav i, [view-mode=rtl] body .sidenav-nav li a i, [view-mode=rtl] body .skill-progress-bar .skill-icon {
    margin-right: 0;
    margin-left: 1rem
}

[view-mode=rtl] body .accordion-item .accordion-button::after, [view-mode=rtl] body .nav-url .dropdown-icon, [view-mode=rtl] body .rating-detail span:last-child, [view-mode=rtl] body .sidenav-nav li .night-mode-nav .form-check {
    margin-left: 0;
    margin-right: auto
}

[view-mode=rtl] body .sidenav-nav li .night-mode-nav .form-switch {
    padding-left: 0
}

[view-mode=rtl] body .sidenav-nav li ul {
    padding-left: 0;
    padding-right: 2rem
}

[view-mode=rtl] body .alert-dismissible .btn-close {
    margin-left: 0 !important;
    margin-right: auto
}

[view-mode=rtl] body .custom-alert-1 {
    padding-left: 1rem;
    padding-right: 27px
}

[view-mode=rtl] body .custom-alert-1::after {
    right: 12px;
    left: auto
}

[view-mode=rtl] body .custom-alert-3 i {
    margin-right: 0;
    margin-left: .75rem
}

[view-mode=rtl] body .toast .toast-header .btn-close {
    margin-right: .375rem;
    margin-left: 0
}

[view-mode=rtl] body .toast .toast-header strong {
    margin-left: auto !important;
    margin-right: .25rem !important
}

[view-mode=rtl] body .custom-toast-1 .btn-close {
    left: .625rem;
    right: auto
}

[view-mode=rtl] body .btn i.me-2, [view-mode=rtl] body .btn svg.me-2, [view-mode=rtl] body .form-file-button.btn.d-flex svg {
    margin-right: 0 !important;
    margin-left: .5rem !important
}

[view-mode=rtl] body .badge-avater-group .badge-avater {
    margin-right: 0;
    margin-left: -.75rem
}

[view-mode=rtl] body .cs-newsletter-form .btn-close, [view-mode=rtl] body .offcanvas-bottom .btn-close, [view-mode=rtl] body .offcanvas-start .btn-close, [view-mode=rtl] body .offcanvas-top .btn-close {
    right: auto;
    left: 1rem
}

[view-mode=rtl] body .form-select {
    background-position: left .75rem center
}

[view-mode=rtl] body .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 12px 0 0 12px
}

[view-mode=rtl] body .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), [view-mode=rtl] body .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-radius: 0 12px 12px 0
}

[view-mode=rtl] body .form-check .form-check-input {
    float: right;
    margin-left: .5rem
}

[view-mode=rtl] body #rangevalue {
    margin-left: 0 !important;
    margin-right: 1rem
}

[view-mode=rtl] body .accordion-style-two .accordion-item h6 i, [view-mode=rtl] body .rating-and-review-wrapper .single-user-review .user-thumbnail {
    margin-left: .5rem;
    margin-right: 0
}

[view-mode=rtl] body .list-group-item .form-check-input, [view-mode=rtl] body .price-table-one .single-price-content .pricing-desc ul li i {
    margin-right: 0 !important;
    margin-left: .5rem
}

[view-mode=rtl] body .list-group-item.active::after, [view-mode=rtl] body .list-group-item.disabled::after {
    left: auto;
    right: 0
}

[view-mode=rtl] body .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: .5rem
}

[view-mode=rtl] body .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: .5rem
}

[view-mode=rtl] body .timeline-card::after {
    right: auto;
    left: 1.5rem
}

[view-mode=rtl] body .card-badge {
    left: auto;
    right: 1.5rem
}

[view-mode=rtl] body .demo-container.direction-rtl .text-end, [view-mode=rtl] body .image-gallery-card .row .text-end {
    text-align: left !important
}

[view-mode=rtl] body .rating-card-one .rating a, [view-mode=rtl] body .rating-card-two .rating a, [view-mode=rtl] body .rating-detail span {
    margin-right: 0;
    margin-left: 4px
}

[view-mode=rtl] body .gallery-img, [view-mode=rtl] body .progress-info span, [view-mode=rtl] body .rating-card-one span, [view-mode=rtl] body .rating-card-two span {
    direction: ltr
}

[view-mode=rtl] body .testimonial-style1 .single-testimonial-slide .image-wrapper {
    margin-right: 0;
    margin-left: 1.25rem
}

[view-mode=rtl] body .testimonial-style1 .single-testimonial-slide i {
    left: auto;
    right: -8px
}

[view-mode=rtl] body .modal-header .btn-close {
    margin: -.5rem auto -.5rem 0 !important
}

[view-mode=rtl] body .pagination .page-item:first-child .page-link {
    border-radius: .25rem 0 0 .25rem
}

[view-mode=rtl] body .pagination .page-item:last-child .page-link {
    border-radius: 0 .25rem .25rem 0
}

[view-mode=rtl] body .pagination.pagination-one .page-item:first-child .page-link {
    border-left: 0;
    border-right: 1px solid #ebebeb
}

[view-mode=rtl] body .pagination.pagination-one .page-item:last-child .page-link {
    border-right: 0;
    border-left: 1px solid #ebebeb
}

[view-mode=rtl] body .list-unstyled ul {
    padding-right: 2rem;
    padding-left: 0
}

[view-mode=rtl] body .dataTable-bottom > div:last-child, [view-mode=rtl] body .dataTable-top > div:last-child, [view-mode=rtl] body .price-table-two .single-price-table .form-check .form-check-input {
    float: left
}

[view-mode=rtl] body .chat-user-list .chat-user-thumbnail, [view-mode=rtl] body .user-info-card .user-profile.me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important
}

[view-mode=rtl] body .chat-user--info .info.ms-1 {
    margin-left: 0 !important;
    margin-right: .25rem !important
}

[view-mode=rtl] body .chat-user--info .user-thumbnail-name {
    margin-left: 0;
    margin-right: .375rem
}

[view-mode=rtl] body .shop-pagination select {
    padding-right: .5rem !important;
    padding-left: 1.5rem !important
}

[view-mode=rtl] body .shop-pagination small {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
    border-right: 3px solid #9945FF;
    padding-right: .5rem;
    margin-right: .25rem
}

[view-mode=rtl] body .product-details-card .product-badge {
    left: 15%;
    right: 15%
}

[view-mode=rtl] body .blog-list-card .card-blog-img {
    border-radius: 0 .5rem .5rem 0
}

[view-mode=rtl] body .service-card .service-img {
    text-align: left;
    padding-left: 0;
    padding-right: 1.5rem
}

[view-mode=rtl] body .demo-container.direction-rtl .btn.btn-lg.ms-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important
}

[view-mode=rtl] body .nav-url ul {
    padding-left: 0;
    padding-right: 1.5rem
}

[view-mode=rtl] body .home-page-toast {
    right: auto;
    left: 15px
}

[view-mode=rtl] body .tiny-slider-one-wrapper .tns-controls {
    right: auto;
    left: 1.25rem
}

[view-mode=rtl] body .tiny-slider-one-wrapper .tns-nav {
    left: auto;
    right: 1.25rem
}

[view-mode=rtl] body .tiny-slider-two-wrapper .tns-nav {
    right: auto;
    left: 2rem
}

[view-mode=rtl] body .tiny-slider-two-wrapper #totaltnsDotsCount {
    right: auto;
    left: 3.625rem
}

[view-mode=rtl] body .dataTable-sorter::after, [view-mode=rtl] body .dataTable-sorter::before {
    right: auto;
    left: 0
}

[view-mode=rtl] body .dataTable-bottom > div:first-child, [view-mode=rtl] body .dataTable-top > div:first-child {
    float: right
}

[view-mode=rtl] body .countdown1 > div {
    margin-left: .5rem;
    margin-right: 0;
    direction: rtl
}

[view-mode=rtl] body .coming-soon-card .countdown3 > div:last-child, [view-mode=rtl] body .countdown1 > div:last-child {
    margin-right: 0;
    margin-left: 0
}

[view-mode=rtl] body .coming-soon-card .countdown3 > div {
    margin-right: 0;
    margin-left: .25rem;
    direction: rtl
}

[view-mode=rtl] body .coming-soon-card .countdown3 > div span.word {
    margin-left: 0;
    margin-right: 2px
}

[view-mode=rtl] body .countdown2 > div {
    margin-left: .5rem;
    direction: rtl
}

[view-mode=rtl] body .single-counter-wrap .solid-line.ms-0 {
    margin-left: auto !important;
    margin-right: 0
}

[view-mode=rtl] body #password-visibility {
    left: auto;
    right: .625rem
}

[view-mode=rtl] body .chat-user-list li .chat-options-btn .dropdown-menu a i {
    margin-left: .25rem;
    margin-right: 0
}

[view-mode=rtl] body .chat-footer form .dropup.me-2 {
    margin-left: .5rem;
    margin-right: 0 !important
}

[view-mode=rtl] body .language-lists .form-check {
    text-align: right;
    padding-left: 0
}

[data-theme=dark], [data-theme=dark] .dark-mode-switching, [data-theme=dark] .rtl-mode-switching, [data-theme=dark] body, [data-theme=dark] body #preloader, [data-theme=dark] body .login-wrapper, [data-theme=dark] body .preview-iframe-wrapper .preview-hero-area {
    background-color: #1d1e21
}

[data-theme=dark] body .breadcrumb, [data-theme=dark] body .breadcrumb-wrapper, [data-theme=dark] body .card, [data-theme=dark] body .chat-footer, [data-theme=dark] body .dropdown-menu, [data-theme=dark] body .header-demo-bg, [data-theme=dark] body .modal-content, [data-theme=dark] body .offcanvas, [data-theme=dark] body .preview-iframe-wrapper .features-area, [data-theme=dark] body .preview-iframe-wrapper .preview-hero-area .version-number, [data-theme=dark] body .preview-iframe-wrapper .qr-code-wrapper img, [data-theme=dark] body .sidenav-wrapper, [data-theme=dark] body .single-chat-item .user-message .download-file-wrap, [data-theme=dark] body .single-chat-item .user-message .single-message .typing, [data-theme=dark] body .single-chat-item .user-message .single-message p {
    background-color: #232323
}

[data-theme=dark] body .border {
    border-color: rgba(255, 255, 255, .15) !important
}

[data-theme=dark] body .border-top {
    border-top-color: rgba(255, 255, 255, .15) !important
}

[data-theme=dark] body .border-start {
    border-left-color: rgba(255, 255, 255, .15) !important
}

[data-theme=dark] body .border-bottom {
    border-bottom-color: rgba(255, 255, 255, .15) !important
}

[data-theme=dark] body .border-end {
    border-right-color: rgba(255, 255, 255, .15) !important
}

[data-theme=dark] body .border-content > span {
    background-color: rgba(255, 255, 255, .05) !important
}

[data-theme=dark] body .img-thumbnail {
    border-color: rgba(255, 255, 255, .15);
    background-color: transparent
}

[data-theme=dark] body .cart-table table .remove-product, [data-theme=dark] body .dropdown-menu .dropdown-item:focus, [data-theme=dark] body .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .demo-header-wrapper {
    background-color: #1d1e21;
    border-bottom-color: rgba(255, 255, 255, .07)
}

[data-theme=dark] body .custom-alert-1, [data-theme=dark] body .preview-iframe-wrapper .features-area .card {
    border-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .preview-iframe-wrapper .features-area .card.active {
    border-color: transparent !important;
    background-color: #1787b8 !important
}

[data-theme=dark] body .affan-page-item:focus, [data-theme=dark] body .affan-page-item:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #14F195;
    border-color: rgba(255, 255, 255, .15)
}

[data-theme=dark] body .affan-page-item .icon-wrapper {
    background-color: rgba(255, 255, 255, .2)
}

[data-theme=dark] body .header-content.header-style-two .search-trigger-btn, [data-theme=dark] body .scrollspy-indicatiors .nav-link, [data-theme=dark] body a.affan-element-item {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
}

[data-theme=dark] body .header-area {
    background-color: #232323;
    border-bottom-color: rgba(255, 255, 255, .07)
}

[data-theme=dark] body .sidenav-nav li .night-mode-nav:hover, [data-theme=dark] body .sidenav-nav li a:focus, [data-theme=dark] body .sidenav-nav li a:hover {
    color: #14F195;
    background-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .accordion-button:not(.collapsed), [data-theme=dark] body .footer-nav.footer-style-three ul li a, [data-theme=dark] body .header-content.header-style-three .navbar--toggler, [data-theme=dark] body .header-content.header-style-two .navbar--toggler, [data-theme=dark] body .nav-url.dd-open, [data-theme=dark] body .progress, [data-theme=dark] body .sidenav-nav li ul {
    background-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .chat-user-list li .chat-options-btn li, [data-theme=dark] body .chat-user-list li .chat-options-btn li:focus, [data-theme=dark] body .chat-user-list li .chat-options-btn li:hover, [data-theme=dark] body .footer-nav, [data-theme=dark] body .rating-card-one > div, [data-theme=dark] body .sidenav-nav li ul li a:focus, [data-theme=dark] body .sidenav-nav li ul li a:hover {
    background-color: transparent
}

[data-theme=dark] body .modal-content .modal-footer, [data-theme=dark] body .social-info-wrap {
    border-top-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .header-content.header-style-five .navbar--toggler {
    border-color: rgba(255, 255, 255, .15)
}

[data-theme=dark] body .toast {
    background-color: #232323;
    border-color: transparent
}

[data-theme=dark] body .toast-header {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-bottom-color: transparent
}

[data-theme=dark] body .form-control, [data-theme=dark] body .form-select, [data-theme=dark] body .input-group-text, [data-theme=dark] body .list-group-item {
    border-color: rgba(255, 255, 255, .1);
    background-color: #232323;
    color: #fff
}

[data-theme=dark] body .form-control.is-invalid, [data-theme=dark] body .was-validated .form-control:invalid {
    border-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23686868' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

[data-theme=dark] body .form-select[multiple], [data-theme=dark] body .form-select[size]:not([size="1"]) {
    background-image: none
}

[data-theme=dark] body #rangevalue {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .1) !important
}

[data-theme=dark] body .autocomplete-items > div {
    background-color: transparent;
    color: #fff
}

[data-theme=dark] body .register-form .form-check-label, [data-theme=dark] body .table-striped > tbody > tr:nth-of-type(odd) {
    color: rgba(255, 255, 255, .7)
}

[data-theme=dark] body .footer-nav-area {
    background-color: #232323;
    border-top-color: rgba(255, 255, 255, .07)
}

[data-theme=dark] body .footer-nav.footer-style-three ul li a:focus, [data-theme=dark] body .footer-nav.footer-style-three ul li a:hover, [data-theme=dark] body .footer-nav.footer-style-three ul li.active a, [data-theme=dark] body .scrollspy-indicatiors .nav-link.active {
    background-color: #14F195;
    color: #fff
}

[data-theme=dark] body .custom-alert-1 .btn-close, [data-theme=dark] body .custom-toast-1 .btn-close, [data-theme=dark] body .modal-content .btn-close, [data-theme=dark] body .offcanvas-bottom .btn-close, [data-theme=dark] body .offcanvas-end .btn-close, [data-theme=dark] body .offcanvas-start .btn-close, [data-theme=dark] body .offcanvas-top .btn-close, [data-theme=dark] body .setting-popup-card .btn-close, [data-theme=dark] body .toast .toast-header .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%)
}

[data-theme=dark] body .footer-nav.footer-style-two li.active a {
    background-color: rgba(15, 241, 126, .3)
}

[data-theme=dark] body .accordion-item {
    background-color: #232323;
    border-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .accordion-button {
    background-color: #1d1e21;
    color: #fff;
    border-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .accordion-collapse, [data-theme=dark] body .dataTable-container .dataTable-table tbody tr td, [data-theme=dark] body .dataTable-container .dataTable-table tbody tr th, [data-theme=dark] body .language-lists li, [data-theme=dark] body .nav-tabs, [data-theme=dark] body .rating-detail .progress-bar-wrapper, [data-theme=dark] body .single-plan-check, [data-theme=dark] body .skill-progress-bar .skill-icon {
    border-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .accordion-item .accordion-body {
    border-color: rgba(255, 255, 255, .1) !important
}

[data-theme=dark] body .accordion-style-one .accordion-item h6 {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #14F195
}

[data-theme=dark] body .accordion-style-three .accordion-item h6 {
    background-color: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .05) !important;
    color: #fff
}

[data-theme=dark] body .accordion-style-four .accordion-item {
    border: 0
}

[data-theme=dark] body .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

[data-theme=dark] body .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2314F195'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

[data-theme=dark] body .team-member-card, [data-theme=dark] body .timeline-card {
    background-color: rgba(255, 255, 255, .1) !important
}

[data-theme=dark] body .timeline-card.bg-dark {
    border-left-color: #1f0757 !important
}

[data-theme=dark] body .offline-online-card h6, [data-theme=dark] body .rating-card-two > div, [data-theme=dark] body .single-search-result {
    border-bottom-color: rgba(255, 255, 255, .1) !important
}

[data-theme=dark] body .list-group-item.active {
    border-color: rgba(255, 255, 255, .1) !important;
    color: #14F195
}

[data-theme=dark] body .list-group-item.disabled {
    border-color: rgba(255, 255, 255, .1) !important;
    color: rgba(241, 177, 15, .4)
}

[data-theme=dark] body .page-link {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, .05)
}

[data-theme=dark] body .page-item.disabled .page-link {
    color: rgba(241, 177, 15, .4);
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .05)
}

[data-theme=dark] body .pagination.pagination-one .page-item:first-child .page-link {
    border-left: 1px solid rgba(255, 255, 255, .05)
}

[data-theme=dark] body .pagination.pagination-one .page-item:last-child .page-link, [data-theme=dark] body .pagination.pagination-one .page-link, [data-theme=dark] body .standard-tab .nav, [data-theme=dark] body .tab-content {
    border-color: rgba(255, 255, 255, .05)
}

[data-theme=dark] .text-dark, [data-theme=dark] a, [data-theme=dark] body .blog-title, [data-theme=dark] body .skill-progress-bar .skill-icon svg {
    color: #fff !important
}

[data-theme=dark] body .chat-user-status-slides .user-status-slide a {
    background-color: #232323;
    -webkit-box-shadow: none;
    box-shadow: none
}

[data-theme=dark] body .chat-user-list li {
    background-color: #232323;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

[data-theme=dark] body .dataTable-top .dataTable-input, [data-theme=dark] body .dataTable-top .dataTable-selector {
    border-color: rgba(255, 255, 255, .1);
    color: #14F195;
    background-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .dataTable-container .dataTable-table thead > tr > th {
    border-color: rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .dataTable-sorter::before {
    border-top-color: #14F195
}

[data-theme=dark] body .dataTable-sorter::after {
    border-bottom-color: #14F195
}

[data-theme=dark] body .table {
    color: rgba(255, 255, 255, .7);
    border-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(255, 255, 255, .25)
}

[data-theme=dark] body .table-light {
    color: #fff;
    border-color: rgba(255, 255, 255, .15)
}

[data-theme=dark] body .table-light tr td, [data-theme=dark] body .table-light tr th {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .15)
}

[data-theme=dark] body .cart-table .border-top {
    border-top-color: rgba(255, 255, 255, .05) !important
}

[data-theme=dark] body .cart-table .qty-text {
    border-color: rgba(255, 255, 255, .1);
    background-color: transparent;
    color: #fff
}

[data-theme=dark] body .cart-table table .remove-product:focus, [data-theme=dark] body .cart-table table .remove-product:hover {
    color: #fff;
    background-color: #ea4c62
}

[data-theme=dark] body .shop-pagination small {
    border-left-color: #14F195
}

[data-theme=dark] body .notification-message {
    background-color: #1d1e21 !important
}

[data-theme=dark] body .price-table-two .single-price-table {
    background-color: rgba(255, 255, 255, .05)
}

[data-theme=dark] body .notification-area .alert {
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .05);
    color: #fff
}

[data-theme=dark] body .notification-area .alert.unread {
    background-color: rgba(255, 255, 255, .1) !important;
    border-color: rgba(255, 255, 255, .1);
    color: #fff
}

[data-theme=dark] body .single-search-result a {
    color: rgba(241, 177, 15, .75)
}

[data-theme=dark] body .minimal-tab .btn.active {
    border-bottom-color: #14F195;
    color: #14F195
}

[data-theme=dark] body .nav-tabs .nav-link.active, [data-theme=dark] body .nav-tabs .nav-link:hover, [data-theme=dark] body .price-table-one .nav-tabs .nav-link, [data-theme=dark] body .price-table-one .nav-tabs .nav-link:hover {
    border-color: rgba(255, 255, 255, .05);
    background-color: rgba(255, 255, 255, .1)
}

[data-theme=dark] body .price-table-one .nav-tabs .nav-link.active {
    background-color: #9945FF;
    color: #fff;
    border-color: #9945FF
}

[data-theme=dark] body .modal-content .modal-header {
    border-bottom-color: rgba(255, 255, 255, .1)
}

.font-size-20px {
    font-size: 20px !important
}

.font-size-1rem {
    font-size: 1rem !important
}

.font-size-icon {
    font-size: 1.25rem !important
}

.font-size-xl {
    font-size: 1.5rem !important
}

.font-size-attr {
    font-size: 2.5rem !important
}

.font-size-avatar {
    font-size: 3rem !important
}

.font-size-hero {
    font-size: 4rem !important
}

[data-theme=dark] body .header-content .logo-wrapper a img {
    filter: invert(1) saturate(1.5) hue-rotate(-36deg)
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-size-sm {
    font-size: 10px !important
}

.font-size-11 {
    font-size: 11px !important
}

.font-size-medium {
    font-size: 13px !important;
    line-height: 1.5
}

.font-size-lg {
    font-size: 16px !important
}

.font-size-large {
    font-size: 18px !important
}

.rtl {
    direction: rtl !important
}

.dark-mode-wrapper {
    position: relative;
    z-index: 1;
    background-color: #020310;
    overflow: hidden
}

.dark-mode-wrapper::after {
    content: "";
    border-radius: 6px;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/core-img/dark-bg.jpg");
    top: 0;
    opacity: .3;
    left: 0;
    z-index: -100;
    -webkit-animation: 16s linear infinite darkModeBGMove;
    animation: 16s linear infinite darkModeBGMove
}

@-webkit-keyframes darkModeBGMove {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes darkModeBGMove {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.cart-form {
    position: relative;
    z-index: 1;
    display: flex
}

.cart-form .form-control {
    max-width: 32px;
    height: 28px;
    margin-right: .2rem;
    margin-left: .2rem;
    text-align: center;
    font-weight: 500;
    padding: .25rem
}

.cart-form .quantity-button-handler {
    width: 28px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #020310;
    line-height: 28px;
    font-size: 1.25rem;
    text-align: center;
    border-radius: .25rem;
    cursor: pointer;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.flash-sale-slide .owl-nav .owl-next, .flash-sale-slide .owl-nav .owl-prev, .owl-nav .owl-next, .owl-nav .owl-prev {
    font-size: 1.5rem !important;
    line-height: 35px;
    opacity: 0;
    width: 35px;
    height: 35px;
    position: absolute;
    text-align: center
}

.cart-form .quantity-button-handler:hover {
    color: #100dd1
}

.price-input {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: .5rem;
    direction: rtl
}

.height-175 {
    height: 175px !important;
    max-height: 175px !important
}

.height-icon {
    height: auto !important;
    max-height: 180px !important
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    color: #fff;
    bottom: 0;
    background: #fff !important;
    border-radius: 11px !important;
    box-shadow: 0 0 3px #cbcbcb;
    border: 1px solid #fff
}

.flash-sale-slide .owl-nav .owl-next, .flash-sale-slide .owl-nav .owl-prev {
    color: #fff;
    bottom: 5px;
    background: 0 0 !important;
    border-radius: 11px !important;
    box-shadow: 0 0 4px #cbcbcb;
    border: 1px solid #fff
}

.flash-sale-slide .owl-nav .owl-next, .flash-sale-slide .owl-nav .owl-prev, .owl-nav .owl-next, .owl-nav .owl-prev {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    opacity: 1
}

.owl-nav .owl-next {
    right: 0
}

.flash-sale-slide .owl-nav .owl-next {
    right: 10px
}

.owl-nav .owl-prev {
    left: 0
}

.flash-sale-slide .owl-nav .owl-prev {
    left: 10px
}

.owl-nav .owl-next:hover, .owl-nav .owl-prev:hover {
    color: #fff;
    background: #6d01cb !important;
    border: 1px solid #6d01cb !important
}

.owl-dots {
    text-align: center;
    padding-block: 8px
}

.flash-sale-slide .owl-dots {
    text-align: center;
    padding-block: 15px
}

.owl-dots button.owl-dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: inline-block;
    background: #00000012 !important;
    margin: 0 3px
}

.owl-dots button.owl-dot:focus {
    outline: 0
}

::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    line-height: 2 !important;
    vertical-align: 0 !important
}

ol.stepper {
    --default-b: lightgrey;
    --default-c: black;
    --active-b: #25c300;
    --active-c: white;
    --circle: 1.8em;
    --b: 5px;
    display: flex;
    list-style: none;
    justify-content: space-between;
    background: linear-gradient(var(--default-b) 0 0) no-repeat 50% calc((var(--circle) - var(--b)) / 2)/100% var(--b);
    counter-reset: step;
    margin-block: 10px;
    padding: 0;
    font-size: 15px;
    counter-reset: step;
    overflow: hidden;
    direction: rtl
}

ol.stepper li {
    display: grid;
    place-items: normal;
    gap: 5px;
    position: relative
}

ol.stepper li::before {
    content: counter(step) " ";
    counter-increment: step;
    display: grid;
    place-content: center;
    aspect-ratio: 1;
    height: var(--circle);
    border: 2px solid #fff;
    box-sizing: border-box;
    background: var(--active-b);
    color: var(--active-c);
    border-radius: 50%;
    z-index: 1
}

ol.stepper li.active ~ li::before {
    background: var(--default-b);
    color: var(--default-c)
}

ol.stepper li.active::before {
    background: var(--active-b) !important;
    color: #fff !important
}

ol.stepper li.active::after {
    content: "";
    position: absolute;
    height: var(--b);
    left: 100%;
    top: calc((var(--circle) - var(--b)) / 2);
    width: 100vw;
    background: var(--active-b)
}

@media (max-width: 600px) {
    ol.stepper {
        display: grid;
        gap: 6px;
        background: linear-gradient(var(--default-b) 0 0) no-repeat calc((var(--circle) - var(--b)) / 2) 50%/var(--b) 100%
    }

    ol.stepper li {
        display: flex
    }

    ol.stepper li.active::after {
        content: "";
        position: absolute;
        width: var(--b);
        bottom: 100%;
        right: calc((var(--circle) - var(--b)) / 2);
        top: auto;
        left: auto;
        height: 100vw;
        background: var(--active-b)
    }
}

.offcanvas-top {
    height: 50vh !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important
}

.accordion-header h6[aria-expanded=true] {
    font-weight: 600
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

[data-theme=dark] .text-secondary {
    color: #b5b5b5 !important
}

[data-theme=dark] p {
    color: #bababa !important
}

[data-theme=dark] a.btn-light {
    background-color: #000e3b !important
}

[data-theme=dark] .bg-white {
    background: #202020 !important
}

[data-theme=dark] .bg-light {
    background: #242424 !important
}

[data-theme=dark] .bg-gray {
    background: #232323 !important
}

#logo {
    fill: #9945FF !important
}

[data-theme=dark] #logo {
    fill: #14F195 !important
}

[data-theme=dark] .cart-form .quantity-button-handler {
    background-color: #1d1e21;
    border: 1px solid #232323
}

.w-fit {
    width: fit-content !important
}

.rounded-tops-tag {
    border-top-left-radius: 7rem !important;
    border-top-right-radius: 7rem !important
}

.opacity-0 {
    filter: opacity(0)
}

.border-none {
    border: none !important
}

.cart-badge {
    width: 16px !important;
    height: 17px !important;
    display: flex !important;
    justify-content: center !important;
    font-size: .69rem !important;
    align-items: flex-start !important;
    background: #663399 !important;
    position: absolute !important;
    left: 68% !important;
    top: 20% !important
}

.price-table-one .nav-tabs .nav-link.active {
    background-color: #591790 !important;
    color: #fff;
    border-color: #591790 !important
}

.lh-2 {
    line-height: 2 !important
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.gradient {
    --size: 110px;
    --speed: 30s;
    margin: auto !important;
    --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8) !important;
    width: var(--size);
    height: var(--size);
    filter: blur(calc(var(--size) / 6)) !important;
    background-image: linear-gradient(rgba(55, 235, 169, .85), #5b37eb, #6d01cb) !important;
    animation: rotate var(--speed) var(--easing) alternate infinite !important;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70% !important
}

@media (min-width: 720px) {
    .gradient {
        --size: 130px !important
    }
}

.hero-position {
    position: absolute;
    z-index: 99;
    top: 5% !important;
    left: 0;
    right: 0
}

.product-sale {
    background: linear-gradient(180deg, orange, transparent) !important;
    border: none !important
}

.primary-gradient {
    background: linear-gradient(180deg, #9945FF 5%, #2ecca9 95%) !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.search-form-wrapper .input-group .form-control-clicked {
    background-color: #f5ebff;
}

.search-form-wrapper .input-group .form-control-clicked:focus {
    background-color: #E8FFD2 !important;
    border-color: #75ff8e21 !important;
}

.lh-half {
    line-height: 0.5 !important;
}

[data-theme=dark] .footer-nav ul li.active a i {
    color: black;
}
.site-badge{
    font-size: 10px !important;
    padding: 0.2rem 1.4rem !important;
    filter: drop-shadow(2px 4px 6px black) !important;
    border-radius: 15px;
}
.settings-logo{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    opacity: 0.25;
}