.elementor-2109 .elementor-element.elementor-element-e8e87c8{--display:flex;}.elementor-2109 .elementor-element.elementor-element-b275db1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2109 .elementor-element.elementor-element-98b63ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-d80f4f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-bfcb5e9 img{width:60%;}.elementor-2109 .elementor-element.elementor-element-830e7f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-6248bc4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-aa8d57d img{width:60%;}.elementor-2109 .elementor-element.elementor-element-857020a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-e017d3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-e05f3d8 img{width:60%;}.elementor-2109 .elementor-element.elementor-element-f24959e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-65b7133{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-d0dde51 img{width:60%;max-width:60%;}.elementor-2109 .elementor-element.elementor-element-4f63a9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-617704d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2109 .elementor-element.elementor-element-e86163e img{width:60%;}.elementor-2109 .elementor-element.elementor-element-4b26719{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-2109 .elementor-element.elementor-element-bfcb5e9 img{width:100%;}.elementor-2109 .elementor-element.elementor-element-aa8d57d img{width:100%;}.elementor-2109 .elementor-element.elementor-element-e05f3d8 img{width:100%;}.elementor-2109 .elementor-element.elementor-element-d0dde51 img{width:100%;max-width:100%;}.elementor-2109 .elementor-element.elementor-element-e86163e img{width:100%;}}@media(min-width:768px){.elementor-2109 .elementor-element.elementor-element-e8e87c8{--content-width:900px;}.elementor-2109 .elementor-element.elementor-element-98b63ab{--content-width:900px;}.elementor-2109 .elementor-element.elementor-element-830e7f4{--content-width:900px;}.elementor-2109 .elementor-element.elementor-element-857020a{--content-width:900px;}.elementor-2109 .elementor-element.elementor-element-f24959e{--content-width:900px;}.elementor-2109 .elementor-element.elementor-element-4f63a9d{--content-width:900px;}.elementor-2109 .elementor-element.elementor-element-4b26719{--content-width:900px;}}/* Start custom CSS for html, class: .elementor-element-e9c6b48 */<style>
  /* Blog layout wrapper */
  .blog-article {
    max-width: 760px;
    margin: 40px auto;
    padding: 0 20px 60px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #111827;
    line-height: 1.7;
  }

  /* Main title */
  .blog-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #0b666a; /* you can change to your brand color */
    margin-bottom: 10px;
  }

  /* Subtitle / kicker above title (optional) */
  .blog-kicker {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 4px;
  }

  /* Meta info (date, reading time, category) */
  .blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 24px;
  }

  .blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .blog-meta-badge {
    background-color: #e0f2f7;
    color: #0b666a;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 500;
  }

  /* Paragraphs */
  .blog-body p {
    margin-bottom: 16px;
    font-size: 1rem;
  }

  .blog-body p strong {
    font-weight: 600;
  }

  /* Headings inside the article */
  .blog-body h2 {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 32px 0 12px;
    color: #111827;
  }

  .blog-body h3 {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 24px 0 10px;
    color: #111827;
  }

  /* Lists */
  .blog-body ul,
  .blog-body ol {
    margin: 12px 0 16px 20px;
    padding-left: 12px;
  }

  .blog-body li {
    margin-bottom: 8px;
  }

  /* Images with caption */
  .blog-image {
    margin: 24px 0;
    text-align: center;
  }

  .blog-image img {
    max-width: 100%;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
  }

  .blog-image-caption {
    font-size: 0.85rem;
    color: #6b7280;
    margin-top: 6px;
  }

  /* Highlight / callout box */
  .blog-callout {
    border-left: 4px solid #0b666a;
    background: #f8f6f4;
    padding: 12px 16px;
    border-radius: 10px;
    margin: 24px 0;
    font-size: 0.95rem;
  }

  /* Links */
  .blog-body a {
    color: #0b666a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .blog-body a:hover {
    text-decoration-thickness: 2px;
  }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3036ba6 */<style>
  .blog-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
    font-family: Arial, sans-serif;
    color: #333;
  }

  /* === BODY TEXT CUSTOMIZATION === */
  .blog-wrapper p {
    font-size: 17px;        /* change text size */
    line-height: 1.75;       /* change spacing */
    margin-bottom: 20px;     /* paragraph spacing */
    color: #333;             /* body color */
  }

  /* Headings */
  .blog-wrapper h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6px;
  }

  .blog-wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px;
  }

  /* Lists */
  .blog-wrapper ul {
    padding-left: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  /* Colored boxes (callouts) */
  .callout {
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 6px;
  }

  .pink    { background: #fce4ec; border-left: 4px solid #d81b60; }
  .green   { background: #f1f8e9; border-left: 4px solid #689f38; }
  .orange  { background: #fff3e0; border-left: 4px solid #ef6c00; }
  .purple  { background: #f3e5f5; border-left: 4px solid #8e24aa; }
  .teal    { background: #e0f2f1; border-left: 4px solid #00897b; }
  .yellow  { background: #fff8e1; border-left: 4px solid #ffb300; }
  .blue    { background: #e3f2fd; border-left: 4px solid #1976d2; }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ef5c17 */.blog-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
    font-family: Arial, sans-serif;
    color: #333;
  }

  /* body text */
  .blog-wrapper p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 20px;
    color: #333;
  }

  /* headings */
  .blog-wrapper h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6px;
  }

  .blog-wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px;
  }

  /* lists */
  .blog-wrapper ul {
    padding-left: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  /* callouts */
  .callout {
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 6px;
  }

  .pink    { background: #fce4ec; border-left: 4px solid #d81b60; }
  .orange  { background: #fff3e0; border-left: 4px solid #ef6c00; }
  .green   { background: #f1f8e9; border-left: 4px solid #689f38; }
  .purple  { background: #f3e5f5; border-left: 4px solid #8e24aa; }
  .blue    { background: #e3f2fd; border-left: 4px solid #1976d2; }
  .yellow  { background: #fff8e1; border-left: 4px solid #ffb300; }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55aa3fa */<style>
  .blog-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
    font-family: Arial, sans-serif;
    color: #333;
  }

  .blog-wrapper p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .blog-wrapper h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6px;
  }

  .blog-wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px;
  }

  .blog-wrapper ul {
    padding-left: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  .callout {
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 6px;
  }

  .pink    { background: #fce4ec; border-left: 4px solid #d81b60; }
  .orange  { background: #fff3e0; border-left: 4px solid #ef6c00; }
  .green   { background: #f1f8e9; border-left: 4px solid #689f38; }
  .purple  { background: #f3e5f5; border-left: 4px solid #8e24aa; }
  .blue    { background: #e3f2fd; border-left: 4px solid #1976d2; }
  .yellow  { background: #fff8e1; border-left: 4px solid #ffb300; }

  /* table styling */
  .blog-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 15px;
  }

  .blog-table thead tr {
    background-color: #f0f0f0;
    border-bottom: 2px solid #ccc;
  }

  .blog-table th,
  .blog-table td {
    text-align: left;
    padding: 10px;
  }

  .blog-table td:last-child,
  .blog-table th:last-child {
    text-align: center;
  }

  .blog-table tbody tr {
    border-bottom: 1px solid #ddd;
  }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d3cde2 */<style>
  .blog-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
    font-family: Arial, sans-serif;
    color: #333;
  }

  .blog-wrapper p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .blog-wrapper h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6px;
  }

  .blog-wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px;
  }

  .blog-wrapper ul {
    padding-left: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  .callout {
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 6px;
  }

  .pink    { background: #fce4ec; border-left: 4px solid #d81b60; }
  .orange  { background: #fff3e0; border-left: 4px solid #ef6c00; }
  .green   { background: #f1f8e9; border-left: 4px solid #689f38; }
  .purple  { background: #f3e5f5; border-left: 4px solid #8e24aa; }
  .blue    { background: #e3f2fd; border-left: 4px solid #1976d2; }
  .yellow  { background: #fff8e1; border-left: 4px solid #ffb300; }

  /* table styling */
  .blog-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 15px;
  }

  .blog-table thead tr {
    background-color: #f0f0f0;
    border-bottom: 2px solid #ccc;
  }

  .blog-table th,
  .blog-table td {
    text-align: left;
    padding: 10px;
  }

  .blog-table td:last-child,
  .blog-table th:last-child {
    text-align: center;
  }

  .blog-table tbody tr {
    border-bottom: 1px solid #ddd;
  }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac9fad */<style>
  .blog-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
    font-family: Arial, sans-serif;
    color: #333;
  }

  .blog-wrapper p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .blog-wrapper h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6px;
  }

  .blog-wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px;
  }

  .blog-wrapper ul {
    padding-left: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  .callout {
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 6px;
  }

  .pink    { background: #fce4ec; border-left: 4px solid #d81b60; }
  .orange  { background: #fff3e0; border-left: 4px solid #ef6c00; }
  .green   { background: #f1f8e9; border-left: 4px solid #689f38; }
  .purple  { background: #f3e5f5; border-left: 4px solid #8e24aa; }
  .blue    { background: #e3f2fd; border-left: 4px solid #1976d2; }
  .yellow  { background: #fff8e1; border-left: 4px solid #ffb300; }

  /* table styling */
  .blog-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 15px;
  }

  .blog-table thead tr {
    background-color: #f0f0f0;
    border-bottom: 2px solid #ccc;
  }

  .blog-table th,
  .blog-table td {
    text-align: left;
    padding: 10px;
  }

  .blog-table td:last-child,
  .blog-table th:last-child {
    text-align: center;
  }

  .blog-table tbody tr {
    border-bottom: 1px solid #ddd;
  }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70a17e8 */<style>
  .blog-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
    font-family: Arial, sans-serif;
    color: #333;
  }

  .blog-wrapper p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .blog-wrapper h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6px;
  }

  .blog-wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px;
  }

  .blog-wrapper ul {
    padding-left: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  .callout {
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 6px;
  }

  .pink    { background: #fce4ec; border-left: 4px solid #d81b60; }
  .orange  { background: #fff3e0; border-left: 4px solid #ef6c00; }
  .green   { background: #f1f8e9; border-left: 4px solid #689f38; }
  .purple  { background: #f3e5f5; border-left: 4px solid #8e24aa; }
  .blue    { background: #e3f2fd; border-left: 4px solid #1976d2; }
  .yellow  { background: #fff8e1; border-left: 4px solid #ffb300; }

  /* table styling */
  .blog-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 15px;
  }

  .blog-table thead tr {
    background-color: #f0f0f0;
    border-bottom: 2px solid #ccc;
  }

  .blog-table th,
  .blog-table td {
    text-align: left;
    padding: 10px;
  }

  .blog-table td:last-child,
  .blog-table th:last-child {
    text-align: center;
  }

  .blog-table tbody tr {
    border-bottom: 1px solid #ddd;
  }
</style>/* End custom CSS */