.owl-carousel .owl-item img{
   max-height:160px !important;
   }@media only screen and (max-width: 767px) {
   .site-url {
   display: none;
   }
   #desktopdownload {
   display: none;
   }
   }
   #desktopdownload img{
    width: 22px;
    margin-left: 71px;
    margin-top: 6px;
    } 
    #desktopdownload .site-url{
    margin-left: -31px;
    }


     /* HTML/CSS implementation */
            .tooltip {
            position: relative;
            display: inline-block;
            }
            .tooltip:before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            padding: 8px;
            background-color: #1548b0;
            color: white;
            border-radius: 5px;
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1000;
            white-space: nowrap;
            max-width: 90vw; /* Mobile screens ke liye */
            overflow-wrap: break-word;
            text-align: center;
            font-size: 13px;
            }
            /* Mobile screens ke liye adjustments */
            @media (max-width: 768px) {
            .tooltip:before {
            left: -30px;
            transform: none;
            text-align: center;
            white-space: normal;
            font-size: 13px;
            width: 100px;
            }
            }
            .tooltip:hover:before {
            opacity: 1;
            }
            .tooltip {
            z-index: 1; 
            opacity: 1;
            }
            /*Profile*/
            .tooltip-profile {
            position: relative;
            display: inline-block;
            }
            .tooltip-profile:before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 40px;
            left: 165%;
            transform: translateX(-50%);
            padding: 8px;
            background-color: #1548b0;
            color: white;
            border-radius: 5px;
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1000;
            white-space: nowrap;
            max-width: 90vw; 
            overflow-wrap: break-word;
            text-align: center;
            font-size: 13px;
            }
            /* Mobile screens ke liye adjustments */
            @media (max-width: 768px) {
            .tooltip-profile:before {
            left: -3px;
            transform: none;
            text-align: center;
            white-space: normal;
            font-size: 13px;
            width: 200px;
            }
            }
            .tooltip-profile:hover:before {
            opacity: 1;
            }
            .tooltip-profile {
            z-index: 1; 
            opacity: 1;
            }
            /*Notification*/
            .tooltip-noti {
            position: relative;
            display: inline-block;
            }
            .tooltip-noti:before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            padding: 8px;
            background-color: #1548b0;
            color: white;
            border-radius: 5px;
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1000;
            white-space: nowrap;
            max-width: 90vw; /* Mobile screens ke liye */
            overflow-wrap: break-word;
            text-align: center;
            font-size: 13px;
            }
            /* Mobile screens ke liye adjustments */
            @media (max-width: 768px) {
            .tooltip-noti:before {
            left: -25px;
            transform: none;
            text-align: center;
            white-space: normal;
            font-size: 13px;
            width: 100px;
            }
            }
            .tooltip-noti:hover:before {
            opacity: 1;
            }
            .tooltip-noti {
            z-index: 1; 
            opacity: 1;
            }
            /*Chat*/
            .tooltip-chat {
            position: relative;
            display: inline-block;
            }
            .tooltip-chat:before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            padding: 8px;
            background-color: #1548b0;
            color: white;
            border-radius: 5px;
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1000;
            white-space: nowrap;
            max-width: 90vw; /* Mobile screens ke liye */
            overflow-wrap: break-word;
            text-align: center;
            font-size: 13px;
            }
            /* Mobile screens ke liye adjustments */
            @media (max-width: 768px) {
            .tooltip-chat:before {
            left: -40px;
            transform: none;
            text-align: center;
            white-space: normal;
            font-size: 13px;
            width: 130px;
            }
            }
            .tooltip-chat:hover:before {
            opacity: 1;
            }
            .tooltip-chat {
            z-index: 1; 
            opacity: 1;
            }
            /*Friends*/
            .tooltip-friends {
            position: relative;
            display: inline-block;
            }
            .tooltip-friends:before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            padding: 8px;
            background-color: #1548b0;
            color: white;
            border-radius: 5px;
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1000;
            white-space: nowrap;
            max-width: 90vw; /* Mobile screens ke liye */
            overflow-wrap: break-word;
            text-align: center;
            font-size: 13px;
            }
            /* Mobile screens ke liye adjustments */
            @media (max-width: 768px) {
            .tooltip-friends:before {
            left: -40px;
            transform: none;
            text-align: center;
            white-space: normal;
            font-size: 13px;
            width: 130px;
            }
            }
            .tooltip-friends:hover:before {
            opacity: 1;
            }
            .tooltip-friends {
            z-index: 1; 
            opacity: 1;
            }


  .category-icon {
   width: 23px;
   margin-left: -7px;
   margin-right: 5px;
   }
   #notificationCount,
   #recievedRequestsCount,
   #chatMessagesCount{
   display: none;
   }
   .btn-distance {
   background: #1548b0;
   color: #fff;
   width: max-content;
   margin-left: 1rem;
   display: flex;
   align-items: center;
   padding: 3px;
   font-size: 12px;
   }
   .btn-distance i {
   color: #ffffff !important;
   margin-right: 0 !important;
   font-size: 12px !important;
   position: relative;
   top: 3px;
   }            


   /*Header*/
       .comment-list .single-comment .commentBox textarea {
            overflow: auto;  
            scrollbar-width: none;
            -ms-overflow-style: none; 
        }
        
        /* Chrome, Safari, Edge ke liye */
        .comment-list .single-comment .commentBox textarea::-webkit-scrollbar {
            display: none;
        }

    .post-listing-scroll {
         /*overflow: hidden;*/
         padding:2px;
      }
      /* Scrollbar ko hide karne ke liye */
      /*  ::-webkit-scrollbar {
            display: none; /* Scroll bar ko hide kar deta hai */
       /*  }*/

         /*  html {
            scrollbar-width: none; /* Scrollbar ki width ko hide karne ke liye */
       /* }*/

        /* Add scroll only for larger screens (PC or Laptop) */
    @media (min-width: 1024px) {
            .post-listing-scroll {
              overflow-y: scroll; /* Add vertical scroll */
              max-height: 1100px;  /* Set a max height for scrolling */
            }
        }

     #zipcodeModal.modal.fade.show .modal-body {
            transform: scale(1);
        }
      div#zipcodeModal {
            background: rgba(0, 0, 0, 0.9);
        }
       #zipcodeModal .form-group.with-icon i {
            position: absolute;
            left: 15px;
            top: 19px;
            color: #1548b0;
            font-size: 18px;
        }
        div#zipcodeModal img {
            width: 21px;
            position: absolute;
            text-align: 47px;
            top: 17px;
            left: 13px;
        }  
      #zipcodeModal  .modal-content {
            background: #ffffff;
            width: 400px;
            padding: 20px;
            border-radius: 12px;
            /* text-align: center; */
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
            position: relative;
      }
       #zipcodeModal input {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            text-align: center;
        }
     .appName{
            color: #1548b0;
        }
         #zipcodeModal button:hover {
            background: #4968a7;
        }
       
       


      img#videoThumbnail {
    width: 70%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
video#videoPreview {
    width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;  
}  
img#videoThumbnailPost {
    width: 70%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; 
}
video#videoPreviewPost {
    width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
img{
      pointer-events: none;       /* disables all mouse events */
      user-select: none;          /* disables text/image selection */
    -webkit-user-drag: none
  }