@charset "UTF-8";
 .pgm-custom-footer {
background-color: var(--pgm-dark); color: rgba(255, 255, 255, 0.82);
font-family: inherit;
position: relative; margin-top: 0;
} .pgm-footer-top-bar {
height: 4px;
width: 100%;
background: linear-gradient(90deg, var(--pgm-primary-dark) 0%, var(--pgm-primary) 50%, var(--pgm-primary-light) 100%);
}
.pgm-footer-container {
max-width: 1300px;
margin: 0 auto;
padding: 0 40px;
} .pgm-footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 60px;
padding: 90px 0 70px 0;
} .pgm-footer-logo {
display: inline-block;
margin-bottom: 25px;
text-decoration: none;
}
.pgm-footer-logo img {
max-width: 220px;
height: auto; filter: brightness(0) invert(1) opacity(0.95);
transition: all 0.3s;
}
.pgm-footer-logo:hover img {
filter: brightness(0) invert(1) opacity(1);
}
.pgm-footer-logo h2 {
color: #fff;
margin: 0;
font-weight: 800;
font-size: 2rem;
letter-spacing: 1px;
}
.pgm-footer-desc {
font-size: 0.95rem;
line-height: 1.8;
margin: 0 0 35px 0;
color: rgba(255, 255, 255, 0.82);
} .pgm-footer-socials {
display: flex;
gap: 15px;
}
.pgm-footer-socials a {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.85);
border-radius: 50%;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.pgm-footer-socials a:hover {
background: var(--pgm-primary);
border-color: var(--pgm-primary);
color: #fff;
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(var(--pgm-primary-rgb), 0.35);
} .pgm-footer-title {
color: #fff;
font-size: 1.15rem;
font-weight: 800;
margin: 0 0 30px 0;
letter-spacing: 0.5px;
position: relative;
padding-bottom: 12px;
}
.pgm-footer-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 35px;
height: 3px;
background: var(--pgm-primary);
border-radius: 2px;
} .pgm-footer-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 15px; }
.pgm-footer-list li a {
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
font-size: 0.95rem;
transition: all 0.3s ease;
display: flex;
align-items: center;
} .pgm-footer-list li a::before {
content: '❯';
font-size: 0.75rem;
color: var(--pgm-primary);
margin-right: -10px;
opacity: 0;
transition: all 0.3s ease;
transform: translateX(-10px);
}
.pgm-footer-list li a:hover {
color: #fff;
}
.pgm-footer-list li a:hover::before {
opacity: 1;
margin-right: 8px;
transform: translateX(0);
} .pgm-footer-info-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.pgm-footer-info-list li {
display: flex;
align-items: flex-start;
gap: 15px;
font-size: 0.95rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.82);
}
.pgm-footer-info-list li svg {
color: var(--pgm-primary);
flex-shrink: 0;
margin-top: 3px;
opacity: 0.9;
}
.pgm-footer-info-list li a,
.pgm-footer-info-list li span {
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transition: color 0.3s;
}
.pgm-footer-info-list li a:hover {
color: var(--pgm-primary-light, #fff); } .pgm-footer-bottom {
background: rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.04);
padding: 22px 0;
}
.pgm-footer-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.68);
}
.pgm-footer-bottom-inner a {
color: rgba(255, 255, 255, 0.72);
text-decoration: none;
transition: color 0.3s;
}
.pgm-footer-bottom-inner a:hover {
color: #fff;
}
.pgm-copy-brand {
color: #ff5a5f;
}
.pgm-copy strong[style] {
color: #ff5a5f !important;
}
.pgm-credit .sep {
margin: 0 10px;
opacity: 0.3;
} @media (max-width: 1024px) {
.pgm-footer-grid {
grid-template-columns: 1fr 1fr; row-gap: 60px;
}
}
@media (max-width: 768px) {
.pgm-custom-footer {
text-align: center; }
.pgm-footer-grid {
grid-template-columns: 1fr; padding: 60px 0 50px 0;
gap: 50px;
}
.pgm-footer-title::after {
left: 50%;
transform: translateX(-50%);
width: 160px; height: 1px;
background: rgba(255, 255, 255, 0.15); } .pgm-footer-socials {
justify-content: center;
} .pgm-footer-list {
display: inline-flex; flex-direction: column;
align-items: flex-start; text-align: left;
}
.pgm-footer-list li a {
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
position: relative;
padding-left: 20px; } .pgm-footer-list li a::before {
content: '';
display: block !important;
width: 5px;
height: 5px;
background-color: #fff;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) !important;
opacity: 1 !important;
margin: 0; } .pgm-footer-info-list li {
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
}
.pgm-footer-info-list li svg {
margin-bottom: 5px; }
.pgm-footer-bottom-inner {
flex-direction: column;
gap: 15px;
text-align: center;
}
}