@charset "utf-8";
.arrow-up,.menu-bar ul{justify-content:center}
.container,.menu-bar,header{width:100%}
.card,.card .card-image,.card .card-image img,.card-btn,.image-card,.menu-bar .menu-icon,.menu-bar .menu-icon .navbar,.video-container{position:relative}
.card,.image-card,.menu-bar,.menu-bar ul{overflow:hidden}
.card-content h2,.headname,.image-name,.info-item,.styled-arrow{font-weight:700}
html, body {
  overflow-x: hidden;
}

body{margin-top:60px;font-size:17px;line-height:26px;text-align:justify;background-color:#000;}
.bg-white{background-color:#000!important}
.custom-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}
.custom-bg *{position:relative;z-index:2}
a{color:#ff1182;transition:.2s ease-in-out}
a:hover{transition:.2s linear;color:#ff1182}
h1,h2,h3,h4,h5,h6{color:#ff1182;margin:10px 5px .5rem;font-weight:600;line-height:1.2;font-size:25px;text-align:center;font-family:"Times New Roman";border-bottom:2px solid #ff1493;padding-bottom:5px;margin-bottom:10px;border-radius:7px}
.menu-bttn{display:none}
::selection{color:#fff;background-color:#ff1182}
header{display:block;height:60px;position:fixed;background:#000;top:0;left:0;z-index:999;padding:0;transition:box-shadow .3s}
.menu-bar .logo{display:block;float:left;font-size:2.5em;text-decoration:none;color:#b8b8b8;border:none;transition:transform .3s ease-in-out}
.menu-bar .logo img{width:180px;height:45px;margin-top:10px;margin-bottom:5px}
.menu-bar{height:auto;transition:background .3s ease-in-out}
.menu-bar ul{margin:0;list-style-type:none;padding:0;display:flex}
.menu-bar li{margin:0 12px}
.menu-bar li a{display:block;font-size:19px;padding:12px 15px;color:#fff;text-transform:uppercase;letter-spacing:.75px;font-weight:600;transition:.3s;border-radius:8px;text-decoration:none}
.menu-bar li a:hover{background:#444;box-shadow:0 4px 8px rgba(0,0,0,.3);transform:translateY(-2px)}
.menu-bar .menu-icon{cursor:pointer;float:right;padding:28px 20px;user-select:none;display:block}
.menu-bar .menu-icon .navbar{background:#fff;display:block;height:2px;transition:.2s ease-out;width:32px}
.menu-bar .menu-icon .navbar:after,.menu-bar .menu-icon .navbar:before{background:#fff;content:"";display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}
.menu-bar .menu-icon .navbar:before{top:10px}
.menu-bar .menu-icon .navbar:after{top:-10px}
.menu-bar .menu-bttn:checked~.menu-icon .navbar{background:0 0}
.menu-bar .menu-bttn:checked~.menu-icon .navbar:before{transform:rotate(-45deg)}
.menu-bar .menu-bttn:checked~.menu-icon .navbar:after{transform:rotate(45deg)}
.menu-bar .menu-bttn:checked~.menu-icon:not(.steps) .navbar:after,.menu-bar .menu-bttn:checked~.menu-icon:not(.steps) .navbar:before{top:0}
.menu-bar .menu-bttn:checked~.menu{max-height:600px}
.menu-bar .menu{clear:both;max-height:0;background-color:#ff1182c4;transition:max-height .3s ease-in-out;display:table;border-radius:15px;margin:10px}
@media (min-width:768px){
.menu-bar li{float:left}
.menu-bar li a{padding:12px 15px;font-size:19px;background:linear-gradient(to right,#ff1182,#f070ae);color:#fff;text-shadow:1px 1px 2px #000;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:.3s}
.menu-bar li a:hover{transform:translateY(-2px);background-color:#d13d80}
.menu-bar .menu{clear:none;float:right;max-height:none}
.menu-bar .menu-icon{display:none}
}
@media (max-width:1199px){
.container{width:970px}
.menu-bar li a{font-size:19px;padding:10px 15px;background:linear-gradient(to right,#d1457b,#ff1182);box-shadow:0 3px 5px rgba(0,0,0,.25);text-shadow:1px 1px 1px #000}
}
@media (max-width:991px){
.container{width:750px}
.menu-bar li a{padding:8px;background-color:#0e0d0d;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,.5);text-shadow:1px 1px 1px #000}
}
@media (max-width:767px){
.container{width:100%}
.menu-bar li{margin-bottom:5px}
.menu-bar li a{display:block;margin:15px;background-color:#000;text-align:left;padding:8px;font-size:18px;box-shadow:0 2px 4px rgba(0,0,0,.6);text-shadow:1px 1px 2px #111}
.menu-bar .menu{display:block;transition:max-height .4s ease-in-out}
}
.card-content h2{font-size:18px;text-align:left;line-height:1.2;color:#ff1182;background-color:transparent;border-bottom:2px solid #ff1493;padding-bottom:5px;margin-bottom:10px;border-radius:7px}
.card-content h2 a{text-decoration:none;color:#ff1182}
.faq-container h2,.price-table-container h2{font-size:2rem;margin-bottom:20px;text-align:center}
.card,.info-item{border-radius:7px}
.info-box,.info-item i{color:#fff}
.menu-bar .logo img {
    filter: brightness(1) invert(1) !important;
}
.info-box{font-size:10px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.info-item{background-color:#00000000;padding:0 4px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 2px rgba(0,0,0,.6);transition:.3s}
.info-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.8);transform:translateY(-2px)}
.card{margin:2% 0;background-color:#0c1b21;transition:box-shadow .25s;padding-right:5px}
.card .card-image img{display:block;border-radius:2px 2px 0 0;left:1px;right:0;top:1px;bottom:0;width:100px;height:100px}
.card.horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex}
.faq-item.active .faq-content,ul li a{display:block}
.card.horizontal.large .card-image,.card.horizontal.medium .card-image,.card.horizontal.small .card-image{height:100%;max-height:none;overflow:visible}
 .card.horizontal .card-image{width: 120px; height: 240px; overflow: hidden;}
.card.horizontal .card-image img{width: 100%; height: 100%; object-fit: cover;margin-right:10px;border-radius:0}
.card.horizontal .card-stacked{ -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}
.card.horizontal .card-stacked .card-content{margin-left:10px; -webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.video-container{width:100%;max-width:1200px;margin:20px auto;overflow:hidden;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.image-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px}
.image-card{border-radius:15px}
.image-card img{width:100%;height:450px;object-fit:cover;border-radius:15px;transition:transform .4s,box-shadow .4s}
.image-name{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:8px;font-size:16px;letter-spacing:1px}
.image-card:hover img{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.5)}
.faq-section{background-color:#f8f8f8}
.faq-container{max-width:100%;margin:0 auto;padding:15px;background-color:#000;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.faq-container h2{font-weight:700;color:#ff1182}
.faq-item{margin-bottom:12px}
.faq-toggle{width:100%;background-color:#9b1c58;color:#fff;padding:18px;font-size:1.2rem;border:none;text-align:left;cursor:pointer;border-radius:8px;transition:background-color .3s,transform .2s ease-in-out;display:flex;justify-content:space-between;align-items:center}
.faq-toggle::after,.tab{transition:transform .3s}
.faq-toggle::after{content:'▼';font-size:1.2rem}
.faq-toggle:hover{background-color:#d1006d}
.faq-item.active .faq-toggle::after{transform:rotate(180deg)}
.faq-content{display:none;background-color:#ff1182;padding:15px;margin-top:2px;border-radius:8px;font-size:1.1rem;color:#333;box-shadow:inset 0 4px 6px rgba(0,0,0,.1)}
.faq-item.active .faq-toggle{background-color:#ff1182}
.price-table-section{padding:10px;background-color:#0b151b}
.price-table-container{max-width:100%;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.price-table-container h2{color:#333}
.price-table{width:100%;border-collapse:collapse;margin:0;font-size:1rem}
.price-table td,.price-table th{padding:12px;text-align:center;border:1px solid #ddd;font-size:1.1rem}
.price-table th{background-color:#ff1182;color:#fff}
.price-table tbody tr:nth-child(2n){background-color:#f9f9f9}
.price-table tbody tr:hover{background-color:#f1f1f1}
.price-table td{color:#333}
@media (max-width:600px){
.faq-container{padding:10px}
.faq-toggle{font-size:1.1rem;padding:14px}
.price-table-container{padding:5px}
.price-table td,.price-table th{font-size:.9rem;padding:10px}
}
.headname,ul{padding:10px}
.tab-container{display:flex;flex-wrap:wrap;margin:15px;justify-content:space-between}
.tab{width:32%;background-color:#f8f8f8;max-height:500px;overflow-y:auto;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-bottom:20px;transform:perspective(1000px)}
.headname{background:#ff1182;color:#fff;margin:0 auto;font-size:20px;text-align:left;border-top-left-radius:10px;border-top-right-radius:10px;text-shadow:2px 2px 4px rgba(0,0,0,.925);position:sticky;top:0;z-index:1}
.arrow-up,.sticky-bar{position:fixed;display:flex}
.styled-arrow{font-size:20px;color:#ff1182}
ul{list-style:none;margin:0}
ul li{margin-bottom:8px;color:#fff}
ul li a{text-decoration:none;color:#161616;font-size:16px;transition:color .3s;border-bottom:1px solid #ff1182;padding:5px 0}
.tab-container ul li{text-decoration:none;color:#161616;font-size:16px;transition:color .3s;border-bottom:1px solid #ff1182;padding:5px 0}
.tab-container ul li a{border-bottom:none}
@media (max-width:768px){
.image-gallery{grid-template-columns:repeat(2,1fr)}
.image-card img{height:300px}
.tab-container{flex-direction:column}
.tab{width:100%}
}
.footer{background-color:#000}
.footer .copyright{padding:25px 0;font-size:15px;border-top:1px solid rgba(256,256,256,.1)}
.footer .copyright a{color:#fff}
.footer .footer-menu a{margin-right:15px;padding-right:15px;border-right:1px solid #fff}
.footer .footer-menu a:last-child{margin-right:0;padding-right:0;border-right:none}
.arrow-up{width:40px;height:40px;background:linear-gradient(135deg,#2b262623,#ff11802c);align-items:center;border-radius:20%;border:1px solid #fff;bottom:70px;right:20px;z-index:999;cursor:pointer;transition:.4s;opacity:0;visibility:hidden;box-shadow:0 8px 20px rgba(0,0,0,.5),inset 0 0 10px rgba(255,255,255,.1)}
.arrow-up::before{content:'';display:block;width:16px;height:16px;border-top:6px solid #fff;border-left:6px solid #fff;transform:rotate(45deg)}
.arrow-up:hover{background:linear-gradient(135deg,#ff1182,#000);transform:translateY(-8px) scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.7),inset 0 0 15px rgba(255,255,255,.2)}
.arrow-up.show{opacity:1;visibility:visible}
.sticky-bar{bottom:5px;left:0;width:100%;z-index:9999;justify-content:center;padding:0 auto}
.sticky-bar-inner{background:#fff;border-radius:10px;padding:4px 10px;display:flex;align-items:center;gap:5px;max-width:350px;width:100%;justify-content:space-between;transition:box-shadow .3s}
.call-button,.whatsapp-button{height:45px;width:45px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;padding:0;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.5);transition:.3s}
.whatsapp-button{background:#0cbb4f}
.call-button{background:#ff1182}
.call-button:hover,.whatsapp-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.527);color:#fff}
.phone-number{font-size:22px;font-weight:600;color:#000}
@media (max-width:500px){
.sticky-bar-inner{max-width:90%;padding:7px 5px}
}
.contact-buttons{display:flex;gap:10px;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-top:30px}
.contact-btn{display:flex;align-items:center;border-radius:6px;overflow:hidden;text-decoration:none;font-family:'Segoe UI',sans-serif;cursor:pointer;height:32px;user-select:none;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:all .3s ease;min-width:90px;max-width:140px}
.contact-btn .icon-part{padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:14px;height:100%;color:#fff}
.contact-btn .text-part{padding:0 5px;font-weight:600;font-size:13px;display:flex;align-items:center;height:100%}
.contact-btn.phone-btn{background-color:#fff}
.contact-btn.phone-btn .icon-part{background-color:#ff1182}
.contact-btn.phone-btn .text-part{color:#000;background-color:#fff}
.contact-btn.phone-btn:hover{background-color:#ffd6ed}
.contact-btn.phone-btn:hover .icon-part{background-color:#e6006d}
.contact-btn.phone-btn:hover .text-part{color:#c1005c}
.contact-btn.whatsapp-btn{background-color:#e8f5e9}
.contact-btn.whatsapp-btn .icon-part{background-color:#1ca850}
.contact-btn.whatsapp-btn .text-part{color:#1b5e20}
.contact-btn.whatsapp-btn:hover{background-color:#d2f2d6}
.contact-btn.whatsapp-btn:hover .icon-part{background-color:#1ebc57}
.contact-btn.whatsapp-btn:hover .text-part{color:#145a32}
.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.25)}
@media (max-width:350px){
.contact-buttons{flex-wrap:wrap;gap:8px}
.contact-btn{width:100%;justify-content:center}
}
.callgirl-img{box-shadow:0 5px 10px rgba(226,136,136,.822),0 8px 10px rgba(0,0,0,.2);margin-top:20px;border-radius:8px}
@media (max-width:767px){
.callgirl-img{margin-top:10px}
}
.title{color:#ff1182;font-size:28px;margin:30px 0 15px;padding-top:20px;text-align:center;font-weight:700}
.verified-badge{font-size:14px;color:#b7b7b7}
.swiper{width:100%;max-height:100%;border-radius:10px;overflow:hidden;margin-bottom:25px}
.swiper-slide img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.profile-details{background:rgba(16,25,32,.7);padding:25px;border-radius:16px;margin-bottom:30px;backdrop-filter:blur(8px);box-shadow:inset 0 0 12px rgba(255,76,164,.15),0 4px 24px rgba(255,76,164,.35);border:1px solid rgba(255,76,164,.4);transition:all .3s ease-in-out}
.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}
.tag{background-color:transparent;border:1px solid #ff1182;padding:2px 10px;border-radius:25px;font-size:13px;color:#fff;font-weight:500;transition:all .3s ease;backdrop-filter:blur(4px)}
.tag:hover{box-shadow:0 0 10px #ff1182}
.bio h2{color:#ff1182;margin-bottom:10px}
.services-section{background-color:#101920;padding:20px;border-radius:10px;margin-bottom:30px;box-shadow:0 0 10px rgba(224,66,132,.3)}
.services-section h2{text-align:center;color:#ff1182;margin-bottom:20px}
.services{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.service{background:#1b262c;color:#fff;padding:5px 10px;border-radius:8px;font-weight:500;font-size:14px;border:1px solid #ff1182;box-shadow:0 2px 5px rgba(255,76,164,.2);transition:.3s}
.service:hover{background-color:#ff1182;color:#fff}
.rates-section{background-color:#101920;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(255,76,164,.2);margin-bottom:40px}
.rates-section h2{color:#ff1182;margin-bottom:20px}
.rates{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}
.rate-card{padding:5px 10px;border:1px solid #ff1182;border-radius:10px;font-size:15px;font-weight:500;background:#1b262c;color:#fff;box-shadow:0 2px 8px rgba(255,76,164,.3)}
.sticky-buttons{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:9999}
.sticky-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:8px;color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;font-size:18px;text-decoration:none;box-shadow:0 6px 15px rgba(0,0,0,.2);transition:all .3s ease-in-out}
.sticky-btn i{font-size:18px}
.call-btn{background-color:#ff1182;box-shadow:0 6px 15px rgba(255,17,130,.4)}
.call-btn:hover{background-color:#ff0a77;transform:scale(1.05);color:#fff}
.whatsapp-btn{background-color:#25d366;box-shadow:0 6px 15px rgba(37,211,102,.4)}
.whatsapp-btn:hover{background-color:#1eb75c;transform:scale(1.05);color:#fff}
@media (max-width:576px){
.sticky-btn{font-size:16px;padding:8px 24px}
.sticky-btn i{font-size:16px}
}
.tags-section{background-color:#000;padding:30px 10px;color:#fff}
.tags-section h3{font-size:24px;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.tags-section h3 i{color:#fff}
.tags-wrapper{display:flex;flex-wrap:wrap;gap:10px}
.tags-wrapper a{padding:2px 10px;font-size:14px;font-weight:600;border-radius:12px;color:#fff;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.tags-wrapper a:hover{transform:scale(1.05);opacity:.9}
a.badge:nth-child(6n+1){background-color:#dc3545}
a.badge:nth-child(6n+2){background-color:#007bff}
a.badge:nth-child(6n+3){background-color:#28a745}
a.badge:nth-child(6n+4){background-color:#347dbd}
a.badge:nth-child(6n+5){background-color:#17a2b8}
a.badge:nth-child(6n+6){background-color:#fd7e14}



.search-form-area-dark {
  max-width: 600px;
  margin: 100px auto 0;
  padding: 60px 0 0;
  border-radius: 25px;

}

/* Title */
.search-title {
  color: #ff1182;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* Email */
.search-rent {
  font-size: 16px;
  color: #aaa;
  text-align: center;
  margin-top: 15px;
}

.search-rent a {
  color: #ff1182;
  font-weight: bold;
  text-decoration: none;
}

/* Search Bar Container */
.search-bar-style {
  position: relative;
  width: 100%;
  background: #1b1b1b;
  border-radius: 999px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  box-shadow: 0 0 10px #ff1182, 0 0 20px rgba(0, 255, 170, 0.15);
}

/* Search Icon */
.search-icon {
  font-size: 20px;
  color: #ff1182;
  margin-right: 12px;
}

/* Select Dropdown */
.search-bar-style select {
  flex-grow: 1;
  background: transparent;
  border: none;
  font-size: 16px;
  color: #a1a1a1;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 0 10px 10px;
  outline: none;
}

/* Option styles */
.search-bar-style select option {
  color: #fff;
  background-color: #000; /* White background */
  font-size: 15px;
  padding: 10px 15px;
}

/* Optional: On hover or focus (some browsers support this) */
.search-bar-style select option:hover,
.search-bar-style select option:focus {
  background-color: #000;
  color: #fff;
}

/* Decorative Dots on the Right */
.dots {
  display: flex;
  gap: 4px;
  margin-left: 10px;
}

.dots span {
  width: 5px;
  height: 5px;
  background-color: #ccc;
  border-radius: 50%;
}

/* Responsive */
@media (max-width: 576px) {
  .search-form-area-dark {
    margin: 0px;
    padding: 30px 10px;
  }

  .search-title {
    font-size: 18px;
  }

  .search-bar-style select {
    font-size: 15px;
  }
  .phone-number {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
}


.table-responsive {
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
}

.price-table {
   width: 100%;
   border-collapse: collapse;
   min-width: 600px; /* Ensures scroll on small screens */
}

.price-table th,
.price-table td {
   border: 1px solid #ccc;
   padding: 10px;
   text-align: center;
}

.price-table-section h3 {
   margin-bottom: 15px;
   text-align: center;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}