/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.header_21 {
    box-shadow: 0 0.125rem 0.75rem var(--wb-theme-box-shadow);
    background: var(--wb-website-theme-primary-color);
  }
  

  
  /* toogle button css  */
  .header_21 .navbar-toggler {
    border: none;
    margin-left: auto;
  }
  
  .header_21 .navbar-toggler:focus {
    border: none;
    outline: 0;
    box-shadow: none;
  }
  
  .header_21 .navbar-toggler .navbar-toggler-icon {
    background: transparent;
    outline: 0;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
  
  
  }
  
  .header_21 .navbar-toggler .navbar-toggler-icon .fas {
    color: var(--wb-website-theme-secondary-color);
  }
  
  .header_21 .navbar-nav .nav-item .nav-link {
    padding: 0 0 0.625rem 1.875rem;
    color: var( --wb-menu-color);
  
  }
  
  .header_21 .navbar-nav .nav-item .active {
    color: var( --wb-menu-color);
    text-decoration: overline;
  }
  
  .header_21 .navbar-nav .nav-item .nav-link:hover {
    color: var(--wb-menu-hover-color);
    text-decoration: overline;
  }
  
  .header_21 .appointment-btn {
      background: transparent;
    color: var(--wb-website-text-primary-color);
    border: 0.125rem solid var(--wb-website-theme-secondary-color) !important;
    border-radius: 1.875rem !important;
    padding: 0.75rem 1.563rem;
  }
  
  .header_21 .appointment-btn:hover {
    border: 0.125rem solid var(--wb-website-hover-background-color) !important;
    background: var(--wb-website-hover-background-color);
    color: var(--wb-website-hover-text-color);
  }
  
  /* ===========media query======== */
  @media (max-width: 48rem) {
    .header_21 .navbar-nav .nav-item .nav-link {
        padding-left: 0.5rem !important;
  
    }
  }
  
  @media (max-width: 64rem) {
    .header_21 .appointment-btn {
        padding: 0.625rem 1.375rem;
    }
  }
  


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

.para_section p {
  font-size: 1rem;
  font-weight: normal;
}

/*--------------------------------------------------------------
# End para_section
--------------------------------------------------------------*/

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

.hero-50 .bg-color {
  padding: 3rem;
  background: #f4f4f4;

}

.hero-50 .btn-book-call {
  background: var(--wb-website-theme-secondary-color);
  color: var(--wb-website-text-secondary-color);
  padding: 0.75rem 1.563rem;
}

.hero-50 .btn-book-call:hover {
  background: var(--wb-website-hover-background-color);
  color: var(--wb-website-hover-text-color);
}
.hero-50 .heading-size h2{
  font-size: 2rem;
  font-weight: 600;
}
.hero-50 .heading-size p{
  margin-bottom: 0rem;
}

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

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