:root{
  --green-clr: #e4d932;
  --gray-clr: #9c9c9c;
  --dark-blue-clr: #0b0938;
}


body {
  margin: 0;
  font-family: sans-serif;
  background: #f2f2f2;
  justify-content: center;
  align-items: center;
}

.gallery-section {
  background: #fff;
  border-radius: 0 0 80px 80px;
  padding: 40px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.gallery-section h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.gallery img {
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.gallery img:hover {
  transform: scale(1.05);
  align-items: center;
}

.alin{
  align-items: center;
}

/* navbar */
.navbar-logo
{
  width: 3.5rem;
  /* height: 8.5rem; */
}
.mybtn
{
  border: 0.5rem solid var(--green-clr) !important;
  padding: .5rem 1.6rem;
}

.mybtn:hover
{
  background: transparent;
  background-color: #9c9c9c !important;
}
/* navbar */


/* banner right lift section start */

.bannerdelhi {
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url('../images/newescort.in/6.webp') bottom center no-repeat;
    background-size: cover;
    height: 90px;
    padding: 0 30px;
            background-attachment: fixed;

    right: 45px;
    left: 45px;
    bottom: -45px;
    transition: .5s;
    z-index: 1;
    /* margin-top: 50px; */
}

.image-container img {
  width: 32rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border-top: 1rem solid white;
  border-bottom: 1rem solid rgb(181, 37, 37);
  background-position: center;
  background-size: 110%;
  object-fit: cover;
  box-shadow: 
  0 0 1rem rgb(46, 149, 14),
  inset 0 0 1rem rgb(148, 20, 150),
  0 0 2rem wheat,
  inset 0 0 2rem wheat,
  0 0 7rem rgb(170, 166, 208),
  inset 0 0 7rem rgb(173, 165, 197);
  
}

.hero-section{
  background-size: cover;
    height: 751px;
}

.hero-section h1{
  font-size: 4rem;
  font-family: "EB Garamond", serif;
}

.para {
  max-width: 500px;
}



@media (max-width: 321px){
.bannerdelhi img {
 
}
.bannerdelhi h1 {
  font-size: 2.8rem;
}
.bannerdelhi p {
  font-size: 12px;
}
.bannerdelhi .btn {
  font-size: 14px;
}
}


@media (max-width: 769px){
.bannerdelhi img {
  width: 330px;
}

.bannerdelhi h1 {
  font-size: 40px;
}
.bannerdelhi p {
  font-size: 12px;
}
.bannerdelhi .btn {
  font-size: 14px;
}
}

@media (max-width: 426px){
.bannerdelhi img {
   width: 300px;
}

.bannerdelhi h1 {
  font-size: 38px;
}
.bannerdelhi p {
  font-size: 12px;
}
.bannerdelhi .btn {
  font-size: 12px;
}
}
/* banner right lift section end */

/* arealink start  */

/* arealink end  */

/* 2 right lift section start */

.atext{
  text-decoration: none;
}

.about-me{
  width: 35rem;
}

.section-container{
  padding-block: 4rem;
}

.glow{
  position: relative;
}



.glow::before{
  content: "";
  background-color: #cbbe59;
  position:absolute;
  inset: 0.5rem;
  border-radius: 25%;
  z-index: -1;
  /* width: 35rem; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  filter: blur(60px);
}

.glow img{
  border-radius: 25%;
  height: 450px;
  object-fit: cover;
}
@media (max-width: 780px){
.glow img{
  border-radius: 25%;
  height: 390px;
  object-fit: cover;
} }

@media (max-width: 600px){
.glow img{
  border-radius: 25%;
  height: 344px;
  object-fit: cover;
} }

@media (max-width: 320px){
.glow img{
  border-radius: 25%;
  height: 290px;
  object-fit: cover;
} }

/* 2 right lift section end */

/* gallery start 4  */

.my1{
 align-items: center;
 text-align: center;
 
}

.my1 img{
height: 300px;
object-fit: cover;
}
.my{
  background-color: aqua;
}

.my1 .card{
background: rgba(252, 255, 255, 0.5);
}

/* gallery end 4 */



/* read more gallery start */

.readmore1 img{
  height: 400px;
}

.raj {
  color: #ffffff;
  background: #c46eda;
  border: 2px solid #A8DF8E;
  line-height: 1.8;
  height: 900%;
  font-family: 'Inter-Regular';
  padding: 0 15px 15px 15px;
  overflow: hidden;
}

.card-text-more {
            display: none;
        }
        .read-more-btn {
            cursor: pointer;
            
            text-decoration: underline;
            color: #ffffff;
            background: #90da6e;
            border: 2px solid #A8DF8E;
        }

/* read more gallery end  */



/* 3 Gallery card section start */
.glow3{
  
}

.glow3::before{
  content: "";
  background-color: #ee4343;
  position:absolute;
  inset: -0.5rem;
  border-radius: 50%;
  z-index: -1;
  /* width: 35rem; */
  left: 0;
  filter: blur(10px);
}

.hover-card:hover{
  background-color: #a7a4e8;
}
.hover-card:hover *{
  background-color: #2ea353 ;
}

/* 3 Gallery card section end */


a{
  text-decoration: none;
}

.footer {
      background-color: #343a40;
      color: #ffffff;
      padding: 40px 0;
    }
    .footer a {
      color: #ffc107;
      text-decoration: none;
    }
    .footer a:hover {
      text-decoration: underline;
    }




    
/* About Start 1  */

.gurugramwali p {
    text-align: justify;
    font-family: 'Arial ', sans-serif !important;
    font-size: 20px;
    line-height: 35px;
    font-weight: normal;
}

.about-start{
  background-color: #f07572;
}
   @media (min-width: 992px) {
    .about-start {
        position: relative;
        margin-right: -90px;
        z-index: 1;
    }

    .about-end {
        position: relative;
        margin-left: -90px;
        z-index: 1;
    }
	.content-end {
        position: relative;
        z-index: 1;
    }
}

/* About end 1  */









/* login page  */

a{
  text-decoration: none;
}

.footer {
      background-color: #343a40;
      color: #ffffff;
      padding: 40px 0;
    }
    .footer a {
      color: #ffc107;
      text-decoration: none;
    }
    .footer a:hover {
      text-decoration: underline;
    }

    .mycontainer li a{
      color: #1dab4f;
    }

.navarea {
      background-color: #f4744c;
    }




    





  /* banner start  */
    /* Basic reset */
* { box-sizing: border-box; margin: 0; padding: 0; }

body, html { height: 100%; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }

/* Banner container */
.banner {
  height: 70vh;                  /* banner ki height; zaroorat par change karein */
  min-height: 320px;             /* chhote screens ke liye minimum */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: relative;

  background-image: url(../images/banner-2.jpg);

  background-size: cover;        /* image poore area ko cover kare */
  background-position: center;   /* image centre pe align ho */
  background-repeat: no-repeat;
}

/* overlay to darken image for readable text */
.banner-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right, rgba(0,0,0,0.45), rgba(0,0,0,0.55));
  display: flex;
  align-items: center;
  justify-content: center;
}

/* content box */
.banner-content {
  text-align: center;
  padding: 2rem;
  max-width: 900px;
}

/* headline & paragraph */
.banner-content h1 {
  font-size: clamp(1.5rem, 4vw, 3rem);  /* responsive font size */
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}
.banner-content p {
  font-size: clamp(1rem, 2.2vw, 1.25rem);
  margin-bottom: 1rem;
  opacity: 0.95;
}

/* CTA button */
.btn {
  display: inline-block;
  padding: 0.7rem 1.25rem;
  border-radius: 10px;
  background: rgba(255,255,255,0.95);
  color: #111;
  text-decoration: none;
  font-weight: 600;
  transition: transform .14s ease, box-shadow .14s ease;
}
.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

/* Responsive tweaks for very small screens */
@media (max-width: 480px) {
  .banner { height: 48vh; }
  .banner-content { padding: 1rem; }
}

/* banner end  */


/* about page  */


   /* Transparent navbar */
    .navebarlucknow {
      background: rgba(149, 105, 105, 0.3); /* semi-transparent */
      transition: background 0.3s;
    }

    .navebarlucknow {
     
    }


/* Bannerabout start   */

     .banner1 {
            background-image: url(../images/newescort.in/1.webp);
            background-size: cover;
            height: 700px;
            display: flex;
            align-items: center;
            color: white;
            text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
        }

        .banner1 .text-uppercase {
            color: #67dfbb;;
            font-size: 18px;
        }
        .banner1 p {
            color: #ffffff;
            font-size: 18px;
        }
        .banner1 .btn {
            color: #f8f8f8;
            font-size: 18px;
            background-color: #64c2d1;
            border: solid 1px #64c2d1;
        }
        .banner1 .banner-content {
            max-width: 600px;
        }

 @media screen and (max-width: 321px) {
  .banner1{
    height: 350px;
  }
  .banner1 h1 {
    font-size: 1.5rem;
  }
  .banner1 p {
    font-size: 1rem;
  }
  .banner1 .btn {
    font-size: 1rem;
  }
  .banner1 .banner-content{
    margin-top: 70px;
  }

}
 @media screen and (max-width: 376px) {
  .banner1{
    height: 350px;
  }
  .banner1 h1 {
    font-size: 1.5rem;
  }
  .banner1 p {
    font-size: 1rem;
  }
  .banner1 .btn {
    font-size: 1rem;
  }
  .banner1 .banner-content{
    margin-top: 80px;
  }

}

 @media screen and (max-width: 426px) {
  .banner1{
    height: 350px;
  }
  .banner1 h1 {
    font-size: 1.5rem;
  }
  .banner1 p {
    font-size: 1rem;
  }
  .banner1 .btn {
    font-size: 1rem;
  }
  .banner1 .banner-content{
    margin-top: 80px;
  }

}

 @media screen and (max-width: 770px) {
  .banner1{
    height: 400px;
  }
  .banner1 h1 {
    font-size: 1.5rem;
  }
  .banner1 p {
    font-size: 1rem;
  }
  .banner1 .btn {
    font-size: 1rem;
  }
  .banner1 .banner-content{
    margin-top: 130px;
  }
}


    /* Bannerabout end  */


/* lucknow page start     */

.rightimg1 .gradient-text{
      background: linear-gradient(90deg,#ff6a00,#ee0979,#17a2b8,#28a745);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-weight: 800;
      letter-spacing: .5px;
    }
    
    .rightimg1 .img-card{
      border-radius: 1rem;
      box-shadow: 0 10px 30px rgba(0,0,0,.12);
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    
/* whatsapp1 start  */
    .whatsapp1 .gallery-card {
      border: 4px solid #f879b7;
      border-radius: 10px;
      overflow: hidden;
      background-color: #f879b7;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;
    }
    .whatsapp1 .gallery-card img {
      width: 100%;
      height: 350px;
      object-fit: cover;
    }
    .whatsapp1 .btn-whatsapp {
      background-color: #25d366;
      color: white;
    }
    .whatsapp1 .btn-call {
      background-color: #007bff;
      color: white;
    }
    .whatsapp1 h1 {
      color: azure;
    }
    /* whatsapp1 end   */

/* 2 right lift section start */

.about-me{
  /* width: 35rem; */
}

.galleryarea3{
  padding-block: 2rem;
  background-color: #eec76d;
  position: relative;
}


.galleryarea3::before{
  content: "";
  background-color: #cbbe59;
  position:absolute;
  inset: 0.5rem;
  border-radius: 25%;
  z-index: -1;
  /* width: 35rem; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  filter: blur(60px);
}

.galleryarea3 img{
  border-radius: 5%;
  height: 700px;
  object-fit: cover;
}

.galleryarea3 h5{
  color: #918fbe;
  font-size: 25px;
}
.galleryarea3 p{
  color: #ffffff;
  font-size: 19px;
}
@media (max-width: 780px){
.glow2 img{
  height: 390px;
} }

@media (max-width: 600px){
.glow2 img{
  height: 344px;
} }

@media (max-width: 320px){
.glow img{
  height: 290px;
} }

/* 2 right lift section end */


/* gallerylucknowbtn start  */

  .gallerylucknow {
      border: 1px solid #b1e9e3;
      border-radius: 12px;
      background-color: #e4f9f7;
      overflow: hidden;
      transition: 0.3s;
    }
    .gallerylucknow:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .buttonage {
      display: flex;
    }
    .buttonage .btn {
      margin: 2px;
    background-color: #d02dad;
    color: azure;
    border: 3px solid #ac2b91;
    }
    .buttonlucknow {
      /* display: flex; */
      justify-content: space-between;
      margin-top: 10px;
    }
    .gallerylucknow img {
      width: 100%;
      height: 350px;
      object-fit: cover;
    }

    /* gallerylucknowbtn end  */


    /* call-girl-lucknow-btn-text-start  */

    .gradient-text1{
      background: linear-gradient(90deg,#c734d4,#ee0979,#e0ec60,#da63c2);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-weight: 800;
      letter-spacing: .5px;
    }
    /* Soft colored bullets look */
    .color-dots li::marker{ color:#0d6efd; }
    .color-dots li:nth-child(2)::marker{ color:#20c997; }
    .color-dots li:nth-child(3)::marker{ color:#ffc107; }
    .color-dots li:nth-child(4)::marker{ color:#e83e8c; }
    .color-dots li:nth-child(5)::marker{ color:#933ee8; }
    /* Image polish */

    .textbtn1 .btn {
      background-color: #e65dcb;
      color: aliceblue;
      margin-top: 10px;
    }
    
    /* call-girl-lucknow-btn-text-end  */

    /* lucknowratelist start  */

    body{ background: #f8fafc; }
    .rate-card{ border:2px solid #e5e7eb; border-radius:1rem; box-shadow:0 6px 16px rgba(2,6,23,.06); }
    .table thead th{ position: sticky; top: 0; background:#fff; z-index: 2; }
    .table> :not(caption)>*>*{ vertical-align: middle; }
    .brand-badge{ letter-spacing:.5px; }

    .ratelucknow1 th{
     color: rgb(255, 255, 255);
     background-color: rgb(187, 5, 5) !important;
    }
    .ratelucknow1 .fw-semibold{
     color: rgb(255, 255, 255);
    }
    
    .ratelucknow1 td{
     color: rgb(255, 157, 0);
     background-color: black !important;
    }

    .ratelucknow1 .rate-card {
      border: 2px solid #ecc229;
    }

    /* lucknowratelist end  */

    /* whatsapp2 start  */
    .whatsapp2 .gallery-card {
      border: 3px solid #e9d7e0;
      border-radius: 10px;
      overflow: hidden;
      background-color: #4fd7ee;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;
    }
    .whatsapp2 .gallery-card img {
      width: 100%;
      height: 350px;
      object-fit: cover;
    }
    .whatsapp2 .btn-whatsapp {
      background-color: #25d366;
      color: white;
    }
    .whatsapp2 .btn-call {
      background-color: #007bff;
      color: white;
    }
    .whatsapp2 h1 {
      color: azure;
    }
    .discription h5{
      color: rgb(232 250 47);
    }
    /* whatsapp2 end   */

    .contenthp h3{
      color: #25d366;
    }

    .contenthp h1{
      color: #25d366;
    }

/* lucknow page end     */