.elementor-3868 .elementor-element.elementor-element-30da4e2{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3868 .elementor-element.elementor-element-2eddca8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-3868 .elementor-element.elementor-element-b8706b5{--display:flex;}.elementor-3868 .elementor-element.elementor-element-b8706b5:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-b8706b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/02/service-1.png");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-3cefa54{--display:flex;}.elementor-3868 .elementor-element.elementor-element-3cefa54:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-3cefa54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/toolxox.com-final-OkdB0FgCab.jpg");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-bdfc790{--display:flex;}.elementor-3868 .elementor-element.elementor-element-bdfc790:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-bdfc790 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/toolxox.com-final-cd5mzQCwgV.jpg");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-17d5b8a{--display:flex;}.elementor-3868 .elementor-element.elementor-element-17d5b8a:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-17d5b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/toolxox.com-final-CJs1D7XczM.jpg");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-a7d5491{--display:flex;}.elementor-3868 .elementor-element.elementor-element-a7d5491:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-a7d5491 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/toolxox.com-final-S70NBXRAzK.jpg");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-b15c05d{--display:flex;}.elementor-3868 .elementor-element.elementor-element-b15c05d:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-b15c05d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/Nail-polish.webp");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-3fc0515{--display:flex;}.elementor-3868 .elementor-element.elementor-element-3fc0515:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-3fc0515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/toolxox.com-final-zdivYblhKf.jpg");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-f5d136e{--display:flex;}.elementor-3868 .elementor-element.elementor-element-f5d136e:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-f5d136e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/toolxox.com-final-d7vjTnO1G2.jpg");background-position:center center;background-size:cover;}.elementor-3868 .elementor-element.elementor-element-4fba326{--display:flex;}.elementor-3868 .elementor-element.elementor-element-4fba326:not(.elementor-motion-effects-element-type-background), .elementor-3868 .elementor-element.elementor-element-4fba326 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarasfusspflege.com/wp-content/uploads/2026/03/toolxox.com-final-EchuPKT2ae.jpg");background-position:center center;background-size:cover;}@media(max-width:1024px){.elementor-3868 .elementor-element.elementor-element-2eddca8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3868 .elementor-element.elementor-element-2eddca8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-630ce52 */.elementor-3868 .elementor-element.elementor-element-630ce52.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-630ce52.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-630ce52.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-630ce52.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-630ce52 .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f39a4b */.elementor-3868 .elementor-element.elementor-element-7f39a4b.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-7f39a4b.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-7f39a4b.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-7f39a4b.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-7f39a4b .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-399905f */.elementor-3868 .elementor-element.elementor-element-399905f.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-399905f.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-399905f .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-399905f .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-399905f .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-399905f .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-399905f .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-399905f .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-399905f .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-399905f.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-399905f.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-399905f .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-330744d */.elementor-3868 .elementor-element.elementor-element-330744d.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-330744d.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-330744d .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-330744d .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-330744d .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-330744d .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-330744d .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-330744d .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-330744d .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-330744d.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-330744d.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-330744d .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9886ad */.elementor-3868 .elementor-element.elementor-element-c9886ad.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-c9886ad.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-c9886ad.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-c9886ad.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-c9886ad .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43d4834 */.elementor-3868 .elementor-element.elementor-element-43d4834.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-43d4834.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-43d4834.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-43d4834.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-43d4834 .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dde22 */.elementor-3868 .elementor-element.elementor-element-e7dde22.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-e7dde22.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-e7dde22.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-e7dde22.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-e7dde22 .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1de16 */.elementor-3868 .elementor-element.elementor-element-7d1de16.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-7d1de16.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-7d1de16.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-7d1de16.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-7d1de16 .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c231ffd */.elementor-3868 .elementor-element.elementor-element-c231ffd.service-card{
  position: relative;
  overflow: hidden;
  min-height: clamp(220px, 22vw, 420px);
}

/* optional: dark overlay like your screenshot */
.elementor-3868 .elementor-element.elementor-element-c231ffd.service-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.55));
  pointer-events:none;
  z-index:0;
}

.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__inner{
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}

.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__content{
  width: 100%;
  color: #fff;
  text-align: center;
  transition: transform 450ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  padding-top:30px;
}

/* Typography using responsive vw (with clamp safety) */
.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__title{
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(16px, 1.35vw, 28px);
  line-height: 1.1;
}

.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__meta{
  margin-top: clamp(6px, .6vw, 10px);
  font-size: clamp(12px, .95vw, 18px);
  opacity: .92;
}

.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__price{
  margin-top: clamp(10px, 1.2vw, 18px);
  font-weight: 700;
  font-size: clamp(18px, 2.0vw, 40px);
  line-height: 1.05;
}

/* Button hidden by default */
.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .7vw, 14px);

  margin-top: clamp(10px, 1.2vw, 18px);

  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;

  font-size: clamp(12px, 1.0vw, 18px);
  color: #fff;

  opacity: 0;
  transform: translateY(clamp(10px, 1.0vw, 18px));
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none; /* prevent clicking while hidden */
}

.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__arrow{
  font-size: 1.1em;
  line-height: 1;
}

/* Hover: content moves up + button reveals */
.elementor-3868 .elementor-element.elementor-element-c231ffd.service-card:hover .service-card__content{
  transform: translateY(clamp(-10px, -1.2vw, -22px));
}

.elementor-3868 .elementor-element.elementor-element-c231ffd.service-card:hover .service-card__btn{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nice focus for accessibility */
.elementor-3868 .elementor-element.elementor-element-c231ffd .service-card__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.85);
  outline-offset: 4px;
}/* End custom CSS */