* {
-webkit-box-sizing : border-box;-moz-box-sizing : border-box;
box-sizing : border-box;
margin : 0;
padding : 0
}
html {
font-family : sans-serif;
line-height : 1.15;-webkit-text-size-adjust : 100%;-ms-text-size-adjust : 100%;-ms-overflow-style : scrollbar;-webkit-tap-highlight-color : transparent
}
body {
margin : 0;
padding : 0;
background : linear-gradient(to right, #722203, #6e0000);
font-family : Roboto, sans-serif;
font-size : 14px;
color : #dfd0cb;
line-height : 1.8
}
a {
text-decoration : none
}
img {
width : 100%;
display : block
}
header {
background : rgba(255, 255, 255, 0.85);
backdrop-filter : blur(8px);
box-shadow : 0 2px 12px rgba(0, 0,0, 0.15);
position : fixed;
top : 0;
left : 0;
width : 100%;
z-index : 1000;
transition : transform 0.3s ease, background 0.4s ease;
}
header.hidden {
transform : translateY(-100%);
}
header.scrolled {
background : rgba(255, 255, 255, 0.98);
}
.container {
max-width : 1200px;
margin : 0 auto;
padding : 0 20px;
}
nav {
display : flex;
justify-content : space-between;
align-items : center;
height : 80px;
}
.logo h4 {
font-size : 2rem;
font-weight : bold;
color : #e63946;
margin : 0;
}
.logo a {
text-decoration : none;
color : inherit;
display : flex;
align-items : center;
height : 100%;
}
.menu label {
display : none;
cursor : pointer;
}
.menu img {
width : 35px;
height : 35px;
}
.nav_links {
display : flex;
align-items : center;
}
.nav_links ul {
list-style : none;
display : flex;
gap : 30px;
margin : 0;
}
.nav_links ul li a {
text-decoration : none;
color : #333;
font-size : 1.1rem;
font-weight : 500;
transition : color 0.3s;
}
.nav_links ul li a : hover {
color : #e63946;
}
input[type="checkbox"] {
display : none;
}
@media screen and (max-width : 768px) {
.menu label{display : block;
}
.nav_links {
position : absolute;
top : 100%;
left : 0;
width : 100%;
background : rgba(255, 255, 255, 0.95);
box-shadow : 0 4px 10px rgba(0, 0,0, 0.1);
flex-direction : column;
align-items : center;
height : 0;
overflow : hidden;
transition : height 0.4s ease;
}
.nav_links ul {
flex-direction : column;
gap : 25px;
padding : 30px 0;
}
#a : checked ~ .nav_links {
height : auto;
padding-bottom : 30px;
}
.nav_links ul li a {
font-size : 1.3rem;
padding : 10px 0;
display : block;
}
}.banner {
width : 100%;
height : auto;
aspect-ratio : 21 / 9;
position : relative;
overflow : hidden;
}
.banner img {
position : absolute;
inset : 0;
width : 100%;
height : 100%;
object-fit : cover;
object-position : center;
display : block;
}
.banner-overlay {
position : absolute;
inset : 0;
background : rgba(0, 0, 0, 0.55);
z-index : 1;
}
.banner-content {
position : absolute;
inset : 0;
z-index : 2;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
text-align : center;
color : white;
padding : 20px 15px;
}
.banner h2 {
font-size : clamp(2.4rem, 7.5vw, 5.5rem);
font-weight : 800;
margin-top : 3.2rem;
margin-bottom : 1.2rem;
line-height : 1.1;
text-shadow : 0 4px 14px rgba(0, 0,0, 0.75);
letter-spacing : -0.5px;
}
.banner p {
font-size : clamp(1.1rem, 3.8vw, 1.6rem);
max-width : 780px;
margin-bottom : 2.5rem;
line-height : 1.55;
text-shadow : 0 2px 10px rgba(0, 0,0, 0.7);
}
.buttons {
display : flex;
flex-wrap : wrap;
gap : 24px;
justify-content : center;
}
.btn {
display : inline-block;
padding : 16px 44px;
font-size : clamp(1.1rem, 3.2vw, 1.4rem);
font-weight : 700;
text-decoration : none;
color : white;
border-radius : 50px;
transition : all 0.35s ease;
box-shadow : 0 6px 20px rgba(0, 0,0, 0.45);
}
.btn.whatsapp {
background-color : #25D366;
}
.btn.whatsapp : hover {
background-color : #20b858;
transform : translateY(-4px);
box-shadow : 0 12px 30px rgba(0, 0,0, 0.5);
}
.btn.call {
background-color : #e63946;
}
.btn.call : hover {
background-color : #d00000;
transform : translateY(-4px);
box-shadow : 0 12px 30px rgba(0, 0,0, 0.5);
}
@media (max-width : 768px) {
.banner{aspect-ratio : 4 / 5;
}
.banner-content {
padding : 20px 12px;
}
.buttons {
flex-direction : column;
gap : 18px;
}
.btn {
padding : 15px 50px;
width : 85%;
max-width : 320px;
}
}@media (max-width : 480px) {
.banner{aspect-ratio : 3 / 5;
}
.banner h2 {
font-size : clamp(2.2rem, 9vw, 4.2rem);
}
.banner p {
font-size : clamp(1rem, 4.5vw, 1.35rem);
}
.btn {
padding : 14px 40px;
}
}@media (min-width : 1025px) {
.banner{aspect-ratio : 25 / 9;
}
.banner-content {
padding : 40px 60px;
}
.banner p {
max-width : 900px;
}
}.call_now {
display : flex;
align-items : center;
margin-left : 3rem;
line-height : 32px
}
.call_now a {
font-size : 15px;
color : #fff;
font-weight : 500
}
.call_now img {
width : 20px;
display : inline-flex;
position : relative;
bottom : -3px;
margin-right : 7px
}
.container {
max-width : 1270px;
padding-left : 15px;
padding-right : 15px;
margin-left : auto;
margin-right : auto
}
.row {
display : -webkit-box;
display : -ms-flexbox;
display : flex;-ms-flex-wrap : wrap;
flex-wrap : wrap;
margin-right : -15px;
margin-left : -15px
}
.col-sm-1 {
-webkit-box-flex : 0;-ms-flex : 0 0 8.333333%;
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-sm-2 {
-webkit-box-flex : 0;-ms-flex : 0 0 16.666667%;
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-sm-3 {
-webkit-box-flex : 0;-ms-flex : 0 0 25%;
flex : 0 0 25%;
max-width : 25%
}
.col-sm-4 {
-webkit-box-flex : 0;-ms-flex : 0 0 33.333333%;
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-sm-5 {
-webkit-box-flex : 0;-ms-flex : 0 0 41.666667%;
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-sm-6 {
-webkit-box-flex : 0;-ms-flex : 0 0 50%;
flex : 0 0 50%;
max-width : 50%
}
.col-sm-7 {
-webkit-box-flex : 0;-ms-flex : 0 0 58.333333%;
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-sm-8 {
-webkit-box-flex : 0;-ms-flex : 0 0 66.666667%;
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-sm-9 {
-webkit-box-flex : 0;-ms-flex : 0 0 75%;
flex : 0 0 75%;
max-width : 75%
}
.col-sm-10 {
-webkit-box-flex : 0;-ms-flex : 0 0 83.333333%;
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-sm-11 {
-webkit-box-flex : 0;-ms-flex : 0 0 91.666667%;
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-sm-12 {
-webkit-box-flex : 0;-ms-flex : 0 0 100%;
flex : 0 0 100%;
max-width : 100%
}
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8, .col-sm-9 {
padding-left : 15px;
padding-right : 15px
}
h1 {
margin : 0 0 1.5rem;
font-size : 45px;
font-weight : 700;
line-height : 1.5
}
h2 {
margin : 0 0 1.5rem;
font-size : 35px;
font-weight : 700;
line-height : 1.5
}
h3 {
margin : 0 0 1.5rem;
font-size : 30px;
font-weight : 700;
line-height : 1.5
}
h4 {
margin : 0 0 1.5rem;
font-size : 25px;
font-weight : 700;
line-height : 1.5
}
h5 {
margin : 0 0 1.5rem;
font-size : 22px;
font-weight : 700;
line-height : 1.5
}
h6 {
margin : 0 0 1.5rem;
font-size : 19px;
font-weight : 700;
line-height : 1.5
}
section {
padding : 4em 0;
min-height : 233px
}
.heading_main {
margin-bottom : 3rem;
text-align : center;
position : relative
}
.heading {
font-size : 35px;
color : #fff;
font-weight : 700;
position : relative;
line-height : normal;
letter-spacing : .7px
}
.escorts {
color : #fff;
font-size : 12px;
position : relative;
overflow : hidden;
text-align : center;
margin-bottom : 2rem
}
.escorts figure {
margin : 0;
position : relative;
border : 1px solid #e4b758
}
.escorts figure : before {
content : '';
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
background : #914402;
opacity : 0
}
.escorts : hover figure : before {
opacity : .4
}
.pr_head {
font-size : 18px;
color : #000;
font-weight : 500;
padding : 15px 15px;
background : linear-gradient(to right, #7e5923, #fed167, #7e5923);
border : 1px solid #e4b758;
transition : all .2s ease-in-out 0s
}
.pr_head h2 {
font-size : 18px;
color : #000;
font-weight : 500;
padding : 0;
margin : 0
}
.escorts : hover .pr_head {
background : linear-gradient(to right, #61045f, #aa076b);
color : #fff;
border-color : #d64699
}
.escorts_link {
position : absolute;
top : 65%;
width : 100%
}
.escorts_link .btn {
position : relative;
top : -100px;
display : inline-block;
z-index : 5;
text-align : center;
opacity : 0;
transition : all .6s cubic-bezier(.175, .885, .32, 1.275) 0s;-moz-transition : all .6s cubic-bezier(.175, .885, .32, 1.275) 0s;-ms-transition : all .6s cubic-bezier(.175, .885, .32, 1.275) 0s;-o-transition : all .6s cubic-bezier(.175, .885, .32, 1.275) 0s;-webkit-transition : all .6s cubic-bezier(.175, .885, .32, 1.275) 0s
}
.escorts : hover .escorts_link .btn {
opacity : 1;
top : 0
}
.type {
background : linear-gradient(to right, #61045f, #aa076b);
color : #fff;
font-size : 16px;
font-weight : 700;
letter-spacing : 2px;
padding : 10px 15px;
text-shadow : #38094b 3px 3px 3px
}
.btn {
background : linear-gradient(to right, #7e5923, #fed167, #7e5923);
color : #000;
font-size : 16px;
font-weight : 500;
line-height : normal;
padding : 15px 30px;
border-radius : 30px;
border : #e4b758 solid 1px
}
.btn : hover {
background : linear-gradient(to right, #61045f, #aa076b);
color : #fff;
border-color : #d64699
}
.bg {
background : url(../images/bg.jpg) #722203
}
.border {
border : #914402 solid 2px;
padding : 15px;
margin-bottom : 1.5rem
}
.border : last-child {
margin-bottom : 0
}
p {
margin : 0 0 10px 0
}
p a, p strong {
color : #d6ab52;
font-weight : 500
}
.about p {
text-align : justify
}
p+h3, p+h4 {
margin-top : 2rem
}
.border h1 {
font-size : 35px
}
footer {
background : #3d1006;
padding-bottom : 4em;
font-size : 14px
}
.copyright {
border-top : #54281f solid 1px;
padding : 1.2rem 0;
margin-top : 2rem;
color : #d1c3c0;
text-align : center;
display : flex
}
.add img {
border : #ae863c solid 4px;
margin-top : 1.5rem
}
.contact {
background : #7a3902;
border-radius : 20px;
font-family : Roboto;
color : #fff;
font-size : 15px;
font-weight : 400;
text-align : center;
padding : 35px 20px;
margin : 2rem 0
}
.contact img {
height : 60px;
width : auto;
display : inline-block;
margin-bottom : 1rem
}
.a_head {
font-size : 24px;
font-weight : 500;
margin-bottom : 15px
}
.profile_text p {
text-align : justify
}
.profile_text h1 {
font-size : 35px
}
.other_escort .col-sm-3 {
-ms-flex : 0 0 20%;
flex : 0 0 20%;
max-width : 20%
}
.social a {
display : inline-block
}
.social a img {
width : 25px;
margin-right : 10px
}
@media (max-width : 1024px) {
.container{max-width : 990px
}
.call_now {
margin-left : 1rem
}
.call_now a {
font-size : 14px
}
h1 {
font-size : 35px
}
h2 {
font-size : 27px
}
h3 {
font-size : 25px
}
footer {
font-size : 13px
}
}@media (max-width : 823px) {
.container{max-width : 100%
}
.call_now a {
font-size : 15px
}
.escorts_bg .col-sm-3 {
flex : 0 0 33.3333%;
max-width : 33.3333%
}
.border .col-sm-5, .border .col-sm-7 {
flex : 0 0 100%;
max-width : 100%
}
.border : nth-child(even) .col-sm-7, .border : nth-child(odd) .col-sm-5 {
margin-bottom : 1rem
}
.add .col-sm-3 {
flex : 0 0 50%;
max-width : 50%
}
footer {
font-size : 14px
}
.profile_text {
margin-top : 2rem
}
.other_escort .col-sm-3 {
flex : 0 0 33.333%;
max-width : 33.333%
}
.type {
font-size : 15px
}
}@media (max-width : 736px) {
.heading{font-size : 33px
}
h1 {
font-size : 33px
}
h2 {
font-size : 24px
}
h3 {
font-size : 22px
}
h4 {
font-size : 20px
}
}@media (max-width : 667px) {
.escorts_bg .col-sm-3, .other_escort .col-sm-3{flex : 0 0 50%;
max-width : 50%
}
}@media (max-width : 568px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8, .col-sm-9{flex : 0 0 100%;
max-width : 100%
}
footer {
font-size : 13px
}
}@media (max-width : 480px) {
.add .col-sm-3,
.escorts_bg .col-sm-3, .other_escort .col-sm-3{flex : 0 0 100%;
max-width : 100%
}
.copyright {
margin-top : 0
}
.call_now a {
font-size : 12px
}
.call_now img {
width : 15px;
margin-right : 2px
}
.border h1, h1 {
font-size : 27px
}
h2 {
font-size : 22px
}
h3 {
font-size : 20px
}
h4 {
font-size : 20px
}
}@media (max-width : 360px) {
.call_now a{font-size : 11px
}
}@media (max-width : 320px) {
.heading{font-size : 25px
}
h1 {
font-size : 25px
}
h2 {
font-size : 22px
}
h3 {
font-size : 20px
}
.call_now a {
font-size : 10px
}
.call_now img {
width : 10px
}
}
table {
width: 100%;
max-width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 2rem auto;
font-family: "Roboto", system-ui, -apple-system, sans-serif;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
color: #f0e0d8;
}
thead {
background: linear-gradient(135deg, #8b2e03, #5c0000);
color: white;
}
th, td {
padding: 16px 20px;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
th {
font-weight: 700;
font-size: 1.05rem;
letter-spacing: 0.4px;
text-transform: uppercase;
}
td {
font-size: 0.98rem;
line-height: 1.5;
}
tbody tr {
transition: all 0.28s ease;
background: rgba(0, 0, 0, 0.15);
}
tbody tr:hover {
background: rgba(255, 255, 255, 0.08);
transform: translateY(-2px);
}
tbody tr td strong {
color: #ffcc70;
font-weight: 600;
}
@media screen and (max-width: 820px) {
table {
border: 0;
margin: 1.5rem 0;
}
thead {
display: none;
}
tr {
display: block;
margin-bottom: 1.8rem;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
background: rgba(0, 0, 0, 0.2);
}
td {
display: block;
text-align: center !important;
padding: 14px 18px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
td:last-child {
border-bottom: 0;
}
td:nth-child(1)::before {
content: "Category";
display: block;
font-weight: 600;
color: #ffcc70;
margin-bottom: 8px;
text-align: center;
font-size: 1rem;
}
td:nth-child(2)::before {
content: "Short Time (1–2 Hours)";
display: block;
font-weight: 600;
color: #ffcc70;
margin-bottom: 8px;
text-align: center;
font-size: 1rem;
}
td:nth-child(3)::before {
content: "Full Night (Unlimited Shots)";
display: block;
font-weight: 600;
color: #ffcc70;
margin-bottom: 8px;
text-align: center;
font-size: 1rem;
}
td:nth-child(4)::before {
content: "What You Get";
display: block;
font-weight: 600;
color: #ffcc70;
margin-bottom: 8px;
text-align: center;
font-size: 1rem;
}
td:nth-child(1) {
font-size: 1.1rem;
padding: 16px 12px;
background: rgba(139, 46, 3, 0.25);
}
td:nth-child(1) strong {
display: block;
}
td:nth-child(2),
td:nth-child(3) {
font-weight: 600;
color: #ffd080;
padding: 16px 14px;
}
td:nth-child(4) {
font-style: italic;
line-height: 1.6;
padding: 16px 14px;
}
}
@media screen and (max-width: 480px) {
table {
margin: 1rem 0;
}
td {
padding: 12px 14px;
font-size: 0.95rem;
}
td::before {
font-size: 0.97rem;
margin-bottom: 6px;
}
td:nth-child(1) {
font-size: 1.05rem;
padding: 14px 10px;
}
}
@media screen and (min-width: 1025px) {
table {
max-width: 1100px;
}
th, td {
padding: 18px 24px;
}
th {
font-size: 1.1rem;
}
td {
font-size: 1.02rem;
}
}
tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.18);
}
tbody tr:nth-child(even) {
background: rgba(0, 0, 0, 0.12);
}
@media (hover: hover) {
tbody tr:hover {
background: rgba(255, 255, 255, 0.1);
}
}
.faq-container {
max-width: 900px;
margin: 3rem auto;
padding: 0 15px;
}
.faq-container h2 {
text-align: center;
font-size: clamp(1.8rem, 5vw, 2.5rem);
color: white;
margin-bottom: 2rem;
font-weight: 700;
letter-spacing: 0.5px;
}
.faq-item {
margin-bottom: 1.2rem;
border-radius: 10px;
overflow: hidden;
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease;
}
.faq-item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}
.faq-question {
width: 100%;
padding: 16px 20px;
background: linear-gradient(135deg, #8b2e03, #5c0000);
color: white;
font-size: 1.1rem;
font-weight: 600;
border: none;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.3s ease;
}
.faq-question:hover {
background: linear-gradient(135deg, #a03a04, #720000);
}
.faq-question::after {
content: '▼';
font-size: 1rem;
transition: transform 0.3s ease;
}
.faq-question.active::after {
transform: rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 20px;
background: rgba(255, 255, 255, 0.05);
color: #f0e0d8;
font-size: 1rem;
line-height: 1.7;
transition: max-height 0.4s ease, padding 0.4s ease;
}
.faq-answer p {
padding: 18px 0;
margin: 0;
}
.faq-item.active .faq-answer {
max-height: 500px;
padding: 0 20px 20px;
}
@media screen and (max-width: 768px) {
.faq-container {
padding: 0 10px;
margin: 2rem auto;
}
.faq-question {
font-size: 1rem;
padding: 14px 16px;
}
.faq-answer p {
font-size: 0.96rem;
padding: 16px 0;
}
}
@media screen and (max-width: 480px) {
.faq-question {
font-size: 0.98rem;
padding: 12px 14px;
}
.faq-answer p {
font-size: 0.94rem;
line-height: 1.65;
}
}
.disclaimer-section {
max-width: 960px;
margin: 4rem auto;
padding: 0 20px;
}
.disclaimer-section h2 {
text-align: center;
font-size: clamp(1.9rem, 5vw, 2.6rem);
color: #fff;
margin-bottom: 2rem;
font-weight: 700;
letter-spacing: 0.6px;
text-shadow: 0 2px 10px rgba(0,0,0,0.4);
position: relative;
}
.disclaimer-section h2::after {
content: '';
display: block;
width: 80px;
height: 3px;
background: linear-gradient(to right, #e63946, #ff6b6b);
margin: 1rem auto 0;
border-radius: 2px;
}
.disclaimer-content {
background: rgba(255, 255, 255, 0.06);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 16px;
padding: 2.5rem 2rem;
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
color: #e0d2cc;
font-size: 1.02rem;
line-height: 1.8;
}
.disclaimer-content p {
margin-bottom: 1.4rem;
}
.disclaimer-content ul {
list-style: none;
padding-left: 0;
margin: 1.5rem 0 2rem;
}
.disclaimer-content ul li {
position: relative;
padding-left: 28px;
margin-bottom: 0.9rem;
}
.disclaimer-content ul li::before {
content: '•';
position: absolute;
left: 0;
color: #e63946;
font-size: 1.6rem;
line-height: 1;
}
.disclaimer-link {
color: #ffcc70;
text-decoration: underline;
font-weight: 500;
transition: color 0.3s ease;
}
.disclaimer-link:hover,
.disclaimer-link:focus {
color: #ffd080;
text-decoration: none;
}
.final-note {
font-style: italic;
color: #d4b38a;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 1.5rem;
margin-top: 1.5rem;
text-align: center;
font-size: 1.05rem;
}
@media screen and (max-width: 768px) {
.disclaimer-section {
margin: 3rem auto;
}
.disclaimer-content {
padding: 2rem 1.5rem;
}
.disclaimer-section h2 {
font-size: clamp(1.7rem, 6vw, 2.2rem);
}
.disclaimer-content {
font-size: 0.98rem;
}
}
@media screen and (max-width: 480px) {
.disclaimer-content {
padding: 1.8rem 1.2rem;
}
.final-note {
font-size: 0.98rem;
}
}
.escort-profiles {
padding: 5rem 0;
background: linear-gradient(to bottom, #722203, #5c0000);
}
.gallery-title {
font-size: clamp(2.4rem, 6vw, 3.6rem);
color: white;
font-weight: 800;
}
.gallery-subtitle {
font-size: clamp(1.1rem, 3.5vw, 1.4rem);
color: #ffcc70;
}
.profile-item {
border-radius: 14px;
overflow: hidden;
background: rgba(0,0,0,0.4);
transition: all 0.35s ease;
box-shadow: 0 8px 25px rgba(0,0,0,0.4);
}
.profile-item:hover {
transform: translateY(-12px);
box-shadow: 0 18px 45px rgba(230,57,70,0.3);
}
.profile-img-wrap {
position: relative;
height: 280px;
overflow: hidden;
}
.profile-pic {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.profile-item:hover .profile-pic {
transform: scale(1.1);
}
.hover-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.6);
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.4s ease;
}
.profile-item:hover .hover-overlay {
opacity: 1;
}
.btn-view {
padding: 12px 32px;
background: #e63946;
color: white;
font-weight: 700;
border-radius: 50px;
font-size: 1.05rem;
box-shadow: 0 6px 20px rgba(0,0,0,0.5);
}
.profile-name-box {
background: rgba(0,0,0,0.6);
padding: 1.2rem 1rem;
}
.name {
font-size: 1.3rem;
color: #ffcc70;
font-weight: 700;
margin-bottom: 0.4rem;
}
.category-text {
font-size: 1rem;
color: #e0d2cc;
}
.badge-position {
position: absolute;
top: 12px;
left: 12px;
padding: 6px 14px;
font-size: 0.85rem;
font-weight: 700;
color: white;
border-radius: 20px;
z-index: 10;
text-transform: uppercase;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
.badge-position.vip         { background: #e63946; }
.badge-position.airhostess  { background: #d00000; }
.badge-position.housewife   { background: #9b2226; }
.badge-position.college     { background: #c1121f; }
.badge-position.independent { background: #780000; }
.badge-position.celebrity   { background: #ff4d6d; }
@media (max-width: 1199px) {
.profile-img-wrap { height: 270px; }
}
@media (max-width: 991px) {
.profile-img-wrap { height: 260px; }
}
@media (max-width: 767px) {
.escort-profiles { padding: 4rem 0 3rem; }
.gallery-title { font-size: clamp(2.2rem, 7vw, 3rem); }
.profile-img-wrap { height: 300px; }
}
@media (max-width: 575px) {
.profile-img-wrap { height: 280px; }
.btn-view { padding: 10px 28px; font-size: 1rem; }
}
.nowcalling {
display: block;
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999;
}
.lcol, .rcol {
float: left;
width: 50%;
}
.lcol a, .rcol a {
display: block;
padding: 10px 0;
text-align: center;
text-decoration: none;
color: #fff;
font-weight: 600;
}
.lcol {
background-color: #c13702;
}
.rcol {
background-color: #5e340f;
}