#hotline {
   left: var(--left, auto);
   right: var(--right, auto);
   bottom: var(--bottom, auto);
   display: none;
}
#hotline.btn-frame i {
   background: var(--background);
}
#hotline.btn-frame .kenit-alo-circle {
   border: 2px solid var(--background);
   border-color: var(--background);
}
#hotline.btn-frame .kenit-alo-circle-fill {
   background-color: var(--background);
}
#hotline.btn-phone span {
   position: absolute;
   --location: 30px;
   top: 50%;
   transform: translateY(-50%);
   background: var(--backgroundText);
   padding: 5px 20px 5px 35px;
   z-index: -1;
   border: 1px solid var(--backgroundText);
   border-radius: 30px;
   color: var(--color);
   font-weight: 700;
   font-size: 17px;
}
.contact-group {
   position: fixed;
   z-index: 99;
}
.contact-group .icon {
   width: 48px;
   height: 48px;
   background: var(--background);
   border-radius: 50%;
   position: relative;
   cursor: pointer;
}
.contact-group .icon:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: auto;
   border-radius: inherit;
   -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
   animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
   z-index: -1;
}
.contact-group .icon span {
   width: 24px;
   height: 1px;
   background: #fff;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   transition: all 240ms linear;
}
.contact-group .icon.active span:first-child {
   transform: rotate(45deg);
   top: 22px;
   left: 11px;
}
.contact-group .icon.active span:nth-of-type(2) {
   transform: scale(0);
}
.contact-group .icon.active span:nth-of-type(3) {
   transform: rotate(-45deg);
   top: 22px;
   left: 11px;
}
.contact-group .icon span:first-child {
   top: 17px;
}
.contact-group .icon span:nth-of-type(2) {
   top: 24px;
}
.contact-group .icon span:nth-of-type(3) {
   top: 31px;
}
.contact-group .button-action-group {
   position: absolute;
   bottom: 55px;
   left: 0;
   min-width: 210px;
}
.contact-group .button-action-group:not(.active) a {
   display: none;
}
.contact-group .button-action-group a {
   display: flex;
   align-items: center;
   gap: 0;
   padding: 5px 10px;
   background: var(--backgroundText);
   margin-bottom: 15px;
   color: var(--color);
   font-size: 20px;
   font-weight: 700;
   border-radius: 30px;
   letter-spacing: 1px;
}
.contact-group .button-action-group a i {
   width: 48px;
   height: 48px;
   background: var(--background);
   line-height: 48px;
   text-align: center;
   border-radius: 50%;
   margin: -10px 10px -10px -10px;
   box-shadow: 2px 0 7px -2px #00000078;
   position: relative;
}
.contact-group .button-action-group a i:after {
   content: "";
   position: absolute;
   width: 40px;
   height: 40px;
   left: 3px;
   top: 3px;
   border-radius: 50%;
   border-width: 1px;
   border-left-color: #f1f1f1;
   border-style: solid;
   border-right-color: #f1f1f1;
   border-top-color: transparent;
   border-bottom-color: transparent;
   -webkit-animation: rotate 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
   animation: rotate 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.wpcf7-select-parent select option {
   color: #000;
}
.fb_dialog_advanced,
.fb_dialog_mobile {
   bottom: 20px !important;
   right: 20px !important;
   display: none !important;
}
@keyframes pulse-animation {
   0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 var(--background);
   }
   70% {
      transform: scale(1);
      box-shadow: 0 0 0 15px transparent;
   }
   100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 transparent;
   }
}
@keyframes rotate {
   0% {
      transform: rotate(0);
   }
   100% {
      transform: rotate(360deg);
   }
}