.elementor-7548 .elementor-element.elementor-element-e5cc7ac{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7548 .elementor-element.elementor-element-6a7a346 .elementor-button{background-color:#58D5D5;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;border-radius:80px 80px 80px 80px;padding:15px 15px 15px 15px;}.elementor-7548 .elementor-element.elementor-element-6a7a346{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7548 .elementor-element.elementor-element-6a7a346 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7548 .elementor-element.elementor-element-6a7a346 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7548 .elementor-element.elementor-element-6a7a346 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-7548 .elementor-element.elementor-element-e5e0d2c{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7548 .elementor-element.elementor-element-22ad015 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-7548 .elementor-element.elementor-element-b58683a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 25px;--row-gap:0px;--column-gap:25px;--overflow:hidden;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7548 .elementor-element.elementor-element-ed9d577{--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-7548 .elementor-element.elementor-element-ed9d577.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7548 .elementor-element.elementor-element-b1fe8b6{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7548 .elementor-element.elementor-element-18de4cc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7548 .elementor-element.elementor-element-18de4cc{z-index:20;}.elementor-7548 .elementor-element.elementor-element-18de4cc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7548 .elementor-element.elementor-element-8f19225.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7548 .elementor-element.elementor-element-8f19225 .elementor-icon-list-icon{width:14px;}.elementor-7548 .elementor-element.elementor-element-8f19225 .elementor-icon-list-icon i{font-size:14px;}.elementor-7548 .elementor-element.elementor-element-8f19225 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-7548 .elementor-element.elementor-element-8f19225 .elementor-icon-list-item{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-widget-theme-post-content{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-7548 .elementor-element.elementor-element-112718c > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-7548 .elementor-element.elementor-element-112718c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7548 .elementor-element.elementor-element-3521a80{--display:flex;}.elementor-7548 .elementor-element.elementor-element-42820dc{--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-7548 .elementor-element.elementor-element-42820dc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7548 .elementor-element.elementor-element-693376d{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7548 .elementor-element.elementor-element-693376d:not(.elementor-motion-effects-element-type-background), .elementor-7548 .elementor-element.elementor-element-693376d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF80;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7548 .elementor-element.elementor-element-482e363{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--separator-width:0px;--item-text-hover-color:#58D5D5;}.elementor-7548 .elementor-element.elementor-element-482e363 > .elementor-widget-container{border-style:none;}.elementor-7548 .elementor-element.elementor-element-482e363 .elementor-toc__header-title{text-align:start;}.elementor-7548 .elementor-element.elementor-element-482e363 .elementor-toc__list-item{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-7548 .elementor-element.elementor-element-fd286a2{--display:flex;--margin-top:30px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-7548 .elementor-element.elementor-element-c4a94ac{--display:flex;}.elementor-7548 .elementor-element.elementor-element-c4a94ac:not(.elementor-motion-effects-element-type-background), .elementor-7548 .elementor-element.elementor-element-c4a94ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CCCCCC4D;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7548 .elementor-element.elementor-element-646870e > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__prev--label{color:#000000;}.elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__next--label{color:#000000;}.elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__prev--label, .elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__next--label{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;}.elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__prev--title, .elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__next--title{color:#000000;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-7548 .elementor-element.elementor-element-646870e .post-navigation__arrow-wrapper{color:#58D5D5;fill:#58D5D5;font-size:45px;}.elementor-7548 .elementor-element.elementor-element-9962f11{--display:flex;}.elementor-7548 .elementor-element.elementor-element-085fecf{z-index:-10;}@media(max-width:1024px){.elementor-7548 .elementor-element.elementor-element-b58683a{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:30px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-7548 .elementor-element.elementor-element-18de4cc{width:var( --container-widget-width, 614.25px );max-width:614.25px;--container-widget-width:614.25px;--container-widget-flex-grow:0;}.elementor-7548 .elementor-element.elementor-element-8f19225{width:var( --container-widget-width, 609.944px );max-width:609.944px;--container-widget-width:609.944px;--container-widget-flex-grow:0;}.elementor-7548 .elementor-element.elementor-element-112718c{width:var( --container-widget-width, 698.242px );max-width:698.242px;--container-widget-width:698.242px;--container-widget-flex-grow:0;}.elementor-7548 .elementor-element.elementor-element-482e363{--container-widget-width:213px;--container-widget-flex-grow:0;width:var( --container-widget-width, 213px );max-width:213px;--box-border-width:0px;}.elementor-7548 .elementor-element.elementor-element-482e363 .elementor-toc__list-item{font-size:12px;}}@media(max-width:768px){.elementor-7548 .elementor-element.elementor-element-6a7a346 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-7548 .elementor-element.elementor-element-6a7a346 .elementor-button{font-size:12px;padding:8px 8px 8px 8px;}.elementor-7548 .elementor-element.elementor-element-e5e0d2c{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-7548 .elementor-element.elementor-element-22ad015 > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-7548 .elementor-element.elementor-element-b58683a{--content-width:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:07px;--padding-bottom:07px;--padding-left:07px;--padding-right:07px;}.elementor-7548 .elementor-element.elementor-element-18de4cc > .elementor-widget-container{padding:7px 7px 7px 7px;}.elementor-7548 .elementor-element.elementor-element-18de4cc.elementor-element{--align-self:center;}.elementor-7548 .elementor-element.elementor-element-18de4cc{z-index:10;}.elementor-7548 .elementor-element.elementor-element-8f19225 > .elementor-widget-container{padding:0px 0px 0px 07px;}.elementor-7548 .elementor-element.elementor-element-8f19225 .elementor-icon-list-item{font-size:10px;}.elementor-7548 .elementor-element.elementor-element-112718c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-7548 .elementor-element.elementor-element-112718c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__prev--label, .elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__next--label{font-size:12px;}.elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__prev--title, .elementor-7548 .elementor-element.elementor-element-646870e span.post-navigation__next--title{font-size:10px;}.elementor-7548 .elementor-element.elementor-element-646870e .post-navigation__arrow-wrapper{font-size:15px;}}@media(min-width:769px){.elementor-7548 .elementor-element.elementor-element-ed9d577{--width:68.504%;}.elementor-7548 .elementor-element.elementor-element-b1fe8b6{--content-width:1600px;}.elementor-7548 .elementor-element.elementor-element-42820dc{--width:41%;}}@media(max-width:1024px) and (min-width:769px){.elementor-7548 .elementor-element.elementor-element-ed9d577{--width:500.227px;}.elementor-7548 .elementor-element.elementor-element-42820dc{--width:500px;}}/* Start custom CSS for theme-post-title, class: .elementor-element-18de4cc *//* ==================================
   Post Title widget = Blog Title
================================== */

/* Target the title inside THIS widget */
.elementor-7548 .elementor-element.elementor-element-18de4cc .elementor-heading-title,
.elementor-7548 .elementor-element.elementor-element-18de4cc .elementor-post-title,
.elementor-7548 .elementor-element.elementor-element-18de4cc h1 {
  font-family: Poppins, sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  color: #05435F !important;
  line-height: 1.2 !important;
  margin-bottom: 10px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-7548 .elementor-element.elementor-element-18de4cc .elementor-heading-title,
  .elementor-7548 .elementor-element.elementor-element-18de4cc .elementor-post-title,
  .elementor-7548 .elementor-element.elementor-element-18de4cc h1 {
    font-size: 34px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .elementor-7548 .elementor-element.elementor-element-18de4cc .elementor-heading-title,
  .elementor-7548 .elementor-element.elementor-element-18de4cc .elementor-post-title,
  .elementor-7548 .elementor-element.elementor-element-18de4cc h1 {
    font-size: 25px !important;
  }
}/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-8f19225 *//* =========================================
   Elementor Post Info = blog-meta
========================================= */

/* Whole meta row */
.elementor-7548 .elementor-element.elementor-element-8f19225 {
  font-family: Poppins, sans-serif;
  font-size: 15px;
  color: #777;
  margin-bottom: 20px;
}

/* Individual meta items (date, time, author) */
.elementor-7548 .elementor-element.elementor-element-8f19225 .elementor-post-info__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #777;
}

/* Icons */
.elementor-7548 .elementor-element.elementor-element-8f19225 .elementor-post-info__icon {
  color: #777;
  font-size: 14px;
}

/* Links (if author is clickable) */
.elementor-7548 .elementor-element.elementor-element-8f19225 a {
  color: #777;
  text-decoration: none;
}

.elementor-7548 .elementor-element.elementor-element-8f19225 a:hover {
  text-decoration: underline;
}

/* =========================================
   Tablet
========================================= */
@media (max-width: 1024px) {
  .elementor-7548 .elementor-element.elementor-element-8f19225 {
    font-size: 13px;
  }
}

/* =========================================
   Mobile
========================================= */
@media (max-width: 768px) {
  .elementor-7548 .elementor-element.elementor-element-8f19225 {
    font-size: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-112718c *//* =========================
   RELATED ARTICLES (sidebar-box)
========================= */

/* Card */
.elementor-7548 .elementor-element.elementor-element-112718c .sidebar-box{
  background: rgba(255,255,255,0.4) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  padding: 22px 28px !important;
  margin: 40px 0 !important;

  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  text-align: left !important;
}

/* Title */
.elementor-7548 .elementor-element.elementor-element-112718c .sidebar-box h4{
  font-family: Poppins, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  margin: 0 0 24px !important;
  text-align: left !important;
}

/* List */
.elementor-7548 .elementor-element.elementor-element-112718c .sidebar-box ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-7548 .elementor-element.elementor-element-112718c .sidebar-box a{
  font-family: Poppins, sans-serif !important;
  font-size: 16px !important;
  font-weight: 450 !important;
  color: #58D5D5 !important;
  text-decoration: none !important;
  line-height: 1.15 !important;
  display: inline-block !important;
}

/* =========================
   GLOBAL FONT
========================= */

.elementor-7548 .elementor-element.elementor-element-112718c {
  font-family: Poppins, sans-serif !important;
  color: #000000 !important;
}

/* Paragraphs */
.elementor-7548 .elementor-element.elementor-element-112718c p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}

/* Headings */
.elementor-7548 .elementor-element.elementor-element-112718c h2 {
  font-size: 26px !important;
  margin: 40px 0 20px !important;
  color: #05435F !important;
  font-weight: 600 !important;
}

.elementor-7548 .elementor-element.elementor-element-112718c h3 {
  font-size: 22px !important;
  margin: 30px 0 15px !important;
}

.elementor-7548 .elementor-element.elementor-element-112718c h4 {
  font-size: 18px !important;
  margin: 20px 0 10px !important;
}

/* Lists */
.elementor-7548 .elementor-element.elementor-element-112718c ul {
  padding-left: 15px !important;
  margin-left: 0 !important;
}

.elementor-7548 .elementor-element.elementor-element-112718c li {
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 10px 0 !important;
}

/* Links */
.elementor-7548 .elementor-element.elementor-element-112718c a {
  color: #05435F !important;
  text-decoration: none;
}

.elementor-7548 .elementor-element.elementor-element-112718c a:hover {
  text-decoration: underline;
}

/* =========================
   IMAGES
========================= */

/* Default images */
.elementor-7548 .elementor-element.elementor-element-112718c img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 20px 0 !important;
  border-radius: 12px !important;
  display: block !important;
}

/* Emoji fix */
.elementor-7548 .elementor-element.elementor-element-112718c img.emoji,
.elementor-7548 .elementor-element.elementor-element-112718c img.wp-smiley{
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  margin: 0 8px 0 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 0 !important;
}

/* HERO image */
.elementor-7548 .elementor-element.elementor-element-112718c img.hero-image,
.elementor-7548 .elementor-element.elementor-element-112718c figure.hero-image img,
.elementor-7548 .elementor-element.elementor-element-112718c .hero-image img{
  width: 100% !important;
  max-width: 650px !important;
  margin: 30px auto !important;
  display: block !important;
  border-radius: 25px !important;
  object-fit: cover !important;
  height: auto !important;
  float: none !important;
}

/* =========================
   SIDE-BY-SIDE BASE
========================= */

.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper{
  display: flex !important;
  align-items: center !important;
  gap: 40px !important;
  margin: 40px 0 !important;
}

.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper > .text-box{
  flex: 1 !important;
  margin: 0 !important;
}

.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper > .image-box,
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper > .image-box-2{
  flex: 1.3 !important;
}

.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper img{
  width: 100% !important;
  max-width: 100% !important;
  height: 380px !important;
  margin: 0 !important;
  border-radius: 20px !important;
  object-fit: cover !important;
  display: block !important;
}

/* =========================
   ⭐ LEFT / RIGHT FIX (the important part)
========================= */

/* Reset order first */
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper > .text-box,
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper > .image-box,
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper > .image-box-2{
  order: 0 !important;
}

/* Image LEFT */
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper.image-left > .image-box,
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper.image-left > .image-box-2{
  order: 1 !important;
}
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper.image-left > .text-box{
  order: 2 !important;
}

/* Image RIGHT */
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper.image-right > .text-box{
  order: 1 !important;
}
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper.image-right > .image-box,
.elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper.image-right > .image-box-2{
  order: 2 !important;
}


/* =========================
   FAQ QUESTION ICON FIX
========================= */

.elementor-7548 .elementor-element.elementor-element-112718c .faq-question{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-weight: 600 !important;
  color: #1F2937 !important;
}

/* Red question mark like design */
.elementor-7548 .elementor-element.elementor-element-112718c .faq-icon{
  color: #E11D48 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1024px){
  .elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper{
    gap: 28px !important;
    margin: 34px 0 !important;
  }
  .elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper img{
    height: 380px !important;
    border-radius: 18px !important;
  }
  .elementor-7548 .elementor-element.elementor-element-112718c img.hero-image,
  .elementor-7548 .elementor-element.elementor-element-112718c figure.hero-image img,
  .elementor-7548 .elementor-element.elementor-element-112718c .hero-image img{
    max-width: 900px !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 768px){
  .elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper{
    flex-direction: column !important;
  }
  .elementor-7548 .elementor-element.elementor-element-112718c .image-text-wrapper img{
    height: 300px !important;
    border-radius: 15px !important;
  }
  .elementor-7548 .elementor-element.elementor-element-112718c img.hero-image,
  .elementor-7548 .elementor-element.elementor-element-112718c figure.hero-image img,
  .elementor-7548 .elementor-element.elementor-element-112718c .hero-image img{
    max-width: 100% !important;
    border-radius: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-601895d */.sidebar-box {
background: rgba(255,255,255,0.5) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  padding: 22px 28px !important;
  margin: 20px 0;
}/* End custom CSS */
/* Start custom CSS *//* --- Brand Colors --- */
:root { 
  --teal: #2FCCCB; 
  --dark: #05435F; 
  --highlight: #ff0000; 
}

/* =========================================================
   1) DESKTOP / TABLET: Sticky sidebar TOC
   ========================================================= */
@media (min-width: 768px){
  .blog-sidebar{
    position: sticky !important;
    top: 100px !important;      /* adjust to your header height */
    z-index: 10;
    display: block !important;
    background: #FFFFFF66;
    padding: 20px;
    border-left: 4px solid #ccc;
    border-radius: 6px;
    overflow: visible !important;
  }

  /* Hide floating mobile TOC button on desktop */
  #toc-open-btn,
  .toc-trigger-generated{
    display: none !important;
  }
}

/* =========================================================
   2) TOC Styling (All devices): always-open list + bullets
   ========================================================= */

/* Remove Elementor dropdown toggle button */
.elementor-toc__header-button{
  display: none !important;
}

/* Force list visible and remove extra indent */
.elementor-toc__list-wrapper{
  display: block !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Custom bullets + spacing */
.elementor-toc__list-item{
  list-style: none !important;
  padding-left: 20px !important;
  margin-bottom: 10px !important;
  position: relative !important;
}

/* Circle bullet */
.elementor-toc__list-item::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #ccc !important;
  transition: all 0.3s ease !important;
}

/* Hide native Elementor marker */
.elementor-toc__list-item-marker{
  display: none !important;
}

/* Active highlight */
.elementor-toc__list-item.elementor-item-active::before{
  background: var(--highlight) !important;
}
.elementor-toc__list-item.elementor-item-active a{
  color: var(--highlight) !important;
  font-weight: 700 !important;
}

/* =========================================================
   3) MOBILE: Drawer TOC + Floating button + Close "X"
   ========================================================= */
@media (max-width: 767px){
  /* Drawer container */
  .blog-sidebar{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    height: 100vh !important;
    width: 280px !important;               /* adjust width */
    max-width: 90vw !important;
    background: #fff !important;
    z-index: 999999 !important;
    transform: translateX(100%) !important; /* hidden */
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-shadow: -10px 0 25px rgba(0,0,0,0.12) !important;
    padding: 60px 15px 20px !important;     /* space for X button */
    overflow-y: auto !important;
  }

  /* When JS adds .open, show drawer */
  .blog-sidebar.open{
    transform: translateX(0) !important;
  }

  /* Floating TOC button */
  #toc-open-btn,
  .toc-trigger-generated{
    display: flex !important;
    position: fixed !important;
    top: 45% !important;
    right: 0 !important;
    background: var(--teal) !important;
    color: #fff !important;
    padding: 10px 15px !important;
    border-radius: 10px 0 0 10px !important;
    font: 600 13px/1 Poppins, sans-serif !important;
    cursor: pointer !important;
    z-index: 99998 !important;
    box-shadow: -2px 4px 12px rgba(0,0,0,0.15) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
  }

  /* Close X button (created by your JS) */
  .toc-mobile-close{
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 35px !important;
    height: 35px !important;
    background: var(--teal) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    z-index: 100001 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.20) !important;
  }
}

/* =========================================================
   4) Anchor offset (prevents headings hiding under header)
   ========================================================= */
h1,h2,h3,h4,h5,h6{
  scroll-margin-top: 100px !important; /* desktop header height */
  margin-top: 0 !important;
}

@media (max-width: 767px){
  h1,h2,h3,h4,h5,h6{
    scroll-margin-top: 80px !important; /* mobile header height */
  }
}


#wp-admin-bar-edit{
  display: none !important;
}/* End custom CSS */