/* Start custom CSS for html, class: .elementor-element-af7c4c8 *//* =========================================================
LOCATION PAGE
UNIQUE PREFIX: lp-
========================================================= */
#locations-page {
--lp-burgundy: #800020;
--lp-cream: #F3E6D5;
--lp-offwhite: #FFF9F2;
--lp-rose: #D45060;
--lp-dark: #21060D;
--lp-dark-2: #2A1118;
--lp-text: #4A3439;
--lp-border: rgba(128, 0, 32, 0.16);
width: 100%;
margin: 0;
padding: 0;
background: var(--lp-offwhite);
color: var(--lp-text);
font-family: Arial, Helvetica, sans-serif;
line-height: 1.7;
overflow: hidden;
}
#locations-page *,
#locations-page *::before,
#locations-page *::after {
box-sizing: border-box;
}
#locations-page a {
text-decoration: none;
}
#locations-page .lp-container {
width: min(1180px, 92%);
margin: 0 auto;
}
/* =========================================================
HERO
========================================================= */
#locations-page .lp-hero {
position: relative;
min-height: 540px;
display: flex;
align-items: center;
background-image:
linear-gradient(
90deg,
rgba(33,6,13,0.97) 0%,
rgba(33,6,13,0.88) 45%,
rgba(128,0,32,0.50) 100%
),
url("http://indiancelebrityescort.com/wp-content/uploads/2026/08/3665327_edit.webp");
background-size: cover;
background-position: center;
overflow: hidden;
}
#locations-page .lp-hero::after {
content: "";
position: absolute;
width: 450px;
height: 450px;
right: -170px;
top: -100px;
border: 1px solid rgba(212,80,96,0.25);
border-radius: 50%;
}
#locations-page .lp-hero-overlay {
position: absolute;
inset: 0;
background:
radial-gradient(
circle at 80% 50%,
rgba(212,80,96,0.18),
transparent 40%
);
pointer-events: none;
}
#locations-page .lp-hero-inner {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
padding: 90px 0;
}
#locations-page .lp-hero-content {
max-width: 760px;
}
#locations-page .lp-eyebrow {
display: inline-block;
margin-bottom: 20px;
color: var(--lp-cream);
font-size: 11px;
font-weight: 700;
letter-spacing: 3px;
}
#locations-page .lp-hero h1 {
margin: 0 0 25px;
color: var(--lp-offwhite);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(55px, 8vw, 90px);
line-height: 0.95;
font-weight: 400;
letter-spacing: -2px;
}
#locations-page .lp-hero h1 span {
display: block;
color: var(--lp-rose);
}
#locations-page .lp-hero p {
max-width: 650px;
margin: 0;
color: rgba(255,249,242,0.82);
font-size: 17px;
}
#locations-page .lp-hero-number {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
color: var(--lp-cream);
opacity: 0.65;
}
#locations-page .lp-hero-number strong {
font-family: Georgia, serif;
font-size: 125px;
line-height: 1;
font-weight: 400;
}
#locations-page .lp-hero-number span {
font-size: 10px;
letter-spacing: 4px;
}
/* =========================================================
LOCATIONS SECTION
========================================================= */
#locations-page .lp-locations {
padding: 110px 0;
background: var(--lp-offwhite);
}
#locations-page .lp-section-heading {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 70px;
align-items: end;
margin-bottom: 60px;
}
#locations-page .lp-section-number {
display: block;
margin-bottom: 15px;
color: var(--lp-rose);
font-size: 10px;
font-weight: 700;
letter-spacing: 3px;
}
#locations-page .lp-section-heading h2 {
margin: 0;
color: var(--lp-dark);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(40px, 5vw, 62px);
line-height: 1.05;
font-weight: 400;
letter-spacing: -1px;
}
#locations-page .lp-section-heading h2 span {
display: block;
color: var(--lp-burgundy);
}
#locations-page .lp-section-heading > p {
margin: 0;
font-size: 15px;
line-height: 1.8;
}
/* =========================================================
LOCATION GRID
========================================================= */
#locations-page .lp-location-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
#locations-page .lp-location-card {
position: relative;
min-height: 245px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
background: var(--lp-dark);
border: 1px solid rgba(128,0,32,0.22);
transition:
transform 0.35s ease,
background 0.35s ease,
border-color 0.35s ease,
box-shadow 0.35s ease;
}
#locations-page .lp-location-card::before {
content: "";
position: absolute;
width: 180px;
height: 180px;
top: -90px;
right: -70px;
border: 1px solid rgba(212,80,96,0.30);
border-radius: 50%;
transition: transform 0.5s ease;
}
#locations-page .lp-location-card::after {
content: "";
position: absolute;
width: 110px;
height: 110px;
right: 35px;
bottom: -70px;
border-radius: 50%;
background: rgba(212,80,96,0.10);
}
#locations-page .lp-location-card > * {
position: relative;
z-index: 2;
}
#locations-page .lp-location-card:hover {
transform: translateY(-8px);
background: var(--lp-burgundy);
border-color: rgba(243,230,213,0.30);
box-shadow: 0 20px 45px rgba(33,6,13,0.18);
}
#locations-page .lp-location-card:hover::before {
transform: scale(1.3);
}
#locations-page .lp-card-top {
display: flex;
align-items: center;
justify-content: space-between;
}
#locations-page .lp-card-top span {
color: var(--lp-rose);
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
}
#locations-page .lp-card-top i {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
color: var(--lp-cream);
font-size: 18px;
font-style: normal;
border: 1px solid rgba(243,230,213,0.18);
border-radius: 50%;
transition: transform 0.3s ease;
}
#locations-page .lp-location-card:hover .lp-card-top i {
transform: rotate(45deg);
background: var(--lp-cream);
color: var(--lp-burgundy);
}
#locations-page .lp-card-bottom small {
display: block;
margin-bottom: 7px;
color: var(--lp-rose);
font-size: 9px;
font-weight: 700;
letter-spacing: 3px;
}
#locations-page .lp-card-bottom h3 {
margin: 0 0 8px;
color: var(--lp-offwhite);
font-family: Georgia, "Times New Roman", serif;
font-size: 34px;
line-height: 1.1;
font-weight: 400;
}
#locations-page .lp-card-bottom p {
margin: 0;
color: rgba(255,249,242,0.58);
font-size: 12px;
transition: color 0.3s ease;
}
#locations-page .lp-location-card:hover .lp-card-bottom p {
color: rgba(255,249,242,0.80);
}
/* =========================================================
WIDE CARDS
========================================================= */
#locations-page .lp-location-wide {
min-height: 220px;
}
/* =========================================================
INFORMATION
========================================================= */
#locations-page .lp-info {
padding: 100px 0;
background: var(--lp-cream);
}
#locations-page .lp-info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}
#locations-page .lp-info h2 {
margin: 0;
color: var(--lp-dark);
font-family: Georgia, serif;
font-size: clamp(38px, 5vw, 58px);
line-height: 1.05;
font-weight: 400;
}
#locations-page .lp-info h2 span {
display: block;
color: var(--lp-burgundy);
}
#locations-page .lp-info-text p {
margin: 0 0 22px;
font-size: 16px;
line-height: 1.9;
}
#locations-page .lp-info-text strong {
color: var(--lp-burgundy);
}
/* =========================================================
CTA
========================================================= */
#locations-page .lp-cta {
padding: 80px 0;
background: var(--lp-dark);
}
#locations-page .lp-cta-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 55px;
background:
linear-gradient(
135deg,
rgba(128,0,32,0.58),
rgba(42,17,24,0.96)
);
border: 1px solid rgba(243,230,213,0.13);
}
#locations-page .lp-cta-box h2 {
margin: 0 0 15px;
color: var(--lp-offwhite);
font-family: Georgia, serif;
font-size: clamp(38px,5vw,58px);
line-height: 1.05;
font-weight: 400;
}
#locations-page .lp-cta-box h2 span {
display: block;
color: var(--lp-rose);
}
#locations-page .lp-cta-box p {
margin: 0;
max-width: 600px;
color: rgba(255,249,242,0.68);
}
#locations-page .lp-cta-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
flex-shrink: 0;
}
#locations-page .lp-btn {
min-height: 52px;
padding: 0 27px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
transition: all 0.3s ease;
}
#locations-page .lp-btn:hover {
transform: translateY(-3px);
}
#locations-page .lp-btn-primary {
background: var(--lp-burgundy);
color: var(--lp-offwhite);
border: 1px solid var(--lp-burgundy);
}
#locations-page .lp-btn-primary:hover {
background: var(--lp-rose);
border-color: var(--lp-rose);
}
#locations-page .lp-btn-outline {
color: var(--lp-cream);
background: transparent;
border: 1px solid rgba(243,230,213,0.4);
}
#locations-page .lp-btn-outline:hover {
color: var(--lp-burgundy);
background: var(--lp-cream);
border-color: var(--lp-cream);
}
/* =========================================================
FLOATING WHATSAPP
========================================================= */
#locations-page .lp-whatsapp {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
background: var(--lp-burgundy);
color: var(--lp-offwhite);
border: 2px solid var(--lp-cream);
border-radius: 50%;
font-size: 25px;
box-shadow: 0 10px 30px rgba(0,0,0,0.25);
transition: all 0.3s ease;
}
#locations-page .lp-whatsapp:hover {
transform: scale(1.1);
background: var(--lp-rose);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 900px) {
#locations-page .lp-section-heading {
grid-template-columns: 1fr;
gap: 25px;
}
#locations-page .lp-info-grid {
grid-template-columns: 1fr;
gap: 40px;
}
#locations-page .lp-hero-number {
display: none;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 650px) {
#locations-page .lp-hero {
min-height: 500px;
}
#locations-page .lp-hero-inner {
padding: 75px 0;
}
#locations-page .lp-hero h1 {
font-size: 52px;
}
#locations-page .lp-hero p {
font-size: 15px;
}
#locations-page .lp-locations,
#locations-page .lp-info {
padding: 75px 0;
}
#locations-page .lp-section-heading h2,
#locations-page .lp-info h2 {
font-size: 40px;
}
#locations-page .lp-location-grid {
grid-template-columns: 1fr;
gap: 14px;
}
#locations-page .lp-location-card {
min-height: 210px;
padding: 25px;
}
#locations-page .lp-card-bottom h3 {
font-size: 30px;
}
#locations-page .lp-cta-box {
flex-direction: column;
align-items: flex-start;
padding: 35px 25px;
}
#locations-page .lp-cta-buttons {
width: 100%;
flex-direction: column;
}
#locations-page .lp-btn {
width: 100%;
}
#locations-page .lp-whatsapp {
width: 52px;
height: 52px;
right: 16px;
bottom: 16px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
#locations-page .lp-hero h1 {
font-size: 44px;
}
#locations-page .lp-card-bottom h3 {
font-size: 27px;
}
}/* End custom CSS */