/* Notifications CSS */


.bg-gradient-secondary-soft {
	background: linear-gradient(180deg, rgba(var(--bs-secondary-soft-rgb),1) 0%, rgba(var(--bs-white-rgb),1) 100%);
}
.pagination{
	display:flex;justify-content:center;padding:2rem 0
}
.pagination em,
.pagination span,
.pagination a {
	display:flex;
	width:40px;
	height:40px;
	border-radius:100px;
	justify-content:center;
	align-items:center;
	margin:0 10px;
	text-decoration:none;
	transition:.3s;
	font-style:normal !important;
}
.pagination .disabled {
	cursor: normal;
	color: rgba(var(--bs-secondary-100-rgb));
}
.pagination .current {
	color: rgb(var(--bs-white-rgb));
	border-color: rgb(var(--bs-secondary-rgb));
	background: rgb(var(--bs-secondary-rgb));
}
.pagination a {
	color: rgb(var(--bs-gray-700-rgb));
	transition:.3s}
.pagination a:hover {
	color: rgb(var(--bs-secondary-500-rgb));
	transition:.3s
}
.next_page,
.previous_page {
	font-size:20px
}
.top-auto {top: auto !important;}
.start-auto {left:auto !important;}

.text-bg-food {
	color: var(--bs-black) !important;
	background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-shopping {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-travel {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-economy {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-finance {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-investing {
	color: RGBA(var(--bs-warning-700-rgb), var(--bs-bg-opacity, 1)) !important;
	background-color: RGBA(var(--bs-warning-100-rgb), var(--bs-bg-opacity, 1)) !important;
}

:root,[data-bs-theme=dynamic] {
    --bs-primary-rgb: var(--bs-pink-rgb);
    --bs-secondary-rgb: var(--bs-purple-rgb);

		--bs-primary-25-rgb: 253, 244, 247;
    --bs-primary-50-rgb: 251, 232, 239;
    --bs-primary-100-rgb: 247, 209, 223;
    --bs-primary-200-rgb: 239, 164, 191;
    --bs-primary-300-rgb: 232, 118, 160;
    --bs-primary-400-rgb: 224, 73, 128;
    --bs-primary-500-rgb: var(--bs-primary-rgb);
    --bs-primary-600-rgb: 173, 22, 77;
    --bs-primary-700-rgb: 130, 16, 58;
    --bs-primary-800-rgb: 86, 11, 38;
    --bs-primary-900-rgb: 43, 5, 19;
	
    --bs-secondary-25-rgb: 246, 246, 251;
    --bs-secondary-50-rgb: 237, 237, 248;
    --bs-secondary-100-rgb: 218, 218, 241;
    --bs-secondary-200-rgb: 182, 182, 226;
    --bs-secondary-300-rgb: 145, 145, 212;
    --bs-secondary-400-rgb: 109, 109, 197;
    --bs-secondary-500-rgb: var(--bs-secondary-rgb);
    --bs-secondary-600-rgb: 58, 58, 146;
    --bs-secondary-700-rgb: 43, 43, 110;
    --bs-secondary-800-rgb: 29, 29, 73;
    --bs-secondary-900-rgb: 14, 14, 37;
}

.origination-main-inner .d-stepper-desktop {
    --bs-step-icon-container-color: var(--bs-secondary);
    --bs-step-icon-container-background-color: var(--bs-white);
    --bs-step-icon-container-size: var(--bs-ref-spacer-9);
    --bs-step-icon-container-font-size: var(--bs-ref-spacer-4);
    --bs-step-icon-container-border-width: 1px;
    --bs-step-icon-container-border-color: var(--bs-secondary);
    --bs-step-icon-container-border-radius: 100%;
    --bs-step-icon-container-z-index: 1;
    --bs-step-label-height: var(--bs-ref-spacer-12);
    --bs-step-icon-size: var(--bs-ref-spacer-6);
    --bs-step-gap: var(--bs-ref-spacer-2);
    --bs-step-z-index: 0;
    --bs-step-check-text-color: var(--bs-white);
    --bs-step-check-background-color: var(--bs-success);
    --bs-step-check-border-color: var(--bs-success);
    --bs-step-current-text-color: var(--bs-white);
    --bs-step-current-background-color: var(--bs-secondary);
    --bs-step-line-stroke: 1px;
    --bs-step-line-color: var(--bs-secondary);
    --bs-step-label-padding: var(--bs-ref-spacer-4);
    --bs-step-vertical-label-padding: var(--bs-ref-spacer-4);
    --bs-step-label-font-size: var(--bs-body-font-size);
    --bs-step-description-font-size: var(--bs-fs-body-tiny);
    position: relative;
    display: flex
}

.origination-main-inner .d-stepper-desktop .d-step {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: var(--bs-step-gap)
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-value {
    position: relative;
    display: flex;
    justify-content: center
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-icon-container {
    position: relative;
    z-index: var(--bs-step-icon-container-z-index);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--bs-step-icon-container-size);
    height: var(--bs-step-icon-container-size);
    font-size: var(--bs-step-icon-container-font-size);
    line-height: var(--bs-step-icon-container-font-size);
    color: var(--bs-step-icon-container-color);
    background-color: var(--bs-step-icon-container-background-color);
    border: var(--bs-step-icon-container-border-width) solid var(--bs-step-icon-container-border-color);
    border-radius: var(--bs-step-icon-container-border-radius)
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-check {
    color: var(--bs-step-check-text-color);
    background-color: var(--bs-step-check-background-color);
    border-color: var(--bs-step-check-border-color)
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-current {
    color: var(--bs-step-current-text-color);
    background-color: var(--bs-step-current-background-color)
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-value::after {
    position: absolute;
    top: 50%;
    z-index: var(--bs-step-z-index);
    width: 100%;
    height: var(--bs-step-line-stroke);
    content: "";
    background-color: var(--bs-step-line-color)
}

.origination-main-inner .d-stepper-desktop .d-step:first-child .d-step-value::after {
    left: 50%;
    z-index: var(--bs-step-z-index);
    width: 50%
}

.origination-main-inner .d-stepper-desktop .d-step:last-child .d-step-value::after {
    right: 50%;
    z-index: var(--bs-step-z-index);
    width: 50%
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-text-container {
    padding-right: var(--bs-step-label-padding);
    padding-left: var(--bs-step-label-padding);
    text-align: center
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-text-container .d-step-label {
    font-size: var(--bs-step-label-font-size)
}

.origination-main-inner .d-stepper-desktop .d-step .d-step-text-container .d-step-description {
    font-size: var(--bs-step-description-font-size)
}

.origination-main-inner .d-stepper-desktop.is-align-start .d-step-text-container {
    text-align: left;
    transform: translateX(calc(50% - var(--bs-step-icon-container-size) / 2 - var(--bs-step-label-padding)))
}