/*-----------------------------------------------------------------------
Template Name      : Carenix - Medical Care and Clinic HTML Template
Author             : pus_infotech
Author Portfolio   : https://themeforest.net/user/pus_infotech 
Version            : 1.0.0 
-----------------------------------------------------------------------
CSS TABLE OF CONTENTS
-----------------------------------------------------------------------
- base 
    - variables
    - mixin
    - reset
    - typography
    - forms

- components 
    - accordion
    - breadcrumb
    - buttons
    - offcanvus
    - widget

- theme
    - animations
    - common
    - preloader 
    - spacing
    - theme-class
 
- layout
    -header
        - header
        - meanmenu
    - footer 
        - footer
    - section 
        - hero 
        - micon 
        - about 
        - services 
        - why-choose 
        - appointment 
        - portfolio 
        - testimonials 
        - marquee
        - doctor
        - cta
        - features 
        - partners
        - faq
        - pricing
        - blog
        - instagram
        - contact
        - video
        - how-it-work
        - counter
        - skills
        - gallery
        - authentication
        - product
        - cart
        - checkout
        - wishlist

Main Style file-> assets/css/main.css
-----------------------------------------------------------------------*/
/* Custom divider for auth pages */
.divider-line {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
  color: #94a3b8;
  font-size: 14px;
}
.divider-line::before,
.divider-line::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e2e8f0;
}
.divider-line span {
  padding: 0 12px;
}

.google-auth-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 10px;
}

.google-signin-button-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
}

.google-signin-button-container > div {
  width: 100% !important;
  max-width: 360px;
}

.google-signin-button-container iframe {
  border-radius: 10px !important;
  box-shadow: none !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
video,
canvas,
iframe,
embed,
object {
  max-width: 100%;
  height: auto;
}

.row > * {
  min-width: 0;
}

@media (max-width: 991px) {
  .container,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .page-wrapper {
    overflow-x: hidden;
  }

  .main,
  .header,
  .footer,
  section,
  .breadcrumb-section,
  .pricing-section-1 {
    overflow-x: hidden;
  }

  .theme-button,
  .theme-button.style-1,
  .theme-button.style-2,
  .theme-button.style-4 {
    width: auto;
    max-width: 100%;
    white-space: normal;
  }
}