.elementor-442 .elementor-element.elementor-element-7299d2b{--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:center;--align-items:center;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:38px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-442 .elementor-element.elementor-element-7299d2b:not(.elementor-motion-effects-element-type-background), .elementor-442 .elementor-element.elementor-element-7299d2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6EC1E430;}.elementor-442 .elementor-element.elementor-element-a0e9d7f{--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:center;--align-items:center;}.elementor-442 .elementor-element.elementor-element-b64d98f{--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;--justify-content:flex-start;--gap:58px 58px;--row-gap:58px;--column-gap:58px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-442 .elementor-element.elementor-element-b64d98f.e-con{--align-self:flex-start;}.elementor-442 .elementor-element.elementor-element-2e1e960{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-442 .elementor-element.elementor-element-5ec834c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:20px;--padding-right:20px;}.elementor-442 .elementor-element.elementor-element-217cb3e{--display:flex;--min-height:fit-content;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.22;--border-radius:100px 100px 100px 100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:20px;--padding-right:20px;}.elementor-442 .elementor-element.elementor-element-217cb3e::before, .elementor-442 .elementor-element.elementor-element-217cb3e > .elementor-background-video-container::before, .elementor-442 .elementor-element.elementor-element-217cb3e > .e-con-inner > .elementor-background-video-container::before, .elementor-442 .elementor-element.elementor-element-217cb3e > .elementor-background-slideshow::before, .elementor-442 .elementor-element.elementor-element-217cb3e > .e-con-inner > .elementor-background-slideshow::before, .elementor-442 .elementor-element.elementor-element-217cb3e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-db0c041 ) 0%, var( --e-global-color-46cfd46 ) 100%);}.elementor-442 .elementor-element.elementor-element-33a08b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-442 .elementor-element.elementor-element-33a08b1.elementor-element{--align-self:flex-start;}.elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-icon i{color:var( --e-global-color-db0c041 );transition:color 0.3s;}.elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-icon svg{fill:var( --e-global-color-db0c041 );transition:fill 0.3s;}.elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-item > a{font-family:var( --e-global-typography-5f38650-font-family ), Sans-serif;font-size:var( --e-global-typography-5f38650-font-size );font-weight:var( --e-global-typography-5f38650-font-weight );text-decoration:var( --e-global-typography-5f38650-text-decoration );line-height:var( --e-global-typography-5f38650-line-height );}.elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-text{color:var( --e-global-color-db0c041 );transition:color 0.3s;}.elementor-442 .elementor-element.elementor-element-de26919{padding:0px 0px 36px 0px;}.elementor-442 .elementor-element.elementor-element-de26919 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-295b4f7 );margin:0px 0px 0px 0px;font-family:"Oxygen", Sans-serif;font-size:49px;font-weight:700;line-height:1.3em;}.elementor-442 .elementor-element.elementor-element-de26919 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-442 .elementor-element.elementor-element-de26919 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-442 .elementor-element.elementor-element-a960d80{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-442 .elementor-element.elementor-element-d3370e4{--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:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-442 .elementor-element.elementor-element-2dae408{--display:flex;}.elementor-442 .elementor-element.elementor-element-200d996{--display:flex;}.elementor-442 .elementor-element.elementor-element-30ab7d5{--display:flex;}.elementor-442 .elementor-element.elementor-element-39bdb58{--display:flex;}.elementor-442 .elementor-element.elementor-element-c613448{--display:flex;}.elementor-442 .elementor-element.elementor-element-85c1f71{--display:flex;}.elementor-442 .elementor-element.elementor-element-f8d832a{--display:flex;}.elementor-442 .elementor-element.elementor-element-7e1ae58{--display:flex;}.elementor-442 .elementor-element.elementor-element-c365f91{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:29px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(max-width:1024px){.elementor-442 .elementor-element.elementor-element-7299d2b{--padding-top:112px;--padding-bottom:112px;--padding-left:20px;--padding-right:20px;}.elementor-442 .elementor-element.elementor-element-b64d98f{--justify-content:center;--gap:048px 048px;--row-gap:048px;--column-gap:048px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-442 .elementor-element.elementor-element-2e1e960{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-5f38650-font-size );line-height:var( --e-global-typography-5f38650-line-height );}.elementor-442 .elementor-element.elementor-element-de26919 .elementskit-section-title-wraper .elementskit-section-title{font-size:43px;line-height:1.3em;}.elementor-442 .elementor-element.elementor-element-d3370e4{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-442 .elementor-element.elementor-element-c365f91{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-442 .elementor-element.elementor-element-7299d2b{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-442 .elementor-element.elementor-element-a0e9d7f{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-442 .elementor-element.elementor-element-b64d98f{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-442 .elementor-element.elementor-element-2e1e960{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-442 .elementor-element.elementor-element-5ec834c{--width:fit-content;}.elementor-442 .elementor-element.elementor-element-217cb3e{--width:fit-content;}.elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-442 .elementor-element.elementor-element-33a08b1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-5f38650-font-size );line-height:var( --e-global-typography-5f38650-line-height );}.elementor-442 .elementor-element.elementor-element-de26919 .elementskit-section-title-wraper .elementskit-section-title{font-size:38px;line-height:1.2em;}.elementor-442 .elementor-element.elementor-element-a960d80{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-442 .elementor-element.elementor-element-d3370e4{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-442 .elementor-element.elementor-element-c365f91{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-442 .elementor-element.elementor-element-b64d98f{--width:100%;}.elementor-442 .elementor-element.elementor-element-217cb3e{--width:fit-content;}}@media(max-width:1024px) and (min-width:768px){.elementor-442 .elementor-element.elementor-element-b64d98f{--width:100%;}}/* Start custom CSS for nested-carousel, class: .elementor-element-c365f91 */@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");

:root {
  /* Brand Colors from Concept Logo */
  --brand-cyan: #00AEEF;       /* Bright Blue */
  --brand-lime: #B4D433;       /* Lime Green */
  --brand-dark: #231F20;       /* Dark Text Grey/Black */
  
  /* Backgrounds & Gradients */
  --gradient-cyan-white: linear-gradient(102.22deg, var(--brand-cyan) 14.34%, #FFFFFF 95.5%);
  --gradient-hover-bg: linear-gradient(180deg, var(--brand-dark) 35%, var(--brand-cyan) 139.99%);
  --gradient-icon: linear-gradient(180deg, var(--brand-cyan) 36.1%, var(--brand-lime) 144.4%);
  
  /* Font Settings */
  --body-font: "Manrope", sans-serif;
}

/* --- 1. Global & Section Reset --- */
.service-section {
  padding: 50px 0;
  background-color: transparent; /* Section background removed per request */
  font-family: var(--body-font);
}

.service-block .inner-box {
  position: relative;
  max-width: 424px;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  transition: all 400ms ease;
}

.service-block .inner-box * {
  transition: all 400ms ease;
}

/* --- 2. Image Box & Custom Clip-Paths --- */
.service-block .inner-box .image-box {
  height: 329px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* The blue shape behind the photo */
.service-block .inner-box .image-box .bg-gradient-shape {
  position: absolute;
  inset: 0;
  clip-path: path("M353 38C353 54.5685 366.431 68 383 68H394C410.569 68 424 81.4315 424 98V299C424 315.569 410.569 329 394 329H332.031C320.986 329 312.031 320.046 312.031 309C312.031 297.954 303.077 289 292.031 289H30C13.4315 289 0 275.569 0 259V30C0 13.4315 13.4315 0 30 0H323C339.569 0 353 13.4315 353 30V38Z");
  background: var(--gradient-cyan-white);
  transform: translateY(10px);
  z-index: 1;
}

/* The actual photo container */
.service-block .inner-box .image-box .image {
  position: relative;
  height: 100%;
  margin: 0;
  overflow: hidden;
  clip-path: path("M353 38C353 54.5685 366.431 68 383 68H394C410.569 68 424 81.4315 424 98V299C424 315.569 410.569 329 394 329H332.031C320.986 329 312.031 320.046 312.031 309C312.031 297.954 303.077 289 292.031 289H30C13.4315 289 0 275.569 0 259V30C0 13.4315 13.4315 0 30 0H323C339.569 0 353 13.4315 353 30V38Z");
  z-index: 2;
}

.service-block .inner-box .image-box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- 3. Icon Box (Lime Green Circle) --- */
.service-block .inner-box .image-box .icon-box {
  position: absolute;
  left: 45px;
  bottom: -10px;
  width: 86px;
  height: 86px;
  background: var(--brand-lime);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 12px solid #ffffff; /* Solid white outline to blend with transparency */
  z-index: 3;
}

.service-block .inner-box .image-box .icon-box img {
  max-width: 45px;
  filter: brightness(0) invert(1); /* Makes icon white */
}

/* --- 4. Content Box (Text Container) --- */
.service-block .inner-box .content-box {
  position: relative;
  margin-top: -120px;
  padding: 155px 40px 60px; /* Increased bottom padding to fix 01 overlap */
  background: white;
  border: 1px solid #eeeeee;
  border-radius: 30px;
  z-index: 0;
}

/* The Hover Overlay */
.service-block .inner-box .content-box:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gradient-hover-bg);
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 400ms ease;
}

.service-block .inner-box .content-box .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}

.service-block .inner-box .content-box .title a {
  color: var(--brand-dark);
  text-decoration: none;
}

.service-block .inner-box .content-box .text {
  color: var(--brand-dark);
  opacity: 0.8;
  line-height: 1.6;
  margin-bottom: 25px;
  font-size: 16px;
}

/* Read More Button */
.service-block .inner-box .content-box .btn-more {
  display: inline-flex;
  align-items: center;
  color: var(--brand-cyan);
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
}

.service-block .inner-box .content-box .btn-more i {
  color: var(--brand-lime);
  margin-left: 10px;
  transform: rotate(-45deg);
}

/* The "01" Count Number - Fixed Position */
.service-block .inner-box .content-box .count {
  position: absolute;
  right: 30px;
  bottom: 5px; /* Sits below the text flow */
  font-size: 85px;
  font-weight: 800;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px var(--brand-lime);
  opacity: 0.15;
  pointer-events: none; /* User clicks 'through' the number */
  z-index: -1;
}

/* --- 5. Hover Animations --- */
.service-block .inner-box:hover .image-box .bg-gradient-shape {
  background: linear-gradient(102.22deg, var(--brand-cyan) 14.34%, var(--brand-lime) 95.5%);
}

.service-block .inner-box:hover .image img {
  transform: scale(1.05);
}

.service-block .inner-box:hover .icon-box {
  background: var(--brand-cyan);
}

.service-block .inner-box:hover .icon-box img {
  transform: rotateY(180deg);
}

/* Activate Dark Hover Background */
.service-block .inner-box:hover .content-box:before {
  opacity: 1;
  visibility: visible;
}

/* Turn all text white on hover */
.service-block .inner-box:hover .content-box .title a,
.service-block .inner-box:hover .content-box .text,
.service-block .inner-box:hover .content-box .btn-more,
.service-block .inner-box:hover .content-box .btn-more i {
  color: #ffffff !important;
}

.service-block .inner-box:hover .content-box .count {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  opacity: 0.3;
}

.service-block .inner-box:hover .content-box .btn-more i {
  transform: rotate(0deg);
}

/* --- 6. Mobile Responsiveness --- */
@media (max-width: 1199px) {
  /* Remove complex clip-paths on tablet/mobile for better rendering */
  .service-block .inner-box .image-box, 
  .service-block .inner-box .image-box .image, 
  .service-block .inner-box .image-box .bg-gradient-shape {
    clip-path: none !important;
    border-radius: 30px 30px 0 0;
    height: 280px;
  }
  
  .service-block .inner-box .content-box {
    margin-top: 0;
    padding: 60px 30px 40px;
    border-radius: 0 0 30px 30px;
    border-top: none;
  }
  
  .service-block .inner-box .image-box .icon-box {
    bottom: -43px;
  }
}
}/* End custom CSS */