.elementor-3253 .elementor-element.elementor-element-5389498{--display:flex;--min-height:550px;--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;}.elementor-3253 .elementor-element.elementor-element-5389498:not(.elementor-motion-effects-element-type-background), .elementor-3253 .elementor-element.elementor-element-5389498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://teameclipse.arissainternational.com/wp-content/uploads/2025/11/group-20-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3253 .elementor-element.elementor-element-434b713{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3253 .elementor-element.elementor-element-f2c879d{text-align:center;font-family:"Josefin Sans", Sans-serif;font-size:55px;font-weight:800;color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-70be62e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-3253 .elementor-element.elementor-element-70be62e:not(.elementor-motion-effects-element-type-background), .elementor-3253 .elementor-element.elementor-element-70be62e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://teameclipse.arissainternational.com/wp-content/uploads/2025/11/Mask-group-76.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-3253 .elementor-element.elementor-element-1db5378{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"aptos-display", Sans-serif;font-size:27px;font-weight:300;color:#171F25;}.elementor-3253 .elementor-element.elementor-element-b337413{--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:20px 20px;--row-gap:20px;--column-gap:20px;--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-3253 .elementor-element.elementor-element-06806e2{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:300;color:#171F25;}.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-3253 .elementor-element.elementor-element-7bd21a3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3253 .elementor-element.elementor-element-94ee6b7{--display:flex;--min-height:1154px;--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;}.elementor-3253 .elementor-element.elementor-element-94ee6b7:not(.elementor-motion-effects-element-type-background), .elementor-3253 .elementor-element.elementor-element-94ee6b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B384B;}.elementor-3253 .elementor-element.elementor-element-7c9f293{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.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-3253 .elementor-element.elementor-element-ee666b8 .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:45px;font-weight:normal;color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-cfd6d6e{font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.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-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3253 .elementor-element.elementor-element-a230922{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;--e-icon-list-icon-size:16px;--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-align:flex-start;--icon-vertical-offset:7px;}.elementor-3253 .elementor-element.elementor-element-a230922 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3253 .elementor-element.elementor-element-a230922 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3253 .elementor-element.elementor-element-a230922 .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-3253 .elementor-element.elementor-element-a230922 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3253 .elementor-element.elementor-element-a230922 .elementor-icon-list-item > a{font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:300;}.elementor-3253 .elementor-element.elementor-element-a230922 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-3253 .elementor-element.elementor-element-3e90d6f{--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;}.elementor-3253 .elementor-element.elementor-element-9ce4cd1{--display:flex;}.elementor-3253 .elementor-element.elementor-element-f3de760{--display:flex;--justify-content:center;}.elementor-3253 .elementor-element.elementor-element-d9e06c0 .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:40px;font-weight:normal;color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-f335abd{--display:flex;--justify-content:center;}.elementor-3253 .elementor-element.elementor-element-417e9ac .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:45px;font-weight:normal;color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-b0c0dfb{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-b0c0dfb.e-con{--align-self:center;}.elementor-3253 .elementor-element.elementor-element-4331aef{--display:flex;}.elementor-3253 .elementor-element.elementor-element-ef5db56{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 04px;border-color:#4A7E8A;text-align:left;}.elementor-3253 .elementor-element.elementor-element-ef5db56 .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-9447824{--display:flex;}.elementor-3253 .elementor-element.elementor-element-1c132d2{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 04px;border-color:#4A7E8A;text-align:left;}.elementor-3253 .elementor-element.elementor-element-1c132d2 .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-41f49cc{--display:flex;}.elementor-3253 .elementor-element.elementor-element-0e566d6{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 04px;border-color:#4A7E8A;text-align:left;}.elementor-3253 .elementor-element.elementor-element-0e566d6 .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-3253 .elementor-element.elementor-element-71a761b{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-3253 .elementor-element.elementor-element-b51da30{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-3253 .elementor-element.elementor-element-b51da30 .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:40px;font-weight:normal;color:#FFFFFF;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3253 .elementor-element.elementor-element-e1a25c0{--grid-columns:3;}@media(min-width:768px){.elementor-3253 .elementor-element.elementor-element-70be62e{--content-width:1300px;}.elementor-3253 .elementor-element.elementor-element-94ee6b7{--content-width:1300px;}.elementor-3253 .elementor-element.elementor-element-7c9f293{--width:100%;}.elementor-3253 .elementor-element.elementor-element-9ce4cd1{--width:20%;}.elementor-3253 .elementor-element.elementor-element-b0c0dfb{--width:82%;}}@media(max-width:1024px){.elementor-3253 .elementor-element.elementor-element-94ee6b7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3253 .elementor-element.elementor-element-417e9ac .elementor-heading-title{font-size:30px;}.elementor-3253 .elementor-element.elementor-element-e1a25c0{--grid-columns:2;}}@media(max-width:767px){.elementor-3253 .elementor-element.elementor-element-ac112b2 img{width:43%;}.elementor-3253 .elementor-element.elementor-element-e1a25c0{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-b337413 *//* ✅ General Reset for Stability */
.service-wrapper {
  width: 100%;
  min-height: 350px; /* adjust as needed */
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ Base state for all service-content (stacked, hidden) */
.service-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.98);
  transition: opacity 0.4s ease, transform 0.3s ease, visibility 0.3s ease;
}

/* ✅ Active content (shown smoothly, no layout shift) */
.service-content.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 2;
}

/* ✅ Prevent container resizing between transitions */
.service-wrapper img {
  max-width: 100px;
  height: auto;
  object-fit: contain;
}

/* ✅ Image container (left side) styles */
.service-images img {
  cursor: pointer;
  transition: transform 0.3s ease, border 0.3s ease;
}

.service-images img.active {
  transform: scale(1.05);
  border: 2px solid #0073e6;
  border-radius: 8px;
}

/* ✅ Elementor image widget hover/active fix */
.elementor-widget-image {
  transition: transform 0.3s ease, border 0.3s ease;
}

.elementor-widget-image:hover {
  transform: scale(1.03);
}

.elementor-widget-image.active-image {
  border: 2px solid #0073e6;
  border-radius: 8px;
}

/* ✅ Ensure both left & right containers stay same width */
.elementor-container {
  display: flex;
  align-items: stretch;
}

.service-images,
.service-wrapper {
  flex: 1 1 50%;
  max-width: 50%;
  box-sizing: border-box;
}


/* --- Service Wrapper --- */
.service-wrapper {
  position: relative;
  width: 100%;
  min-height: 350px; /* lock height so layout doesn’t jump */
  overflow: hidden;
}

/* --- Each Content Box --- */
.service-content {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.98);
  transition: opacity 0.4s ease, transform 0.3s ease, visibility 0.3s ease;
}

/* --- Active One --- */
.service-content.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 2;
}

/* --- Prevent Image Size Jump --- */
.service-content img {
  width: 100px !important;
  height: auto;
  object-fit: contain;
  display: block;
  margin-bottom: 10px;
}

/* --- Left-side Images --- */
.service-images img {
  cursor: pointer;
  transition: transform 0.3s ease, border 0.3s ease;
  max-width: 100%;
  height: auto;
}

.service-images img.active {
  transform: scale(1.05);
  border: 2px solid #0073e6;
  border-radius: 8px;
}

/* --- Elementor Image Widget Fix --- */
.elementor-widget-image {
  transition: transform 0.3s ease, border 0.3s ease;
}

.elementor-widget-image:hover {
  transform: scale(1.03);
}

.elementor-widget-image.active-image {
  border: 2px solid #0073e6;
  border-radius: 8px;
}

/* --- Lock Column Widths --- */
.elementor-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.service-images,
.service-wrapper {
  flex: 1 1 48%;
  max-width: 48%;
  box-sizing: border-box;
}
/* --- Service Wrapper (Right Container) --- */
.service-wrapper {
  position: relative;
  width: 100%;
  min-height: 350px; /* fix height to prevent layout jump */
  overflow: hidden;
}

/* --- Each Content Box (All absolutely stacked) --- */
.service-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.98);
  transition: opacity 0.4s ease, transform 0.3s ease, visibility 0.3s ease;
}

/* --- Active State --- */
.service-content.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 2;
}

/* --- Prevent content shift between items --- */
.service-content img {
  width: 100px !important;
  height: auto;
  object-fit: contain;
  display: block;
  margin-bottom: 10px;
}

/* --- Left Column (Clickable Images) --- */
.service-images img {
  cursor: pointer;
  transition: transform 0.3s ease, border 0.3s ease;
  max-width: 100%;
  height: auto;
}

.service-images img.active {
  transform: scale(1.05);
  border: 2px solid #0073e6;
  border-radius: 8px;
}

/* --- Elementor Fix --- */
.elementor-widget-image {
  transition: transform 0.3s ease, border 0.3s ease;
}

.elementor-widget-image:hover {
  transform: scale(1.03);
}

.elementor-widget-image.active-image {
  border: 2px solid #0073e6;
  border-radius: 8px;
}

/* --- Lock Container Widths (Prevent Column Stretch) --- */
.elementor-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.service-images,
.service-wrapper {
  flex: 1 1 48%;
  max-width: 48%;
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70be62e */#scrollZoomSection {
    background-size: 100%;
    background-position: center center;
    transition: background-size 0.25s ease-out !important; /* faster */
}/* End custom CSS */