.elementor-786 .elementor-element.elementor-element-20aa295a{--display:flex;--min-height:480px;--justify-content:center;--overlay-opacity:0.5;}.elementor-786 .elementor-element.elementor-element-20aa295a:not(.elementor-motion-effects-element-type-background), .elementor-786 .elementor-element.elementor-element-20aa295a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-eff3976 );background-image:url("https://bakertilly.co.il/wp-content/uploads/2025/03/27-GS-scaled.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-786 .elementor-element.elementor-element-20aa295a::before, .elementor-786 .elementor-element.elementor-element-20aa295a > .elementor-background-video-container::before, .elementor-786 .elementor-element.elementor-element-20aa295a > .e-con-inner > .elementor-background-video-container::before, .elementor-786 .elementor-element.elementor-element-20aa295a > .elementor-background-slideshow::before, .elementor-786 .elementor-element.elementor-element-20aa295a > .e-con-inner > .elementor-background-slideshow::before, .elementor-786 .elementor-element.elementor-element-20aa295a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-eff3976 );--background-overlay:'';}.elementor-widget-heading .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-786 .elementor-element.elementor-element-22e1f574{text-align:center;}.elementor-786 .elementor-element.elementor-element-22e1f574 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:68px;font-weight:600;color:#FFFFFF;}.elementor-786 .elementor-element.elementor-element-5f4c5725{--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:060px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-786 .elementor-element.elementor-element-5f4c5725:not(.elementor-motion-effects-element-type-background), .elementor-786 .elementor-element.elementor-element-5f4c5725 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-64f0f02 );}.elementor-786 .elementor-element.elementor-element-682d8cb8{--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-786 .elementor-element.elementor-element-7be5d575 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;}.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-786 .elementor-element.elementor-element-7cc7750b{--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-786 .elementor-element.elementor-element-652e3177{--display:flex;--min-height:28vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0% 0%;--row-gap:0%;--column-gap:0%;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:rgb(229, 231, 235);--border-color:rgb(229, 231, 235);--border-radius:4px 4px 4px 4px;--margin-top:0.0%;--margin-bottom:0.0%;--margin-left:0%;--margin-right:0.0%;--z-index:9999;}.elementor-786 .elementor-element.elementor-element-652e3177:not(.elementor-motion-effects-element-type-background), .elementor-786 .elementor-element.elementor-element-652e3177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ccbb101 );}.elementor-786 .elementor-element.elementor-element-652e3177.e-con{--align-self:flex-end;}.elementor-786 .elementor-element.elementor-element-10d5c15b{--display:flex;--min-height:33vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 40px;--row-gap:10px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:rgb(229, 231, 235);--border-color:rgb(229, 231, 235);--border-radius:4px 4px 4px 4px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-786 .elementor-element.elementor-element-10d5c15b.e-con{--align-self:center;}.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-786 .elementor-element.elementor-element-468dfd4f > .elementor-widget-container{padding:10px 10px 0px 10px;}.elementor-786 .elementor-element.elementor-element-33e397ce > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-786 .elementor-element.elementor-element-33e397ce{text-align:center;}.elementor-786 .elementor-element.elementor-element-33e397ce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-4cf41b4 );}.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-786 .elementor-element.elementor-element-4d472dd6 .elementor-button{background-color:var( --e-global-color-39f9c47 );border-radius:23px 23px 23px 23px;padding:5px 15px 5px 15px;}.elementor-786 .elementor-element.elementor-element-4d472dd6{width:100%;max-width:100%;}.elementor-786 .elementor-element.elementor-element-4d472dd6 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-786 .elementor-element.elementor-element-4d472dd6 .elementor-button:hover, .elementor-786 .elementor-element.elementor-element-4d472dd6 .elementor-button:focus{border-color:var( --e-global-color-4cf41b4 );}.elementor-786 .elementor-element.elementor-element-5744df4 .elementor-button{background-color:transparent;fill:var( --e-global-color-4cf41b4 );color:var( --e-global-color-4cf41b4 );background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);border-radius:23px 23px 23px 23px;padding:5px 15px 5px 15px;}.elementor-786 .elementor-element.elementor-element-5744df4{width:100%;max-width:100%;}.elementor-786 .elementor-element.elementor-element-5744df4 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-786 .elementor-element.elementor-element-5744df4 .elementor-button:hover, .elementor-786 .elementor-element.elementor-element-5744df4 .elementor-button:focus{border-color:var( --e-global-color-4cf41b4 );}.elementor-786 .elementor-element.elementor-element-d1376cd{--display:flex;}.elementor-786 .elementor-element.elementor-element-0136c44 .service-header{background-color:#d3e84d;}.elementor-786 .elementor-element.elementor-element-0136c44 .service-card:hover .service-header{background-color:#1e2736;}.elementor-786 .elementor-element.elementor-element-0136c44 .service-icon{-webkit-text-stroke:2px rgba(0, 0, 0, 0.2);text-stroke:2px rgba(0, 0, 0, 0.2);}.elementor-786 .elementor-element.elementor-element-0136c44 .service-card:hover .service-icon{-webkit-text-stroke:2px #d3e84d;text-stroke:2px #d3e84d;}.elementor-786 .elementor-element.elementor-element-0136c44 .service-button{background-color:#1e2736;}.elementor-786 .elementor-element.elementor-element-0136c44 .service-button:hover{background-color:#2a3649;}.elementor-786 .elementor-element.elementor-element-a7d9975{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0% 0%;--row-gap:0%;--column-gap:0%;}.elementor-786 .elementor-element.elementor-element-a7d9975.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-786 .elementor-element.elementor-element-51b084a{--display:flex;--min-height:61vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--margin-top:0.0%;--margin-bottom:0.0%;--margin-left:0.0%;--margin-right:0.0%;--padding-top:0%;--padding-bottom:0%;--padding-left:1.0%;--padding-right:1.0%;}.elementor-786 .elementor-element.elementor-element-51b084a:not(.elementor-motion-effects-element-type-background), .elementor-786 .elementor-element.elementor-element-51b084a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(255, 255, 255, 1);}.elementor-786 .elementor-element.elementor-element-51b084a.e-con{--align-self:flex-start;}.elementor-786 .elementor-element.elementor-element-c05e946{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:2.1% 2.1%;--row-gap:2.1%;--column-gap:2.1%;}.elementor-786 .elementor-element.elementor-element-c05e946.e-con{--align-self:flex-start;}.elementor-786 .elementor-element.elementor-element-7e4b85d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:2%;--margin-bottom:-2%;--margin-left:0%;--margin-right:0%;}.elementor-786 .elementor-element.elementor-element-7e4b85d.e-con{--align-self:flex-start;}.elementor-786 .elementor-element.elementor-element-c246b6f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:43px;font-weight:600;}.elementor-786 .elementor-element.elementor-element-a1dc5a3{text-align:center;}.elementor-786 .elementor-element.elementor-element-a1dc5a3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;line-height:21px;}.elementor-786 .elementor-element.elementor-element-2ac2109 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-786 .elementor-element.elementor-element-2ac2109 .service-header{background-color:#d3e84d;}.elementor-786 .elementor-element.elementor-element-2ac2109 .service-card:hover .service-header{background-color:#1e2736;}.elementor-786 .elementor-element.elementor-element-2ac2109 .service-icon{-webkit-text-stroke:2px rgba(0, 0, 0, 0.2);text-stroke:2px rgba(0, 0, 0, 0.2);}.elementor-786 .elementor-element.elementor-element-2ac2109 .service-card:hover .service-icon{-webkit-text-stroke:2px #d3e84d;text-stroke:2px #d3e84d;}.elementor-786 .elementor-element.elementor-element-2ac2109 .service-button{background-color:#1e2736;}.elementor-786 .elementor-element.elementor-element-2ac2109 .service-button:hover{background-color:#2a3649;}.elementor-786 .elementor-element.elementor-element-a848245{--display:flex;}.elementor-786 .elementor-element.elementor-element-202628c{--display:flex;}@media(max-width:1024px){.elementor-786 .elementor-element.elementor-element-652e3177{--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-10d5c15b{--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-a7d9975{--padding-top:0.0px;--padding-bottom:0.8px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-51b084a{--justify-content:center;--padding-top:76.8px;--padding-bottom:76.8px;--padding-left:10px;--padding-right:10px;}.elementor-786 .elementor-element.elementor-element-c05e946{--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-7e4b85d{--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}}@media(max-width:767px){.elementor-786 .elementor-element.elementor-element-22e1f574{text-align:center;}.elementor-786 .elementor-element.elementor-element-652e3177{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-10d5c15b{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-a7d9975{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0.0px;--padding-bottom:0.8px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-51b084a{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:76.8px;--padding-bottom:76.8px;--padding-left:10px;--padding-right:10px;}.elementor-786 .elementor-element.elementor-element-c05e946{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}.elementor-786 .elementor-element.elementor-element-7e4b85d{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0.0px;--padding-bottom:0.0px;--padding-left:0.0px;--padding-right:0.0px;}}@media(min-width:768px){.elementor-786 .elementor-element.elementor-element-5f4c5725{--content-width:1200px;}.elementor-786 .elementor-element.elementor-element-682d8cb8{--width:50%;}.elementor-786 .elementor-element.elementor-element-7cc7750b{--width:50%;}.elementor-786 .elementor-element.elementor-element-652e3177{--width:320px;}.elementor-786 .elementor-element.elementor-element-10d5c15b{--width:100%;}.elementor-786 .elementor-element.elementor-element-a7d9975{--width:89.241%;}.elementor-786 .elementor-element.elementor-element-51b084a{--content-width:1208px;}.elementor-786 .elementor-element.elementor-element-c05e946{--width:100%;}.elementor-786 .elementor-element.elementor-element-7e4b85d{--width:100%;}}/* Start custom CSS for query_posts_section, class: .elementor-element-0136c44 *//* Services Section Styles */
.services-section {
  padding: 4rem 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.services-heading {
  font-size: 2.25rem;
  font-weight: 700;
  text-align: center;
  color: #333333;
  margin-bottom: 1rem;
    
}

.services-subheading {
  text-align: center;
  font-size: 1.125rem;
  color: #333333;
  max-width: 48rem;
  margin: 0 auto 3rem auto;
}

.services-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  opacity: 0;
  animation: fadeIn 1s forwards;
}

@media (min-width: 768px) {
  .services-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .services-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Fade-in animation for the grid */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.service-card {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  animation: fadeInCard 0.8s forwards;
  background: white !important;
}

.service-card:nth-child(1) {
  animation-delay: 0.2s;
}

.service-card:nth-child(2) {
  animation-delay: 0.4s;
}

.service-card:nth-child(3) {
  animation-delay: 0.6s;
}

.service-card:nth-child(4) {
  animation-delay: 0.8s;
}

.service-card:nth-child(5) {
  animation-delay: 1s;
}

.service-card:nth-child(6) {
  animation-delay: 1.2s;
}

.service-card:nth-child(7) {
  animation-delay: 1.4s;
}

.service-card:nth-child(8) {
  animation-delay: 1.6s;
}

@keyframes fadeInCard {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.service-header {
  height: 100px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
  
}

.service-header-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}

.service-icon {
  font-size: 180px;
  line-height: 1;
  font-weight: 200;
  color: transparent;
  transform: translateY(30%);
  letter-spacing: 2px;
  -webkit-text-stroke: 2px rgba(0, 0, 0, 0.2);
  text-stroke: 2px rgba(0, 0, 0, 0.2);
    font-weight: 600;

}

.service-body {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.service-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: #333333;
}

.service-description {
  color: #333333;
  margin-bottom: auto;
}

.service-button-container {
  margin-top: 1rem;
  overflow: hidden;
  height: 3rem;
}

.service-button-wrapper {
  transition: transform 0.3s ease-out;
  transform: translateY(170%);
}

.service-button {
  background-color: #1e2736;
  color: white;
  padding: 4px 20px 4px 20px;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.3s;
}

.service-button:hover {
  background-color: #2a3649;
  color: white;
}

/* Animation */
@keyframes teleportSlide {
  0% {
    transform: translateX(-100%) translateY(30%);
  }
  45% {
    transform: translateX(100%) translateY(30%);
  }
  50% {
    transform: translateX(-100%) translateY(30%);
  }
  95% {
    transform: translateX(100%) translateY(30%);
  }
  100% {
    transform: translateX(-100%) translateY(30%);
  }
}

/* Hover States */
.service-card:hover .service-header {
  background-color: #1e2736;
}

.service-card:hover .service-icon {
  -webkit-text-stroke: 2px #d3e84d;
  text-stroke: 2px #d3e84d;
  animation: teleportSlide 8s linear infinite;
}

.service-card:hover .service-button-wrapper {
  transform: translateY(15%);
}

/* Reset transform for mobile to prevent translation */
@media (max-width: 767px) {
  .service-button-wrapper {
    transform: translateY(0%);
  }

  .service-card:hover .service-button-wrapper {
    transform: translateY(15%);
  }
}



/* Styles for clickable header and title */
.service-header-link {
  display: block;
  cursor: pointer;
}

.service-title-link {
  color: #333333;
  text-decoration: none;
  transition: color 0.3s;
}

.service-title-link:hover {
  color: #1e2736;
  text-decoration: underline;
}

/* Ensure the header has the pointer cursor on hover */
.service-header-link .service-header {
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for services_section, class: .elementor-element-2ac2109 *//* Services Section Styles */
.services-section {
  padding: 4rem 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.services-heading {
  font-size: 2.25rem;
  font-weight: 700;
  text-align: center;
  color: #333333;
  margin-bottom: 1rem;
}

.services-subheading {
  text-align: center;
  font-size: 1.125rem;
  color: #333333;
  max-width: 48rem;
  margin: 0 auto 3rem auto;
}

.services-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  opacity: 0;
  animation: fadeIn 1s forwards;
}

@media (min-width: 768px) {
  .services-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .services-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Fade-in animation for the grid */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.service-card {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  animation: fadeInCard 0.8s forwards;
}

.service-card:nth-child(1) {
  animation-delay: 0.2s;
}

.service-card:nth-child(2) {
  animation-delay: 0.4s;
}

.service-card:nth-child(3) {
  animation-delay: 0.6s;
}

.service-card:nth-child(4) {
  animation-delay: 0.8s;
}

.service-card:nth-child(5) {
  animation-delay: 1s;
}

.service-card:nth-child(6) {
  animation-delay: 1.2s;
}

.service-card:nth-child(7) {
  animation-delay: 1.4s;
}

.service-card:nth-child(8) {
  animation-delay: 1.6s;
}

@keyframes fadeInCard {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.service-header {
  height: 100px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
}

.service-header-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}

.service-icon {
  font-size: 180px;
  line-height: 1;
  font-weight: 200;
  color: transparent;
  transform: translateY(30%);
  letter-spacing: 2px;
  -webkit-text-stroke: 2px rgba(0, 0, 0, 0.2);
  text-stroke: 2px rgba(0, 0, 0, 0.2);
}

.service-body {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.service-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: #333333;
}

.service-description {
  color: #333333;
  margin-bottom: auto;
}

.service-button-container {
  margin-top: 1rem;
  overflow: hidden;
  height: 3rem;
}

.service-button-wrapper {
  transition: transform 0.3s ease-out;
  transform: translateY(170%);
}

.service-button {
  background-color: #1e2736;
  color: white;
  padding: 4px 20px 4px 20px;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.3s;
}

.service-button:hover {
  background-color: #2a3649;
  color: white;
}

/* Animation */
@keyframes teleportSlide {
  0% {
    transform: translateX(-100%) translateY(30%);
  }
  45% {
    transform: translateX(100%) translateY(30%);
  }
  50% {
    transform: translateX(-100%) translateY(30%);
  }
  95% {
    transform: translateX(100%) translateY(30%);
  }
  100% {
    transform: translateX(-100%) translateY(30%);
  }
}

/* Hover States */
.service-card:hover .service-header {
  background-color: #1e2736;
}

.service-card:hover .service-icon {
  -webkit-text-stroke: 2px #d3e84d;
  text-stroke: 2px #d3e84d;
  animation: teleportSlide 8s linear infinite;
}

.service-card:hover .service-button-wrapper {
  transform: translateY(15%);
}

/* Reset transform for mobile to prevent translation */
@media (max-width: 767px) {
  .service-button-wrapper {
    transform: translateY(0%);
  }

  .service-card:hover .service-button-wrapper {
    transform: translateY(15%);
  }
}



/* Styles for clickable header and title */
.service-header-link {
  display: block;
  cursor: pointer;
}

.service-title-link {
  color: #333333;
  text-decoration: none;
  transition: color 0.3s;
}

.service-title-link:hover {
  color: #1e2736;
  text-decoration: underline;
}

/* Ensure the header has the pointer cursor on hover */
.service-header-link .service-header {
  cursor: pointer;
}/* End custom CSS */