/* ===================================================
   INNER BANNER (COMMON)
=================================================== */

.inner-banner {

  position: relative;

  padding: 140px 0 120px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at center,
      #240012 0%,
      #120008 40%,
      #000 100%
    );

  text-align: center;

}

/* OVERLAY */

.inner-banner-overlay {

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,0.2),
      rgba(0,0,0,0.55)
    );

}

/* CONTAINER */

.inner-banner-wrap {

  position: relative;
  z-index: 2;

}

/* ===================================================
   BREADCRUMB
=================================================== */

.breadcrumb {

  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;

  margin-bottom: 60px;

  font-size: 15px;

}

.breadcrumb a {

  color: #999;
  text-decoration: none;

  transition: 0.3s;

}

.breadcrumb a:hover {
  color: #ff2e7a;
}

.breadcrumb .active {
  color: #ff2e7a;
}

/* ===================================================
   BADGE
=================================================== */

.banner-badge {

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 14px 26px;

  border-radius: 50px;

  background:
    rgba(255,255,255,0.05);

  backdrop-filter: blur(15px);

  border:
    1px solid rgba(255,0,120,0.25);

  color: #ff2e7a;

  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;

  margin-bottom: 35px;

  box-shadow:
    0 0 30px rgba(255,0,120,0.15);

}

/* ===================================================
   TITLE
=================================================== */

.inner-banner-title {

  font-size: 50px;
  line-height: 1.1;

  margin-bottom: 20px;

  font-weight: 700;

  color: #fff;

}

/* GRADIENT TEXT */

.inner-banner-title span {

  background:
    linear-gradient(
      45deg,
      #ff2e7a,
      #ff8a00,
      #ffcc00
    );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

/* ===================================================
   SUBTITLE
=================================================== */

.inner-banner-subtitle {

  color: #ff2e7a;

  font-size: 36px;

  margin-bottom: 25px;

  font-weight: 600;

}

/* ===================================================
   LINE
=================================================== */

.banner-line {

  width: 120px;
  height: 2px;

  margin: auto auto 35px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #ffcc00,
      transparent
    );

}

/* ===================================================
   TEXT
=================================================== */

.inner-banner-text {

  max-width: 850px;

  margin: auto;

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

  color: #aaa;

}

/* ===================================================
   DECORATION
=================================================== */

.banner-dot {

  position: absolute;

  width: 10px;
  height: 10px;

  border-radius: 50%;

  background: #ff2e7a;

  box-shadow:
    0 0 20px #ff2e7a;

}

.dot1 {
  top: 120px;
  right: 18%;
}

.dot2 {
  bottom: 100px;
  right: 6%;
}

/* CIRCLES */

.banner-circle {

  position: absolute;

  border:
    1px solid rgba(255,255,255,0.04);

  border-radius: 50%;

}

.left-circle {

  width: 700px;
  height: 700px;

  left: -350px;
  top: -50px;

}

.right-circle {

  width: 500px;
  height: 500px;

  right: -250px;
  top: -80px;

}

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

@media(max-width:768px){

  .inner-banner {

    padding:
      120px 0 90px;

  }

  .breadcrumb {

    justify-content: center;

    margin-bottom: 40px;

    font-size: 13px;

  }

  .banner-badge {

    font-size: 11px;

    padding: 12px 20px;

    letter-spacing: 2px;

  }

  .inner-banner-title {

    font-size: 42px;

  }

  .inner-banner-subtitle {

    font-size: 24px;

  }

  .inner-banner-text {

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

  }

  .left-circle {

    width: 400px;
    height: 400px;

    left: -250px;

  }

  .right-circle {

    width: 250px;
    height: 250px;

    right: -120px;

  }

}
/* ===================================================
   CONTACT INFO SECTION
=================================================== */

.contact-info-section {

  padding: 100px 0;

  background:
    linear-gradient(
      180deg,
      #000,
      #120008
    );

}

/* HEADING */

.section-heading {

  text-align: center;

  max-width: 750px;

  margin:
    0 auto 60px;

}

.section-tag {

  display: inline-block;

  padding: 10px 22px;

  border-radius: 50px;

  background:
    rgba(255,255,255,0.05);

  border:
    1px solid rgba(255,0,120,0.2);

  color: #ff2e7a;

  font-size: 13px;

  letter-spacing: 3px;

  text-transform: uppercase;

  margin-bottom: 25px;

}

.section-heading h2 {

  font-size: 44px;

  color: #fff;

  margin-bottom: 20px;

}

.section-heading h2 span {

  background:
    linear-gradient(
      45deg,
      #ff2e7a,
      #ff8a00
    );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.section-heading p {

  color: #aaa;

  font-size: 18px;

  line-height: 1.8;

}

/* GRID */

.contact-info-grid {

  display: grid;

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

  gap: 30px;

}

/* CARD */

.contact-info-card {

  padding: 40px 30px;

  border-radius: 24px;

  background:
    rgba(255,255,255,0.04);

  backdrop-filter: blur(15px);

  border:
    1px solid rgba(255,255,255,0.08);

  transition: 0.4s ease;

}

.contact-info-card:hover {

  transform:
    translateY(-10px);

  border-color:
    rgba(255,0,120,0.3);

  box-shadow:
    0 0 40px rgba(255,0,120,0.15);

}

/* ICON */

.contact-icon {

  width: 70px;
  height: 70px;

  border-radius: 50%;

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

  margin-bottom: 25px;

  background:
    linear-gradient(
      45deg,
      #ff2e7a,
      #ff0066
    );

}

.contact-icon i {

  color: #fff;

  font-size: 28px;

}

/* TEXT */

.contact-info-card h3 {

  color: #fff;

  font-size: 24px;

  margin-bottom: 15px;

}

.contact-info-card p {

  color: #aaa;

  line-height: 1.8;

  margin-bottom: 25px;

}

/* BUTTON */

.contact-card-btn {

  display: inline-flex;

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

  padding: 12px 24px;

  border-radius: 40px;

  background:
    rgba(255,255,255,0.05);

  border:
    1px solid rgba(255,255,255,0.1);

  color: #fff;

  text-decoration: none;

  transition: 0.3s ease;

}

.contact-card-btn:hover {

  background:
    linear-gradient(
      45deg,
      #ff2e7a,
      #ff0066
    );

  transform:
    translateY(-2px);

}

/* MOBILE */

@media(max-width:992px){

  .contact-info-grid {

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

  }

}

@media(max-width:768px){

  .contact-info-grid {

    grid-template-columns: 1fr;

  }

  .section-heading h2 {

    font-size: 30px;

  }

  .contact-info-card {

    text-align: center;

  }

  .contact-icon {

    margin:
      0 auto 25px;

  }

}
/* ===================================================
   CONTACT FORM SECTION
=================================================== */

.contact-form-section {

  padding: 100px 0;

  background:
    linear-gradient(
      180deg,
      #120008,
      #000
    );

}

/* WRAP */

.contact-form-wrap {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 60px;

  align-items: center;

}

/* ===================================================
   IMAGE
=================================================== */

.contact-form-image {

  position: relative;

}

/* ===================================================
   IMAGE SIZE FIX
=================================================== */

.contact-form-image {

  position: relative;

  max-width: 520px;   /* 🔥 important */

  margin: auto;

}

.contact-form-image img {

  width: 100%;

  height: 700px;      /* 🔥 fixed height */

  object-fit: cover;

  border-radius: 30px;

  display: block;

}


/* ===================================================
   SELECT DARK STYLE FIX
=================================================== */

.form-group select {

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background:
    rgba(255,255,255,0.04);

  color: #fff;

  border:
    1px solid rgba(255,255,255,0.08);

  cursor: pointer;

}

/* OPTIONS */

.form-group select option {

  background: #120008;   /* 🔥 dark */

  color: #fff;

}

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

@media(max-width:768px){

  .contact-form-image {

    max-width: 100%;

  }

  .contact-form-image img {

    height: 420px;

  }

}

/* BADGES */

.form-badge {

  position: absolute;

  display: flex;
  align-items: center;
  gap: 10px;

  padding: 12px 20px;

  border-radius: 50px;

  background:
    rgba(255,255,255,0.08);

  backdrop-filter: blur(15px);

  border:
    1px solid rgba(255,255,255,0.1);

  color: #fff;

  font-size: 14px;

}

.form-badge i {

  color: #ff2e7a;

}

.badge1 {

  top: 20px;
  left: 20px;

}

.badge2 {

  bottom: 20px;
  right: 20px;

}

/* ===================================================
   FORM BOX
=================================================== */

.contact-form-box {

  padding: 50px;

  border-radius: 30px;

  background:
    rgba(255,255,255,0.04);

  backdrop-filter: blur(15px);

  border:
    1px solid rgba(255,255,255,0.08);

}

/* TAG */

.form-tag {

  display: inline-block;

  padding: 10px 20px;

  border-radius: 40px;

  background:
    rgba(255,255,255,0.05);

  border:
    1px solid rgba(255,0,120,0.2);

  color: #ff2e7a;

  font-size: 13px;

  margin-bottom: 20px;

}

/* TITLE */

.contact-form-box h2 {

  font-size: 42px;

  color: #fff;

  margin-bottom: 20px;

}

/* TEXT */

.contact-form-box p {

  color: #aaa;

  line-height: 1.8;

  margin-bottom: 35px;

}

/* FORM */

.form-group {

  margin-bottom: 20px;

}

.form-group input,
.form-group select,
.form-group textarea {

  width: 100%;

  padding: 16px 18px;

  border-radius: 16px;

  border:
    1px solid rgba(255,255,255,0.08);

  background:
    rgba(255,255,255,0.04);

  color: #fff;

  outline: none;

  font-size: 15px;

}

.form-group textarea {

  resize: none;

}

/* PLACEHOLDER */

.form-group input::placeholder,
.form-group textarea::placeholder {

  color: #888;

}

/* BUTTON */

.submit-btn {

  width: 100%;

  padding: 16px;

  border: none;

  border-radius: 50px;

  background:
    linear-gradient(
      45deg,
      #ff2e7a,
      #ff0066
    );

  color: #fff;

  font-size: 16px;

  cursor: pointer;

  transition: 0.3s ease;

}

.submit-btn:hover {

  transform:
    translateY(-3px);

  box-shadow:
    0 0 30px rgba(255,0,120,0.35);

}

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

@media(max-width:992px){

  .contact-form-wrap {

    grid-template-columns: 1fr;

  }

}

@media(max-width:768px){

  .contact-form-box {

    padding: 35px 25px;

  }

  .contact-form-box h2 {

    font-size: 30px;

  }

}
/* ===================================================
   CONTACT CONTENT SECTION
=================================================== */

.contact-content-section {

  padding: 100px 0;

  background:
    linear-gradient(
      180deg,
      #000,
      #120008
    );

}

.contact-content-wrap {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 60px;

  align-items: center;

}

/* LEFT */

.contact-content-text h2 {

  font-size: 35px;

  color: #fff;

  margin:
    20px 0 25px;

}

.contact-content-text p {

  color: #aaa;

  line-height: 1.9;

  margin-bottom: 20px;

}

/* RIGHT GRID */

.contact-feature-grid {

  display: grid;

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

  gap: 25px;

}

/* CARD */

.contact-feature-card {

  padding: 35px;

  border-radius: 24px;

  background:
    rgba(255,255,255,0.04);

  backdrop-filter: blur(15px);

  border:
    1px solid rgba(255,255,255,0.08);

  transition: 0.3s ease;

}

.contact-feature-card:hover {

  transform:
    translateY(-8px);

  border-color:
    rgba(255,0,120,0.25);

  box-shadow:
    0 0 30px rgba(255,0,120,0.15);

}

/* ICON */

.contact-feature-card i {

  font-size: 34px;

  color: #ff2e7a;

  margin-bottom: 20px;

}

/* TITLE */

.contact-feature-card h3 {

  color: #fff;

  margin-bottom: 15px;

}

/* TEXT */

.contact-feature-card p {

  color: #aaa;

  line-height: 1.7;

}

/* MOBILE */

@media(max-width:992px){

  .contact-content-wrap {

    grid-template-columns: 1fr;

  }

}

@media(max-width:768px){

  .contact-feature-grid {

    grid-template-columns: 1fr;

  }

  .contact-content-text h2 {

    font-size: 34px;

  }

}
/* ================= SECTION DIVIDER ================= */

.section-divider{

   position:relative;

   padding:25px 0;

}

.section-divider span{

   display:block;

   width:140px;
   height:1px;

   margin:auto;

   background:
      linear-gradient(
         90deg,
         transparent,
         rgba(255,0,120,0.9),
         rgba(255,200,0,0.9),
         transparent
      );

   position:relative;

}

/* glow */

.section-divider span::before{

   content:"";

   position:absolute;

   left:50%;
   top:50%;

   width:10px;
   height:10px;

   border-radius:50%;

   background:#ff2e7a;

   transform:translate(-50%,-50%);

   box-shadow:
      0 0 20px #ff2e7a,
      0 0 40px #ff2e7a;

}
/*locations page*/
/* ===================================================
   LOCATIONS SECTION
=================================================== */

.locations-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #000,
         #120008
      );

   position:relative;

   overflow:hidden;

}

/* HEADING */

.locations-heading{

   text-align:center;

   max-width:760px;

   margin:
      0 auto 70px;

}

.locations-heading h2{

   font-size:44px;

   line-height:1.2;

   color:#fff;

   margin:
      25px 0 20px;

}

.locations-heading p{

   color:#aaa;

   font-size:18px;

   line-height:1.8;

}

/* GRID */

.locations-grid{

   display:grid;

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

   gap:30px;

}

/* CARD */

.location-card{

   position:relative;

   overflow:hidden;

   border-radius:30px;

   min-height:380px;

   border:
      1px solid rgba(255,255,255,0.08);

   transition:0.4s ease;

   background:#111;

}

/* IMAGE */

.location-card img{

   width:100%;
   height:100%;

   object-fit:cover;

   transition:0.5s ease;

}

/* OVERLAY */

.location-overlay{

   position:absolute;

   inset:0;

   display:flex;

   flex-direction:column;

   justify-content:flex-end;

   padding:30px;

   background:
      linear-gradient(
         to top,
         rgba(0,0,0,0.94),
         rgba(0,0,0,0.45),
         transparent
      );

}

/* BADGE */

.location-badge{

   display:inline-block;

   width:max-content;

   padding:8px 16px;

   border-radius:40px;

   background:
      rgba(255,255,255,0.08);

   border:
      1px solid rgba(255,255,255,0.1);

   color:#ffcc00;

   font-size:11px;

   margin-bottom:18px;

}

/* TITLE */

.location-overlay h3{

   margin-bottom:14px;

}

.location-overlay h3 a{

   color:#fff;

   font-size:32px;

   line-height:1.3;

   transition:0.3s;

}

.location-overlay h3 a:hover{

   color:#ff2e7a;

}

/* TEXT */

.location-overlay p{

   color:#ccc;

   font-size:14px;

   line-height:1.8;

   margin-bottom:24px;

}

/* BUTTON */

.location-btn{

   width:max-content;

   color:#ff2e7a;

   font-size:15px;

   font-weight:600;

   transition:0.3s;

}

.location-btn:hover{

   color:#ffcc00;

}

/* HOVER */

.location-card:hover{

   transform:
      translateY(-10px);

   box-shadow:
      0 0 40px rgba(255,0,120,0.15);

}

.location-card:hover img{

   transform:scale(1.08);

}

/* MOBILE */

@media(max-width:992px){

   .locations-grid{

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

   }

}

@media(max-width:768px){

   .locations-heading h2{

      font-size:30px;

   }

   .locations-heading p{

      font-size:16px;

   }

   .locations-grid{

      grid-template-columns:1fr;

   }

   .location-card{

      min-height:320px;

   }

   .location-overlay{

      padding:25px;

   }

   .location-overlay h3 a{

      font-size:26px;

   }

}
/* ===================================================
   KERALA DESTINATION SECTION
=================================================== */

.kerala-destination-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #120008,
         #000
      );

}

/* WRAP */

.kerala-destination-wrap{

   display:grid;

   grid-template-columns:
      1.1fr 0.9fr;

   gap:60px;

   align-items:center;

}

/* ===================================================
   LEFT CONTENT
=================================================== */

.destination-content h2{

   font-size:42px;

   line-height:1.3;

   color:#fff;

   margin:
      25px 0;

}

.destination-content p{

   color:#aaa;

   font-size:16px;

   line-height:1.9;

   margin-bottom:22px;

}

/* ===================================================
   RIGHT GRID
=================================================== */

.destination-highlights{

   display:grid;

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

   gap:25px;

}

/* BOX */

.destination-box{

   padding:35px 25px;

   border-radius:28px;

   background:
      rgba(255,255,255,0.04);

   backdrop-filter:blur(18px);

   border:
      1px solid rgba(255,255,255,0.08);

   text-align:center;

   transition:0.4s ease;

}

.destination-box:hover{

   transform:
      translateY(-8px);

   border-color:
      rgba(255,0,120,0.3);

   box-shadow:
      0 0 35px rgba(255,0,120,0.15);

}

/* ICON */

.destination-box i{

   font-size:34px;

   color:#ff2e7a;

   margin-bottom:20px;

}

/* TITLE */

.destination-box h3{

   color:#fff;

   font-size:22px;

   line-height:1.5;

}

/* MOBILE */

@media(max-width:992px){

   .kerala-destination-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .destination-content h2{

      font-size:34px;

   }

   .destination-highlights{

      grid-template-columns:1fr;

   }

}
/*kochi-escorts-page*/
/* ===================================================
   KOCHI INTRO SECTION
=================================================== */

.kochi-intro-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #120008,
         #000
      );

   position:relative;

   overflow:hidden;

}

/* ===================================================
   WRAP
=================================================== */

.kochi-intro-wrap{

   display:grid;

   grid-template-columns:
      1.1fr 0.9fr;

   gap:70px;

   align-items:center;

}

/* ===================================================
   LEFT CONTENT
=================================================== */

.kochi-intro-content h2{

   font-size:52px;

   line-height:1.2;

   color:#fff;

   margin:
      25px 0 30px;

}

.kochi-intro-content p{

   color:#aaa;

   font-size:16px;

   line-height:1.9;

   margin-bottom:24px;

}

/* LINKS */

.kochi-intro-content a{

   color:#ff2e7a;

   transition:0.3s;

}

.kochi-intro-content a:hover{

   color:#ffcc00;

}

/* ===================================================
   IMAGE
=================================================== */

.kochi-intro-image{

   position:relative;

}

.kochi-intro-image img{

   width:100%;

   height:650px;

   object-fit:cover;

   border-radius:36px;

   display:block;

   border:
      1px solid rgba(255,255,255,0.08);

}

/* ===================================================
   FLOATING BADGE
=================================================== */

.kochi-floating-card{

   position:absolute;

   left:20px;
   bottom:20px;

   padding:12px 18px;

   border-radius:50px;

   background:
      rgba(0,0,0,0.45);

   backdrop-filter:blur(14px);

   border:
      1px solid rgba(255,255,255,0.08);

   display:inline-flex;

   align-items:center;

   gap:10px;

}

/* TEXT */

.kochi-floating-card span{

   color:#fff;

   font-size:12px;

   font-weight:600;

   letter-spacing:1px;

   text-transform:uppercase;

}

/* DOT */

.kochi-floating-card::before{

   content:"";

   width:8px;
   height:8px;

   border-radius:50%;

   background:#00ff84;

   box-shadow:
      0 0 10px #00ff84;

}

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

@media(max-width:992px){

   .kochi-intro-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .kochi-intro-section{

      padding:80px 0;

   }

   .kochi-intro-content h2{

      font-size:38px;

   }

   .kochi-intro-content p{

      font-size:15px;

   }

   .kochi-intro-image img{

      height:500px;

      border-radius:28px;

   }

   .kochi-floating-card{

      left:18px;
      right:18px;
      bottom:18px;

      padding:22px;

      border-radius:22px;

   }

   .kochi-floating-card h3{

      font-size:24px;

   }

}
/* ===================================================
   FEATURED PROFILE SECTION
=================================================== */

.featured-profile-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #000,
         #140008
      );

   position:relative;

   overflow:hidden;

}

/* ===================================================
   HEADING
=================================================== */

.featured-heading{

   text-align:center;

   max-width:760px;

   margin:
      0 auto 65px;

}

.featured-heading h2{

   font-size:54px;

   line-height:1.2;

   color:#fff;

   margin:
      25px 0 18px;

}

.featured-heading p{

   color:#aaa;

   font-size:17px;

   line-height:1.8;

}

/* ===================================================
   GRID
=================================================== */

.featured-grid{

   display:grid;

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

   gap:28px;

}

/* ===================================================
   CARD
=================================================== */

.featured-card{

   position:relative;

   overflow:hidden;

   border-radius:30px;

   height:430px;

   background:#111;

   border:
      1px solid rgba(255,255,255,0.08);

   transition:0.4s ease;

}

.featured-card:hover{

   transform:
      translateY(-8px);

   border-color:
      rgba(255,0,120,0.25);

   box-shadow:
      0 0 35px rgba(255,0,120,0.15);

}

/* ===================================================
   IMAGE
=================================================== */

.featured-card img{

   width:100%;
   height:100%;

   object-fit:cover;

   display:block;

   transition:0.5s ease;

}

.featured-card:hover img{

   transform:scale(1.06);

}

/* ===================================================
   BADGE
=================================================== */

.featured-badge{

   position:absolute;

   top:16px;
   left:16px;

   z-index:5;

   min-width:78px;

   padding:8px 14px;

   border-radius:50px;

   background:
      rgba(0,0,0,0.45);

   backdrop-filter:blur(14px);

   border:
      1px solid rgba(255,255,255,0.08);

   color:#fff;

   font-size:10px;

   font-weight:700;

   letter-spacing:1px;

   text-transform:uppercase;

   display:flex;

   align-items:center;

   justify-content:center;

   white-space:nowrap;

}

/* ===================================================
   RATE TAG
=================================================== */

.featured-rate{

   position:absolute;

   top:16px;
   right:16px;

   z-index:5;

   padding:8px 14px;

   border-radius:50px;

   background:
      linear-gradient(
         45deg,
         #ff2e7a,
         #ff0066
      );

   color:#fff;

   font-size:11px;

   font-weight:700;

   box-shadow:
      0 0 18px rgba(255,0,120,0.25);

}

/* ===================================================
   OVERLAY
=================================================== */

.featured-overlay{

   position:absolute;

   left:0;
   right:0;
   bottom:0;

   padding:22px;

   background:
      linear-gradient(
         to top,
         rgba(0,0,0,0.96),
         rgba(0,0,0,0.5),
         transparent
      );

}

/* ===================================================
   NAME + AGE
=================================================== */

.featured-top{

   display:flex;

   align-items:center;

   justify-content:space-between;

   gap:10px;

   margin-bottom:15px;

}

/* NAME */

.featured-top h3{

   margin:0;

}

.featured-top h3 a{

   color:#fff;

   font-size:28px;

   font-weight:700;

   line-height:1.2;

   transition:0.3s;

}

.featured-top h3 a:hover{

   color:#ff2e7a;

}

/* AGE */

.featured-top span{

   color:#ffcc00;

   font-size:17px;

   font-weight:700;

}

/* ===================================================
   STATUS
=================================================== */

.featured-status{

   display:inline-flex;

   align-items:center;

   gap:8px;

   padding:10px 15px;

   border-radius:40px;

   background:
      rgba(255,255,255,0.08);

   backdrop-filter:blur(10px);

   border:
      1px solid rgba(255,255,255,0.08);

   color:#fff;

   font-size:12px;

   font-weight:500;

}

/* DOT */

.featured-status::before{

   content:"";

   width:8px;
   height:8px;

   border-radius:50%;

   background:#00ff84;

   box-shadow:
      0 0 10px #00ff84;

}

/* ===================================================
   BUTTONS
=================================================== */

.featured-btns{

   display:flex;

   align-items:center;

   justify-content:center;

   gap:18px;

   margin-top:55px;

   flex-wrap:wrap;

}

/* BUTTON */

.featured-btn{

   display:inline-flex;

   align-items:center;

   justify-content:center;

   min-width:220px;

   padding:16px 30px;

   border-radius:50px;

   background:
      linear-gradient(
         45deg,
         #ff2e7a,
         #ff0066
      );

   color:#fff;

   font-size:14px;

   font-weight:600;

   transition:0.3s;

}

.featured-btn:hover{

   transform:
      translateY(-3px);

}

/* OUTLINE */

.outline-btn{

   background:transparent;

   border:
      1px solid rgba(255,255,255,0.12);

}

.outline-btn:hover{

   background:
      rgba(255,255,255,0.05);

   border-color:
      rgba(255,0,120,0.3);

}

/* ===================================================
   RESPONSIVE
=================================================== */

@media(max-width:1200px){

   .featured-grid{

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

   }

}

@media(max-width:768px){

   .featured-profile-section{

      padding:80px 0;

   }

   .featured-heading{

      margin-bottom:45px;

   }

   .featured-heading h2{

      font-size:38px;

   }

   .featured-heading p{

      font-size:15px;

   }

   .featured-grid{

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

      gap:16px;

   }

   .featured-card{

      height:280px;

      border-radius:22px;

   }

   /* BADGE */

   .featured-badge{

      top:12px;
      left:12px;

      min-width:64px;

      padding:6px 10px;

      font-size:8px;

   }

   /* RATE */

   .featured-rate{

      top:12px;
      right:12px;

      padding:6px 10px;

      font-size:9px;

   }

   /* OVERLAY */

   .featured-overlay{

      padding:15px;

   }

   /* NAME */

   .featured-top{

      margin-bottom:10px;

   }

   .featured-top h3 a{

      font-size:18px;

   }

   /* AGE */

   .featured-top span{

      font-size:13px;

   }

   /* STATUS */

   .featured-status{

      padding:7px 11px;

      font-size:10px;

      gap:6px;

   }

   .featured-status::before{

      width:6px;
      height:6px;

   }

   /* BUTTONS */

   .featured-btns{

      margin-top:40px;

      gap:14px;

   }

   .featured-btn{

      width:100%;

      min-width:100%;

      padding:15px 20px;

      font-size:13px;

   }

}
/* ===================================================
   LUXURY KOCHI SECTION
=================================================== */

.luxury-kochi-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #140008,
         #000
      );

   position:relative;

   overflow:hidden;

}

/* ===================================================
   WRAP
=================================================== */

.luxury-kochi-wrap{

   display:grid;

   grid-template-columns:
      0.95fr 1.05fr;

   gap:70px;

   align-items:center;

}

/* ===================================================
   IMAGE
=================================================== */

.luxury-kochi-image{

   position:relative;

}

.luxury-kochi-image img{

   width:100%;

   height:650px;

   object-fit:cover;

   border-radius:36px;

   display:block;

   border:
      1px solid rgba(255,255,255,0.08);

}

/* ===================================================
   FLOATING BADGE
=================================================== */

.luxury-kochi-badge{

   position:absolute;

   left:20px;
   bottom:20px;

   padding:12px 18px;

   border-radius:50px;

   background:
      rgba(0,0,0,0.45);

   backdrop-filter:blur(14px);

   border:
      1px solid rgba(255,255,255,0.08);

   display:inline-flex;

   align-items:center;

   gap:10px;

}

/* DOT */

.luxury-kochi-badge::before{

   content:"";

   width:8px;
   height:8px;

   border-radius:50%;

   background:#00ff84;

   box-shadow:
      0 0 10px #00ff84;

}

/* TEXT */

.luxury-kochi-badge span{

   color:#fff;

   font-size:12px;

   font-weight:600;

   letter-spacing:1px;

   text-transform:uppercase;

}

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

.luxury-kochi-content h2{

   font-size:48px;

   line-height:1.25;

   color:#fff;

   margin:
      25px 0 30px;

}

.luxury-kochi-content p{

   color:#aaa;

   font-size:16px;

   line-height:1.9;

   margin-bottom:24px;

}

/* LINKS */

.luxury-kochi-content a{

   color:#ff2e7a;

   transition:0.3s;

}

.luxury-kochi-content a:hover{

   color:#ffcc00;

}

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

@media(max-width:992px){

   .luxury-kochi-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .luxury-kochi-section{

      padding:80px 0;

   }

   .luxury-kochi-content h2{

      font-size:36px;

   }

   .luxury-kochi-content p{

      font-size:15px;

   }

   .luxury-kochi-image img{

      height:500px;

      border-radius:28px;

   }

   .luxury-kochi-badge{

      left:18px;
      bottom:18px;

      padding:10px 16px;

   }

   .luxury-kochi-badge span{

      font-size:10px;

   }

}
/* ===================================================
   WHY KOCHI SECTION
=================================================== */

.why-kochi-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #000,
         #140008
      );

   position:relative;

   overflow:hidden;

}

/* ===================================================
   HEADING
=================================================== */

.why-kochi-heading{

   text-align:center;

   max-width:760px;

   margin:
      0 auto 70px;

}

.why-kochi-heading h2{

   font-size:52px;

   line-height:1.2;

   color:#fff;

   margin:
      25px 0 20px;

}

.why-kochi-heading p{

   color:#aaa;

   font-size:17px;

   line-height:1.9;

}

/* ===================================================
   GRID
=================================================== */

.why-kochi-grid{

   display:grid;

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

   gap:28px;

}

/* ===================================================
   CARD
=================================================== */

.why-kochi-card{

   position:relative;

   padding:38px 30px;

   border-radius:30px;

   overflow:hidden;

   background:
      rgba(255,255,255,0.04);

   backdrop-filter:blur(18px);

   border:
      1px solid rgba(255,255,255,0.08);

   transition:0.4s ease;

}

/* GLOW */

.why-kochi-card::before{

   content:"";

   position:absolute;

   inset:0;

   background:
      radial-gradient(
         circle at top right,
         rgba(255,0,120,0.12),
         transparent 45%
      );

   pointer-events:none;

}

/* HOVER */

.why-kochi-card:hover{

   transform:
      translateY(-8px);

   border-color:
      rgba(255,0,120,0.3);

   box-shadow:
      0 0 35px rgba(255,0,120,0.15);

}

/* ===================================================
   ICON
=================================================== */

.why-kochi-icon{

   width:72px;
   height:72px;

   border-radius:50%;

   display:flex;

   align-items:center;

   justify-content:center;

   margin-bottom:26px;

   background:
      linear-gradient(
         45deg,
         #ff2e7a,
         #ff0066
      );

   box-shadow:
      0 0 25px rgba(255,0,120,0.25);

}

.why-kochi-icon i{

   color:#fff;

   font-size:28px;

}

/* ===================================================
   TITLE
=================================================== */

.why-kochi-card h3{

   color:#fff;

   font-size:26px;

   line-height:1.4;

   margin-bottom:16px;

}

/* ===================================================
   TEXT
=================================================== */

.why-kochi-card p{

   color:#aaa;

   font-size:15px;

   line-height:1.8;

}

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

@media(max-width:1200px){

   .why-kochi-grid{

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

   }

}

@media(max-width:768px){

   .why-kochi-section{

      padding:80px 0;

   }

   .why-kochi-heading{

      margin-bottom:45px;

   }

   .why-kochi-heading h2{

      font-size:38px;

   }

   .why-kochi-heading p{

      font-size:15px;

   }

   .why-kochi-grid{

      grid-template-columns:1fr;

      gap:18px;

   }

   .why-kochi-card{

      padding:32px 24px;

      border-radius:24px;

   }

   .why-kochi-icon{

      width:60px;
      height:60px;

      margin-bottom:20px;

   }

   .why-kochi-icon i{

      font-size:22px;

   }

   .why-kochi-card h3{

      font-size:22px;

   }

   .why-kochi-card p{

      font-size:14px;

   }

}