/* Particle Animation Background */
.footer-particles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.particle {
position: absolute;
width: 3px;
height: 3px;
background: rgba(255, 215, 0, 0.3);
border-radius: 50%;
animation: floatParticle 12s linear infinite;
}
@keyframes floatParticle {
0% {
transform: translateY(100vh) translateX(0);
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
transform: translateY(-100px) translateX(100px);
opacity: 0;
}
}
/* Main Footer Container */
.footer-main {
position: relative;
z-index: 5;
padding: 60px 0 40px;
}
.footer-container {
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 2fr 1.5fr 1.5fr 2fr;
gap: 30px;
}
/* ===== Column 1: Company Info ===== */
.company-col {
animation: slideInLeft 0.8s ease-out;
}
.footer-logo {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
position: relative;
}
.footer-logo img {
height: 50px;
filter: brightness(0) invert(1);
transition: transform 0.5s ease;
}
.footer-logo:hover img {
transform: scale(1.05) rotate(2deg);
}
.logo-badge {
background: #FFD700;
color: #0A0A0A;
padding: 4px 12px;
border-radius: 30px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 1px solid #0A0A0A;
animation: badgePulse 2s infinite;
}
@keyframes badgePulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}
50% {
transform: scale(1.05);
box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
}
}
.company-description {
color: #b0b0b0;
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 20px;
}
/* Company Stats */
.company-stats {
display: flex;
gap: 20px;
margin-bottom: 25px;
}
.stat-item {
flex: 1;
text-align: center;
background: rgba(255, 255, 255, 0.05);
padding: 10px 5px;
border-radius: 8px;
transition: all 0.3s ease;
border: 1px solid rgba(255, 215, 0, 0.1);
}
.stat-item:hover {
background: rgba(255, 215, 0, 0.1);
transform: translateY(-3px);
border-color: #FFD700;
}
.stat-value {
display: block;
font-size: 1.2rem;
font-weight: 700;
color: #FFD700;
margin-bottom: 3px;
}
.stat-label {
font-size: 0.65rem;
color: #b0b0b0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.stat-item:hover .stat-label {
color: #ffffff;
}
/* Social Links */
.social-links {
display: flex;
gap: 12px;
}
.social-link {
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.05);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FFD700;
text-decoration: none;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: 1px solid rgba(255, 215, 0, 0.2);
position: relative;
overflow: hidden;
}
.social-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s;
}
.social-link:hover::before {
left: 100%;
}
.social-link:hover {
background: #FFD700;
color: #0A0A0A;
transform: translateY(-5px) scale(1.1);
border-color: #FFD700;
box-shadow: 0 10px 20px rgba(255, 215, 0, 0.3);
}
.social-link i {
font-size: 1.1rem;
transition: transform 0.3s ease;
}
.social-link:hover i {
transform: scale(1.2);
}
/* ===== Footer Titles ===== */
.footer-title {
font-size: 1.1rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 2px solid #FFD700;
display: flex;
align-items: center;
gap: 8px;
position: relative;
font-family: 'Poppins', sans-serif;
}
.footer-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 50px;
height: 2px;
background: #FFD700;
animation: titleLine 3s infinite;
}
@keyframes titleLine {
0%, 100% {
width: 50px;
opacity: 1;
}
50% {
width: 100px;
opacity: 0.7;
}
}
.footer-title i {
color: #FFD700;
font-size: 1rem;
transition: transform 0.3s ease;
}
.footer-title:hover i {
transform: rotate(360deg);
}
/* ===== Footer Links List ===== */
.footer-links-list {
list-style: none;
padding: 0;
margin: 0;
}
.footer-links-list li {
margin-bottom: 12px;
animation: slideInRight 0.5s ease-out forwards;
opacity: 0;
animation-delay: calc(var(--item-index) * 0.1s);
}
.footer-links-list li:nth-child(1) { --item-index: 1; }
.footer-links-list li:nth-child(2) { --item-index: 2; }
.footer-links-list li:nth-child(3) { --item-index: 3; }
.footer-links-list li:nth-child(4) { --item-index: 4; }
.footer-links-list li:nth-child(5) { --item-index: 5; }
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.footer-link {
display: flex;
align-items: center;
gap: 10px;
color: #b0b0b0;
text-decoration: none;
font-size: 0.9rem;
padding: 8px 12px;
border-radius: 8px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
background: rgba(255, 255, 255, 0.02);
}
.footer-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,215,0,0.1), transparent);
transition: left 0.5s;
}
.footer-link:hover::before {
left: 100%;
}
.footer-link:hover {
background: rgba(255, 215, 0, 0.1);
color: #FFD700;
transform: translateX(8px);
border-left: 3px solid #FFD700;
}
.footer-link i {
font-size: 0.9rem;
color: #FFD700;
transition: transform 0.3s ease;
min-width: 20px;
}
.footer-link:hover i {
transform: scale(1.2);
}
.link-badge {
margin-left: auto;
background: rgba(255, 215, 0, 0.1);
color: #FFD700;
padding: 3px 8px;
border-radius: 20px;
font-size: 0.6rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.3px;
border: 1px solid rgba(255, 215, 0, 0.2);
transition: all 0.3s ease;
}
.footer-link:hover .link-badge {
background: #FFD700;
color: #0A0A0A;
border-color: #0A0A0A;
}
/* ===== Contact Info Column ===== */
.contact-col {
animation: slideInRight 0.8s ease-out;
}
.contact-info-footer {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 20px;
}
.contact-item-footer {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
background: rgba(255, 255, 255, 0.03);
border-radius: 10px;
transition: all 0.3s ease;
border: 1px solid rgba(255, 215, 0, 0.1);
}
.contact-item-footer:hover {
background: rgba(255, 215, 0, 0.1);
transform: translateY(-3px);
border-color: #FFD700;
}
.contact-icon {
width: 40px;
height: 40px;
background: rgba(255, 215, 0, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.contact-item-footer:hover .contact-icon {
background: #FFD700;
transform: scale(1.1);
}
.contact-icon i {
color: #FFD700;
font-size: 1rem;
transition: all 0.3s ease;
}
.contact-item-footer:hover .contact-icon i {
color: #0A0A0A;
}
.contact-text {
display: flex;
flex-direction: column;
}
.contact-label {
font-size: 0.65rem;
color: #999;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 2px;
}
.contact-value {
font-size: 0.85rem;
color: #ffffff;
font-weight: 500;
}
.contact-item-footer:hover .contact-value {
color: #FFD700;
}
/* Quick Links */
.quick-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
}
.quick-link {
color: #b0b0b0;
text-decoration: none;
font-size: 0.8rem;
padding: 5px 12px;
background: rgba(255, 255, 255, 0.03);
border-radius: 20px;
transition: all 0.3s ease;
border: 1px solid rgba(255, 215, 0, 0.1);
}
.quick-link:hover {
background: #FFD700;
color: #0A0A0A;
transform: translateY(-2px);
border-color: #0A0A0A;
box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
}
/* ===== Footer Bottom Bar ===== */
.footer-bottom {
position: relative;
z-index: 5;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
border-top: 1px solid rgba(255, 215, 0, 0.2);
padding: 20px 0;
}
.bottom-content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.copyright {
color: #b0b0b0;
font-size: 0.85rem;
display: flex;
align-items: center;
gap: 5px;
}
.copyright i {
color: #FFD700;
}
.copyright strong {
color: #FFD700;
font-weight: 600;
}
.bottom-links {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.bottom-links a {
color: #b0b0b0;
text-decoration: none;
font-size: 0.8rem;
transition: all 0.3s ease;
position: relative;
}
.bottom-links a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #FFD700;
transition: width 0.3s ease;
}
.bottom-links a:hover {
color: #FFD700;
}
.bottom-links a:hover::after {
width: 100%;
}
.separator {
color: #FFD700;
font-size: 0.8rem;
opacity: 0.5;
}
.payment-methods {
display: flex;
align-items: center;
gap: 12px;
}
.payment-text {
color: #b0b0b0;
font-size: 0.75rem;
margin-right: 5px;
}
.payment-methods i {
font-size: 1.2rem;
color: #b0b0b0;
transition: all 0.3s ease;
cursor: default;
}
.payment-methods i:hover {
color: #FFD700;
transform: scale(1.2);
}
/* ===== Back to Top Button ===== */
.back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background: #FFD700;
color: #0A0A0A;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
opacity: 0;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 1000;
border: 2px solid #FFD700;
box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
}
.back-to-top.show {
opacity: 1;
visibility: visible;
}
.back-to-top:hover {
background: #0A0A0A;
color: #FFD700;
transform: translateY(-5px) scale(1.1);
box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);
}
.back-to-top i {
transition: transform 0.3s ease;
}
.back-to-top:hover i {
transform: translateY(-3px);
}
/* ===== Responsive Design ===== */
@media (max-width: 1400px) {
:root {
--container-width: 1140px;
}
}
@media (max-width: 1200px) {
:root {
--container-width: 960px;
}
.footer-container {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
@media (max-width: 992px) {
.terms-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.nav-links {
gap: 5px;
}
.nav-link {
padding: 6px 10px;
font-size: 0.8rem;
}
}
@media (max-width: 768px) {
.header-wrapper {
flex-direction: column;
gap: 15px;
}
.nav-links {
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.nav-link {
padding: 6px 12px;
}
.important-notice {
flex-direction: column;
align-items: flex-start;
gap: 15px;
padding: 20px;
}
.contact-section {
flex-direction: column;
align-items: flex-start;
padding: 25px;
}
.contact-buttons {
width: 100%;
}
.btn-primary,
.btn-outline {
width: 100%;
text-align: center;
}
.footer-container {
grid-template-columns: 1fr;
gap: 30px;
}
.footer-main {
padding: 40px 0 20px;
}
.company-col {
text-align: center;
}
.footer-logo {
justify-content: center;
}
.social-links {
justify-content: center;
}
.company-stats {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.footer-title {
justify-content: center;
}
.footer-title::after {
left: 50%;
transform: translateX(-50%);
}
.contact-info-footer {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.quick-links {
justify-content: center;
}
.bottom-content {
flex-direction: column;
text-align: center;
}
.payment-methods {
justify-content: center;
}
.back-to-top {
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
font-size: 1rem;
}
}
@media (max-width: 576px) {
.nav-link {
padding: 5px 8px;
font-size: 0.75rem;
}
.term-card {
padding: 20px;
}
.term-number {
font-size: 1.5rem;
}
.term-card h2 {
font-size: 1.1rem;
}
.footer-links a {
margin: 0 8px;
font-size: 0.8rem;
}
.company-stats {
flex-direction: column;
gap: 10px;
}
.stat-item {
width: 100%;
}
.bottom-links {
justify-content: center;
}
.payment-methods {
flex-wrap: wrap;
}
}
/* Animations */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
Terms & Conditions
Please read these terms carefully before using our platform.
01
Acceptance of Terms
By accessing or using our website and services, you agree to be bound by these Terms & Conditions. If you do not agree, you must discontinue use immediately.
02
Services Provided
We offer advertising and promotional services, including:
- Banner advertisements
- Business listings with enhanced visibility
- Social media & digital marketing
- Brochure distribution services
03
User Responsibilities
- Provide accurate, lawful information
- Solely responsible for published content
- No prohibited or illegal material
04
Payments & Refunds
- Advance payment required
- Services are non-refundable
- Pricing may change with notice
05
Content Ownership & License
- You retain ownership of content
- You grant non-exclusive license to display
- No third-party infringement
06
Prohibited Activities
- Fraudulent or misleading content
- Spam or unauthorized promotions
- Bypassing payment systems
07
Limitation of Liability
- Not responsible for user/advertiser transactions
- No liability for downtime or third-party actions
- Services provided "as is"
08
Privacy & Data Use
- Data collected per Privacy Policy
- No sharing except as required by law
09
Termination of Service
- We may suspend/terminate violating accounts
- Users may request deletion anytime
10
Governing Law
These Terms are governed by the laws of Pakistan. Disputes resolved through local courts or arbitration.
Important Notice
By using YellowPage.pk, you acknowledge that you have read and agree to these Terms & Conditions. Questions? Contact us.