/*--panel--*/

.help_sticky {
  --color: #fff;
  --background: linear-gradient(270deg, #002D6D, #002D6D);
  --link-color: #ffffff; 
  --border-color: #ffffff;
  --btn-background: #ffffff;
  --btn-color: #232325;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding: 10px;
  color: var(--color);
  background: var(--background);
  position: sticky;
  width: 100%;
  z-index: 9999;
  top: 0;
      }

.help_sticky a {
   text-decoration: none;
   color: var(--link-color);
   font-size: 26px;
      }

.help_sticky p {
        margin: 0;
      }

.help_sticky_wrap {
   display: flex;
   align-items: center;
   justify-content: space-around;
   flex-wrap: wrap;
   gap: 20px;
   width: 100%;
   }

.help_sticky_consult {
   display: flex;
   align-items: center;
   gap: 10px;
   max-width: 220px;
   }

.help_sticky_consult_phone {
   width: 30px;
   flex-shrink: 0;
 }

.help_sticky_consult_phone svg {
  fill: var(--color);
  animation: phoneAnimation 2s linear infinite;
  }

.help_sticky_phone p {
  font-size: 12px;
  opacity: .7;
  }

.help_sticky_btn {}

.help_sticky_btn button {
  font-weight: 600;
  color: var(--btn-color);
  background: var(--btn-background);
  border: 1px solid var(--border-color);
  border-radius: 3px;
  padding: 10px 15px;
  cursor: pointer;
  box-shadow: 0 0 0 #ffffff66;
  animation: pulse 2s infinite;
 }

@media screen and (max-width: 768px) {

.help_sticky_btn {
   display: none;
        }
.help_sticky_wrap {
   justify-content: flex-end;
   display: flex;			
        }

.help_sticky_wrap {
    justify-content: center;
        display: flex;
        padding-right: 20px;
        flex-direction: row-reverse;
    }
      }

      @media screen and (max-width: 576px) 
			{
        .help_sticky {
          --background: #002D6D;
        }
        
        .help_sticky_wrap {
        justify-content: center;
        display: flex;
        padding-right: 20px;
        flex-direction: row-reverse;
    }
					
        .help_sticky_consult p {
          display: none;
        }
        .help_sticky_phone {
          text-align: center;
          display: flex;
          flex-direction: column-reverse;
        }
        .help_sticky_phone a {
          font-weight: 700;
          font-size: 22px;
          text-align: center;
        }
        .help_sticky_phone p {
          font-size: 14px;
          opacity: 0.5;
        }
        .help_sticky_btn {
          display: none;
        }
      }

      @keyframes pulse {
        0% {
          box-shadow: 0 0 0 0 #ffffff66;
        }
        70% {
          box-shadow: 0 0 0 20px #ffffff00;
        }
        100% {
          box-shadow: 0 0 0 0 #ffffff00;
        }
      }

@keyframes phoneAnimation {
        0% {
          transform: scale(1) rotateZ(0deg);
        }
        10% {
          transform: scale(1.2) rotateZ(0deg);
        }
        13% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        16% {
          transform: scale(1.2) rotateZ(5deg);
        }
        19% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        22% {
          transform: scale(1.2) rotateZ(5deg);
        }
        25% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        28% {
          transform: scale(1.2) rotateZ(5deg);
        }
        31% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        34% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        37% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        40% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        43% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        46% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        49% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        52% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        55% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        58% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        61% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        64% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        67% {
          transform: scale(1.2) rotateZ(-5deg);
        }
        70% {
          transform: scale(1.2) rotateZ(0deg);
        }
        90% {
          transform: scale(1.2) rotateZ(0deg);
        }
        100% {
          transform: scale(1) rotateZ(0deg);
        }
      }

@media screen and (max-width: 576px) {
 .help_sticky_wrap {
		justify-content: center !important;
	}
}