/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

		#carousel-tabs.tabs,
		#carousel-tabs .tab-content {
			--cnvs-tab-padding-width: 0;
			--bs-nav-link-padding-y: .75rem;
			--bs-nav-link-font-size: .9125rem;
			--bs-nav-link-font-weight:	400;
			--bs-nav-tabs-border-width: 0;
			--bs-nav-link-color: var(--cnvs-contrast-1000);
			--bs-nav-link-hover-color: var(--cnvs-contrast-900);
			--bs-nav-tabs-link-active-bg: rgba(var(--bs-danger-rgb), 0.1);
			--bs-nav-tabs-link-active-color: var(--bs-danger);
			--cnvs-tabs-bg-color:rgba(var(--cnvs-contrast-rgb), 0.04);
		}

		.dark #carousel-tabs.tabs,
		.dark #carousel-tabs .tab-content {
			--bs-nav-tabs-link-active-bg: rgba(var(--bs-danger-rgb),1);
			--bs-nav-tabs-link-active-color: var(--bs-light);
		}

		#carousel-tabs .nav-link:not(.active) {
			background-color: rgba(var(--cnvs-contrast-rgb), 0.04);
		}

		#carousel-tabs .nav-link {
			border-radius: var(--bs-border-radius);
			font-weight: 500;
		}

		#carousel-tabs .nav-link.active {
			font-weight: 600;
		}

		.carousel-blur-left::before,
		.carousel-blur-right::after {
			--cnvs-carousel-blur-size: 70px;
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: auto;
			width: var(--cnvs-carousel-blur-size);
			height: 100%;
			z-index: 1;
			background: linear-gradient(to right, var(--cnvs-body-bg) 50%, transparent);
		}

		.carousel-blur-right::after {
			left: auto;
			right: 0;
			background: linear-gradient(to left, var(--cnvs-body-bg) 50%, transparent);
		}