@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('./extra.css');
:root{
    --Montserrat: 'Montserrat', sans-serif;
    --primary: #300062;
    --primary-light: #f7f6f8;
    --primary-light2: rgba(47, 0, 97, 0.2);
    --secondary: #1D1E21;
    --text-secondary: #7B7E86;
    --text-secondaryt-light: #DDDDDD;
    --theme_green: #1E7145;
    --theme_yellow: #F6DB7D;
    --white: #ffffff;
    --dark: #180F0F;
    --border: #7B7E86;
    --light: #f4f4f4;
}

html{
    height: 100%;
}
body{
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: var(--dark);
    font-family: var(--Montserrat);
    font-weight: 300;
    height: 100%;
    background-color: var(--white);
}

/* Common Style */
a{
    color: var(--primary);
    text-decoration: unset;
}
a:hover{
    color: var(--primary);
}
.extra_link{
    color: var(--primary);
    text-decoration: unset;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:none;
}
p b{
    font-weight: 600;
}

.bg_primary{
    background-color: var(--primary) !important;
}
.text_dark{
    color: var(--dark);
}
.text_secondary{
    color: var(--secondary);
}
.theme_green{
    color: var(--theme_green);
}
.h-lg-100{
    height: 100%;
}

/* Buttons */
.theme_btn, .banner_contact p:last-child a {
    font-size: 17px;
    font-weight: 500;
    padding: 10px 30px;
    border-style: solid;
    border-width: 1px;
    border-radius: 0.25rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}
.primary_btn_bordered{
    background-color: transparent;
    color: var(--primary);
    border-color: var(--primary);
}
.primary_btn_bordered:focus, .primary_btn_bordered:hover {
    color: var(--dark);
    background-color: var(--primary);
    border-style: solid;
    border-width: 1px;
    background-image: none;
}
.primary_btn, .subForm.primary_btn:focus, .subForm.primary_btn:hover {
    border-color: var(--primary);
    color: var(--white);
    background-color: var(--primary);
}
.primary_btn:focus, .primary_btn:hover {
    color: var(--primary);
    background-color: rgba(48, 0, 98, 0.1);
    border-style: solid;
    border-width: 1px;
    background-image: none;
}
.primary_btn_fill {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--white);
}
.primary_btn_fill:focus, .primary_btn_fill:hover {
    color: var(--primary);
    background-color: var(--white);
    border-style: solid;
    border-width: 1px;
    background-image: none;
}
.secondary_btn {
    border-color: var(--secondary);
    color: var(--white);
    background-color: var(--secondary);
}
.secondary_btn:focus, .secondary_btn:hover {
    color: var(--dark);
    background-color: var(--primary);
    border-style: solid;
    border-width: 1px;
    background-image: none;
}
.white_btn, .banner_contact p:last-child a {
    border-color: var(--white);
    color: var(--primary);
    background-color: var(--white);
}
.white_btn:focus, .white_btn:hover, .banner_contact p:last-child a:hover, .banner_contact p:last-child a:focus {
    color: var(--white);
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    background-image: none;
}

.sm_btn{
    padding: 6px 16px;
}
.lg_btn{
    font-size: 18px;
    padding: 14px 32px;
}


.text-justify{
    text-align: justify;
}
.bg_span{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);    
    z-index: 1;
}
.bg_span_light{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.2);    
    z-index: 1;
}

/* Header */
.main_header{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: transparent;
}
.main_header.fixed-top{
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    position: fixed;
    background-color: var(--white);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

@keyframes fadeInDown {
	0% {
	  opacity: 0;
	  transform: translate3d(0, -100%, 0);
	}
	to {
	  opacity: 1;
	  transform: translateZ(0);
	}
}

.navbar-brand img{
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.hr_logo, .vr_logo{
    width: 300px;
}

.short_logo{
    width: 80px;
    height: auto;
}
.main_header .hr_logo, .main_header .short_logo{
    display: none !important;
}
.main_header.active-header .vr_logo, .main_header .short_logo, .main_header.active-header.fixed-top .hr_logo, .main_header.fixed-top .vr_logo{
    display: none !important;
}
.main_header.fixed-top .short_logo, .main_header.active-header .hr_logo{
    display: block !important;
}

.navbar-nav .nav-link {
    font-weight: 500;
    color: var(--dark);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
    color: var(--primary);
}
.nav-link span{
    position: relative;
}


/* Bootstrap Offcanvas */
@media (max-width: 991.98px) {
    .offcanvas-collapse {
      position: fixed;
      top: 0; 
      bottom: 0;
      left: 100%;
      width: 50%;
      padding: 30px 16px 16px;
      overflow-y: auto;
      visibility: hidden;
      background-color: var(--white);
      transition: transform .3s ease-in-out, visibility .3s ease-in-out;
      z-index: 1100;
    }
    .offcanvas-collapse.open {
      visibility: visible;
      transform: translateX(-100%);
    }

    #mobMenuBtn.btn-close {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 15px;
        padding: 10px;
        border-radius: 50%;
        display: block !important;
        background-color: var(--white);
        z-index: 1100;
    }
  }
  
  .nav-scroller .nav {
    color: rgba(255, 255, 255, .75);
  }
  
  .nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
  }
  .nav-scroller .active {
    font-weight: 500;
    color: #343a40;
  }

  /* Navbar */
  #mobMenuBtn.btn-close{
    display: none;
  }
  @media (min-width: 1100px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 18px;
    }
    .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{
        padding-right: 36px;
    }
  }

  /* Banner */
  .home_banner{
    min-height: 100vh;
  }
  .home_banner .banner_leftimg{    
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.banner_img {
    position: relative;
    max-width: calc(100% - 113px);
    margin-left: 113px;
    border-radius: 5px 0px 0px 5px;
    padding: 60px 126px;
    margin-bottom: 30px;
}
.banner_img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    border-radius: 5px 0px 0px 5px;
    z-index: 1;
}

.home_banner:before {
    content: '';
    background-image: url(../images/home/left-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 33%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.banner_img_content{
    margin-left: -58px;
    z-index: 12;
    position: relative;
}
.banner_img_content h3{
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
}
.banner_img_content h1{
    font-size: 48px;
    font-weight: 800;
}
.banner_img_content h1 span{
    display: block;
}
.banner_img_content p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.banner_img_content p b{
    color: var(--primary);
    font-weight: 600;
}

/* Banner Contact */
.banner_contact{
    position: relative;
    color: var(--white);
}
.banner_contact h3 a{
    position: relative;
    color: var(--white);
    font-size: 24px;
}
.banner_contact p:last-child a{
    display: inline-block;
}

/* Banner Form */
.banner_form{
    position: relative;
    padding: 40px;
    padding-top: 30px;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    overflow: hidden;
    margin-left: 30px;
    background-color: var(--white);
}


/* Form */
.form-control, .form-select {
    background-color: var(--light) !important;
    border-radius: 5px;
    padding: 14px 26px;
    border: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    box-shadow: unset !important;
}

/* OTP Form */
.otp-field {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.otp-field input {
    height: 45px;
    width: 64px;
    font-size: 18px;
    font-weight: 300;
    padding: 8px 16px;
    border-radius: 80px;
    outline: none;
    text-align: center;
    border: 1px solid var(--border);
    color: var(--white);
    background-color: var(--secondary);
}
.otp-field input:focus {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.otp-field input::-webkit-inner-spin-button,
.otp-field input::-webkit-outer-spin-button {
  display: none;
}


/* Sections */
.section_padding{
    padding: 100px 0;
}
.section_padding_top{
    padding-top: 100px;
}
.section_padding_btm{
    padding-bottom: 100px;
}
.section_padding_sm{
    padding: 50px 0;
}
.section_padding_sm_top{
    padding-top: 50px;
}
.section_padding_sm_btm{
    padding-bottom: 50px;
}

.section_heading{
    position: relative;
    margin-bottom: 60px;
}
.section_heading h2, .prof_edu h2{
    font-size: 46px;
    font-weight: 800;
}
.section_heading h2 span{
    display: block;
}
.section_heading p.top_heading{
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
    text-transform: uppercase;
}
.section_heading p.top_heading span::before,
.section_heading p.top_heading span::after {
    display: inline-block;
    content: "";
    border-top: 2px solid var(--primary);
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-5px);
}
.section_heading.text-white p.top_heading{
    color: var(--white);
}
.section_heading.text-white p.top_heading span::before,
.section_heading.text-white p.top_heading span::after {
    content: "";
    border-top: 2px solid var(--white);
}

/* Home About */
.home_about .home_about_content{
    text-align: justify;
}
.home_about .home_about_content h3{
    font-size: 16px;
}
.home_about .home_about_content li b{
    font-weight: 600;
}
.home_about .home_about_content ul{
    padding: 0;
    list-style: none;
}
.home_about .home_about_content ul li{
    /* display: flex; */
    margin-bottom: 12px;
}
.home_about .home_about_content ul li strong{
    font-weight: 600;
}
.home_about .home_about_content ul li:before {
    font-family: "Font Awesome 6 Pro";
   content: "\f058";
   background-image: unset;
   font-weight: 400;
   color: var(--primary);
   margin-right: 10px;
 }

/* .home_about .home_about_content ul li i{
    color: var(--primary);
    line-height: 22px;
    margin-right: 10px;
} */
.home_about .home_about_content ul li span{
    display: block;
}

/* Home We’re Certified Physiotherapy Clinic */
.home_certified .home_certified_left{
    position: relative;
    padding: 30px;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    background-color: var(--white);
    overflow: hidden;
}
.home_certified .home_certified_left_ul ul{
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
.home_certified .home_certified_left_ul ul li{
    display: flex;
    margin-bottom: 12px;
}
.home_certified .home_certified_left_ul ul li i{
    color: var(--primary);
    line-height: 22px;
    margin-right: 10px;
}
.home_certified .home_certified_left_ul ul li span{
    display: block;
}
.home_certified .home_certified_left img{
    object-fit: cover;
}

.home_certified .home_certified_right{
    background-color: var(--theme_yellow);
    padding: 30px 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%;
}
.home_certified .home_certified_right p{
margin-bottom: 10px;
}
    .home_certified .home_certified_right h3{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}
.home_certified_btm_half {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: var(--primary);
    z-index: -1;
}

/* Home Services */
.home_services{
    background-color: var(--primary);
}
.home_services_cols .col{
    margin-bottom: 20px;
}
.home_services_card{
    margin-top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.home_services_card:hover{
    margin-bottom: 10px;
    margin-top: -10px;
}
.home_services_card{
    position: relative;
    background-color: var(--white);
    height: 100%;
}
.home_services_card_text{
    padding: 24px;
}
.home_services_card_text p{
    margin-bottom: 0;
}

/* CTA */
.home_cta{
    position: relative;
    border-radius: 8px;
    padding: 40px;
    background-color: var(--primary-light);
    border: 2px solid var(--primary-light2);
}

/* Therapist */
.prof_edu ul{
    padding: 0;
    list-style: none;
}
.prof_edu ul li{
    display: flex;
}
.prof_edu ul li .prof_edu_yr{
    margin-right: 16px;
}
.prof_edu h3{
    font-size: 1.5rem;
    margin-bottom: 16px;
    text-decoration: underline;
}
.prof_edu ul li h6, .prof_edu ul li p:first-child, .prof_edu ul li p:nth-child(2){
    color: var(--primary);
    font-weight: 600;
}
.prof_edu ul li p:first-child, .prof_edu ul li p:nth-child(2){
    margin-right: 15px;
    text-align: left;
}

.therapist_contact {
    background-color: var(--primary-light);
    padding: 16px;
    height: 100%;
    font-weight: 500;
}
.therapist_contact p, .therapist_contact p a{
    color: var(--primary);
    margin-bottom: 0;
    line-height: 22px;
}


.therapies_offered_services .offered_services_box {
    position: relative;
    background-color: var(--primary-light);
    height: 100%;
}
.therapies_offered_services .offered_services_box h3 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 17.5px 15px;
    z-index: 1;
    transition: all 500ms ease;
}

.therapies_offered_services .offered_services_box h3:before {
    position: absolute;
    content: '';
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    background-color: var(--primary);
    z-index: -1;
    transition: all 500ms ease;
}

.therapies_offered_services .offered_services_box h3:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%) rotate(45deg);
    background-color: var(--primary);
    z-index: -1;
    transition: all 500ms ease;
}
.therapies_offered_services .offered_services_box p{
    padding: 0 20px;
}

.services_offered_box{
    border: 1px solid var(--primary-light);
    margin-bottom: 16px;
}
.services_offered_box h3{
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 16px;
    background-color: var(--primary-light);
}
.services_offered_box p{
    padding: 16px 16px 0;
}

/* FAQ */
.accordion-button{
    background-color: var(--primary-light);
}
.accordion-button:not(.collapsed) {
    color: var(--primary);
    background-color: var(--primary-light);
    box-shadow: none;
}
.accordion-button:focus {
    z-index: 3;
    border-color: initial;
    outline: 0;
    box-shadow: none;
}
.accordion-button{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 16px;
}
.accordion-item {
    margin-bottom: 12px;
}
.accordion-item:last-child {
    margin-bottom: 0;
}
.accordion-item:not(:first-of-type){
    border: 1px solid rgba(0,0,0,.125);
}
.accordion-button::after, .accordion-button:not(.collapsed)::after{
    font-family: "Font Awesome 6 Pro";
   content: "\f078";
   background-image: unset;
   font-weight: 300;
}

/* Privacy & Terms */
.free_text{
    text-align: justify;
}
.free_text li{
    margin-bottom: 12px;
}

/* FOOTER */
.footer_main{
    position: relative;
    background-color: var(--primary);
}
.footer_main .footer_top {
    position: relative;
    padding: 60px 0;
}
.footer_main .footer_top .footer_logo {
    height: 160px;
    margin-bottom: 24px;
}
.footer_logo_sec{
    color: var(--white);
}

.footer_main .footer_top .footer_links{
    position: relative;
    margin-top: 30px;
}
.footer_main .footer_top .footer_links h5{
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: var(--white);
    border-left: 5px solid var(--theme_yellow);
    padding-left: 10px;

}
.footer_main .footer_top .footer_links ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer_main .footer_top .footer_links ul li, .footer_main .footer_top .footer_links p{
    position: relative;
    font-weight: 300;
    color: var(--white);
    margin-bottom: 6px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.footer_main .footer_top .footer_links ul li a, .footer_main .footer_top .footer_links p a{
    position: relative;
    font-weight: 300;
    color: var(--white);
    margin-bottom: 24px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_main .footer_top .footer_links ul li a:hover, .footer_main .footer_top .footer_links p a:hover{
    color: var(--theme_yellow);
}

.footer_social{
    display: flex;
    align-items: center;
}
.footer_social a{
    margin-right: 4px;
}
.footer_social a i{
    background-color: var(--white);
    color: var(--dark);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
}
.footer_social a:hover i{
    background-color: var(--theme_yellow);
}

.footer_main .footer_copyright {
    position: relative;
    padding: 20px 0;
    background-color: var(--white);
}
.footer_main .footer_copyright p{
    position: relative;
    font-weight: 400;
    margin-bottom: 0;
}

/* Scroll to top */
#scroll-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-color: var(--theme_yellow);
    background-color: var(--theme_yellow);
    color: var(--dark);
    padding: 7px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    z-index: 970;
}
#scroll-to-top:hover {
    background-color: var(--dark);
    border-color: var(--white);
    color: var(--white);
}

/* SubForm */
.subForm{
    position: fixed;
    right: -2px;
    bottom: 10%;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border: 2px solid var(--white) !important;
    z-index: 1100;
}
.subForm:hover{
    border: 2px solid var(--white),
}


/* ----------------------------------------- */
/* Subpages */
/* ----------------------------------------- */
.subpage_banner{
    background-color: var(--primary);
}
.subpage_heading h1{
    font-size: 62px;
    font-weight: 700;
}
.subpage_heading_btmline{
    position: relative;
    width: 120px;
    height: 4px;
    background-color: var(--white);
    margin: 0 auto;
}

/* ----------------------------------------- */
/* About */
/* ----------------------------------------- */
.about_whychooseus_box{
    position: relative;
    border-radius: 8px;
    padding: 30px;
    background-color: var(--primary-light);
    height: 100%;
}
.about_whychooseus_box h4, .about_whychooseus_box p:first-child{
    font-size: 24px;
    font-weight: 400;
    color: var(--primary);
    margin-bottom: 16px;
}
.about_whychooseus_box p{
    text-align: center;
    margin-bottom: 0;
}
.about_page.home_about .home_about_content h3, .about_whychooseus_box p:first-child{
    font-size: 24px;
}

.confirmation_modal i{
    font-size: 70px;
    font-weight: 300;
}

/* Contact Us */
.loc_iframe{
    height: 100%;
}
.loc_iframe iframe{
    width: 100%;
    height: 100%;
}

/* ----------------------------------------- */
/* Responsive */
/* ----------------------------------------- */
@media (min-width: 1500px){
    .main_header .navbar{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .main_header.fixed-top .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (max-width: 1500px){
    .section_padding {
        padding: 80px 0;
    }
    .section_heading h2, .prof_edu h2 {
        font-size: 46px;
    }
    .section_heading {
        margin-bottom: 60px;
    }
    .lg_btn {
        font-size: 18px;
    }

    /* Banner */
    .banner_img {
        max-width: calc(100% - 66px);
        margin-left: 66px;
        padding: 60px 126px;
    }
    .home_banner:before {
        content: '';
        width: 27%;
    }

    /* Footer */
    .footer_main .footer_copyright {
        padding: 15px 0;
    }

    .footer_main .footer_top .footer_links ul li, .footer_main .footer_top .footer_links p {
        font-weight: 400;
    }

}

@media (max-width: 1366px){
    body {
        font-size: 15px;
    }
    /* Sections */
    .section_padding{
        padding: 80px 0;
    }
    .section_padding_top{
        padding-top: 80px;
    }
    .section_padding_btm{
        padding-bottom: 80px;
    }
    .section_padding_sm{
        padding: 40px 0;
    }
    .section_padding_sm_top{
        padding-top: 40px;
    }
    .section_padding_sm_btm{
        padding-bottom: 40px;
    }

    .hr_logo, .vr_logo {
        width: 250px;
    }
    .short_logo {
        width: 70px;
        height: auto;
    }

    /* Banner */
    .home_banner:before {
        content: '';
        width: 29%;
    }
    .section_heading h2, .prof_edu h2 {
        font-size: 42px;
    }
    
    .therapies_offered_services .offered_services_box h3 {
        font-size: 18px;
    }

}

@media (max-width: 1280px){
    .subpage_heading h1 {
        font-size: 50px;
    }
}
@media (max-width: 1024px){
    body {
        font-size: 14px;
    }
    h4{
        font-size: 20px;
    }
    .hr_logo, .vr_logo {
        width: 220px;
    }
    .short_logo {
        width: 58px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 12px;
        font-size: 14px;
    }
    .theme_btn, .banner_contact p:last-child a {
        font-size: 15px;
        padding: 8px 30px;
    }
    .lg_btn {
        font-size: 16px;
        padding: 10px 32px;
    }
    .sm_btn {
        padding: 6px 12px;
        font-size: 14px;
    }
    .banner_img_content h3 {
        font-size: 20px;
    }
    .banner_img_content h1, .subpage_heading h1 {
        font-size: 40px;
    }
    .banner_img_content p {
        font-size: 16px;
    }
    .banner_img {
        padding: 40px 106px;
    }
    .home_banner:before {
        content: '';
        width: 27%;
    }
    .banner_form {
        padding: 30px;
    }
    .form-control, .form-select {
        padding: 10px 26px;
        font-size: 15px;
    }

    .section_heading p.top_heading {
        font-size: 16px;
    }
    .section_heading h2, .prof_edu h2 {
        font-size: 32px;
    }
    .section_heading {
        margin-bottom: 36px;
    }

    /* Sections */
    .section_padding{
        padding: 60px 0;
    }
    .section_padding_top{
        padding-top: 60px;
    }
    .section_padding_btm{
        padding-bottom: 60px;
    }
    .section_padding_sm{
        padding: 30px 0;
    }
    .section_padding_sm_top{
        padding-top: 30px;
    }
    .section_padding_sm_btm{
        padding-bottom: 30px;
    }

    .home_cta {
        padding: 30px;
    }
    .therapies_offered_services .offered_services_box h3, .services_offered_box h3, .accordion-button {
        font-size: 16px;
        padding: 10px 10px;
    }

    .footer_main .footer_top .footer_logo {
        height: 100px;
    }

}

@media (max-width: 991px){
    .nav-item.dropdown .dropdown-menu .nav_submenu .dropdown-item-li a.dropdown-item{
        white-space: unset !important;
    }
    .section_padding {
        padding: 60px 0;
    }

    .banner_img {
        max-width: calc(100% - 48px);
        margin-left: 48px;
        padding: 120px 106px
    }
    .home_banner:before {
        content: '';
        width: 66%;
    }
    .navbar>.container {
        justify-content: unset;
    }
    .main_header .navbar-brand{
        margin-right: auto !important;
    }
    .main_header .navbar-toggler {
        margin-right: 30px;
    }
    .main_header.active-header .navbar-toggler i{
        color: var(--white);
    }
    .main_header .navbar-toggler i{
        color: var(--dark);
    }
    .banner_contact{
        margin-bottom: 30px;
    }
    .banner_form {
        margin-left: 0;
    }
    .home_about img{
        margin-bottom: 24px;
    }
    .home_certified .home_certified_left img{
        width: 50%;
        text-align: center;
    }
    .home_certified_left_ul{
        margin-bottom: 24px;
    }
    .home_certified_left{
        margin-bottom: 16px;
    }
    .doctor_section .doctor_img, .doctor_section h2  {
        text-align: center;
    }
    .doctor_section img{
        width: 40% !important;
        margin-bottom: 24px;
    }
    .doctor_section p  {
        text-align: justify;
    }
    .home_services_cols .col {
        margin-bottom: 12px;
    }
    .therapies_offered_services .col{
        margin-bottom: 16px;
    }
    .therapist_contact p i{
        line-height: 23px;
    }
    .subForm {
        border: 1px solid var(--white) !important;
    }
    .about_page.home_about .home_about_content h3, .about_whychooseus_box p:first-child{
        font-size: 18px;
    }
    .confirmation_modal i{
        font-size: 50px;
    }

    .loc_iframe{
        margin-bottom: 16px;
    }
    .loc_iframe iframe {
        height: 300px;
    }
}

@media (max-width: 768px){
    .section_padding {
        padding: 50px 0;
    }
    .banner_img {
        max-width: calc(100% - 36px);
        margin-left: 36px;
        padding: 70px 106px;
    }
    .banner_img_content h1, .subpage_heading h1 {
        font-size: 36px;
    }
    .therapies_offered_services .offered_services_box h3, .services_offered_box h3, .accordion-button {
        font-size: 15px;
        padding: 10px 10px;
    }
    .about_page.home_about .home_about_content h3, .about_whychooseus_box p:first-child{
        font-size: 17px;
    }    

}

@media (max-width: 600px){
    body {
        font-size: 13px;
    }
    .navbar-toggler i{
        color: var(--white);
    }
    .offcanvas-collapse {
        width: 80%;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 12px 6px;
    }

    .section_heading {
        margin-bottom: 20px;
        z-index: 5;
    }
    .lg_btn, .theme_btn, .banner_contact p:last-child a {
        font-size: 14px;
        padding: 6px 10px;
    }

    .home_banner:before {
        content: '';
        width: 0%;
    }
    .main_header .navbar-toggler {
        margin-right: 12px !important;
    }
    .hr_logo, .vr_logo {
        width: 242px;
    }

    .short_logo{
        width: 52px;
    }
    .banner_img {
        max-width: calc(100% - 0px);
        margin-left: 0;
        padding: 30px 16px;
        margin-bottom: 12px;
    }
    .banner_img img{
        border-radius: 0;
    }
    .banner_img_content {
        margin-left: 0;
    }
    .banner_img_content h3 {
        font-size: 16px;
    }
    .banner_img_content h1, .subpage_heading h1 {
        font-size: 30px;
    }
    .banner_img_content p {
        font-size: 14px;
    }
    .banner_contact {
        color: var(--white);
        background-color: var(--primary);
        padding: 16px;
        border-radius: 8px;
        margin-bottom: 16px;
        
    }
    .banner_contact .btn.theme_btn.white_btn, .banner_contact p:last-child a {
        margin-top: 5px;
    }
    .banner_contact p{
        margin-bottom: 8px;
    }
    .banner_contact h5{
        font-size: 16px;
    }
    .banner_form h4{
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 12px !important;
    }
    .form-control, .form-select {
        padding: 6px 16px;
        font-size: 14px;
    }
    .banner_form button{
        padding: 8px 16px;
    }

    .home_certified .home_certified_left, .home_certified .home_certified_right, .home_cta {
        padding: 24px;
    }
    .home_certified_left {
        margin-bottom: 12px;
    }
    .home_certified .home_certified_right h6 {
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .section_padding{
        padding: 50px 0;
    }
    .section_padding_top{
        padding-top: 50px;
    }
    .section_padding_btm{
        padding-bottom: 50px;
    }
    .section_padding_sm{
        padding: 25px 0;
    }
    .section_padding_sm_top{
        padding-top: 25px;
    }
    .section_padding_sm_btm{
        padding-bottom: 25px;
    }
    .section_heading h2, .prof_edu h2 {
        font-size: 22px;
    }
    .section_heading h2 span {
        display: unset;
    }
    .section_heading p.top_heading {
        font-size: 14px;
    }
    h4 {
        font-size: 17px;
    }
    .footer_main .footer_top {
        padding: 46px 0;
    }
    .footer_main .footer_top .footer_logo {
        height: 116px;
        margin-bottom: 16px;
    }
    .footer_main .footer_top .footer_links {
        margin-top: 24px;
    }
    .footer_social a i {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
    .prof_edu h3{
        font-size: 17px;
    }
    .prof_edu ul li h6, .prof_edu ul li p:first-child, .prof_edu ul li p:nth-child(2) {
        font-size: 14px;
        color: var(--primary);
        font-weight: 600;
        margin-bottom: 5px;
    }
    .therapist_contact {
        padding: 16px;
    }
    .therapies_offered_services .offered_services_box h3, .services_offered_box h3, .accordion-button {
        padding: 10px;
        line-height: 20px;
    }
    .therapies_offered_services .offered_services_box h3{
        margin-bottom: 20px;
    }
    .therapies_offered_services .offered_services_box p {
        padding: 0 16px;
    }
    .services_offered_box p {
        padding: 12px 16px 0;
    }
    #scroll-to-top {
        padding: 6px 11px;
        font-size: 15px;
    }
    .about_page.home_about .home_about_content h3, .about_whychooseus_box p:first-child{
        font-size: 17px;
    }
    .about_whychooseus_box p:first-child{
       margin-bottom: 8px;
    }
    .banner_contact h3 a {
        font-size: 20px;
    }
    input[type="date"]{
        position: relative;
    }
    /* input[type="date"]:before{
        content: 'dd/mm/yyyy';    
        position: absolute;
        left: 16px;     
        color: #aaaaaa;
    } */
    /* input[type='date']:after {
        color: #aaa;
        content: attr(placeholder);
      } */
      input[type="date"]::before {
        color: #999999;
        content: attr(placeholder);
    }
    input[type="date"] {
        color: #ffffff;
    }
    input[type="date"]:focus,
    input[type="date"]:valid {
        color: #666666;
    }
    input[type="date"]:focus::before,
    input[type="date"]:valid::before {
        content: "" !important;
    }
}
@media (max-width: 414px){
    .hr_logo, .vr_logo {
        width: 230px;
    }
}
@media (max-width: 390px){
    .hr_logo, .vr_logo {
        width: 192px;
    }
}

.confirmation_modal.show {
    display: block;
}