.college-programs-ug {
  padding-top: 100px;
  padding-bottom: 160px;
  background: #fff;
  color: #222;
}
.college-programs-ug .container{
max-width: 80%;
}

.college-programs-ug .ug-section-title {
  font-size: 80pt;
    color: #000;
    line-height: 1;
    font-family: 'Lora' !important;
}

.ugprograms-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}

.ug_left-column {
  flex: 1;
   font-size: 40pt;
    line-height: 1;
    font-family: 'Lora' !important;
    
}

.categories li::marker {
  color: #c3b12f; /* gold bullet color */
}

.categories {
  list-style-type: square;
  padding-left: 20px;
   color: #c3b12f;
}


.ug_left-column .categories li:first-child {
  position: relative;
  display: list-item; 
}

.ug_left-column .categories li:first-child::after {
    content: "";
    position: absolute;
    bottom: -27px;
    left: 0;
    width: 65%;
    height: 12px;
    background-color: #c3b12f;
    border-radius: 2px;
    /* margin-top: 31px; */
    margin-top: 50px;
}


.ug_left-column .categories li {
  color: #000; /* gold bullet */
  margin-bottom: 10px;
  font-size: 40pt;
    line-height: 1;
    font-family: 'Lora' !important;
    margin-top: 164px;
}

.ug_right-column {
  flex: 2;
}

.ug_right-column .categories li {
  color: #000;
  margin-bottom: 10px;
    font-size: 40pt;
    margin-bottom: 10px;
    font-family: 'Lora' !important;
    color:#056b38;
}

..ug-program .categories li {
  color: #367646; /* gold bullet */
  margin-bottom: 10px;
  font-size: 40pt;
    line-height: 1;
    font-family: 'Lora' !important;
    margin-top: 164px;
}

.ug-program {
  margin-bottom: 40px;
}

.ug-program-title {
   color: #000;
  margin-bottom: 10px;
    font-size: 40pt;
    margin-bottom: 10px;
    font-family: 'Lora' !important;
    line-height:1;
}

.ug-program-desc {
  margin-bottom: 10px;
  color: #111;
  font-size: 24pt;
  font-family: "Lato-Regular" !important;
}
.ug-program-desc div{
  margin-bottom: 10px;
    margin-top: 40px;
    color: #111;
    font-size: 24pt;
    font-family: "Lato-Regular" !important;
    line-height: normal;
}
.ug-program-desc p{
  margin-bottom: 10px;
    margin-top: 40px;
    color: #111;
    font-size: 24pt;
    font-family: "Lato-Regular" !important;
    line-height: normal;
}

.description p{
  margin-bottom: 10px;
    margin-top: 40px;
    color: #fff;
    font-size: 24pt;
    font-family: "Lato-Regular" !important;
    line-height: normal;
}

.ug-program-link a{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .5rem;                 /* مسافة بين النص والسهم */
  font-weight: 600;
  text-decoration: none;
  color: #1E8F4E;  
  font-size: 14pt;/* أخضر مناسب */
}

.ug-program-link a::after{
  content: "";
  width: 20px; /* زيدي العرض هنا (كان 12px) */
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
    <path d='M4 12h18'/>\
    <path d='M15 5l8 7-8 7'/>\
  </svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
    <path d='M4 12h18'/>\
    <path d='M15 5l8 7-8 7'/>\
  </svg>") no-repeat center / contain;
  transition: transform .2s ease;
}

/* حركة عند المرور */
.ug-program-link a:hover::after{
  transform: translateX(5px) scaleX(1.15); /* أطول شوي عند الهوفر */
}

/* تركيز لوحة المفاتيح (إتاحة الوصول) */
.ug-program-link a:focus{
  outline: 20px solid #1E8F4E33;
  outline-offset: 10px;
}