@media (min-width: 992px) {
    .pkp_site_name_wrapper {
        height: 190px;
        display: none;
    }
}

.pkp_structure_head:before {
    z-index: -1;
    background: url(https://omp.uptm.edu.my/public/site/images/admin/head.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1160px;
    opacity: 1;
}

@media (min-width: 992px) {
    .has_site_logo .pkp_head_wrapper {
        padding-top: 9.143rem;
    }
}

@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: 140px;
        display: none;
    }
}

.pkp_block {
    padding: 10px 6px 0 8px;
    border-radius: 4px;
}

.pkp_block .title {
    color: #1b2a63;
    background: #ffffff;
}

.pkp_block .content p {
    padding: 10px;
}


p.hvr-underline-from-center {
    background: #1b2a63;
    margin: 2px;
}

p.hvr-underline-from-center a {
    color: #ffffff;
}

:root{
  --navy:#1b2a63;
  --navy-dark:#16224f;
  --red:#e01b24;
  --text:#5a5a63;
  --rule:#b9bcc9;
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:#ffffff;
  font-family:"Poppins","Segoe UI",Arial,sans-serif;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}

.uptm-banner{
  max-width:1180px;
  margin:0 auto;
  padding:34px 26px;
  display:flex;
  align-items:flex-start;
  gap:44px;
}

/* ---------- Left intro ---------- */
.intro{
  flex:0 0 292px;
  border-left:4px solid var(--red);
  padding-left:20px;
}

.intro h1{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.14;
  font-weight:700;
  color:var(--navy);
  letter-spacing:-.2px;
}
.intro h1 .red{color:var(--red);}

.intro p{
  margin:0 0 20px;
  font-size:12.5px;
  line-height:1.75;
  font-weight:400;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:16px;
  background:var(--navy);
  color:#fff;
  text-decoration:none;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:1.1px;
  padding:11px 18px;
  border-radius:999px;
  transition:background .2s ease, transform .2s ease;
}
.btn:hover{background:var(--red);}
.btn:focus-visible{outline:2px solid var(--red);outline-offset:3px;}
.btn i{font-size:13px;line-height:1;}

/* ---------- Right features ---------- */
.features{
  flex:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.feature{
  text-align:center;
  padding:4px 20px 6px;
}
.feature + .feature{
  border-left:1.5px dashed var(--rule);
}

.icon{
  width:62px;
  height:62px;
  margin:0 auto 14px;
  border:1.5px solid var(--navy);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--navy);
}
.icon i{font-size:26px;line-height:1;}

.feature h3{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:var(--navy);
}

.feature p{
  margin:0;
  font-size:11.5px;
  line-height:1.6;
  font-weight:400;
}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .uptm-banner{flex-direction:column;gap:34px;}
  .intro{flex:none;max-width:520px;}
  .features{width:100%;}
}
@media (max-width:640px){
  .features{grid-template-columns:repeat(2,1fr);row-gap:30px;}
  .feature{padding:0 12px;}
  .feature + .feature{border-left:none;}
  .feature:nth-child(even){border-left:1.5px dashed var(--rule);}
  .intro h1{font-size:26px;}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;}
}

.pkp_footer_content {
    background: #1b2a63;
    color: #ffffff;
}

.pkp_footer_content a {
    color: #ffffff;
    font-weight: 400;
}

body > div.pkp_structure_page > div.pkp_structure_footer_wrapper > div > div.pkp_footer_content > div.row.copright-container > div > center > div > a:nth-child(2) {
    color: #1b2a63;
}

.pkp_footer_content h3 {
    margin-bottom: 10px;
    background: #d40000;
    padding: 5px;
    border-radius: 6px;
}

#customblock-editorialteam > div > p > span > a {
    color: white;
}