/* Custom NotyJS - FLAT */
.noty_theme__flat.noty_bar {
	font: 16px/1.3 Arial, Liberation Sans, sans-serif;
	text-align: center;
	padding: 12px 15px 13px;
	position: relative;
	border: 1px solid #eee;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noty_theme__flat.noty_bar.noty_type__error {
	background-color: #e74c3c;
	border-color: #c0392b;
	color: #fff;
}
.noty_theme__flat.noty_bar.noty_type__warning {
	background-color: #f1c513;
	border-color: #f39c12;
	color: #fff;
}
.noty_theme__flat.noty_bar.noty_type__success {
	background-color: #2ecc71;
	border-color: #27ae60;
	color: #fff;
}
.noty_theme__flat.noty_bar.noty_type__information {
	background-color: #3498db;
	border-color: #2980b9;
	color: #fff;
}

/* Custom NotyJS - MODERN */
.noty_theme__modern.noty_bar {
	text-align: center;
	background-color: #ffffff;
	position: relative;
	border-radius: 6px !important;
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noty_theme__modern.noty_bar.noty_type__error .noty_title {
	background-color: #e74c3c;
	border-color: #c0392b;
}
.noty_theme__modern.noty_bar.noty_type__warning .noty_title {
	background-color: #f1c513;
	border-color: #f39c12;
}
.noty_theme__modern.noty_bar.noty_type__success .noty_title {
	background-color: #2ecc71;
	border-color: #27ae60;
}
.noty_theme__modern.noty_bar.noty_type__information .noty_title {
	background-color: #3498db;
	border-color: #2980b9;
}

.noty_theme__modern.noty_bar .noty_title {
	color: #fff;
	font-size: 26px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
	padding: 6px 12px;
}

.noty_theme__modern.noty_bar .noty_text {
	color: #383838;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	padding: 12px 12px;
}

/* Custom 404 Page */

.not-found {
	background: #fff;
	width: 100vw;
	min-height: 100vh;
}
.not-found__container {
	max-width: 1270px;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.not-found__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	width: 600px;
}
.not-found__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 65px;
}
.not-found__image {
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #dfdfdf;
	width: 100%;
}
.not-found__image span {
	color: #000000;
	font-size: 124px;
	font-weight: 700;
	line-height: 151.16px;
}
.not-found__title {
	color: #414243;
	font-size: 20px;
	font-weight: 600;
	line-height: 24.38px;
}
.not-found__text {
	padding: 20px 0 30px;
	color: #414243;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}
.not-found__button-container {
	padding: 16px 24px;
}
.not-found__button {
	padding: 16px 24px;
	background: #41b757;
	color: #fff;
	min-height: 52px;
	min-width: 200px;
	margin-top: 30px;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.5px;
	border-radius: 2px;
}

/* Custom Validate JS */
.form__error {
	color: #f00;
	font-size: 12px;
}
.select__item._error {
	border: 1px solid #f00;
}

.payment-main-order__content._error {
	border-color: #f00;
}

.payment-main-order__circle._error {
	border-color: #f00;
}

.input-wrapper {
	position: relative;
}

.iti {
	width: 100%;
}

/* Custom loader */

.loader_body {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* === LOADER — Match Hero & Footer colors === */
.loader_body .loader_center {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(180deg, #1B236E 0%, #13152A 100%);
	animation: loader_center 3.2s ease-in-out infinite;
}

.loader_body .loader_item {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 15px;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 50%;
	background: linear-gradient(180deg, #1B236E 0%, #13152A 100%);
}

/* === Mobile/Tablet ≤1024px — switch to blue hero tones === */
@media (max-width: 1024px) {
	.loader_body .loader_center,
	.loader_body .loader_item {
		background: linear-gradient(180deg, #092AAB 0%, #03102D 100%);
	}
}

.loader_item-1 {
	animation: loader_anim-1 3.2s ease-in-out infinite 0.2s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-1 {
	0%,
	60%,
	100% {
		transform: rotate(45deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(45deg) translateX(0) scale(1.5);
	}
}
.loader_item-2 {
	animation: loader_anim-2 3.2s ease-in-out infinite 0.4s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-2 {
	0%,
	60%,
	100% {
		transform: rotate(90deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(90deg) translateX(0) scale(1.5);
	}
}
.loader_item-3 {
	animation: loader_anim-3 3.2s ease-in-out infinite 0.6s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-3 {
	0%,
	60%,
	100% {
		transform: rotate(135deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(135deg) translateX(0) scale(1.5);
	}
}
.loader_item-4 {
	animation: loader_anim-4 3.2s ease-in-out infinite 0.8s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-4 {
	0%,
	60%,
	100% {
		transform: rotate(180deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(180deg) translateX(0) scale(1.5);
	}
}
.loader_item-5 {
	animation: loader_anim-5 3.2s ease-in-out infinite 1s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-5 {
	0%,
	60%,
	100% {
		transform: rotate(225deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(225deg) translateX(0) scale(1.5);
	}
}
.loader_item-6 {
	animation: loader_anim-6 3.2s ease-in-out infinite 1.2s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-6 {
	0%,
	60%,
	100% {
		transform: rotate(270deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(270deg) translateX(0) scale(1.5);
	}
}
.loader_item-7 {
	animation: loader_anim-7 3.2s ease-in-out infinite 1.4s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-7 {
	0%,
	60%,
	100% {
		transform: rotate(315deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(315deg) translateX(0) scale(1.5);
	}
}
.loader_item-8 {
	animation: loader_anim-8 3.2s ease-in-out infinite 1.6s;
	animation-fill-mode: backwards;
}

@keyframes loader_anim-8 {
	0%,
	60%,
	100% {
		transform: rotate(360deg) translateX(40px) scale(1);
	}
	10%,
	50% {
		transform: rotate(360deg) translateX(0) scale(1.5);
	}
}
@keyframes loader_center {
	0%,
	10%,
	90%,
	100% {
		transform: scale(0.7);
	}
	45%,
	55% {
		transform: scale(1);
	}
}

/* Custom noUi Slider */

/* Styling */
.noUi-background {
	background: #e7e7e7;
	box-shadow: none;
}

.noUi-connect {
	background: #2d64e3;
	box-shadow: none;
}

.noUi-origin {
	border-radius: 0;
}

.noUi-target {
	border-radius: 0;
	border: none;
	box-shadow: none;
	height: 2px;
	background-color: #e7e7e7;
	margin: 0 11px 0;
	position: relative;
}

.noUi-target::before,
.noUi-target::after {
	content: '';
	background-color: #e7e7e7;
	width: 11px;
	height: 2px;
	position: absolute;
	top: 0;
}

.noUi-target::before {
	left: -10px;
}

.noUi-target::after {
	right: -10px;
}

.noUi-target.noUi-connect {
	box-shadow: none;
}

/* Handles and cursors */
.noUi-draggable {
	cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
	cursor: ns-resize;
}

.noUi-horizontal .noUi-handle {
	width: 24px;
	height: 24px;
	right: -12px;
	top: -11px;
}

.noUi-handle {
	border: 6px solid #fff;
	background-color: #2d64e3;
	border-radius: 50%;
	cursor: default;
	-webkit-box-shadow: 0px 2px 16px 0px rgba(75, 75, 75, 0.25);
	box-shadow: 0px 2px 16px 0px rgba(75, 75, 75, 0.25);
}

.noUi-handle:before,
.noUi-handle:after {
	display: none;
}

/* Tooltip */
.noUi-tooltip {
	background-color: #2d64e3;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.noUi-horizontal .noUi-tooltip {
	bottom: 150%;
}

/* Main */
.price-slider-label {
	color: #383838;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	position: relative;
	top: -6px;
	width: 100%;
	text-align: center;
}

.price-slider-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.price-slider-column {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% / 2);
	flex: 0 0 calc(100% / 2);
}

.price-slider-input {
	width: 100%;
	max-width: 100%;
	min-width: 0px;
	border: 1px solid #dbdbdb;
	font-weight: 500;
	padding: 0px 15px;
	background: #f1f1f1;
}

.price-slider {
	margin-top: 0;
	z-index: 2;
}

body:has(.select._active) .price-slider,
body:has(._spoller._active) .price-slider {
	z-index: auto;
}

/* Custom Styles */

.pointer {
	cursor: pointer;
}

.card__container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.profile__input._password._focus {
	letter-spacing: normal;
}

.user-menu__item._active {
	background: #f1f7fd;
}
.user-menu__item._active .user-menu__name {
	font-weight: 600;
}

.notifications-header__head {
	justify-content: space-between;
}

.dashboard__list {
	transition: opacity 0.5s ease;
}

.loading-opacity {
	opacity: 0.5;
}

@media (min-width: 1272px) and (any-hover: hover) {
	.item-dashboard__main:not(._active):hover {
		background: #e3f1ff;
	}
}

/* Remove arrows in number input */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type='number'] {
	-moz-appearance: textfield; /* For Firefox */
}

.filter-popup__item._inp ._clear {
	display: flex;
	justify-content: flex-end;
	position: relative;
	top: -85%;
	right: 0;
	width: 100%;
	height: 0;
	padding: 0 5px;
}

.filter-popup__item._inp ._clear svg {
	width: 30px;
	height: 30px;
}

.add_to_favorite._active .action-cargo-mob__icon svg path {
	fill: #2d64e3;
}

.main-card__button {
	flex: auto;
}

.select__value .select__input {
	font-size: 14px;
	color: #383838;
	line-height: 1.2;
}

.select2-container {
	height: 40px;
}
.select2-selection {
	height: 100% !important;
}
.select2-selection__arrow {
	height: 100% !important;
	display: none;
}

.select2-selection__rendered {
	height: 100%;
	display: flex !important;
	align-items: center;
	column-gap: 12px;
	font-size: 14px;
	padding: 0 20px;
	color: #383838;
}
.select2-selection__rendered::after {
	content: '';
	width: 7px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7px;
	flex: 0 0 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #383838;
	display: inline-block;
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
}
.main-dashboard-filter__select._finish .select2-selection__rendered::after {
	background: #383838;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #e7e7e7;
}

.select2-dropdown {
	border: 1px solid #e7e7e7;
}

/* Pricing */

.page__block {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}

.page__section {
	padding: 40px;
	/* border-radius: 25px;
	background: #fff;
	-webkit-box-shadow: 0px 4px 6px -4px rgba(24, 39, 75, 0.12),
		0px 8px 8px -4px rgba(24, 39, 75, 0.08);
	box-shadow: 0px 4px 6px -4px rgba(24, 39, 75, 0.12),
		0px 8px 8px -4px rgba(24, 39, 75, 0.08); */
}

.page__section:not(:last-child) {
	margin-bottom: 30px;
}

.page__section._edit-template {
	display: none;
}

.page-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.page-head__info {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 10px;
}

.page-head__main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.page-head__back {
	color: #909090;
	font-size: 16px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
	-webkit-transition: all 0.3s 0s;
	-o-transition: all 0.3s 0s;
	transition: all 0.3s 0s;
}

.page-head__back img,
.page-head__back svg {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24px;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
}

.page-head__back svg path {
	fill: #909090;
	-webkit-transition: all 0.3s 0s;
	-o-transition: all 0.3s 0s;
	transition: all 0.3s 0s;
}

.page-head__title,
.page-head__title-main {
	color: #343c6a;
	font-size: 20px;
	font-weight: 600;
}

.page-head__text,
.page-head__text-main {
	color: #878a9e;
	font-size: 14px;
	font-weight: 400;
}

.plan-price-page-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.plan-price-page-head__now {
	color: #343c6a;
	font-size: 32px;
	font-weight: 600;
}

.plan-price-page-head__old {
	color: #878a9e;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.plan-price-page-head__old span {
	text-decoration: line-through;
	color: #343c6a;
}

@media (min-width: 991.98px) {
	.quantity__button:hover::before,
	.quantity__button:hover::after {
		background-color: rgba(0, 0, 0, 0.5);
	}
}

@media (min-width: 992px) {
	.select__option:hover {
		background: #d9d9d9;
	}

	.checkbox a:hover {
		text-decoration: none;
	}
}

@media (max-width: 991.98px) {
	.select__title {
		font-size: 18px;
	}

	.select__options {
		font-size: 18px;
	}
}

@media (any-hover: hover) {
	._btn:hover {
		background: #224caf;
	}

	.align-list button:hover {
		color: #fff !important;
		background: #2d64e3 !important;
	}

	.main-plan-billing__button:hover {
		background: #e4e4e4;
	}

	.nav-sidebar__item:not(._active):hover .nav-sidebar__value {
		color: #343c6a;
	}

	.nav-sidebar__item:not(._active):hover .nav-sidebar__icon svg path[fill] {
		fill: #343c6a;
	}

	.nav-sidebar__item:not(._active):hover .nav-sidebar__icon svg path[stroke] {
		stroke: #343c6a;
	}

	.page-head__back:hover {
		color: #343c6a;
	}

	.page-head__back:hover svg path {
		fill: #343c6a;
	}
}

.billing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 30px;
}

.plan-billing {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e7e7e7;
}

/* === PLAN BILLING HEADER — PROFESSIONAL HERO-MATCH STYLE === */

/* Desktop / Default */
.plan-billing__main {
  border-radius: 12px 12px 0 0;
  position: relative;
  overflow: hidden;
  background:
    /* subtle inner glow center */
    radial-gradient(700px 480px at 50% 40%,
      rgba(47,60,191,0.55) 0%,
      rgba(47,60,191,0.25) 28%,
      rgba(47,60,191,0.10) 46%,
      rgba(47,60,191,0.00) 70%),
    /* deep vertical gradient base */
    linear-gradient(180deg, #1B236E 0%, #13152A 100%);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

/* Tablet & Mobile (≤1024px) — same centered glow as hero mobile */
@media (max-width: 1024px) {
  .plan-billing__main {
    background:
      radial-gradient(460px 460px at 50% 46%,
        rgba(9,42,171,0.96) 0%,
        rgba(9,42,171,0.68) 20%,
        rgba(9,42,171,0.36) 40%,
        rgba(9,42,171,0.12) 62%,
        rgba(9,42,171,0.00) 78%),
      radial-gradient(700px 600px at 50% 70%,
        rgba(80,110,255,0.12) 0%,
        rgba(80,110,255,0.00) 60%),
      linear-gradient(180deg,
        #000315 0%,
        #00081F 18%,
        #092AAB 44%,
        #03102D 70%,
        #000315 100%);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
  }
}

.main-plan-billing {
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	row-gap: 20px;
}

.main-plan-billing__block:not(._active) {
	display: none;
}

.main-plan-billing__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.main-plan-billing__name {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}

.main-plan-billing__price {
	color: #fff;
	font-size: 52px;
	font-weight: 800;
}

.main-plan-billing__text {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.main-plan-billing__button {
	border-radius: 50px;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #343c6a;
	font-weight: 500;
	min-width: 180px;
}

.list-plan-billing {
	padding: 30px;
	background: #fff;
}

.list-plan-billing__head .page-head__title {
	font-size: 18px;
}

.list-plan-billing__body {
	margin-top: 25px;
}

.list-plan-billing__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	row-gap: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.list-plan-billing__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc((100% - 30px * 2) / 3);
	flex: 0 0 calc((100% - 30px * 2) / 3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.list-plan-billing__icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24px;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
}

.list-plan-billing__name {
	color: #343c6a;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

.switch__input {
	display: none;
}

.switch__input:not(:checked)
	+ .switch__content
	.switch__value:first-child
	> span:not(.switch__discount) {
	opacity: 1;
}

.switch__input:checked + .switch__content .switch__slide {
	background: #fff;
}

.switch__input:checked + .switch__content .switch__circle {
	left: auto;
	right: 0;
}

.switch__input:checked
	+ .switch__content
	.switch__value:last-child
	> span:not(.switch__discount) {
	opacity: 1;
}

.switch__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	cursor: pointer;
}

.switch__value {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	white-space: nowrap;
}

.switch__value > span:not(.switch__discount) {
	opacity: 0.5;
}

.switch__slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 34px;
	flex: 0 0 34px;
	width: 34px;
	height: 14px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.3);
	position: relative;
}

.switch__circle {
	background: #fff;
	width: 20px;
	height: 20px;
	left: 0;
	border-radius: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2),
		0px 0.1px 0.3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0.1px 0.3px rgba(0, 0, 0, 0.1);
}

.switch__discount {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 2px;
	border-radius: 4px;
	background: #26c076;
	padding: 3px 4px;
	white-space: nowrap;
}

.email__status._error {
	background: #c50000;
}

.beyond-limit {
	background: #d9534f !important;
	color: #fff !important;
}

.info-icon {
	position: relative;
	display: inline-block;
	cursor: pointer;
	/* margin-left: auto; */
}

.info-icon::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 5px 8px;
	border-radius: 4px;
	white-space: nowrap;
	font-size: 12px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.info-icon:hover::after {
	visibility: visible;
	opacity: 1;
}

.custom__notification {
	border-radius: 8px;
}