:root {
			--brand-color: #00928F;
			--brand-accent-dk: #63666B;
			--brand-accent-lt:#D8CFC6;
			--nav-height: 56px;

			--cvs-logo: #FFFFFF;
			--logo-size: 30px;
			--dot-diameter: 9px;
			--widget-bg: #FFFFFF;
			--widget-stripe: rgba(189, 189, 189, 0.1);
		}
		body {
			background-image: linear-gradient(158deg, rgba(84, 84, 84, 0.03) 0%, rgba(84, 84, 84, 0.03) 20%,rgba(219, 219, 219, 0.03) 20%, rgba(219, 219, 219, 0.03) 40%,rgba(54, 54, 54, 0.03) 40%, rgba(54, 54, 54, 0.03) 60%,rgba(99, 99, 99, 0.03) 60%, rgba(99, 99, 99, 0.03) 80%,rgba(92, 92, 92, 0.03) 80%, rgba(92, 92, 92, 0.03) 100%),linear-gradient(45deg, rgba(221, 221, 221, 0.02) 0%, rgba(221, 221, 221, 0.02) 14.286%,rgba(8, 8, 8, 0.02) 14.286%, rgba(8, 8, 8, 0.02) 28.572%,rgba(52, 52, 52, 0.02) 28.572%, rgba(52, 52, 52, 0.02) 42.858%,rgba(234, 234, 234, 0.02) 42.858%, rgba(234, 234, 234, 0.02) 57.144%,rgba(81, 81, 81, 0.02) 57.144%, rgba(81, 81, 81, 0.02) 71.42999999999999%,rgba(239, 239, 239, 0.02) 71.43%, rgba(239, 239, 239, 0.02) 85.71600000000001%,rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%),linear-gradient(109deg, rgba(33, 33, 33, 0.03) 0%, rgba(33, 33, 33, 0.03) 12.5%,rgba(147, 147, 147, 0.03) 12.5%, rgba(147, 147, 147, 0.03) 25%,rgba(131, 131, 131, 0.03) 25%, rgba(131, 131, 131, 0.03) 37.5%,rgba(151, 151, 151, 0.03) 37.5%, rgba(151, 151, 151, 0.03) 50%,rgba(211, 211, 211, 0.03) 50%, rgba(211, 211, 211, 0.03) 62.5%,rgba(39, 39, 39, 0.03) 62.5%, rgba(39, 39, 39, 0.03) 75%,rgba(55, 55, 55, 0.03) 75%, rgba(55, 55, 55, 0.03) 87.5%,rgba(82, 82, 82, 0.03) 87.5%, rgba(82, 82, 82, 0.03) 100%),linear-gradient(348deg, rgba(42, 42, 42, 0.02) 0%, rgba(42, 42, 42, 0.02) 20%,rgba(8, 8, 8, 0.02) 20%, rgba(8, 8, 8, 0.02) 40%,rgba(242, 242, 242, 0.02) 40%, rgba(242, 242, 242, 0.02) 60%,rgba(42, 42, 42, 0.02) 60%, rgba(42, 42, 42, 0.02) 80%,rgba(80, 80, 80, 0.02) 80%, rgba(80, 80, 80, 0.02) 100%),linear-gradient(120deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%,rgba(67, 67, 67, 0.03) 14.286%, rgba(67, 67, 67, 0.03) 28.572%,rgba(134, 134, 134, 0.03) 28.572%, rgba(134, 134, 134, 0.03) 42.858%,rgba(19, 19, 19, 0.03) 42.858%, rgba(19, 19, 19, 0.03) 57.144%,rgba(101, 101, 101, 0.03) 57.144%, rgba(101, 101, 101, 0.03) 71.42999999999999%,rgba(205, 205, 205, 0.03) 71.43%, rgba(205, 205, 205, 0.03) 85.71600000000001%,rgba(53, 53, 53, 0.03) 85.716%, rgba(53, 53, 53, 0.03) 100.002%),linear-gradient(45deg, rgba(214, 214, 214, 0.03) 0%, rgba(214, 214, 214, 0.03) 16.667%,rgba(255, 255, 255, 0.03) 16.667%, rgba(255, 255, 255, 0.03) 33.334%,rgba(250, 250, 250, 0.03) 33.334%, rgba(250, 250, 250, 0.03) 50.001000000000005%,rgba(231, 231, 231, 0.03) 50.001%, rgba(231, 231, 231, 0.03) 66.668%,rgba(241, 241, 241, 0.03) 66.668%, rgba(241, 241, 241, 0.03) 83.33500000000001%,rgba(31, 31, 31, 0.03) 83.335%, rgba(31, 31, 31, 0.03) 100.002%),linear-gradient(59deg, rgba(224, 224, 224, 0.03) 0%, rgba(224, 224, 224, 0.03) 12.5%,rgba(97, 97, 97, 0.03) 12.5%, rgba(97, 97, 97, 0.03) 25%,rgba(143, 143, 143, 0.03) 25%, rgba(143, 143, 143, 0.03) 37.5%,rgba(110, 110, 110, 0.03) 37.5%, rgba(110, 110, 110, 0.03) 50%,rgba(34, 34, 34, 0.03) 50%, rgba(34, 34, 34, 0.03) 62.5%,rgba(155, 155, 155, 0.03) 62.5%, rgba(155, 155, 155, 0.03) 75%,rgba(249, 249, 249, 0.03) 75%, rgba(249, 249, 249, 0.03) 87.5%,rgba(179, 179, 179, 0.03) 87.5%, rgba(179, 179, 179, 0.03) 100%),linear-gradient(241deg, rgba(58, 58, 58, 0.02) 0%, rgba(58, 58, 58, 0.02) 25%,rgba(124, 124, 124, 0.02) 25%, rgba(124, 124, 124, 0.02) 50%,rgba(254, 254, 254, 0.02) 50%, rgba(254, 254, 254, 0.02) 75%,rgba(52, 52, 52, 0.02) 75%, rgba(52, 52, 52, 0.02) 100%),linear-gradient(90deg, #ffffff,#ffffff);
			background-attachment: fixed;
			background-size: cover;
			background-repeat: no-repeat;
			margin: 0;
			min-height: 100vh;	
		}
		html {
			scroll-behavior: smooth;
			scroll-padding-top: var(--nav-height); 
		}
		
        .navbar {
            background-color: var(--brand-color);
            height: var(--nav-height);
        }

		/* Remove focus ring from all buttons, inputs, and links */
		button:focus,
		.btn:focus,
		.navbar-toggler:focus,
		input:focus,
		select:focus,
		textarea:focus,
		a:focus {
			outline: none !important;
			box-shadow: none !important;
		}

		/* Specifically for Bootstrap 5's "floating labels" and form controls */
		.form-control:focus,
		.form-select:focus {
			border-color: #ced4da; /* Resets to default border color */
			box-shadow: none !important;
		}

        /* Each section fills the remaining screen height */
		section {
			min-height: calc(100vh - var(--nav-height));
			display: flex;
			flex-direction: column;
			/* This centers the content horizontally */
			align-items: center; 
			/* This pushes content to the top instead of the middle */
			justify-content: flex-start; 
			background: transparent !important;
		}

		/* Target the first child inside each section (like an <h1> or <div>) */
		section > *:first-child {
			margin-top: 14px;
		}

        .offcanvas {
            background-color: #f8f9fa;
        }

        .nav-link-custom {
            font-size: 1.25rem;
            padding: 1rem;
            color: var(--brand-color);
            text-decoration: none;
            display: block;
			left: 8px;
        }

        .nav-link-custom:hover {
            background-color: var(--brand-accent-lt);
			color: var(--brand-accent-dk);
        }

		/* ==================================================
		   BRAND / LOGO
		================================================== */

		.navbar-brand {
			display: flex;
			align-items: center;
			padding: 0;
		}

		.logo-wrapper,
		.logo-grid-icon {
			width: var(--logo-size);
			height: var(--logo-size);
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
		}

		.logo {
			position: relative;
			width: 0;
			height: 0;
		}

		.logo .center {
			position: absolute;
			width: var(--dot-diameter);
			height: var(--dot-diameter);
			background-color: var(--cvs-logo);
			border-radius: 50%;
			transform: translate(-50%, -50%);
			z-index: 10;
		}

		.logo .arm {
			position: absolute;
			width: 2px;
			height: calc(var(--logo-size) / 6);
			background-color: var(--cvs-logo);
			left: -1px;
			transform-origin: top center;
			transform: rotate(calc(var(--i) * 45deg))
			translateY(calc(var(--dot-diameter) / 2));
		}

		.logo .arm::after {
			content: '';
			position: absolute;
			width: var(--dot-diameter);
			height: var(--dot-diameter);
			background-color: var(--cvs-logo);
			border-radius: 50%;
			bottom: calc(var(--dot-diameter) * -1);
			left: 50%;
			transform: translateX(-50%);
		}		

.quick-card {
    background: var(--brand-color);
    color: white;
    border-radius: 6px;
    padding: 18px;
    height: 100%;
    cursor: pointer;
    transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.quick-card:hover {
    background: #40b1ae;
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.quick-card i{
    font-size:28px;
    opacity:.9;
}

.quick-card h6{
    font-weight:600;
    margin-bottom:4px;
}

.quick-card p{
    font-size:.85rem;
    margin-bottom:0;
    opacity:.9;
}

.quick-icon{
    width:40px;
}