@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --sidebar-bg: linear-gradient(180deg, #DC9F29 0%, #B07F20 100%);
    --main-bg: #fff;
    --text-white: #fff;
    --heading-color: #4B4213;
    --text-color: #424242;
    --text-main: #2C2E33;
    --text-main-second: #707F90;
    --text-color-heading: #78785F;
    --bg-light-gray: #F5F5F5;
    --bg-light-gray-42: #F4F4F2;
    --bs-border-color: #DADADA !important;
    --text-black: #121212 !important;
    --bs-secondary-color: #7C7C7C;
    --bs-proceed-bg: #e3af49;
    --bs-proceed-hover-bg: #e9ba5e;
    --hover-bg: #895D07;
    --active-bg: #99690b;
    --color-third: #4B4213;
    --color-third-50: #A5A089;
    --badge-bg: #FFCD92;
    --badge-bg-friend: #FFF1E0;
    --badge-bg-border: #FFCD92;
    --bg-light-gray-d9: #d9d9d9;
    --badge-bg-other: #d9d9d9;
    --select-bg: #E1E1C5;
    --selected-bg: #DEA432;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

* {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

/* body {
    overflow-x: hidden !important;
} */

/* [class^="col"],
[class*=" col"]{
    float: left;
} */

/* Comment by arpit */



/* ===== Sidebar ===== */

.mobile .text {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    opacity: 1;
    margin-left: 0.8rem;
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    user-select: none;
    height: 100%;
    width: 250px;
    padding: 10px 14px;
    background: var(--sidebar-bg);
    transition: var(--tran-05);
    z-index: 100;
    overflow-y: scroll;
}

.sidebar.close {
    width: 88px;
}

/* ===== Reusable code - Here ===== */
.sidebar li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.sidebar header .image,
.sidebar .icon {
    border-radius: 6px;
}

.sidebar ul {
    padding-left: 0%;
}

.sidebar .icon {
    min-width: 60px;
    border-radius: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.sidebar .text,
.sidebar .icon {
    color: var(--text-color);
    transition: var(--tran-03);
}

.sidebar .text {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    opacity: 1;
    margin-left: 0.8rem;
}

.sidebar.close .text {
    opacity: 0;
}

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

.sidebar header {
    position: relative;
}

.sidebar header .image-text {
    display: flex;
    align-items: center;
    padding-left: 0.6rem;
}

.sidebar header .logo-text {
    display: flex;
    flex-direction: column;
}

header .image-text .name {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 600;
}

header .image-text .profession {
    font-size: 16px;
    margin-top: -2px;
    display: block;
}

.sidebar header .image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar header .image img {
    width: 36px;
    border-radius: 6px;
}

.sidebar header .toggle {
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%) rotate(180deg);
    height: 25px;
    width: 25px;
    background-color: var(--hover-bg);
    color: var(--sidebar-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    transition: var(--tran-05);
}

body.dark .sidebar header .toggle {
    color: var(--text-color);
}

.sidebar.close .toggle {
    transform: translateY(-50%) rotate(0deg);
}


.sidebar li.search-box {
    border-radius: 6px;
    background-color: var(--primary-color-light);
    cursor: pointer;
    transition: var(--tran-05);
}

.sidebar li.search-box input {
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    background-color: var(--primary-color-light);
    color: var(--text-color);
    border-radius: 6px;
    font-size: 17px;
    font-weight: 500;
    transition: var(--tran-05);
}

a {
    text-decoration-line: none;
}

.breadcrumb-item.active {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-black);
}

.sidebar li a {
    list-style: none;
    height: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0.8rem 0rem;
    width: 100%;
    border-radius: 6px;
    padding-left: 1.2rem;
    text-decoration: none;
    transition: var(--tran-03);
    justify-content: flex-start;
}


.sidebar li a:hover {
    background-color: var(--hover-bg);
}

.sidebar li a:hover .icon,
.sidebar li a:hover .text {
    color: var(--sidebar-color);
}

body.dark .sidebar li a:hover .icon,
body.dark .sidebar li a:hover .text {
    color: var(--text-color);
}

.sidebar .menu-bar {
    /* height: calc(100% - 100px); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: scroll;
    margin-top: 1.2rem;
    justify-content: flex-start;
}

.menu-bar::-webkit-scrollbar {
    display: none;
}

.logo_name {
    font-family: "Philosopher", sans-serif;
}

.menu-bar .bottom-content .toggle-switch {
    position: absolute;
    right: 0;
    height: 100%;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
}

body.dark .switch::before {
    left: 20px;
}

.home {
    position: absolute;
    top: 0;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    background-color: var(--text-white);
    transition: var(--tran-05);
}

.sidebar.close~.home {
    left: 78px;
    width: calc(100% - 78px);
}

.humburger {
    z-index: 999;
}

/* sidebar close */

#app {
    height: 100vh;
    background: var(--main-bg);
    display: flex;
}

#sidebar {
    width: 240px;
    background: var(--sidebar-bg);
    padding: 1rem;
    height: 100%;
    position: fixed;
    z-index: 1;
}

#offcanvasExample {
    width: 240px;
    background: var(--sidebar-bg);
    padding: 1rem;
    height: 100%;
    z-index: 9999;
}

#offcanvasExample ul {
    list-style: none !important;
    padding-left: 0px;
}

#offcanvasExample .menu .sidebar-link {
    display: block;
    padding: 8px 16px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    transition: all .5s;
    text-decoration: none;
    color: var(--heading-color);
}

#mainbar {
    /* width: calc(100% - 240px); */
    /* width: 100%; */
    background: var(--main-bg);
}


.heading-color {
    color: var(--heading-color) !important;
}

.text-color {
    color: var(--text-color);
}

.text-color-heading {
    color: var(--text-color-heading) !important;
}

.text-main {
    color: var(--text-main);
}

.text-main-second {
    color: var(--text-main-second);
}

.bg-light-gray {
    background: var(--bg-light-gray) !important;
}

.text-black {
    color: var(--text-black);
}

#sidebar-menu ul {
    list-style: none !important;
    padding-left: 0px;
}

.sidebar-wrapper .menu {
    padding-left: 0;
    margin-top: 2rem;
    padding: 0 1rem 0rem 0rem;
    font-weight: 600;
    list-style: none;
}

.fs-7 {
    font-size: 0.875rem;
}

.fs-8 {
    font-size: 0.75rem;
}

.sidebar-wrapper {
    transition: transform 0.5s ease;
}

.sidebar-wrapper .sidebar-item {
    margin-top: 0.5rem;
}

.sidebar-wrapper .menu .sidebar-link {
    display: block;
    padding: 8px 16px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    transition: all .5s;
    text-decoration: none;
    color: var(--heading-color);
}

.sidebar-wrapper .menu .sidebar-item.active>.sidebar-link {
    background-color: #C86216;
}

.sidebar-item img {
    width: 20px;
}

.sidebar-wrapper .menu .sidebar-item:hover>.sidebar-link {
    background-color: #C86216;
    transition: 0.5s ease;
}

.box-32 {
    height: 32px;
    width: 32px;
}


.box-28 {
    height: 28px;
    width: 28px;
}

.page-content {
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 3rem;
    /* padding-left: 280px; */
}


.sorting_asc::after,
.sorting_desc::after,
.sorting::after {
    display: none !important;
}

.nakshatra_table {
    max-width: 500px;
    width: 100%;
}

.nakshatra_timing_table {
    max-width: 500px;
    width: 100%;
}

#position_of_planet {
    background: #FBFBFA;
}

table .select2-container--default .select2-selection--single {
    background: #F4F4F2 !important;
    border: 1px solid #D4DDE2;
}

table .form-control {
    background: #F4F4F2 !important;
    border: 1px solid #D4DDE2;
}

.table th {
    /* background: #F8F8F8; */
    text-wrap: nowrap;
}

#position_of_planet_wrapper .dt-length,
.dt-search,
.dt-info,
.dt-paging {
    display: none !important;
}

table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td {
    padding: 10px 12px !important;
    vertical-align: middle;
}

#position_of_planet th:first-child {
    width: 10%;
    /* Adjust this width as needed */
}

#position_of_planet th:nth-child(2) {
    width: 50%;
    /* Adjust this width as needed */
}

#position_of_planet th:nth-child(3) {
    width: 50%;
    /* Adjust this width as needed */
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border: 0;
    padding: 4px 12px;
}

.select2-container .select2-selection--single {
    height: 34px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-container .select2-results__option {
    border-bottom: 1px solid lightgray;
}

span.select2-selection.select2-selection--single {}

.select2-container--default .select2-selection--single {
    border: 1px solid rgba(0, 0, 0, 0.175) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
    text-overflow: ellipsis !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4B4213;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    /* margin-top: 7px; */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -2px;
}

.form-select-custom {
    padding: 0.575rem 0.5rem 0.575rem 0.65rem !important;
}

.form-control-custom {
    padding: 0.575rem 0.5rem 0.575rem 0.65rem !important;
}

.btn-proceed {
    background: var(--bs-proceed-bg);
    border: 0px !important;
    color: #fff;
}

.btn-proceed:hover,
.btn-proceed:active {
    background: var(--bs-proceed-hover-bg) !important;
    transition: 0.5s ease-in-out;
    border: 0px !important;
}

.btn-proceed-check:checked+.btn-proceed,
.btn-proceed.active,
.btn-proceed.show,
.btn-proceed:first-child:active,
:not(.btn-proceed-check)+.btn-proceed:active {
    background: var(--bs-proceed-hover-bg) !important;
}

.form-group[class*=has-icon-].has-icon-left .form-control {
    padding-left: 2.5rem;
}

.form-group[class*=has-icon-].has-icon-left .form-control-icon {
    left: 0;
}

.form-group[class*=has-icon-] .form-control-icon {
    position: absolute;
    padding: 0 0.6rem;
}

.form-control~.form-control-icon {
    top: 8.5px;
}

.saved-kundli-card {
    height: 218px;
}

.saved-kundli-card hr {
    width: 60% !important;
}

.kundli-filter {
    transform: translate(0px, 50px) !important;
}

.w-fc {
    width: fit-content !important;
}

.rounded-10px {
    border-radius: 10px;
}

/* .select2-container--default .select2-selection--single {
    border: 1px solid #E3E3E3 !important;
}
 */
.rounded-5px {
    border-radius: 5px !important;
}

.w-200px {
    width: 200px;
}

.w-200px>.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 30px;
}

.rotate-180-deg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    /* optional: for smooth rotation */
}

.cursor-pointer {
    cursor: pointer;
}

.transform-5s {
    transform: 0.5s ease;
}

/* New Css */
.bor {
    border: 1px solid red;
}

.section-1 .dropdown-menu {
    padding: 0px;
    margin: 0px;
}

.section-1 .dropdown-menu li {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}



.section-1 .dropdown-menu li a {
    padding: 10px 0px 10px 15px;
}

.section-1 .dropdown-menu li:first-child a:hover {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.section-1 .dropdown-menu li:last-child a:hover {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.section-1 .dropdown-menu li:last-child {
    border-bottom: 0px;
}

.sidebar-shadow {
    box-shadow: 0 14px 2px rgba(0, 0, 0, .25), 0 5px 5px rgba(0, 0, 0, .22) !important;
}

table tr td a {
    color: #4B4213;
}

label {
    font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
    font-size: 14px;
    padding-left: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background: unset;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #212529;
    border-right: 0px;
    top: -3px;
    font-size: 16px;
}

.select2-container .select2-selection--multiple {
    min-height: 34px;
    padding-bottom: 0px;
    border: 1px solid #DADADA;
    border-radius: 0.375rem;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 6px;
    font-size: 14px;
    padding-left: 5px;
}

.form-control {
    /* padding: 10px 10px; */
    font-size: 14px;
}

.form-control:focus {
    box-shadow: unset;
    border-color: #DADADA !important;
}

.form-control:active {
    box-shadow: unset;
    border-color: #DADADA !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #DADADA;
}

.section-4 .action a span {
    color: #4B4213;
    font-size: 20px;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
    border: 1px solid rgb(0 0 0 / 10%) !important;
}

.section-4 table tr td {
    font-family: 'Inter';
    font-weight: 300;
    font-size: 14px;
}

.section-4 table th {
    background: #F8F8F8;
}

.form-check-input:checked {
    background-color: var(--bs-proceed-bg);
    border-color: var(--bs-proceed-bg);
}

.form-check-input:focus {
    box-shadow: unset;
}

.ui-widget-header {
    background: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #000;
}

.left-content {
    border-right: 1px solid #DADADA;
    padding-right: 20px;
}

.cale-section {
    position: relative;
}

.cale-section .icon {
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 1;
}

.cale-section .icon span {
    color: #4B4213;
    font-size: 20px;
}

.dropify-wrapper .dropify-message span.file-icon {
    font-size: 16px;
    color: #CCC;
}

.pagination div {
    flex-direction: column;
}

.no-user {
    padding: 5px;
    background: #f1f1f1;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* flatpickr  */
.flatpickr-confirm {
    cursor: pointer;
    padding: 5px;
    border-top: 1px solid #e9e9e9;
}

.bg-light-yellow-box {
    background: #FFA53B;
    padding: 2px 4px;
    border-radius: 5px;
}

.text-light-yellow {
    color: #636149;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0px;
    color: #4B4213;
    border-bottom: 3px solid var(--bs-proceed-bg) !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.focus {
    border: 0px;
    color: #4B4213;
    border-bottom: 3px solid var(--bs-proceed-bg) !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.hover {
    border: 0px;
    color: #4B4213;
    border-bottom: 3px solid var(--bs-proceed-bg) !important;
}

.nav-items {
    border: 0px;
    padding-left: 0px;
}

.nav-items .nav-item {
    padding: 10px 40px 0px 0px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: unset;
}

.nav-items .nav-link {
    padding: 0px 0px 10px 0px;
    font-weight: 600;
    font-size: 14px;
    color: #4B4213;
    border: 0px;
}

.tab-pane {
    margin-top: 32px;
}

.tab-pane table tr td {
    padding: 1rem;
}

.tab-pane table tr:last-child td {
    padding-bottom: 0px;
}

.section-5 .material-symbols-outlined {
    font-size: 18px;
    padding-right: 7px;
}

.section-5 .user-profile img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
}

.section-5 .user-title h5 {
    text-wrap: nowrap;
}

.section-5 .card {
    padding: 24px;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
}

.accordion-button:focus {
    box-shadow: unset;
}

.form-select:focus {
    box-shadow: unset;
    border-color: unset;
}

.section-5 .b-bottom {
    position: relative;
    text-align: right;
    width: 100%;
}

.section-5 .b-bottom:after {
    content: "";
    border-bottom: 1px solid #E2E2E2;
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0px;
    background: #E2E2E2;
}

.accordion-button:not(.collapsed) {
    background: unset;
    box-shadow: unset;
    color: unset;
}

.section-5 .accordion-item {
    background-color: #fff;

}

.section-5 .form-check .form-check-label {
    font-weight: 600;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 3px;
}

.user-name {
    color: #4B4213;
    font-weight: 500;
}

.form-check-input {
    height: 16px;
    width: 16px;
    border: 1px solid #FFD600;
}

.form-check-input:focus {
    border: 1px solid #FFD600;
    box-shadow: unset;
}

.form-check-input:active {
    border: 1px solid #FFD600;
    box-shadow: unset;
}

.section-5 .accordion-body {
    padding: 0px 10px 0px 20px;
}

.section-5 .accordion-body strong {
    color: #424242;
    font-weight: 500;
    font-size: 14px;
}

.section-5 .accordion-body p {
    color: #7C7C7C;
    font-size: 14px;
    padding-top: 8px;

}

.form-select:active {
    border: 1px solid #DADADA !important;
}

.form-select:focus {
    border: 1px solid #DADADA !important;
}

.section-5 .avatar-upload {
    position: relative;
    max-width: 205px;

}

.section-5 .avatar-upload .avatar-edit {
    position: absolute;
    right: 78px;
    z-index: 1;
    bottom: 0px;
}

.section-5 .avatar-upload .avatar-edit input {
    display: none;
}

.section-5 .avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.section-5 .avatar-upload .avatar-edit input+label:hover {
    background: var(--bs-proceed-bg);
    border-color: var(--bs-proceed-bg);
    color: #fff;
}

.section-5 .avatar-upload .avatar-edit input+label:after {
    content: "\f044";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.section-5 .avatar-upload .avatar-preview {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 100%;
    border: 4px solid #F8F8F8;

}

.section-5 .avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--bs-proceed-bg);
    color: #4B4213;
}

.select2-container--open .select2-dropdown--above {
    border-radius: 0px;
}

.section-6 .card {
    padding: 24px;
    margin: 0px;
    border-radius: 16px;
}

.section-6 .card .title h5 {
    font-size: 24px;
    font-weight: 600;
}

.section-6 .card .title p {
    padding: 8px 0px 7px 0px;
    font-size: 16px;
}

.section-6 .card .price i {
    font-size: 20px;
    margin-top: 4px;
}

.section-6 .card .num {
    font-size: 40px;
    color: #4B4213;
    font-weight: 500;
    margin-top: -20px;
    padding: 0px 2px;
}

.section-6 .card .month {
    color: #4B4213;
    font-size: 20px;
    font-weight: normal;
}

.section-6 .card .btn-secondary {
    width: 100%;
    margin-top: 5px;
}

/* .btn-secondary {
    margin-top: 10px;
    width: 100%;
    background-color: #E0E0E1;
    border: 1px solid #C7C7C8;
    border-radius: 5px;
    color: #121212;
    padding: 12px;
    font-weight: 600;
} */

.section-6 .package-btn {
    padding-bottom: 25px;
}

.section-6 .ul-section {
    padding: 20px 0px 0px 0px;
    border-top: 1px solid #C7C7C8;
}

.section-6 .ul-section ul {
    padding: 20px 0px 0px 0px;
    margin: 0px;
}

.section-6 .ul-section ul li {
    font-size: 14px;
    padding: 0px 0px 12px 30px;
    list-style: none;
    margin: 0px;
    font-weight: normal;
    position: relative;
    color: #232425;

}

.section-6 .ul-section ul li:before {
    position: absolute;
    left: 5px;
    content: "\f00c";
    top: 0px;
    font-family: 'FontAwesome';
}

.section-6 .card:hover {
    border: 1px solid var(--bs-proceed-bg);
    -webkit-transition: all .3s ease;
}

.section-6 .card:hover .btn-secondary {
    border: 1px solid var(--bs-proceed-bg);
    background-color: var(--bs-proceed-bg);
    color: #121212;
    -webkit-transition: all .3s ease;
}

.section-6 .card:hover ul li:before {
    color: var(--bs-proceed-bg);
    -webkit-transition: all .3s ease;
}

.section-6 .ul-section h6 {
    font-weight: 600;
    font-size: 16px;
}

.section-6 .card.active .ul-section ul li:before {
    color: var(--bs-proceed-bg);
}

.section-6 .card.active .btn-secondary {
    border: 1px solid var(--bs-proceed-bg);
    background-color: var(--bs-proceed-bg);
    color: #121212;
}

.section-6 .card.active {
    border: 1px solid var(--bs-proceed-bg);
}

.section-6 {
    border-bottom: 1px solid #E2E2E2;
}

.section-7 .accordion-item {
    border: 0px;
    border-bottom: 1px solid #E2E2E2;
}

.section-7 .accordion-button {
    padding-left: 0px;
    color: #4B4213;
    font-size: 14px;
    font-weight: 500;

}

.section-7 .accordion-body {
    color: #7C7C7C;
    font-size: 14px;
    padding-left: 0px;
    border-top: 1px solid #E2E2E2;
}

div.box-24 {
    color: #4B4213;
    font-size: 20px;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
    border: 1px solid rgb(0 0 0 / 10%) !important;
}

.section-10 .position-set {
    top: 9px;
    right: 15px;
}

.section-10 .search-tabs {
    min-height: 768px;
}

.section-10 .user-profile {
    padding-right: 15px;
    position: relative;
}

.section-10 .user-profile img {
    height: 56px;
    width: 56px;
    border-radius: 50%;
}

.section-10 .title-section h4 {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
}

.section-10 .title-section p {
    color: #7C7C7C;
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 5px;

}

.section-10 .right-content .time {
    color: #7C7C7C;
    font-size: 14px;
}

.section-10 .right-content .count-messages {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #E1E1C5;
    color: #4B4213;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.section-10 .right-content .count-messages span {
    font-weight: 500;
}

.section-10 .user-profile .online-user {
    position: absolute;
    right: 20px;
    bottom: -5px;
}

.section-10 .user-profile .online-user i {
    color: #59D25E;
    font-size: 14px;
}

.section-10 .nav-item {
    position: relative;
}

.section-10 .nav-item .menu {
    position: absolute;
    right: 20px;
    bottom: 8px;
}

.section-10 .nav-item .menu i {
    color: #4B4213;
}

.section-10 .dropdown-toggle::after {
    display: none;
}

.section-10 .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
}

.section-10 .dropdown-menu .dropdown-item {
    padding: 10px 10px;
    margin: 0px;
    border-bottom: 1px solid #DADADA !important;
}

.section-10 .dropdown-menu li:last-child .dropdown-item {
    border-bottom: 0px;
}

.section-10 .dropdown-menu .dropdown-item:hover {
    background-color: var(--bs-proceed-bg);

}

.section-10 .list-group-item {
    padding: 15px 10px 15px 0px;
    border-bottom: 1px solid #DADADA !important;
    border-right: 5px solid transparent;
}

.section-10 .list-group-item:hover {
    background-color: #F4F4F2;
    border-right: 5px solid var(--bs-proceed-bg);
}

.section-10 .list-group-item.active {
    background-color: #F4F4F2;
    border-right: 5px solid var(--bs-proceed-bg);
}

.section-10 .chat-list-item {
    height: 520px;
    overflow-y: scroll;
}

/* ::-webkit-scrollbar-thumb {
    background: #4B4213;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b30000;
  } */


.section-10 ::-webkit-scrollbar {
    width: 5px;
    background-color: #F4F4F2;
}


/* Handle */
.section-10 ::-webkit-scrollbar-thumb {
    background: #4B4213;
    border-radius: 5px;
}

.section-10 .chat-box img {
    border-radius: 50%;
    height: 56px;
    width: 56px;
}

.section-10 .chat-box .title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 5px;

}

.section-10 .chat-box .title p {
    font-size: 14px;
    color: #7C7C7C;
    margin-bottom: 0px;
}

.section-10 .chat-box .position-set {
    top: 9px;
    right: 15px;
}

.section-10 .chat-box input[type=text] {
    width: 80%;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    font-weight: 400;
    font-size: 14px;
}

.section-10 .chat-box .call {
    background-color: #FFFFFF;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 20px;
}

.section-10 .chat-box .call i {
    color: #7C7C7C;
    font-size: 14px;
}

.section-10 .chat-box i {
    color: #000000;
}

.section-10 .chat-box .user-chat {
    background-color: #F9F9F9;
    padding: 15px 15px;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 8px;
}

.vimshottari_dasha .list-group-item.active {
    background: var(--bs-proceed-bg);
    border: 0px !important;
    color: #000;
}


/* .view-chart .chart-filter .form-control {
    width: 420px;
    margin-top: 25px;
} */

.table tr:last-child td {
    padding-bottom: 15px !important;
}

.section-10 .wrap {
    right: 0px;
    transform: translate(0%, 0%);
    width: 0px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    transition: all 0.5s ease;
    margin-top: 5px;
    color: #000;
}

.section-10 .input {
    border: 0;
    background: transparent;
    width: 0%;
    outline: none;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s ease;
    position: relative;
    color: #000;
}

.section-10 .wrap .fa {
    color: #7C7C7C;
    position: absolute;
    right: 17px;
    top: 12px;
    font-size: 16px;
    cursor: pointer;
    color: #000;
}

.section-10 .wrap.active {
    width: 250px;
    padding-left: 15px;
    transition: all 0.5s ease;
    background-color: #fff;
    color: #000;
}

.section-10 .input.active {
    width: 98%;
    padding-left: 5px;
    transition: all 0.5s 0.8s ease;
    color: #000;
}

.section-5 .action-icon .box-24 {
    color: #4B4213;
    font-size: 16px;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
    border: 1px solid rgb(0 0 0 / 10%) !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;

}

.section-5 .action-icon .box-24 span {
    padding-right: 0px;
}

span.flatpickr-day.today:not(.selected),
span.flatpickr-day.prevMonthDay.today:not(.selected),
span.flatpickr-day.nextMonthDay.today:not(.selected) {
    background-color: var(--bs-proceed-bg) !important;
    border: 1px solid var(--bs-proceed-bg) !important;
    color: #000;
}

span.flatpickr-day.today:not(.selected):hover,
span.flatpickr-day.prevMonthDay.today:not(.selected):hover,
span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
    border: 1px solid var(--bs-proceed-bg) !important;
    color: #000;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    background-color: var(--bs-proceed-bg) !important;
    border: 1px solid var(--bs-proceed-bg) !important;
    color: #000 !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--bs-proceed-bg) !important;
    border: 1px solid var(--bs-proceed-bg) !important;
    color: #000 !important;
}

.section-6 .btn-primary {
    width: 100%;
    margin-top: 10px;
    background: var(--bs-proceed-bg);
    color: #000;
    font-weight: 600;
    border: 1px solid var(--bs-proceed-bg);
}

.section-6 .btn-primary:hover {
    background-color: #6c757d;
    border: 1px solid #6c757d;
    color: #fff;
}

.section-6 .card:hover .btn-primary {
    background-color: #6c757d;
    border: 1px solid #6c757d;
    color: #fff;
}


.active>.page-link,
.page-link.active {
    background: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
    color: #000000;
}

.inputs-tags .btn-proceed i {
    font-size: 20px;
    font-weight: 800;
}

.btn-light {
    background-color: #F4F4F2;
    font-weight: normal;
    font-size: 14px;

}

.btn-light i {
    font-size: 12px;
}

.inputs-tags .select2-container {
    width: 100% !important;
}

.section-11 .professional-card .card {
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
    border: 0px;
    padding: 25px 20px;
    text-align: center;
    border-radius: 12px;
}

.section-11 .professional-card .card .info i {
    color: #424242;
}

.section-11 .professional-card .card .info .fa-phone {
    rotate: 105deg;
    margin-top: 8px;
}

.section-11 .professional-card .card .image img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
}

.section-11 .professional-card .card .title h5 {
    padding-top: 20px;
}

/* .page-title h2{

} */
.section-11 .professional-card .card .btn {
    border-radius: 7px;
    padding: 8px 10px;
    font-weight: 600;
    font-size: 14px;
    background-color: #F4F4F2;
}

.section-11 .professional-card .card .btn:hover {
    color: #000;
    transition: all .5s;
}

.section-11 .professional-card .card a {
    color: #424242;
    text-decoration: none;
    font-size: 14px;
}

.section-11 .professional-card .card a:hover {
    color: var(--bs-proceed-bg);
}

/* .section-11 .professional-card .card.shadow-none{
    box-shadow: unset!important;
} */

.font-14 {
    font-size: 14px !important;
}


.section-13 .card {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
    border: 0px;
    padding: 10px;
    text-align: center;
    border-radius: 12px;
}

.section-13 .card .image {
    position: relative;
}

.section-13 .card .image img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
}

.section-13 .card .image .polygon-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    background: url('../img/polygon.png');
}

.section-13 .card .image .polygon-img i {
    font-size: 10px;
    margin-top: 2px;
    color: #fff;
}

.section-13 .card .rating span {
    font-size: 14px;
    color: #4B4213;
    font-weight: 500;
}

.section-13 .card .rating .star span {
    margin-top: 2px;
    color: var(--bs-proceed-bg);
    font-size: 16px;
}

.section-13 .card .order span {
    color: #7C7C7C;
    font-size: 12px;
}

.section-13 .card .center-content h4 {
    font-size: 16px;
    color: #4B4213;
    text-align: start;
    font-weight: 500;
}

.section-13 .card .center-content ul {
    padding: 0px;
    margin: 0px;
    text-align: start;
}

.section-13 .card .center-content ul li {
    list-style: none;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

.section-13 .card .center-content ul li span img {
    padding-right: 5px;
}

.section-13 .card .left-box h4 {
    font-size: 16px;
    font-weight: bold;
}

.section-13 .card .left-box i {
    font-size: 14px;
}

.section-13 .card .left-box .book-btn .btn-primary {
    font-size: 12px;
    background-color: #F4F4F2;
    border: 1px solid #F4F4F2;
    border-radius: 4px;
    color: #000000;
    font-weight: 500;
}

.section-13 .card .left-box .book-btn .btn-primary:hover {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
    transition: all .5s;
}

.section-13 .card .left-box .book-btn a span {
    font-size: 10px;
    margin-top: -2px;
}

.section-13 .card {
    margin-bottom: 25px;
}

.section-13 .card:hover {
    background-color: #F4F4F2;
    transition: all .5s;
}

.section-13 .card:hover .left-box .book-btn .btn-primary {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
}

.section-13 .center-content ul li:hover {
    color: var(--bs-proceed-bg);
    transition: all .5s;

}

.section-13 a {
    text-decoration: none;
}

.section-13 .center-btn .btn {
    border: 1px solid #4B4213;
    color: #4B4213;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 14px;
}

.section-13 .center-btn .btn:hover {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
}

.section-13 .book-btn {
    background: var(--bg-light-gray-42);
    border: 1px solid var(--bs-border-color);
    color: var(--heading-color);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
}

.section-13 .book-btn:hover {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
    transition: all .5s;
}

.modal-section .modal-content {
    border-radius: 20px;

}

.section-14 .main-content {
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
    padding: 20px;
    border-radius: 12px;
}

.section-14 ::-webkit-scrollbar {
    width: 5px;
    background-color: #F4F4F2;
}


/* Handle */
.section-14 ::-webkit-scrollbar-thumb {
    background: #4B4213;
    border-radius: 5px;
}

.section-14 .astro-profile .image img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.section-14 .time-spent {
    padding: 15px 0px;
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-color: #E2E2E2;
}

.section-14 .time-spent p {
    margin-bottom: 0px;
    color: #4CAF50;
    font-size: 14px;
}

.section-14 .time-spent span {
    font-size: 14px;
    font-weight: 500;
}

.section-14 .center-content a {
    color: #232425;

}

.section-14 .astro-profile .image {
    position: relative;
}

.section-14 .time-spent .center-border {
    border-right: 1px solid #E2E2E2;
    margin: 0px 40px;
}

.section-14 .long-text p {
    color: #2C2E33;
    opacity: 0.7;
}

.section-14 .long-text p a {
    color: #2C2E33;
    font-weight: 600;
    opacity: 1;
}

.section-14 .gallery-section {
    padding-top: 40px;
    position: relative;
}

.section-14 .gallery-section:after {
    background-color: #E2E2E2;
    position: absolute;
    top: 0px;
    width: 470px;
    top: 10px;
    content: '';
    height: 1px;
    right: calc(50% - 235px);
}

.section-14 .gallery-section .col-lg-3 {

    padding: 0px 7.5px;

}

.section-14 .gallery-section .image img {
    min-height: 120px;
    max-height: 120px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 10px;
}

.section-14 .astro-profile .image .profile-polygon {
    height: 49px;
    width: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url('../img/profile-polygon.png');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
}

.section-14 .astro-profile .image .profile-polygon i {
    color: #fff;
    font-size: 16px;
}

.section-14 .astro-profile .rating span {
    font-size: 14px;
    color: #4B4213;
    font-weight: 500;
}

.section-14 .astro-profile .rating .star span {
    margin-top: 2px;
    color: var(--bs-proceed-bg);
    font-size: 16px;
}

.section-14 .astro-profile .order span {
    color: #7C7C7C;
    font-size: 12px;
}

.section-14 .astro-profile .center-content h4 {
    font-size: 16px;
    color: #4B4213;
    text-align: start;
    font-weight: 500;
}

.section-14 .astro-profile .center-content {
    padding-left: 20px;
}

.section-14 .astro-profile .center-content ul {
    padding: 0px;
    margin: 0px;
    text-align: start;
}

.section-14 .astro-profile .center-content ul li {
    list-style: none;
    font-size: 12px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

.section-14 .astro-profile .center-content ul li span img {
    padding-right: 5px;
}

.section-14 a {
    text-decoration: none;
}

.section-14 .all-service {
    padding: 0px 10px;
}

.section-14 .all-service .pooja-service {
    padding: 10px;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
    border-radius: 15px;
    border: 1px solid transparent;
    margin-top: 20px;
}

.section-14 .all-service .pooja-service:hover {
    border: 1px solid var(--bs-proceed-bg);
    transition: all .5s;
}

.section-14 .form-group {
    position: relative;
    margin: 20px 0px;
}

.section-14 .form-group .icon {
    position: absolute;
    right: 15px;
    top: 8px;

}

.section-14 .all-service .pooja-service .img img {
    border-radius: 12px;
    height: 150px;
    width: 150px;
}

.section-14 .all-service .pooja-service .btn-info {
    background-color: #E1E1C5;
    border: 1px solid #E1E1C5;
    font-size: 14px;
    color: #4B4213;
}

.section-14 .all-service .pooja-service h4 {
    font-size: 20px;
}

.section-14 .all-service .pooja-service p {
    font-size: 14px;
    color: #7C7C7C;
    padding-bottom: 15px;
}

.section-14 .all-service .pooja-service p a {
    color: #7C7C7C;
    font-weight: 500;
    font-size: 14px;
}

.section-14 .all-service {
    margin-bottom: 20px;
}

.section-14 .all-service {
    min-height: 250px;
    overflow: hidden;

}

.section-14 .wrapper .all-service {
    height: 100vh;
    overflow-y: scroll;
}

.section-14 p {
    margin: 0px;
}

.section-14 .cost-section {
    margin: 0px 10px;
    margin-top: -20px;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
    background: #fff;
    position: relative;

}

.section-14 .pooja-service:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.section-14 .cost-section .price {
    padding: 15px;
}

.section-14 .cost-section .price span {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
}

.section-14 .cost-section .price p {
    color: #000000;
    font-size: 14px;
}

.modal-section .modal-content {
    padding: 20px 25px;
}

.modal-section .modal-content .modal-header {
    padding: 10px 0px 20px 0px;
}

.modal-section .modal-content .modal-body {
    padding: 20px 0px 0px 0px;
}


:root {
    /* ===== Colors ===== */
    --body-color: #e4e9f7;
    --primary-color: #dc143c;
    --primary-color-light: #f6f5ff;
    --toggle-color: #ddd;
    --text-color: #707070;

    /* ====== Transition ====== */
    --tran-03: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.3s ease;
    --tran-05: all 0.3s ease;
}

body {
    min-height: 100vh;
    background-color: #fff;
    transition: var(--tran-05);
    overflow-y: scroll;
}

::selection {
    background-color: var(--hover-bg);
    color: #fff;
}

.bg-light-gray-42 {
    background: var(--bg-light-gray-42);
}

.rounded-8px {
    border-radius: 8px;
}

.saved_kundali .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--text-white);
    color: var(--color-third) !important;
    border-bottom: 3px solid var(--bs-orange);
    border-radius: 0;
    font-weight: 600;
}

.saved_kundali .nav-link {
    color: var(--color-third-50);
    font-size: 14px;
    font-weight: 400;
}

.philosopher-font {
    font-family: "Philosopher", sans-serif;
}

.badge-bg {
    background: var(--badge-bg);
}

.badge-bg-friend {
    background: var(--badge-bg-friend);
}

.border-kundali {
    border: 1px solid var(--badge-bg);
}

.bg-light-gray-fa {
    background: #fafafa;
}

.rounded-12 {
    border-radius: 12px;
}

.shadow-custom {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}

.w-fc {
    width: fit-content;
}

.caret-color {
    caret-color: transparent;
}

.astro-profile .image {
    position: relative;
}

.astro-pro .image {
    position: relative;
}

.astro-pro .image img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.astro-pro .image .polygon-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    background: url('../img/polygon.png');
}

.astro-pro .image .polygon-img i {
    font-size: 10px;
    margin-top: 2px;
    color: #fff;
}


.astro-pro .rating span {
    font-size: 14px;
    color: #4B4213;
    font-weight: 500;
}

.astro-pro .rating .star span {
    margin-top: 2px;
    color: var(--bs-proceed-bg);
    font-size: 16px;
}

.astro-pro .order span {
    color: #7C7C7C;
    font-size: 12px;
}

.astro-pro .center-content h4 {
    font-size: 16px;
    color: #4B4213;
    text-align: start;
    font-weight: 500;
}

.astro-pro .center-content ul {
    padding: 0px;
    margin: 0px;
    text-align: start;
}

.astro-pro .center-content ul li {
    list-style: none;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

.astro-pro .center-content ul li span img {
    padding-right: 5px;
}

.astro-pro .left-box h4 {
    font-size: 16px;
    font-weight: bold;
}

.astro-pro .left-box i {
    font-size: 14px;
}

.astro-pro .left-box .book-btn .btn-primary {
    font-size: 12px;
    background-color: #F4F4F2;
    border: 1px solid #F4F4F2;
    border-radius: 4px;
    color: #000000;
    font-weight: 500;
}

.astro-pro .left-box .book-btn .btn-primary:hover {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
    transition: all .5s;
}

.astro-pro .left-box .book-btn a span {
    font-size: 10px;
    margin-top: -2px;
}

.astro-pro {
    margin-bottom: 25px;
}

.astro-pro .card:hover {
    background-color: #F4F4F2;
    transition: all .5s;
}

.astro-pro .card:hover .left-box .book-btn .btn-primary {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
}

.astro-pro .center-content ul li:hover {
    color: var(--bs-proceed-bg);
    transition: all .5s;

}

.astro-pro a {
    text-decoration: none;
}

.astro-pro .center-btn .btn {
    border: 1px solid #4B4213;
    color: #4B4213;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 14px;
}

.astro-pro .center-btn .btn:hover {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
}

.astro-pro .border-start-custom {
    border-left: 1px solid var(--bs-border-color);
}

.astro-pro .border-end-custom {
    border-right: 1px solid var(--bs-border-color);
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24
}


.astro-pooja .card {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
    border: 0px;
    padding: 10px;
    text-align: center;
    border-radius: 12px;
}

.astro-pooja .card .image {
    position: relative;
}

.astro-pooja .card .image img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
}

.astro-pooja .card .image .polygon-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    background: url('../img/polygon.png');
}

.astro-pooja .card .image .polygon-img i {
    font-size: 10px;
    margin-top: 2px;
    color: #fff;
}

.astro-pooja .card .rating span {
    font-size: 14px;
    color: #4B4213;
    font-weight: 500;
}

.astro-pooja .card .rating .star span {
    margin-top: 2px;
    color: var(--bs-proceed-bg);
    font-size: 16px;
}

.astro-pooja .card .order span {
    color: #7C7C7C;
    font-size: 12px;
}

.astro-pooja .card .center-content h4 {
    font-size: 16px;
    color: #4B4213;
    text-align: start;
    font-weight: 500;
}

.astro-pooja .card .center-content ul {
    padding: 0px;
    margin: 0px;
    text-align: start;
}

.astro-pooja .card .center-content ul li {
    list-style: none;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

.astro-pooja .card .center-content ul li span img {
    padding-right: 5px;
}

.astro-pooja .card .left-box h4 {
    font-size: 16px;
    font-weight: bold;
}

.astro-pooja .card .left-box i {
    font-size: 14px;
}

.astro-pooja .card .left-box .book-btn .btn-primary {
    font-size: 12px;
    background-color: #F4F4F2;
    border: 1px solid #F4F4F2;
    border-radius: 4px;
    color: #000000;
    font-weight: 500;
}

.astro-pooja .card .left-box .book-btn .btn-primary:hover {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
    transition: all .5s;
}

.astro-pooja .card .left-box .book-btn a span {
    font-size: 10px;
    margin-top: -2px;
}

.astro-pooja .card {
    margin-bottom: 25px;
}

.astro-pooja .card:hover .left-box .book-btn .btn-primary {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
}

.astro-pooja .center-content ul li:hover {
    color: var(--bs-proceed-bg);
    transition: all .5s;

}

.astro-pooja a {
    text-decoration: none;
}

.astro-pooja .center-btn .btn {
    border: 1px solid #4B4213;
    color: #4B4213;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 14px;
}

.astro-pooja .center-btn .btn:hover {
    background-color: var(--bs-proceed-bg);
    border: 1px solid var(--bs-proceed-bg);
}

.astro-pooja .select-btn {
    background: var(--select-bg);
    border: 1px solid var(--bs-border-color);
    color: var(--heading-color);
    font-weight: 600;
    padding: 5px 30px;
    border-radius: 8px;
    width: fit-content;
}

.astro-pooja .select-btn:hover {
    background-color: var(--selected-bg);
    border: 1px solid var(--selected-bg);
    transition: all .5s;
    color: #fff;
}

.proceed-btn {
    background-color: var(--selected-bg);
    border: 1px solid var(--selected-bg);
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    width: fit-content;
    color: #fff;
}

.proceed-btn:hover {
    background: var(--select-bg);
    border: 1px solid var(--selected-bg);
    transition: all .5s;
    color: var(--heading-color);

}

.cost-sticky {
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}

.min-h-100 {
    min-height: 100%;
}

.select-pooja {
    height: 100%;
}

.modal-procees-bg {
    background: linear-gradient(90deg, #DEA432 0%, #926B1F 100%);
    color: #fff;
    padding: 12px 64px 12px 64px;
    border-radius: 5px;
    opacity: 0px;
    width: 100%;
    border: none;
}

.right-0{
    right: 0;
}

.modal-pro .select-btn {
    background: var(--select-bg);
    border: 1px solid var(--bs-border-color);
    color: var(--heading-color);
    font-weight: 600;
    padding: 5px 30px;
    border-radius: 8px;
    width: fit-content;
}

.sidebar-item.active a{
    background: var(--active-bg);
    opacity: 50;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--active-bg);
    --bs-tooltip-color: var( --text-white);
    --bs-tooltip-margin-left:  100px;
    --bs-tooltip-padding-x:  10px;
    --bs-tooltip-padding-y:  8px;
  }
.custom-tooltip .tooltip-inner {
    border-radius: 8px;
    margin-left: 20px;
}

.tooltip .tooltip-arrow {
    margin-left: 20px;

    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

a.disabled {
    cursor: not-allowed;
}

.bg-gray-badge{
    background: #e3e3e3;
    color: black;
    border: 1px solid grey;
    border-radius: 20px;
    font-weight: 600;
}

.back-btn{
    background: var(--bg-light-gray-42);
}

.back-btn:hover{
    background: var(--bg-light-gray-d9);
}

tbody>tr:has(.disabled) {
    filter: blur(0.7px);
}