.elementor-13717 .elementor-element.elementor-element-ee71858{--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;--overlay-opacity:0.12;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-13717 .elementor-element.elementor-element-ee71858:not(.elementor-motion-effects-element-type-background), .elementor-13717 .elementor-element.elementor-element-ee71858 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-secondary ) 0%, var( --e-global-color-e165806 ) 100%);}.elementor-13717 .elementor-element.elementor-element-ee71858::before, .elementor-13717 .elementor-element.elementor-element-ee71858 > .elementor-background-video-container::before, .elementor-13717 .elementor-element.elementor-element-ee71858 > .e-con-inner > .elementor-background-video-container::before, .elementor-13717 .elementor-element.elementor-element-ee71858 > .elementor-background-slideshow::before, .elementor-13717 .elementor-element.elementor-element-ee71858 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13717 .elementor-element.elementor-element-ee71858 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://alchemyofbreath.com/wp-content/uploads/WhatsApp-attels-2025-03-11-plkst.-16.30.59_1aed427b.jpg");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-13717 .elementor-element.elementor-element-ee71858 > .elementor-shape-bottom .elementor-shape-fill, .elementor-13717 .elementor-element.elementor-element-ee71858 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-e165806 );}.elementor-13717 .elementor-element.elementor-element-6c4575a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13717 .elementor-element.elementor-element-2c958d4 img{width:300px;height:300px;object-fit:cover;object-position:center center;border-style:solid;border-width:10px 10px 10px 10px;border-color:var( --e-global-color-secondary );border-radius:100% 100% 100% 100%;box-shadow:0px 10px 35px 0px rgba(0, 0, 0, 0.15);}.elementor-13717 .elementor-element.elementor-element-cea88d8 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-13717 .elementor-element.elementor-element-cea88d8{z-index:9;}.elementor-13717 .elementor-element.elementor-element-cea88d8 .gallery-item .gallery-caption{display:none;}.elementor-13717 .elementor-element.elementor-element-7e0575e{--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;--gap:75px 75px;--row-gap:75px;--column-gap:75px;--padding-top:75px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-13717 .elementor-element.elementor-element-7e0575e:not(.elementor-motion-effects-element-type-background), .elementor-13717 .elementor-element.elementor-element-7e0575e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e165806 );}.elementor-13717 .elementor-element.elementor-element-08d878b{text-align:center;}.elementor-13717 .elementor-element.elementor-element-1e29d2f{--grid-columns:1;}@media(max-width:1024px){.elementor-13717 .elementor-element.elementor-element-ee71858{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-13717 .elementor-element.elementor-element-7e0575e{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-13717 .elementor-element.elementor-element-1e29d2f{--grid-columns:1;}}@media(max-width:767px){.elementor-13717 .elementor-element.elementor-element-7e0575e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13717 .elementor-element.elementor-element-1e29d2f{--grid-columns:1;}}/* Start custom CSS *//* Tweak these knobs */
#gallery-1{
  --n: 7;            /* total items */
  --size: 120px;     /* circle diameter */
  --radius: 360px;   /* distance from center to items */
  --duration: 45s;   /* rotation speed */
  --tilt: 5deg;

  position: relative;
  width: var(--size);
  height: var(--size);
  margin-inline: auto;
  transform-style: preserve-3d;
  animation: gallery-rotate var(--duration) linear infinite;
  /* Let items poke outside if your theme clips things */
  overflow: visible;
}

/* Spin the whole ring with perspective like the CodePen */
@keyframes gallery-rotate{
  0%   { transform: perspective(1000px) rotateX(var(--tilt)) rotateY(0deg); }
  100% { transform: perspective(1000px) rotateX(var(--tilt)) rotateY(360deg); }
}

/* Each gallery item becomes a panel on the 3D ring */
#gallery-1 .gallery-item{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  transform-origin: center;
  transform-style: preserve-3d;
  /* place evenly: angle = i * (360deg / n), then push out */
  transform: rotateY(calc(var(--i) * 1turn / var(--n))) translateZ(var(--radius));
  
  backface-visibility: visible;
}

/* Circular, cover-cropped images */
#gallery-1 .gallery-icon,
#gallery-1 .gallery-icon img{
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 9999px;
  object-fit: cover;
  display: block;
  border: 1px solid #FFF;
}

/* Optional: subtle shadow for depth */
#gallery-1 .gallery-icon{
  position: relative;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* Pause on hover/focus (optional) */
#gallery-1:hover,
#gallery-1:focus-within{
  animation-play-state: paused;
}

/* Mobile: shrink ring & radius */
@media (max-width: 1024px){
  #gallery-1{ --size: 120px; --radius: 250px; --duration: 35s; }
}

/* Mobile: shrink ring & radius */
@media (max-width: 768px){
  #gallery-1{ --size: 80px; --radius: 150px; --duration: 35s; }
}

/* Assign indexes (0..n-1). Update if you change the count. */
#gallery-1 .gallery-item:nth-child(1){ --i: 0; }
#gallery-1 .gallery-item:nth-child(2){ --i: 1; }
#gallery-1 .gallery-item:nth-child(3){ --i: 2; }
#gallery-1 .gallery-item:nth-child(4){ --i: 3; }
#gallery-1 .gallery-item:nth-child(5){ --i: 4; }
#gallery-1 .gallery-item:nth-child(6){ --i: 5; }
#gallery-1 .gallery-item:nth-child(7){ --i: 6; }
/* add more if needed...
#gallery-1 .gallery-item:nth-child(8){ --i: 7; } etc. *//* End custom CSS */