/* CSS Document */
.form-control {
	color: #000 !important;
}
.btn-custom {
	color: #fff;
	background-color: #2C2F76 !important;
}
.btn-custom h5, .btn-custom h6 {
	color: #FFF !important;
}
.btn-top-custom {
	color: #2C2F76 !important;
	background-color: #FFFFFF !important;
	border: #FFFFFF;
}
.bg-gradient-custom {
	background-image: linear-gradient(to left bottom, #2e3092, #6c2791, #991688, #bd0078, #d80164);
}
.bg-custom {
	color: #fff;
	background-color: #2C2F76 !important;
}
.bg-section-custom {
	color: #fff;
	background-color: rgba(44, 47, 118, 0.9) !important;
}
.fill-section-custom {
	fill: #b9ddf8 !important;
}
.bg-custom-red {
	background: rgba(238, 35, 39, 0.075) !important;
}
.btn-custom:hover {
	color: #fff;
	background-color: #2C2F76 !important;
}
.text-custom {
	color:#2C2F76 !important;
}
.text-custom-pink {
	color:rgb(238, 35, 39) !important;
}
.bg-pink {
	color: #2C2F76;
	background: rgba(238, 35, 39, 0.1);
	border-color: transparent;
}
.swiper-pagination-bullet-active {
	background: #2C2F76;
}
.btn-outline-custom {
	color: #2C2F76 !important;
	border-color: #2C2F76 !important;
}

button.appointment-button{
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  height: 0px;
  width: 0px;
  overflow: hidden;
  border-radius: 50px;
  color: transparent;
  clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
  bottom: 75px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 10001;
  transition: all .3s ease-in-out;
}
button.appointment-button:hover,
button.appointment-button:active,
button.appointment-button:focus{
  outline: 0 !important;
}
button.appointment-button.show {
  display: block;
  background: #ee2327;
  color: #fff;
  font-size: 14px;
  right: 0.5rem;
  bottom: 0.5rem;
  height: 2.5rem;
  width: 12rem;
  visibility: visible;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.appointment-button.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

@media (max-width: 767.98px) {
	.phone {
		display: none !important;
	}
}