body {
  background-color: var(--pastel-turkise);
}
.brxe-nav-nested {
  /* Mobile Menu */
}
@media (max-width: 991px) {
  .brxe-nav-nested.brx-open .brx-nav-nested-items {
    position: absolute;
    top: 100%;
    bottom: unset;
  }
}
/* Ensure that the html and body elements have automatic height based on content */
/* This prevents issues with the scrollable area being limited or content being cut off */
html.lenis, html.lenis body {
  height: auto;
}
/*

*********************
****** Lenis CSS ******
*********************

*/
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: clip;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.bricks-is-frontend body {
  overflow-x: hidden;
}
/*Footer
---------------------------*/
#brx-footer {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  min-height: max-content;
  transition: transform 0.3s linear;
  will-change: transform;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #brx-footer {
    position: static;
    transform: translateY(0%) !important;
    height: auto;
  }
}
/*Parallax Effect*/
/*
*********************
****** Parallax Settings for images ****** *********************
*/
/*
 * Base scale transformations for different parallax speeds.
 * These values provide an initial "zoom" effect, making the parallax
 * more noticeable as the element moves.
 */
.is-parallax-fast {
  transform: scale(1.25);
}
.is-parallax-medium {
  transform: scale(1.2);
}
.is-parallax-slow {
  transform: scale(1.15);
}
/*
 * Media query for screens up to 768px wide (e.g., tablets and mobile devices).
 * On smaller screens, the parallax effect might be less pronounced or
 * even undesirable. This rule unifies the scale for all parallax classes,
 * simplifying the visual effect to ensure better performance and
 * a consistent experience on smaller viewports.
 */
@media screen and (max-width: 768px) {
  .is-parallax-slow, .is-parallax-medium, .is-parallax-fast {
    transform: scale(1.2);
  }
}
/*Custom Fade In animation*/
.brx-animate-fadeInUp {
  animation-name: fadeInUpMod !important;
}
.brx-animate-fadeInDown {
  animation-name: fadeInDownMod !important;
}
.brx-animate-fadeInLeft {
  animation-name: fadeInLeftMod !important;
}
.brx-animate-fadeInRight {
  animation-name: fadeInRightMod !important;
}
@keyframes fadeInUpMod {
  0% {
    opacity: 0;
    transform: translateY(6rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInDownMod {
  0% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInRightMod {
  0% {
    opacity: 0;
    transform: translateX(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInLeftMod {
  0% {
    opacity: 0;
    transform: translateX(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
/*Card Service transition*/
@media (min-width: 1000px) {
  /* Transition for the image inside the card */
  /* Scale effect for the image when hovering over the link */
  /*Style content of card */
  /* Move up Effect on hover */
  .card-services__link .card-services__img img {
    transition: transform 0.3s ease-in-out;
    /* Applies a smooth transition to the image */
    display: block;
    /* Ensures the image behaves as a block element */
    width: 100%;
    /* Ensures the image takes up the full available width */
    height: auto;
    /* Maintains the image's aspect ratio */
  }
  .card-services__link:hover .card-services__img img {
    transform: scale(1.05);
    /* Scales the image to 1.05 to make it slightly larger */
  }
  .card-services__content, .card-related-services__content, .about-team__card-meta {
    position: relative;
    z-index: 1;
    transition: 0.5s ease-in-out;
  }
  .card-services__link:hover .card-services__content, .card-related-services__link:hover .card-related-services__content, .about-team__card:hover .about-team__card-meta {
    transform: translateY(calc(var(--space-l) * -1));
    /*Move to up */
  }
}
/*Trademark Styles
-----------------------------*/
/*Trademark symbol*/
.reg-symbol {
  display: inline-block;
  position: relative;
  top: -0.5rem;
  transform: scale(0.8);
}