.elementor .e-bc56778{width:50%;margin:60px;flex-direction:column;}.elementor .e-a15ef0f{width:50%;flex-direction:column;}.elementor .e-99cc15f{height:720px;margin-block-start:-10px;background-image:radial-gradient(circle at center left, #011135 0%,#01267d 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:#1b244000;flex-direction:row;/* =========================================================
 HERO FARMACÊUTICO
 FUNDO AZUL + LINHAS GEOMÉTRICAS
 COLE NO FLEXBOX PRINCIPAL
========================================================= */


/* =========================================================
 CONTAINER PRINCIPAL
========================================================= */

selector {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;

  background-color: #001a39 !important;

  background-image:

      /* LINHAS DIAGONAIS DIREITA */
      repeating-linear-gradient(
          60deg,
          transparent 0px,
          transparent 108px,
          rgba(38, 146, 240, 0.32) 109px,
          rgba(38, 146, 240, 0.32) 110px,
          transparent 111px,
          transparent 218px
      ),

      /* LINHAS DIAGONAIS ESQUERDA */
      repeating-linear-gradient(
          -60deg,
          transparent 0px,
          transparent 108px,
          rgba(38, 146, 240, 0.28) 109px,
          rgba(38, 146, 240, 0.28) 110px,
          transparent 111px,
          transparent 218px
      ),

      /* LUZ AZUL NA DIREITA */
      radial-gradient(
          circle at 72% 42%,
          rgba(0, 119, 255, 0.30) 0%,
          rgba(0, 119, 255, 0.12) 25%,
          transparent 45%
      ),

      /* LUZ AZUL NA ESQUERDA */
      radial-gradient(
          circle at 22% 75%,
          rgba(0, 92, 205, 0.22) 0%,
          transparent 38%
      ),

      /* FUNDO AZUL */
      linear-gradient(
          105deg,
          #00172f 0%,
          #002653 48%,
          #002b61 70%,
          #00172f 100%
      ) !important;

  background-size:
      220px 190px,
      220px 190px,
      100% 100%,
      100% 100%,
      100% 100% !important;

  background-position:
      0 0,
      0 0,
      center,
      center,
      center !important;

  background-repeat:
      repeat,
      repeat,
      no-repeat,
      no-repeat,
      no-repeat !important;
}


/* =========================================================
 REMOVE O OVERLAY DO ELEMENTOR
========================================================= */

selector > .elementor-background-overlay,
selector .elementor-background-overlay {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  opacity: 0 !important;
  visibility: hidden !important;

  display: none !important;
}


/* =========================================================
 REMOVE O FUNDO BRANCO DOS CONTAINERS INTERNOS
========================================================= */

selector > .e-con-inner {
  background-color: transparent !important;
  background-image: none !important;
}


/* PRIMEIRO NÍVEL */

selector > .e-con {
  background-color: transparent !important;
  background-image: none !important;
}


/* CONTAINERS INTERNOS */

selector .e-con {
  background-color: transparent !important;
}


/* CONTAINERS DO ELEMENTOR ANTIGO */

selector .elementor-container {
  background-color: transparent !important;
  background-image: none !important;
}


/* WRAPS INTERNOS */

selector .elementor-widget-wrap {
  background-color: transparent !important;
  background-image: none !important;
}


/* COLUNAS */

selector .elementor-column-wrap {
  background-color: transparent !important;
  background-image: none !important;
}


/* =========================================================
 EVITA CAMADA BRANCA DO FLEXBOX
========================================================= */

selector.e-con,
selector.e-flex {
  background-color: #001a39 !important;

  background-image:

      repeating-linear-gradient(
          60deg,
          transparent 0px,
          transparent 108px,
          rgba(38, 146, 240, 0.32) 109px,
          rgba(38, 146, 240, 0.32) 110px,
          transparent 111px,
          transparent 218px
      ),

      repeating-linear-gradient(
          -60deg,
          transparent 0px,
          transparent 108px,
          rgba(38, 146, 240, 0.28) 109px,
          rgba(38, 146, 240, 0.28) 110px,
          transparent 111px,
          transparent 218px
      ),

      radial-gradient(
          circle at 72% 42%,
          rgba(0, 119, 255, 0.30),
          transparent 45%
      ),

      linear-gradient(
          105deg,
          #00172f 0%,
          #002653 48%,
          #002b61 70%,
          #00172f 100%
      ) !important;

  background-size:
      220px 190px,
      220px 190px,
      100% 100%,
      100% 100% !important;

  background-repeat:
      repeat,
      repeat,
      no-repeat,
      no-repeat !important;
}


/* =========================================================
 NÃO ALTERA FUNDOS DE BOTÕES
========================================================= */

selector .elementor-button {
  background-image: none !important;
}


/* =========================================================
 GARANTE QUE IMAGENS CONTINUEM VISÍVEIS
========================================================= */

selector img {
  position: relative !important;
  z-index: 2 !important;
}


/* =========================================================
 GARANTE QUE TEXTOS FIQUEM ACIMA DO FUNDO
========================================================= */

selector .elementor-widget-heading,
selector .elementor-widget-text-editor,
selector .elementor-widget-icon,
selector .elementor-widget-button,
selector .elementor-widget-image {
  position: relative !important;
  z-index: 2 !important;
}


/* =========================================================
 TABLET
========================================================= */

@media (max-width: 1024px) {

  selector,
  selector.e-con,
  selector.e-flex {

      background-size:
          190px 165px,
          190px 165px,
          100% 100%,
          100% 100%,
          100% 100% !important;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media (max-width: 767px) {

  selector,
  selector.e-con,
  selector.e-flex {

      background-size:
          160px 140px,
          160px 140px,
          100% 100%,
          100% 100%,
          100% 100% !important;
  }

}\n}.elementor .e-c3d97b8{background-color:#e6e8f830;flex-direction:column;justify-content:center;align-items:center;}.elementor .e-8ffdd91{height:650px;background-color:#011135;flex-direction:column;justify-content:flex-start;}.elementor .e-d56e997{background-color:#e6e8f700;flex-direction:column;}.elementor .e-41c7aeb{background-color:#E6E8F830;flex-direction:column;justify-content:center;}.elementor .e-d52b029-c3a963f{width:50%;margin-block-end:3px;flex-direction:column;align-items:center;}.elementor .e-2ae0c4f-ed87512{width:50%;margin-inline-start:-110px;flex-direction:column;}.elementor .e-1f23736-67682ff{height:450px;background-color:#e6e8f7b3;flex-direction:row;align-items:center;}.elementor .e-174395c{background-color:#011135;flex-direction:column;justify-content:center;align-items:center;}