/* radio buttons */
.tab {
    display: none
}

.thanks-message {
    display: none
}

.all-steps {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    display:none;
}

.radiobtn-first [type="radio"] {
    position: absolute;
    opacity: 0;
    width: 9rem;
    height: 2.5rem;
    cursor:pointer;
}
.radiobtn-second [type="radio"] {
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 5px;
}

.radiobtn-second .form-check
{
    display: block !important;
    min-height: 1.5rem !important;;
    padding:0px !important;
    margin-bottom: 0.125rem !important;
    cursor: pointer;
    position: relative;
}

/* IMAGE STYLES */

/* CHECKED STYLES */
.radiobtn-first [type="radio"]:checked + div {
    background-color:black;
}
.radiobtn-first [type="radio"]:checked + div p,img {
    color:white;

}
.radiobtn-first [type="radio"]:checked + div img {

    filter: brightness(0) invert(1);
}


.error-div
{
    bottom: 20px;
    padding: 10px;
    border: 1px solid red !important;
    display: block !important;
}


.error-message
{
    animation-name: example;
    /* animation: wiggle 2s linear; */
    animation-duration: 4s;
}
@keyframes example {
    from {
        border: 1px solid red;
    }
    to {
        border: 1px solid transparent;
    }
  }



  
  /* Keyframes */
  @keyframes wiggle {
    0%, 7% {
      transform: rotateZ(0);
    }
    15% {
      transform: rotateZ(-15deg);
    }
    20% {
      transform: rotateZ(10deg);
    }
    25% {
      transform: rotateZ(-10deg);
    }
    30% {
      transform: rotateZ(6deg);
    }
    35% {
      transform: rotateZ(-4deg);
    }
    40%, 100% {
      transform: rotateZ(0);
    }
  }