        body {
          margin:0;
          font-weight: 600; 
          font-family: "Playfair Display", serif;
        }
        .nav_logo 
        {
          max-width: 150px; /* Ensure the image doesn't exceed the width of the container */
          height: auto; /* Maintain the aspect ratio of the image */
          margin-top: 2px;
          padding: 5px;
        }
        .bgcolor
        {
            background: #D1913C;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to left, #FFD194, #D1913C);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to left, #FFD194, #D1913C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }
        #notification_num
        {
          font-size: 12px;
          background-color:#e65100;
          padding: 2px 5px;
          color:#fff;
          border-radius: 50px;
          margin-left:-10px;
        }
        .header_box
        {
          border-radius: 0px 0px 50px 50px;
          margin-top: -10px;
        }
        .image-container 
        {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 20vh; /* Set the height of the container to the full viewport height */
        }
        .header_logo 
        {
          max-width: 250px; /* Ensure the image doesn't exceed the width of the container */
          height: auto; /* Maintain the aspect ratio of the image */
        }
        .swiper-slide {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }      
        .icon-container {
          width: 5rem;
          height: 5rem;
          border-radius: 50%;
          background: #D1913C;  /* fallback for old browsers */
          background: -webkit-linear-gradient(to left, #FFD194, #D1913C);  /* Chrome 10-25, Safari 5.1-6 */
          background: linear-gradient(to left, #FFD194, #D1913C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 1rem;
        }
        
        .icon-container img {
          max-width: 100%;
          max-height: 100%;
        }
        
        .swiper-slide span {
          font-size: 0.5 rem;
          font-weight: 600;
          font-family: 'Playfair Display', serif;
        }
        .card-title {
          background-color: rgba(0, 0, 0, 0.5);
          padding: 10px;
          font-size: 1.5rem;
          font-weight: bold;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          color: #fff;
          font-weight:500; 
          font-family: 'Playfair Display', serif;
        }
        .card-content {
          padding: 10px;
        }
        .btn_txt
        {
          font-weight: 600; 
          font-family: "Playfair Display", serif;          
        }
        .box
        {
          background-image: url('../images/pushkar_bg.jpg');
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }

    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      width: 80%;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-slide:nth-child(2n) {
      width: 60%;
    }

    .swiper-slide:nth-child(3n) {
      width: 40%;
    }
    .swiper-container  .swiper-slide img{
      width: 100%;
    }
    .navbar-fixed .brand-logo{
      margin-left: 10px;
      font-size: 18px;
    }
    .navbar-fixed ul li a{
      padding: 0px 10px;
      margin: 0px;
    }
#slider .swiper-slide{
  height: 250px;
}
#slider img{
  width: 100%; height: 250px;  object-fit: cover;
}
.swiper2 .swiper-slide {
  padding:9px 0px;
}
.main-categroy .swiper-slide{
  width: 100px;
  border:1px solid #eeeeee;

}
.main-categroy .swiper-slide categroy{
  padding:0px;
  margin: 0px; 
}
.main-categroy .categroy img{
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.main-categroy .categroy p{
  font-size:13px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 500;
}
.card-box{
  margin-top: -10px;
}
.card-box h5{
  font-size:17px;
  font-weight: bold;
}
.card-box p{
  font-size:14px;
}
.swiper3 .swiper-slide{
  background-color: transparent;
}
.card{
  border:1px solid #e0e0e0;
  width: 100%;
}
.card .card-image{
  padding-top: 10px;
}
.card .card-image img{
  height: 150px;
  width: 100%;
  padding:0px 10px; 
  object-fit: contain;
}
.card .card-content{
  padding:0px 5px; 
}
.card .card-content h6{
  font-weight: 500;
}
.card .card-content p{
  font-weight: 700;
  font-size: 15px;
  width: 100%;
  margin-bottom: 10px;
  color:#0d47a1;
}
.card .card-content p del{
  color:#b71c1c;
}
.card .card-content p span{
  font-size: 13px;
}
.swiper5 img{
  width: 80px;
  height: 80px;
  object-fit: contain;
}
#latesh_product{
  margin-bottom: 60px;
}
#latesh_product .card{
  height: 250px;
  width: 100%;
}
#latesh_product .card img{
  height: 150px;
  width: 100%;
  object-fit: contain;
}