@import "tailwindcss";
*{
    /* border: 1px solid black;  */
}
.WCU .buttom div{
    padding-top: 20px;
}
.WCU .buttom div:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.Value_Box{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.Right_Contact{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.Covrage_Div{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.box{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* Emergency Call  */
@keyframes zoomInOut {
    0%, 100% {
      transform: scale(1) translateX(0);
    }
    50% {
      transform: scale(1.2) translateX(50px);
    }
  }

  .animation-zoom-in-out {
    animation: zoomInOut 2s infinite;
}


/* Button Animation */
@keyframes colorChange {
    0% {
      background-color: red;
    }
    50% {
      background-color: blue;
    }
    100% {
      background-color: red;
    }
  }

  .animation-color-change {
    animation: colorChange 1s infinite;
  }

  .fade {
    animation: fadeEffect 1s ease-in-out;
}
@keyframes fadeEffect {
    from { opacity: 0; }
    to { opacity: 1; }
}