.container {
  max-width: 1350px;
  width:100%;
}
@media only screen and (min-width: 993px) {
    .container {
        width: 98%;
    }
} 


        body {
          margin:0;
          font-family: 'Noto Sans', sans-serif;
        }
        .nav_logo 
        {
          max-width: 200px; /* 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-color: #F58634;
        }
        #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 30px 30px;
          margin-top: -20px;
        }
        .image-container 
        {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 14vh; /* Set the height of the container to the full viewport height */
        }
        .header_logo 
        {
          margin-top: 20px;
          max-width: 180px; /* 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;
        }