body{
font-family:'Montserrat', Arial, sans-serif;
margin:0;
line-height:1.6;
}

p{
text-align:justify;
}

h1,h2,h3{
text-align:center;
}

/* HEADER */

.top-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px;
flex-wrap:wrap;
}

/* LOGO TEXT */

.logo{
width:300px;
height:200px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
text-decoration:none;
}

.logo-heading{
font-size:36px;
font-weight:800;
letter-spacing:2px;
line-height:1.1;
}

.logo-latest{
color:#ff6600;
}

.logo-directory{
color:#444;
margin-left:6px;
}

.logo-tagline{
margin-top:10px;
font-size:14px;
color:#333;
line-height:1.3;
}

.logo-tagline span{
display:block;
}

/* HEADER ADS */

.top-center{
width:400px;
height:200px;
background:url(images/latest-directory-header-center.jpg);
background-size:cover;
display:block;
}

.top-right{
width:400px;
height:200px;
background:url(images/latest-directory-header-right.jpg);
background-size:cover;
display:block;
}

/* HERO */

.hero{
background:url(images/latest-directory-header.jpg) center/cover no-repeat;
height:650px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.hero-overlay{
background:rgba(0,0,0,0.45);
padding:50px;
text-align:center;
color:#fff;
max-width:900px;
}

.hero-text{
text-align:center;
}

/* IMPROVED CTA BUTTON */

.cta-button{
background:#ff6600;
color:#fff;
padding:16px 32px;
text-decoration:none;
display:inline-block;
margin-top:25px;
border-radius:6px;
font-weight:700;
font-size:16px;
transition:all 0.3s ease;
box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

.cta-button:hover{
background:#e05500;
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,0.25);
}

/* SEO COLUMNS */

.seo-columns{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
padding:40px;
}

.seo-box img{
width:100%;
border-radius:6px;
}

/* ABOUT */

.about-directory{
max-width:1100px;
margin:auto;
padding:40px;
}

/* DIRECTORY GRID */

.directory-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
padding:40px;
}

.dir-item{
transition:0.3s;
}

.dir-item:hover{
transform:translateY(-6px);
box-shadow:0 6px 18px rgba(0,0,0,0.12);
}

.dir-item img{
width:100%;
border-radius:6px;
}

/* CONTACT */

.contact{
text-align:center;
padding:50px;
background:#f4f4f4;
}

.social-icons a{
font-size:28px;
margin:0 12px;
color:#333;
}

.social-icons a:hover{
color:#ff6600;
}

/* WHATSAPP BUTTON */

.whatsapp-btn{
background:#ff6600;
color:#fff;
padding:14px 26px;
display:inline-block;
text-decoration:none;
border-radius:4px;
margin-top:20px;
}

/* FOOTER */

.footer-links{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
padding:40px;
background:#111;
}

.footer-links a{
display:block;
color:#fff;
text-decoration:none;
margin-bottom:8px;
}

.copyright{
text-align:center;
padding:15px;
background:#000;
color:#fff;
}

/* MOBILE */

@media(max-width:900px){

.hero{
height:auto;
padding:80px 20px;
}

.footer-links{
grid-template-columns:repeat(2,1fr);
}

.top-header{
justify-content:center;
gap:20px;
}

}