/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 15 2026 | 10:32:12 */
/* --------------------------------------------------
   TSF Icon-Box
-------------------------------------------------- */

@media (min-width: 768px) {
.tsficon {
  width: 3vw!important;
  max-width: 3vw !important;
  height: 3vw !important;
  flex-grow: 0 !important;

  background-color: #d8efe8 !important;
  border: 0.25em solid #ffffff !important;
  border-radius: 0.65em !important;
  box-shadow: 0 0 0.35vw 0 rgba(27, 47, 73, 0.3) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tsficon .elementor-icon-box-wrapper,
.tsficon .elementor-icon-box-icon,
.tsficon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.tsficon .elementor-icon {
  color: #00C185 !important;
}

.tsficon .elementor-icon svg {
  width: 2vw !important;
  height: 2vw !important;
}

.tsficon .elementor-icon svg,
.tsficon .elementor-icon svg * {
  fill: #00C185 !important;
}
}

/* --------------------------------------------------
   TSF Icon-Box – Mobile
-------------------------------------------------- */

@media (max-width: 767px) {

  .tsficon {
    width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    flex-grow: 0 !important;

    background-color: #f0f9f2 !important;
    border: 4px solid #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.45) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tsficon .elementor-icon-box-wrapper,
  .tsficon .elementor-icon-box-icon,
  .tsficon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  .tsficon .elementor-icon {
    color: #00C185 !important;
  }

  .tsficon .elementor-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  .tsficon .elementor-icon svg [fill] {
    fill: currentColor !important;
  }

  .tsficon .elementor-icon svg [stroke] {
    stroke: currentColor !important;
  }

}








/* --------------------------------------------------
   TSF Icon-Box – Darkmode
-------------------------------------------------- */

html.darkmode .tsficon,
body.darkmode .tsficon {
  background-color: #111A34 !important;
  border-color: #1D2F49 !important;

  box-shadow:
    0 0 0 1px rgba(0, 193, 133, 0.35),
    0 0 0.45vw 0 rgba(0, 193, 133, 0.55),
    0 0 1.2vw 0 rgba(0, 193, 133, 0.28),
    inset 0 0 0.6vw 0 rgba(0, 193, 133, 0.12) !important;
}

html.darkmode .tsficon .elementor-icon,
body.darkmode .tsficon .elementor-icon {
  color: #00C185 !important;
}

html.darkmode .tsficon .elementor-icon svg [fill],
body.darkmode .tsficon .elementor-icon svg [fill] {
  fill: currentColor !important;
}

html.darkmode .tsficon .elementor-icon svg [stroke],
body.darkmode .tsficon .elementor-icon svg [stroke] {
  stroke: currentColor !important;
}


/* --------------------------------------------------
   TSF Icon-Box – Darkmode Mobile
-------------------------------------------------- */

@media (max-width: 767px) {

  html.darkmode .tsficon,
  body.darkmode .tsficon {
    background-color: #111A34 !important;
    border-color: #1D2F49 !important;

    box-shadow:
      0 0 0 1px rgba(0, 193, 133, 0.35),
      0 0 9px 0 rgba(0, 193, 133, 0.55),
      0 0 22px 0 rgba(0, 193, 133, 0.3),
      inset 0 0 8px 0 rgba(0, 193, 133, 0.14) !important;
  }

}