*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body{
    margin: 0px;
    padding: 0px;
}

/*header*/

.haedertop{

    background-color: white;
    
    display: flex;
    align-items: center;
}

.haederboder{

    border-bottom:solid 1px rgb(238,245,255);
    margin: 0px;
    padding: 0px;
}


.headerlogo{

    margin: 0px;
    padding: 12px 0px;
}


.headerlogo h2{

font-size: 24px;
margin-top: 15px;
}

.headeraddress{

    margin: 0px;
    padding: 12px 0px;
    border-left:solid 2px rgb(238,245,255);
    border-right:solid 2px rgb(238,245,255);
    display: flex;
   text-align: center;
    gap: 12px;
    flex-direction: column;

}

.headeraddress i{

    font-size: 24px;
    color: #169fed;
}

.headerphone{

    margin: 0px;
    padding: 12px 0px;
    border-right:solid 1px rgb(238,245,255);
    display: flex;
   text-align: center;
    gap: 12px;
    flex-direction: column;
}


.headerphone i{

    font-size: 24px;
    color: #169fed;
}

.headerphone p a{

    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 16px;
}

.headeremail{

    margin: 0px;
    padding: 12px 0px;
    border-left:solid 1px rgb(238,245,255);
    border-right:solid 1px rgb(238,245,255);
    display: flex;
   text-align: center;
    gap: 12px;
    flex-direction: column;
}

.headeremail  i{

    font-size: 24px;
    color: #169fed;
}

.headeremail p a{

    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 16px;

}

.headersocialicon a i{

    color: #169fed;
    cursor: pointer;
}


/*haedernav*/
.headernav{
    background-color: white;
    padding: 15px;
    display: flex;
    align-items: center;
}


.haedernav{

    margin: 0px;
    padding: 0px;

}

.haedernav ul{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}


.haedernav ul li{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.haedernav ul li a{
    font-size: 16px;
    color: black;
    text-decoration: none;
    cursor: pointer;
    margin: 0px;
    padding: 0px 36px;
    font-weight: 500;
    transition: all 0.4s ease-in-out;
}

.haedernav ul li a:hover{
    color: #169fed;
}


.haederappointment{

    margin: 0px;
    padding: 0px;
}
.haederappointment  button{

background-color: #169fed;
color: white;
margin-top: 8px;

}

.haederappointment  button:hover{

    
background-color: #169fed;
color: white;
}

.headersocialicon{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-top: 40px;
  border-right:solid 1px rgb(238,245,255);
}


/*banner*/

.bannerbox{
    
    margin: 0px;
    padding: 0px;
    height: 650px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 700px;
    object-fit: cover;
  
  }

  .bannerpic{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }

  .bannerpic h2{

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .aboutusbanner{
margin: 0px;
padding-top: 100px;
padding-bottom: 100px;
background: url(../image/aboutusbanner.png) ;
position: relative;
z-index: 1;
  }

  .aboutusbanner::before{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right ,transparent , white);
    z-index: -1;
  }

  .mt-150{

    margin-top: 50px;
  }


  /*details*/

  .detailsbox{

    border: dotted 1px #169fed;
    margin: 0px;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
  }

  .detailsboxicon{
width: 120px;
height: auto;
margin: 0 auto;
display: table;

  }

  .detailsboxicon i{

    font-size: 48px;
  }

  .detailsboxtext{

    margin: 15px 0px;
    padding: 0px;
  }

  .detailsboxtext h4{
    font-size: 24px;
    color: #169fed;
  }

  .detailsboxtext p{

    font-size: 16px;
    font-weight: 500;
  }


  .aboutusleft{

margin: 0px;
padding: 0px;
position: relative;
color: transparent;
  }


  .aboutusleftpic1{

    width: 80%;
    margin: 0px;
    padding: 0px;
  }

  .aboutusleft::before{
    position: absolute;
    content: '';
    width: 60%;
    height: 350px;
    top:75%;
    right: 20px;
    background-image: url(../image/aboutuspic2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation: mybounce 4s linear infinite;
  }

  @keyframes mybounce{

0%,100%{

    transform: translateY(0px);
}
50%{
    transform: translateY(-30px);

}

  }


  .aboutusright{

    margin: 0px;
    padding:0px;
  }

  .aboutusright h2{

    color: black;
    font-size: 32px;
    text-align: left;
    text-transform: capitalize;
  }

  .aboutusright h3{

    color: black;
    font-size: 32px;
    text-align: left;
    text-transform: capitalize;
  }

  .aboutusright p{

    color: black;
    font-size: 16px;
    font-weight: 500;
  }


  .aboutusrightcertifiaction{

    margin: 22px 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
  }

  .aboutusrightcertifiaction1{

    display: flex;
    gap: 12px;
  }

  .aboutusrightcertifiaction1box{

    width: 40px;
    height: 40px;
    background-color: #169fed;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .aboutusrightcertifiaction1box i{

    color: #fff;
    font-size: 24px;
  }

  .aboutusrightcertifiaction1box1{

    margin: 0px;
    padding: 0px;
  }

  .aboutusrightcertifiaction1box1 p{
font-size: 16px;
color: black;
margin-top: 8px;

  }
  .readmore{
    margin: 10px 0px;
    padding: 0px;
  }

  .readmore button{
    background-color: #169fed;
    color: #fff;
  }


  .readmore button:hover{
    background-color: #169fed;
    color: #fff;
  }


  /*service*/

  .serviceheadertext{
margin: 0px;
padding: 0px;

  }

  .serviceheadertext h2{

color: #169fed;
text-align: center;

  }


  .mt-60{
margin-top: 60px;

  }

  .servicebox1{

    width: 100%;
    display: block;
    border-radius: 10px;
    box-shadow: 2px 4px 0px  8px #e6e6e6;
    min-height: 250px;
  }

  .servicebox1icon{
margin: 0 auto;
display: table;
padding-top: 20px;


  }


  .servicebox1:hover .servicebox1icon{

    animation: myanimtate 2s linear infinite;

  }

  @keyframes myanimtate{

0%,100% {

  transform: rotateX('0deg');
}
50%{
  transform: rotatey(120deg);
}


  }

  .serviceboxrtext{


    margin: 12px 0px;
    padding: 12px;
  }
  .serviceboxrtext h6{
    font-weight: 600;
  }

  .serviceboxrtext h6 a{
    cursor: pointer;
    text-decoration: none;
    color: #169fed;
  }

  .serviceboxrtext span{

    font-weight: 500;
    color: black;
  }

  /*facilities available*/

  .facilitiesbox{
border: solid 1px #169fed;
border-radius: 10px;
padding: 15px;
margin: 0px;
width: 100%;
display: block;
transition: all 0.4s ease-in-out;
text-align: center;

  }

  .facilitiesbox:hover{
    transform: translateY(-10px);
  }

  .facilitiesboxicon{
margin: 0px;
padding: 0px;

  }


  .facilitiesboxtext{

    margin: 12px;
    padding: 0px;
  }

  .facilitiesboxtext h6{

    font-size: 18px;
    text-transform: capitalize;
  }

  .mt-40{
    margin-top: 40px;
  }


  /*gallery*/

  .gallery_box{

    margin: 20px 0px;
    padding: 0px;

  }

  .galleryboxmain{
    width: 100%;
    display: block;
    border-radius: 10px;
    border: solid 1px #169fed;
  }

  .galleryboxiamge{
    margin: 0px;
    padding: 0px;
  
  }

  .galleryboxiamge1{

    width: 100%;
    display: block;
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
  }

  .galleryboxtext{

    margin: 0px 0px;
    padding: 12px;

  }

  .galleryboxtext p{
    color: black;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 10px;
  }

  /*whychooseus*/

  .whychooseusleft{

    width: 100%;
    min-height: 450px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../image/appoinment.jpg);
    position: relative;
    z-index: 1;
  }

  .whychooseusleft::before{

    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(22, 158, 237, 0.925);
    z-index: -1;
  }

  .whychooseusleft h2{
    color: #fff;
    text-align: center;
    padding: 20px 0px;
  }

  .whychooseusleft1{

    margin: 0px;
    padding: 0px 30px;
    text-align: center;
  }

  .whychooseusleft1 input{
    width: 100%;
    display: block;
    border: solid 1px white;
    padding: 15px;
    color: black;
    background-color: #fff;
    font-size: 15px;
    margin: 12px 0px;
  }

  .whychooseusleft1 input:focus{

    outline: none;
  }

  .whychooseusleft1 textarea{
    width: 100%;
    display: block;
    border: solid 1px white;
    padding: 15px;
    color: black;
    background-color: #fff;
    font-size: 15px;
    margin: 12px 0px;
    height: 150px;
  }

  .whychooseusleft1 textarea:focus{

    outline: none;
  }

  .whychooseusleft1 button{

    text-align: center;
  }

  .whychooseusright{

    margin: 0px;
    padding: 20px 0px;
  }

  .whychooseusright  h2{
    color:black ;
    text-align: center;
    font-size: 24px;
  }

  /*patientfeedback*/


  .feedbackbox{
margin: 0px;
padding: 0px;

  }

  .feedbackbox1{

    width: 100%;
    min-height: 350px;
    background-color: rgba(243, 243, 243, 0.349);
  
    position: relative;
    margin: 0px;
    padding: 15px;
    text-align: center;

  }

  .feedbackbox1::before{
position: absolute;
content: '';
left: 80px;
    height: 2px;
    right: 0px;
    bottom: 0px;
    border-bottom: 2px dashed #169fed;
  }

  .feedbackbox1::after{

    position: absolute;
    content: '';
    top: 80px;
    width:  2px;
    right: 0px;
    bottom: 0px;
    border-right: 2px dashed #169fed;
  }

  .feedbackbox1image{

    width: 80px;
    height: 80px;
    margin: 0 auto;

  }

  .feedbackbox1image1{

    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px dotted #169fed;
  }

  .feedbackboxtext{
    margin: 20px 0px;
  }

  .feedbackboxtext i{

    font-size: 48px;
  }

  .feedbackboxtext h5{
    color: black;
    margin-top: 15px;
  }
  .feedbackboxtext p{

    color: black;
    font-weight: 500;
    height: 145px;
  }

  /*footer*/

  .footerbody{

    background-color: #169fed;
    width: 100%;
  padding: 80px 0px;
  position: relative;
  z-index: 1;
  }

  .footerbody::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../image/footerpattern-8.png);
    z-index: -1;
  }

  .footerbodyleft{

    margin: 0px;
    padding: 0px;

  }

  .footerbodyleft h2{
    color: #fff;
  }

  .footerbodyleft p{

    color: white;
    font-size: 16px;
  }

  .footerbodyleftsocial{
margin: 15px 0px;
padding: 0px;
display: flex;

gap: 15px;

  }

  .footerbodyleftsocial1{

    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 1px #fff;
    display: flex;
    justify-content: center;
align-items: center;
  }


  .footerbodymiddle{

    margin: 0px;
    padding: 0px;
  }


  .footerbodymiddle h2{
    color: white;
  }

  .footernav{
margin: 12px 0px;
padding: 0px;

  }

  .footernav ul{

    margin: 0px;
    padding: 0px;
    display: block;
  }

  .footernav ul li{
margin: 0px;
padding: 12px 0px;
display: block;
list-style: none;

  }

  .footernav ul li a{

    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: white;
    text-decoration: none;
cursor: pointer;
transition: all 0.4s ease-in-out;
  }

  .footernav ul li a:hover{

    padding-left: 12px;
  }

  .footerright{

    margin: 0px;
    padding: 0px;
  }

  .footerright h2{

    color: white;
    padding-bottom: 12px;
  }

  .footerrightbox{
margin-top: 15px;
padding: 0px;
display: flex;
gap: 12px;

  }

  .footerrightbox i{

    line-height: 30px;
  }

  .footerrightbox p{

    color: #fff;
    font-weight: 500;
  }
  .footercopyright{
    margin: 0px;
    padding: 35px;
    background-color: white;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
  }

  .footercopyright p{
   
    color: black;

  }

  .footercopyright p a{
    color: #169fed;
    text-decoration: none;
  }

  .sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
 
    display: block;
    z-index: 99;
box-shadow:0 0 2rem 0px rgba(22, 158, 237, 0.555);
    transition: all 0.4s ease-in-out;
  }

  .resnav{

    float: right;
    margin: 0;
    padding: 0;
    display: none;
    margin-top: 15px;
  }


/*aboutus*/

.aboutusbody{

  margin: 0px;
  padding: 0px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 350px;
  background-color: #169fed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.aboutusbody h2{
  color: white;
  font-weight: 500;
  font-size: 48px;
}


.aboutusbody  p{

  color: white;
  font-weight: 500;
}

.aboutusbody p a{

  color: white;
  font-weight: 500;
  text-decoration: none;
  font-size: 18px;

}
.aboutusheight{
margin-top: 70px;
}

.aboutusfellowtext{

  margin: 0px;
  padding: 0px;
}

.aboutusfellowtext h2{

  color: #169fed;
}

.aboutusfellowtext1{
  margin: 18px 0px;
  padding: 0px;
}
.aboutusfellowtext1 ul{
  display: block;
  margin: 0px;
  padding: 0px;
}

.aboutusfellowtext1 ul li{

  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.aboutusfellowtext1 ul li p{

  color: black;
  font-size: 16px;
  

}

.aboutyear{

  margin: 12px 0px;
  padding: 0px;
}




/*galelrypage*/

.gallerybox{

margin: 0px;
padding: 20px;
border: 2px dotted #169fed;

}

.galleryboximage{
  margin: 0px;
  padding: 0px;
}

.galleryboximage1{

  height: 350px;
  object-fit: cover;
}

.galleryboxtext{

  margin: 12px 0px;
  padding: 0px;
}

.galleryboxtext p{

  color: black;
  font-size: 16px;
}


/*contactuspage*/


.contactusbox{

background-color: #169fed;
padding: 20px;
margin:0px;
padding-top: 60px;

}

.contactusbox1{
  background-color: #fff;
  margin: 0px;
  padding: 10px 0px;
  width: 100%;
}

.contactusbox1icon{

  display: flex;
  gap: 12px;
  padding: 10px 12px;

}

.contactusbox1icon i{
  font-size: 24px;
}

.contactusbox1icon p{
font-size: 16px;
font-weight: 500;
color: black;
}

.contactusbox1icontext{
  margin: 0px 0px;
  padding: 0px 12px;
  display: flex;
  gap: 12px;
}

.contactusbox1icontext i{
line-height: 25px;

}

.contactusbox1icontext p{

  font-size: 16px;
  color: black;
  margin: 0px;
  padding: 0px;
  margin-bottom: 12px;
}


/*map*/

.mapbox{

margin: 0px;
padding: 0px;

}




  @media(max-width:991px){
    .resnav{
      display: block;
    }

    .dis_none{
      display: none;
    }
    .haedernav{

      width: 300px;
      background-color: white;
      position: fixed;
      top: 0;
      left: -100%;
      z-index: 99;
      height: 100%;
      transition: all 0.4s ease-in-out;
    }
    .haedernav ul{
      margin: 0px;
      padding: 0px;
      display: block;
    }
    .haedernav ul li{
      margin: 0px;
      padding: 14px 0px;
      display: block;
    }
    .haedernav ul li a{

      color: black;
    }
    .haedernav.main{
      left: 0;
    }
    .aboutusrightcertifiaction1box i{

      color: #fff;
      font-size: 14px;
    }
    .mt-326{
      margin-top: 326px;
    }

    .aboutusrightcertifiaction1box1 p{
      font-size: 14px;
    }
    .contactusbox{

      padding-top: 20px;
    }

  }