html {
scroll-behavior: smooth;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.logo {
width: 168px;
height: 40px;
object-fit: contain;
image-rendering: auto;
display: block;
}
body {
font-family: Georgia, 'Segoe UI', sans-serif;
font-size: 1rem;
line-height: 1.6;
background-color: #fde7eb;
color: #212529;
}
h1,h2,h3{
font-family: Georgia, serif;
font-weight: normal;
}
h1 {
font-size: clamp(1.5rem, 4vw, 2.25rem);
color: #951d59;
}
h2 {
font-size: clamp(1.25rem, 3.5vw, 1.75rem);
}
h3 {
font-size: clamp(1.125rem, 3vw, 1.5rem);
}
h4 {
font-size: clamp(1rem, 2.5vw, 1.25rem);
}
h5 {
font-size: clamp(0.9375rem, 2vw, 1rem);
}
h6 {
font-size: clamp(0.875rem, 1.75vw, 1rem);
}
p{
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1rem;
}
strong,
b{
font-family: "Segoe UI", sans-serif;
}
.hgtext{
color: #881141;
}
.hglink{
color: #881141;
text-decoration: underline;
transition: color 0.3s ease;
}
.hglink:hover{
color: #e6337a;
}
.hg-title{
font-family: "Segoe UI", sans-serif;
font-weight: bold;
}
.heading-boxed{
background-color: #fbd0d8;
color: #951d59;
padding: 0.625rem;
text-align: center;
border-bottom: 1px solid #b8b894;
}
.heading-lined{
color: #951d59;
padding-left: 1rem;
border-left: 4px solid #d94b6b;
box-shadow: inset 4px 0 4px -2px rgba(0, 0, 0, 0.15);
margin-top: 1.5625rem;
margin-bottom: 1.25rem;
line-height: 1.6;
}
.pera p{
text-align: justify;
text-justify: inter-word;
text-align-last: left;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1rem;
}
ul.list-unstyled,
ol.list-unstyled {
padding-left: 1rem;
}
ul.list-unstyled li,
ol.list-unstyled li {
margin-bottom: 0.75rem;
}
.contact-info-section a {
color: #660000;
}
.contact-info-section a:hover {
color: #e91e63;
}
.navbar {
background-color: #920C24;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.navbar-brand {
display: inline-block;
margin: 0;
padding: 0;
line-height: 0;
height: auto;
}
.navbar-brand img {
display: block;
max-width: 100%;
height: auto;
object-fit: contain;
padding: 0;
margin: 0 0 0 10px !important;
vertical-align: bottom;
}
.navbar .nav-link {
font-family: 'Georgia', serif;
font-size: 1.0625rem;
font-weight: 500;
color: #ffffff !important;
letter-spacing: 0.5px;
text-transform: capitalize;
transition: color 0.3s ease;
}
.navbar .nav-link:hover {
color: #e6e600;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
background-size: 1.5em 1.5em;
background-repeat: no-repeat;
background-position: center;
}
.navbar-toggler {
border-color: rgba(255, 255, 255, 0.6);
}
.menu-label {
color: #ffffff;
margin-right: 0.5rem;
font-weight: 500;
font-family: 'Georgia', serif;
}
.gallery-card{
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid #b8b894 !important;
overflow: hidden;
background: #fef3f5;
border-radius: 8px;
}
.card-image-gallery {
  position: relative;
  width: 100%;
  padding-top: 135%; /* 3:4.2 ratio = 71.4%, tweak for mobile if needed */
  overflow: hidden;
}
.card-image-gallery img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-text{
background: linear-gradient(to bottom, #ec5f84 10%, #d94b6b 50%, #fbdce5 100%);
transition: background 0.4s ease;
color: #212529;
padding: 0.625rem;
font-weight: bold;
}
.card-text:hover{
background: linear-gradient(to bottom, #f8aab5 10%, #f48498 50%, #fef3f5 100%);
color: #ffffff;
}
.btn{
background: linear-gradient(to bottom, #ec5f84 10%, #d94b6b 50%, #fbdce5 100%);
transition: background 0.4s ease;
color: #212529;
padding: 0.625rem;
font-family: 'Georgia', serif;
text-align: center;
}
.btn:hover{
background: linear-gradient(to bottom, #f8aab5 10%, #f48498 50%, #fef3f5 100%);
color: #ffffff;
}
.booking-card-group {
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding: 0.625rem;
border: 1px solid #b8b894;
}
.booking-card {
display: flex;
flex-direction: column;
height: 100%;
}
.booking-card-image {
position: relative;
width: 100%;
flex-grow: 1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.booking-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
border: 1px solid #ffff99;
}
.booking-card-body {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}
.escort-category-section h3{
font-size: 1.4rem;
color: #981b27;
margin-top: 1.5rem;
}
.carousel{
border: 2px solid #b8b894;
padding: 0.625rem;
margin-top: 0.625rem;
background-color:#fbd0d8;
overflow: hidden;
border-radius: 0.5rem;
}
.carousel h4{
color: #981b27;
margin-top: 1.5rem;
font-size: 1.3rem !important;
}
.carousel-item {
padding: 0.5rem 0;
}
.g-video video {
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.g-video video:hover {
transform: scale(1.02);
}
.carousel-item img{
width: 100%;
height: auto;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.carousel-item img:hover {
transform: scale(1.02);
}
.carousel-control-prev,
.carousel-control-next {
width: 3rem !important;
height: 3rem !important;
top: 50%;
transform: translateY(-50%);
background: transparent !important;
z-index: 3;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
}
/* Move arrows slightly inward */
.carousel-control-prev {
left: 1rem;
}
.carousel-control-next {
right: 1rem;
}
/* Style the icons */
.carousel-control-prev-icon,
.carousel-control-next-icon {
width: 2.5rem;
height: 2.5rem;
background-color: #000;
background-size: 70% 70%;
border-radius: 50%;
}
.slider-wrapper {
position: relative;
overflow: hidden;
}
.review-slider {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 1rem;
scroll-behavior: smooth;
}
.review-slider::-webkit-scrollbar {
display: none;
}
.review-card {
flex: 0 0 90%;
max-width: 90%;
scroll-snap-align: start;
background: #fbd0d8;
border-radius: 1rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
padding: 1rem;
text-align: center;
}
.client-img {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 50%;
border: 2px solid #b8b894;
overflow: hidden;
}
.client-img img{
width: 100%;
height: 100%;
object-fit: cover;
margin-bottom: 0.5rem;
display: block;
}
.review-content {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 7.5rem;
}
.review-card-heading{
margin: 0.5rem 0 1.2rem;
color: #981b27;
}
.review-card-bottom-heading{
color: darkblue;
}
.review-card .stars {
color: #999900;
margin-bottom: 0.5rem;
font-size: 1.1rem;
}
/* Scroll Buttons */
.scroll-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ee2b4e;
border: 1px solid #ccc;
color: #fff;
font-size: 1.8rem;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.scroll-btn:hover {
background: #f5899d;
}
.scroll-left {
left: 10px;
}
.scroll-right {
right: 10px;
}
.accordion-button {
background-color: #fbd0d8 !important;
color: #000;
}
.accordion-button:not(.collapsed) {
background-color: #fbd0d8 !important;
box-shadow: none;
}
.accordion-body {
background-color: #fef3f5;
color: #000;
}
.accordion-item {
border: 1px solid #ddd;
border-radius: 0.5rem;
margin-bottom: 0.5rem;
overflow: hidden;
}
.accordion-button {
border: none;
border-radius: 0 !important;
}
.areas-cities-section h4{
font-family: Georgia, serif;
font-weight: normal;
color: #951d59;
font-size: 1.5rem;
}
.location {
padding: 0 0.5rem;
display: flex;
flex-wrap: wrap;
}
.location li {
background-color: #f7a1b1;
padding: 0.3125rem 0.75rem;
margin: 0.3125rem;
border-radius: 0.9375rem;
border: 1px solid #b8b894;
display: flex;
align-items: center;
white-space: nowrap;
}
.location li a {
text-decoration: none;
display: flex;
align-items: center;
color: #000;
}
.location-image{
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%;
border: 2px solid #fff;
}
.location-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.location-text {
font-size: 0.875rem;
color: #000;
margin-left: 0.625rem;
overflow: hidden;
text-overflow: ellipsis;
max-width: 8.5rem;
display: inline-block;
}
.areas li {
background-color: #750a1e;
padding: 0.3125rem 0.75rem;
margin: 0.3125rem;
border-radius: 0.3125rem;
border: 0.0625rem solid #b8b894;
}
.areas li a {
color: whitesmoke;
font-size: 0.875rem;
}
.areas li:hover {
opacity: 0.5;
}
.banner-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.banner-image {
flex: 1 1 48%;
max-width: 48%;
aspect-ratio: 2.5 / 1;
text-align: center;
overflow: hidden;
}
.banner-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0.5rem;
border: 0.0625rem solid #ffc0cb;
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}
.site-footer {
background-color: #111;
color: #e6e6e6;
padding: 2rem 0;
}
.site-footer h4,
.site-footer h5{
color: #ff6699;
margin-bottom: 0.5rem;
font-size: 1.3rem;
}
.footer-title {
color: #ff6699;
margin-bottom: 0.5rem;
font-size: 1.2rem !important;
}
.site-footer p,
.site-footer address,
.site-footer ul {
font-size: 0.95rem;
line-height: 1.6;
}
.site-footer a {
color: #ffffcc;
text-decoration: none;
}
.leave-link{
color: #ffff4d !important;
}
.site-footer a:hover {
color: #e6e600;
text-decoration: underline;
}
.footer-divider {
width: 100%;
background-color: #ffff99;
height:2px;
margin: 1rem auto;
}
hr{
background-color: #ffff99;
width: 40%;
margin: 0.5rem auto 1rem;
}
.footer-list {
padding: 1rem 2rem;
}
.site-footer ul li {
line-height: 1.2rem;
}
.footer-contact {
color: #ffffcc;
}
.footer-brand {
color: #ffff4d !important;
font-weight: bold;
}
.dmca-badge{
height: 60px;
width: auto;
}
.whatsapp-icon {
position: fixed;
bottom: 60px;
right: 20px;
width: 48px;
height: 48px;
z-index: 10000;
image-rendering: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.scrolling-text-fixed {
position: fixed;
bottom: 0;
width: 100%;
overflow: hidden;
background-color: #920C24;
padding: 0.5rem 0;
z-index: 9999;
}
.scrolling-content {
display: inline-block;
white-space: nowrap;
padding-left: 100%;
animation: scrollText 20s linear infinite;
color: #fff;
font-family: "Segoe UI", sans-serif;
font-size: 1.1rem;
font-weight: 600;
will-change: transform;
backface-visibility: hidden;
}
@keyframes scrollText {
0%   { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
/* 👇 Mobile: 100% width images stacked */
@media (max-width: 576px) {
.navbar-brand img {
max-width: 140px; /* Adjust as per your layout */
margin-left: 5px !important;
}
}
@media (max-width: 768px) {
.banner-image {
flex: 1 1 100%;
max-width: 100%;
}
.footer-list .col-12 {
margin-bottom: 1.5rem;
}
.whatsapp-icon {
width: 60px;
}
}
@media (min-width: 768px) {
.review-card {
flex: 0 0 45%;
max-width: 45%;
}
.card-booking img {
margin-top: 0.9375rem;
}
}
@media (min-width: 992px) {
.review-card {
flex: 0 0 23%;
max-width: 23%;
}
}