.pra-related{
  --pra-navy:#0c1942;
  --pra-blue:#3f7cff;
  display:block;
  width:100%;
  max-width:1100px;
  margin:58px auto 42px;
  padding:0;
  box-sizing:border-box;
  color:var(--pra-navy);
}
.pra-related *{box-sizing:border-box}
.pra-heading-wrap{margin:0 0 20px;text-align:center}
.pra-heading,
body.psum-active .entry-content h2.pra-heading,
body.single-post.psum-active .entry-content h2.pra-heading{
  width:100%;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--pra-navy)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:-.8px!important;
  text-align:center!important;
}
.pra-heading-mark{
  display:flex;
  width:92px;
  height:8px;
  margin:13px auto 0;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.pra-heading-mark:before,.pra-heading-mark:after{
  content:"";
  width:36px;
  height:1px;
  background:#5c8cff;
}
.pra-heading-mark span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#377cff;
  box-shadow:0 0 0 3px #eef4ff;
}
.pra-grid{
  display:flex;
  width:100%;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:14px 16px;
}
.pra-card{
  display:flex;
  flex:0 1 calc((100% - 32px)/3);
  width:calc((100% - 32px)/3);
  max-width:calc((100% - 32px)/3);
  min-width:0;
  min-height:250px;
  margin:0!important;
  padding:10px 10px 12px!important;
  flex-direction:column;
  align-items:stretch;
  overflow:hidden;
  border:1px solid #dce5f1!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 7px 19px rgba(24,45,85,.11)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.pra-card:hover{
  transform:translateY(-3px);
  border-color:#c9d9f3!important;
  box-shadow:0 13px 28px rgba(24,45,85,.15)!important;
}
.pra-image-link{
  display:block;
  width:100%;
  margin:0 0 10px;
  border-radius:7px;
  text-decoration:none!important;
}
.pra-image{
  display:flex;
  width:100%;
  aspect-ratio:1.72/1;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:7px;
  background:linear-gradient(145deg,#fbfdff,#f3f7ff);
}
.pra-image img{
  display:block;
  width:100%;
  height:100%;
  margin:0!important;
  padding:0!important;
  object-fit:contain;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.pra-card-title,
body.psum-active .entry-content h3.pra-card-title,
body.single-post.psum-active .entry-content h3.pra-card-title{
  display:block;
  width:100%;
  min-width:0;
  margin:0 3px 11px!important;
  padding:0!important;
  border:0!important;
  color:var(--pra-navy)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.32!important;
  letter-spacing:-.08px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pra-card-title a{
  color:inherit!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.pra-card-title a:hover{color:#2869e8!important}
.pra-read-more{
  display:inline-flex;
  min-width:96px;
  min-height:30px;
  margin:auto auto 0!important;
  padding:5px 12px!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #4f86ff!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#3475fa!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.pra-read-more svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pra-read-more:hover{
  background:#3475fa!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(52,117,250,.22)!important;
}
.pra-read-more:focus-visible{
  outline:2px solid #3475fa;
  outline-offset:3px;
}
html.psum-dark .pra-heading,body.psum-dark .pra-heading{color:#fff!important}
html.psum-dark .pra-card,body.psum-dark .pra-card{
  border-color:#2b3c62!important;
  background:#111b39!important;
  box-shadow:0 9px 24px rgba(0,0,0,.22)!important;
}
html.psum-dark .pra-card-title,body.psum-dark .pra-card-title{color:#fff!important}
html.psum-dark .pra-image,body.psum-dark .pra-image{background:linear-gradient(145deg,#162448,#111b39)}
html.psum-dark .pra-read-more,body.psum-dark .pra-read-more{background:#111b39!important}
@media(max-width:767px){
  .pra-related{
    width:100%;
    max-width:100%;
    margin:38px auto 30px;
  }
  .pra-heading-wrap{margin-bottom:16px}
  .pra-heading,
  body.psum-active .entry-content h2.pra-heading,
  body.single-post.psum-active .entry-content h2.pra-heading{
    font-size:28px!important;
    line-height:1.18!important;
    letter-spacing:-.35px!important;
  }
  .pra-heading-mark{
    width:78px;
    margin-top:10px;
  }
  .pra-heading-mark:before,.pra-heading-mark:after{width:30px}
  .pra-grid{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
  }
  .pra-card{
    flex:0 0 auto;
    width:100%;
    max-width:390px;
    min-height:0;
    padding:10px 10px 12px!important;
  }
  .pra-image{aspect-ratio:1.82/1}
  .pra-card-title,
  body.psum-active .entry-content h3.pra-card-title,
  body.single-post.psum-active .entry-content h3.pra-card-title{
    margin-bottom:11px!important;
    font-size:13px!important;
  }
  .pra-read-more{
    min-height:31px;
    font-size:11px!important;
  }
}
@media(max-width:380px){
  .pra-heading,
  body.psum-active .entry-content h2.pra-heading,
  body.single-post.psum-active .entry-content h2.pra-heading{font-size:25px!important}
  .pra-card-title,
  body.psum-active .entry-content h3.pra-card-title,
  body.single-post.psum-active .entry-content h3.pra-card-title{font-size:12px!important}
}
