body {
            font-family: 'Inter', sans-serif;
            background-color: #FEFBF9;
            color: #443020;
        }
        .theme-color {
            color: #FF8761;
        }
        .bg-theme {
            background-color: #FF8761;
        }
        .bg-theme-light {
            background-color: #FFF0EB;
        }

        .header_bg {
            background-color: #fffdfd;
        }
        .border-theme {
            border-color: #FF8761;
        }
        .cta-button {
            transition: all 0.3s ease;
        }
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px -10px rgba(255, 135, 97, 0.6);
        }
.font-serif { font-family: \'Lora\', serif; }
.theme-color { color: #FF8761; }
.bg-theme { background-color: #FF8761; }
.bg-theme-light { background-color: #FFF0EB; }
.border-theme { border-color: #FF8761; }
.cta-button { transition: all 0.3s ease; }
.cta-button:hover {
             transform: translateY(-3px);
             box-shadow: 0 10px 20px -10px rgba(255, 135, 97, 0.6);
         }
         .blog-card {
             transition: all 0.3s ease;
             border: 1px solid #F3EAE4;
         }
         .blog-card:hover {
             transform: translateY(-8px);
             box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.1);
             border-color: #FFD1C1;
         }
         .blog-card-image-wrapper {
             aspect-ratio: 16 / 9;
             overflow: hidden;
         }
         .blog-card-image {
             transition: transform 0.4s ease;
         }
         .blog-card:hover .blog-card-image {
             transform: scale(1.05);
         }
      
         /* Styles for professional blog post content */
         .prose {
             color: #374151; /* gray-700 */
             line-height: 1.75;
         }
         .prose h1, .prose h2, .prose h3 {
             font-family: \'Inter\', sans-serif;
             font-weight: 800;
             color: #1f2937; /* gray-800 */
         }
         .prose h1 { font-size: 2.25rem; margin-bottom: 1.5rem; }
         .prose h2 { font-size: 1.875rem; margin-top: 2.5rem; margin-bottom: 1.25rem; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.5rem; }
         .prose h3 { font-size: 1.5rem; margin-top: 2rem; margin-bottom: 1rem; }
         .prose p { font-family: \'Lora\', serif; font-size: 1.125rem; margin-bottom: 1.5rem; }
         .prose a { color: #FF8761; text-decoration: none; font-weight: 600; }
         .prose a:hover { text-decoration: underline; }
         .prose ul, .prose ol { margin-left: 1.5rem; margin-bottom: 1.5rem; }
         .prose li { margin-bottom: 0.5rem; }
         .prose blockquote {
             border-left: 4px solid #FF8761;
             padding-left: 1rem;
             margin-left: 0;
             font-style: italic;
             color: #4b5563; /* gray-600 */
         }
         .prose img {
             border-radius: 0.75rem;
             box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
         }
         .swiper {
           width: 250px;
           height: 450px;
           margin: 0px;
           padding: 10px 0;
         }
         .swiper-slide img {
           position: absolute;
           inset: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
         }
         .img-position {
           object-position: 50% 0%;
         }
         .swiper-slide {
           display: flex;
           align-items: center;
           justify-content: center;
           border-radius: 38px;
           border-color: transparent;
         }

         .truncate-3-lines {
  line-height: 1.5; /* Define a consistent line-height */
  max-height: 4.5em; /* 1.5em (line-height) * 3 (lines) */
  overflow: hidden;
}