.elementor-4213 .elementor-element.elementor-element-7a6e17a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4213 .elementor-element.elementor-element-7a6e17a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4213 .elementor-element.elementor-element-3753c17{--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;}.elementor-4213 .elementor-element.elementor-element-e3a7055{--display:flex;--min-height:0px;--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;}.elementor-4213 .elementor-element.elementor-element-c6b49a3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:050px 0px 050px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:180px;}.elementor-4213 .elementor-element.elementor-element-c6b49a3:not(.elementor-motion-effects-element-type-background), .elementor-4213 .elementor-element.elementor-element-c6b49a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BE252A;}.elementor-4213 .elementor-element.elementor-element-c6b49a3.e-con{--align-self:center;}.elementor-4213 .elementor-element.elementor-element-3a1958f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4213 .elementor-element.elementor-element-b51d144{text-align:right;}.elementor-4213 .elementor-element.elementor-element-b51d144 .elementor-heading-title{font-size:30px;}.elementor-4213 .elementor-element.elementor-element-9ffa712{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFF7F7;--border-color:#FFF7F7;--border-radius:50px 0px 50px 0px;}.elementor-4213 .elementor-element.elementor-element-9ffa712:not(.elementor-motion-effects-element-type-background), .elementor-4213 .elementor-element.elementor-element-9ffa712 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BE252A;}.elementor-4213 .elementor-element.elementor-element-d4e5bce{text-align:center;}.elementor-4213 .elementor-element.elementor-element-d4e5bce .elementor-heading-title{font-size:30px;}.elementor-4213 .elementor-element.elementor-element-cc66ed7{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:50px 0px 50px 0px;}.elementor-4213 .elementor-element.elementor-element-cc66ed7:not(.elementor-motion-effects-element-type-background), .elementor-4213 .elementor-element.elementor-element-cc66ed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BE252A;}.elementor-4213 .elementor-element.elementor-element-d903585{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -64px;}.elementor-4213 .elementor-element.elementor-element-71b9ce0{text-align:center;}.elementor-4213 .elementor-element.elementor-element-71b9ce0 .elementor-heading-title{font-size:30px;}.elementor-4213 .elementor-element.elementor-element-fd37f8f{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:50px 0px 50px 0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:50px;}.elementor-4213 .elementor-element.elementor-element-fd37f8f:not(.elementor-motion-effects-element-type-background), .elementor-4213 .elementor-element.elementor-element-fd37f8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BE252A;}.elementor-4213 .elementor-element.elementor-element-2692030{text-align:right;}.elementor-4213 .elementor-element.elementor-element-2692030 .elementor-heading-title{font-size:30px;}.elementor-4213 .elementor-element.elementor-element-5ea8cd8{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:50px 0px 50px 0px;}.elementor-4213 .elementor-element.elementor-element-5ea8cd8:not(.elementor-motion-effects-element-type-background), .elementor-4213 .elementor-element.elementor-element-5ea8cd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BE252A;}.elementor-4213 .elementor-element.elementor-element-515f2b8{text-align:center;}.elementor-4213 .elementor-element.elementor-element-515f2b8 .elementor-heading-title{font-size:30px;}.elementor-4213 .elementor-element.elementor-element-724e1d4{--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;}@media(min-width:768px){.elementor-4213 .elementor-element.elementor-element-7a6e17a{--content-width:1600px;}.elementor-4213 .elementor-element.elementor-element-3753c17{--width:25%;}.elementor-4213 .elementor-element.elementor-element-e3a7055{--width:50%;}.elementor-4213 .elementor-element.elementor-element-c6b49a3{--width:100%;}.elementor-4213 .elementor-element.elementor-element-724e1d4{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-3a1958f */.dna-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.dna-icon {
  font-size: 80px;
  color: #ffffff; /* pure white icon */
  animation: rotateDNA 5s linear infinite, glowDNA 2s ease-in-out infinite;
  text-shadow: 0 0 5px #000000, 0 0 10px #000000, 0 0 20px #000000;
}

@keyframes rotateDNA {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes glowDNA {
  0%, 100% {
    text-shadow: 0 0 5px #000000, 0 0 10px #000000, 0 0 20px #000000;
  }
  50% {
    text-shadow: 0 0 20px #1a1a1a, 0 0 40px #1a1a1a, 0 0 60px #1a1a1a;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8d1aaf */.flask-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.flask {
  position: relative;
  width:65px;
  height: 80px;
  background: transparent;
  border: 3px solid #ffffff;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
}

.liquid {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #00b9f7;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  animation: wave 2s ease-in-out infinite;
}

@keyframes wave {
  0%, 100% { height: 50%; }
  50% { height: 52%; }
}

.bubble {
  position: absolute;
  bottom: 20px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 0.7;
  animation: rise 3s infinite ease-in;
}

.bubble1 { left: 20px; animation-delay: 0s; }
.bubble2 { left: 35px; animation-delay: 1s; }
.bubble3 { left: 50px; animation-delay: 2s; }

@keyframes rise {
  0% { bottom: 20px; opacity: 0.7; transform: scale(1); }
  50% { bottom: 60px; opacity: 1; transform: scale(1.2); }
  100% { bottom: 100px; opacity: 0; transform: scale(0.8); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d903585 */.bacteria-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}

.bacteria-body {
  position: relative;
  width: 80px;
  height: 30px;
  background-color: #f9fafa;
  border-radius: 50px / 25px;
  box-shadow: 0 0 10px #00ffcc;
  animation: floatBacteria 3s ease-in-out infinite;
}

.flagella {
  position: absolute;
  width: 20px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 2px;
  transform-origin: left center;
  animation: wiggle 1s ease-in-out infinite;
}

.flagella-top {
  top: -6px;
  left: 0;
  animation-delay: 0s;
}

.flagella-bottom {
  bottom: -6px;
  left: 0;
  animation-delay: 0.5s;
}

@keyframes wiggle {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(15deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-15deg); }
  100% { transform: rotate(0deg); }
}

@keyframes floatBacteria {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cca910 */.testtube-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: -10px;
  background: none !important; /* Ensures no background */
}

.testtube {
  position: relative;
  width: 40px;
  height: 100px;
  border: 2px solid #ffffff;
  border-radius: 10px;
  background: transparent !important; /* Transparent test tube */
  overflow: hidden;
}

.liquid-fill {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #ff0000;
  animation: fillLiquid 3s infinite;
  border-radius: 0 0 10px 10px;
}

@keyframes fillLiquid {
  0%   { height: 0; }
  50%  { height: 80%; }
  100% { height: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cddd232 */.molecule-bond {
  position: relative;
  width: 80px;
  height: 100px;
  margin: auto;
  background: none !important;
}

/* Atoms */
.atom {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #0bac0c;
  border-radius: 50%;
  animation: pulse 2s infinite ease-in-out;
  box-shadow: 0 0 10px #00ffff;
}

.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  box-shadow: 0 0 10px #ffffff;
}

.top {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  animation-delay: 0.2s;
}

.left {
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  animation-delay: 0.4s;
}

.right {
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  animation-delay: 0.6s;
}

/* Bonds */
.bond {
  position: absolute;
  background: #ffffff;
  transform-origin: center;
}

.bond-top {
  top: 25px;
  left: 50%;
  width: 2px;
  height: 25px;
  transform: translateX(-50%);
}

.bond-left {
  top: 50%;
  left: 25px;
  width: 25px;
  height: 2px;
  transform: translateY(-50%);
}

.bond-right {
  top: 50%;
  right: 25px;
  width: 25px;
  height: 2px;
  transform: translateY(-50%);
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.8; }
}/* End custom CSS */