/********************* Usables ********************/
  /*  */
  .button {
	transition: 0.3s ease;
  }
  .c-button1{
    border: 1px solid var(--btn-color);
  }
  .c-button2{
    border: 1px solid var(--btn-color);
  }
  .c-button {
    /* color: #FFFFFF; */
    /* font-weight: 700; */
    text-decoration: none;
	padding: 8px 18px;
    /* background: var(--btn-color-1); */
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    border-radius: 35px;
    transition: color 0.3s, background-color 0.3s;
}

.c-button span {
  display: block;
  position: relative;
  z-index: 2;
}

.c-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 100%;
  transform: scale(1.4) translateY(125%) translateZ(0);
  transition: all 700ms ease;
}

.c-button:hover::before {
  transform: scale(1.4) translateY(0) translateZ(0);
}

.c-button1:hover {
  color: var(--btn-color) !important;
  /* background-color: $color-bluish; */
}
.c-button2:hover {
  color: var(--btn-color) !important;
  /* background-color: $color-bluish; */
}
/* .border_blue{
  border: 1px solid var(--color-secondary);
} */
.radius_1{
  border-radius: 12px;
}
.border_color-1{
	border-color: var(--btn-color);
}
.form-control:focus,.form-select:focus,.accordion-button:focus,.form-control::placeholder {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  text-transform: capitalize;
  box-shadow: none !important;
}
.py-custom-1{
	padding-top: 12px;
	padding-bottom: 12px;
}
  /*  */

/* Variable Css End Here */


/* Variable Css End Here */
