/* ===================================================
   TRIVANDRUM INTRO SECTION
=================================================== */

.escort-intro-section{

   padding:100px 0;

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

   position:relative;

   overflow:hidden;

}

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

.escort-intro-wrap{

   display:grid;

   grid-template-columns:
      1.05fr 0.95fr;

   gap:70px;

   align-items:center;

}

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

.escort-intro-content h2{

   font-size:52px;

   line-height:1.2;

   color:#fff;

   margin:
      25px 0 30px;

}

.escort-intro-content p{

   color:#aaa;

   font-size:16px;

   line-height:1.9;

   margin-bottom:24px;

}

/* LINKS */

.escort-intro-content a{

   color:#ff2e7a;

   transition:0.3s;

}

.escort-intro-content a:hover{

   color:#ffcc00;

}

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

.escort-intro-image{

   position:relative;

}

.escort-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
=================================================== */

.escort-floating-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 */

.escort-floating-badge::before{

   content:"";

   width:8px;
   height:8px;

   border-radius:50%;

   background:#00ff84;

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

}

/* TEXT */

.escort-floating-badge span{

   color:#fff;

   font-size:12px;

   font-weight:600;

   letter-spacing:1px;

   text-transform:uppercase;

}

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

@media(max-width:992px){

   .escort-intro-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .escort-intro-section{

      padding:80px 0;

   }

   .escort-intro-content h2{

      font-size:38px;

   }

   .escort-intro-content p{

      font-size:15px;

   }

   .escort-intro-image img{

      height:500px;

      border-radius:28px;

   }

   .escort-floating-badge{

      left:18px;
      bottom:18px;

      padding:10px 16px;

   }

   .escort-floating-badge span{

      font-size:10px;

   }

}
/* ===================================================
   LUXURY TRIVANDRUM SECTION
=================================================== */

.luxury-trivandrum-section{

   padding:100px 0;

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

   position:relative;

   overflow:hidden;

}

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

.luxury-trivandrum-wrap{

   display:grid;

   grid-template-columns:
      0.95fr 1.05fr;

   gap:70px;

   align-items:center;

}

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

.luxury-trivandrum-image{

   position:relative;

}

.luxury-trivandrum-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-trivandrum-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-trivandrum-badge::before{

   content:"";

   width:8px;
   height:8px;

   border-radius:50%;

   background:#00ff84;

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

}

/* TEXT */

.luxury-trivandrum-badge span{

   color:#fff;

   font-size:12px;

   font-weight:600;

   letter-spacing:1px;

   text-transform:uppercase;

}

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

.luxury-trivandrum-content h2{

   font-size:48px;

   line-height:1.25;

   color:#fff;

   margin:
      25px 0 30px;

}

.luxury-trivandrum-content p{

   color:#aaa;

   font-size:16px;

   line-height:1.9;

   margin-bottom:24px;

}

/* LINKS */

.luxury-trivandrum-content a{

   color:#ff2e7a;

   transition:0.3s;

}

.luxury-trivandrum-content a:hover{

   color:#ffcc00;

}

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

@media(max-width:992px){

   .luxury-trivandrum-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .luxury-trivandrum-section{

      padding:80px 0;

   }

   .luxury-trivandrum-content h2{

      font-size:36px;

   }

   .luxury-trivandrum-content p{

      font-size:15px;

   }

   .luxury-trivandrum-image img{

      height:500px;

      border-radius:28px;

   }

   .luxury-trivandrum-badge{

      left:18px;
      bottom:18px;

      padding:10px 16px;

   }

   .luxury-trivandrum-badge span{

      font-size:10px;

   }

}
/* ===================================================
   WHY TRIVANDRUM SECTION
=================================================== */

.why-trivandrum-section{

   padding:100px 0;

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

   position:relative;

   overflow:hidden;

}

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

.why-trivandrum-heading{

   text-align:center;

   max-width:760px;

   margin:
      0 auto 70px;

}

.why-trivandrum-heading h2{

   font-size:52px;

   line-height:1.2;

   color:#fff;

   margin:
      25px 0 20px;

}

.why-trivandrum-heading p{

   color:#aaa;

   font-size:17px;

   line-height:1.9;

}

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

.why-trivandrum-grid{

   display:grid;

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

   gap:28px;

}

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

.why-trivandrum-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-trivandrum-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-trivandrum-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-trivandrum-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-trivandrum-icon i{

   color:#fff;

   font-size:28px;

}

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

.why-trivandrum-card h3{

   color:#fff;

   font-size:26px;

   line-height:1.4;

   margin-bottom:16px;

}

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

.why-trivandrum-card p{

   color:#aaa;

   font-size:15px;

   line-height:1.8;

}

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

@media(max-width:1200px){

   .why-trivandrum-grid{

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

   }

}

@media(max-width:768px){

   .why-trivandrum-section{

      padding:80px 0;

   }

   .why-trivandrum-heading{

      margin-bottom:45px;

   }

   .why-trivandrum-heading h2{

      font-size:38px;

   }

   .why-trivandrum-heading p{

      font-size:15px;

   }

   .why-trivandrum-grid{

      grid-template-columns:1fr;

      gap:18px;

   }

   .why-trivandrum-card{

      padding:32px 24px;

      border-radius:24px;

   }

   .why-trivandrum-icon{

      width:60px;
      height:60px;

      margin-bottom:20px;

   }

   .why-trivandrum-icon i{

      font-size:22px;

   }

   .why-trivandrum-card h3{

      font-size:22px;

   }

   .why-trivandrum-card p{

      font-size:14px;

   }

}