/*--------------------------------------------------------------
# header_27
--------------------------------------------------------------*/
.header_27 {
  background: var(--wb-website-theme-primary-color);
}

.header_27 .logo-img {
  max-width: auto;
  height: 4.015rem;
}

.header_27 .social-icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 0.5rem;
  line-height: 2.813rem;
  border-radius: 3.125rem;
  background: transparent;
  color: var(--wb-website-theme-secondary-color);

}

.header_27 .social-icon i:hover {
  background: var(--wb-website-hover-background-color);
  color: var(--wb-website-hover-text-color);

}

/* toogle button  */
.header_27 .navbar-toggler {
  border: none;
}

.header_27 .navbar-toggler:focus {
  border: none;
  outline: 0;
  box-shadow: none;
}

.header_27 .navbar-toggler .navbar-toggler-icon {
  background: transparent;
  outline: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;

}


.header_27 .navbar-toggler .navbar-toggler-icon .fas {
  color: var(--wb-website-theme-secondary-color);
}


.header_27 .navbar-nav .nav-item .nav-link {
  padding: 0 0 0.625rem 1.875rem;
  color: var(--wb-menu-color);
  transition: 0.5s;
}

.header_27 .navbar-nav .nav-item .nav-link:hover {
  color: var(--wb-menu-hover-color);
  text-decoration: underline;

}

.header_27 .appointment-btn {
  background: var(--wb-website-theme-primary-color);
  color: var(--wb-website-text-primary-color);
  border: 0.125rem solid var(--wb-website-theme-secondary-color);
  border-radius: 1.875rem;
  padding: 0.45rem 1.463rem;
  transition: 0.5s;
}

.header_27 .appointment-btn:hover {
  border: 0.125rem solid var(--wb-website-hover-background-color);
  background: var(--wb-website-hover-background-color);
  color: var(--wb-website-hover-text-color);
}

/* ===========media query======== */
@media(max-width:57rem) {
  .header_27 .navbar-nav .nav-item .nav-link {
    padding: 0 0 0.625rem 0.875rem;
  }
}

@media (max-width: 64rem) {
  .header_27 .appointment-btn {
    padding: 0.625rem 1.375rem;
  }
}
/* ====== End header_27 ======== */

/* ==========================================================================
  heros_31
========================================================================== */

.heros_31 {
  background: #f4f4f4;

}

/* Form */
.heros_31  input[type=checkbox] {
  accent-color: var(--wb-website-theme-secondary-color);
}
.heros_31 .form-check{
  padding-left: 0.8rem;
}
.heros_31 .checkbox-btn {
  height: 1.1rem;
  width: 1.1rem;
  outline: none;
  box-shadow: none;
}

.heros_31 label {
  font-size: 0.838rem;

}

.heros_31 .form-heading-block h1 {
  font-size: 2.625rem;
  font-weight: 600;

}

.heros_31 .form-heading h6 {
  font-size: 1.1rem;

}


.heros_31 .form-control {
  padding: 0.938rem;
  color: var(--wb-input-text-color);
  background: var(--wb-input-background-color);
  border: 0.063rem solid var(--wb-input-border-color);

}

.heros_31 .form-control:focus {
  outline: 0;
  box-shadow: none;
  border: 0.063rem solid var(--wb-input-border-color);
}

.heros_31 .form-check-input {
  outline: 0;
  box-shadow: none;

}


.heros_31 ::placeholder {
  font-size: 0.875rem;
  color: var(--wb-input-placeholder-color);

}

.heros_31 .secondary-solid-btn {
  padding: 0.938rem;
  background: var(--wb-website-theme-secondary-color);
  color: var(--wb-website-text-secondary-color);

}

.heros_31 .secondary-solid-btn:hover {
  background: var(--wb-website-hover-background-color);
  color: var(--wb-website-hover-text-color);
}


/* ==================media Query================= */

@media (max-width: 57rem) {


  .heros_31 .mt-150 {
    margin-top: 5rem !important;
  }
 
}

/* ==========================================================================
   End heros_31
========================================================================== */

/*--------------------------------------------------------------
#footer-15
--------------------------------------------------------------*/
.footer-15 {
  background: var(--wb-website-theme-primary-color);
}

.footer-15 p{
  margin-bottom : 0;
}
/*--------------------------------------------------------------
# End footer-15
--------------------------------------------------------------*/