.p-10{
  padding: 10px !important;
}
.txt-whilte{
  color: #ffffff !important;
}

.img-fill-thumb{
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}
.img-fill-thumb-slide {
  height: -webkit-fill-available !important;
  width: -webkit-fill-available !important;
}
.tj-header-area.header-duplicate {
    background-color: #ffffff !important;
}
.tj-header-area.header-7 .mainmenu > ul > li > a {
    color: #000000 !important;
}
.tj-header-area.header-7 .header_btn.tj-primary-btn .btn_text {
    color: #000000 !important;
}
.tj-header-area.header-2 .menu_btn {
    color: #000000 !important;
}
.tj-header-area.header-absolute {
    background-color: #ffffff4d !important;
    position: absolute;
    z-index: 98;
}

/* Target only the list in a certain container if needed */
.tj-post-single-post ul li {
  position: relative;
  padding-left: 28px; /* space for the check */
}

/* Use the existing icon font's check code */
.tj-post-single-post ul li::before {
  content: "\e90f";            /* Replace with actual tji-check Unicode from your icon font */
  font-family: "solvior-icons" !important;    /* Replace with your icon font family */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); 
  font-size: 16px;
  color: #d88f24;              /* Checkmark color */
}

/* Target only the list in a certain container if needed */
.post-details-wrapper ul li {
  position: relative;
  padding-left: 28px; /* space for the check */
  list-style-type: none;
}

/* Use the existing icon font's check code */
.post-details-wrapper ul li::before {
  content: "\e90f";            /* Replace with actual tji-check Unicode from your icon font */
  font-family: "solvior-icons" !important;    /* Replace with your icon font family */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); 
  font-size: 16px;
  color: #d88f24;              /* Checkmark color */
}

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #33cc33; /* Change this to your preferred color */
    color: white;
    padding: 20px 20px;
    border-radius: 50%; /* Adjust this for a more or less rounded button */
    border: 2px solid #023102;
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    animation: shake 2s infinite;
    z-index: 1000;
}
.whatsapp-button:hover {
    background-color: #023102; /* Change this for a different hover color */
    border: 2px solid #33cc33 !important;
    color: #33cc33 !important;
}
.whatsapp-button i {
    margin-right: 8px; /* Space between icon and text */
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}