.elementor-5511 .elementor-element.elementor-element-80956a4 > .elementor-container{max-width:1200px;}.elementor-5511 .elementor-element.elementor-element-80956a4{padding:150px 150px 50px 150px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-5511 .elementor-element.elementor-element-b27fe93{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-item > a{font-family:var( --e-global-typography-b237e8d-font-family ), Sans-serif;font-size:var( --e-global-typography-b237e8d-font-size );font-weight:var( --e-global-typography-b237e8d-font-weight );line-height:var( --e-global-typography-b237e8d-line-height );}.elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-5511 .elementor-element.elementor-element-95cbcd1 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-95cbcd1 .elementor-heading-title{font-family:var( --e-global-typography-4be3a0e-font-family ), Sans-serif;font-size:var( --e-global-typography-4be3a0e-font-size );font-weight:var( --e-global-typography-4be3a0e-font-weight );line-height:var( --e-global-typography-4be3a0e-line-height );color:var( --e-global-color-text );}.elementor-5511 .elementor-element.elementor-element-069edb9 > .elementor-container{max-width:1200px;}.elementor-5511 .elementor-element.elementor-element-069edb9, .elementor-5511 .elementor-element.elementor-element-069edb9 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-069edb9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:20px 150px 40px 150px;}.elementor-5511 .elementor-element.elementor-element-069edb9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5511 .elementor-element.elementor-element-42ec315.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-42ec315.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-56a47a7 .elementor-heading-title{font-family:var( --e-global-typography-f7f3f02-font-family ), Sans-serif;font-size:var( --e-global-typography-f7f3f02-font-size );font-weight:var( --e-global-typography-f7f3f02-font-weight );line-height:var( --e-global-typography-f7f3f02-line-height );color:var( --e-global-color-text );}.elementor-5511 .elementor-element.elementor-element-67057b9 > .elementor-container{max-width:1200px;}.elementor-5511 .elementor-element.elementor-element-67057b9, .elementor-5511 .elementor-element.elementor-element-67057b9 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-67057b9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:60px 150px 80px 150px;}.elementor-5511 .elementor-element.elementor-element-67057b9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5511 .elementor-element.elementor-element-779f34b.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-779f34b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-8df0625 .elementor-heading-title{font-family:var( --e-global-typography-f7f3f02-font-family ), Sans-serif;font-size:var( --e-global-typography-f7f3f02-font-size );font-weight:var( --e-global-typography-f7f3f02-font-weight );line-height:var( --e-global-typography-f7f3f02-line-height );color:var( --e-global-color-text );}.elementor-5511 .elementor-element.elementor-element-402a0d9 > .elementor-container{max-width:1200px;}.elementor-5511 .elementor-element.elementor-element-402a0d9, .elementor-5511 .elementor-element.elementor-element-402a0d9 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-402a0d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 150px 80px 150px;}.elementor-5511 .elementor-element.elementor-element-402a0d9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5511 .elementor-element.elementor-element-1ce7c6a > .elementor-element-populated{padding:0px 24px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-6a5c40c > .elementor-widget-container{margin:0px 25px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-6a5c40c .elementor-heading-title{font-family:var( --e-global-typography-43af056-font-family ), Sans-serif;font-size:var( --e-global-typography-43af056-font-size );font-weight:var( --e-global-typography-43af056-font-weight );line-height:var( --e-global-typography-43af056-line-height );color:var( --e-global-color-text );}.elementor-bc-flex-widget .elementor-5511 .elementor-element.elementor-element-e5010d7.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-e5010d7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-a1442dc .elementor-heading-title{font-family:var( --e-global-typography-f7f3f02-font-family ), Sans-serif;font-size:var( --e-global-typography-f7f3f02-font-size );font-weight:var( --e-global-typography-f7f3f02-font-weight );line-height:var( --e-global-typography-f7f3f02-line-height );color:var( --e-global-color-text );}.elementor-5511 .elementor-element.elementor-element-9f2fcf8{--spacer-size:50px;}.elementor-5511 .elementor-element.elementor-element-4acc327 > .elementor-container{max-width:1200px;}.elementor-5511 .elementor-element.elementor-element-4acc327, .elementor-5511 .elementor-element.elementor-element-4acc327 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-4acc327{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:60px 150px 00px 150px;}.elementor-5511 .elementor-element.elementor-element-4acc327 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5511 .elementor-element.elementor-element-1f39057 > .elementor-element-populated{padding:0px 24px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-2348973 > .elementor-widget-container{margin:0px 25px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-2348973 .elementor-heading-title{font-family:var( --e-global-typography-43af056-font-family ), Sans-serif;font-size:var( --e-global-typography-43af056-font-size );font-weight:var( --e-global-typography-43af056-font-weight );line-height:var( --e-global-typography-43af056-line-height );color:var( --e-global-color-text );}.elementor-bc-flex-widget .elementor-5511 .elementor-element.elementor-element-7c37672.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-7c37672.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-c0c8e42 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:48px;color:var( --e-global-color-text );}.elementor-5511 .elementor-element.elementor-element-7a6851a{--spacer-size:50px;}.elementor-bc-flex-widget .elementor-5511 .elementor-element.elementor-element-126219c.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-126219c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-5511 .elementor-element.elementor-element-fd17f20 .elementor-heading-title{font-family:var( --e-global-typography-43af056-font-family ), Sans-serif;font-size:var( --e-global-typography-43af056-font-size );font-weight:var( --e-global-typography-43af056-font-weight );line-height:var( --e-global-typography-43af056-line-height );color:var( --e-global-color-text );}.elementor-5511 .elementor-element.elementor-element-1b56da2 > .elementor-container{max-width:1200px;}.elementor-5511 .elementor-element.elementor-element-1b56da2{margin-top:50px;margin-bottom:0px;padding:0px 150px 0px 150px;}.elementor-5511 .elementor-element.elementor-element-cf155cf > .elementor-element-populated, .elementor-5511 .elementor-element.elementor-element-cf155cf > .elementor-element-populated > .elementor-background-overlay, .elementor-5511 .elementor-element.elementor-element-cf155cf > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-5511 .elementor-element.elementor-element-cf155cf > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5511 .elementor-element.elementor-element-cf155cf > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5511 .elementor-element.elementor-element-2758268 > .elementor-widget-container{margin:040px 0px 20px 0px;padding:0px 0px 0px 0px;}body.elementor-page-5511:not(.elementor-motion-effects-element-type-background), body.elementor-page-5511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-5511 .elementor-element.elementor-element-80956a4{padding:080px 20px 020px 20px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-item > a{font-size:var( --e-global-typography-b237e8d-font-size );line-height:var( --e-global-typography-b237e8d-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5511 .elementor-element.elementor-element-95cbcd1 .elementor-heading-title{font-size:var( --e-global-typography-4be3a0e-font-size );line-height:var( --e-global-typography-4be3a0e-line-height );}.elementor-5511 .elementor-element.elementor-element-069edb9{padding:0px 20px 40px 20px;}.elementor-5511 .elementor-element.elementor-element-42ec315 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5511 .elementor-element.elementor-element-56a47a7 .elementor-heading-title{font-size:var( --e-global-typography-f7f3f02-font-size );line-height:var( --e-global-typography-f7f3f02-line-height );}.elementor-5511 .elementor-element.elementor-element-67057b9{padding:0px 20px 40px 20px;}.elementor-5511 .elementor-element.elementor-element-779f34b > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5511 .elementor-element.elementor-element-8df0625 .elementor-heading-title{font-size:var( --e-global-typography-f7f3f02-font-size );line-height:var( --e-global-typography-f7f3f02-line-height );}.elementor-5511 .elementor-element.elementor-element-402a0d9{padding:0px 20px 0px 20px;}.elementor-5511 .elementor-element.elementor-element-1ce7c6a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-6a5c40c .elementor-heading-title{font-size:var( --e-global-typography-43af056-font-size );line-height:var( --e-global-typography-43af056-line-height );}.elementor-5511 .elementor-element.elementor-element-e5010d7 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5511 .elementor-element.elementor-element-a1442dc .elementor-heading-title{font-size:var( --e-global-typography-f7f3f02-font-size );line-height:var( --e-global-typography-f7f3f02-line-height );}.elementor-5511 .elementor-element.elementor-element-4acc327{padding:0px 20px 40px 20px;}.elementor-5511 .elementor-element.elementor-element-1f39057 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-2348973 .elementor-heading-title{font-size:var( --e-global-typography-43af056-font-size );line-height:var( --e-global-typography-43af056-line-height );}.elementor-5511 .elementor-element.elementor-element-7c37672 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5511 .elementor-element.elementor-element-c0c8e42 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-5511 .elementor-element.elementor-element-126219c > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5511 .elementor-element.elementor-element-fd17f20 .elementor-heading-title{font-size:var( --e-global-typography-43af056-font-size );line-height:var( --e-global-typography-43af056-line-height );}.elementor-5511 .elementor-element.elementor-element-1b56da2{padding:0px 20px 0px 20px;}.elementor-5511 .elementor-element.elementor-element-2758268 > .elementor-widget-container{padding:20px 20px 20px 20px;}}@media(max-width:767px){.elementor-5511 .elementor-element.elementor-element-80956a4{margin-top:80px;margin-bottom:0px;padding:15px 15px 15px 15px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5511 .elementor-element.elementor-element-b27fe93 .elementor-icon-list-item > a{font-size:var( --e-global-typography-b237e8d-font-size );line-height:var( --e-global-typography-b237e8d-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5511 .elementor-element.elementor-element-95cbcd1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5511 .elementor-element.elementor-element-95cbcd1 .elementor-heading-title{font-size:var( --e-global-typography-4be3a0e-font-size );line-height:var( --e-global-typography-4be3a0e-line-height );}.elementor-5511 .elementor-element.elementor-element-069edb9{margin-top:0px;margin-bottom:0px;padding:0px 20px 20px 20px;}.elementor-5511 .elementor-element.elementor-element-56a47a7 .elementor-heading-title{font-size:var( --e-global-typography-f7f3f02-font-size );line-height:var( --e-global-typography-f7f3f02-line-height );}.elementor-5511 .elementor-element.elementor-element-67057b9{margin-top:0px;margin-bottom:0px;padding:0px 20px 20px 20px;}.elementor-5511 .elementor-element.elementor-element-8df0625 .elementor-heading-title{font-size:var( --e-global-typography-f7f3f02-font-size );line-height:var( --e-global-typography-f7f3f02-line-height );}.elementor-5511 .elementor-element.elementor-element-402a0d9{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-5511 .elementor-element.elementor-element-6a5c40c .elementor-heading-title{font-size:var( --e-global-typography-43af056-font-size );line-height:var( --e-global-typography-43af056-line-height );}.elementor-5511 .elementor-element.elementor-element-a1442dc .elementor-heading-title{font-size:var( --e-global-typography-f7f3f02-font-size );line-height:var( --e-global-typography-f7f3f02-line-height );}.elementor-5511 .elementor-element.elementor-element-4acc327{margin-top:0px;margin-bottom:0px;padding:0px 20px 20px 20px;}.elementor-5511 .elementor-element.elementor-element-2348973 .elementor-heading-title{font-size:var( --e-global-typography-43af056-font-size );line-height:var( --e-global-typography-43af056-line-height );}.elementor-5511 .elementor-element.elementor-element-c0c8e42 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-5511 .elementor-element.elementor-element-fd17f20 .elementor-heading-title{font-size:var( --e-global-typography-43af056-font-size );line-height:var( --e-global-typography-43af056-line-height );}.elementor-5511 .elementor-element.elementor-element-1b56da2{padding:0px 20px 0px 20px;}}@media(min-width:768px){.elementor-5511 .elementor-element.elementor-element-ad3d22e{width:100%;}.elementor-5511 .elementor-element.elementor-element-1ce7c6a{width:43.343%;}.elementor-5511 .elementor-element.elementor-element-e5010d7{width:56.657%;}.elementor-5511 .elementor-element.elementor-element-1f39057{width:43.343%;}.elementor-5511 .elementor-element.elementor-element-7c37672{width:56.657%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5511 .elementor-element.elementor-element-42ec315{width:100%;}.elementor-5511 .elementor-element.elementor-element-779f34b{width:100%;}.elementor-5511 .elementor-element.elementor-element-1ce7c6a{width:100%;}.elementor-5511 .elementor-element.elementor-element-e5010d7{width:100%;}.elementor-5511 .elementor-element.elementor-element-1f39057{width:100%;}.elementor-5511 .elementor-element.elementor-element-7c37672{width:100%;}.elementor-5511 .elementor-element.elementor-element-126219c{width:100%;}}/* Start custom CSS for html, class: .elementor-element-2758268 *//* Base Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: #f8f9fa;
  padding: 40px 20px;
}

/* Services Scroll Container */
.services-scroll {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* Container Flex */
.services-container {
  display: flex;
  width: 100%;
  height: 100%;
  place-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
  opacity: 1;
  overflow: hidden;
}

/* Services List (Auto-scroll on desktop) */
.services-list {
  display: flex;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
  width: max-content;
  animation: scrollCards 30s linear infinite;
}

/* Service Card */
.service-card {
  width: 350px;
  height: 353px;
  flex-shrink: 0;
}

.card-container {
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  background-color: white;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-container:hover {
  transform: translateY(0px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

/* Content Structure */
.section-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.icon-container {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f8fa;
  border-radius: 8px;
}

.icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.heading {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  color: #333;
  margin: 0;
  font-family: "Poppins", Sans-serif;
}

.description {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  margin: 0;
  font-family: "Poppins", Sans-serif;
}

/* Button Gradient Hover Effect */
@keyframes rotateGradient {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.custom-btn-wrapper {
  position: relative;
  display: inline-block;
  border-radius: 5px;
  padding: 3px;
  overflow: hidden;
  align-self: flex-start;
}

.custom-gradient-border {
  position: absolute;
  width: 250px;
  height: 250px;
  top: -145%;
  left: -45%;
  background: conic-gradient(from 0deg at 50% 50%, white 0deg, black 360deg);
  opacity: 0;
  z-index: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.custom-btn-wrapper:hover .custom-gradient-border {
  opacity: 1;
  animation: rotateGradient 5s linear infinite;
}

.custom-inner-bg {
  position: relative;
  z-index: 1;
  background: rgb(247, 157, 0);
  border-radius: 5px;
  padding: 7px;
}

.custom-button {
  background: transparent;
  border: none;
  padding: 7px 16px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.custom-button a {
  color: black;
  text-decoration: none;
}

.custom-button a:hover {
  color: black;
}

.custom-btn-wrapper:hover {
  box-shadow: 0px 10px 20px -5px rgba(248, 159, 0, 0.6);
}

/* Auto-scroll animation */
@keyframes scrollCards {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.services-list:hover {
  animation-play-state: paused;
}

/* Arrow Buttons (default hidden) */
.arrow-btn {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

/* Specific Arrow Positions inside container */
.arrow-left {
  left: 0;
  margin-right: 10px;
}

.arrow-right {
  right: 0;
  margin-left: 10px;
}

/* Tablet-specific tweaks */
@media (max-width: 1024px) {
  .service-card {
    width: 320px;
    height: 350px;
  }
}

/* Mobile View */
@media (max-width: 768px) {
  .arrow-btn {
    display: flex;
    position: sticky;
  }

  .services-scroll {
    overflow-x: auto;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .services-list {
    animation: none !important;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    display: flex;
  }

  .service-card {
    scroll-snap-align: start;
    flex: 0 0 auto;
    width: 300px;
    height: 350px;
  }

  .card-container {
    padding: 20px;
  }

  .heading {
    font-size: 18px;
  }

  .custom-button {
    font-size: 14px;
    padding: 8px 14px;
  }
}

/* Extra small mobile */
@media (max-width: 480px) {
  .service-card {
    width: 280px;
    height: 320px;
        display: flex;
  }

  .services-list {
    gap: 16px;
  }

  .custom-button {
    font-size: 13px;
    padding: 6px 12px;
  }
}/* End custom CSS */