.info-circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-radius: 50%;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23007bff'%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM169.8%20165.3c7.9-22.3%2029.1-37.3%2052.8-37.3l58.3%200c34.9%200%2063.1%2028.3%2063.1%2063.1c0%2022.6-12.1%2043.5-31.7%2054.8L280%20264.4c-.2%2013-10.9%2023.6-24%2023.6c-13.3%200-24-10.7-24-24l0-13.5c0-8.6%204.6-16.5%2012.1-20.8l44.3-25.4c4.7-2.7%207.6-7.7%207.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3%200c-3.4%200-6.4%202.1-7.5%205.3l-.4%201.2c-4.4%2012.5-18.2%2019-30.6%2014.6s-19-18.2-14.6-30.6l.4-1.2zM224%20352a32%2032%200%201%201%2064%200%2032%2032%200%201%201-64%200z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s;
  position: relative;
  left: 6px;
  top: 2px;
}

.info-circle:hover {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%230056b3'%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM169.8%20165.3c7.9-22.3%2029.1-37.3%2052.8-37.3l58.3%200c34.9%200%2063.1%2028.3%2063.1%2063.1c0%2022.6-12.1%2043.5-31.7%2054.8L280%20264.4c-.2%2013-10.9%2023.6-24%2023.6c-13.3%200-24-10.7-24-24l0-13.5c0-8.6%204.6-16.5%2012.1-20.8l44.3-25.4c4.7-2.7%207.6-7.7%207.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3%200c-3.4%200-6.4%202.1-7.5%205.3l-.4%201.2c-4.4%2012.5-18.2%2019-30.6%2014.6s-19-18.2-14.6-30.6l.4-1.2zM224%20352a32%2032%200%201%201%2064%200%2032%2032%200%201%201-64%200z'%3E%3C/path%3E%3C/svg%3E");
}
		
/* Create a circular white background behind the SVG */
.info-circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  z-index: -1; /* place behind the SVG */
}



		
		
	.degree-sections {display: flex; width: 100%;}
	.degree-sections .degree-section:nth-child(1) {background-color: var(--aiu-orange);}	
	.degree-sections .degree-section:nth-child(2) {background-color: var(--aiu-blue-light);}
	.degree-sections .degree-section:nth-child(3) {background-color: var(--aiu-blue-dark);}

@media (max-width: 960px) {
.degree-sections {flex-direction: column;}
		}
		

/* For three columns */
	.degree-section {
		flex: 1;
		display: flex;
		flex-direction: column;
		transition: all 0.3s ease;
		color: #ffffff;
		box-sizing: border-box;
		padding: 2rem;
		}
	.degree-section h2 {text-align: center; font-size: var(--font-size-title-3);}
	.degree-section h3 {margin: 0 0 0.375rem 0; font-size: var(--font-size-title-5);}
	.degree-section ul.program-area-list {margin: 0 0 0 0; list-style-type: none; padding: 0;}
	.degree-section ul.program-area-list > li {border-bottom: solid 0 rgba(255,255,255,0.5); padding: 0.5rem 0;}
	.degree-section a {color: #ffffff; font-weight: 600;}
	.degree-section li:last-child {margin-bottom: 0;}
	.degree-section a:hover {color: rgba(255, 255, 255, 0.5);}
	.degree-section	ul.concentration-list {margin:0.375rem 0 0 1.2rem; list-style-type:disc; padding: 0;}
	.degree-section	ul.concentration-list li {padding-bottom: 5px;}	
	.area-section {border-bottom: solid 1px rgba(255,255,255,0.25); padding: 1rem 0;}
	.area-section:last-child {border-bottom: solid 0 rgba(255,255,255,0.25);}


.aiu-offer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px; 
  margin: 0 auto;
	padding: 40px 0;
}

.aiu-offer__left {
  flex: 1 1 auto;
}

.aiu-offer__right {
  flex: 0 0 500px; 
}

.masters-edge-logo-wrapper {padding-top:10px;}
img.masters-edge-logo {
	width: 340px;
	height: auto;
}

ul.masters-edge-list {
margin: 0 0 0 0;
list-style-type: none;
line-height: 1.125rem;
padding: 0;
font-weight:500;
font-size: var(--font-size-body-large);
}
ul.masters-edge-list li {
padding: 0.125rem 0;
}

/* Mobile stacking */
@media (max-width: 960px) {
  .aiu-offer {
    flex-direction: column;
  }
  .aiu-offer__right {
    flex: none;
    width: 100%;
    margin-top: 1.5rem;
  }
}


@media (max-width: 1280px) {
img.masters-edge-logo {
	width: 300px;
	height: auto;
}

ul.masters-edge-list {
font-size: 1rem;
}
	
	
.aiu-offer__left {
  flex: 1 1 auto;
}

.aiu-offer__right {
  flex: 0 0 400px; 
}
}