.elementor-3279 .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-3279 .elementor-element.elementor-element-5389498:not(.elementor-motion-effects-element-type-background), .elementor-3279 .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-22-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3279 .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-3279 .elementor-element.elementor-element-f2c879d{text-align:center;font-family:"Josefin Sans", Sans-serif;font-size:55px;font-weight:800;color:#FFFFFF;}.elementor-3279 .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-3279 .elementor-element.elementor-element-70be62e:not(.elementor-motion-effects-element-type-background), .elementor-3279 .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/Group-1000003075-scaled.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-3279 .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-3279 .elementor-element.elementor-element-b90374b{--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;}.elementor-3279 .elementor-element.elementor-element-b90374b.e-con{--align-self:center;}.elementor-3279 .elementor-element.elementor-element-a75d114{--display:flex;--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-3279 .elementor-element.elementor-element-a75d114:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-a75d114 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-0d466d5{--display:flex;--min-height:561px;--justify-content:center;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-0d466d5:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-0d466d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4B6A8A;}.elementor-3279 .elementor-element.elementor-element-179444b{width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-179444b.elementor-element{--align-self:center;}.elementor-3279 .elementor-element.elementor-element-a0ac74a{--display:flex;--justify-content:center;--border-radius:0px 015px 015px 0px;--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-3279 .elementor-element.elementor-element-4a874a0{--display:flex;--border-radius:0px 10px 10px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--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-3279 .elementor-element.elementor-element-e2c0e1b .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:45px;font-weight:normal;color:#323B53;}.elementor-3279 .elementor-element.elementor-element-576879a{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:300;color:#171F25;}.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-3279 .elementor-element.elementor-element-11ff58e{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;--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-align:flex-start;--icon-vertical-offset:7px;}.elementor-3279 .elementor-element.elementor-element-11ff58e .elementor-icon-list-icon i{color:#4B6A8A;transition:color 0.3s;}.elementor-3279 .elementor-element.elementor-element-11ff58e .elementor-icon-list-icon svg{fill:#4B6A8A;transition:fill 0.3s;}.elementor-3279 .elementor-element.elementor-element-11ff58e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3279 .elementor-element.elementor-element-11ff58e .elementor-icon-list-item > a{font-family:"aptos-display", Sans-serif;font-size:21px;font-weight:300;}.elementor-3279 .elementor-element.elementor-element-11ff58e .elementor-icon-list-text{color:#171F25;transition:color 0.3s;}.elementor-3279 .elementor-element.elementor-element-8a33920{--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:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-b981911{--display:flex;}.elementor-3279 .elementor-element.elementor-element-1c1454e{padding:20px 0px 30px 0px;text-align:center;}.elementor-3279 .elementor-element.elementor-element-1c1454e .elementor-heading-title{font-family:"aptos-display", Sans-serif;font-size:45px;font-weight:normal;color:#323B53;}.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-3279 .elementor-element.elementor-element-0914798{--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-3279 .elementor-element.elementor-element-0914798:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-0914798 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B384B;}.elementor-3279 .elementor-element.elementor-element-3dc78b7{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-3279 .elementor-element.elementor-element-bae1873{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-3279 .elementor-element.elementor-element-bae1873 .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-3279 .elementor-element.elementor-element-f69418e{--grid-columns:3;}@media(min-width:768px){.elementor-3279 .elementor-element.elementor-element-70be62e{--content-width:1300px;}.elementor-3279 .elementor-element.elementor-element-b90374b{--width:100%;}.elementor-3279 .elementor-element.elementor-element-a75d114{--width:38%;}.elementor-3279 .elementor-element.elementor-element-0d466d5{--width:100%;}.elementor-3279 .elementor-element.elementor-element-a0ac74a{--width:100%;}.elementor-3279 .elementor-element.elementor-element-8a33920{--content-width:1300px;}.elementor-3279 .elementor-element.elementor-element-0914798{--content-width:1300px;}}@media(max-width:1024px){.elementor-3279 .elementor-element.elementor-element-179444b{font-size:18px;}.elementor-3279 .elementor-element.elementor-element-576879a{font-size:18px;}.elementor-3279 .elementor-element.elementor-element-11ff58e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3279 .elementor-element.elementor-element-11ff58e .elementor-icon-list-item > a{font-size:18px;}.elementor-3279 .elementor-element.elementor-element-f69418e{--grid-columns:2;}}@media(max-width:767px){.elementor-3279 .elementor-element.elementor-element-f69418e{--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 */
/* Start custom CSS for image, class: .elementor-element-25770b0 *//* Disable hover zoom for this container */
.no-hover {
  transform: none !important;
  box-shadow: none !important;
}

.no-hover:hover {
  transform: none !important;
  box-shadow: none !important;
}/* End custom CSS */