/* LOGO */
         .logo-img {
         height: 45px;
         width: auto;
         }
         /* NAVBAR */
         .navbar {
         padding: 12px 0;
         background: #fff;
         }
         /* NAV LINKS */
         .nav-link {
         color: #000;
         font-size: 18px;
         font-weight: 600;
         position: relative;
         transition: 0.3s;
         }
         /* HOVER EFFECT */
         .nav-link:hover {
         color: #ff0079;
         }
         /* ACTIVE LINK */
         .nav-link.active {
         color: #ff0079;
         }
         /* UNDERLINE ANIMATION */
         .nav-link::after {
         content: "";
         position: absolute;
         left: 0;
         bottom: -6px;
         width: 0%;
         height: 2px;
         background: orange;
         transition: 0.3s;
         }
         /* HOVER UNDERLINE */
         .nav-link:hover::after,
         .nav-link.active::after {
         width: 100%;
         }
         /* DESKTOP MENU SPACING */
         .navbar-nav {
         align-items: center;
         }
         /* MOBILE MENU (OFFCANVAS) */
         .offcanvas {
         width: 260px;
         }
         /* MOBILE MENU LINKS */
         .offcanvas .nav-link {
         font-size: 20px;
         padding: 10px 0;
         }
         /* MOBILE ACTIVE */
         .offcanvas .nav-link.active {
         color: #ff0079;
         }
         /* TOGGLER BUTTON */
         .navbar-toggler {
         border: none;
         outline: none;
         }
         /* REMOVE FOCUS SHADOW */
         .navbar-toggler:focus {
         box-shadow: none;
         }
      
      
         /* HERO SECTION */
         .hero-section {
         background: #000;
         color: #fff;
         padding: 120px 10px;
         text-align: center;
         position: relative;
         }
         /* TITLE */
         .hero-title {
         font-size: 42px;
         font-weight: 700;
         line-height: 1.1;
         margin-bottom: 15px;
         }
         /* SUBTITLE */
         .hero-subtitle {
         max-width: 800px;
         margin: 0 auto 25px;
         font-size: 17px;
         opacity: 0.85;
         line-height: 1.6;
         }
         /* BUTTON WRAPPER */
         .hero-buttons {
         margin-top: 20px;
         }
         /* COMMON BUTTON STYLE */
         .btn-book,
         .btn-rent {
         display: inline-block;
         padding: 12px 28px;
         border-radius: 6px;
         font-weight: 600;
         transition: all 0.3s ease;
         text-decoration: none;
         }
         /* BOOK NOW */
         .btn-book {
         background: #fff;
         color: #000;
         margin-right: 10px;
         }
         /* FOR RENT */
         .btn-rent {
         background: transparent;
         color: #fff;
         border: 2px solid #fff;
         }
         /* HOVER EFFECT */
         .btn-book:hover {
         background: #ff0079;
         color: #fff;
         transform: translateY(-2px);
         box-shadow: 0 6px 15px rgba(255,0,121,0.4);
         }
         .btn-rent:hover {
         background: #fff;
         color: #000;
         transform: translateY(-2px);
         }
         /* ========================= */
         /* 📱 MOBILE (<=576px) */
         /* ========================= */
         @media (max-width: 576px) {
         .hero-section {
         padding: 90px 10px 70px;
         }
         .hero-title {
         font-size: 24px;
         line-height: 1.2;
         }
         .hero-subtitle {
         font-size: 15px;
         padding: 0 10px;
         margin-bottom: 20px;
         }
         .hero-buttons {
         display: flex;
         flex-direction: column;
         gap: 12px;
         }
         .btn-book,
         .btn-rent {
         width: 100%;
         margin: 4px auto;
         padding: 14px;
         font-size: 15px;
         }
         }
         /* ========================= */
         /* 📲 TABLET (577px - 991px) */
         /* ========================= */
         @media (min-width: 577px) and (max-width: 991px) {
         .hero-section {
         padding: 100px 10px;
         }
         .hero-title {
         font-size: 32px;
         }
         .hero-subtitle {
         font-size: 17px;
         }
         .btn-book,
         .btn-rent {
         padding: 11px 24px;
         }
         }
         /* ========================= */
         /* 💻 LARGE SCREEN (>=1200px) */
         /* ========================= */
         @media (min-width: 1200px) {
         .hero-title {
         font-size: 48px;
         }
         .hero-subtitle {
         font-size: 16px;
         }
         }
         /* ========================= */
         /* ✨ EXTRA PREMIUM EFFECT */
         /* ========================= */
         /* Fade animation */
         .hero-section {
         animation: fadeIn 1s ease;
         }
         @keyframes fadeIn {
         from {
         opacity: 0;
         transform: translateY(25px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         /* Optional gradient text */
         .hero-title span {
         background: linear-gradient(90deg, #fff, #ff0079);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         }
      
      
         .content-section {
         background: #fff;
         color: #000;
         }
         .section-title {
         font-size: 28px;
         font-weight: 700;
         margin-bottom: 20px;
         }
         .content-section p {
         font-size: 15px;
         line-height: 1.8;
         color: #333;
         margin-bottom: 15px;
         text-align: justify;
         }
      
      
         .gallery-section {
         background: #000;
         }
         .gallery-box {
         border: 2px solid #b30000;
         border-radius: 10px;
         overflow: hidden;
         }
         .gallery-box img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: 0.3s;
         }
         /* hover */
         .gallery-box:hover img {
         transform: scale(1.05);
         }
      
      
         .profile-section {
         background: #fff;
         }
         /* CARD */
         .profile-card {
         border: 2px solid #7a0000;
         border-radius: 10px;
         }
         /* TITLE */
         .profile-title {
         font-size: 24px;
         font-weight: 700;
         }
         /* TEXT */
         .profile-card p {
         font-size: 15px;
         line-height: 1.7;
         color: #333;
         text-align: justify;
         }
         /* IMAGE */
         .profile-img {
         width: 100%;
         max-width: 100%;
         height: 430px;
         }
         /* TAGS */
         .tags span {
         display: inline-block;
         border: 1px solid #000;
         border-radius: 20px;
         padding: 5px 12px;
         margin: 5px 5px 0 0;
         font-size: 12px;
         }
      
      
         .about-img {
         width: 100%;
         max-width: 450px;
         border-radius: 10px;
         object-fit: cover;
         }
      
      
         .gallery-section {
         background: #000;
         }
         /* CARD */
         .escort-card {
         border: 2px solid #8b0000;
         border-radius: 12px;
         overflow: hidden;
         background: #000;
         text-align: center;
         transition: 0.3s;
         padding: 12px;
         }
         /* IMAGE */
         .escort-card img {
         width: 100%;
         height: 350px;
         object-fit: cover;
         }
         /* TEXT */
         .escort-info {
         padding: 10px;
         }
         .escort-info h5 {
         color: #fff;
         font-size: 19px;
         margin-bottom: 5px;
         }
         .escort-info p {
         color: #fff;
         font-size: 19px;
         }
         /* HOVER */
         .escort-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 10px 25px rgba(255,0,0,0.3);
         }
      
      
         .category-section {
         background: #000;
         }
         /* BOX */
         .cat-box {
         border: 2px solid #8b0000;
         padding: 20px;
         height: 100%;
         }
         /* TITLE */
         .cat-box h3 {
         color: #fff;
         margin-bottom: 15px;
         }
         /* IMAGE */
         .cat-box img {
         width: 100%;
         max-width: 100%;
         height: 500px;
         margin-bottom: 15px;
         }
         /* TEXT */
         .cat-box p {
         color: #fff;
         font-size: 15px;
         line-height: 1.6;
         text-align: justify;
         }
         /* HOVER */
         .cat-box:hover {
         box-shadow: 0 10px 25px rgba(255,0,0,0.3);
         transform: translateY(-5px);
         transition: 0.3s;
         }
      
      
         .faq-section {
         background: #f3f3f3;
         }
         /* MAIN CARD */
         .faq-wrapper {
         max-width: 900px;
         background: #fff;
         padding: 30px;
         border-radius: 15px;
         box-shadow: 0 5px 25px rgba(0,0,0,0.1);
         }
         /* FAQ ITEM */
         .faq-item {
         border-left: 5px solid #7a0000;
         padding: 15px 15px 15px 20px;
         margin-bottom: 15px;
         background: #fafafa;
         border-radius: 8px;
         position: relative;
         }
         /* CURVE EFFECT (LIKE IMAGE) */
         .faq-item::before {
         content: "";
         position: absolute;
         left: -5px;
         top: 0;
         width: 10px;
         height: 20px;
         background: #7a0000;
         border-radius: 0 0 10px 0;
         }
         .faq-item::after {
         content: "";
         position: absolute;
         left: -5px;
         bottom: 0;
         width: 10px;
         height: 20px;
         background: #7a0000;
         border-radius: 0 10px 0 0;
         }
         /* TITLE */
         .faq-item h5 {
         font-weight: 700;
         margin-bottom: 10px;
         }
         /* TEXT */
         .faq-item p {
         font-size: 15px;
         line-height: 1.7;
         color: #333;
         text-align: justify;
         }
      
      
         .call-bar {
         position: fixed;
         bottom: 0;
         left: 0;
         width: 100%;
         display: flex;
         z-index: 9999;
         }
         /* CALL BUTTON */
         .call-btn {
         flex: 1;
         background: #7a0000;
         color: #fff;
         text-align: center;
         padding: 15px;
         font-weight: 600;
         text-decoration: none;
         }
         /* WHATSAPP BUTTON */
         .whatsapp-btn {
         flex: 1;
         background: #0a8f2d;
         color: #fff;
         text-align: center;
         padding: 15px;
         font-weight: 600;
         text-decoration: none;
         }
         /* ICON */
         .call-bar i {
         margin-right: 6px;
         }
         /* HOVER */
         .call-btn:hover {
         background: #a00000;
         }
         .whatsapp-btn:hover {
         background: #0dbb3f;
         }
      
      
         .service-area {
         background: #000;
         }
         /* TITLE */
         .service-area h2 {
         color: #ffcc99;
         font-weight: 700;
         }
         /* BUTTON */
         .area-btn {
         display: block;
         text-align: center;
         padding: 10px;
         border-radius: 6px;
         font-weight: 600;
         text-decoration: none;
         font-size: 15px;
         transition: 0.3s;
         }
         /* RED */
         .area-btn.red {
         background: #8b0000;
         color: #fff;
         }
         /* GREEN */
         .area-btn.green {
         background: #63c36b;
         color: #fff;
         }
         /* HOVER */
         .area-btn:hover {
         transform: translateY(-3px);
         box-shadow: 0 5px 15px rgba(0,0,0,0.3);
         }
      
      
         .footer-section {
         background: #8b0000;
         color: #fff;
         }
         /* TEXT */
         .footer-text {
         margin: auto;
         font-size: 15px;
         line-height: 1.7;
         }
         /* SOCIAL ICONS */
         .social-icons a {
         display: inline-flex;
         justify-content: center;
         align-items: center;
         width: 45px;
         height: 45px;
         margin: 5px;
         border-radius: 50%;
         background: #fff;
         color: #8b0000;
         font-size: 18px;
         transition: 0.3s;
         }
         /* HOVER */
         .social-icons a:hover {
         background: #000;
         color: #fff;
         }
         /* LINE */
         .footer-section hr {
         border-color: rgba(255,255,255,0.3);
         }
         /* COPYRIGHT */
         .copyright {
         font-size: 13px;
         opacity: 0.8;
         }