.pr-wrap {
background: #f2f2f2;
padding: 20px 30px;
font-family: Arial, Helvetica, sans-serif;
width:100% !important;
} .pr-row {
display: flex;
align-items: flex-start;
padding: 10px 10px !important;
border-bottom: 1px solid #f0f0f0 !important;
}
.pr-row:last-child {
border-bottom: none !important;
} .pr-icon {
width: 60px;
flex-shrink: 0;
}
.pr-icon img {
width: 46px;
height: auto;
} .pr-content {
flex: 1;
padding-left: 10px;
padding-right: 10px;
} .pr-type {
color: #999 !important;
font-family: "DM Sans" !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 21px !important;
letter-spacing: 0.56px !important;
text-transform: uppercase !important;
}  .pr-title {
font-size: 16px;
font-weight: 600 !important;
color: #999 !important;
line-height: 1.5;
max-width: 700px;
}
.pr-title a{
font-size: 16px !important;
font-weight: 600 !important;
color: #2C2C2C !important;   
}
.et-db #et-boc .et_pb_module a{
color:#2c2c2c !important;
font-size: 16px;
font-weight: 600;
}
.pr-open{
color:#2c2c2c !important;
} .pr-right {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
min-width: 100px;
gap: 12px;
} .pr-pages {
background: #EBEBEB !important;
color: #58595B !important;
font-size: 12px !important;
padding: 4px 8px !important;
font-weight: 400 !important;
letter-spacing: 0.24px !important;
} .pr-download {
width: 32px !important;
height: 32px !important;
cursor: pointer;
transition: all 0.2s ease;
}
.pr-download:hover {
pointer-events: none; cursor: default; opacity: 0.7;
} .pr-row + .pr-row {
margin-top: 12px;
} .pr-row:hover {
background: #ececec;
transition: background 0.2s ease;
} @media (max-width: 768px) {
.pr-row {
flex-direction: column;
gap: 10px;
}
.pr-right {
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.pr-content {
padding-right: 0;
}
} .pr-preview-btn {
display: none;
margin-left: 10px;
font-size: 12px;
color: #d00;
cursor: pointer;
} .pr-title:hover .pr-preview-btn {
display: inline;
} #pr-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 9999;
} .pr-modal-content {
position: relative;
width: 90%;
height: 90%;
margin: 3% auto;
background: #fff;
} .pr-close {
position: absolute;
top: 10px;
right: 20px;
font-size: 28px;
cursor: pointer;
} #pr-iframe {
width: 100%;
height: 100%;
}