.program-cards-wrapper {
    margin-bottom: 20px;
}
.program-card {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.left-col, .right-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.left-col {
    flex: 1;
    min-width: 250px;
}

.right-col {
    justify-content: space-between;
}

/* Program title */
.program-title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #0063d2;
    padding-bottom: 0;
}

.program-title a {
    text-decoration: none;
    color: inherit;
}
/* Pills */
.pill {
    background: #f1f5f9;
    color: #333;
    padding: 1px 10px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin-right: 4px;
}

/* Badges */
.badge {
    padding: 1px 8px;
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
	display:inline-block;
}
.badge.eduType { background: #3f51b5; }
.badge.attendance { background: #009688; }
.badge.scholarship { background: #4caf50; }
.badge.duration { background: #607d8b; }
.badge.price { background: #0063d2; }

/* Buttons */
.right-col a {
    display: block;
    padding: 4px 15px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    margin-top: 6px;
	 text-decoration: none;
    -webkit-transition: all .4s 
ease-in-out;
    -o-transition: all .2s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s 
ease-in-out;
}
.right-col a.apply-btn:hover {
    background-color: transparent;
    border: 1px solid #4caf50;
    color: #4caf50;
}
.right-col a.view-btn:hover{
 	background-color: transparent;
    border: 1px solid #2196f3;
    color: #2196f3;
}
.right-col a.apply-btn { 
    background: #4caf50; 
	border:1px solid #4caf50;
    color: #fff; 
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 5px; 
	    
}
.right-col a.view-btn { 
    background: #2196f3; 
    font-weight: 600;
	border: 1px solid #2196f3;
    color: #fff; 
}

/* University info */
.uni-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

.uni-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.uni-info {
    display: flex;
    flex-direction: column;
}

.uni-name {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.uni-country {
    font-size: 13px;
    color: #777;
}

.uni-rating {
    color: #fbab0b;
    font-size: 18px;
}
.uni-rating-value, .uni-review-count {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.duration svg{margin-right:3px;}
/* Top details row (duration & price) */
.Ptop {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
	flex-direction:column;
	text-align:end;
}

/* Title row with image + title + rating inline */
.title-row {
    display: flex;
    align-items: flex-start;
	gap:4px;
}

.program-thumb {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
}

.title-info {
    display: flex;
    align-items: center;
    gap: 6px; /* space between title and rating */
}

/* Bottom badges centered */
.bottom-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-wrap;
    margin-top: auto; /* push to bottom of left-col */
}
.et_pb_row {
    padding: 0;
}
.program-details {
    display: flex;
    flex-direction: column;
    gap:2px;
    font-size: 14px;
    max-width: 300px;
    border-radius: 8px;
    background: #fff;
    padding: 12px 16px;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}

.detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #eee; /* divider line */
}
.detail-row:first-child{padding-bottom:8px;}
.detail-row:last-child {
    border-bottom: none; /* no divider on the last row */
}
.detail-label {
    color: #000;
    font-weight: 600;
}
.detail-value .pill:last-child{
margin-right:0;
}
.detail-value {
    font-weight: 600;
    color: #ff0000;
    align-items: center;
    display: flex;
}
.detail-value svg{
    margin-right:5px;
}
.pill-closed {
    background: #fbe4e4;
    color: #c0392b;
}

.pill-open {
    background: #eef1ff;
    color: #34495e;
}

/* Responsive */
@media (max-width:768px){
.program-details{margin-bottom:20px;}
.pDetail{display:block !important;text-align:center;}
    .program-card { flex-direction: column;
    padding: 20px 10px; }
    .left-col, .right-col { min-width: 100%; }
    .Ptop { justify-content: center; }
	 .Ptop .duration,.Ptop .price{ justify-content: center !important; }
    .right-col a { width: 100%; }
    .bottom-badges { justify-content: center; }
}
.et_pb_row {
    max-width: 1370px !important;
}
.program-details.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 equal columns */
    gap: 16px; /* spacing between columns */
}

.detail-column {
    display: flex;
    flex-direction: column;
    gap: 8px; /* spacing between rows */
}
.programTitle{
display:flex;
align-items:center;
}
.badgesP {
  display: flex;
  flex-wrap: wrap;       
  gap: 4px;              
  align-items: center;
}

.badgesP .badge,
.badgesP .pill,
.badgesP .duration {
  flex: 0 1 auto;       
  white-space: nowrap;   
  margin:2px 0;
}

.badgesP span{
margin-right:5px;
display:flex;
align-items:center;
}
.compare-wrapper{display:flex;align-items:center;justify-content:end;}
.compare-wrapper input{margin-right:5px;}
.pDetail{display:flex;align-items:flex-end;}