.blog h3 {
     font-family: 'Lato', sans-serif;
   }

   .image-container {
     max-width: 75%;
     margin: 24px auto 0;
     position: relative;
     background-position: center;
     background-size: cover;
     padding: 16px;
     border-radius: 8px;
   }

   .responsive-image {
     display: block;
     width: 100%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     height: auto;
     aspect-ratio: 4/3;
     border-radius: 8px;
     /* Add 8px rounded corners to the image */
   }

   figcaption {
     text-align: center;
     margin-top: 10px;
     color: #8a8787;
     font-style: italic;
     font-size: 15px;
   }

   .shareBtn {
     padding: 0;
     border: none;
     background: none;
   }

   .shareBtn:hover {
     color: #636363;
     transform: scale(1);
   }

   @media (max-width: 768px) {
     .image-container {
       max-width: 100%;
     }
   }


.blog ul {
    list-style: none !important;
    margin: 16px 0 !important;
    padding-left: 0 !important;
}

.blog ul li {
    position: relative;
    padding-left: 24px !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
    font-size: 16px;
    list-style: none !important;
}


.blog ul li::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #00807b !important;
    border-radius: 50% !important;
    position: absolute !important;
    left: 7px !important;
    top: 9px !important;
}



/* Nested list styling */
.blog ul ul {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.blog ul ul li::before {
    content: "◦" !important; /* Hollow bullet for nested lists */
    color: #6b7280 !important;
    font-size: 16px !important;
}

/* Ordered lists */
.blog ol {
    list-style: none !important;
    margin: 16px 0 !important;
    padding-left: 0 !important;
    counter-reset: list-counter !important;
}

.blog ol li {
    position: relative !important;
    padding-left: 32px !important;
    margin-bottom: 8px !important;
    line-height: 1.6 !important;
    counter-increment: list-counter !important;
}

.blog ol li::before {
    content: counter(list-counter) "." !important;
    color: #4a90e2 !important;
    font-weight: bold !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    min-width: 24px !important;
}