*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    overflow-x: hidden;
}

body{
    overflow-x: hidden;
}

/* background-banner-image */   /* //for banner css */
.hero-image {
    background-image: url('../images/banner-image.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100vh;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
}


        /* vertical rule */
        .navbar-nav .separator {
            width: 1px;
            background-color: #fff; /* or any color you prefer */
            margin: 0 15px; /* Adjust spacing as needed */
          }
  
          .navbar-nav .separator::after {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
          }
  
          @media (max-width: 768px) {
              .hero-image p {
                  font-size: 1.5rem;
              
              }
              .hero-image p b {
                  font-size: 2rem;
              }
              .row-eye {
                background: rgba(0, 0, 0, 0.5);   /* Optional: for better text readability */
              }
              /* .dr-info{
                  margin-left: 0px;
                  margin-right: 0px;
              } */
          }
          @media (min-width: 768px) {
              .hero-image p {
                  font-size: 2rem;
              }
              .hero-image p b {
                  font-size: 3rem;
              }
          }
          @media (min-width: 992px) {
              .hero-image p {
                  font-size: 2.5rem;
              }
              .hero-image p b {
                  font-size: 4rem;
              }
          }
          @media (min-width: 1200px) {
              .hero-image p {
                  font-size: 1.9rem;
              }
              .hero-image p b {
                  font-size: 4rem;
              }
          }



@media (max-width: 768px) {
    .hero-image {
        height: 50vh; /* Set height to full viewport height for screens wider than 768px */
    }
}

.row-eye{
    border-radius: 10px;
}

.saet{
    padding-left: 80px;
    padding-top: 60px;
}

.third {
    border-color: #007bbd;
    color: #fff;
    box-shadow: 0 0 40px 40px #007bbd inset, 0 0 0 0 #007bbd;
    transition: all 150ms ease-in-out;
    
    &:hover {
      box-shadow: 0 0 5px 0 #0a91da inset, 0 0 6px 4px #0a91da;
    }
  }

  .btn1 {
    box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    /* border: 2px solid red; */
    border-radius: 0.6em;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-self: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin: 20px;
    padding: 1.2em 2.8em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  
    &:hover,
    &:focus {
      color: #000000;
      outline: 0;
    }
  }

.btn2{
    color: #000;
    border: 2px solid #0a91da;
}

.btn2:hover{
    background-color: #007bbd;
    /* border: 2px solid #000; */
    color: #fff;
}

/* navbar css start here  */

.nav-item .dropdown-menu {
    background-color: white;
}
.nav-item .dropdown-menu a {
    color: black;
}
.nav-item .dropdown-menu a:hover {
    background-color: #ffffff;
}
.btn-custom {
    color: white;
    background-color: #007bba;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
}
.btn-custom:hover {
    background-color: #026496;
    color: #f3f3f3;
}
.contact-info {
    margin-right: -13px;
}
.contact-info img {
    height: 20px;
    margin-right: 5px;
}
.btn-book {
    margin-left: 5px;
}

.horizontal-rules{
    border-top: 1px dashed black;
}
/* navbar css end here  */


/* //BOOK AN APPOITMENT start here cg */
.laser-eye-para {
    font-size: 3.875rem;
    font-weight: bold;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}

.book-eye{
    font-size: 1rem;
    color: #fff;
}

.book-eye-01{
    font-size: 2rem;
    font-weight: 600;
}

.saet p {
    font-size: 1rem;
}
.btn2 {
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    border: 2px solid #007bbe;
}
.btn2:hover {
    background-color: #007bbe;
    color: white;
}

/* //BOOK AN APPOITMENT end here */

/* footer css start here  */
.about-us{
    font-size: 1.25rem;
    font-weight: bold;
}
/* footer css end here */