/* ! css classes for hero-section ( used at JS ) */

.active-banner-slide {
  display: block;
}

.active-banner-pagination {
  transition-duration: 500ms;
  width: 100%;
  height: 100%;
  background-color: #6abf4b;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1px;
  animation: scale ease 1s;
}

@keyframes scale {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.duration-1000 {
  transition-duration: 1000ms;
}

/* ! css classes for hero-section ( used at JS ) */

/* ! contact sections classes ( used in JS ) */

.hidden-state {
  display: none;
}

.visible-state {
  display: block;
}

/* ! contact sections classes ( used in JS ) */

/* ! form  */

/* ! phone input styles */
.form-phone-input::-webkit-outer-spin-button,
.form-phone-input::-webkit-inner-spin-button {
  display: none;
}
/* ! form  */