/* Start custom CSS for html, class: .elementor-element-8884746 *//* =========================================================
INDIAN ESCORTS WORLD
ABOUT US PAGE
UNIQUE PREFIX: iew-about-
========================================================= */
#iew-about-page {
--iew-purple: #9B8EC7;
--iew-lavender: #BDA6CE;
--iew-blue: #B4D3D9;
--iew-cream: #F2EAE0;
--iew-dark: #292334;
--iew-dark-2: #332C40;
--iew-text: #4B4651;
--iew-white: #ffffff;
--iew-border: rgba(155,142,199,.22);
width: 100%;
margin: 0;
padding: 0;
color: var(--iew-text);
background: var(--iew-cream);
font-family: Arial, Helvetica, sans-serif;
line-height: 1.7;
overflow: hidden;
}
#iew-about-page *,
#iew-about-page *::before,
#iew-about-page *::after {
box-sizing: border-box;
}
#iew-about-page a {
text-decoration: none;
}
#iew-about-page img {
max-width: 100%;
display: block;
}
#iew-about-page .iew-about-container {
width: min(1180px, 92%);
margin: 0 auto;
}
/* =========================================================
HERO
========================================================= */
#iew-about-page .iew-about-hero {
position: relative;
min-height: 650px;
display: flex;
align-items: center;
background:
linear-gradient(
90deg,
rgba(41,35,52,.96) 0%,
rgba(51,44,64,.88) 48%,
rgba(155,142,199,.48) 100%
),
url("https://indianescortsworld.com/wp-content/uploads/2026/09/slider-scaled.jpg");
background-size: cover;
background-position: center;
overflow: hidden;
}
#iew-about-page .iew-about-hero-overlay {
position: absolute;
inset: 0;
background:
radial-gradient(
circle at 80% 50%,
rgba(189,166,206,.28),
transparent 38%
);
pointer-events: none;
}
#iew-about-page .iew-about-hero::after {
content: "";
position: absolute;
width: 500px;
height: 500px;
right: -250px;
top: -220px;
border: 1px solid rgba(242,234,224,.16);
border-radius: 50%;
}
#iew-about-page .iew-about-hero .iew-about-container {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 100px 0;
}
#iew-about-page .iew-about-hero-content {
max-width: 780px;
}
#iew-about-page .iew-about-eyebrow {
display: inline-block;
margin-bottom: 22px;
color: var(--iew-cream);
font-size: 11px;
font-weight: 700;
letter-spacing: 3px;
}
#iew-about-page .iew-about-hero h1 {
margin: 0 0 25px;
color: var(--iew-white);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(48px, 7vw, 82px);
font-weight: 400;
line-height: .98;
letter-spacing: -2px;
}
#iew-about-page .iew-about-hero h1 span {
display: block;
color: var(--iew-lavender);
}
#iew-about-page .iew-about-hero p {
max-width: 690px;
margin: 0 0 35px;
color: rgba(255,255,255,.80);
font-size: 16px;
line-height: 1.85;
}
/* =========================================================
BUTTONS
========================================================= */
#iew-about-page .iew-about-buttons {
display: flex;
gap: 13px;
flex-wrap: wrap;
}
#iew-about-page .iew-about-btn {
min-height: 52px;
padding: 0 28px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: .3s ease;
}
#iew-about-page .iew-about-btn-primary {
background: var(--iew-purple);
color: var(--iew-white);
border: 1px solid var(--iew-purple);
}
#iew-about-page .iew-about-btn-primary:hover {
background: var(--iew-lavender);
border-color: var(--iew-lavender);
color: var(--iew-dark);
transform: translateY(-3px);
}
#iew-about-page .iew-about-btn-outline {
color: var(--iew-cream);
border: 1px solid rgba(242,234,224,.45);
background: rgba(255,255,255,.04);
}
#iew-about-page .iew-about-btn-outline:hover {
background: var(--iew-cream);
color: var(--iew-dark);
border-color: var(--iew-cream);
transform: translateY(-3px);
}
#iew-about-page .iew-about-hero-number {
display: flex;
flex-direction: column;
align-items: flex-end;
color: var(--iew-cream);
opacity: .65;
}
#iew-about-page .iew-about-hero-number strong {
font-family: Georgia, serif;
font-size: 105px;
line-height: 1;
font-weight: 400;
}
#iew-about-page .iew-about-hero-number small {
margin-top: 8px;
font-size: 10px;
letter-spacing: 4px;
}
/* =========================================================
COMMON SECTIONS
========================================================= */
#iew-about-page .iew-about-intro,
#iew-about-page .iew-about-services,
#iew-about-page .iew-about-why,
#iew-about-page .iew-about-locations,
#iew-about-page .iew-about-information {
padding: 110px 0;
}
#iew-about-page .iew-about-intro,
#iew-about-page .iew-about-why,
#iew-about-page .iew-about-information {
background: var(--iew-cream);
}
#iew-about-page .iew-about-services,
#iew-about-page .iew-about-locations {
background: var(--iew-dark);
}
/* =========================================================
HEADING
========================================================= */
#iew-about-page .iew-about-heading {
display: grid;
grid-template-columns: 1.2fr .8fr;
gap: 70px;
align-items: end;
margin-bottom: 60px;
}
#iew-about-page .iew-about-label {
display: block;
margin-bottom: 15px;
color: var(--iew-purple);
font-size: 10px;
font-weight: 800;
letter-spacing: 3px;
}
#iew-about-page .iew-about-heading h2 {
margin: 0;
color: var(--iew-dark);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(39px, 5vw, 62px);
line-height: 1.04;
font-weight: 400;
letter-spacing: -1px;
}
#iew-about-page .iew-about-heading h2 span {
display: block;
color: var(--iew-purple);
}
#iew-about-page .iew-about-heading > p {
margin: 0;
color: var(--iew-text);
font-size: 15px;
line-height: 1.9;
}
/* LIGHT HEADING */
#iew-about-page .iew-about-heading-light h2 {
color: var(--iew-white);
}
#iew-about-page .iew-about-heading-light h2 span {
color: var(--iew-lavender);
}
#iew-about-page .iew-about-heading-light .iew-about-label {
color: var(--iew-blue);
}
#iew-about-page .iew-about-heading-light > p {
color: rgba(255,255,255,.66);
}
/* =========================================================
INTRO
========================================================= */
#iew-about-page .iew-about-intro-grid {
display: grid;
grid-template-columns: 1.5fr .5fr;
gap: 80px;
align-items: start;
}
#iew-about-page .iew-about-text p {
margin: 0 0 24px;
font-size: 16px;
line-height: 1.95;
}
#iew-about-page .iew-about-text strong {
color: var(--iew-purple);
}
#iew-about-page .iew-about-highlight {
margin-top: 35px;
padding: 28px 30px;
border-left: 4px solid var(--iew-purple);
background: var(--iew-blue);
}
#iew-about-page .iew-about-highlight span {
display: block;
margin-bottom: 7px;
color: var(--iew-purple);
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
}
#iew-about-page .iew-about-highlight strong {
color: var(--iew-dark);
font-family: Georgia, serif;
font-size: 23px;
font-weight: 400;
line-height: 1.45;
}
/* =========================================================
STATS
========================================================= */
#iew-about-page .iew-about-stats {
border-top: 1px solid var(--iew-border);
}
#iew-about-page .iew-about-stat {
padding: 25px 0;
border-bottom: 1px solid var(--iew-border);
}
#iew-about-page .iew-about-stat strong {
display: block;
color: var(--iew-purple);
font-family: Georgia, serif;
font-size: 46px;
font-weight: 400;
line-height: 1;
}
#iew-about-page .iew-about-stat span {
display: block;
margin-top: 8px;
color: var(--iew-dark);
font-size: 9px;
font-weight: 800;
letter-spacing: 2px;
}
/* =========================================================
SERVICES
========================================================= */
#iew-about-page .iew-about-service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
#iew-about-page .iew-about-service-card {
min-height: 285px;
padding: 32px 28px;
background: var(--iew-dark-2);
border: 1px solid rgba(242,234,224,.12);
transition: .35s ease;
}
#iew-about-page .iew-about-service-card:hover {
transform: translateY(-7px);
background: var(--iew-purple);
border-color: var(--iew-lavender);
}
#iew-about-page .iew-about-service-card > span {
color: var(--iew-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 2px;
}
#iew-about-page .iew-about-service-card h3 {
margin: 48px 0 14px;
color: var(--iew-white);
font-family: Georgia, serif;
font-size: 26px;
font-weight: 400;
line-height: 1.25;
}
#iew-about-page .iew-about-service-card p {
margin: 0;
color: rgba(255,255,255,.64);
font-size: 13px;
line-height: 1.8;
}
#iew-about-page .iew-about-service-card:hover p {
color: rgba(255,255,255,.88);
}
/* =========================================================
WHY US
========================================================= */
#iew-about-page .iew-about-why-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
#iew-about-page .iew-about-why-card {
min-height: 280px;
padding: 30px;
border: 1px solid var(--iew-border);
background: rgba(255,255,255,.25);
transition: .35s ease;
}
#iew-about-page .iew-about-why-card:hover {
transform: translateY(-7px);
background: var(--iew-blue);
border-color: var(--iew-blue);
}
#iew-about-page .iew-about-card-number {
color: var(--iew-purple);
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
}
#iew-about-page .iew-about-why-card h3 {
margin: 45px 0 15px;
color: var(--iew-dark);
font-family: Georgia, serif;
font-size: 25px;
font-weight: 400;
line-height: 1.25;
}
#iew-about-page .iew-about-why-card p {
margin: 0;
color: var(--iew-text);
font-size: 13px;
line-height: 1.8;
}
/* =========================================================
LOCATIONS
========================================================= */
#iew-about-page .iew-about-location-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
#iew-about-page .iew-about-location-card {
position: relative;
min-height: 125px;
padding: 25px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: var(--iew-dark-2);
border: 1px solid rgba(242,234,224,.12);
overflow: hidden;
transition: .35s ease;
}
#iew-about-page .iew-about-location-card::before {
content: "";
position: absolute;
width: 130px;
height: 130px;
right: -70px;
top: -65px;
border: 1px solid rgba(189,166,206,.3);
border-radius: 50%;
transition: .4s ease;
}
#iew-about-page .iew-about-location-card:hover {
background: var(--iew-purple);
transform: translateY(-5px);
border-color: var(--iew-lavender);
}
#iew-about-page .iew-about-location-card:hover::before {
transform: scale(1.3);
}
#iew-about-page .iew-about-location-card span {
position: relative;
z-index: 2;
margin-bottom: 7px;
color: var(--iew-blue);
font-size: 9px;
font-weight: 700;
letter-spacing: 2px;
}
#iew-about-page .iew-about-location-card strong {
position: relative;
z-index: 2;
color: var(--iew-white);
font-family: Georgia, serif;
font-size: 23px;
font-weight: 400;
}
/* =========================================================
INFORMATION
========================================================= */
#iew-about-page .iew-about-information-grid {
display: grid;
grid-template-columns: 1.25fr .75fr;
gap: 70px;
align-items: center;
}
#iew-about-page .iew-about-information-grid p {
margin: 0 0 25px;
font-size: 16px;
line-height: 1.95;
}
#iew-about-page .iew-about-information-box {
padding: 40px;
background: var(--iew-lavender);
border-left: 4px solid var(--iew-purple);
}
#iew-about-page .iew-about-information-box span {
display: block;
margin-bottom: 12px;
color: var(--iew-dark);
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
}
#iew-about-page .iew-about-information-box strong {
color: var(--iew-dark);
font-family: Georgia, serif;
font-size: 29px;
font-weight: 400;
line-height: 1.45;
}
/* =========================================================
FINAL CTA
========================================================= */
#iew-about-page .iew-about-final {
padding: 80px 0;
background: var(--iew-dark);
}
#iew-about-page .iew-about-final-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 55px;
background:
linear-gradient(
135deg,
rgba(155,142,199,.58),
rgba(51,44,64,.95)
);
border: 1px solid rgba(242,234,224,.13);
}
#iew-about-page .iew-about-final-box .iew-about-label {
color: var(--iew-blue);
}
#iew-about-page .iew-about-final-box h2 {
margin: 0 0 15px;
color: var(--iew-white);
font-family: Georgia, serif;
font-size: clamp(38px, 5vw, 58px);
line-height: 1.04;
font-weight: 400;
}
#iew-about-page .iew-about-final-box h2 span {
display: block;
color: var(--iew-lavender);
}
#iew-about-page .iew-about-final-box p {
max-width: 650px;
margin: 0;
color: rgba(255,255,255,.68);
font-size: 14px;
}
#iew-about-page .iew-about-final-buttons {
display: flex;
gap: 12px;
flex-shrink: 0;
flex-wrap: wrap;
}
/* =========================================================
FLOATING WHATSAPP
========================================================= */
#iew-about-page .iew-about-floating-whatsapp {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
background: var(--iew-purple);
border: 2px solid var(--iew-cream);
border-radius: 50%;
color: var(--iew-white);
font-size: 25px;
box-shadow: 0 12px 30px rgba(41,35,52,.25);
transition: .3s ease;
}
#iew-about-page .iew-about-floating-whatsapp:hover {
transform: scale(1.1);
background: var(--iew-lavender);
color: var(--iew-dark);
}
#iew-about-page .iew-about-floating-whatsapp span {
line-height: 1;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1100px) {
#iew-about-page .iew-about-service-grid {
grid-template-columns: repeat(2, 1fr);
}
#iew-about-page .iew-about-why-grid {
grid-template-columns: repeat(2, 1fr);
}
#iew-about-page .iew-about-location-grid {
grid-template-columns: repeat(3, 1fr);
}
#iew-about-page .iew-about-intro-grid {
grid-template-columns: 1fr;
gap: 50px;
}
#iew-about-page .iew-about-information-grid {
grid-template-columns: 1fr;
gap: 45px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 700px) {
#iew-about-page .iew-about-container {
width: calc(100% - 30px);
}
#iew-about-page .iew-about-hero {
min-height: 620px;
}
#iew-about-page .iew-about-hero .iew-about-container {
padding: 75px 0;
}
#iew-about-page .iew-about-hero-number {
display: none;
}
#iew-about-page .iew-about-hero h1 {
font-size: 48px;
letter-spacing: -1px;
}
#iew-about-page .iew-about-hero p {
font-size: 14px;
}
#iew-about-page .iew-about-intro,
#iew-about-page .iew-about-services,
#iew-about-page .iew-about-why,
#iew-about-page .iew-about-locations,
#iew-about-page .iew-about-information {
padding: 75px 0;
}
#iew-about-page .iew-about-heading {
grid-template-columns: 1fr;
gap: 25px;
margin-bottom: 40px;
}
#iew-about-page .iew-about-heading h2 {
font-size: 42px;
}
#iew-about-page .iew-about-service-grid,
#iew-about-page .iew-about-why-grid {
grid-template-columns: 1fr;
}
#iew-about-page .iew-about-location-grid {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
#iew-about-page .iew-about-location-card {
min-height: 120px;
padding: 20px;
}
#iew-about-page .iew-about-location-card strong {
font-size: 20px;
}
#iew-about-page .iew-about-information-box {
padding: 30px 25px;
}
#iew-about-page .iew-about-final {
padding: 55px 0;
}
#iew-about-page .iew-about-final-box {
flex-direction: column;
align-items: flex-start;
padding: 35px 25px;
}
#iew-about-page .iew-about-final-buttons {
width: 100%;
flex-direction: column;
align-items: stretch;
}
#iew-about-page .iew-about-final-buttons .iew-about-btn {
width: 100%;
}
#iew-about-page .iew-about-floating-whatsapp {
width: 52px;
height: 52px;
right: 16px;
bottom: 16px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width: 430px) {
#iew-about-page .iew-about-container {
width: calc(100% - 24px);
}
#iew-about-page .iew-about-hero h1 {
font-size: 41px;
}
#iew-about-page .iew-about-heading h2 {
font-size: 36px;
}
#iew-about-page .iew-about-location-grid {
grid-template-columns: 1fr;
}
#iew-about-page .iew-about-highlight strong {
font-size: 19px;
}
#iew-about-page .iew-about-information-box strong {
font-size: 25px;
}
}/* End custom CSS */