@charset "UTF-8";
/*----------------------------------------------------------------------
    Template Name: Telco - Creative Agency HTML Template
    Template URI: https://webtend.net/demo/html/telco/
    Author: WebTend
    Author URI:  https://webtend.net/
    Version: 1.0

    Note: This is Main Style CSS File. */
/*----------------------------------------------------------------------
	CSS INDEX
	----------------------

    01. Default Style
    02. Common Classes
    03. Repeat Style
    04. Padding Margin Spacing
    05. Custom Animation
    06. Header
    07. Hero Section
    08. Page Banner
    09. Services
    10. About Section
    11. Features Section
    12. Solution Section
    13. Portfolio
    14. Pricing Section
    15. Team Section
    16. Testimonial
    17. FAQs Section
    18. Blog Styles
    19. Sidebar Widgets
    20. Contact Section
    21. Main Footer */
/* -------------------------------------------------------------- */
/* Import Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=Inter&display=swap");
/*******************************************************/
/******************* 01. Default Style *****************/
/*******************************************************/
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

body {
  color: #494A4D;
  background: white;
  font-weight: 400;
  line-height: 1.65;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
 }  
 
html, body {
  overflow-x: hidden;
}       
 

/* top headeer  */
/* ===== TOP HEADER ===== */
.lasik-top-header{
  background:#ff6a1a;
  color:#fff;
  font-size:14px;
}

.lasik-top-wrap{
  max-width:1200px;
  margin:auto;
  padding:8px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.lasik-top-left{
  display:flex;
  align-items:center;
  gap:18px;
}

.lasik-top-left a{
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:6px;
}

.lasik-top-left i{
  font-size:13px;
}

.lasik-top-right a{
  color:#fff;
  margin-left:12px;
  font-size:15px;
}

/* ===== MOBILE VIEW ===== */    
@media(max-width:767px){
  .lasik-hide-mobile .lasik-top-header{
    display:none;
  }

  .lasik-top-wrap{
    flex-direction:column;
    gap:6px;
    display:none;
  }

  .lasik-top-left{
    justify-content:center;
    flex-wrap:wrap;
  }

  .lasik-top-right{
    display:none; /* mobile par social hide */
  }
}



/* top headeer  */

 
  /* Main-Navbar  */


  /* ===== STICKY HEADER FIX ===== */
.main-header {
  width: 100%;
  position: relative;
  z-index: 999;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  padding: 20px;
}

/* sticky state */
.main-header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  padding: 20px;
}

/* container alignment fix */
.main-header.sticky .container {
  max-width: 1320px;
  margin: 0 auto;
}

/* body spacing so content hide na ho */
body.has-sticky {
  padding-top: 78px;
}

 
 .booking-btn{
    background-color: #F17732;
    font-family: "Jost", Sans-serif;
    font-weight: 500;
    color: white;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 16px;
 }
.nav-item a{
    font-family: 'Jost', sans-serif;
    font-size: 17px;
    line-height: 17px;
    font-weight: 600;
    
}


 @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        column-gap: 20px;
        margin: auto;
    }
}


/* Hover dropdown open (DESKTOP) */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  
}



.navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        width: 230px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu :hover{
      background-color: transparent;
      color: #03C0B4;
    }

    .nav-color {
    color: #03C0B4 !important;
}

  .sub-nav-color{
    color: black !important;
  }
  .sub-nav-color:hover{
    color: #03C0B4 !important;
  }



  

  /* Main-Navbar  */


  /* why choose section */
.wc-section {
  padding: 90px 0;
  background: #fff;
}

.wc-subtitle {
    position: relative;
    font-size: 80px;
    line-height: 80px;
    font-family: 'Jost', sans-serif;
    font-weight: 800;
    background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
    color: transparent !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: block;
    line-height: 1;
    top :10px;
}


 

.wc-section h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
}

.wc-section p {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
}

.wc-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

.wc-list li {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 18px;
}

.wc-icon {
  width: 50px;
  height: 50px;
  background: #ffe9dc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 22px;
}

/* .wc-btn {
  background: #00b3a4;
  color: #fff;
  padding: 12px 32px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.wc-btn:hover {
  background: #009688;
  color: #fff;
} */

.wc-btn {
  position: relative;
  overflow: hidden;
  background: #00b3a4;
  color: #fff;
  padding: 12px 32px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  z-index: 1;
  transition: color 0.3s ease;
}

/* black sliding layer */
.wc-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
  transition: left 0.4s ease;
}

/* hover effect */
.wc-btn:hover::before {
  left: 0;
}

.wc-btn:hover {
  color: #fff;
}


/* RIGHT IMAGE AREA */
.wc-image-box {
  position: relative;
    background: #e9f7f6;
    /* border-radius: 25px; */
    padding: 20px;
    border-top-left-radius: 120px;
    margin-top: 10px;
}

.wc-main-img {
  width: 100%;
  z-index: 2;
  position: relative;
}

/* EXPERIENCE BADGE */
.wc-badge {
position: absolute;
    left: -90px;
    bottom: 50px;
    background: #ff6a1a;
    color: #fff;
    padding: 15px 65px;
    /* border-radius: 14px; */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    z-index: 999;
    border-top-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}



.wc-badge .wc-count {
  font-size: 36px;
  font-weight: 800;
  display: block;
}

.wc-badge small {
  font-size: 13px;
}

/* MOBILE FIX */
@media (max-width: 767px) {
  .wc-badge {
    position: relative;
        left: 0;
        bottom: 0;
        margin: 20px auto 0;
        display: inline-block;
         
  }

  .wc-image-box {
    text-align: center;
  }
}

  /* why choose section */

  /* VIDEO SECTION */
.wc-video-section {
  padding: 80px 0;
  background: #fff;
}

.wc-video-wrapper {
  max-width: 900px;
  margin: 0 auto;
  background: #000;
  border: 3px solid #ff6a1a;
  border-radius: 14px;
  overflow: hidden;
}

/* VIDEO */
.wc-video {
  width: 100%;
  height: 50%;
  display: block;
  background: #000;
}


/* VIDEO SECTION */

/* Get Tertiary */
 
.wc-cards-section {
  padding: 100px 70px;
  background: url("https://abhinavdrishtieyehospital.com/wp-content/uploads/2022/05/h2_bg_1-1.jpg") center/cover no-repeat;
}

/* HEADING */
.wc-cards-heading {
  text-align: center;
  margin-bottom: 60px;
}

.wc-bg-title {
    font-size: 90px;
    line-height: 80px;
    font-family: 'Jost', sans-serif;
    font-weight: 800;
    background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
    color: transparent !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;

}

.wc-cards-heading h2 {
  font-size: 32px;
  font-weight: 700;
  margin-top: -20px;
}

/* CARD */
.wc-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 18px;
  padding: 40px 30px;
  height: 100%;
  transition: color 0.3s ease;
  z-index: 1;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); 
}

/* ORANGE SLIDE LAYER (TOP → BOTTOM) */
.wc-card::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff6a1a;
  transition: top 0.4s ease;
  z-index: 0;
}

/* HOVER TRIGGER */
.wc-card:hover::before {
  top: 0;
}

/* CONTENT ABOVE ORANGE */
.wc-card > * {
  position: relative;
  z-index: 2;
}

/* ICON */
.wc-card-icon {
  width: 60px;
  height: 60px;
  background: #ffe9dc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

/* TEXT */
.wc-card h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  transition: color 0.3s ease;
}

.wc-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  transition: color 0.3s ease;
}

/* HOVER TEXT + ICON COLOR */
.wc-card:hover h4,
.wc-card:hover p {
  color: #fff;
}

.wc-card:hover .wc-card-icon {
  background: #fff;
  color: #ff6a1a;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .wc-bg-title {
    font-size: 44px;
  }
  .wc-cards-heading h2 {
    font-size: 26px;
  }
  .wc-card {
    margin-bottom: 25px;
  }
}

@media (max-width: 575px) {
  .wc-cards-section {
    padding: 70px 0;
  }
  .wc-bg-title {
    font-size: 36px;
  }
  .wc-cards-heading h2 {
    font-size: 22px;
  }
}

/* Get Tertiary */

/* services section  */
/* Container */
.services-section {
  padding: 100px 0;
  /* background: #fff5f0; */
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.services-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 60px;
}

/* Cards wrapper */
.services-cards {
  display: flex;
  justify-content: space-around;
  gap: 30px;
  flex-wrap: wrap;
}

/* Individual card */
.service-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  width: 350px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.service-card:hover {
  transform: translateY(-10px);
}

/* Image container */
.service-image {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
  transition: background 0.3s;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hover effect: gray background behind image */
.service-card:hover .service-image {
  background-color: #dcdcdc !important;
}

/* Icon */
.service-icon {
  position: absolute;
  bottom: -15px;
  right: 15px;
  background: #ff6a1a;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Card title */
.service-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* Card description */
.service-card p {
  font-size: 14px;
  color: black;
  line-height: 1.6;
}

.service-image :hover {
 background-color: gray;
}

.wc-cards-services {
  padding: 100px 70px;
  background: url("https://abhinavdrishtieyehospital.com/wp-content/uploads/2022/05/h2_bg_1-1.jpg") center/cover no-repeat;
}

@media (max-width: 575px) {
  .wc-cards-services {
    padding: 70px 0;
  }
}

/* services section  */



/* counter section  */
.counter-section{
  padding: 60px 15px;
}

.counter-box{
  background: #ff7a1a;
    padding: 40px 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    color: #fff;
    max-width: 1200px;
    margin: auto;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
}

.counter-item h2{
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 5px;
}

.counter-item p{
  font-size: 16px;
  margin: 0;
}

/* Tablet */
@media (max-width: 991px){
  .counter-box{
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
  }
}

/* Mobile */
@media (max-width: 575px){
  .counter-box{
    grid-template-columns: 1fr;
    border-radius: 25px;
  }

  .counter-item h2{
    font-size: 40px;
  }
}

/* counter section  */

/* our doctor team  */
.doctor-team-section{
  padding: 80px 0;
  background: #fff;
}

/* Heading */
.doctor-team-heading{
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}

.doctor-bg-title{
    font-size: 90px;
    line-height: 80px;
    font-family: 'Jost', sans-serif;
    font-weight: 800;
    background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
    color: transparent !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.doctor-main-title{
  font-size: 28px;
  font-weight: 700;
  margin-top: -35px;
}

/* Cards */
.doctor-card-wrapper{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 25px;
}

.doctor-card{
  background: #f7f4ef;
  border-radius: 12px;
  overflow: hidden;
  transition: .3s;
}

.doctor-card.active{
  background: #f2f2f2;
}

.doctor-card.highlight{
  background: #e6f6f2;
}

.doctor-img{
  position: relative;
  background: #e0e0e0;
}

.doctor-img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.doctor-share{
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 16px;
}

/* Info */
.doctor-info{
  padding: 20px;
}

.doctor-info h4{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.doctor-info p{
  font-size: 14px;
  line-height: 1.6;
  color:black;
}

/* Button */
.doctor-btn-wrap{
  text-align: center;
  margin-top: 50px;
}

.doctor-animated-btn{
  position: relative;
  padding: 14px 38px;
  border-radius: 50px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(to right, #000 50%, #00c4aa 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: background-position .4s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover effect */
.doctor-animated-btn:hover{
  background-position: left bottom;
  color: #fff;
}

/* Responsive */
@media(max-width:991px){
  .doctor-card-wrapper{
    grid-template-columns: repeat(2,1fr);
  }
}

@media(max-width:575px){
  .doctor-card-wrapper{
    grid-template-columns: 1fr;
  }
  .doctor-bg-title{
    font-size: 44px;
  }
}

/* Social Wrapper */
.doctor-social{
  position: absolute;
  right: 15px;
  bottom: 55px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: .4s ease;
}

/* Show on card hover */
.doctor-card:hover .doctor-social{
  opacity: 1;
  transform: translateY(0);
}

/* Individual icons */
.doctor-social a{
  width: 36px;
  height: 36px;
  background: #fff;
  color: #000;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  text-decoration: none;
  transition: .3s;
}

/* Hover color */
.doctor-social a:hover{
  background: #00c4aa;
  color: #fff;
}
 

/* our doctor team  */

  /* our testimonial section    */
  .testimonial-section{
  position: relative;
  padding: 90px 0;
  background: url('../images/testimonial-bg.jpg')
              center/cover no-repeat;
}

.testimonial-overlay{
  position:absolute;
  inset:0;
  background: rgb(150 0 0 / 12%);
}

.testimonial-section .container{
  position: relative;
  z-index: 2;
}

.testimonial-title{
  text-align:center;
  font-size:48px;
  color:#fff;
  font-weight:700;
  margin-bottom:60px;
}

/* GRID */
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

/* CARD */
.testimonial-card{
  background:#fff;
  border-radius:20px;
  padding:35px 30px;
  transition:.4s ease;
  box-shadow:0 15px 40px rgba(0,0,0,.15);
}

/* Hover animation: bottom-left → up */
.testimonial-card:hover{
  transform: translate(10px,-15px);
}

.testimonial-card p{
  font-size:16px;
  line-height:1.7;
  color:#333;
  margin-bottom:30px;
}

/* USER */
.testimonial-user{
  display:flex;
  align-items:center;
  gap:15px;
}

.testimonial-user img{
  width:55px;
  height:55px;
  border-radius:50%;
  object-fit:cover;
}

.testimonial-user span{
  font-weight:600;
  color:#000;
}

@media(max-width:991px){
  .testimonial-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .testimonial-title{
    font-size:36px;
  }
  .testimonial-grid{
    grid-template-columns:1fr;
  }
}

  /* our testimonial section    */


/* Resources section  */
.resources-section {
  padding: 80px 0 100px;
  background: #fff;
}

/* MAIN HEADING */
.resources-title {
  position: relative;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #000;
  margin-bottom: 60px;
  z-index: 1;
}

/* BACKGROUND TEXT (REFERENCE STYLE) */
.resources-bg-text {
  position: absolute;
    font-size: 90px;
    line-height: 80px;
    font-family: 'Jost', sans-serif;
    font-weight: 800;
    background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
    color: transparent !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    top: -70px;
     
}

/* VIDEO */
.resources-video-wrap {
  display: flex;
  justify-content: center;
}

.resources-video-box {
  max-width: 900px;
  width: 100%;
  border: 3px solid #ff6a00;
  border-radius: 14px;
  padding: 6px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.resources-video-box iframe {
  width: 100%;
  height: 480px;
  border-radius: 10px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .resources-bg-text {
    font-size: 50px;
    top: -40px;
  }

  .resources-title {
    font-size: 24px;
  }

  .resources-video-box iframe {
    height: 240px;
  }
}

/* Resources section  */

/* tpa section  */
.tpa-section {
  padding: 80px 0;
  background: #fff;
}

/* Heading */
.tpa-title {
  position: relative;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #000;
}

/* .tpa-bg-text {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 100px;
  font-weight: 900;
  color: #000;
  opacity: 0.05;
  z-index: -1;
  white-space: nowrap;
} */

/* Grid spacing */
.tpa-grid > div {
  margin-bottom: 30px;
}

/* Card */
.tpa-card {
  background: #fff;
  border-radius: 12px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.tpa-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(0);
}

/* Hover Effect */
.tpa-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
}

/* Responsive */
@media (max-width: 768px) {
  .tpa-title {
    font-size: 24px;
  }

  .tpa-bg-text {
    font-size: 60px;
    top: -25px;
  }

  .tpa-card {
    height: 100px;
  }
}

.tpa-title {
  position: relative;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #000;
  margin-bottom: 60px;
  z-index: 1;
}

/* BACKGROUND TEXT */
.tpa-bg-text {
  position: absolute;
  top: -75px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  font-weight: 800;
  font-family: 'Jost', sans-serif;
  letter-spacing: 6px;
  background: linear-gradient(
    90deg,
    #f7b733,
    #00c6ff
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.18;
  z-index: -1;
  white-space: nowrap;
  pointer-events: none;
}

/* tpa section  */

/* get in touch  */
.get-touch-section {
  padding: 90px 0;
  background: #fff;
}

/* Heading Wrapper */
.get-touch-heading {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}

/* BACKGROUND TEXT — FIXED */
.get-touch-bg-text {
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  font-family: 'Jost', sans-serif;
  font-weight: 900;
  background: linear-gradient(90deg, #f7b733, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.18;
  z-index: 0;
  white-space: nowrap;
}

/* Foreground heading */
.get-touch-heading h2 {
  position: relative;
  font-size: 28px;
  font-weight: 700;
  color: #000;
  z-index: 1;
}

/* Layout */
.get-touch-row {
  align-items: center;
}

/* Map */
.get-touch-map {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0,0,0,0.1);
}

.get-touch-map iframe {
  width: 100%;
  height: 420px;
  border: 0;
}

/* FORM CARD */
.get-touch-form {
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
  border: 1px solid #eee;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}

/* Inputs */
.get-touch-form input,
.get-touch-form textarea {
  width: 100%;
  padding: 14px 16px;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  transition: all 0.3s ease;
}

.get-touch-form input:focus,
.get-touch-form textarea:focus {
  outline: none;
  border-color: #00818D;
  box-shadow: 0 0 0 3px rgba(0,129,141,0.15);
}

/* BUTTON – FIXED LOOK */
.get-touch-btn {
  display: inline-block;
  padding: 12px 36px;
  background: #00818D;
  color: #fff;
  border: none;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.get-touch-btn:hover {
  background: #006b75;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,129,141,0.3);
}

/* Responsive */
@media (max-width: 768px) {
  .get-touch-bg-text {
    font-size: 60px;
    top: -25px;
  }

  .get-touch-heading h2 {
    font-size: 22px;
  }

  .get-touch-map iframe {
    height: 280px;
  }
}

/* get in touch  */














 

  /* footer section  */
  .main-footer{
  background:#111821;
  color:#fff;
  padding-top:70px;
  font-family: 'Poppins', sans-serif;
}

/* GRID */
.footer-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1fr 2fr 2fr;
  gap:50px;
  padding:0 20px 60px;
}

.footer-col h4{
  font-size:20px;
  margin-bottom:20px;
}

.footer-col p{
  color:#cfd3da;
  line-height:1.7;
  font-size:15px;
}

.footer-col ul{
  list-style:none;
  padding:0;
}

.footer-col ul li{
  margin-bottom:5px;
  font-size:15px;    
  color:#cfd3da;
}

.footer-col ul li a{
  color:#cfd3da;
  text-decoration:none;
}

.footer-col ul li a:hover{
  color:#fff;
}

/* CONTACT */
.footer-contact{
  display:flex;
  gap:12px;
  margin-bottom:15px;
}

.footer-contact span{
  color:#ff7a00;
  font-size:18px;
}

/* Bottom White Box */
.footer-bottom-bar{
  background:#fff;
  border-radius:20px;
  margin:0 20px;
}

.footer-bottom-inner{
  max-width:1200px;
  margin:auto;
  padding:25px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.footer-logos img{
  height:45px;
  margin-right:12px;
}

.footer-mini-links a{
  margin-left:20px;
  color:#000;
  font-weight:500;
  text-decoration:none;
}

.footer-mini-links a:hover{
  text-decoration:underline;
}

/* COPYRIGHT */
.footer-copy{
  text-align:center;
  color:#cfd3da;
  padding:20px 0;
  font-size:14px;
}

@media(max-width:992px){
  .footer-container{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:576px){
  .footer-container{
    grid-template-columns:1fr;
  }

  .footer-bottom-inner{
    flex-direction:column;
    text-align:center;
    gap:20px;
  }

  .footer-mini-links a{
    margin:0 10px;
  }
}

.footer-contact i{
  color:#ff7a00;
  font-size:18px;
  margin-top:4px;
  min-width:20px;
}

.footer-policy-links{
  text-align:center;
  margin-bottom:40px;
}

.footer-policy-links a{
  color:#cfd8dc;
  font-size:14px;
  margin:0 12px;
  text-decoration:none;
  transition:0.3s;
}

.footer-policy-links a:hover{
  color:#ff7a00;
  text-decoration:underline;
}


  /* footer section  */


  /* our commetment section  */
  /* our commitment section */
.commitment-section {
  padding: 90px 0;
  background: #fff;
}

/* Heading */
.commitment-heading {
  max-width: 900px;
  margin-bottom: 70px;
}

.commitment-heading h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #111;
}

.commitment-heading p {
  font-size: 15px;
  color: #555;
}

/* Timeline */
.commitment-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

/* REMOVE old straight line */
.commitment-timeline::before {
  display: none;
}

/* SVG zig-zag connector */
.commitment-connector {
  position: absolute;
  top: 25px; /* image center ke pass */
  left: 16%;
  width: 70%;
  height: 120px;
  z-index: 0;
}

/* Item */
.commitment-item {
  text-align: center;
  position: relative;
  z-index: 1;
}

/* Number badge */
.commitment-number {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #ff6a00;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

/* Image circle */
.commitment-img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 0 auto 20px;
  border: 2px dashed #2cc6d0;
  padding: 8px;
  background: #fff;
}

.commitment-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

/* Text */
.commitment-item h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.commitment-item p {
  font-size: 14px;
  color: #555;
  line-height: 1.7;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .commitment-timeline {
    grid-template-columns: repeat(2, 1fr);
  }

  .commitment-connector {
    display: none;
  }
}

@media (max-width: 576px) {
  .commitment-heading h2 {
    font-size: 24px;
  }

  .commitment-timeline {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

  /* our commetment section  */


  /* mobile css  */

  @media(max-width:576px){
.resources-section {
    padding: 80px 0 60px;
    background: #fff;
}

  }


  @media (max-width: 768px) {
    .get-touch-bg-text {
        font-size: 50px;
        top: -45px;
    }
    .get-touch-section {
    padding: 20px 0;
    background: #fff;
}
}
  /* mobile css  */
 

  /* about page css start here  */
  /* ===== ABOUT BANNER SECTION ===== */
.about-banner {
  position: relative;
  height: 420px;     
  background-image: url("../images/background/homepital-img.jpg"); /* apni image path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* STICKY / PARALLAX EFFECT */
  background-attachment: fixed;

  display: flex;
  align-items: center;
}

/* orange overlay */
.about-banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(241, 119, 50, 0.5); /* orange overlay like reference */
  display: flex;
  align-items: center;
}

/* text */
.about-banner h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
}

/* bottom white diagonal cut */
.about-banner::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 105px;
  background: #fff;
  clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 100%);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .about-banner {
    height: 300px;
    background-attachment: scroll; /* mobile fix */
  }

  .about-banner h1 {
    font-size: 32px;
  }
}

  /* about page css start here  */


  /* about us section  */
  /* ===== ABOUT US SECTION ===== */
.aboutus-main-section {
  padding: 100px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.aboutus-container {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.aboutus-left {
  position: relative;
}

.aboutus-image-circle {

  
  border-radius: 50%;
  overflow: hidden;
}

.aboutus-image-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* EXPERIENCE BOX */
.aboutus-experience-box {
  position: absolute;
  bottom: 40px;
  right: -40px;
  background: #ff7a1a;
  color: #fff;
  width: 160px;
  height: 160px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.aboutus-experience-box h3 {
  font-size: 42px;
  margin: 0;
  font-weight: 700;
}

.aboutus-experience-box p {
  margin: 0;
  text-align: center;
  font-size: 14px;
}

/* RIGHT */
.aboutus-right {
  position: relative;
}

.aboutus-bg-text {
  position: absolute;
  top: -90px;
  left: -100px;
  font-size: 90px;
  font-weight: 800;
      font-family: 'Jost', sans-serif;
  z-index: 0;
   background: -webkit-linear-gradient(0deg, #f8ece3 0%, #def4f1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aboutus-right h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.aboutus-right p {
  font-size: 14px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}

.aboutus-right h4 {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 700;
}

/* MISSION LIST */
.aboutus-mission-list {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.aboutus-mission-list li {
  padding-left: 26px;
  position: relative;
  margin-bottom: 10px;
  font-size: 14px;
}

.aboutus-mission-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #ff7a1a;
  font-weight: bold;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .aboutus-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .aboutus-left {
    display: flex;
    justify-content: center;
  }

  .aboutus-experience-box {
    right: 50%;
    transform: translateX(50%);
  }

  .aboutus-bg-text {
    font-size: 70px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 576px) {
  .aboutus-image-circle {
    width: 280px;
    height: 280px;
  }

  .aboutus-experience-box {
    width: 130px;
    height: 130px;
  }

  .aboutus-bg-text {
    font-size: 50px;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 576px) {
  .aboutus-main-section {
    padding: 60px 0;
  }

  .aboutus-right {
    text-align: left;
  }

  .aboutus-right p {
    font-size: 13px;
  }

  .aboutus-bg-text {
    font-size: 40px;
    top: -10px;
  }
}


@media (max-width: 576px) {
    .aboutus-bg-text {
        font-size: 30px;
        top: -31px;
    }
}

@media (max-width: 576px) {
    .aboutus-experience-box {
        width: 199px;
        height: 110px;
        top: 260px;
    }
}


@media (max-width: 991px) {
    .aboutus-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 120px;
    }
}

  /* about us section  */

  /* our facility section  */
  /* ===== FACILITY SECTION ===== */
.facility-section {
  padding: 100px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}

/* TITLE */
.sec-title {
  position: relative;
  margin-bottom: 60px;
}

.sec-title h2 {
  font-size: 36px;
  font-weight: 700;
  position: relative;
  z-index: 2;
  color: #111;
}

/* BACKGROUND TEXT (AS PROVIDED) */
.sec-title .sub-title {
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  line-height: 80px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
  color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  white-space: nowrap;
  z-index: 1;
}

/* GRID */
.facility-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

/* CARD */
.facility-card {
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.facility-card img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.facility-card p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .facility-grid {
    grid-template-columns: 1fr;
  }

  .sec-title .sub-title {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (max-width: 576px) {
  .sec-title h2 {
    font-size: 28px;
  }

  .sec-title .sub-title {
    font-size: 23px;
    line-height: 26px;
  }
}


/* ===== 3 BOX GRID ===== */
.facility-grid-3 {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .facility-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .facility-grid-3 {
    grid-template-columns: 1fr;
  }
}

/* ===== SAME HEIGHT FOR LAST 3 + 3 BOXES ===== */
.facility-section .row .facility-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* image alignment */
.facility-card img {
  max-height: 220px;
  object-fit: contain;
  margin: 0 auto 20px;
}


  /* our facility section  */


  /* pre media section  */
  /* ===== PRESS & MEDIA SECTION ===== */
.press-media-section {
  padding: 100px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}

/* TITLE */
.press-media-title {
  position: relative;
  margin-bottom: 60px;
}

.press-media-title h2 {
  font-size: 36px;
  font-weight: 700;
  color: #111;
  position: relative;
  z-index: 2;
}

/* BACKGROUND TEXT (SAVED STYLE) */
.press-bg-text {
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  line-height: 80px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
  color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  white-space: nowrap;
  z-index: 1;
}

/* IMAGE WRAPPER */
.press-media-wrapper {
  background: #fff;
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

.press-media-wrapper img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .press-bg-text {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (max-width: 576px) {
  .press-media-title h2 {
    font-size: 28px;
  }

  .press-bg-text {
    font-size: 40px;
    line-height: 40px;
  }
}

  /* pre media section  */


  /* our impliment section  */
  /* ===== EMPANELMENT SECTION ===== */
.empanelment-section {
  padding: 100px 0;
  background: #fff;
  overflow: hidden;
}

/* TITLE */
.empanelment-title {
  position: relative;
  margin-bottom: 60px;
}

.empanelment-title h2 {
  font-size: 36px;
  font-weight: 700;
  color: #111;
  position: relative;
  z-index: 2;
}

/* BACKGROUND TEXT (SAVED STYLE) */
.empanelment-bg-text {
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  line-height: 80px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
  color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  white-space: nowrap;
  z-index: 1;
}

/* SLIDER */
.empanelment-slider {
  overflow: hidden;
  width: 100%;
}

.empanelment-track {
  display: flex;
  gap: 30px;
  animation: empanel-scroll 18s linear infinite;
}

/* BOX */
.empanelment-box {
  min-width: 220px;
  height: 160px;
  background: #fff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.empanelment-box img {
  max-width: 130px;
  max-height: 100px;
  object-fit: contain;
}

/* ANIMATION */
@keyframes empanel-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .empanelment-bg-text {
    font-size: 60px;
    line-height: 60px;
  }

  .empanelment-box {
    min-width: 200px;
    height: 150px;
  }
}

@media (max-width: 576px) {
  .empanelment-title h2 {
    font-size: 28px;
  }

  .empanelment-bg-text {
    font-size: 40px;
    line-height: 40px;
  }

  .empanelment-box {
    min-width: 180px;
    height: 140px;
  }
}

  /* our impliment section  */


  /* loaction we serve section  */
  .location-section {
  padding: 80px 0;
  background: #fff;
}

.location-heading {
  font-size: 32px;
  font-weight: 700;
}

.location-table-wrap {
  overflow-x: auto;
}

.location-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px;
}

.location-table td {
  border: 1px solid #000;
  padding: 8px;
  text-align: center;
}

.location-table td a {
  color: #ff6a1a;
  text-decoration: none;
  font-weight: 500;
}

.location-table td a:hover {
  text-decoration: underline;
}


.location-section {
  position: relative;
  padding: 80px 0;
  background: #fff;
  overflow: hidden;
}

/* BACKGROUND TEXT */
.location-bg-text {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  line-height: 80px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
  color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  opacity: 0.7;
  pointer-events: none;
  white-space: nowrap;
}

/* MOBILE */
@media (max-width: 767px) {
  .location-bg-text {
    font-size: 48px;
    line-height: 50px;
    top: 10px;
  }
}

  /* loaction we serve section  */



  /* our doctors page css start here  */


  /* our doctor bannner section  */
  /* about page css start here  */
/* ===== OUR DOCTOR BANNER SECTION ===== */
.our-doctor-banner {
  position: relative;
  height: 520px;
  background-image: url("../images/background/our-doctors-team.jpg"); /* apni image path */
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
 

  /* STICKY / PARALLAX EFFECT */
  background-attachment: fixed;

  display: flex;
  align-items: center;
}

/* orange overlay */
.our-doctor-banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(241, 119, 50, 0.5); /* orange overlay like reference */
  display: flex;
  align-items: center;
}

/* text */
.our-doctor-banner h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
}

/* bottom white diagonal cut */
.our-doctor-banner::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 120px;
  background: #fff;
  clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 100%);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .our-doctor-banner {
    height: 300px;
    background-attachment: scroll; /* mobile fix */
  }

  .our-doctor-banner h1 {
    font-size: 32px;
  }
}

/* about page css end here */

 /* team head section  */
 /* ===== TEAM EXPERT SECTION ===== */
.team-expert {
  position: relative;
  padding: 120px 0;
  background: #fff;
  overflow: hidden;
}

.team-expert .team-bg-text {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  background: -webkit-linear-gradient(#f8ece3, #def4f1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 0;
  pointer-events: none;
  white-space: nowrap;
}

.team-expert .team-card {
  position: relative;
  z-index: 1;
}

.team-expert .team-image img {
  width: 400px;
  max-width: 100%;
  border: 2px solid #f17732;
  border-radius: 12px;
  display: block;
}

.team-expert .team-info h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.team-expert .team-info p {
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333;
}

.team-expert .team-info p::before {
  content: "➤";
  color: #f17732;
  font-weight: bold;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .team-card {
    flex-direction: column !important;
    text-align: center;
  }
  .team-info {
    text-align: center;
    margin-top: 20px;
  }
  .team-image {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .team-bg-text {
    font-size: 40px;
    top: 75px;
  }
}


.doctor-card-wrapper-second{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 25px;
}

.doctor-img-second img{
  width: 100%;
  height: 420px;
  object-fit: cover;
}


/* Responsive */
@media(max-width:991px){
  .doctor-card-wrapper-second{
    grid-template-columns: repeat(2,1fr);
  }
}

@media(max-width:575px){
  .doctor-card-wrapper-second{
    grid-template-columns: 1fr;
  }
  .doctor-bg-title{
    font-size: 44px;
  }
}

.doctor-img-second{
  position: relative;
  background: #e0e0e0;
}

 /* team head section  */


 /* main gallery pafe css here -------------- */

 /* banner section  */
 /* about page css start here  */
/* ===== MAIN GALLERY BANNER SECTION ===== */
.main-gallery-banner {
  position: relative;
  height: 420px;
  background-image: url("../images/background/homepital-img.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* STICKY / PARALLAX EFFECT */
  background-attachment: fixed;

  display: flex;
  align-items: center;
}

/* orange overlay */
.main-gallery-banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(241, 119, 50, 0.5);
  display: flex;
  align-items: center;
}

/* text */
.main-gallery-banner h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
}

/* bottom white diagonal cut */
.main-gallery-banner::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 120px;
  background: #fff;
  clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 100%);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .main-gallery-banner {
    height: 300px;
    background-attachment: scroll;
  }

  .main-gallery-banner h1 {
    font-size: 32px;
  }
}

 /* banner section  */

 /* main gallery section  */
 .main-gallery-page {
  padding: 80px 0;
  background: #fff;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.gallery-item {
  cursor: pointer;
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.gallery-item:hover img {
  transform: scale(1.08);
}

/* ===== LIGHTBOX ===== */
.gallery-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.gallery-lightbox.active {
  display: flex;
}

.gallery-lightbox-img {
  max-width: 90%;
  max-height: 85vh;
}

.gallery-close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
}

.gallery-nav {
  position: absolute;
  top: 50%;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.gallery-nav.prev {
  left: 30px;
}

.gallery-nav.next {
  right: 30px;
}

.gallery-counter {
  position: absolute;
  top: 30px;
  left: 40px;
  color: #fff;
  font-size: 16px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-item img {
    height: 200px;
  }
}

@media (max-width: 576px) {
  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .gallery-item img {
    height: 220px;
  }
}

 /* main gallery section  */

 /* contact page css here  */
 
  /* contant section  */
  .contact-info-section {
  padding: 80px 0;
  background: #fff;
}

.contact-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.contact-info-card {
  position: relative;
  padding: 70px 30px 40px;
  border-radius: 20px;
  text-align: center;
  background: linear-gradient(180deg, #fcefe7 0%, #e3f6f3 100%);
  transition: all 0.4s ease;
}

.contact-info-card:hover {
  transform: translateY(-15px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* ICON BOX */
.contact-icon {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* FONT AWESOME ICON */
.contact-icon i {
  font-size: 30px;
  color: #f17732;
}

/* TEXT */
.contact-info-card h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #000;
}

.contact-info-card p {
  font-size: 18px;
  color: #666;
  margin-bottom: 6px;
  text-transform: none !important;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .contact-info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-icon{
    top:-10px;
  }
}

@media (max-width: 576px) {
  .contact-info-grid {
    grid-template-columns: 1fr;
  }
  .contact-icon{
    top:-10px;
  }
}

  /* contant section  */

 /* SECTION */
.contact-form-section {
  padding: 100px 0;
  background: #fff;
}

.contact-form-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
  overflow: visible;
}

/* LEFT BOX */
.contact-info-box {
  background: linear-gradient(180deg, #0b1723, #020b14);
  border-radius: 20px;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

.working-hours {
  background: #ff7a1a;
  padding: 30px;
}

.working-hours h3 {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 600;
}

.working-hours p {
  font-size: 16px;
  margin-bottom: 10px;
}

.contact-details {
  padding: 30px;
}

.contact-details h4 {
  margin-bottom: 15px;
}

.contact-details p {
  font-size: 16px;
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  text-transform: none !important;
}

.contact-details i {
  color: #ff7a1a;
}

/* FORM BOX */
.form-box {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.1);
  overflow: visible;
}

.form-control {
  width: 100%;
  height: 48px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0 14px;
  margin-bottom: 18px;
  font-size: 14px;
}

textarea.form-control {
  height: auto;
  padding-top: 12px;
}

/* PHONE INPUT */
.phone-control {
  padding-left: 90px !important;
}

/* intl-tel-input FIX */
.iti {
  width: 100%;
  overflow: visible;
}

.iti__flag-container {
  left: 14px;
}

.iti__selected-flag {
    display: flex;
    align-items: center;
    gap: 25px;
    background: transparent !important;
    position: absolute;
    margin-top: 15px;
}

.iti__selected-dial-code {
  font-size: 13px;
  font-weight: 500;
}

/* Country dropdown */
.iti__country-list {
  max-height: 260px;
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  z-index: 99999;
}

/* SUBMIT */
.submit-btn {
  width: 100%;
  height: 52px;
  border-radius: 30px;
  background: #ff7a18;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.submit-btn:hover {
  background: #f26a00;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .contact-form-grid {
    grid-template-columns: 1fr;
  }

  .form-box {
    padding: 25px;
  }
}


/* lasik-eye-surgery-in-lucknow  */
 /* ===== LASIK CONTACT SECTION ===== */
.lasik-contact-section {
  padding: 80px 0;
  background: linear-gradient(180deg, #f5f9fb, #dee2e661);
}

.lasik-contact-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

/* ===== LEFT CONTENT ===== */
.lasik-left-content {
  padding-right: 20px;
}

/* SAVED GRADIENT BACKGROUND TEXT STYLE */
.lasik-bg-title {
  font-size: 70px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  background: -webkit-linear-gradient(#f1c7b9, #a6ede4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.lasik-main-title {
  font-size: 36px;
  font-weight: 700;
  margin: 10px 0 20px;
}

.lasik-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 30px;
}

.lasik-call span {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.lasik-call-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border: 2px solid #ff6a1a;
  border-radius: 30px;
  color: #ff6a1a;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

.lasik-call-btn:hover {
  background: #ff6a1a;
  color: #fff;
}

/* ===== RIGHT FORM ===== */
.lasik-form-box {
  background: #eef6f8;
  border: 2px solid #ff6a1a;
  border-radius: 12px;
  padding: 30px;
}

.form-intro {
  font-size: 13px;
  margin-bottom: 20px;
  color: #333;
}

.lasik-form-box label {
  font-size: 13px;
  font-weight: 600;
  display: block;
  margin: 12px 0 5px;
}

.lasik-form-box label span {
  color: red;
}

.lasik-form-box input,
.lasik-form-box textarea,
.lasik-form-box select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #999;
  border-radius: 3px;
  font-size: 13px;
}

.phone-field {
  display: flex;
  gap: 5px;
}

.phone-field select {
  width: 100px;
}

.form-submit-btn {
  margin-top: 20px;
  background: #ff6a1a;
  color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 7px;
  font-size: 13px;
  cursor: pointer;
}

.form-submit-btn:hover {
  background: #e85d10;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .lasik-contact-container {
    grid-template-columns: 1fr;
  }

  .lasik-bg-title {
    font-size: 60px;
  }

  .lasik-form-box {
    margin-top: 40px;
  }
  .lasik-contact-section {
  padding: 100px 10px;
  background: linear-gradient(180deg, #f5f9fb, #ffffff);
}
}

@media (max-width: 576px) {
  .lasik-bg-title {
    font-size: 44px;
  }

  .lasik-main-title {
    font-size: 26px;
  }
  .lasik-contact-section {
    padding: 100px 10px;
    background: linear-gradient(180deg, #f5f9fb, #ffffff);
  }


}




/* lasik-eye-surgery-in-lucknow  */



/* lasik eye serjury  */
/* ===== LASIK INFO SECTION ===== */
.lasik-info-section {
  padding: 80px 0;
  background: #ffffff;
}

.lasik-info-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

/* HEADINGS */
.lasik-info-title {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  margin-bottom: 15px;
}

.lasik-sub-title {
  font-size: 28px;
  font-weight: 700;
  color: #111;
  margin: 50px 0 20px;
}

/* DESCRIPTION */
.lasik-info-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  max-width: 1000px;
}

/* CONDITION LIST */
.lasik-condition-list {
  border: 1px solid #d9e1e7;
  border-radius: 6px;
  overflow: hidden;
}

.lasik-condition-item {
  padding: 14px 20px;
  font-size: 15px;
  color: #ff6a1a;
  border-bottom: 1px solid #d9e1e7;
  background: #fff;
}

.lasik-condition-item:last-child {
  border-bottom: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .lasik-info-title {
    font-size: 26px;
  }

  .lasik-sub-title {
    font-size: 22px;
  }

  .lasik-condition-item {
    font-size: 14px;
    padding: 12px 15px;
  }
  .lasik-info-section {
    padding: 20px 17px;
    background: #ffffff;
}
}

@media (max-width: 480px) {
  .lasik-info-desc {
    font-size: 14px;
  }
  .lasik-info-section {
    padding: 20px 17px;
    background: #ffffff;
}
}

/* lasik eye serjury  */


/* LASIK Procedure  */
/* ===== TYPES OF LASIK ===== */
.lasik-types-section {
  padding: 20px 0;
  background: #ffffff;
}

.lasik-types-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.lasik-types-title {
  font-size: 34px;
  font-weight: 700;
  text-align: start;
  margin-bottom: 50px;
  color: #111;
}

/* GRID */
.lasik-types-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* CARD */
.lasik-type-card {
  background: #fde5c6;
  border: 1px solid #e2c9a8;
  border-radius: 6px;
  padding: 35px 30px;
  text-align: center;
  transition: all 0.35s ease;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

/* HOVER ANIMATION */
.lasik-type-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

/* TEXT */
.lasik-type-card h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.lasik-type-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #333;
}

.lasik-type-card p span {
  color: #ff3b30;
  font-weight: 600;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .lasik-types-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .lasik-types-grid {
    grid-template-columns: 1fr;
  }

  .lasik-types-title {
    font-size: 26px;
  }
}

/* LASIK Procedure  */


/* LASIK Surgery Cost  */
/* ===== LASIK COST & INSURANCE ===== */
.lasik-cost-section {
  padding: 30px 0;
  background: #ffffff;
}

.lasik-cost-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

/* TITLE */
.lasik-section-title {
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
}

/* TOP GRID */
.lasik-cost-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* CARD */
.lasik-cost-card {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding: 25px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.06);
}

.lasik-cost-card h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.lasik-cost-card p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 10px;
}

.lasik-cost-card ul {
  padding-left: 18px;
  margin-top: 10px;
}

.lasik-cost-card ul li {
  font-size: 14px;
  margin-bottom: 6px;
}

/* BOTTOM GRID */
.lasik-complication-grid {
  margin-top: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

/* TEXT */
.lasik-complication-text h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.lasik-complication-text p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 12px;
}

.lasik-complication-text ul {
  padding-left: 18px;
  margin-bottom: 15px;
}

.lasik-complication-text ul li {
  font-size: 14px;
  margin-bottom: 6px;
}

/* IMAGE */
.lasik-complication-image img {
  width: 100%;
  border-radius: 6px;
  display: block;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .lasik-cost-grid {
    grid-template-columns: 1fr;
  }

  .lasik-complication-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .lasik-section-title {
    font-size: 26px;
  }

  .lasik-complication-text h2 {
    font-size: 22px;
  }
}


/* ===== LASIK PROCESS SECTION ===== */
.lasik-process-section {
  padding: 90px 0;
  background: #ffffff;
}

.lasik-process-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

/* ROW */
.lasik-process-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
  margin-bottom: 70px;
}

/* REVERSE ROW */
.lasik-process-row.reverse {
  grid-template-columns: 1fr 1fr;
}

/* IMAGE */
.lasik-process-image img {
  width: 100%;
  border-radius: 8px;
  display: block;
}

/* CONTENT */
.lasik-process-content h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.lasik-process-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 12px;
}

.lasik-process-content ul,
.lasik-process-content ol {
  padding-left: 18px;
}

.lasik-process-content li {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.6;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .lasik-process-row,
  .lasik-process-row.reverse {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .lasik-process-content h3 {
    font-size: 20px;
  }
}


/* LASIK Surgery Cost  */

/* Why LASIK Eye Surgery  */
 /* ===== LASIK ENQUIRY SECTION ===== */
.lasik-enquiry-section {
  padding: 100px 0;
  background: #fde2bd;
}

.lasik-enquiry-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 60px;
  align-items: center;
}

/* LEFT CONTENT */
.lasik-enquiry-content h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #000;
}

.lasik-enquiry-content p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 14px;
  color: #111;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .lasik-enquiry-container {
    grid-template-columns: 1fr;
  }

  .lasik-form-box {
    margin-top: 40px;
  }
}

@media (max-width: 576px) {
  .lasik-enquiry-content h2 {
    font-size: 24px;
  }
}


.country-select {
  max-height: 120px;       /* dropdown height */
  overflow-y: auto;        /* vertical scroll */
  font-size: 13px;
}

/* Why LASIK Eye Surgery  */


/* surjery resources  */
/* ===== LASIK RESOURCES ===== */
.lasik-resource-section {
  padding: 90px 0;
  background: #ffffff;
}

.lasik-resource-container {
  max-width: 1100px;
  margin: auto;
  padding: 0 20px;
}

.lasik-resource-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* GRID */
.lasik-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
}

/* ITEM BOX */
.lasik-resource-item {
  position: relative;
  padding: 14px 20px 14px 40px;
  font-size: 15px;
  font-weight: 500;
  color: #ff6a1a;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;

  /* bottom shadow */
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.08);

  transition: all 0.3s ease;
}

/* ARROW ICON */
.lasik-resource-item::before {
  content: "›";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

/* HOVER EFFECT */
.lasik-resource-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.12);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .lasik-resource-grid {
    grid-template-columns: 1fr;
  }

  .lasik-resource-title {
    font-size: 26px;
  }
}

/* surjery resources  */


/*our serves page css here ---------*/

 
/* ===== SERVICES SECTION ===== */
.lasik-services-section{
  padding:100px 0;
  background:#fff;
  position:relative;
  overflow:hidden;
}

.lasik-services-container{
  max-width:1200px;
  margin:auto;
  padding:0 15px;
  position:relative;
}

/* ===== BACKGROUND TEXT (SAVED STYLE) ===== */
.lasik-bg-text{
  position:absolute;
  top:-90px;
  left:50%;
  transform:translateX(-50%);
  font-family:'Jost', sans-serif;
  font-size:90px;
  font-weight:800;
  background:-webkit-linear-gradient(0deg,#f8ece3,#def4f1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:.9;
  pointer-events:none;
  white-space:nowrap;
}

/* ===== HEADING ===== */
.lasik-services-heading{
  text-align:center;
  margin-bottom:70px;
  position:relative;
  z-index:2;
}
.lasik-services-heading h2{
  font-size:30px;
  font-weight:600;
  line-height:1.3;
}

/* ===== GRID ===== */
.lasik-services-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px;
}

/* ===== SERVICE BOX ===== */
.lasik-service-box{
  background:#fff;
  padding:40px 35px;
  border-radius:18px;
  box-shadow:0 15px 35px rgba(0,0,0,.08);
  transition:.4s ease;
  position:relative;
}

.lasik-service-box:hover{
  transform:translateY(-12px);
  box-shadow:0 25px 55px rgba(0,0,0,.15);
}

/* IMAGE */
.lasik-service-img{
  /*width:120px;*/
  /*height:120px;*/
  margin-bottom:25px;
}
.lasik-service-img img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* TITLE */
.lasik-service-box h3{
  font-size:22px;
  font-weight:700;
  margin-bottom:18px;
}

/* LIST */
.lasik-service-box ul{
  padding-left:0;
  list-style:none;
}
.lasik-service-box ul li{
  font-size:15px;
  line-height:1.7;
  margin-bottom:8px;
  padding-left:22px;
  position:relative;
}
.lasik-service-box ul li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#ff6a1a;
  font-size:13px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){
  .lasik-services-grid{
    grid-template-columns:1fr;
  }
  .lasik-bg-text{
    font-size:60px;
  }
}

@media(max-width:575px){
  .lasik-services-heading h2{
    font-size:26px;
  }
  .lasik-bg-text{
    font-size:46px;
  }
}



/* bottom grid spacing */
.lasik-services-grid-bottom{
  margin-top:50px;
}

/* bold points with icon */
.lasik-service-box ul li strong{
  font-weight:600;
}

/* optional smooth icon animation */
.lasik-service-box:hover .lasik-service-img img{
  transform:scale(1.05);
  transition:.4s;
}

.lasik-service-box ul li strong{
  font-weight:700;
  display:block;
  margin-top:12px;
}

/* ===== DIAGNOSTICS ===== */
.lasik-diagnostics-wrap{
  margin-top:70px;
  width:100%;
}

.lasik-diagnostics-card{
  max-width:1200px;
  margin:0 auto;
  background:#fff;
  padding:45px 60px;
  border-radius:22px;
  display:grid;
  grid-template-columns:240px 1fr 2.6fr;
  align-items:center;
  gap:40px;
  box-shadow:0 20px 45px rgba(0,0,0,.12);
  transition:.35s ease;
}

/* LEFT IMAGE */
.lasik-diagnostics-left img{
  width:200px;
  height:200px;
  object-fit:contain;
}

/* CENTER TITLE */
.lasik-diagnostics-center h3{
  font-size:30px;
  font-weight:700;
  text-align:center;
}

/* RIGHT LIST */
.lasik-diagnostics-right ul{
  list-style:none;
  margin:0;
  padding:0;
}
.lasik-diagnostics-right ul li{
  font-size:15.5px;
  line-height:1.9;
  margin-bottom:6px;
  padding-left:26px;
  position:relative;
}
.lasik-diagnostics-right ul li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:1px;
  color:#ff6a1a;
  font-size:14px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){
  .lasik-diagnostics-card{
    grid-template-columns:1fr;
    text-align:center;
    padding:35px 25px;
  }
  .lasik-diagnostics-left img{
    margin:auto;
  }
}

@media(max-width:575px){
  .lasik-diagnostics-center h3{
    font-size:24px;
  }
}




/*services section */

/*popup css style */

.modal-content{
   background-color:#eef6f8 !important; 
   padding:15px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #03C0B4;
    font-size: 35px !important;
}





/*our serves page css here ---------*/



/*===============blogs=========================*/


/* Banner */
.blog-banner{
    height:300px;
    background:url('images/banner.jpg') center/cover no-repeat;
    position:relative;
}
.banner-overlay{
    background:rgba(0,0,0,0.45);
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.banner-overlay h1{
    color:#fff;
    font-size:48px;
    letter-spacing:2px;
}

/* Section */
.blog-archive{
    padding:70px 20px;
}
.container{
    max-width:1200px;
    margin:auto;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}
.section-title h2{
    font-size:32px;
    color:#1aa39a; /* teal */
    margin-bottom:10px;
}
.section-title p{
    color:#666;
}

/* Grid */
.blog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
    gap:30px;
}

/* Card */
.blog-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}
.blog-card:hover{
    transform:translateY(-8px);
}

.blog-image img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.blog-content{
    padding:20px;
}

.blog-date{
    font-size:13px;
    color:#999;
}

.blog-content h3{
    font-size:20px;
    margin:10px 0;
    color:#333;
}

.blog-content p{
    font-size:14px;
    color:#666;
    margin-bottom:15px;
}

/* Button */
.read-btn{
    display:inline-block;
    padding:8px 18px;
    background:#ff8c3a; /* orange */
    color:#fff;
    border-radius:20px;
    text-decoration:none;
    font-size:14px;
    transition:0.3s;
}
.read-btn:hover{
    background:#1aa39a; /* teal on hover */
}

/* Pagination */
.pagination{
    margin-top:50px;
    text-align:center;
}
.pagination a{
    display:inline-block;
    margin:0 6px;
    padding:8px 14px;
    border-radius:4px;
    text-decoration:none;
    background:#eee;
    color:#333;
}
.pagination a.active,
.pagination a:hover{
    background:#ff8c3a;
    color:#fff;
}

.card-title {
    font-weight: 900;
}
.readbtn {
    text-decoration: none;
    text-transform: uppercase;
    background-color: #F17732;
    color: white;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    border:2px solid #F17732;
}
.readbtn:hover {
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    border:2px solid #F17732;
    color: #F17732;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.blog-details h2 {
    color: #000;
    margin: 30px 0 10px;
    font-weight: 600;
}

    .lasik-table-wrapper{
        width:100%;
        overflow-x:auto;
        margin:30px 0;
        font-family: 'Segoe UI', sans-serif;
    }

    .lasik-table{
        width:100%;
        border-collapse:collapse;
        min-width:600px;
        background:#ffffff;
        border-radius:10px;
        overflow:hidden;
        box-shadow:0 8px 20px rgba(0,0,0,0.08);
    }

    .lasik-table thead{
        background:linear-gradient(90deg,#0d6efd,#0a58ca);
        color:#fff;
    }

    .lasik-table th,
    .lasik-table td{
        padding:16px 18px;
        text-align:left;
        font-size:16px;
    }

    .lasik-table th{
        font-weight:600;
        letter-spacing:.5px;
    }

    .lasik-table tbody tr{
        border-bottom:1px solid #eee;
        transition:background 0.3s ease;
    }

    .lasik-table tbody tr:hover{
        background:#f8f9fa;
    }

    .lasik-table tbody tr:last-child{
        border-bottom:none;
    }

    @media(max-width:768px){
        .sidebar{
            margin-top:40px;
        }
        .lasik-table{
            min-width:100%;
        }

        .lasik-table thead{
            display:none;
        }

        .lasik-table, 
        .lasik-table tbody, 
        .lasik-table tr, 
        .lasik-table td{
            display:block;
            width:100%;
        }

        .lasik-table tr{
            margin-bottom:15px;
            box-shadow:0 4px 12px rgba(0,0,0,0.08);
            border-radius:8px;
            padding:10px;
            background:#fff;
        }

        .lasik-table td{
            text-align:right;
            padding-left:50%;
            position:relative;
            font-size:15px;
        }

        .lasik-table td::before{
            content:attr(data-label);
            position:absolute;
            left:15px;
            width:45%;
            padding-right:10px;
            font-weight:600;
            text-align:left;
            color:#0d6efd;
        }
    }
    
    #lasikFaq .accordion-header{
        margin:0;
    }
    
    
    @media only screen and (min-width:768px){
            .sidebar.is-sticky {
    position: fixed;
    top: 100px;
    width: max-content; 
    z-index: 10;
     max-height: calc(100vh - 180px);
    overflow-y: auto;
}


.sidebar.stop-sticky {
    position: absolute;
    top: auto;
    bottom: 0;
    width: inherit;
}
.linktxt{
        text-transform: math-auto;
}
    }