/* xl - DESKTOP STYLES */
/* ==========================================================================
   LIFT HOVER EFFECT
   ========================================================================== */
/* ==========================================================================
   BASE SHEEN EFFECT
   ========================================================================== */
/* Archived

.sheen-effect {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        90deg,
        transparent 0%,
        transparent 40%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 60%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: sheen-sweep 3s ease-in-out infinite;
}

.sheen-effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.2) 50%,
        transparent 100%
    );
    animation: sheen-slide 3s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

/* ==========================================================================
   KEYFRAME ANIMATIONS
   ========================================================================== */
/* Archived
@keyframes sheen-sweep {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes sheen-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes sheen-diagonal {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

@keyframes sheen-reverse {
    0% {
        left: 100%;
    }
    100% {
        left: -100%;
    }
}

/* ==========================================================================
   HOVER-ONLY SHEEN EFFECT
   ========================================================================== */
/* Archived
.sheen-hover {
    position: relative;
    overflow: hidden;
}

.sheen-hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 100%
    );
    transition: left 0.6s ease-in-out;
    z-index: 9;
    pointer-events: none;
}

.sheen-hover:hover::before {
    left: 100%;
}

/* ==========================================================================
   SPEED VARIATIONS
   ========================================================================== */
/* Archived
.sheen-slow {
    animation-duration: 5s;
}

.sheen-slow::before {
    animation-duration: 5s;
}

.sheen-fast {
    animation-duration: 1.5s;
}

.sheen-fast::before {
    animation-duration: 1.5s;
}

/* ==========================================================================
   INTENSITY VARIATIONS
   ========================================================================== */
/* Archived
.sheen-subtle::before {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 50%,
        transparent 100%
    );
}

.sheen-bright::before {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.5) 50%,
        transparent 100%
    );
}

/* ==========================================================================
   DIRECTIONAL VARIATIONS
   ========================================================================== */
/* Archived
.sheen-diagonal {
    position: relative;
    overflow: hidden;
}

.sheen-diagonal::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent 0%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 100%
    );
    animation: sheen-diagonal 3s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

.sheen-reverse::before {
    animation: sheen-reverse 3s ease-in-out infinite;
}
*/
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-100%) rotate(20deg);
  }
  to {
    opacity: 1;
    transform: translateY(-40%) rotate(0deg);
  }
}
.fade-in-down {
  transform-origin: top right;
  animation-name: fadeInDown;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
/* Base animation */
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Base class */
.fade-in-left {
  animation-name: fadeInLeft;
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
/* Base animation */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Base class */
.fade-in-right {
  animation-name: fadeInRight;
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
/* Variants with delay */
.fade-in-right.delay-1 {
  animation-delay: 0.3s;
}
.fade-in-right.delay-2 {
  animation-delay: 0.6s;
}
.fade-in-right.delay-3 {
  animation-delay: 0.9s;
}
/* ==========================================================================
   CAPABILITY CARDS HOVER ANIMATIONS
   ========================================================================== */
#service-offerings .card-icon img {
  transform: unset !important;
}
/* Container */
#service-offerings .uagb-infobox__content-wrap {
  overflow: hidden;
  transition: all 0.5s ease;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* Image wrapper */
#service-offerings .uagb-ifb-image-content {
  height: 100%;
  max-height: 270px;
  overflow: hidden;
  transition: all 0.5s ease;
}
/* Image itself */
#service-offerings .uagb-ifb-image-content img {
  object-fit: cover;
  width: 100%;
  height: 295px !important;
  display: block;
  transition: transform 0.5s ease;
}
/* Title */
#service-offerings .uagb-ifb-title-wrap {
  background-color: #46806b;
  color: #fff;
  text-align: center;
  padding: 1rem;
  transition: all 0.5s ease;
}
/* Description initially hidden */
#service-offerings .uagb-ifb-desc {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  padding: 0 1rem;
  color: #fff;
}
/* Hover state */
#service-offerings .lift-hover:hover .uagb-ifb-image-content {
  max-height: 155px;
}
#service-offerings .lift-hover:hover .uagb-ifb-title-wrap {
  background-color: #46806a;
}
#service-offerings .lift-hover:hover .uagb-ifb-desc {
  opacity: 1;
  max-height: 200px;
  padding: 0.5rem 1rem 1rem;
}
/* Optional: Smooth icon scaling */
#service-offerings .lift-hover:hover img {
  transform: scale(1.15);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F1205-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACgMA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD3MA%3BACoNA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADzNF%3BACgOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADhOA%3BACwOA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD7OF%3BACoPA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADpPA%3BAC4PA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BADpQA%3BAAAA%3BAAAA%3BAC6QA%3BAAAA%3BAAAA%3BAD7QA%3BACkRA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADlRA%3BAC0RA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD1RA%3BACmSA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADnSA%3BAC4SA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD5SA%3BACqTA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADrTA%3BAC%2BTA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADvUA%3BAC8UA%3BAAAA%3BAAAA%22%7D */