.elementor-2861 .elementor-element.elementor-element-d3eeccf{--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-2861 .elementor-element.elementor-element-bcd0013{--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-2861 .elementor-element.elementor-element-ac50c4e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2861 .elementor-element.elementor-element-ac50c4e:not(.elementor-motion-effects-element-type-background), .elementor-2861 .elementor-element.elementor-element-ac50c4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-2861 .elementor-element.elementor-element-aae286a{--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-2861 .elementor-element.elementor-element-02afafd{--display:flex;}.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-2861 .elementor-element.elementor-element-06d85a9 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:17px;font-weight:600;letter-spacing:2px;word-spacing:1px;color:#DF2E2E;}.elementor-2861 .elementor-element.elementor-element-808149c .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-size:50px;font-weight:500;letter-spacing:1px;word-spacing:1px;color:#000000;}.elementor-2861 .elementor-element.elementor-element-5593444 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:19px;font-weight:500;line-height:30px;letter-spacing:0px;word-spacing:3px;color:#727272;}.elementor-2861 .elementor-element.elementor-element-7ffa310{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2861 .elementor-element.elementor-element-808149c .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-2861 .elementor-element.elementor-element-ac50c4e{--width:100%;}.elementor-2861 .elementor-element.elementor-element-aae286a{--width:85%;}}/* Start custom CSS for hero, class: .elementor-element-adcc80d *//* Make sure hero can show pseudo-elements outside */
.elementor-2861 .elementor-element.elementor-element-adcc80d {
  position: relative;
  overflow: visible !important;   /* if theme hides overflow */
  z-index: 0;
}

/* Keep background overlay below blobs */
.elementor-2861 .elementor-element.elementor-element-adcc80d > .elementor-background-overlay {
  z-index: 1 !important;
}

/* Content should sit above both blobs */
.elementor-2861 .elementor-element.elementor-element-adcc80d > .elementor-container,
.elementor-2861 .elementor-element.elementor-element-adcc80d .elementor-container {
  position: relative;
  z-index: 3;
}

/* === LEFT BLOB (TOP-LEFT) === */
.elementor-2861 .elementor-element.elementor-element-adcc80d::before {
  content: "";
  position: absolute;
  left: -2vw;              /* adjust if needed */
  top: -3vw;               /* adjust if needed */
  width: min(30vw, 500px);
  aspect-ratio: 483 / 582; /* shape-banner-pink ratio */
  background: url("https://brooks-consultingservice.com/wp-content/uploads/2025/08/shape-banner-pink.png")
              no-repeat left top / contain;
  pointer-events: none;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,.25));
  transform-origin: center;
  animation: floatY1 8s ease-in-out infinite;
  z-index: 2;             /* above overlay */
}

/* === RIGHT BLOB (BOTTOM-RIGHT) === */
.elementor-2861 .elementor-element.elementor-element-adcc80d::after {
  content: "";
  position: absolute;
  right: -4vw;
  bottom: 17vw;
  width: min(32vw, 520px);
  aspect-ratio: 410 / 553; /* shape-banner1-pink approx */
  background: url("https://brooks-consultingservice.com/wp-content/uploads/2025/08/shape-banner1-pink.png")
              no-repeat right bottom / contain;
  pointer-events: none;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,.25));
  transform-origin: center;
  animation: floatY2 10s ease-in-out infinite;
  animation-delay: .6s;
  z-index: 2;
}

/* Animations */
@keyframes floatY1 {
  0%,100% { transform: translateY(0) rotate(0deg); }
  25%     { transform: translateY(-15px) rotate(2deg); }
  50%     { transform: translateY(0) rotate(0deg); }
  75%     { transform: translateY(15px) rotate(-2deg); }
}
@keyframes floatY2 {
  0%,100% { transform: translateY(0) rotate(0deg); }
  25%     { transform: translateY(-20px) rotate(3deg); }
  50%     { transform: translateY(0) rotate(0deg); }
  75%     { transform: translateY(20px) rotate(-3deg); }
}

/* Mobile tweaks */
@media (max-width: 767px) {
  .elementor-2861 .elementor-element.elementor-element-adcc80d::before { left: -4vw; top: -4vw; width: 44vw; }
  .elementor-2861 .elementor-element.elementor-element-adcc80d::after  { right: 2vw; bottom: -4vw; width: 46vw; }
  @keyframes floatY1 {
    0%,100% { transform: translateY(0) rotate(0deg); }
    25%     { transform: translateY(-10px) rotate(1.5deg); }
    75%     { transform: translateY(10px) rotate(-1.5deg); }
  }
  @keyframes floatY2 {
    0%,100% { transform: translateY(0) rotate(0deg); }
    25%     { transform: translateY(-14px) rotate(2deg); }
    75%     { transform: translateY(14px) rotate(-2deg); }
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-2861 .elementor-element.elementor-element-adcc80d::before, .elementor-2861 .elementor-element.elementor-element-adcc80d::after { animation: none !important; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5731d77 *//* Hero background smooth zoom/pan */
.hero-anim { position: relative; overflow: hidden; }

.hero-anim .elementor-background-overlay,
.hero-anim .elementor-motion-effects-layer {
  transform-origin: center center;
  will-change: transform;
  animation: heroKenBurns 18s ease-in-out infinite alternate;
}

/* agar overlay use nahi kar rahe ho to background layer ko pakdo */
.hero-anim > .elementor-container,
.hero-anim > .elementor-container:before { pointer-events: none; }

@keyframes heroKenBurns {
  0%   { transform: scale(1) translate3d(0,0,0); }
  100% { transform: scale(1.12) translate3d(0,-12px,0); }
}

/* motion-reduced users ke liye */
@media (prefers-reduced-motion: reduce) {
  .hero-anim .elementor-background-overlay,
  .hero-anim .elementor-motion-effects-layer { animation: none; }
}/* End custom CSS */