.elementor-98 .elementor-element.elementor-element-5bf4849{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-4f7de72{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-4f7de72 *//* =========================================================
   SOUTH CELEBRITY — CHENNAI PAGE
   SAME KOCHI / VISAKHAPATNAM DESIGN
========================================================= */

.sc-ch-page{
  --ch-light:#9CB080;
  --ch-green:#618764;
  --ch-deep:#2B5748;
  --ch-dark:#273338;
  --ch-cream:#F6F8F3;
  --ch-white:#FFFFFF;
  --ch-muted:#68716F;
  --ch-border:rgba(43,87,72,.13);

  width:100%;
  overflow:hidden;
  background:var(--ch-white);
  color:var(--ch-dark);
  font-family:Arial,Helvetica,sans-serif;
}

.sc-ch-page *,
.sc-ch-page *::before,
.sc-ch-page *::after{
  box-sizing:border-box;
}

.sc-ch-container{
  width:min(1180px,calc(100% - 40px));
  margin:auto;
}


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

.sc-ch-hero{
  position:relative;
  min-height:680px;

  display:flex;
  align-items:center;

  overflow:hidden;
  background:#273338;
}

.sc-ch-hero-bg{
  position:absolute;
  inset:0;

  background-image:url(
    "https://southcelebrityescorts.com/wp-content/uploads/2026/09/marlon-alves-VnwSvyt0xTA-unsplash-scaled.jpg"
  );

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

  transform:scale(1.02);
}

.sc-ch-hero-overlay{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(39,51,56,.94) 0%,
      rgba(39,51,56,.78) 46%,
      rgba(39,51,56,.30) 100%
    );
}

.sc-ch-hero-inner{
  position:relative;
  z-index:2;

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

  gap:60px;

  padding:110px 0 90px;
}

.sc-ch-hero-content{
  max-width:760px;
}

.sc-ch-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;

  color:var(--ch-light);

  font-size:11px;
  font-weight:700;
  letter-spacing:3px;

  margin-bottom:22px;
}

.sc-ch-eyebrow::before{
  content:"";

  width:38px;
  height:1px;

  background:var(--ch-light);
}

.sc-ch-hero h1{
  margin:0;

  color:#fff;

  font-size:clamp(43px,6vw,72px);
  line-height:1.05;

  letter-spacing:-2.4px;
  font-weight:700;
}

.sc-ch-hero-content > p{
  max-width:670px;

  margin:26px 0 0;

  color:rgba(255,255,255,.78);

  font-size:17px;
  line-height:1.8;
}

.sc-ch-hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:13px;

  margin-top:32px;
}


/* BUTTONS */

.sc-ch-btn{
  min-height:52px;

  padding:0 24px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;

  border-radius:3px;

  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;

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

.sc-ch-btn:hover{
  transform:translateY(-3px);
}

.sc-ch-btn-primary{
  background:var(--ch-light);
  border:1px solid var(--ch-light);
  color:var(--ch-dark);
}

.sc-ch-btn-primary:hover{
  background:#fff;
  border-color:#fff;
}

.sc-ch-btn-outline{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.45);
  color:#fff;
}

.sc-ch-btn-outline:hover{
  background:#fff;
  color:var(--ch-dark);
  border-color:#fff;
}


/* LOCATION */

.sc-ch-location{
  width:245px;
  min-width:245px;

  display:flex;
  align-items:flex-start;
  gap:17px;

  padding:24px;

  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.20);

  border-radius:6px;

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.sc-ch-location-number{
  color:var(--ch-light);
  font-size:32px;
  font-weight:700;
}

.sc-ch-location small{
  display:block;

  color:rgba(255,255,255,.48);

  font-size:9px;
  letter-spacing:2px;

  margin-bottom:5px;
}

.sc-ch-location strong{
  display:block;

  color:#fff;

  font-size:19px;
}

.sc-ch-location span{
  display:block;

  color:rgba(255,255,255,.64);

  font-size:11px;

  margin-top:5px;
}


/* =========================================================
   COMMON
========================================================= */

.sc-ch-label{
  display:inline-block;

  color:var(--ch-green);

  font-size:10px;
  font-weight:700;
  letter-spacing:2.4px;
  text-transform:uppercase;

  margin-bottom:15px;
}

.sc-ch-section-title h2{
  margin:0;

  color:var(--ch-dark);

  font-size:clamp(34px,4vw,52px);
  line-height:1.12;

  letter-spacing:-1.5px;
}

.sc-ch-section-title > p{
  max-width:650px;

  margin:18px auto 0;

  color:var(--ch-muted);

  line-height:1.8;
}

.sc-ch-center{
  text-align:center;

  margin-left:auto;
  margin-right:auto;
}


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

.sc-ch-intro{
  padding:105px 0;
  background:#fff;
}

.sc-ch-intro-grid{
  display:grid;

  grid-template-columns:.9fr 1.1fr;

  gap:90px;

  align-items:start;
}

.sc-ch-intro-left{
  position:sticky;
  top:100px;
}

.sc-ch-intro-left h2{
  margin:0;

  color:var(--ch-dark);

  font-size:clamp(34px,4vw,52px);
  line-height:1.12;

  letter-spacing:-1.5px;
}

.sc-ch-intro-right{
  max-width:700px;
}

.sc-ch-intro-right p{
  color:var(--ch-muted);

  font-size:15px;
  line-height:1.9;

  margin:0 0 20px;
}

.sc-ch-intro-right .sc-ch-lead{
  color:var(--ch-dark);

  font-size:20px;
  line-height:1.7;

  margin-bottom:25px;
}

.sc-ch-text-link{
  display:inline-flex;

  gap:12px;
  align-items:center;

  margin-top:8px;

  color:var(--ch-deep);

  text-decoration:none;

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

  border-bottom:1px solid var(--ch-light);

  padding-bottom:8px;

  transition:gap .3s ease;
}

.sc-ch-text-link:hover{
  gap:20px;
}


/* =========================================================
   FOCUS
========================================================= */

.sc-ch-focus{
  padding:105px 0;

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

.sc-ch-focus-grid{
  display:grid;

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

  gap:20px;

  margin-top:55px;
}

.sc-ch-focus-card{
  position:relative;

  min-height:310px;

  padding:35px;

  background:#fff;

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

  overflow:hidden;

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.sc-ch-focus-card:hover{
  transform:translateY(-7px);

  box-shadow:
    0 24px 45px rgba(39,51,56,.09);
}

.sc-ch-focus-number{
  position:absolute;

  top:25px;
  right:27px;

  color:rgba(43,87,72,.11);

  font-size:45px;
  font-weight:700;
}

.sc-ch-focus-icon{
  width:48px;
  height:48px;

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

  margin-bottom:55px;

  color:#fff;

  background:var(--ch-deep);

  border-radius:50%;
}

.sc-ch-focus-card h3{
  max-width:500px;

  margin:0 0 14px;

  color:var(--ch-dark);

  font-size:21px;
  line-height:1.35;
}

.sc-ch-focus-card p{
  max-width:600px;

  margin:0;

  color:var(--ch-muted);

  font-size:14px;
  line-height:1.75;
}


/* =========================================================
   STATS
========================================================= */

.sc-ch-stats{
  background:var(--ch-deep);
}

.sc-ch-stats-grid{
  display:grid;

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

.sc-ch-stat{
  min-height:175px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:30px 25px;

  border-right:1px solid rgba(255,255,255,.12);
}

.sc-ch-stat:last-child{
  border-right:0;
}

.sc-ch-stat strong{
  color:var(--ch-light);

  font-size:40px;
  line-height:1;

  margin-bottom:12px;
}

.sc-ch-stat span{
  color:rgba(255,255,255,.68);

  font-size:11px;
  letter-spacing:1px;
}


/* =========================================================
   WHY CHENNAI
========================================================= */

.sc-ch-why{
  padding:105px 0;
  background:#fff;
}

.sc-ch-why-grid{
  margin-top:55px;

  display:grid;

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

  gap:20px;
}

.sc-ch-why-card{
  padding:32px;

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

  transition:
    transform .3s ease,
    background .3s ease;
}

.sc-ch-why-card:hover{
  transform:translateY(-6px);

  background:var(--ch-deep);
}

.sc-ch-why-card > span{
  display:block;

  color:var(--ch-green);

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

  margin-bottom:48px;
}

.sc-ch-why-card h3{
  margin:0 0 12px;

  color:var(--ch-dark);

  font-size:20px;

  transition:color .3s ease;
}

.sc-ch-why-card p{
  margin:0;

  color:var(--ch-muted);

  font-size:14px;
  line-height:1.75;

  transition:color .3s ease;
}

.sc-ch-why-card:hover h3{
  color:#fff;
}

.sc-ch-why-card:hover p{
  color:rgba(255,255,255,.70);
}


/* =========================================================
   CATEGORIES
========================================================= */

.sc-ch-categories{
  padding:105px 0;

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

.sc-ch-category-grid{
  display:grid;

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

  gap:1px;

  margin-top:55px;

  background:var(--ch-border);

  border:1px solid var(--ch-border);
}

.sc-ch-category-card{
  min-height:190px;

  padding:32px;

  background:#fff;

  transition:
    background .3s ease,
    transform .3s ease;
}

.sc-ch-category-card:hover{
  background:var(--ch-deep);

  transform:translateY(-3px);
}

.sc-ch-category-card > span{
  display:block;

  color:var(--ch-green);

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

  margin-bottom:38px;
}

.sc-ch-category-card h3{
  margin:0 0 10px;

  color:var(--ch-dark);

  font-size:20px;

  transition:color .3s ease;
}

.sc-ch-category-card p{
  margin:0;

  color:var(--ch-muted);

  font-size:14px;
  line-height:1.7;

  transition:color .3s ease;
}

.sc-ch-category-card:hover h3{
  color:#fff;
}

.sc-ch-category-card:hover p{
  color:rgba(255,255,255,.70);
}


/* =========================================================
   AREAS
========================================================= */

.sc-ch-areas{
  padding:90px 0;

  background:var(--ch-light);
}

.sc-ch-areas-grid{
  display:grid;

  grid-template-columns:.85fr 1.15fr;

  gap:80px;

  align-items:center;
}

.sc-ch-areas-heading h2{
  margin:0;

  color:var(--ch-dark);

  font-size:clamp(32px,4vw,48px);
  line-height:1.15;
}

.sc-ch-areas-heading p{
  margin:20px 0 0;

  color:rgba(39,51,56,.75);

  font-size:15px;
  line-height:1.8;
}

.sc-ch-area-list{
  display:flex;

  flex-wrap:wrap;

  gap:10px;
}

.sc-ch-area-list span{
  padding:13px 17px;

  background:rgba(255,255,255,.62);

  border:1px solid rgba(43,87,72,.12);

  color:var(--ch-deep);

  font-size:12px;

  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
}

.sc-ch-area-list span:hover{
  transform:translateY(-3px);

  background:var(--ch-deep);

  color:#fff;
}


/* =========================================================
   PROCESS
========================================================= */

.sc-ch-process{
  padding:105px 0;

  background:#fff;
}

.sc-ch-process-grid{
  display:grid;

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

  gap:18px;

  margin-top:55px;
}

.sc-ch-process-card{
  padding:30px;

  border-top:2px solid var(--ch-light);

  background:var(--ch-cream);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.sc-ch-process-card:hover{
  transform:translateY(-6px);

  box-shadow:
    0 20px 40px rgba(39,51,56,.08);
}

.sc-ch-process-card > span{
  display:block;

  color:var(--ch-green);

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

  margin-bottom:45px;
}

.sc-ch-process-card h3{
  margin:0 0 12px;

  color:var(--ch-dark);

  font-size:19px;
}

.sc-ch-process-card p{
  margin:0;

  color:var(--ch-muted);

  font-size:14px;
  line-height:1.7;
}


/* =========================================================
   FAQ
========================================================= */

.sc-ch-faq{
  padding:105px 0;

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

.sc-ch-faq-grid{
  display:grid;

  grid-template-columns:.75fr 1.25fr;

  gap:85px;

  align-items:start;
}

.sc-ch-faq-heading h2{
  margin:0;

  color:var(--ch-dark);

  font-size:clamp(34px,4vw,50px);

  line-height:1.12;
}

.sc-ch-faq-heading > p{
  color:var(--ch-muted);

  line-height:1.8;

  margin:20px 0 28px;
}

.sc-ch-btn-dark{
  color:#fff;

  background:var(--ch-dark);

  border:1px solid var(--ch-dark);
}

.sc-ch-btn-dark:hover{
  background:var(--ch-deep);

  border-color:var(--ch-deep);
}

.sc-ch-faq-list{
  border-top:1px solid var(--ch-border);
}

.sc-ch-faq-list details{
  border-bottom:1px solid var(--ch-border);
}

.sc-ch-faq-list summary{
  list-style:none;

  cursor:pointer;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  padding:22px 0;

  color:var(--ch-dark);

  font-size:15px;

  font-weight:700;
}

.sc-ch-faq-list summary::-webkit-details-marker{
  display:none;
}

.sc-ch-faq-list summary span{
  width:27px;
  height:27px;

  display:flex;

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

  flex-shrink:0;

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

  border-radius:50%;

  color:var(--ch-green);

  font-size:16px;

  transition:transform .3s ease;
}

.sc-ch-faq-list details[open] summary span{
  transform:rotate(45deg);
}

.sc-ch-faq-list details p{
  margin:0;

  padding:0 40px 23px 0;

  color:var(--ch-muted);

  font-size:14px;

  line-height:1.8;
}


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

.sc-ch-final{
  position:relative;

  padding:115px 20px;

  background:
    linear-gradient(
      90deg,
      rgba(39,51,56,.96),
      rgba(43,87,72,.86)
    ),
    url(
      "https://southcelebrityescorts.com/wp-content/uploads/2026/09/marlon-alves-xufJ2Jl2V8Y-unsplash-scaled.jpg"
    );

  background-size:cover;

  background-position:center;

  text-align:center;
}

.sc-ch-final-content{
  position:relative;

  z-index:2;

  max-width:850px;

  margin:auto;
}

.sc-ch-final .sc-ch-label{
  color:var(--ch-light);
}

.sc-ch-final h2{
  margin:0;

  color:#fff;

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

  line-height:1.1;

  letter-spacing:-1.5px;
}

.sc-ch-final p{
  max-width:700px;

  margin:22px auto 0;

  color:rgba(255,255,255,.73);

  font-size:15px;

  line-height:1.8;
}

.sc-ch-final-buttons{
  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:13px;

  margin-top:32px;
}


/* =========================================================
   RELATED LOCATIONS
========================================================= */

.sc-ch-related{
  padding:90px 0 100px;

  background:#fff;
}

.sc-ch-related-grid{
  display:grid;

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

  margin-top:48px;

  border-top:1px solid var(--ch-border);

  border-left:1px solid var(--ch-border);
}

.sc-ch-related-grid a{
  min-height:105px;

  padding:20px;

  display:flex;

  flex-direction:column;

  justify-content:space-between;

  color:var(--ch-dark);

  text-decoration:none;

  border-right:1px solid var(--ch-border);

  border-bottom:1px solid var(--ch-border);

  transition:
    background .3s ease,
    color .3s ease,
    transform .3s ease;
}

.sc-ch-related-grid a span{
  color:var(--ch-green);

  font-size:10px;

  font-weight:700;
}

.sc-ch-related-grid a b{
  align-self:flex-end;

  color:var(--ch-green);

  transition:transform .3s ease;
}

.sc-ch-related-grid a:hover{
  background:var(--ch-deep);

  color:#fff;

  transform:translateY(-4px);
}

.sc-ch-related-grid a:hover b{
  transform:translateX(5px);
}


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

@media(max-width:1000px){

  .sc-ch-hero-inner{
    gap:35px;
  }

  .sc-ch-location{
    width:220px;

    min-width:220px;
  }

  .sc-ch-intro-grid,
  .sc-ch-faq-grid{
    gap:50px;
  }

  .sc-ch-process-grid{
    grid-template-columns:1fr 1fr;
  }

  .sc-ch-related-grid{
    grid-template-columns:repeat(3,1fr);
  }

}


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

@media(max-width:700px){

  .sc-ch-container{
    width:calc(100% - 28px);
  }

  .sc-ch-hero{
    min-height:700px;
  }

  .sc-ch-hero-inner{
    display:block;

    padding:95px 0 75px;
  }

  .sc-ch-hero h1{
    font-size:41px;

    letter-spacing:-1.5px;
  }

  .sc-ch-hero-content > p{
    font-size:15px;

    line-height:1.7;
  }

  .sc-ch-location{
    margin-top:42px;

    width:100%;

    min-width:0;

    max-width:320px;
  }

  .sc-ch-intro,
  .sc-ch-focus,
  .sc-ch-why,
  .sc-ch-categories,
  .sc-ch-process,
  .sc-ch-faq{
    padding:75px 0;
  }

  .sc-ch-intro-grid,
  .sc-ch-faq-grid,
  .sc-ch-areas-grid{
    grid-template-columns:1fr;

    gap:45px;
  }

  .sc-ch-intro-left{
    position:static;
  }

  .sc-ch-intro-left h2,
  .sc-ch-section-title h2,
  .sc-ch-faq-heading h2{
    font-size:35px;
  }

  .sc-ch-intro-right .sc-ch-lead{
    font-size:18px;
  }

  .sc-ch-focus-grid{
    grid-template-columns:1fr;

    margin-top:45px;
  }

  .sc-ch-focus-card{
    min-height:auto;
  }

  .sc-ch-stats-grid{
    grid-template-columns:1fr 1fr;
  }

  .sc-ch-stat{
    min-height:140px;
  }

  .sc-ch-stat:nth-child(2){
    border-right:0;
  }

  .sc-ch-why-grid{
    grid-template-columns:1fr;

    margin-top:45px;
  }

  .sc-ch-category-grid{
    grid-template-columns:1fr;
  }

  .sc-ch-process-grid{
    grid-template-columns:1fr;

    margin-top:45px;
  }

  .sc-ch-process-card > span{
    margin-bottom:30px;
  }

  .sc-ch-final{
    padding:85px 20px;
  }

  .sc-ch-final h2{
    font-size:36px;
  }

  .sc-ch-final-buttons{
    flex-direction:column;
  }

  .sc-ch-final-buttons .sc-ch-btn{
    width:100%;
  }

  .sc-ch-related{
    padding:70px 0;
  }

  .sc-ch-related-grid{
    grid-template-columns:1fr 1fr;
  }

}


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

@media(max-width:430px){

  .sc-ch-hero h1{
    font-size:36px;
  }

  .sc-ch-hero-buttons{
    flex-direction:column;
  }

  .sc-ch-hero-buttons .sc-ch-btn{
    width:100%;
  }

  .sc-ch-stats-grid{
    grid-template-columns:1fr;
  }

  .sc-ch-stat{
    min-height:115px;

    border-right:0;

    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .sc-ch-stat:last-child{
    border-bottom:0;
  }

  .sc-ch-category-card{
    padding:25px;
  }

  .sc-ch-area-list span{
    padding:11px 13px;

    font-size:11px;
  }

  .sc-ch-related-grid{
    grid-template-columns:1fr;
  }

}/* End custom CSS */