:root {

  --gold:#ffd700;
  --pink:#8B4BC1;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

html {
  scroll-behavior: smooth;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ===============================
   GLOBAL
================================ */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family:'Poppins', sans-serif;
  padding-bottom:45px;
  background-color: #000000;
  color: #e0e0e0;
  line-height: 1.6;
}

h1,
h2,
h3,
.brand-name{
    font-family:'Cinzel', serif;
    font-weight:700;
    letter-spacing:.5px;
}

/* ===============================
   HEADER
================================ */
.site-header{
    background:linear-gradient(180deg,#8B4BC1,#4A2570);
    padding:35px 20px 25px;
    text-align:center;
    border-bottom:2px solid rgba(255,215,0,.15);
}

.logo{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 18px;
    border:3px solid #ffd700;
    box-shadow:0 0 20px rgba(255,215,0,.25);
}

.brand-name{
    color:#ffd700;
    font-size:32px;
    font-weight:800;
    letter-spacing:.5px;
    margin-bottom:10px;
}

.header-email{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    padding:10px 22px;
    border:1px solid rgba(255,215,0,.3);
    border-radius:40px;
    transition:.3s;
}

.header-email:hover{
    background:#ffd700;
    color:#111;
}

@media (max-width:768px){

.logo{
    width:70px;
    height:70px;
}

.brand-name{
    font-size:24px;
}

.header-email{
    font-size:14px;
    padding:8px 18px;
}

}

/* ===============================
   CONTENT
================================ */
.content{
  max-width:1200px;
  margin:auto;
  padding:20px 16px;
}

.content h1 {
  text-align:center;
  color: #ffd700;
}

.content h2{
    color:#ffd700;
    font-size:34px;
    margin:28px 0 14px;
    line-height:1.3;
}

.content h3{
    color:#fff;
    font-size:24px;
    margin:24px 0 12px;
}

.content,
.profiles,
.faq,
.popular-searches,
.popular-locations{
    margin:24px auto 0;
}

@media(max-width:768px){

.content{
    padding:20px 16px;
}

.content h2{
    font-size:28px;
}

.content h3{
    font-size:22px;
}

.content p{
    font-size:16px;
    line-height:1.8;
    text-align:left;
}

}

.content p{
    font-size:18px;
    line-height:1.9;
    color:#e8e8e8;
    margin-bottom:16px;
    text-align:justify;
}

.trust-section{
    max-width:1200px;
    margin:36px auto 0;
    padding:24px 16px 0;
}

.trust-section h2{
    text-align:center;
    color:#ffd700;
    margin-bottom:20px;
}

.info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
}

.info-card{
    background:linear-gradient(145deg,#22001a,#14000f);
    border:1px solid rgba(255,215,0,.2);
    border-radius:16px;
    padding:18px;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}

.info-card h3{
    color:#ffd700;
    margin:0 0 10px;
    font-size:20px;
}

.info-card p{
    margin:0;
    color:#e8e8e8;
    font-size:15px;
    line-height:1.7;
    text-align:left;
}

/* ===============================
   PROFILE SECTION
================================ */

.profiles{
    max-width:1200px;
    margin:60px auto;
    padding:20px 16px;
    text-align:center;
}

.profiles h2{
    color:#ffd700;
    font-size:34px;
    margin-bottom:40px;
}

.profile-cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}

.profile-card{
    background:#1a0012;
    border:1px solid rgba(255,215,0,.2);
    border-radius:18px;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.45);
}

.profile-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.55);
    border-color:#ffd700;
}

.profile-card img{
    width:100%;
    aspect-ratio:3/4;
    height:auto;
    object-fit:contain;
    background:#111;
}

.profile-card h3{
    color:#ffd700;
    margin:18px 0 10px;
    font-size:24px;
}

.profile-card p{
    color:#ddd;
    margin:8px 18px;
    font-size:15px;
}

.profile-card p:nth-child(3){
    color:#6df26d;
    font-weight:600;
}

.profile-card p:nth-child(4){
    color:#ff6b81;
    font-weight:700;
}

 .profile-card p:last-child{
    margin-bottom:20px;
}

/* Show only first 6 profiles */

.profile-card:nth-child(n+7){
    display:none;
}

.profile-cards.show-all .profile-card{
    display:block;
}

.view-more-profiles{
    margin-top:40px;
    padding:14px 36px;
    border:none;
    border-radius:50px;
    background:#ffd700;
    color:#111;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.view-more-profiles:hover{
    background:#fff;
    transform:translateY(-2px);
}

/* Mobile */

@media (max-width:768px){

.profile-cards{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.profile-card{
    border-radius:16px;
    overflow:hidden;
    background:#12000d;
}

.profile-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    object-position:top;
    border-radius:16px 16px 0 0;
}

.profile-card h3{
    font-size:18px;
    margin:12px 0 6px;
}

.profile-card p{
    font-size:13px;
    margin:4px 12px;
}

.view-more-profiles{
    width:100%;
    margin-top:25px;
}

}





.city-title{
    text-align:center;
    color:#ffd700;
    font-size:34px;
    margin:60px 0 30px;
}

.city-pills{
    max-width:1100px;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
    padding:0 16px 20px;
}

.city-pills a{
    display:inline-block;
    padding:12px 22px;
    border-radius:999px;
    background:#8B4BC1;
    border:1px solid rgba(255,215,0,.25);
    color:#fff;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.city-pills a:hover{
    background:#ffd700;
    color:#111;
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(255,215,0,.25);
}

@media(max-width:768px){

.city-title{
    font-size:28px;
    margin:40px 0 20px;
}

.city-pills{
    gap:10px;
}

.city-pills a{
    font-size:13px;
    padding:10px 14px;
}

}

.table-responsive {
    overflow-x: auto;
    margin: 1rem 0 1.2rem;
    padding: 0.9rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.table-responsive table {
    width: 100%;
    border-collapse: collapse;
    min-width: 320px;
    background: rgba(255, 255, 255, 0.03);
}

.table-responsive th,
.table-responsive td {
    padding: 1rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: #e8e8e8;
}

.table-responsive thead th {
    background: rgba(139, 75, 193, 0.9);
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.table-responsive tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.03);
}

.table-responsive tbody tr:hover {
    background: rgba(139, 75, 193, 0.08);
}

@media (max-width: 680px) {
    .table-responsive th,
    .table-responsive td {
        padding: 0.85rem 0.9rem;
    }
}

/* ===============================
   FAQ
================================ */


/* ===========================
   FOOTER
=========================== */

.site-footer{

background:#111;

margin-top:80px;

border-top:2px solid #d4af37;

}

.footer-wrapper{

max-width:1300px;

margin:auto;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:50px;

padding:60px 30px;

}

.footer-column h3{

color:#ffd700;

font-size:24px;

margin-bottom:20px;

font-weight:700;

}

.footer-column p{

color:#d7d7d7;

line-height:1.8;

font-size:17px;

}

.footer-column ul{

list-style:none;

padding:0;

margin:0;

}

.footer-column li{

margin-bottom:12px;

}

.footer-column a{

color:#ffffff;

text-decoration:none;

transition:.3s;

font-size:17px;

}

.footer-column a:hover{

color:#ffd700;

padding-left:6px;

}

.footer-bottom{

border-top:1px solid rgba(255,255,255,.08);

padding:25px;

text-align:center;

}

.footer-bottom p{

color:#aaa;

font-size:16px;

margin:0;

}

/* Mobile */

@media(max-width:900px){

.footer-wrapper{

grid-template-columns:1fr 1fr;

gap:35px;

}

}

@media(max-width:600px){

.footer-wrapper{

grid-template-columns:1fr;

padding:40px 25px;

gap:30px;

}

.footer-column{

text-align:left;

}

.footer-column h3{

font-size:22px;

}

.footer-column p,

.footer-column a{

font-size:16px;

}

.footer-bottom{

padding:18px;

}

.footer-bottom p{

font-size:14px;

}

}
.faq {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 16px;
}

.faq h2 {
  text-align: center;
  color: #ffd700;
  margin: 10px 0 18px;
}

.faq-item {
  background-color: #1e1e1e;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

.faq-item h3 {
  color: #ffd700;
  margin-bottom: 8px;
}

.content p {
    margin-bottom: 14px;
    line-height: 1.7;
}

.content a{
    color:#ffd700;
}

.content a:visited{
    color:#ffcc00;
}

a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

.rate-section{
    background:#3d1e52; /* dark purple */
    padding:50px 20px;
    color:#fff;
    text-align:center;
}

.rate-heading{
    text-align:center;
    color:#ffd700;
    font-size:34px;
    margin-bottom:30px;
}

.rate-intro{
    color:#ccc;
    max-width:800px;
    margin:0 auto 30px;
}

.rate-table{
    max-width:900px;
    margin:0 auto;
    border:2px solid #ffd700;
    border-radius:15px;
    overflow:hidden;
}

.rate-row{
    display:flex;
    justify-content:space-between;
    padding:15px 20px;
    border-bottom:1px solid #444;
}

.rate-row:last-child{
    border-bottom:none;
}

.rate-header{
    background:#000;
    color:#ffd700;
    font-weight:bold;
}

.rate-row div{
    width:50%;
    text-align:left;
}

.rate-row div:last-child{
    text-align:right;
}

.rate-note{
    max-width:900px;
    margin:25px auto 0;
    text-align:center;
    color:#ddd;
    line-height:1.8;
}

/* ===== BOTTOM STICKY BAR ===== */

.bottom-bar{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:45px;
    display:flex;
    z-index:9999;
}

.bottom-bar a{
    flex:1;
    text-align:center;
    padding:10px 4px;
    color:#fff;
    font-size:13px;          /* smaller text */
    text-decoration:none;
    font-weight:600;
    white-space:nowrap;      /* 🔥 stop line break */
}

/* Colors */
.bb-call{ background:#7a1fa2; }
.bb-telegram{ background:#53b4e4; }
.bb-whatsapp{ background:#56e78b; }

/* Mobile fix */
@media (max-width:400px){

  .bottom-bar a{
      font-size:12px;
      padding:9px 2px;
  }

}

.notice-box{
    background:#f11f1f;
    border-left:4px solid #d32f2f;
    padding:15px;
    margin:20px 0;
    border-radius:6px;
    font-size:15px;
    line-height:1.7;
}