/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/





.siteheader.elementor-sticky--effects{
	background: #002d7166;
}

.waterdropbottmup {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.waterdropbottmup::before,
.waterdropbottmup::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-repeat: no-repeat;
  opacity: 0;
  will-change: transform, opacity;
  animation: waterdropRise 22s linear infinite;
}

.waterdropbottmup::before {
  background-image:
    radial-gradient(circle at 4% 90%,  rgba(168,220,255,.45) 0 4px, transparent 5px),
    radial-gradient(circle at 13% 62%, rgba(168,220,255,.35) 0 6px, transparent 7px),
    radial-gradient(circle at 22% 85%, rgba(168,220,255,.45) 0 3px, transparent 4px),
    radial-gradient(circle at 31% 48%, rgba(168,220,255,.35) 0 5px, transparent 6px),
    radial-gradient(circle at 42% 78%, rgba(168,220,255,.30) 0 8px, transparent 9px),
    radial-gradient(circle at 53% 92%, rgba(168,220,255,.45) 0 4px, transparent 5px),
    radial-gradient(circle at 64% 55%, rgba(168,220,255,.40) 0 3px, transparent 4px),
    radial-gradient(circle at 73% 82%, rgba(168,220,255,.35) 0 6px, transparent 7px),
    radial-gradient(circle at 84% 66%, rgba(168,220,255,.45) 0 4px, transparent 5px),
    radial-gradient(circle at 95% 88%, rgba(168,220,255,.30) 0 7px, transparent 8px);
}

.waterdropbottmup::after {
  animation-duration: 28s;
  animation-delay: -14s;
  background-image:
    radial-gradient(circle at 8% 75%,  rgba(168,220,255,.40) 0 5px, transparent 6px),
    radial-gradient(circle at 18% 52%, rgba(168,220,255,.35) 0 3px, transparent 4px),
    radial-gradient(circle at 27% 92%, rgba(168,220,255,.30) 0 7px, transparent 8px),
    radial-gradient(circle at 37% 64%, rgba(168,220,255,.45) 0 4px, transparent 5px),
    radial-gradient(circle at 48% 86%, rgba(168,220,255,.35) 0 6px, transparent 7px),
    radial-gradient(circle at 58% 45%, rgba(168,220,255,.40) 0 3px, transparent 4px),
    radial-gradient(circle at 69% 90%, rgba(168,220,255,.30) 0 8px, transparent 9px),
    radial-gradient(circle at 79% 70%, rgba(168,220,255,.45) 0 4px, transparent 5px),
    radial-gradient(circle at 89% 58%, rgba(168,220,255,.35) 0 5px, transparent 6px),
    radial-gradient(circle at 97% 84%, rgba(168,220,255,.40) 0 3px, transparent 4px);
}

@keyframes waterdropRise {
  0%   { transform: translate3d(0, 15%, 0);  opacity: 0; }
  12%  { opacity: 1; }
  55%  { opacity: 1; }
  100% { transform: translate3d(0, -85%, 0); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .waterdropbottmup::before,
  .waterdropbottmup::after { animation: none; }
}









.impact span.elementor-icon {
    background: none !important;
}









.teamhover {
  position: relative;
  isolation: isolate;
  background: linear-gradient(135deg, #1B3F7E 0%, #2D5B8E 55%, #4A8E99 100%);
}

.teamhover img {
  display: block;
  width: 100%;
  transition: opacity .5s ease;
}

.teamhover:hover img {
  opacity: .55;
}

/* Ripple: neeche ke right corner se 2 soft gol lehrein, ek ke peeche ek */
@property --tw1 { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw2 { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --ta1 { syntax: "<number>"; inherits: false; initial-value: 0; }
@property --ta2 { syntax: "<number>"; inherits: false; initial-value: 0; }

.teamhover::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity .6s ease;
  background:
    radial-gradient(circle at 100% 100%, rgba(40,227,236, var(--ta1)) 0 var(--tw1), rgba(40,227,236,0) calc(var(--tw1) + 40px)),
    radial-gradient(circle at 100% 100%, rgba(40,227,236, var(--ta2)) 0 var(--tw2), rgba(40,227,236,0) calc(var(--tw2) + 40px));
}

.teamhover:hover::before {
  opacity: 1;
  animation:
    teamWave1 6s cubic-bezier(.25,.6,.4,1) infinite,
    teamWave2 6s cubic-bezier(.25,.6,.4,1) -3s infinite;
}

/* Drops: neeche se upar (card ke andar hi rehti hain) */
.teamhover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  background-repeat: no-repeat;
  background-image:
    radial-gradient(circle at 8% 88%,  rgba(168,220,255,.55) 0 2px, transparent 3px),
    radial-gradient(circle at 19% 62%, rgba(168,220,255,.45) 0 3px, transparent 4px),
    radial-gradient(circle at 30% 78%, rgba(168,220,255,.55) 0 2px, transparent 3px),
    radial-gradient(circle at 41% 55%, rgba(168,220,255,.45) 0 3px, transparent 4px),
    radial-gradient(circle at 52% 92%, rgba(168,220,255,.40) 0 4px, transparent 5px),
    radial-gradient(circle at 63% 70%, rgba(168,220,255,.55) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 85%, rgba(168,220,255,.45) 0 3px, transparent 4px),
    radial-gradient(circle at 82% 58%, rgba(168,220,255,.55) 0 2px, transparent 3px),
    radial-gradient(circle at 91% 90%, rgba(168,220,255,.40) 0 3px, transparent 4px),
    radial-gradient(circle at 96% 66%, rgba(168,220,255,.55) 0 2px, transparent 3px);
  will-change: transform, opacity;
}

.teamhover:hover::after {
  animation: teamDrops 6s linear infinite;
}

@keyframes teamWave1 {
  0%   { --tw1: 0px;   --ta1: .22; }
  100% { --tw1: 720px; --ta1: 0; }
}

@keyframes teamWave2 {
  0%   { --tw2: 0px;   --ta2: .22; }
  100% { --tw2: 720px; --ta2: 0; }
}

@keyframes teamDrops {
  0%   { transform: translate3d(0, 0, 0);    opacity: 0; }
  15%  { opacity: 1; }
  60%  { opacity: 1; }
  100% { transform: translate3d(0, -50%, 0); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .teamhover:hover::before,
  .teamhover:hover::after { animation: none; }
}












/* ===== Animated Borders (hover par aaye, hatane par wapas jaye) ===== */

.border-bottom-left-right,
.border-bottom-right-left,
.border-top-left-right,
.border-top-right-left,
.border-left-top-bottom,
.border-left-bottom-top,
.border-right-top-bottom,
.border-right-bottom-top {
  position: relative;
}

/* Upar/neeche wali borders: ::after */
.border-bottom-left-right::after,
.border-bottom-right-left::after,
.border-top-left-right::after,
.border-top-right-left::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #28e3ec38;
  pointer-events: none;
  transform: scaleX(0);
  transition: transform .6s ease;
}

/* Left/right wali borders: ::before */
.border-left-top-bottom::before,
.border-left-bottom-top::before,
.border-right-top-bottom::before,
.border-right-bottom-top::before {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background: #28e3ec38;
  pointer-events: none;
  transform: scaleY(0);
  transition: transform .6s ease;
}

/* Hover par poori ban jaye */
.border-bottom-left-right:hover::after,
.border-bottom-right-left:hover::after,
.border-top-left-right:hover::after,
.border-top-right-left:hover::after {
  transform: scaleX(1);
}

.border-left-top-bottom:hover::before,
.border-left-bottom-top:hover::before,
.border-right-top-bottom:hover::before,
.border-right-bottom-top:hover::before {
  transform: scaleY(1);
}

/* Neeche: left se right */
.border-bottom-left-right::after { bottom: 0; transform-origin: left; }
/* Neeche: right se left */
.border-bottom-right-left::after { bottom: 0; transform-origin: right; }
/* Upar: left se right */
.border-top-left-right::after    { top: 0;    transform-origin: left; }
/* Upar: right se left */
.border-top-right-left::after    { top: 0;    transform-origin: right; }

/* Left side: upar se neeche */
.border-left-top-bottom::before  { left: 0;  transform-origin: top; }
/* Left side: neeche se upar */
.border-left-bottom-top::before  { left: 0;  transform-origin: bottom; }
/* Right side: upar se neeche */
.border-right-top-bottom::before { right: 0; transform-origin: top; }
/* Right side: neeche se upar */
.border-right-bottom-top::before { right: 0; transform-origin: bottom; }













/* ===== Parent ke hover par andar wale divs ki border ===== */
/* Outer class: innerbordernaiante   |   Andar wale: p-border-... */

.p-border-bottom-left-right,
.p-border-bottom-right-left,
.p-border-top-left-right,
.p-border-top-right-left,
.p-border-left-top-bottom,
.p-border-left-bottom-top,
.p-border-right-top-bottom,
.p-border-right-bottom-top {
  position: relative;
}

/* Upar/neeche wali borders: ::after */
.p-border-bottom-left-right::after,
.p-border-bottom-right-left::after,
.p-border-top-left-right::after,
.p-border-top-right-left::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #28e3ec38;
  pointer-events: none;
  transform: scaleX(0);
  transition: transform .6s ease;
}

/* Left/right wali borders: ::before */
.p-border-left-top-bottom::before,
.p-border-left-bottom-top::before,
.p-border-right-top-bottom::before,
.p-border-right-bottom-top::before {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background: #28e3ec38;
  pointer-events: none;
  transform: scaleY(0);
  transition: transform .6s ease;
}

/* Outer par hover karne se andar wali border poori ban jaye */
.innerbordernaiante:hover .p-border-bottom-left-right::after,
.innerbordernaiante:hover .p-border-bottom-right-left::after,
.innerbordernaiante:hover .p-border-top-left-right::after,
.innerbordernaiante:hover .p-border-top-right-left::after {
  transform: scaleX(1);
}

.innerbordernaiante:hover .p-border-left-top-bottom::before,
.innerbordernaiante:hover .p-border-left-bottom-top::before,
.innerbordernaiante:hover .p-border-right-top-bottom::before,
.innerbordernaiante:hover .p-border-right-bottom-top::before {
  transform: scaleY(1);
}

/* Neeche: left se right */
.p-border-bottom-left-right::after { bottom: 0; transform-origin: left; }
/* Neeche: right se left */
.p-border-bottom-right-left::after { bottom: 0; transform-origin: right; }
/* Upar: left se right */
.p-border-top-left-right::after    { top: 0;    transform-origin: left; }
/* Upar: right se left */
.p-border-top-right-left::after    { top: 0;    transform-origin: right; }

/* Left side: upar se neeche */
.p-border-left-top-bottom::before  { left: 0;  transform-origin: top; }
/* Left side: neeche se upar */
.p-border-left-bottom-top::before  { left: 0;  transform-origin: bottom; }
/* Right side: upar se neeche */
.p-border-right-top-bottom::before { right: 0; transform-origin: top; }
/* Right side: neeche se upar */
.p-border-right-bottom-top::before { right: 0; transform-origin: bottom; }











/* Normal mein icons chhupe rahein */
.teamicon {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .4s ease, transform .4s ease, visibility .4s;
}

/* Image par hover (ya icons par) karne se dikhein */
.teamhover:hover + .teamicon,
.teamicon:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


.missionanimatedicon span.elementor-icon {
    background-color: rgba(40, 227, 236, 0.125);
    box-shadow: rgba(40, 227, 236, 0.314) 0px 0px 0px;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Hover par: zoom in / zoom out lagatar */
.missionanimatedicon:hover .elementor-icon {
  animation: aiZoom 1.2s ease-in-out infinite;
}

/* Hover par: 5deg left, 5deg right lagatar */
.missionanimatedicon:hover .elementor-icon svg {
  animation: aiWiggle .8s ease-in-out infinite;
}

.animatedicon1 {
    background-color: rgba(40, 227, 236, 0.125);
    box-shadow: rgba(40, 227, 236, 0.314) 0px 0px 0px;
    width: 63px !important;
    height: 63px !important;
    border-radius: 50% !important;
}
.animatedicon1 .elementor-icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.animatedicon1 .elementor-icon svg {
  transform-origin: 50% 50%;
}

/* Hover par: zoom in / zoom out lagatar */
.animatedicon1:hover .elementor-icon {
  animation: aiZoom 1.2s ease-in-out infinite;
}

/* Hover par: 5deg left, 5deg right lagatar */
.animatedicon1:hover .elementor-icon svg {
  animation: aiWiggle .8s ease-in-out infinite;
}

@keyframes aiZoom {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.15); }
}

@keyframes aiWiggle {
  0%, 100% { transform: rotate(0deg); }
  25%      { transform: rotate(-5deg); }
  75%      { transform: rotate(5deg); }
}


/* zoomo: hover par smooth zoom in, hatane par smooth zoom out (sirf zoom par transition) */
.teamhover.zoomo {
  transition: scale .8s cubic-bezier(.25, .8, .25, 1) !important;
  will-change: scale;
  backface-visibility: hidden;
}

.teamhover.zoomo:hover {
  scale: 1.01;
}

/* screw: hover par lagatar tirchha -> seedha -> tirchha */
.teamhover.screw:hover {
  animation: teamScrew 5s ease-in-out infinite;
}

@keyframes teamScrew {
  0%, 100% { transform: skewY(0deg); }
  50%      { transform: skewY(-.3deg); }
}





/* ===== Parent (innermisson1) ke hover par andar wale elements ===== */

/* p-animatedicon1: icon ka look (normal mein bhi dikhe) */
.p-animatedicon1 {
  background-color: rgba(40, 227, 236, 0.125);
  box-shadow: rgba(40, 227, 236, 0.314) 0px 0px 0px;
  width: 63px !important;
  height: 63px !important;
  border-radius: 50% !important;
}

.p-animatedicon1 .elementor-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-animatedicon1 .elementor-icon svg {
  transform-origin: 50% 50%;
}

/* Outer hover par: icon zoom in / zoom out lagatar */
.innermisson1:hover .p-animatedicon1 .elementor-icon {
  animation: aiZoom 1.2s ease-in-out infinite;
}

/* Outer hover par: icon 5deg left / right lagatar */
.innermisson1:hover .p-animatedicon1 .elementor-icon svg {
  animation: aiWiggle .8s ease-in-out infinite;
}

/* p-zoomo: outer hover par smooth zoom in, hatane par smooth zoom out (sirf zoom par transition) */
.p-zoomo {
  transition: scale .8s cubic-bezier(.25, .8, .25, 1) !important;
  will-change: scale;
  backface-visibility: hidden;
}

.innermisson1:hover .p-zoomo {
  scale: 1.01;
}

/* p-screw: outer hover par lagatar tirchha -> seedha -> tirchha */
.innermisson1:hover .p-screw {
  animation: teamScrew 5s ease-in-out infinite;
}


div.transformation {
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
div.transformation:hover {
    transform: translateY(-3px);
}


.missionanimatedicon .elementor-icon-box-title {
  position: relative;
  padding-bottom: 12px;
}

.missionanimatedicon .elementor-icon-box-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 3px;
  background: #28E3EC;
}

.missionanimatedicon span.elementor-icon {
    background-color: rgba(40, 227, 236, 0.125);
    box-shadow: rgba(40, 227, 236, 0.314) 0px 0px 0px;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.missionanimatedicon  .Scarcity .elementor-icon-box-title::after {
    display: none !important;
}
.Scarcity .elementor-counter-title {
    text-align: center;
    margin-top: 10px !important;
}
/* Hover par: zoom in / zoom out lagatar */
.transformation:hover .missionanimatedicon .elementor-icon {
  animation: aiZoom 1.2s ease-in-out infinite;
}

/* Hover par: 5deg left, 5deg right lagatar */
.transformation:hover .missionanimatedicon .elementor-icon svg {
  animation: aiWiggle .8s ease-in-out infinite;
}

.transformation .missionanimatedicon span.elementor-icon-list-icon {
    background-color: rgba(40, 227, 236, 0.125);
    box-shadow: rgba(40, 227, 236, 0.314) 0px 0px 0px;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.transformation .missionanimatedicon span.elementor-icon-list-icon svg {
    stroke: white !important;
    margin: 0px;
}
/* Hover par: zoom in / zoom out lagatar */
.transformation:hover .missionanimatedicon span.elementor-icon-list-icon {
  animation: aiZoom 1.2s ease-in-out infinite;
}

/* Hover par: 5deg left, 5deg right lagatar */
.transformation:hover .missionanimatedicon span.elementor-icon-list-icon svg {
  animation: aiWiggle .98s ease-in-out infinite;
}


.transformation .missionanimatedicon span.elementor-icon-list-text b {
    color: white;
}
.transformation .missionanimatedicon span.elementor-icon-list-text {
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
}




/* ===== box-circle-line: sirf static lines + chhote boxes ===== */
.box-circle-line {
  position: relative;
  isolation: isolate;
}

.box-circle-line::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, transparent 0 156px, rgba(255,255,255,.0175) 156px 160px),
    repeating-linear-gradient(90deg,  rgba(255,255,255,.015) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.015) 0 1px, transparent 1px 24px);
}

/* ===== Circles: HTML widget ke andar 16 span (sirf transform + opacity, halka) ===== */

/* Jis column/container mein rings wala widget hai, wo "relative" na rahe,
   taaki circles poore box-circle-line section mein failen */
.box-circle-line :is(.elementor-container, .elementor-column, .elementor-widget-wrap, .e-con, .e-con-inner):has(.bcl-rings) {
  position: static !important;
}

/* Rings wala widget poore section ke peeche */
.box-circle-line .elementor-widget:has(.bcl-rings) {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: -1;
  pointer-events: none;
}

.bcl-rings {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Har circle: chhota se 5 guna bada hokar gayab (bclRing),
   aur har chakkar ke baad nayi jagah par (bclPos1-16, sirf gayab hone par jagah badalti hai) */
.bcl-rings span {
  position: absolute;
  border: 2px solid rgba(140, 190, 255, .35);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.2);
  will-change: transform, opacity;
  animation-iteration-count: infinite, infinite;
  animation-timing-function: ease-out, step-end;
}

.bcl-rings span:nth-child(1) { width: 180px; height: 180px; animation-duration: 7s, 21s; animation-delay: -8.3s, -8.3s; animation-name: bclRing, bclPos1; }
.bcl-rings span:nth-child(2) { width: 50px; height: 50px; animation-duration: 10s, 30s; animation-delay: -6.4s, -6.4s; animation-name: bclRing, bclPos2; }
.bcl-rings span:nth-child(3) { width: 300px; height: 300px; animation-duration: 9s, 27s; animation-delay: -1.6s, -1.6s; animation-name: bclRing, bclPos3; }
.bcl-rings span:nth-child(4) { width: 50px; height: 50px; animation-duration: 10s, 30s; animation-delay: -17.6s, -17.6s; animation-name: bclRing, bclPos4; }
.bcl-rings span:nth-child(5) { width: 220px; height: 220px; animation-duration: 7s, 21s; animation-delay: -11.4s, -11.4s; animation-name: bclRing, bclPos5; }
.bcl-rings span:nth-child(6) { width: 350px; height: 350px; animation-duration: 10s, 30s; animation-delay: -19.2s, -19.2s; animation-name: bclRing, bclPos6; }
.bcl-rings span:nth-child(7) { width: 350px; height: 350px; animation-duration: 7s, 21s; animation-delay: -10.4s, -10.4s; animation-name: bclRing, bclPos7; }
.bcl-rings span:nth-child(8) { width: 180px; height: 180px; animation-duration: 8s, 24s; animation-delay: -6.0s, -6.0s; animation-name: bclRing, bclPos8; }
.bcl-rings span:nth-child(9) { width: 300px; height: 300px; animation-duration: 9s, 27s; animation-delay: -23.6s, -23.6s; animation-name: bclRing, bclPos9; }
.bcl-rings span:nth-child(10) { width: 300px; height: 300px; animation-duration: 9s, 27s; animation-delay: -4.5s, -4.5s; animation-name: bclRing, bclPos10; }
.bcl-rings span:nth-child(11) { width: 70px; height: 70px; animation-duration: 12s, 36s; animation-delay: -20.1s, -20.1s; animation-name: bclRing, bclPos11; }
.bcl-rings span:nth-child(12) { width: 350px; height: 350px; animation-duration: 12s, 36s; animation-delay: -16.4s, -16.4s; animation-name: bclRing, bclPos12; }
.bcl-rings span:nth-child(13) { width: 50px; height: 50px; animation-duration: 11s, 33s; animation-delay: -23.1s, -23.1s; animation-name: bclRing, bclPos13; }
.bcl-rings span:nth-child(14) { width: 400px; height: 400px; animation-duration: 8s, 24s; animation-delay: -0.5s, -0.5s; animation-name: bclRing, bclPos14; }
.bcl-rings span:nth-child(15) { width: 50px; height: 50px; animation-duration: 7s, 21s; animation-delay: -16.1s, -16.1s; animation-name: bclRing, bclPos15; }
.bcl-rings span:nth-child(16) { width: 90px; height: 90px; animation-duration: 9s, 27s; animation-delay: -10.8s, -10.8s; animation-name: bclRing, bclPos16; }

@keyframes bclRing {
  0%   { transform: translate(-50%, -50%) scale(.2); opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1);  opacity: 0; }
}

@keyframes bclPos1 { 0% { left: 9%; top: 14%; } 33.333% { left: 71%; top: 17%; } 66.666% { left: 49%; top: 79%; } }
@keyframes bclPos2 { 0% { left: 14%; top: 60%; } 33.333% { left: 56%; top: 13%; } 66.666% { left: 33%; top: 16%; } }
@keyframes bclPos3 { 0% { left: 75%; top: 20%; } 33.333% { left: 31%; top: 85%; } 66.666% { left: 83%; top: 79%; } }
@keyframes bclPos4 { 0% { left: 9%; top: 33%; } 33.333% { left: 8%; top: 76%; } 66.666% { left: 20%; top: 42%; } }
@keyframes bclPos5 { 0% { left: 76%; top: 44%; } 33.333% { left: 74%; top: 92%; } 66.666% { left: 26%; top: 18%; } }
@keyframes bclPos6 { 0% { left: 50%; top: 17%; } 33.333% { left: 73%; top: 13%; } 66.666% { left: 75%; top: 12%; } }
@keyframes bclPos7 { 0% { left: 71%; top: 59%; } 33.333% { left: 43%; top: 64%; } 66.666% { left: 77%; top: 63%; } }
@keyframes bclPos8 { 0% { left: 26%; top: 94%; } 33.333% { left: 34%; top: 15%; } 66.666% { left: 76%; top: 43%; } }
@keyframes bclPos9 { 0% { left: 96%; top: 62%; } 33.333% { left: 39%; top: 82%; } 66.666% { left: 12%; top: 20%; } }
@keyframes bclPos10 { 0% { left: 46%; top: 24%; } 33.333% { left: 65%; top: 58%; } 66.666% { left: 8%; top: 90%; } }
@keyframes bclPos11 { 0% { left: 43%; top: 48%; } 33.333% { left: 91%; top: 49%; } 66.666% { left: 79%; top: 68%; } }
@keyframes bclPos12 { 0% { left: 14%; top: 39%; } 33.333% { left: 63%; top: 94%; } 66.666% { left: 88%; top: 13%; } }
@keyframes bclPos13 { 0% { left: 85%; top: 78%; } 33.333% { left: 90%; top: 62%; } 66.666% { left: 39%; top: 54%; } }
@keyframes bclPos14 { 0% { left: 62%; top: 50%; } 33.333% { left: 24%; top: 83%; } 66.666% { left: 17%; top: 68%; } }
@keyframes bclPos15 { 0% { left: 19%; top: 36%; } 33.333% { left: 53%; top: 55%; } 66.666% { left: 66%; top: 15%; } }
@keyframes bclPos16 { 0% { left: 38%; top: 22%; } 33.333% { left: 58%; top: 75%; } 66.666% { left: 38%; top: 95%; } }

@media (prefers-reduced-motion: reduce) {
  .bcl-rings span { animation: none; }
}

















/* ===== waterdropbottmup2: glass par giri boondein (chhoti -> badi + dhundhli -> gayab) ===== */
.waterdropbottmup2 {
  position: relative;
  isolation: isolate;
}

/* Jis column/container mein drops wala widget hai, wo "relative" na rahe,
   taaki drops poore section mein failen */
.waterdropbottmup2 :is(.elementor-container, .elementor-column, .elementor-widget-wrap, .e-con, .e-con-inner):has(.wdb2-drops) {
  position: static !important;
}

/* Drops wala widget poore section ke peeche */
.waterdropbottmup2 .elementor-widget:has(.wdb2-drops) {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: -1;
  pointer-events: none;
}

.wdb2-drops {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Har boond: soft gol dhabba. Chhota hone par tez dot dikhta hai,
   bada hone par apne aap dhundhla (blur) lagta hai */
.wdb2-drops span {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(168,220,255,.275) 0%, rgba(120,200,255,.14) 45%, rgba(120,200,255,0) 100%);
  opacity: 0;
  transform: translate(-50%, -50%) translateY(0) scale(.08);
  will-change: transform, opacity;
  animation-iteration-count: infinite, infinite;
  animation-timing-function: cubic-bezier(.3, 0, .7, 1), step-end;
}

.wdb2-drops span:nth-child(1) { width: 80px; height: 112px; animation-duration: 12s, 36s; animation-delay: -33.3s, -33.3s; animation-name: wdb2Fall, wdb2Pos1; }
.wdb2-drops span:nth-child(2) { width: 90px; height: 112px; animation-duration: 11s, 33s; animation-delay: -20.3s, -20.3s; animation-name: wdb2Fall, wdb2Pos2; }
.wdb2-drops span:nth-child(3) { width: 90px; height: 90px; animation-duration: 10s, 30s; animation-delay: -29.5s, -29.5s; animation-name: wdb2Fall, wdb2Pos3; }
.wdb2-drops span:nth-child(4) { width: 90px; height: 90px; animation-duration: 6s, 18s; animation-delay: -0.6s, -0.6s; animation-name: wdb2Fall, wdb2Pos4; }
.wdb2-drops span:nth-child(5) { width: 44px; height: 62px; animation-duration: 7s, 21s; animation-delay: -13.4s, -13.4s; animation-name: wdb2Fall, wdb2Pos5; }
.wdb2-drops span:nth-child(6) { width: 70px; height: 98px; animation-duration: 12s, 36s; animation-delay: -3.0s, -3.0s; animation-name: wdb2Fall, wdb2Pos6; }
.wdb2-drops span:nth-child(7) { width: 30px; height: 42px; animation-duration: 12s, 36s; animation-delay: -3.9s, -3.9s; animation-name: wdb2Fall, wdb2Pos7; }
.wdb2-drops span:nth-child(8) { width: 44px; height: 44px; animation-duration: 6s, 18s; animation-delay: -8.5s, -8.5s; animation-name: wdb2Fall, wdb2Pos8; }
.wdb2-drops span:nth-child(9) { width: 44px; height: 44px; animation-duration: 8s, 24s; animation-delay: -2.1s, -2.1s; animation-name: wdb2Fall, wdb2Pos9; }
.wdb2-drops span:nth-child(10) { width: 30px; height: 30px; animation-duration: 6s, 18s; animation-delay: -8.4s, -8.4s; animation-name: wdb2Fall, wdb2Pos10; }
.wdb2-drops span:nth-child(11) { width: 90px; height: 90px; animation-duration: 11s, 33s; animation-delay: -25.4s, -25.4s; animation-name: wdb2Fall, wdb2Pos11; }
.wdb2-drops span:nth-child(12) { width: 44px; height: 44px; animation-duration: 8s, 24s; animation-delay: -20.7s, -20.7s; animation-name: wdb2Fall, wdb2Pos12; }
.wdb2-drops span:nth-child(13) { width: 30px; height: 30px; animation-duration: 7s, 21s; animation-delay: -4.5s, -4.5s; animation-name: wdb2Fall, wdb2Pos13; }
.wdb2-drops span:nth-child(14) { width: 30px; height: 30px; animation-duration: 6s, 18s; animation-delay: -3.8s, -3.8s; animation-name: wdb2Fall, wdb2Pos14; }
.wdb2-drops span:nth-child(15) { width: 80px; height: 80px; animation-duration: 10s, 30s; animation-delay: -14.5s, -14.5s; animation-name: wdb2Fall, wdb2Pos15; }
.wdb2-drops span:nth-child(16) { width: 52px; height: 52px; animation-duration: 12s, 36s; animation-delay: -22.0s, -22.0s; animation-name: wdb2Fall, wdb2Pos16; }
.wdb2-drops span:nth-child(17) { width: 70px; height: 88px; animation-duration: 10s, 30s; animation-delay: -2.4s, -2.4s; animation-name: wdb2Fall, wdb2Pos17; }
.wdb2-drops span:nth-child(18) { width: 44px; height: 55px; animation-duration: 8s, 24s; animation-delay: -10.1s, -10.1s; animation-name: wdb2Fall, wdb2Pos18; }

@keyframes wdb2Fall {
  0%   { transform: translate(-50%, -50%) translateY(0)     scale(.08); opacity: 0; }
  6%   { opacity: 1; }
  65%  { opacity: .8; }
  100% { transform: translate(-50%, -50%) translateY(140px) scale(1);   opacity: 0; }
}

@keyframes wdb2Pos1 { 0% { left: 62%; top: 60%; } 33.333% { left: 68%; top: 78%; } 66.666% { left: 27%; top: 26%; } }
@keyframes wdb2Pos2 { 0% { left: 26%; top: 15%; } 33.333% { left: 60%; top: 41%; } 66.666% { left: 21%; top: 14%; } }
@keyframes wdb2Pos3 { 0% { left: 60%; top: 81%; } 33.333% { left: 86%; top: 23%; } 66.666% { left: 82%; top: 4%; } }
@keyframes wdb2Pos4 { 0% { left: 33%; top: 79%; } 33.333% { left: 6%; top: 62%; } 66.666% { left: 44%; top: 59%; } }
@keyframes wdb2Pos5 { 0% { left: 66%; top: 3%; } 33.333% { left: 87%; top: 13%; } 66.666% { left: 61%; top: 38%; } }
@keyframes wdb2Pos6 { 0% { left: 35%; top: 43%; } 33.333% { left: 32%; top: 68%; } 66.666% { left: 39%; top: 6%; } }
@keyframes wdb2Pos7 { 0% { left: 16%; top: 40%; } 33.333% { left: 52%; top: 11%; } 66.666% { left: 5%; top: 3%; } }
@keyframes wdb2Pos8 { 0% { left: 93%; top: 53%; } 33.333% { left: 56%; top: 12%; } 66.666% { left: 75%; top: 83%; } }
@keyframes wdb2Pos9 { 0% { left: 45%; top: 4%; } 33.333% { left: 55%; top: 18%; } 66.666% { left: 20%; top: 34%; } }
@keyframes wdb2Pos10 { 0% { left: 65%; top: 25%; } 33.333% { left: 90%; top: 74%; } 66.666% { left: 27%; top: 60%; } }
@keyframes wdb2Pos11 { 0% { left: 56%; top: 85%; } 33.333% { left: 52%; top: 17%; } 66.666% { left: 53%; top: 56%; } }
@keyframes wdb2Pos12 { 0% { left: 78%; top: 41%; } 33.333% { left: 5%; top: 29%; } 66.666% { left: 26%; top: 53%; } }
@keyframes wdb2Pos13 { 0% { left: 36%; top: 4%; } 33.333% { left: 81%; top: 45%; } 66.666% { left: 40%; top: 52%; } }
@keyframes wdb2Pos14 { 0% { left: 84%; top: 34%; } 33.333% { left: 4%; top: 79%; } 66.666% { left: 50%; top: 50%; } }
@keyframes wdb2Pos15 { 0% { left: 76%; top: 20%; } 33.333% { left: 52%; top: 26%; } 66.666% { left: 83%; top: 22%; } }
@keyframes wdb2Pos16 { 0% { left: 95%; top: 27%; } 33.333% { left: 23%; top: 83%; } 66.666% { left: 73%; top: 28%; } }
@keyframes wdb2Pos17 { 0% { left: 9%; top: 16%; } 33.333% { left: 16%; top: 7%; } 66.666% { left: 68%; top: 35%; } }
@keyframes wdb2Pos18 { 0% { left: 79%; top: 65%; } 33.333% { left: 40%; top: 69%; } 66.666% { left: 25%; top: 11%; } }

@media (prefers-reduced-motion: reduce) {
  .wdb2-drops span { animation: none; }
}





















/* ===== waterdropbottmup3: kahin bhi boond dikhe -> neeche khiske -> badi + dhundhli -> gayab ===== */
.waterdropbottmup3 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.waterdropbottmup3::before,
.waterdropbottmup3::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-repeat: no-repeat;
  opacity: 0;
  will-change: transform, opacity;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Chhoti, tez boondein (shuru mein dikhti hain) */
.waterdropbottmup3::before {
  background-image:
    radial-gradient(circle at 83% 37%, rgba(200,235,255,.375) 0 5px, transparent 6px),
    radial-gradient(circle at 49% 72%, rgba(200,235,255,.375) 0 2px, transparent 3px),
    radial-gradient(circle at 63% 36%, rgba(200,235,255,.375) 0 5px, transparent 6px),
    radial-gradient(circle at 10% 25%, rgba(200,235,255,.375) 0 2px, transparent 3px),
    radial-gradient(circle at 51% 65%, rgba(200,235,255,.375) 0 3px, transparent 4px),
    radial-gradient(circle at 52% 74%, rgba(200,235,255,.375) 0 2px, transparent 3px),
    radial-gradient(circle at 77% 36%, rgba(200,235,255,.375) 0 2px, transparent 3px),
    radial-gradient(circle at 31% 57%, rgba(200,235,255,.375) 0 3px, transparent 4px),
    radial-gradient(circle at 27% 54%, rgba(200,235,255,.375) 0 3px, transparent 4px),
    radial-gradient(circle at 13% 22%, rgba(200,235,255,.375) 0 4px, transparent 5px),
    radial-gradient(circle at 83% 61%, rgba(200,235,255,.375) 0 3px, transparent 4px),
    radial-gradient(circle at 20% 5%, rgba(200,235,255,.375) 0 2px, transparent 3px),
    radial-gradient(circle at 30% 32%, rgba(200,235,255,.375) 0 3px, transparent 4px),
    radial-gradient(circle at 25% 42%, rgba(200,235,255,.375) 0 3px, transparent 4px);
  animation-name: wdb2Small;
}

/* Wahi boondein 10 guna badi aur dhundhli (baad mein dikhti hain) */
.waterdropbottmup3::after {
  background-image:
    radial-gradient(circle at 83% 37%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 25px, transparent 50px),
    radial-gradient(circle at 49% 72%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 10px, transparent 20px),
    radial-gradient(circle at 63% 36%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 25px, transparent 50px),
    radial-gradient(circle at 10% 25%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 10px, transparent 20px),
    radial-gradient(circle at 51% 65%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 15px, transparent 30px),
    radial-gradient(circle at 52% 74%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 10px, transparent 20px),
    radial-gradient(circle at 77% 36%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 10px, transparent 20px),
    radial-gradient(circle at 31% 57%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 15px, transparent 30px),
    radial-gradient(circle at 27% 54%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 15px, transparent 30px),
    radial-gradient(circle at 13% 22%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 20px, transparent 40px),
    radial-gradient(circle at 83% 61%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 15px, transparent 30px),
    radial-gradient(circle at 20% 5%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 10px, transparent 20px),
    radial-gradient(circle at 30% 32%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 15px, transparent 30px),
    radial-gradient(circle at 25% 42%, rgba(168,220,255,.26) 0, rgba(168,220,255,.12) 15px, transparent 30px);
  animation-name: wdb2Big;
}

@keyframes wdb2Small {
  0%   { transform: translate3d(0, 0, 0);   opacity: 0; }
  6%   { opacity: 1; }
  35%  { opacity: 1; }
  60%  { opacity: 0; }
  100% { transform: translate3d(0, 10%, 0); opacity: 0; }
}

@keyframes wdb2Big {
  0%   { transform: translate3d(0, 0, 0);   opacity: 0; }
  30%  { opacity: 0; }
  65%  { opacity: 1; }
  100% { transform: translate3d(0, 10%, 0); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .waterdropbottmup3::before,
  .waterdropbottmup3::after { animation: none; }
}












/* ===== two-circle: div ke top-left aur bottom-right peeche gol background ===== */

/* Parent ko alag layer banao, taaki circles card ke peeche
   aur section ke background ke upar dikhein */
:has(> .two-circle) {
  isolation: isolate;
}

.two-circle {
  position: relative;
}

.two-circle::before,
.two-circle::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}

/* Top-left: halka cyan */
.two-circle::before {
  top: -45px;
  left: -45px;
  background: #E5F8FA;
}

/* Bottom-right: halka grey-blue */
.two-circle::after {
  bottom: -45px;
  right: -45px;
  background: #E1E8EE;
}












.faqaccordion .elementor-accordion-item {
    margin: 30px 0;
    border-radius: 10px !important;
    overflow: hidden;
    background: white;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
    transition: box-shadow .3s ease, background-image .3s ease;
}

.faqaccordion .elementor-accordion-item:hover {
    box-shadow:
        -8px 0 0 2px #E5EDF9,
         8px 0 0 2px #C7DDF8,
         0 8px 20px 0 rgba(0, 0, 0, 0.08);
}

.faqaccordion a.elementor-accordion-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.faqaccordion a.elementor-accordion-title svg {
    background-color: rgba(40, 227, 236, 0.125);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 1%;
}