.ConnectWithWelcomeCenter .row {
    		padding: 0 20px;
			display: flex;
			flex-wrap: wrap;
		}


		/* Make each column's inner div a flex container */
		.ConnectWithWelcomeCenter .large-4.columns > div {
			display: flex;
			flex-direction: column;
			height: 100%;
		}
			
		.ConnectWithWelcomeCenter a {
			color: white;
			text-decoration: underline;
		}

		.ConnectWithWelcomeCenter a:hover {
			color: white;
			text-decoration: underline;
		}

		.ConnectWithWelcomeCenter .flex-video {
			border: 6px solid white; /* White border around video */
			background-color: white;
		}

		.ConnectVertualContainerContent {
			padding-right: 2rem;
		}

		/* Push the link to the bottom */
		.ConnectWithWelcomeCenter .large-4.columns > div > p:last-child {
			margin-top: auto;
		}

		
		.contactTitle {
			color: #004881;
		
		}
			
		.ConnectVertualContainerContent {
			color: white!important; 
			background-color: rgba(23,48,76,.8); 
			display: block; padding: 20px; 
			padding-bottom: 55px;
			padding-right: 2rem;
			border-radius: 3px; 
			min-height: 300px;
			}
			
			.BorderButton {
				display: inline-block;

			}
			
			.StepsCard.ConectWithUsCard a:not(.BorderButton) {
				text-decoration: underline;
			}

		.BorderButton.TourRegistration {
			background-color: #004881;
			color: #ffffff;
			border: 2px solid #004881;
		}

		
		.BorderButton.TourRegistration:hover,
		.BorderButton.TourRegistration:focus {
			background-color: #ffffff;
			color: #004881;
			border-color: #004881;
		}

			
/*   ******* Appointment Cards   *****   */
		
		.row {
			display: flex;
			flex-wrap: wrap;
		}

		.row > .columns {
			display: flex;
			flex-direction: column;
		}	
		
		.appointment-card {
			display: flex;
			flex-direction: column;
			padding: 2rem 1.5rem 2.5rem 1.5rem;
			min-height: 350px;
			margin-bottom: 1.5rem;
			height: 100%;
		}

		.card-content {
			flex: 1; /* Pushes button to bottom */
			margin-bottom: 1.5rem;
			color:#004881;
		}

		.appointment-card-row {
			padding-top:20px;
			
		}

		.appointment-card h3 {
			font-size: 1.25rem;
			font-weight: 700;
			margin-bottom: 1.25rem;
			line-height: 1.3;
			color: #004881;
		}

		.appointment-card p {
			margin-bottom: 0.75rem;
			line-height: 1.6;
		}

		.appointment-card p:last-of-type {
			margin-bottom: 0;
		}

		/* Card color variants */
		.card-green {
			background-color: #d4ebe4;
			color: #004b49;
		}

		.card-peach {
			background-color: #ffdec9;
			color: #7d3c1d;
		}

		.card-purple {
			background-color: #e6d4f0;
			color: #4a1d6b;
		}

		/* Button styles */
		.card-button {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			padding: 0.875rem 0.5rem;
			background-color: transparent;
			border: 2px solid currentColor;
			font-weight: 600;
			text-decoration: none;
			transition: all 0.3s ease;
			cursor: pointer;
			font-size: 1rem;
			margin-bottom: 1.875rem;
		
		}

		.appointment-card  .BorderButton {
			padding: 12px 15px;
 min-height: 64px;          /* tweak this value */
    display: flex;
    align-items: center;       /* vertical centering */
    justify-content: space-between;
		}

		.card-green .card-button {
			color: #004b49;
		}
/*
		.card-peach .card-button {
			color: #7d3c1d;
		}

		.card-purple .card-button {
			color: #4a1d6b;
		}
*/
		.card-button:hover,
		.card-button:focus {
			
		}

		.card-button .arrow {
			margin-left: 0.5rem;
			font-size: 1.25rem;
		}

		/* Meeting ID styling */
		.meeting-id {
			font-weight: 700;
			margin-top: 1rem;
		}

		/* Responsive adjustments */
		@media screen and (min-width: 640px) {
			.appointment-card h2 {
				font-size: 1.375rem;
			}
		}

		.extra-h2-spacing h2 {
			margin-top: 35px;
		}

		p.tight-list-spacing {
			margin-bottom: 0.25rem; /* adjust as needed */
		}

		ul.tight-list-spacing {
			margin-top: 0;
		}

		.inline-buttons {
			list-style: none;
			padding-left: 0;
			margin-left: 0;
			display: flex;
			gap: 0.75rem; /* space between buttons */
		}

		.inline-buttons li {
			margin: 0;
		}

	/*  ******** Right Column Contact Info   *******   */
		.RightColumnContentContainer
		{
			padding: 40px 25px 20px 25px;

		}
		.RightColumnContentContainer h2
		{
			font: 600 22px myriad-pro;
			letter-spacing: 0.44px;
			color: #3B3E3F;	
			margin-bottom: 20px;
			padding-bottom: 10px;
			border-bottom: 1px solid #c9c9c9;
		}

		.WCLandingContactTitle {
			color:#044881;
			
		}

		.WCLandingContactTitle ~ ul {
			margin-top: 6px; /* tighten the gap */
		}
		.WCLandingContactTitle ~ ul li {
			position: relative;
			padding-left: 28px; /* controls text indent */
		}

				/* Reduce gap above list */
		.RightColumnContentContainerIndent {
			margin-bottom: 4px;
		}

		/* Move text right */
		.WCLandingContactTitle ~ ul li {
			padding-left: 7px; /* adjust as needed */
		}

		/* Move EXISTING bar */
		.WCLandingContactTitle ~ ul li::before {
			left: 22px; /* small right shift */
		}

		.RightColumnContentContainer p {
			color:#044881;
			margin-bottom: 10px;
		}

		.RightColumnContentContainer p a {
			display: inline-block;
			margin-top: 4px;
		}

		.RightColumnContentContainer ul {
			margin: 0;
			padding-left: 0;
		}

		.RightColumnContentContainer ul li
		{		
			display: block;
			position: relative;
			padding: 2px 5px 2px 30px!important;
			font: normal normal normal 14px myriad-pro;
			letter-spacing: 0.3px;
			color: #004881;
			margin:0;
			margin-bottom: 6px;
		}
		.RightColumnContentContainer li a
		{
			font: inherit !important;
		}
		.RightColumnContentContainer li:before
		{
			content: "";
			width: 6px;
			background-color: #004881 ;
			height: 15px;
			position: absolute;
			margin-left: 0; 
			left: 18px;
			top: 50%;
			transform: translateY(-50%);

		}
		.RightColumnContentContainer li a:hover
		{
			text-decoration: underline;
		}
		.RightColumnContentContainer li:has(a):hover::before {
			background-color: #F36B25;
		}
		.RightColumnContentContainer li a:hover::before
		{
			content:unset!important;
		}
		.RightColumnContentContainerIndent {
			margin-left: 15px;
		}

		.RightColumnContentContainer p.RightColumnContentContainerIndent {
			margin-bottom: 6px; /* tighten space above list */
		}

		.RightColumnContentContainer ul.RightColumnContentContainerIndent {
			margin-top: 0;
		}



		@media (max-width: 640px) {
			.RightColumnContentContainer ul li {
				padding-left: 32px !important;
			}

			.RightColumnContentContainer li:before {
				left: 18px;
			}
			
			.RightColumnContentContainer p,
			.RightColumnContentContainer p a {
				margin-left: 0;
				padding-left: 0;
			}
		}

/* ****** Campus Tours   *****   */
		.campusTourContent {
			padding-right:35px;
			padding-top:25px;
		}
		.campusTourImage{
			padding-top:25px;
		}

/* ****** Staff   *****   */
		/*   *** Bio Images  *****    */
			.staff-card {
    position: relative;
    height: 240px; /* Increased height for more content */
    margin-bottom: 3rem;
}

.white-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 160px; /* Increased height */
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.staff-photo {
    position: absolute;
    left: 10px;
    top: 95px;
    border: 5px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.staff-photo img {
    width: 120px;
    height: 180px;
    display: block;
    object-fit: cover;
}

.staff-info {
    position: absolute;
    left: 175px;
    top: 100px; /* Position near top of white box */
    right: 20px; /* Prevent overflow */
    color: #004881;
    font-size: 14px;
    line-height: 1.4;
}

.staff-info strong {
    font-size: 16px;
    color: #004881;
}

.staff-info a {
    color: #004881;
    text-decoration: underline;
}

			/* Mobile adjustments */
			@media screen and (max-width: 639px) {
				.staff-card {
					margin-bottom: 2rem;
				}
			}
		

			.OrangeButton {
			  background-color: #F36B25;
			  color: #ffffff;
			  border: 2px solid #F36B25;
			}
			a, a:visited, a:active {
			  color: #406b85;
			}
			
			.panel{
				background-color:#fff;
				text-align:center;
			 	margin: 40px 15px !important;
			}
	



/* ****** Ambassadors   *****   */
.OrangeButton {
			  color: #fff !important;
			  background-color: #F35D12;
			  padding: 10px 15px;
			  font-weight: bold;
			  display: inline-block;
			margin-top:20px;
			}
			.ButtonContainer {
				padding-top:18px;
				text-align: center;
			}
			
			
			/*   *** Bio Images  *****    */
			.ambassador-card {
				position: relative;
				height: 180px;
				margin-bottom: 3rem;
			}

			.white-box {
				position: absolute;
				left: 0px;
				bottom: 0px;
				width: 100%;
				height: 120px;
				background-color: white;
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			}

			.ambassador-photo {
				position: absolute;
				left: 10px;
				top: 70px;
				border: 5px solid #ddd;
				box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
			}

			.ambassador-photo img {
				width: 120px;
				height: 180px;
				display: block;
				object-fit: cover;
			}

			.ambassador-card h3 {
				position: absolute;
				left: 175px; /* 20px + 120px image + 5px border left + 5px border right + 25px padding */
				top: 120px; /* Vertically centered in white box */
				transform: translateY(-50%);
				color: #004881;
				margin: 0px;
			}

			/* Mobile adjustments */
			@media screen and (max-width: 639px) {
				.ambassador-card {
					margin-bottom: 2rem;
				}
			}
			
			.OrangeButton {
			  background-color: #F36B25;
			  color: #ffffff;
			  border: 2px solid #F36B25;
			}
			a, a:visited, a:active {
			  color: #406b85;
			}
			
			.panel{
				background-color:#fff;
				text-align:center;
			 	margin: 40px 15px !important;
			}
	
			.aboutAmbassadors img {
				max-width: 85%; 
				height: auto;
				display: block;
				margin: 0 auto; 
			}