:root {

  --blue: #004aad;

  --orange: #e53935;
  
  --green: #28844b;

}



*:not(i) {

  box-sizing: border-box;

  font-family: "Montserrat", sans-serif;

}



h1,.tite1 {

  font-size: clamp(3rem, 2.5385rem + 2.0513vw, 4rem);

}



h2,.tite2 {

  font-size: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);

}



h3,.tite13 {

  font-size: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);

}



h4,.tite4 {

  font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);

}



h5,.tite5 {

  font-size: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);

}



h6,.tite6 {

  font-size: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);

}



.title7 {

  font-size: clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);

}



.fbig {

  font-size: 1.25rem;

}



.fsmall {

  font-size: 0.875rem;

}



.fs10 {

  font-size: 10px;

}



.fs12 {

  font-size: 12px;

}



.fs14 {

  font-size: 14px;

}



.fs16 {

  font-size: 16px;

}



.fs18 {

  font-size: 18px;

}



.fs20 {

  font-size: 20px;

}



.fs22 {

  font-size: 22px;

}



.fs24 {

  font-size: 24px;

}



.fs26 {

  font-size: 26px;

}



.fs28 {

  font-size: 28px;

}



.mt5 {

  margin-top: 5px;

}


.mb0{
  margin-bottom: 0 !important;
}
.mb5 {

  margin-bottom: 5px;

}



.mt10 {

  margin-top: 10px;

}



.mb10 {

  margin-bottom: 10px;

}



.family {

  font-family: "Montserrat", sans-serif;

}

.dview{
  display: block;
}
.mview{
  display: none;
}

.fw300 {

  font-weight: 300;

}



.fw400 {

  font-weight: 400;

}



.fw500 {

  font-weight: 500;

}



.fw600 {

  font-weight: 600;

}



.fw700 {

  font-weight: 700;

}



.fw800 {

  font-weight: 800;

}



.fw900 {

  font-weight: 900;

}



.blue {

  color: #004aad;

}

.green{
  color :#28844b;
}



.bgblue {

  background-color: #28844b;

}



.bgwhite {

  background-color: #ffffff;

}



.orange {

  color: #e53935;

}



.bgorange {

  background-color: #e53935;

}

.stylenone{
  all: unset;
}

.black {

  color: #000000;

}



.brandlogo {

  max-width: 140px;

  height: auto;

}



section {

  padding: 40px 0px;

}



header {

  padding: 10px 0px;

}



/* Pull up  */



li.pullup a {

  color: #000000;

  text-decoration: none;

  font-size: 18px;

  /* margin: 0px 5px; */

  padding: 10px 10px;

  position: relative;

  z-index: 0;

  cursor: pointer;

  display: inline-block;

  font-weight: 600;

}



li.pullup a:hover {

  color: #ffffff;

  background-color: #004aad;

  transition: 0.3s;

  border-radius: 2px;

}



li.pullUp a:before {

  position: absolute;

  width: 100%;

  height: 2px;

  left: 0px;

  bottom: 0px;

  content: "";

  background: green;

  opacity: 0.3;

  transition: all 0.3s;

}



.navbar-light .navbar-nav .nav-link {

  color: #000000;

  padding: 10px;

}



.navbar-light .navbar-nav .nav-link:hover {

  color: #ffffff;

}



.sec1 {

  background: url(../img/medical-bg.jpg) center center no-repeat;

  background-size: cover;

  padding: 40px 0px 100px 0px;

  position: relative;

}



.sec1 .container {
  z-index: 1;
  position: relative;
}


.banoverlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  background: rgba(0, 0, 0, 0.6);

}



.outerform {

  background-color: #28844b;

  padding: 30px 30px;

  border-radius: 10px;

}



.outerform button {

  border: 0;

  background-color: #e53935;

  color: #ffffff;

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 600;

  padding: 5px 20px;

  border-radius: 1px;

  transition: 0.3s;

  border: 1px solid transparent;

}



.outerform button:hover {

  background-color: #ffffff;

  color: #e53935;

  border: 1px solid #e53935;

  border-radius: 0;

}



.form-group {

  margin-bottom: 15px;

}



.sec2 {

  padding: 0;

}



.searchfilter {

  background-color: #ffffff;

  width: calc(100% - 20%);

  margin: 0 auto;

  margin-top: -50px;

  position: relative;

  padding: 25px 25px 50px 25px;

  box-shadow: 6px 12px 16px rgb(86 215 68 / 17%);

}



.searchfilter button {

  border: 0;

  background-color: #28844b;

  color: #ffffff;

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 600;

  padding: 3px 20px;

  transition: 0.3s;

  width: 100%;

  transition: 0.3s;

}



.searchfilter button:hover {

  background-color: #004aad;

}



.sec3 {

  padding: 60px 0px 40px 0px;

}



.circles {

  margin: 0 auto;

  margin-bottom: 30px;

  width: 200px;

  height: 200px;

  background-color: #004aad;

  border-radius: 50%;

  position: relative;

}



.circles img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */

.flip-card {

  background-color: transparent;

  width: 100%;

  height: 100%;

  /* border: 1px solid #f1f1f1; */

  /* perspective: 1000px; */

  margin: 0 auto;

  margin-bottom: 25px;

  max-width: 175px;

  height: 175px;

  /* Remove this if you don't want the 3D effect */

}



/* This container is needed to position the front and back side */

.flip-card-inner {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform 0.8s;

  transform-style: preserve-3d;

}



/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-card:hover .flip-card-inner {

  transform: rotateY(180deg);

}



/* Position the front and back side */

.flip-card-front,

.flip-card-back {

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  /* Safari */

  backface-visibility: hidden;
  border-radius: 20px;
  border: 2px solid #28844b;
  box-shadow: 0px 0px 10px rgb(19 216 19 / 42%);

}



/* Style the front side (fallback if image is missing) */

.flip-card-front {

  background-color: #ffffff;

  color: black;

}



/* Style the back side */

.flip-card-back {

  background-color: #28844b;

  color: white;

  transform: rotateY(180deg);

}



.flipsection .flip-card-front img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

}



.flipsection .flip-card-back h5 {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.commonbtn a {

  display: inline-block;

  text-decoration: none;

  font-size: 22px;

  background-color: #28844b;

  color: #ffffff;

  padding: 5px 25px;

  font-weight: 600;

  transition: 0.4s;

  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);

  border-radius: 1px;

}



.commonbtn a:hover {

  background-color: #004aad;

  transform: scale(1.1);

}

.sec4{
 background: #f9f8f8;
}


.hospitalbox {

  transition: 0.4s;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 20px !important;
  overflow: hidden;

}



.hospitalbox h5 {
  font-size: 1.4rem;
  margin-top: 20px;

}



.hospitalboxcnt {

  padding: 0px 15px;

}


.hospitalbox:hover {
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.05);
}


.hospitalimg {

  transition: 1s;
  height: 285px;
}



.hospitalbox:hover .hospitalimg {

  transform: scale(1.1) !important;

}



.hospitalboxcnt h5
 {

  color: #004aad;

}


 .hospitalboxcnt i {

    color : #28844b;

} 






.sec5 {

  background-color: rgb(67 186 51 / 20%);

}



.docslideinner.text-center {

  background-color: #ffffff;

  padding: 20px;

  position: relative;

  border-radius: 25px 25px 0 0;

}



.docprofile {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 14px;
    background: #fff;
    border-radius: 0 0 25px 25px;

}



.docprofile h6 {

  font-weight: 600;

  font-size: 22px;

  text-transform: capitalize;

  color: #004aad;

}



.docprofile p {

  font-weight: 500;

  font-size: 16px;

  text-transform: capitalize;

}



.docprofile a {

  font-weight: 600;

  font-size: 18px;

  text-transform: capitalize;

  color: #ea6f23;

  text-decoration: none;

}



.docoverlay {

  position: absolute;

  height: 0%;

  width: 100%;

  top: 0;

  left: 0;

  background-color: #28844beb;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  transition: 0.5s;

  overflow: hidden;
  border-radius: 20px;

}



.docoverlay p {

  color: #ffffff;

  font-weight: 600;

  font-size: 20px;

}



.docoverlay a {

  color: #ffffff;

  font-weight: 600;

  font-size: 20px;

  background-color: #004aad;

  text-decoration: none;

  padding: 5px 20px;

}



.docslideinner:hover .docoverlay {

  height: 100%;

  padding: 20px;

}



.stastic {

  padding: 20px;

  border-right: 2px solid #004aad;

}



.stastic img {

  width: 90px;

  margin-bottom: 15px;

}



.stastic h4 {

  font-weight: 800;

  font-size: 30px;

  color: #004aad;

  position: relative;

  display: inline-block;

}



.stastic p {

  margin: 0;

}



.stastic h4::after {

  content: "+";

  font-weight: 800;

  font-size: 30px;

  color: #004aad;

  position: absolute;

}



.stastic p {

  font-weight: 500;

  font-size: 22px;

}



.count {

  background-color: #ffffff;

  margin: 0 auto;

  width: calc(100% - 20%);

  box-shadow: 0px 0px 20px rgba(125, 125, 125, 0.7);

  transition: 0.5s;

}



.count:hover {

  transform: scale(1.1);

}



.sec8 {

  background: url(../img/free-medical.jpg) center center no-repeat;

  background-size: cover;

  background-attachment: fixed;

  padding-bottom: 0;

  padding-top: 48px;

}



.sec8 .outerform {

  background-color: #3379ba4d;

  padding: 30px 30px;

  border-radius: 10px;

  backdrop-filter: blur(3px);

  border: 2px solid rgba(255, 255, 255, 0.7);

}



.sec8 .outerform .form-control {

  background: rgba(255, 255, 255, 0.3);

  color: #ffffff;

}



.sec8 .outerform input.form-control::placeholder,

.sec8 .outerform textarea.form-control::placeholder {

  color: #ffffff;

}



.sec9 {

  background-color: rgb(86 215 68 / 17%);

}



.videobox {

  background-color: #ffffff;
  transition: 0.5s;
  border-radius: 20px;
  box-shadow: 0px 0px 10px rgb(19 216 19 / 42%);

}



.videobox:hover {

  transform: scale(1.05);

}



.story-card-title {

  font-weight: 600;

  font-size: 20px;

  margin-top: 15px;

}



.blog-itemcnt {

  padding: 20px 15px 35px 15px;

}



.blog-itemcnt h5 {

  font-size: 20px;

  color: #004aad;

  text-decoration: none;

  font-weight: 700;

  margin-bottom: 20px;

}



.blog_item {

  box-shadow: 0px 10px 15px rgba(125, 125, 125, 0.3);
  overflow: hidden;
  transition: 0.6s;
  border-radius: 20px;

}



.bi_img img {

  transition: 0.6s;

}



.blog_item:hover .bi_img img {

  transform: scale(1.1);

}



.blog-itemcnt p {

  font-size: 16px;

  color: #000000 !important;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2.7;

  -webkit-box-orient: vertical;

}



.blog_item .commonbtn a {

  font-size: 16px;

  box-shadow: unset;

  margin-top: 20px;

}



.bradcrumbsec {

  background-color: #004aad;

  padding: 10px 0px;

}



.bradcrumbsec .breadcrumb-item+.breadcrumb-item::before {

  float: left;

  padding-right: 0.5rem;

  color: #ffffff;

  content: var(--bs-breadcrumb-divider, "/");

}



.relateddoc {

  box-shadow: 0px 3px 13px rgba(125, 125, 125, 0.4);

  margin-bottom: 25px;

  position: relative;

}



.doctorprofilegeneralbox {

  border: 1px solid #2e7d3270;

  padding: 10px;

  margin: 0px 0px 35px 0px;

  box-shadow: 0px 5px 20px rgb(86 215 68 / 17%);
  border-radius:10px;

  /* background-color: rgba(51, 120, 186, 0.1); */

}



section.docsec1 {

  padding-top: 60px;

}



.doctorprofilegeneralboxcnt a {

  text-decoration: none;

  color: #ffffff;

  border: 1px solid #28844b;

  font-weight: 600;

  font-size: 14px;

  padding: 10px 20px;

  display: inline-block;

  margin-bottom: 15px;

  transition: 0.5s;

  background: #28844b;

}



.docasideblogs h6 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  font-size: 18px;

  font-weight: 600;

}



.docasideblogs p {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  font-size: 16px;

  font-weight: 400;

}



.docasideblogs {

  box-shadow: 0px 0px 30px rgba(125, 125, 125, 0.3);

}



.doctorprofilegeneralboxcnt h5 {

  font-size: 22px;

}



.doctorprofilegeneralboxcnt {

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



#relateddoc .relateddoc img {

  transition: 0.5s;

  width: 125px;

  height: 125px;

  border-radius: 50%;

  margin: 0 auto;

  display: inline-block;

  margin-top: -60px;

  border: 2px solid #004aad;

  padding: 5px;

}



#relateddoc .item {

  margin-top: 80px;

}



.relateddoccnt {

  padding: 25px 15px;

}



.relateddoccnt a {

  margin-top: 15px;

  display: inline-block;

  color: #ffffff;

  background-color: #28844b;

  font-weight: 600;

  font-size: 14px;

  text-decoration: none;

  padding: 5px 10px;

  transition: 0.5s;

}



.relateddoccnt a:hover {

  background-color: #004aad;

}



.relateddoccnt h5 {

  color: #004aad;

  font-weight: 600;

  font-size: 20px;

  margin-bottom: 20px;

}



.relateddoccnt p {

  margin-bottom: 10px;

}



.relateddoccnt i {

  color: #ea6f23;

}



ul.doctoptab li button {

  border: unset;

  background-color: unset;

  padding: 15px 18px;

  position: relative;

  color: #004aad;

  font-weight: 700;

  font-size: 18px;

}



ul.doctoptab li button.active::after {

  content: "";

  width: 100%;

  height: 3px;

  background-color: #ea6f23;

  position: absolute;

  left: 0;

  bottom: 0;

}



.docbottomtab {

  border-top: 1px solid #28844b;

  border-bottom: 1px solid #28844b;

}



ul.docbottomtab li button {

  border: unset;

  background-color: unset;

  color: #ffffff;

  background-color: #004aad;

  border-right: 1px solid #ffffff;

  border-bottom: 1px solid #ffffff;

  padding: 7px 20px;

  font-weight: 500;

  font-size: 14px;

}



.br0 {

  border-right: unset !important;

}



ul.docbottomtab li button.active {

  background-color: #28844b;

}



.doctorprofiledetailedbox {

  border: 1px solid #2e7d3270;

  box-shadow: 0px 5px 20px rgb(86 215 68 / 17%);

  margin: 25px 0px 30px 0px;

}



.docbottomtabcnt h6 {

  font-weight: 600;

  font-size: 20px;

  color: #E53935;

}



.docbottomtabcnt ul li {

  margin: 0;

  /* padding: 0; */

  list-style-type: none;

  position: relative;

  padding-left: 20px;

}



.docbottomtabcnt ul li::before {

  font-style: normal;

  font-weight: 400;

  font-size: 14px;

  color: #ea6f23;

  position: absolute;

  left: 0;

  top: 2px;

  content: "\f192";

  font-family: FontAwesome;

}



.docbottomtabcnt ul {

  margin: 0;

  padding: 0;

}



.docleavecomment {

  border: 1px solid #b9b9b9;

  padding: 10px;

  transition: 0.5s;

}



.docleavecomment:hover {

  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);

}



.docratingcomment {

  border: 1px solid #b9b9b9;

  padding: 10px;

  margin: 20px 0px;

  transition: 0.5s;

}



.docratingcomment:hover {

  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);

}



.docleavecomment h6 {

  font-size: 18px;

  margin-bottom: 20px;

  margin-top: 20px;

}



.docleavecomment button[type="submit"] {

  background-color: #E53935;

  color: #ffffff;

  padding: 7px 20px;

  font-size: 16px;

  font-weight: 600;

}



.docrightwidget .commonbtn a {

  font-size: 16px;

  margin-top: 15px;

}



.docseachfilter.sec2 {

  background-color: #28844b;

  margin: 0;

}



.docseachfilter.sec2 .searchfilter {

  background-color: #28844b;

  margin-bottom: 0;

  margin: 0 auto;

  box-shadow: unset;

  padding: 20px 10px;

}



.docseachfilter.sec2 .searchfilter h4 {

  color: #ffffff;

}



.docseachfilter.sec2 .searchfilter button {

  border: 0;

  background-color: #e53935;

  color: #ffffff;

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 600;

  padding: 3px 20px;

  transition: 0.3s;

  width: 100%;

  transition: 0.3s;

  height: 100%;

}



.doctorprofilegeneralboxcnt p {

  margin-bottom: 5px;

}



.dc-btnarea {

  margin-top: 20px;

}



.doctorprofilegeneralboxcnt a.whatsappdocbtn {

  color: #ffffff;

  background-color: #25d366;

  transition: 0.5s;

  border: 1px solid #25d366;

}



.doctorprofilegeneralboxcnt a.whatsappdocbtn:hover {

  color: #ffffff;

  border: 1px solid #25d366;

  background-color: #25d366;

}



.doclocationscard {
  transition: 0.5s;
  border: 1px solid rgba(125, 125, 125, 0.3);
  margin: 25px 0px;
  padding: 15px 15px 10px 15px;
}



.doclocationscard:hover {

  box-shadow: 0px 0px 10px rgba(125, 125, 125, 0.3);

}



.doctreatmenttags ul li::before {

  content: "";

}



.doctreatmenttags {

  margin-top: 10px;

}



.doctreatmenttags ul li {

  display: inline-block;

  padding: 0;

}



.doctreatmenttags ul li a {

    text-decoration: none;
    background-color: #F44336;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 2px;
    transition: 0.5s;

}



.doctreatmenttags ul li a:hover {

  background-color: #004aad;

}



.bright1 {

  border-right: 1px solid rgba(125, 125, 125, 0.3);

}



.dc-title a {

  text-decoration: none;

  color: #004aad;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 10px;

  display: inline-block;

}



.dc-title p {

  margin-bottom: 10px;

}



.dc-title p span i {

  color: #ea6f23;

}



.dc-doclocationvtwo p {

  margin-bottom: 5px;

}



.dc-doclocationvtwo p i {

  color: #ea6f23;

  padding-right: 5px;

}



.dc-doclocationvtwo a {

  color: #ffffff;

  text-decoration: none;

  background-color: #28844b;

  padding: 7px 20px;

  margin-top: 7px;

  display: inline-block;

  transition: 0.5s;

  font-weight: 600;

}



.dc-doclocationvtwo a:hover {

  background-color: #ea6f23;

  color: #ffffff;

}



.docrightwidget .outerform {

  padding: 20px 15px;

  border-radius: 5px;

  box-shadow: 0px 0px 30px rgba(125, 125, 125, 0.3);

}



.docrightwidget .outerform h5 {

  font-size: 20px;

}



.docrightwidget .outerform .otpbtn {

  font-size: 14px;

  padding: 6px 12px;

  height: 100%;

  font-weight: 500;

}



.relatedhoscnt {

  padding: 20px 10px 25px 10px;

  border: 1px solid #004aad;

  border-top: unset;

}



.relatedhoscnt a {

  color: #ffffff;

  background-color: #ea6f23;

  padding: 5px 10px;

  text-decoration: none;

  font-weight: 500;

}



.relatedhoscnt h6 {

  font-size: 18px;

  color: #004aad;

  font-weight: 500;

}



.docasideblogs .commonbtn a {

  font-size: 16px;

  box-shadow: unset;

}



a.dh-titletag {

  display: inline-block;

  color: #ffffff;

  background-color: #004aad;

  border-radius: 5px;

  text-decoration: none;

  padding: 3px 8px;

  font-size: 14px;

  margin-bottom: 8px;

}



a.dh-name {

  display: block;

  margin-bottom: 0px;

}



a.dh-add {

  color: #000000;

  margin-bottom: 5px;

}



.tretmenthero {

  background-color: #004aad;

}



/* **************************************************************************************

*******

TREATMENT PAGE CSS START

*******

*****************************************************************************/

#treatmentpage .outerform {

  background-color: #ffffff;

}

section.treatmentherosec.bgblue {

  padding-bottom: 90px;

}



.treatmentheroanimatedbar {

  display: flex;

  align-items: center;

}



.treatmentherotxt p {

  margin-bottom: 0px;

  color: #ffffff;

}



.treatmentbotps p {

  font-size: 14px;

  margin-bottom: 7px;

}



.graph {

  display: flex;

  flex-wrap: nowrap;

  flex-direction: row;

  justify-content: space-between;

  align-items: flex-end;

}



.graph span {

  width: 35px;

  margin: 0 10px;

  border-radius: 4px;

  display: block;

  background: #f89f36;

}



.graph span.bar1 {

  height: 28px;

  background-color: rgba(248, 159, 54, 0.25);

  -webkit-animation: bar1 5s infinite;

}



.graph span.bar2 {

  height: 37px;

  background-color: rgba(248, 159, 54, 0.25);

  -webkit-animation: bar2 5s infinite;

}



.graph span.bar3 {

  height: 56px;

  background-color: rgba(248, 159, 54, 0.25);

  -webkit-animation: bar3 5s infinite;

}



.graph span.bar4 {

  height: 71px;

  background-color: rgba(248, 159, 54, 0.25);

  -webkit-animation: bar4 5s infinite;

}

.treatmentallcntbox {

  padding: 30px 25px;

  box-shadow: 0px 0px 30px rgba(125, 125, 125, 0.3);

}

#loadmorecnt {

  display: none;

  transition: 0.5s;

}

#loadmore {

  background-color: #ea6f23;

  color: #ffffff;

  border: unset;

  margin-top: 25px;

  font-size: 18px;

  font-weight: 500;

  padding: 7px 20px;

  display: inline-block;

}

#treatmentpage .outerform.treatmentasideform {

  background-color: #004aad;

}



/* ****************************

TREATMENT PAGE CSS END

*************************/



/* ****************************

custom owl navigation

*************************/



.owl-prev,

.owl-next {

  background-color: #ea6f23 !important;

  color: #ffffff !important;

  width: 40px !important;

  height: 40px !important;

  border-radius: 50% !important;

  position: absolute;

}



.owl-prev {

  left: 0;

  top: calc(50% - 30px);

}



.owl-next {

  right: 0;

  top: calc(50% - 30px);

}



#testimonailshome .iteminner {

  text-align: center;

  /* padding: 20px 0px; */

  width: calc(100% - 150px);

  margin: 0 auto;

}



#testimonailshome .iteminner img {

  width: 80px;

  margin: 0 auto;

  margin-bottom: 20px;

}



#testimonailshome .iteminner h6 {

  color: #ea6f23;

  font-weight: 800;

}



#homehospital .item {

  margin: 0px 10px;

  margin-bottom: 30px;

}



.hospitalboxcnt .commonbtn a {

  font-size: 18px;

  margin: 10px 0px 20px 0px;

}



.hospitalboxcnt .commonbtn a:hover {

  background-color: #ffffff;

  color: #004aad;

}



footer#dc-footer {

  padding: 50px 0px 0px 0px;

  background-color: #28844b;

  margin-top: 20px;

}



.dc-footerbottom {

  padding: 20px 0px 50px 0px;

}



footer#dc-footer ul {

  margin: 0;

  padding: 0;

}



footer#dc-footer ul li {

  list-style-type: none;

  padding: 0;

}



footer#dc-footer h5 {

  color: #ffffff;

  font-weight: 700;

  font-size: 20px;

}



footer#dc-footer ul li a {

  color: #ffffff;

  text-decoration: none;

  font-weight: 600;

}



footer#dc-footer a {

  color: #ffffff;

  text-decoration: none;

  font-weight: 600;

  transition: 0.5s;

}



footer#dc-footer a:hover {

  color: #ea6f23;

  text-decoration: underline;

}



.copyright-row {

  margin-top: 20px;

}



.follow_us img {

  width: 30px;

}



button.otpbtn {

  font-size: 16px;

  padding-top: 6px;

  padding-bottom: 6px;

  width: 100%;

}
#doctors .searchfilter{
  margin-top: 50px;
} 
.treatmentcosts div:nth-child(1){
  margin-right: 30px;
}
#searchfilters .accordion-button {
  background-color: #004aad;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  padding: 7px 20 px;
}
#searchfilters .accordion-button:focus {
  z-index: unset;
  border-color: unset;
  outline: unset;
  box-shadow: unset;
}
#searchfilters .accordion-body{
  padding: 20px 0px;
  height: 200px;
  overflow-y: scroll;
}
#searchfilters .filteroptions {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
#searchfilters .filteroptions li{
 list-style-type: none;
}
#searchfilters .filteroptions li label{
  display: inline;
 }
#searchfilters .form-group {
  margin-bottom: 0px;
}


/* width */
#searchfilters .accordion-body::-webkit-scrollbar {
  width: 5px;
}

/* Track */
#searchfilters .accordion-body::-webkit-scrollbar-track {
  background: #004aad;
}

/* Handle */
#searchfilters .accordion-body::-webkit-scrollbar-thumb {
  background: #e53935;
}
/* width */
.allonbddoc::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.allonbddoc::-webkit-scrollbar-track {
  background: #ea6f23;
}

/* Handle */
.allonbddoc::-webkit-scrollbar-thumb {
  background: #004aad;
}

/* Handle on hover */
/* #searchfilters .accordion-body::-webkit-scrollbar-thumb:hover {
  background: #555;
} */
.allonbddoc {
  height: 500px;
  overflow-y: scroll; 
}
.doctorprofilegeneralboxcnt  a.stylenone {
 all: unset;
 cursor: pointer;
}
.videobox {
  margin-bottom: 30px;
}
.blog_wrapper{
  margin-bottom: 40px;
}
.copyright-row div a {
  margin-right: 15px;
}
.contactform{
  padding: 30px 20px;
  box-shadow: 0px 0px 20px rgba(125, 125, 125, 0.3);
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.contactform button{
  border: 0;
  background-color: #ea6f23;
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
  padding: 5px 20px;
  border-radius: 5px;
}
/* FAQS ACCORDION CSS START */

#faqs ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px;
  margin: 0;
  list-style: none;
  background-color: rgba(51, 120, 186, 0.3);
}
#faqs ul.accordion-list li {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0px;
  margin: 0 auto 15px auto;
  border: 1px solid #eee;
  border-radius: 5px;
  cursor: pointer;
}
#faqs ul.accordion-list li.active div.faqquestion:after {
  /* transform: rotate(45deg); */
  content: "-";
}
#faqs ul.accordion-list li div.faqquestion:after {
  content: "+";
  position: absolute;
  right: 10px;
  top: 50%;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-weight: 700;
  transform: translateY(-50%);
}
#faqs ul.accordion-list li div.faqquestion {
  font-weight: 600;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 15px;
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: 0.5s;
  background-color: #ea6f23;
  color: #ffffff;
}

#faqs ul.accordion-list li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  padding: 20px 15px;
}
/* #faqs ul.accordion-list li div.answer p {
  position: relative;
  display: block;
  font-weight: 300;
  padding: 10px 0 0 0;
  cursor: pointer;
  line-height: 150%;
  margin: 0 0 15px 0;
  font-size: 14px;
} */


/* FAQS ACCORDION CSS ENDS */



@keyframes bar1 {

  0% {

    background-color: rgba(248, 159, 54, 0.25);

  }



  20%,

  80% {

    background-color: rgba(248, 159, 54, 0.55);

  }



  100% {

    background-color: rgba(248, 159, 54, 0.25);

  }

}



@keyframes bar2 {

  0%,

  20% {

    background-color: rgba(248, 159, 54, 0.25);

  }



  40%,

  80% {

    background-color: rgba(248, 159, 54, 0.7);

  }



  100% {

    background-color: rgba(248, 159, 54, 0.25);

  }

}



@keyframes bar3 {

  0%,

  20%,

  40% {

    background-color: rgba(248, 159, 54, 0.25);

  }



  60%,

  80% {

    background-color: rgba(248, 159, 54, 0.85);

  }



  100% {

    background-color: rgba(248, 159, 54, 0.25);

  }

}



@keyframes bar4 {

  0%,

  20%,

  40%,

  60% {

    background-color: rgba(248, 159, 54, 0.25);

  }



  80% {

    background-color: rgba(248, 159, 54, 1);

  }



  100% {

    background-color: rgba(248, 159, 54, 0.25);

  }

}



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

  .stastic {

    border-bottom: 2px solid #004aad;

    border-right: unset;

  }
  .dview{
    display: none;
  }
  .mview{
    display: block;
  }
  .searchfilter {
    background-color: #ffffff;
    width: calc(100% - 0%);
    margin: 0 auto;
    margin-top: -50px;
    position: relative;
    padding: 30px 15px 30px 15px;
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.3);
}
.searchfilter h4 {
  font-size: 22px;
  margin-bottom: 15px;
}
.searchfilter button {
  margin-top: 20px;
}
.docseachfilter.sec2 .searchfilter button {

  height: unset;
}
#searchfilters{
  margin-bottom: 30px;
}

}

.overlay{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #4070F4;
  border-radius: 25px 25px 0 25px;
}
.overlay::before,
.overlay::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: -40px;
  height: 40px;
  width: 40px;
  background-color: #4070F4;
}
.overlay::after{
  border-radius: 0 25px 0 0;
  background-color: #FFF;
}

.docimage {
    height: 200px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 14px;
}