/* Start custom CSS for html, class: .elementor-element-6831646 *//* =========================================================
   INDIAN CELEBRITY HOMEPAGE
   UNIQUE PREFIX: ic-
   ========================================================= */

#ic-homepage {
    --ic-burgundy: #800020;
    --ic-cream: #F3E6D5;
    --ic-offwhite: #FFF9F2;
    --ic-pink: #D45060;
    --ic-dark: #21060D;
    --ic-dark-2: #2A1118;
    --ic-text: #4A3439;
    --ic-border: rgba(128, 0, 32, 0.16);

    width: 100%;
    margin: 0;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;
    color: var(--ic-text);
    background: var(--ic-offwhite);
    line-height: 1.7;

    overflow: hidden;
}


#ic-homepage *,
#ic-homepage *::before,
#ic-homepage *::after {
    box-sizing: border-box;
}


#ic-homepage a {
    text-decoration: none;
}


#ic-homepage img {
    max-width: 100%;
    display: block;
}


#ic-homepage .ic-container {
    width: min(1180px, 92%);
    margin: 0 auto;
}


/* =========================================================
   HERO
   ========================================================= */

#ic-homepage .ic-hero {

    position: relative;

    min-height: 680px;

    display: flex;
    align-items: center;

    background-image:
        linear-gradient(
            90deg,
            rgba(33, 6, 13, 0.97) 0%,
            rgba(33, 6, 13, 0.88) 42%,
            rgba(128, 0, 32, 0.48) 100%
        ),
        url("http://indiancelebrityescort.com/wp-content/uploads/2026/08/3665328_edit.webp");

    background-size: cover;
    background-position: center;

    overflow: hidden;
}


#ic-homepage .ic-hero-overlay {

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(212, 80, 96, 0.18),
            transparent 38%
        );

    pointer-events: none;
}


#ic-homepage .ic-hero-inner {

    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 100px 0;
}


#ic-homepage .ic-hero-content {
    max-width: 760px;
}


#ic-homepage .ic-eyebrow {

    display: inline-block;

    margin-bottom: 22px;

    color: var(--ic-cream);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 3px;
}


#ic-homepage .ic-hero h1 {

    margin: 0 0 25px;

    color: var(--ic-offwhite);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 7vw, 88px);

    line-height: 0.98;

    font-weight: 400;

    letter-spacing: -2px;
}


#ic-homepage .ic-hero h1 span {
    display: block;
    color: var(--ic-pink);
}


#ic-homepage .ic-hero p {

    max-width: 650px;

    margin: 0 0 35px;

    color: rgba(255, 249, 242, 0.84);

    font-size: 17px;
}


#ic-homepage .ic-hero-buttons {

    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}


#ic-homepage .ic-btn {

    display: inline-flex;

    min-height: 52px;

    padding: 0 28px;

    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.5px;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}


#ic-homepage .ic-btn:hover {
    transform: translateY(-3px);
}


#ic-homepage .ic-btn-primary {

    background: var(--ic-burgundy);
    color: var(--ic-offwhite);

    border: 1px solid var(--ic-burgundy);
}


#ic-homepage .ic-btn-primary:hover {
    background: var(--ic-pink);
    border-color: var(--ic-pink);
}


#ic-homepage .ic-btn-outline {

    color: var(--ic-cream);

    border: 1px solid rgba(243, 230, 213, 0.45);

    background: rgba(255, 255, 255, 0.03);
}


#ic-homepage .ic-btn-outline:hover {

    background: var(--ic-cream);
    color: var(--ic-burgundy);

    border-color: var(--ic-cream);
}


#ic-homepage .ic-hero-number {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 5px;

    color: var(--ic-cream);

    opacity: 0.65;
}


#ic-homepage .ic-hero-number span {

    font-family: Georgia, serif;

    font-size: 100px;

    line-height: 1;

    font-weight: 400;
}


#ic-homepage .ic-hero-number small {

    font-size: 10px;

    letter-spacing: 4px;
}


/* =========================================================
   GENERAL SECTION
   ========================================================= */

#ic-homepage .ic-intro,
#ic-homepage .ic-featured,
#ic-homepage .ic-services,
#ic-homepage .ic-cities,
#ic-homepage .ic-seo-content {

    padding: 110px 0;
}


#ic-homepage .ic-featured,
#ic-homepage .ic-cities {

    background: var(--ic-dark);
}


#ic-homepage .ic-services {
    background: var(--ic-offwhite);
}


#ic-homepage .ic-seo-content {
    background: var(--ic-cream);
}


#ic-homepage .ic-section-heading {

    display: grid;

    grid-template-columns: 1.25fr 0.75fr;

    gap: 70px;

    align-items: end;

    margin-bottom: 60px;
}


#ic-homepage .ic-section-number {

    display: block;

    margin-bottom: 16px;

    color: var(--ic-pink);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;
}


#ic-homepage .ic-section-heading h2 {

    margin: 0;

    color: var(--ic-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(38px, 5vw, 62px);

    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -1px;
}


#ic-homepage .ic-featured .ic-section-heading h2,
#ic-homepage .ic-cities .ic-section-heading h2 {

    color: var(--ic-offwhite);
}


#ic-homepage .ic-section-heading h2 span {

    display: block;

    color: var(--ic-burgundy);
}


#ic-homepage .ic-featured .ic-section-heading h2 span,
#ic-homepage .ic-cities .ic-section-heading h2 span {

    color: var(--ic-pink);
}


#ic-homepage .ic-section-heading > p {

    margin: 0;

    font-size: 15px;

    color: var(--ic-text);
}


#ic-homepage .ic-featured .ic-section-heading > p,
#ic-homepage .ic-cities .ic-section-heading > p {

    color: rgba(255, 249, 242, 0.68);
}


/* =========================================================
   INTRO
   ========================================================= */

#ic-homepage .ic-intro-grid {

    display: grid;

    grid-template-columns: 1.5fr 0.5fr;

    gap: 80px;

    align-items: start;
}


#ic-homepage .ic-intro-text p {

    margin: 0 0 24px;

    font-size: 17px;

    line-height: 1.9;
}


#ic-homepage .ic-intro-text strong {
    color: var(--ic-burgundy);
}


#ic-homepage .ic-highlight {

    margin-top: 35px;

    padding: 28px 30px;

    border-left: 4px solid var(--ic-pink);

    background: var(--ic-cream);
}


#ic-homepage .ic-highlight span {

    display: block;

    margin-bottom: 6px;

    color: var(--ic-pink);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


#ic-homepage .ic-highlight strong {

    color: var(--ic-dark);

    font-family: Georgia, serif;

    font-size: 24px;

    font-weight: 400;
}


#ic-homepage .ic-intro-stat {

    display: flex;

    flex-direction: column;

    border-top: 1px solid var(--ic-border);
}


#ic-homepage .ic-stat {

    padding: 25px 0;

    border-bottom: 1px solid var(--ic-border);
}


#ic-homepage .ic-stat strong {

    display: block;

    color: var(--ic-burgundy);

    font-family: Georgia, serif;

    font-size: 46px;

    font-weight: 400;

    line-height: 1;
}


#ic-homepage .ic-stat span {

    display: block;

    margin-top: 8px;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


/* =========================================================
   FEATURED
   ========================================================= */

#ic-homepage .ic-featured-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;
}


#ic-homepage .ic-feature-card {

    position: relative;

    overflow: hidden;

    background: var(--ic-dark-2);

    border: 1px solid rgba(243, 230, 213, 0.1);

    opacity: 0;

    transform: translateY(30px);

    transition:
        opacity 0.7s ease,
        transform 0.7s ease,
        border-color 0.35s ease;
}


#ic-homepage .ic-feature-card.ic-visible {

    opacity: 1;

    transform: translateY(0);
}


#ic-homepage .ic-feature-card:hover {

    transform: translateY(-7px);

    border-color: rgba(212, 80, 96, 0.6);
}


#ic-homepage .ic-feature-image {

    height: 290px;

    overflow: hidden;
}


#ic-homepage .ic-feature-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.6s ease;
}


#ic-homepage .ic-feature-card:hover .ic-feature-image img {

    transform: scale(1.07);
}


#ic-homepage .ic-feature-content {

    padding: 24px;
}


#ic-homepage .ic-feature-content span {

    color: var(--ic-pink);

    font-size: 10px;

    letter-spacing: 2px;
}


#ic-homepage .ic-feature-content h3 {

    margin: 8px 0 8px;

    color: var(--ic-offwhite);

    font-family: Georgia, serif;

    font-size: 24px;

    font-weight: 400;
}


#ic-homepage .ic-feature-content p {

    margin: 0;

    color: rgba(255, 249, 242, 0.62);

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   SERVICES
   ========================================================= */

#ic-homepage .ic-services-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}


#ic-homepage .ic-service-card {

    position: relative;

    padding: 38px 32px;

    min-height: 300px;

    background: #ffffff;

    border: 1px solid var(--ic-border);

    opacity: 0;

    transform: translateY(30px);

    transition:
        opacity 0.7s ease,
        transform 0.7s ease,
        background 0.35s ease,
        border-color 0.35s ease;
}


#ic-homepage .ic-service-card.ic-visible {

    opacity: 1;

    transform: translateY(0);
}


#ic-homepage .ic-service-card:hover {

    transform: translateY(-7px);

    background: var(--ic-dark);

    border-color: var(--ic-burgundy);
}


#ic-homepage .ic-service-card > span {

    color: var(--ic-pink);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


#ic-homepage .ic-service-card h3 {

    margin: 30px 0 15px;

    color: var(--ic-dark);

    font-family: Georgia, serif;

    font-size: 27px;

    line-height: 1.2;

    font-weight: 400;

    transition: color 0.3s ease;
}


#ic-homepage .ic-service-card:hover h3 {

    color: var(--ic-offwhite);
}


#ic-homepage .ic-service-card p {

    margin: 0 0 25px;

    color: var(--ic-text);

    font-size: 14px;

    transition: color 0.3s ease;
}


#ic-homepage .ic-service-card:hover p {

    color: rgba(255, 249, 242, 0.68);
}


#ic-homepage .ic-service-card a {

    display: inline-block;

    color: var(--ic-burgundy);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;

    transition: color 0.3s ease;
}


#ic-homepage .ic-service-card:hover a {

    color: var(--ic-pink);
}


/* =========================================================
   CITIES - TEXT ONLY
   ========================================================= */

#ic-homepage .ic-city-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}


#ic-homepage .ic-city-card {

    position: relative;

    min-height: 180px;

    padding: 28px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    overflow: hidden;

    background: var(--ic-dark-2);

    border: 1px solid rgba(243, 230, 213, 0.12);

    opacity: 0;

    transform: translateY(30px);

    transition:
        opacity 0.7s ease,
        transform 0.7s ease,
        background 0.35s ease,
        border-color 0.35s ease;
}


#ic-homepage .ic-city-card::before {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    top: -75px;
    right: -65px;

    border: 1px solid rgba(212, 80, 96, 0.32);

    border-radius: 50%;

    transition: transform 0.45s ease;
}


#ic-homepage .ic-city-card::after {

    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    right: 20px;
    bottom: -55px;

    border-radius: 50%;

    background: rgba(212, 80, 96, 0.1);
}


#ic-homepage .ic-city-card > * {

    position: relative;

    z-index: 2;
}


#ic-homepage .ic-city-card.ic-visible {

    opacity: 1;

    transform: translateY(0);
}


#ic-homepage .ic-city-card > span {

    margin-bottom: 10px;

    color: var(--ic-pink);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


#ic-homepage .ic-city-card h3 {

    margin: 0;

    color: var(--ic-cream);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 31px;

    line-height: 1.15;

    font-weight: 400;
}


#ic-homepage .ic-city-card:hover {

    transform: translateY(-7px);

    background: var(--ic-burgundy);

    border-color: rgba(243, 230, 213, 0.3);
}


#ic-homepage .ic-city-card:hover::before {

    transform: scale(1.3);
}


/* =========================================================
   SEO CONTENT
   ========================================================= */

#ic-homepage .ic-seo-text {

    max-width: 900px;
}


#ic-homepage .ic-seo-text p {

    margin: 0 0 25px;

    font-size: 16px;

    line-height: 1.9;
}


#ic-homepage .ic-seo-text strong {

    color: var(--ic-burgundy);
}


/* =========================================================
   FINAL CTA
   ========================================================= */

#ic-homepage .ic-final-cta {

    padding: 80px 0;

    background: var(--ic-dark);
}


#ic-homepage .ic-cta-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 50px;

    padding: 55px;

    background:
        linear-gradient(
            135deg,
            rgba(128, 0, 32, 0.55),
            rgba(42, 17, 24, 0.95)
        );

    border: 1px solid rgba(243, 230, 213, 0.13);
}


#ic-homepage .ic-cta-box h2 {

    margin: 0 0 15px;

    color: var(--ic-offwhite);

    font-family: Georgia, serif;

    font-size: clamp(36px, 5vw, 58px);

    line-height: 1.05;

    font-weight: 400;
}


#ic-homepage .ic-cta-box h2 span {

    display: block;

    color: var(--ic-pink);
}


#ic-homepage .ic-cta-box p {

    margin: 0;

    color: rgba(255, 249, 242, 0.68);

    max-width: 620px;
}


#ic-homepage .ic-cta-buttons {

    display: flex;

    gap: 12px;

    flex-shrink: 0;

    flex-wrap: wrap;
}


/* =========================================================
   FLOATING WHATSAPP
   ========================================================= */

#ic-homepage .ic-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(--ic-burgundy);

    border: 2px solid var(--ic-cream);

    border-radius: 50%;

    color: var(--ic-offwhite);

    font-size: 25px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}


#ic-homepage .ic-floating-whatsapp:hover {

    transform: scale(1.1);

    background: var(--ic-pink);
}


#ic-homepage .ic-floating-whatsapp span {

    line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    #ic-homepage .ic-featured-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    #ic-homepage .ic-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    #ic-homepage .ic-city-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    #ic-homepage .ic-intro-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    #ic-homepage .ic-hero {

        min-height: 650px;

        background-position: center;
    }


    #ic-homepage .ic-hero-inner {

        padding: 80px 0;
    }


    #ic-homepage .ic-hero-number {
        display: none;
    }


    #ic-homepage .ic-hero h1 {

        font-size: 48px;

        letter-spacing: -1px;
    }


    #ic-homepage .ic-hero p {

        font-size: 15px;
    }


    #ic-homepage .ic-hero-buttons {

        flex-direction: column;

        align-items: stretch;

        max-width: 280px;
    }


    #ic-homepage .ic-btn {

        width: 100%;
    }


    #ic-homepage .ic-intro,
    #ic-homepage .ic-featured,
    #ic-homepage .ic-services,
    #ic-homepage .ic-cities,
    #ic-homepage .ic-seo-content {

        padding: 75px 0;
    }


    #ic-homepage .ic-section-heading {

        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 40px;
    }


    #ic-homepage .ic-section-heading h2 {

        font-size: 40px;
    }


    #ic-homepage .ic-featured-grid,
    #ic-homepage .ic-services-grid {

        grid-template-columns: 1fr;
    }


    #ic-homepage .ic-city-grid {

        grid-template-columns: 1fr 1fr;

        gap: 10px;
    }


    #ic-homepage .ic-city-card {

        min-height: 145px;

        padding: 20px 18px;
    }


    #ic-homepage .ic-city-card h3 {

        font-size: 24px;
    }


    #ic-homepage .ic-feature-image {

        height: 340px;
    }


    #ic-homepage .ic-cta-box {

        flex-direction: column;

        align-items: flex-start;

        padding: 35px 25px;
    }


    #ic-homepage .ic-cta-buttons {

        width: 100%;

        flex-direction: column;

        align-items: stretch;
    }


    #ic-homepage .ic-floating-whatsapp {

        width: 52px;
        height: 52px;

        right: 16px;
        bottom: 16px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

    #ic-homepage .ic-city-grid {

        grid-template-columns: 1fr;
    }


    #ic-homepage .ic-city-card {

        min-height: 125px;
    }


    #ic-homepage .ic-city-card h3 {

        font-size: 27px;
    }


    #ic-homepage .ic-hero h1 {

        font-size: 42px;
    }


    #ic-homepage .ic-feature-image {

        height: 300px;
    }

}/* End custom CSS */