@font-face {

  font-family: 'mouse-300';

  src: url("../fonts/PT_Sans-Web-Regular.ttf") format("truetype"); }

@font-face {

  font-family: 'mouse-500';

  src: url("../fonts/PT_Sans-Web-Bold.ttf") format("truetype"); }

/* ===================================== Basic CSS ================================== */



* {

  margin: 0px;

  padding: 0px;

  list-style: none; }



img {

  max-width: 100%; }



a {

  text-decoration: none;

  outline: none;

  color: #444; }



a:hover {

  color: #444; }



ul {

  margin-bottom: 0;

  padding-left: 0; }



a:hover,

a:focus,

input,

textarea {

  text-decoration: none;

  outline: none; }



.center {

  text-align: center; }



.left {

  text-align: left; }



.right {

  text-align: right; }



.cp {

  cursor: pointer; }



html, body {

  height: 100%; }



p {

  margin-bottom: 0px;

  width: 100%; 

 font-family: initial;

}



.no-padding {

  padding: 0px; }



.no-margin {

  margin: 0px; }



.hid {

  display: none; }



.top-mar {

  margin-top: 15px; }



.h-100 {

  height: 100%; }



::placeholder {

  color: #747f8a !important;

  font-size: 13px;

  opacity: .5 !important; }



.container-fluid {

  padding: 0px; }



h1, h2, h3, h4, h5, h6 {

  font-family: auto;



   }



strong {

  font-family: "mouse-500", Arial, Helvetica, sans-serif; }



body {

  background-color: #f7f7ff !important;

  font-family: "mouse-300", Arial, Helvetica, sans-serif;

  color: #6A6A6A; }



.session-title {

  padding: 30px;

  margin: 0px; }

  .session-title h2 {

    width: 100%;

    text-align: center;

    color:#333333 }

  .session-title p {

    max-width: 850px;

    text-align: center;

    float: none;

    margin: auto; }

  .session-title span {

    float: right;

    font-style: italic; }



.inner-title {

  padding: 20px;

  padding-left: 0px;

  margin-bottom: 30px; }

  .inner-title h2 {

    width: 100%;

    text-align: center;

    font-size: 2rem;

    color: #333333;

    font-family: "slab", Arial, Helvetica, sans-serif; }

  .inner-title p {

    width: 100%;

    text-align: center; }



.btn-success {

  background-color: #1aaa55;

  border-color: #1aaa55; }

  .btn-success:hover {

    background-color: #1aaa55 !important;

    border-color: #1aaa55 !important; }

  .btn-success:active {

    background-color: #1aaa55 !important;

    border-color: #1aaa55 !important; }

  .btn-success:focus {

    background-color: #1aaa55 !important;

    border-color: #1aaa55 !important;

    box-shadow: none !important; }



.btn-info {

  background-color: #00a8df;

  border-color: #00a8df; }

  .btn-info:hover {

    background-color: #00a8df !important;

    border-color: #00a8df !important; }

  .btn-info:active {

    background-color: #00a8df !important;

    border-color: #00a8df !important; }

  .btn-info:focus {

    background-color: #00a8df !important;

    border-color: #00a8df !important;

    box-shadow: none !important; }



.btn {

  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

  border-radius: 2px; }



.form-control:focus {

  box-shadow: none !important;

  border: 2px solid  #00a8df; }



.btn-light {

  background-color: #FFF;

  color: #3F3F3F; }



@media screen and (max-width: 1199px) {

  .container {

    max-width: 100%; } }

.collapse.show {

  display: block !important; }



.form-control:focus {

  box-shadow: none;

  border: 2px solid #0d7a40 !important; }



.form-control {

  background-color: #F8F8F8;

  margin-bottom: 20px; }

  .form-control:focus {

    background-color: #FFF;

    border-color: #CCC; }



/* ===================================== Header CSS ================================== */

header {

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  position: absolute;

  width: 100%;

  z-index: 999;

  background-color: #FFF; }

  header .header-top {

    background-color: #a5204d }

    header .header-top .left-item ul li {

      float: left;

      color: #FFF;

      padding: 10px; }

    header .header-top .right-item ul {

      float: right; }

      header .header-top .right-item ul li {

        float: left;

        color: #FFF;

        padding: 10px; }



        .right-item ul li a 

        {

          color: #fff;

        }

  header .header-nav .nav-item ul li {

    float: left;

    font-family: "mouse-500", Arial, Helvetica, sans-serif;

    font-size: 15px;

    padding: 30px; }

    @media screen and (max-width: 916px) {

      header .header-nav .nav-item ul li {

        padding: 30px 20px; } }

    @media screen and (max-width: 767px) {

      header .header-nav .nav-item ul li {

        float: none;

        padding: 14px;

        border-top: 1px solid #CCC; } }





  header .header-nav .nav-img img {

    width: 400px;

    padding: 10px;

    height:60px;

    margin-top: 0.8rem;

     }



     @media screen and (max-width: 767px) {

     header .header-nav .nav-img img {

    width: 285px;

    padding: 10px;

    height:60px }

       }



  header .scroll-to-fixed-fixed {

    background-color: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }



.small-menu {

  float: right;

  color: #99cc43;

  font-size: 32px;

  margin-top: 23px;

  margin-right: 12px; }



/* ===================================== Slider CSS ================================== */

.slider-detail {

  padding-top: 128px; }

  .slider-detail .carousel-caption {

    text-align: left;

    bottom: 110px; }

    .slider-detail .carousel-caption h5 {

      font-size: 44px;

      margin-left: -40px; }

    .slider-detail .carousel-caption p {

      margin-left: -40px;

      font-weight: 600;

      margin-top: 40px;

      font-size: 19px; }

  .slider-detail .vbh {

    margin-left: -40px; }

    .slider-detail .vbh .btn {

      padding: 20px;

      margin-top: 40px;

      font-weight: 600;

      font-size: 18px; }

  .slider-detail .vdg-cur {

    color: #1aaa55; }



/* ===================================== Key Features CSS ================================== */

.key-features {

  padding: 50px; 

background-image: linear-gradient(29deg, #47202d 0%, rgba(84, 84, 84, 0) 100%);

  

}



.key-features h2 

{

   color: #121d5b;

    font-family: cursive;

    font-weight: bold;

    font-size: 1.6rem;

}





  @media screen and (max-width: 940px) {

    .key-features {

      padding: 30px 10px; } }

  .key-features .single-key {

    background-color: #FFF;

    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

    border-radius: 20px;

    margin-bottom: 30px;

    text-align: center;

    padding: 30px; }

    .key-features .single-key i {

      background-color: #99cc43;

      padding: 20px;

      font-size: 42px;

      color: #FFF;

      margin-bottom: 30px;

      border-radius: 50px; }

    .key-features .single-key:hover {

      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

    .key-features .single-key p {

      font-family: "mouse-300", Arial, Helvetica, sans-serif;

      font-size: 15px; }



/* ===================================== Doctor Say CSS ================================== */

.doctor-message {

  margin-top: 50px;

  background-image: url("../images/slider/slider_2.jpg");

  background-attachment: fixed;

  background-size: cover; }

  .doctor-message .inner-lay {

  background-image: linear-gradient(29deg, rgba(12,38,59,.95) 0%, rgba(84, 84, 84, 0) 100%);

    padding: 50px;

    padding-bottom: 0px;

    color: #000; }

    @media screen and (max-width: 940px) {

      .doctor-message .inner-lay {

        padding: 30px 10px; } }

  .doctor-message .doc-img {

    text-align: center; }

    .doctor-message .doc-img img {

      width: 400px;

      margin-top: -140px; }

  .doctor-message .doc-det h2 {

    font-size: 42px;

    margin-bottom: 0px; }

  .doctor-message .doc-det span {

    font-weight: 600;

    margin-top: -5px; }

  .doctor-message .doc-det p {

    margin-top: 30px;

    font-size: 18px;

    padding-bottom:2rem }

  .doctor-message .doc-det h4 {

    margin-top: 30px; }



/* ===================================== Our Team CSS ================================== */

.our-team {

  padding: 50px; }

  @media screen and (max-width: 940px) {

    .our-team {

      padding: 30px 10px; } }

  .our-team .user-card {

    background-color: #FFF;

    padding: 10px;

    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

    border-radius: 2px;

    margin-bottom: 20px; }

    .our-team .user-card img {

      width: 100%; }

    .our-team .user-card .detfs {

      text-align: center; }

      .our-team .user-card .detfs ul {

        margin-left: 10%;

        width: 100%; }

        .our-team .user-card .detfs ul li {

          float: left;

          padding: 10px;

          font-size: 13px; }

      .our-team .user-card .detfs p {

        margin-top: 17px; }



/* ===================================== Our Blog CSS ================================== */

.our-blog {

  background-color: #FDFDFD;

  padding: 40px; }

  @media screen and (max-width: 967px) {

    .our-blog {

      padding: 30px 0px; } }

  .our-blog .single-blog {

    margin-bottom: 20px;

    background-color: #FFF;

    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54); }

    .our-blog .single-blog figure {

      margin-bottom: 5px; }

    .our-blog .single-blog .blog-detail {

      padding: 15px; }

    .our-blog .single-blog small {

      color: #FFFFFF;

      font-size: 12px; }

    .our-blog .single-blog h4 {

      font-size: 1.2rem;

      margin-bottom: 10px; }

    .our-blog .single-blog p {

      text-align: justify;

      text-indent: 20px; }

    .our-blog .single-blog .link a {

      font-size: 12px;

      color: #FFFFFF; }

    .our-blog .single-blog .link i {

      padding-top: 6px;

      margin-left: 5px;

      color: #FFFFFF; }



/* ===================================== Fooer CSS ================================== */

.footer {

  padding: 50px;

  padding-bottom: 0px;

  background-color: #01162c;

  color: #FFF; }

  @media screen and (max-width: 940px) {

    .footer {

      padding: 30px 10px; } }

  .footer h2 {

    font-size: 26px;

    margin-top: 10px; }

  .footer p {

    text-align: justify;}

  .footer .link-list li {

    padding: 10px;

    border-bottom: 1px solid #6C6C6C; }

    .footer .link-list li a {

      color: #FFF; }

    .footer .link-list li i {

      float: right; }

  .footer .map-img {

    font-weight: 600;

    font-size: 17px;

    padding-left: 20px; }



   .footer h5 

   {

    font-size: 1.8rem;

   }



   .hrcolorfooter

   {

    background-color: white;

   }



.copy {

  padding: 30px;

  background-color: #01162c;

  color: #FFF; 

margin-top: 0.1rem}

  .copy a {

    color: #FFF; }

  .copy span {

    float: right; }

    .copy span i {

      margin-right: 20px; }



.page-nav {

  background-image: url("../images/bgsubtitle.png");

  background-position: center;

  background-size: cover; 

/*  padding: 250px;*/

  padding-top: 10rem;

  padding-bottom: 5rem;

/*  height: 250px;*/

  text-align: center;

/*  padding-top: 170px;*/

 }

  .page-nav ul {

    float: none;

    margin: auto; }

  @media screen and (max-width: 409px) {

    .page-nav {

      padding-top: 210px; } }

  .page-nav h2 {

    font-size: 20px;

    width: 100%;

    color: #fff; }

    @media screen and (max-width: 600px) {

      .page-nav h2 {

        font-size: 26px; } }

  .page-nav ul li {

    float: left;

    margin-right: 10px;

    margin-top: 10px;

    font-size: 16px;

    color:#fff }

    .page-nav ul li i {

      width: 30px;

      text-align: center;

      color: #fff; }

    .page-nav ul li a {

      color: #fff; }



/* ===================================== About Us Style  ================================== */

.about-us {

padding: 5rem 2rem 5rem 2rem;

  background-color: #FFF; }

  @media screen and (max-width: 1199px) {

    .about-us .container {

      max-width: 100%; } }

  .about-us img {

    width: 100%;

    padding: 10px;

    background-color: #FFF;



     }

  .about-us h2 {

    font-size: 22px; }

  .about-us p {

    text-align: justify; }



.kf-2 {

  background-color: #FCFCFC; }

.contact-rooo {

  padding: 50px;

  background-color: #FFF; }

  @media screen and (max-width: 940px) {

  .contact-rooo {

      padding: 30px 10px; } }



/* ===================================== Gallery Style  ================================== */

.gallery-filter {

  width: 100%;

  text-align: center; }

  .gallery-filter .btn {

    background-color: #FFF; }

.gallery {

  padding: 30px;

  background-color: #FFF; }

.gallery-title {

  font-size: 36px;

  color: #29509f;

  text-align: center;

  font-weight: 500;

  margin-bottom: 70px; }

.gallery-title:after {

  content: "";

  position: absolute;

  width: 7.5%;

  left: 46.5%;

  height: 45px;

  border-bottom: 1px solid #29509f; }

.filter-button {

  font-size: 18px;

  border: 1px solid #29509f;

  border-radius: 5px;

  text-align: center;

  color: #29509f;

  margin-bottom: 30px; }

.filter-button:hover {

  font-size: 18px;

  border: 1px solid #29509f;

  border-radius: 5px;

  text-align: center;

  color: #ffffff;

  background-color: #29509f; }

.btn-default:active .filter-button:active {

  background-color: #29509f;

  color: white; }

.port-image {

  width: 100%; }

.gallery_product {

  margin-bottom: 30px; }

/*# sourceMappingURL=style.css.map */

.nav-link{

  padding: 0 !important;

}

.appoint

{

  background-color: white;

  margin-left: 2rem;

  color: #000 !important;

  padding: 0.2rem 0.7rem;

}

.services h3

{

  font-size: 1.2rem !important;

  color: #114b7d;

}



.services h3:hover

{



  color: white;

}

.main_heading 

{

    font-family: Saira,Arial,Helvetica,sans-serif !important;

    font-weight: 600;

    font-size: 25px;

    background-color: #a5204d;

    padding: 0.5rem;

    line-height: 60px;

    color: #fff;

 

}



.about_us_home_imag img 

{

 height: 500px;

}





@media screen and (max-width: 600px) {

  .about_us_home_imag img 

{

 height: 300px;

 margin-top: 2.5rem;

}



}



.main_img img 

{

      width: 100%;

    padding: 10px;

/*     background-color: #FFF; */

/*     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */

}

.main_img {

  padding: 50px;

  background-color: #FFF; }



  .main_img h2 

  {

    font-size: 1.7rem;

    color: #333333;

  }



  .main_why 

  {

    padding: 2rem 0rem;

  }



  .main_img i 

  {

    border: 7px solid #F44336;

    border-radius: 50%;

    padding: 1rem;

    font-size: 1.5rem;

    color: #273585;

  }



.review

{

  background-color: #f2f2f2;

  padding: 2rem;

}



.review_page

{

  background-color: white;

  padding: 2rem 0.2rem;

}



.review_page ul li i 

{

  padding-bottom: 2rem;

}



.key-features .single-key:hover

{

  background-color: #121d5b;

  color: white;

  border-radius: 20px;

}





.heading_main

{

/*  background-image: url("../images/");*/

background-position: center;

  background-size: cover; 

  padding: 5rem 0rem;

    background-image: linear-gradient(15deg, rgba(12,38,59,.95) 0%, rgba(84, 84, 84, 0) 100%),url("../images/bg.png");



}



.dropdown:hover .dropdown-menu

{

    display: block;

}



.content_part

{

  color: white;

}





.content_part h2

{

  font-size: 2.5rem;

}



.about_box_content

{

  background-color:#f2f2f2;

  padding: 2rem 0rem;

}



.about_box

{

    margin: 15px 0;

    padding: 1rem 0rem;

    background-color:#fff ;

    overflow: hidden;

    border-bottom: 1rem solid #a5204d;

}



.about_box h4

{

    font-size: 1.2rem;

}



.about_box i

{

    font-size: 3rem;

    color: #a5204d;

}



.tagline

{

    background-color: #EFF5F9;

    text-align: center;

    padding: 2rem 0rem;

}

.tagline h2 

{

  color: #000;

}





.tagline_heading h5

{

  padding: 3rem 0rem;

  color: black;

  text-align: center;

  font-size: 2rem;

}





.tagline_content

{

  margin: 2rem 0rem;

  padding: 4rem 0rem;

  background-image: url("../images/Heart-Specialist.webp");

  background-position: center;

  background-size: cover; 

  color: white;

  text-align: justify;

 

}



.services_page

{

  margin-top: 2rem;

  background-color: #fff;

  padding: 3rem 0rem;

}



.services_page_bg_color

{

  background-color: #f2f2f2;

  padding: 1rem;

}



.services_page_bg_box

{

  padding: 1rem;

  background-color: #fff;

  color: black;

  font-family: sans-serif;

  font-weight: 500;

}



.services_images img 

{

  padding-top: 3.5rem;

  height: 530px;

}



.services_page_bg_box ul li a:hover

{

 

   padding-left: 15px;

    color: #ae1010; !important;

    -webkit-transition: all .5s ease;

    border-left:3px solid red ;

    transition: all .5s ease;

}

.content_page_heading p 

{

  padding-left: 1rem;

}

.content_page_heading h2 

{

  color: #000;

  font-size: 1.5rem;

  padding-top: 2rem;

  padding-left: 1rem;

  text-transform: uppercase;

}



.services_page_bg_box_app

{

    background-image: url("../images/drpankaj.jpg");

  background-position: center;

  background-size: cover; 

  margin-top: 2rem;

  color: white;

 }



.services_page_bgcolor

{

  background-color: #01162c;

  opacity: 0.8;

  padding: 4rem 1rem;

}



.hrcolor

{

 border-top: 1px solid white;

}



.call_us

{

  background-color: #fff;

  margin: 0.3rem;

  padding: 1rem 0rem;

}

.call_us i

{

 color: red;

 font-size: 1.5rem;

 padding: 0rem 1rem;

}

.call_us a

{

 color: #000;

 font-size: 1.2rem;



}





.services_page_bg_box_app h6{}



.bg-content

{

  background-color: #01162c;

  height: 300px;

 

}

.bg-content h4

{

  padding-left: 2rem;

  padding-top: 3rem;

  color: white;

}



.bg-content p

{

  padding-left: 1.5rem;

  padding-top: 1rem;

  padding-bottom: 2rem;

  color: white;

}



.bg-content a

{



  color: black;

  background-color: white;

  padding:0.5rem 0.5rem;

  margin-left: 10rem;



  margin-top: 2rem;



}



@media screen and (max-width: 600px) {

.bg-content a

{



 margin-left: 7rem;



}

 }



 .content_page_heading h2 

 {

  padding-top: 0.8rem;

  padding-bottom: 0.6rem;

 }



 .content_page_heading i 

 {

  color: red;

  font-size: 1.2rem;

  padding-right: 1rem;

 }





 .gallery_images img

 {

  border-radius: 10px;

 }







/* contact page start */



.contact_us_page

{

  padding: 5rem 0rem;

}



.contact_us_page_form

{

  background-color: rgba(255,255,255,.60);

  border: 1px solid #f2f2f2;

}

.form_page

{

  background-color: rgba(12,38,59,.95);

  color: white;

/*  padding: 2rem;*/



}



.form_page h2

{

  padding-left: 2rem;

  padding-top: 2rem;

}



.form_page_design

{

  padding: 1rem 1.5rem;

}



.form_page_design button

{

  background-color: red;

  color: white;

  padding: 0.5rem 1rem;

  border-radius: 10px;

}



.form_page_design textarea {

  width: 100%;

  padding-top: 0.5rem;

  font-size: 1.5rem;

  padding-left: 1rem;

}

.form_page_design placeholder {

  color:black !important;

  font-size: 1.5rem;

}

.contact_us_page_space{

  padding: 2rem 3rem;

}

.contact_us_page_form h4

{

  color: rgba(12,38,59,.95);

  font-family: sans-serif;

  font-weight: 600;

  font-size: 1.8rem;

}

.contact_us_page_form h6

{

  color: rgba(12,38,59,.95);

  font-family: sans-serif;

  font-weight: 600;

  font-size: 1.3rem;

}

.contact_us_page_form i{

  color: red;

  font-size: 1.6rem;

  padding-right: 0.5rem;

}

.contact_us_page_form p {

    font-family: Mulish,sans-serif;

    font-weight: normal;

    font-size: 16px;

    line-height: 1.7;

    color: #828690;

    text-transform: none;

    font-style: normal;

    padding-left: 2.2rem;

}

.contact_us_page_form a 

{

      font-family: Mulish,sans-serif;

    font-weight: normal;

    font-size: 16px;

    line-height: 1.7;

    color: #828690;

    text-transform: none;

    font-style: normal;

}

.icon_color i {

  background-color: red;

  color: white;

  border-radius: 50%;

  padding: 0.7rem;

  font-size: 1rem;

  margin-right: 1rem;

}

.about_page1{

  padding: 4rem 0rem;

  color: black;

}

.about_page1 h2{

  font-weight: 600;

  font-family: initial;

}

.about_page1_content{

  margin-top: 1rem;

}

.about_page1_content i{

  color: #a5204d;

  font-size: 2rem;

}

.hrcolor hr{

background-color: red;

height: 2px;

margin-top: 2rem;

}

.about_page1_content_bg{

  padding: 1rem;

  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;

}

.about_page_img{

 background-image: url("../images/single-cover-img-02.jpg");

  background-position: center;

  background-size: cover; 

  margin-bottom: 4.5rem;

  color: white;

}

.about_content_border{

  position: relative;

    z-index: 2;

    padding: 35px;

    display: flex;

    height: 100%;

    flex-direction: column;

    justify-content: flex-end;

    border-right: 1px solid rgba(256, 256, 256, .5);

     background-color: rgba(12,38,59,.95);

     opacity: 0.8;

}

.about_content_details h3{

    padding-top: 4rem;

}

.our_services_page{

  background-image: url("../images/gallery/8.webp");

  background-position: center;

  background-size: cover; 

  margin-bottom: 4.5rem;

 }

.services_page_bg{

    background-color: rgba(12,38,59,.95);

     padding: 5rem 0rem;

    }

.services_page_design{

  background-color: #fff;

  margin: 0.5rem;

}

.services_page_design h3{

  font-size: 1.5rem;

  text-align: center;

  padding-top: 1rem;

   color: rgba(12,38,59,.95)

 }

.services_page_design p{

  padding-top: 0.5rem;

  padding-bottom: 1rem;

  color: #000;

 }

.content_page_heading h1 {

    color: #000;

    font-size: 1.5rem;

    padding-top: 5rem;

    padding-left: 1rem;

    text-transform: uppercase;

}

.map_design{

  padding: 0rem 1rem;

}

.owl-theme .owl-nav

{

  visibility: hidden;

}