@import url('https://fonts.googleapis.com/css2?family=Muli:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700&display=swap');


body{
    padding: 0;
    margin: 0 auto;
    background: #fff;
    height: 100%;
    
}
html{scroll-behavior: smooth;}
p{color:#777; line-height: 27px; margin:0; font-family: 'Poppins', sans-serif; font-weight: 300; }
h1,.h1{font-size:45px}
h2,.h2{font-size:35px}
h3,.h3{font-size:22px}
h4,.h4{font-size:18px} 
h1,.h1,h2,.h2,h3,.h3,h4,.h4{margin:0 auto; font-family: 'Poppins', sans-serif; color: #171540}
ul li{font-family: 'Poppins', sans-serif;}
h5{font-family: 'Poppins', sans-serif;}
.content_wrap h5 {
    line-height: 28px;
    font-size: 18px;
    font-weight: 500;
}

.btn-primary {font-size: 18px; color: #106aff; border-radius: 30px; background: transparent; border: 1px solid #106aff; padding: 13px 30px; box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.1); }
.btn-primary:hover{color:#fff !important;}


#top_header span {font-size: 40px; font-weight: bold; font-family: 'Poppins', sans-serif; }
#top_header .contact_details {padding-top: 10px; padding-bottom: 10px; }
#top_header .tel span{font-size: 30px; color:#171540;}
#top_header a.tel {padding: 0 27px; display: block; margin-bottom: 5px; text-decoration: none; }


#navigation.combined{display: none;}
#navigation.combined, header{background: #171540; }
header .navbar-brand{display: none;}
header #navigation{padding-top: 0; padding-bottom: 0;transition:.7s;}
header .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #fff}
header .navbar-light .navbar-nav .nav-link{color: rgba(255,255,255,0.7); padding: 0; position: relative;}
header .navbar-light .navbar-nav .nav-link:hover{color: #fff;transition: all .2s ease;}
header .navbar-light .navbar-nav .nav-link:hover:after{display: block;}
header .navbar-light .navbar-nav .nav-link:after{position: absolute; margin: 0;content: ''; width: 30px; height: 2px; background: #106aff; left: 0; bottom: -4px; display: none; border:0;}
header .navbar-light .navbar-nav .nav-item.active .nav-link:after {display: block; border: 0; left: 0px; }
header .dropdown:hover>.dropdown-menu {display: block; padding: 0; margin-top: -20px; border-radius: 0px !important; }
header .dropdown-item {display: block; width: 100%; padding: 8px 20px;font-family: 'Poppins', sans-serif;    font-size: 15px; }
#navigation li, header li {font-family: 'Muli', sans-serif; font-size: 15px; }
#navigation li:last-child .dropdown-menu, header li:last-child .dropdown-menu {left: -250px; }
button.navbar-toggle {
    display: none;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgba(255,255,255,.7); outline: none; }
.dropdown-item:focus, .dropdown-item:hover {color: #106aff; text-decoration: none; background-color: #f3f7ff; }
header li.nav-item {padding: 35px 70px 35px 0; }
header li.nav-item:last-child {padding: 35px 0 35px 0; }
body.nav_sticky header{position:fixed;top:0;left:0; right:0;z-index: 99; transition:all .2s ease-in-out;}
body.nav_sticky header li.nav-item {padding-top: 25px; padding-bottom: 25px; }


#slider .carousel-indicators li {width: 12px; height: 12px;bottom: -15px; border-radius: 50%; background: rgba(0,0,0,0.4); margin: 0 5px; }
#slider .carousel-indicators li.active{background:#000;}
#slider img {width: 100%; }

#about_info{padding:80px 0; }
#about_info .bg {box-shadow: 2px 5px 15px 1px rgba(0,0,0,0.12); padding: 0; }
#about_info h3{font-weight: 500; color:#171540;}
#about_info h2 {font-weight: 800; }
#about_info .space {padding: 40px 55px 0 30px; line-height: 27px; }
#about_info p {margin-top: 20px; }
#about_info a{font-size: 18px; font-weight: 700; margin-top: 20px }
#about_info .btn {border: 0px; box-shadow: none; padding: 0; font-weight: 500; }
#about_info .btn:hover{background:none; color:#106aff !important;}
#about_info a img{margin-left: 12px}

#specialities {background: #f5f5f5; padding: 40px 0; }
#specialities .special{text-align: center; margin: 60px 0; }
#specialities .h3 {font-weight: 800; margin-top: 30px; }

#services{padding:80px 0;}
#services .h2{text-align: center; font-weight: 800}
#services p{padding: 25px 70px 0; text-align: center; }
#services .service_innr {text-align: center; }
#services a{text-decoration: none;}
#services h4{font-weight: 700; display:block;  color:#171540; }
#services a:hover h4{text-decoration: underline;}
#services img{border-radius: 50%; margin:50px 0 30px ;}
#services img:hover{box-shadow: 2px 5px 15px 1px rgba(0,0,0,0.2); border-radius: 50%;cursor:pointer; transition: all .2s; }


#appoinment{background:#f5f5f5; padding:80px 0;}
#appoinment .h1 {font-weight: 700; margin: 15px auto 40px; text-align: center;}
#appoinment .btn{display:block; margin:0 auto;background:#0069d9;color:#fff;box-shadow: none;  }
#appoinment .btn:hover{background:#fff; color:#0069d9 !important; }

#reviews{padding:80px 0;}
#reviews h2{font-weight: 700; margin:0 auto 50px;}
#reviews h4 {font-style: italic; margin: 10px auto 0; }
#reviews .btn{margin:60px auto 0; display:block;width:190px;}

footer{background:#f5f5f5; padding:80px 0;}
footer h3{font-weight: 700; margin-bottom: 20px}
footer i.fa {float: left; font-size: 26px; margin: 5px 0 0; color:rgba(23,21,64,0.3); } 
footer .icon-wrap p {margin-left: 35px;color:rgba(23,21,64,0.6);    font-weight: 500; }
footer i.fa-envelope {font-size: 18px; } 
footer i.fa.fa-mobile{margin:0;}
footer .icon-wrap {margin:  0 0 15px; }
footer a.social_icons{display:inline-block;}
footer .social_icons i.fa {margin-right: 20px;font-size: 23px; color:#171540;  }
footer a{color: rgba(23,21,64,0.6); font-weight: 500; font-family: 'Poppins', sans-serif; }
footer ul{padding: 0; list-style-type: none;}
footer li{margin-bottom: 15px}
footer li a:hover{color:#171540;}


#bottom_footer{background:#171540;}
#bottom_footer p{color:#fff;margin:30px auto;}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++ ABOUT PAWAN KAMAL++++++++++++++++++++*/
#inner-banner {background: #32b5c9; padding: 50px 0; }
#inner-banner h2{width: 100%; text-align: center;color: #fff;}
#inner-banner nav{width: 100%;}
#inner-banner .breadcrumb {background: transparent; display: block; text-align: center; margin: 0}
#inner-banner li.breadcrumb-item {display: inline-block; font-size: 20px; font-family: 'Poppins', sans-serif; color: #ffffff; }
#inner-banner li.breadcrumb-item a {text-decoration: none; font-weight: 800; color: #ffffff; }
#inner-banner .breadcrumb-item+.breadcrumb-item::before {display: inline-block; padding-right: 7px; color: #ffffff; content: "/"; }
#inner-banner .breadcrumb-item+.breadcrumb-item {padding-left: 6px; }


.about img {
    max-height: 320px;
}
#bio_wrap{padding: 80px 0}
#bio_wrap .target {height: calc(10vh - 100px); } 
#bio_wrap ul{list-style-type: none;padding: 0}
#bio_wrap ul a{font-size: 16px; color: #171540; font-weight: 300; font-family: 'Poppins', sans-serif; }
#bio_wrap ul a:hover {color: #007bff !important; text-decoration: none; }
#bio_wrap .table_heading {background: #f3f7ff;padding: 20px; border: 1px solid; border-color: rgba(16,106,255,.3); }
#bio_wrap h3 {text-align: center; font-weight: 800; margin: 0 0 20px; color: #171540; line-height: 32px;}
#bio_wrap .table_heading li {border-bottom: 1px solid; border-color: rgba(112,112,112,0.2); line-height: 45px; }
#bio_wrap .table_heading li:last-child {border: 0; }
#bio_wrap .content_wrap .h4, #bio_wrap .content_wrap .h3 {margin: 25px 0 12px; font-weight: 700; }
#bio_wrap .content_wrap .h4 span {font-weight: 400; display: block; }
#bio_wrap .about ul{list-style-type: disc;padding-left: 20px; margin-top: 10px;}
#bio_wrap .about ul li {color: #9b9898; font-weight: 300; margin-bottom: 10px; }
#bio_wrap .about ul a {font-size: 16px; color: #106aff; text-decoration: underline; }

#bio_wrap ul.subheadings{padding-left: 25px;}
#bio_wrap ul.subheadings li {border-bottom: 0 ; position:relative; line-height: 30px ; }
#bio_wrap ul.subheadings li:before {position: absolute; width: 10px; height: 1px; background: #222; content: ''; left: -25px; top: 50%; }
#bio_wrap ul.subheadings li a {font-size: 15px ; }


.physiotherapy ul li {color: #777; font-weight: 300; }

#faq{padding: 70px 0}
#faq p.panel-hed {line-height: 22px; padding-bottom: 20px; }
#faq .panel-title a {color: #171540; font-weight: 500; text-decoration: none; display: block; padding: 25px 0; background: url(../images/down_arrow.png) no-repeat;    background-position: right;}
#faq .panel{border-bottom: 1px solid #d1d0d9;}
.panel-body ul {padding-left: 18px; }
.panel-body ul li {color: #777; font-weight: 300; margin-bottom: 10px; }
.pdf-links {text-align: right; margin-bottom: 20px; }

.form-control {background: #f5f5f5; padding: 8px 15px; border-radius: 8px; height: 50px; }

#myBtn {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 10px; border: none; outline: none; background-color: #32b5c9; color: white; cursor: pointer; padding: 10px 17px; border-radius: 50%; box-shadow: 0px 6px 20px rgba(0,0,0,0.3); }
#myBtn:hover {background-color: #171540; }

#more {display: none; overflow: hidden;position: relative;}
#more:before{display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    max-height: calc(100% - 1.5em);
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    content: ' ';}
button#moreBtn {
    background: #e6eefc;
    border: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #106aff;
    padding: 8px 22px;
    border-radius: 5px;    cursor: pointer;
}
button#moreBtn:focus{outline: none;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++ RESPONSIVE STYLE STARTS ++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:1200px) {
    h2, .h2 {font-size: 28px; }
    h3, .h3 {font-size: 18px; }
    #navigation.combined{display: block;}
    #top_header, header{display: none; }

    #top_header span {font-size: 30px;}
    #top_header a.tel {padding: 0 0px;}
    .btn-primary{padding: 10px 15px}
    #about_info p {margin-top: 10px; font-size: 16px; line-height: 24px; }
    #about_info a {margin-top: 10px;}
    #about_info .space {padding: 25px 20px 0 12px;}
    
    #navigation.combined a.nav-link {color: rgba(255,255,255,0.7) !important; margin: 0 20px 0 0; }
    body.nav_sticky #navigation.combined {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all .2s ease-in-out;
    }
   
    

}

@media only screen and (max-width:991px) {
    
    #top_header .col-sm-8{display: none;}
    header .navbar-brand{display: block;}
    #top_header a.tel {padding: 0 0px; text-align: center; }
    #top_header .btn-primary {padding: 5px 12px; font-size: 16px; display: block; width: 250px; margin: 0 auto; }
    #top_header a.tel {padding: 0 0px; text-align: center; }
    .col-sm-4.text-right.contact_details {max-width: 100%; flex: auto; }
    header li.nav-item {padding-top: 15px; padding-bottom: 0px; }
    #navigation.combined a.nav-link {margin: 0 0px 0 0; }
    #navigation.combined .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

    a.navbar-brand img {width: 70px; }
    a.navbar-brand{margin:0;}
    #top_header span {font-size: 25px; }
    #top_header .tel span {font-size: 22px; }
    #top_header .btn-primary {padding: 5px 12px; font-size: 16px; }
    #about_info p {margin-top: 5px; font-size: 14px; line-height: 22px; }
    #about_info .space {padding: 10px 20px 0 0px; }
    #about_info h2 {font-size: 22px; margin-bottom: 0 !important; }
    #about_info a {margin-top: 0px; }


    #specialities .special {margin: 0px 0; }
    #services {padding: 50px 0; }
    #appoinment {padding: 40px 15px; }
    #appoinment .h1 {font-size: 30px; margin: 12px auto 20px; }
    #reviews {padding: 50px 0; }
    footer br{display: none}
    footer{font-size: 15px;}
    footer {padding: 50px 0; }
    footer li {margin-bottom: 6px; }
    #about_info .bg {padding: 15px; }

    .navbar-light.navbar-edit{width: 100%}
    .navbar-light .navbar-toggler {color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1); background: #fff; }
    header li.nav-item:last-child {padding: 10px 0 30px 0; }
}


@media only screen and (max-width:767px) {
    #navigation li, header li {
    background: #25224e;
    margin-bottom: 10px;
    padding: 0 15px;
    border-radius: 5px;
    }
    button.navbar-toggle {
    display: block;
}
    li.nav-item.active {
    background: #fff !important;
    } 
    #navigation.combined .active a.nav-link {
    margin: 0 0px 0 0;
    color: #25224e !important;
    font-weight: 600;
    }
    button.navbar-toggle {
    width: 40px;
    height: 50px;
    transform: rotate(90deg);
    border: none;
    border-radius: 6px;
    outline: none;
    margin-right: 5px;
    background: #fff;
}
    span.icon-bar {
    background: #25224e !important;
    color: #25224e !important;
    border: 1px solid;
    margin-right: 3px;
}
    
    .dropdown-toggle::after{float: right;
    margin-top: 8px;}
    .navbar-nav .dropdown-menu {
    float: none;
    position: absolute;
    padding: 10px;    width: 100%;
    }
    a.dropdown-item {
    padding: 0 10px 5px !important;
    font-size: 15px;
    }
    #navigation li:last-child .dropdown-menu, header li:last-child .dropdown-menu {
    left: 0;
    }
    .navbar-nav .dropdown-menu {
    float: none;
    position: relative;
    padding: 10px;
    width: 100%;    margin-bottom: 15px;
    }

   footer h3 {margin-bottom: 20px; margin-top: 30px; }
   #bottom_footer {text-align: center; padding: 0 15px; }

   .table_heading{display: none; }
   .about img {max-height: 100%; }
   #bio_wrap img {width: 100%; }
   .pdf-links {text-align: center; margin-bottom: 10px; }

}


@media only screen and (max-width:680px) {
    
    #about_info {padding: 0px 0; }
    #about_info .col-sm-4 img{width: 100%}
    #about_info .space {padding: 10px 20px 0 15px; }
    #specialities .h3{margin-top: 30px; margin-bottom: 30px; }
    #appoinment{text-align: center; }
    #reviews h2 {margin: 0 auto 20px; }
    #reviews h4 {margin: 10px auto 30px; }
    #reviews .btn {margin: 10px auto 0; }
    footer .icon-wrap {margin: 0 0 5px; }
    footer .icon-wrap p{line-height: 24px;}
    #myBtn {bottom: 20px; right: 10px; padding: 3px 10px 6px; }
    #bio_wrap {padding: 15px 0; }
    #inner-banner h2 {width: 100%; text-align: center; color: #fff; font-size: 24px; }
    #inner-banner li.breadcrumb-item {display: inline-block; font-size: 15px; font-family: 'Poppins', sans-serif; color: #ffffff; }
    #inner-banner {background: #32b5c9; padding: 30px 15px; }


    #faq .panel-title a {font-size: 15px; padding: 10px 0; }
    #faq {padding: 15px 0; }
    #faq p.panel-hed {line-height: 18px; padding-bottom: 20px; font-size: 14px; }
    footer {padding: 0px 0; }
}