*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Roboto',sans-serif;
background:#000;
color:#fff;
}

.container{
width:min(95%,1250px);
margin:auto;
}

/* HEADER */

.top-header{
background:#000;
border-bottom:1px solid #1f1f1f;
position:sticky;
top:0;
z-index:1000;
}

.top-header .container{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 0;
}

.logo{
display:flex;
gap:12px;
align-items:center;
}

.logo-icon{
font-size:40px;
color:#ff9800;
}

.logo h2{
font-size:28px;
color:#ff9800;
}

.logo p{
font-size:24px;
font-weight:700;
}

.nav{
display:flex;
gap:25px;
}

.nav a{
color:#fff;
text-decoration:none;
font-size:15px;
}

.auth{
display:flex;
gap:10px;
}

.auth a{
padding:8px 20px;
border:1px solid #ff9800;
border-radius:30px;
color:#ff9800;
text-decoration:none;
}

/* FILTERS */

.filters{
padding:18px 0;
}

.filters .container{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.filters button{
background:#111;
border:1px solid #333;
color:#fff;
padding:10px 18px;
border-radius:30px;
cursor:pointer;
}

a{
    color: #ff9000;
}

.footer-menu ul{
    padding-left: 0rem!important;

}
/* TITLE */

.directory h1{
text-align:left;
color:#ff9800;
font-size:32px;
margin:15px 0 30px;
}

/* GRID */

.card-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}

/* CARD */

.escort-card{
background:#111;
border:2px solid #a35f00;
border-radius:14px;
overflow:hidden;
transition:.3s;
}

.escort-card:hover{
transform:translateY(-5px);
}

.card-image{
position:relative;
height:420px;
overflow:hidden;
}

.card-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.verified{
position:absolute;
left:10px;
top:10px;
width:32px;
height:32px;
border-radius:50%;
background:#ff9800;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
}

.favorite{
position:absolute;
right:10px;
top:10px;
width:34px;
height:34px;
border-radius:50%;
background:#555;
display:flex;
align-items:center;
justify-content:center;
}


.badges {
    position: absolute;
    right: 6px;
    top: 54px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.badges span{
padding:8px;
font-size:12px;
font-weight:700;
border-radius:8px;
text-align:center;
}

.top{
background:#ef6c00;
}

.best{
background:#9c27b0;
}

.vip{
background:#d50000;
}

.watermark{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
font-size:40px;
font-weight:700;
opacity:.12;
text-align:center;
}

.card-footer{
position:absolute;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,.6);
padding:10px;
display:flex;
justify-content:space-between;
font-size:14px;
}

.online{
color:#18d26e;
}

.escort-card h3{
text-align:center;
padding:12px;
font-size:20px;
}

/* MOBILE */

.menu-btn{
display:none;
background:none;
border:none;
color:#fff;
font-size:35px;
}

@media(max-width:991px){

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

.nav{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
background:#111;
flex-direction:column;
padding:20px;
}

.nav.active{
display:flex;
}

.menu-btn{
display:block;
}

.auth{
display:none;
}
}

@media(max-width:576px){

.card-grid{
grid-template-columns:1fr 1fr;
}

.logo h1{
font-size:24px;
}

.logo p{
font-size:18px;
}

.directory h2{
font-size:24px;
}

.card-image{
height:250px;
}
}



:root{
    --orange:#ff8a00;
    --bg:#000;
    --panel:#171717;
    --text:#fff;
}

body{
    background:#000;
    color:#fff;
    font-family:Arial,sans-serif;
}

/* CTA */

.cta-register{
    max-width:1250px;
    margin:50px auto;
    background:#181818;
    border-radius:4px;
    padding:35px 40px;
    display:flex;
    align-items:center;
    gap:35px;
}

.cta-icon img{
    width:90px;
}

.cta-content{
    flex:1;
}

.cta-content h2{
    font-size:24px;
    margin-bottom:15px;
}

.cta-content p{
    font-size:16px;
    line-height:1.8;
    color:#f1f1f1;
}

.register-btn{
    border:1px solid var(--orange);
    color:#fff;
    text-decoration:none;
    padding:16px 35px;
    border-radius:6px;
    font-weight:600;
}

/* CONTENT */

.seo-content{
    max-width:1250px;
    margin:0 auto;
    border-top:1px solid var(--orange);
    border-bottom:1px solid var(--orange);
    padding:50px 0;
}

.seo-content p{
    font-size:18px;
    line-height:1.8;
               padding: 10px;

}

.seo-content h2{

 padding: 10px ;

}

.seo-content h3{

 padding: 10px ;

}


/* FOOTER */

.site-footer{
    max-width:1250px;
    margin:50px auto 0;
    padding-left: 15px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 2fr;
    gap:60px;
}

.footer-logo img{
    max-width:260px;
}

.footer-brand p{
    margin-top:25px;
    line-height:1.7;
    max-width:320px;
}

.footer-menu h3,
.footer-info h3{
    color:var(--orange);
    font-size:20px;
    margin-bottom:25px;
}

.footer-menu ul,
.footer-info ul{
    list-style:none;
        padding-left: 0rem!important;
}

.footer-menu li,
.footer-info li{
    margin-bottom:18px;
}

.footer-menu a,
.footer-info a,
.footer-cities a{
    color:#fff;
    text-decoration:none;
}

.footer-cities{
    line-height:2;
}

.footer-cities .active{
    color:var(--orange);
}

.socials{
    margin-top:25px;
    display:flex;
    gap:18px;
}

.socials a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#2b2b2b;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-size:18px;
}

.copyright{
    margin-top:40px;
    border-top:1px solid var(--orange);
    padding:12px 15px;
    display:flex;
    justify-content:space-between;
    background:#111;
}

/* MOBILE */

@media(max-width:991px){

    .cta-register{
        flex-direction:column;
        text-align:center;
    }

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }

}

@media(max-width:768px){

    .footer-grid{
        grid-template-columns:1fr;
    }

    .copyright{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }

    .seo-content p{
        font-size:16px;
           padding: 13px;
           

    }
 .seo-content h2{
           padding: 10px;
  
    }
 .seo-content h3{
           padding: 10px;
  
    }

}



.w-44 {
    width: 24px;
}



ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol, ul {
    padding-left: 2rem;
}


li {
    display: list-item;
    unicode-bidi: isolate;
    font-size: 17px;
    line-height: 1.8;
    word-break: break-word;
}




.bg-white {
    background-color: #181818 !important;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    padding: 35px 10px;
    line-height: 1.4;
    word-break: break-word;
}