.editor-show {
  display: none;
  font-size: 14px;
  color: #fff; }

body.elementor-editor-active .__dot {
  display: flex;
  align-items: center;
  justify-content: center; }
body.elementor-editor-active .editor-show {
  display: block; }

.typical-symptoms {
  padding-top: 110px;
  position: relative; }
  .typical-symptoms::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 797px;
    background-color: #00629A;
    top: 0;
    left: 0; }
  .typical-symptoms .section-wrap {
    position: relative;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    background: #EFF5FE;
    border: 15px solid #FFFFFF;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 70px 95px 0 95px;
    z-index: 2; }
  .typical-symptoms .heading {
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center; }
  .typical-symptoms .wrapper {
    display: flex; }
    .typical-symptoms .wrapper .col-mobile {
      display: none; }
    .typical-symptoms .wrapper .col-info {
      width: 100%; }
      .typical-symptoms .wrapper .col-info.left {
        padding-right: 46px; }
      .typical-symptoms .wrapper .col-info.right {
        padding-left: 46px; }
      .typical-symptoms .wrapper .col-info ._text {
        display: flex;
        align-items: baseline;
        margin-bottom: 24px;
        font-size: 17px;
        line-height: 165%;
        font-weight: 500;
        color: #00629A;
        cursor: pointer; }
        .typical-symptoms .wrapper .col-info ._text .__dot {
          width: 100%;
          max-width: 15px;
          height: 15px;
          background-color: #130F49;
          border-radius: 50%;
          position: relative;
          z-index: 2;
          margin-right: 12px; }
        .typical-symptoms .wrapper .col-info ._text._index-active {
          color: #ECA400; }
          .typical-symptoms .wrapper .col-info ._text._index-active .__dot {
            background-color: #ECA400; }
            .typical-symptoms .wrapper .col-info ._text._index-active .__dot::after {
              content: '';
              position: absolute;
              z-index: 1;
              width: 25px;
              height: 25px;
              left: -5px;
              top: -5px;
              border-radius: 50%;
              background-color: #eca40073;
              -webkit-animation: radiate 1.75s ease-out infinite;
              animation: radiate 1.75s ease-out infinite;
              box-shadow: inset 0 0 0 1em #eca40080;
              opacity: 0; }
    .typical-symptoms .wrapper .img-map {
      display: flex;
      justify-content: center;
      position: relative;
      max-width: 326px;
      min-width: 326px;
      height: 672px;
      width: 100%; }
      .typical-symptoms .wrapper .img-map .locations ._index {
        position: absolute;
        padding: 8px;
        cursor: pointer; }
        .typical-symptoms .wrapper .img-map .locations ._index .__dot {
          width: 15px;
          height: 15px;
          background-color: #130F49;
          border-radius: 50%;
          position: relative;
          z-index: 2; }
        .typical-symptoms .wrapper .img-map .locations ._index._index-active .__dot {
          background-color: #ECA400; }
          .typical-symptoms .wrapper .img-map .locations ._index._index-active .__dot::after {
            content: '';
            position: absolute;
            z-index: 1;
            width: 25px;
            height: 25px;
            left: -5px;
            top: -5px;
            border-radius: 50%;
            background-color: #eca40073;
            -webkit-animation: radiate 1.75s ease-out infinite;
            animation: radiate 1.75s ease-out infinite;
            box-shadow: inset 0 0 0 1em #eca40080;
            opacity: 0; }
        .typical-symptoms .wrapper .img-map .locations ._index._index-1 {
          top: 11%;
          right: 45%; }
        .typical-symptoms .wrapper .img-map .locations ._index._index-2 {
          top: 18%;
          right: 51%; }
        .typical-symptoms .wrapper .img-map .locations ._index._index-3 {
          top: 41%;
          left: 8%; }
        .typical-symptoms .wrapper .img-map .locations ._index._index-4 {
          top: 38%;
          right: 25%; }
        .typical-symptoms .wrapper .img-map .locations ._index._index-5 {
          top: 63%;
          right: 27%; }
        .typical-symptoms .wrapper .img-map .locations ._index._index-6 {
          top: 83%;
          left: 37%; }
  @media (max-width: 1100px) {
    .typical-symptoms .section-wrap {
      padding: 60px 24px 0 24px; }
    .typical-symptoms .wrapper .col-info.right {
      padding-left: 24px; }
    .typical-symptoms .wrapper .col-info.left {
      padding-right: 24px; } }
  @media (max-width: 992px) {
    .typical-symptoms .wrapper .img-map {
      align-self: flex-end; }
    .typical-symptoms .wrapper .col-info {
      display: none; }
      .typical-symptoms .wrapper .col-info.col-mobile {
        display: block;
        width: 100%;
        padding-right: 32px; }
        .typical-symptoms .wrapper .col-info.col-mobile ._text {
          margin-bottom: 12px;
          font-size: 16px; }
          .typical-symptoms .wrapper .col-info.col-mobile ._text._index-active .__dot::after {
            left: -6.5px;
            top: -6.5px; }
          .typical-symptoms .wrapper .col-info.col-mobile ._text .__dot {
            margin-right: 12px;
            max-width: 12px;
            height: 12px; } }
  @media (max-width: 767.98px) {
    .typical-symptoms {
      padding-top: 80px; }
      .typical-symptoms::before {
        height: 600px; }
      .typical-symptoms .section-wrap {
        padding: 40px 20px 40px 20px; }
      .typical-symptoms .wrapper {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .typical-symptoms .wrapper .col-info.col-mobile {
          padding-right: 0; }
        .typical-symptoms .wrapper .img-map {
          display: none; } }

@-webkit-keyframes radiate {
  0% {
    opacity: 1;
    transform: scale3d(1.2, 1.2, 1); }
  80% {
    box-shadow: inset 0 0 0 1em #eca40080;
    opacity: 0.1; }
  100% {
    box-shadow: inset 0 0 0 1em #eca40080;
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1); } }
@keyframes radiate {
  0% {
    opacity: 1;
    transform: scale3d(1.2, 1.2, 1); }
  80% {
    box-shadow: inset 0 0 0 1em #eca40080;
    opacity: 0.1; }
  100% {
    box-shadow: inset 0 0 0 1em #eca40080;
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1); } }
