body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  overflow-x: hidden;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

#pricing .card-body {
  scrollbar-width: auto;
  scrollbar-color: #ffffff #fdfcfc;
}

/* Chrome, Edge, and Safari */
#pricing .card-body::-webkit-scrollbar {
  width: 7px;
}

#pricing .card-body::-webkit-scrollbar-track {
  background: #fdfcfc;
}

#pricing .card-body::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 10px;
  border: 3px solid #dfd8d8;
}

/* Lifestyle Disorder */
#carousel-order .item {
  background-color: aliceblue;
  padding: 9px 0 0 51px;
  width: 180px !important;
  border-radius: 4px;
  box-shadow: 3px 3px 10px -4px rgba(189, 189, 189, 0.75);
  -webkit-box-shadow: 3px 3px 10px -4px rgba(189, 189, 189, 0.75);
  -moz-box-shadow: 3px 3px 10px -4px rgba(189, 189, 189, 0.75);
}


#carousel-order .item img {
  width: 73px;
}

#carousel-order .item p {
  font-size: 14px;
  padding-left: 13px;
  padding-top: 5px;
  padding-bottom: 6px;
}

#infertility {
  padding-left: 2px !important;
}

#carousel-order .owl-stage-outer {
  margin-left: 25px;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}

/* .owl-dots button.owl-dot.active {
  background-color: #000;
} */
.owl-dots button.owl-dot:focus {
  outline: none;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}

span {
  font-size: 13px;
  position: relative;
  top: -5px;
}

.owl-nav button:focus {
  outline: none;
}

/* Lifestyle Disorder */
/* Loader */

/*CUSTOM PRELOADER*/
#loader-bg {
  position: fixed;
  z-index: 999999;
  background: #fff;
  width: 100%;
  height: 100%;
}

.loader-p {
  border: 0 solid transparent;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: calc(50vh - 75px);
  left: calc(50vw - 75px);
}

.loader-p:before,
.loader-p:after {
  content: '';
  border: 1em solid #45b3e4;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  animation: loader 2s linear infinite;
  opacity: 0;
}

.loader-p:before {
  animation-delay: 0.5s;
}

@keyframes loader {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/*end of custom preloader*/

/* Loader */

.common-padding {
  padding-top: 35px;
  padding-bottom: 32px;
}

.covid-common-padding {
  padding-top: 44px;
  padding-bottom: 32px;
}

.well-common-padding {
  padding-top: 20px;
  padding-bottom: 32px;
}

.life-common-padding {
  padding-top: 55px;
  padding-bottom: 32px;
}

.contact {
  float: right;
  list-style: none;
}

.contact a {
  color: black;
}

.form-inline {
  margin-right: 20px;
}

.btn-outline-success {
  color: #fffffff7;
  border-color: #fffffff7;
}

/* .carousel-item img{
  height: 30rem;
} */
.d-flex {
  justify-content: space-between;
}

.p1 {
  width: 400px;
  color: #fffffff7;
  background-color: #0000002e;
  border-radius: 1rem;
  padding: 2.6rem 1.5rem 1rem 1.5rem;
  font-size: 19px;
  font-weight: 600;
}

.box2 {
  position: absolute;
  z-index: 1;
  top: 21%;
  width: 87%;
}

.box2 {
  /* position: absolute;
    z-index: 1;
    top: 21%;
    width: 1689px;
    right: 7%; */
}

.form {
  background-color: #fffffff7;
  padding: 2rem;
  border-radius: 1rem;
}

.form p {
  color: #45b3e4;
  font-size: 16px;
}

#covid-test .img-wrapper {
  /* width:520px;
height:200px; */
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
  box-shadow: 5.5px 0 #80808005;

}

/* #covid-test .img-wrapper{
box-shadow: 5.5px 6px #80808012;
} */
#covid-test .img-wrapper button {
  position: absolute;
  font-size: 20px;
  right: 35px;
  bottom: 6px;
  border: none;
  padding: 8px 16px;
  border-radius: 5px 0;
  background-color: #00000040;
  color: #fff;
  font-weight: 600;
}

#covid-test .inner-img {
  transition: 0.3s;
  width: 100%;
}

#covid-test .inner-img:hover {
  transform: scale(1.1);
}

/* Other styling elements, that are not necessary for the example */

#covid-test .img-wrapper {
  border-radius: 8px;
  display: inline-block;
  box-sizing: border-box;
  box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.75);
}

#covid-test {
  background-color: #fafafa;
}

.text1 {
  font-weight: 600;
  line-height: 19.19px;
}

.card-title {
  color: #384084;
  font-weight: bold;
  font-size: 16px;
}

.check-list .card {
  border-radius: 5px;
}

.card-text {
  font-size: 13px;
  line-height: .3;
}

.card .overlay-text {
  position: absolute;
  top: 50px;
  left: 10px;
  right: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
}

#p2 {
  /* font-weight: 800;
  color:#45b3e4;
  font-size: 2.5rem;
  margin-bottom: 0;
  text-align: center; */
  font-weight: 600;
  color: #45b3e4;
  font-size: 2rem;
  margin-bottom: 0;
  font-family: arial;
  text-align: center;

}

#p6 {
  font-weight: 600;
  color: #2d2c79;
  font-size: 2rem;
  margin-bottom: 20px;
  font-family: arial;
}

#p3 {
  font-weight: 600;
  color: #fff;
  font-size: 2rem;
  margin-bottom: 20px;
  font-family: arial;

}

/* .test-card .card-footer .btn{
  font-size: 14px;
  font-weight: 600;
  color: #fbfbfb !important;
} */
#available-tests {
  background-image: url("../images/back1.jpg");
  background-size: cover;
}

#available-tests .card {
  margin: 14px 0;
}

#available-tests .card a {
  text-decoration: none;
}

#available-tests .card a h4 {
  color: black;
  padding-top: 10px;
}

#available-tests .card a h4 i {
  font-size: 1.1em;
  color: #a9a9a975;
  padding-top: 10px;
  padding-left: 20px;
}

#quality {
  background-image: url("../images/bg2.jpg");
  background-size: cover;
}

#p5 {
  font-weight: 600;
  color: #2d2c79;
  font-size: 2rem;
  margin-bottom: 20px;
  font-family: arial;
}

#quality {
  background-color: #27247b;
}

#quality p {
  color: #fffffff7;

}

#quality .card {
  background-color: #45b3e4a6;
}

#quality .card p i {
  font-size: 3.5em;
}

#p4 {
  font-weight: 600;
  color: #fff;
  font-size: 2rem;
  margin-bottom: 20px;
  font-family: arial;
}

.quality-desc {
  font-weight: 500;
  word-spacing: .1rem !important;
  text-align: justify;
}

#blog {
  background-color: #fafafa;
}

#blog .card {
  border-radius: .75rem;
}

#blog .card-title {
  font-size: 14px;
}

.owl-one .item img {
  width: 290px !important;
}

#video1 {
  background-color: #27247b30;
}

#video1 .owl-dots {
  display: none;
}

#video1 .owl-nav {
  display: none;
}

#video2 {
  background-color: #27247b30;
}

#home-video div {
  margin-bottom: 22px;
}

/* Review Part main */
/*--- Our testimonials ---*/
.testi-big {
  position: relative;
  width: 98%;
  display: table;
  padding: 20px 22px 25px 0;
  overflow: hidden;
}

.testi-big::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 90%;
  height: 100%;
  background: #f9f9f9;
  z-index: -1;
  border: 2px solid transparent;
}

.testi-big blockquote {
  margin: 0;
}

.testi-img {
  position: relative;
}

.testi-img figure {
  position: relative;
  width: 120px;
  height: 120px;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
}

.testi-img img {
  width: 100%;
  height: 100%;
}

.testi-content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 37px;
}

.quote-content p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  margin-bottom: 23px;
  font-style: italic;
}

.quote-content h3 {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 600;
}

.quote-content span {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 11px;
}

.quote-img {
  position: absolute;
  right: -32px;
  top: -33px;
  font-style: italic;
  z-index: 99999;
  font-size: 74px;
}

.read-all {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 53px;
  display: inline-block;
}

.read-all a {
  font-size: 18px;
  vertical-align: middle;
  height: 59px;
  line-height: 24px;
}

.read-all i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 9px;
  color: #cf7e9e;
}

/* */
#review {
  background-image: url('../images/review.jpg');
  background-size: cover;
}

#review #p2 {
  padding-bottom: 0;
  margin-bottom: 0;
}

.description {
  color: black !important;
}

.box p {
  color: black;
}

.testimonials-clean {
  color: #ffffffb5;
}

.testimonials-clean h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: #ffffffb5;
}

.testimonials-clean .item img {
  max-width: 40px;
  float: left;
  margin-right: 12px;
  margin-top: -5px;
}

.review-common-padding {
  padding-top: 35px;
  padding-bottom: 17px;
}

@media (max-width:767px) {
  .testimonials-clean h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
  color: #ffffffb5;
}

.testimonials-clean .intro p {
  margin-bottom: 0;
}

.testimonials-clean .people {
  padding: 30px 0 20px;
}

@media (min-width:768px) {
  .testimonials-clean .item {
    height: 220px;
  }
}

.testimonials-clean .item .box {
  padding: 30px;
  background-color: #fffffff7;
  position: relative;
}

.testimonials-clean .item .box:after {
  content: '';
  position: absolute;
  left: 30px;
  bottom: -24px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-width: 12px 15px;
  border-top-color: #fffffff7;
}

.testimonials-clean .item .author {
  margin-top: 28px;
  padding-left: 25px;
}

.testimonials-clean .item .name {
  font-weight: bold;
  margin-bottom: 2px;
  color: inherit;
}

footer {
  padding: 20px 0 0 0;
  background-color: #fcfcfc;
  border-top: 2px solid #45b3e4;
}

footer p {
  font-size: 12px;
  line-height: 1.3;
  margin-top: -8px;
}

.footer-contact {
  font-size: 19px;
  color: #2d2c79;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

.trade-license {
  font-size: .8rem;
  font-weight: 800;
}

footer .common-padding {
  padding-bottom: 20px;
}

footer .first-section img {
  width: 130px;
  padding-bottom: 26px;
}

.footer-part a {
  color: black;
}

.footer-part h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.25rem;
  margin-bottom: 30px;
}

.follow a:nth-child(1) {
  color: #0f91f3;
}

.follow a:nth-child(2) {
  color: #ff0000;
}

.follow i {
  font-size: 17px;
  padding-right: 12px;
}

/* CT Scan Page */
#test-name {
  padding-left: 50px;
  margin-bottom: 0;
}

.right1 {
  padding-right: 50px;
}

#one {
  background-color: #f8f8f8;
  padding-top: 12px;
  padding-bottom: 12px;
}

#one p {
  font-size: 13px;
}

#two .btn {
  background-color: #45b3e4;
  border: none;
  width: 50%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  color: #fff;
}

#two {
  padding-top: 50px;
}

#two img {
  width: 220px;
  border-radius: 20px;
}

#two h3 {
  font-size: 18px;
  font-weight: 600;
}

#two p {
  font-weight: 500;
  font-size: 13px;
}

.box-1 {
  border: 1px solid #80808038;
  border-radius: 20px;
  padding: 15px;
}

.box-1 button {
  background-color: #45b3e4;
  border: none;
  font-size: 14px;
  padding: 8px 36px;
}

.box-1 a {
  color: black;
  text-decoration: none;
}

.box-1 a:hover {
  background-color: transparent;
}

#acc {
  margin: 50px 0;
}

#acc .card-body p {
  font-weight: 600;
  font-size: 13px;
}

#acc #faq .card {
  margin-bottom: 30px;
  border: 0;
}

#acc #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
}

#acc #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  color: #222;
  padding: 20px;
}

#acc #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#acc #faq .card .card-header .btn-header-link.collapsed {
  color: black;
}

#acc #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#acc #faq .card .collapsing {
  line-height: 30px;
}

#acc #faq .card .collapse {
  border: 0;
}

#acc #faq .card .collapse.show {
  line-height: 30px;
  color: #222;
}

.accordion .card .btn {
  background-color: #f7f7f7;
}

.acc-border .btn:focus {
  box-shadow: none !important;
}

.section-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.check-btn {
  background-color: #45b3e4;
  color: #fff;
  font-weight: 600;
  margin-top: 11px;
}

.lead .btn {
  background-color: #45b3e4;
}

/* Test Packages */
.card {
  border-radius: 8px;
}

.pkg-btn {
  background-color: #45b3e4;
  border: none;
  width: 22%;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
}

#sidebar1 {
  background-color: #f7f8fa;
}

#sidebar1 h6 {
  background: #45b3e4;
  padding: 12px;
  color: #fff;
  font-weight: 600;
  width: 97%;
}

/* #sidebar1 hr{
border-top:1px solid black;
} */
#sidebar1 nav {
  /* padding: 10px 14px; */
  /* width: 200px; */
  position: sticky;
  /* top: 51px; */
  left: 117px;
  background-color: #fff;
  border: .5px solid #dad9d9;
  height: 461px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#sidebar1 nav {
  scrollbar-width: auto;
  scrollbar-color: #ffffff #fdfcfc;
}

/* Chrome, Edge, and Safari */
#sidebar1 nav::-webkit-scrollbar {
  width: 7px;
}

#sidebar1 nav::-webkit-scrollbar-track {
  background: #fdfcfc;
}

#sidebar1 nav::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 10px;
  border: 3px solid #dfd8d8;
}

#sidebar1 nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar1 nav ul li {
  font-size: 14.4px;
}

#sidebar1 nav ul li a {
  font-size: 14px;
  display: block;
  color: #969292;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
  line-height: 1.3;
  font-family: 'Roboto Condensed', sans-serif;
}

#sidebar1 nav ul li a:hover {
  color: #0859fa;
}

#sidebar1 nav ul li a .fa {
  width: 16px;
  text-align: center;
  margin-right: 5px;
  float: right;
}

#sidebar1 nav ul ul {
  background-color: #ebebeb;
}

#sidebar1 nav ul li ul li a {
  background: #f8f8f8;
  border-left: 4px solid transparent;
  padding: 10px 20px;
}

#sidebar1 nav ul li ul li a:hover {
  background: #ebebeb;
  border-left: 4px solid #3498db;
}

#sidebar1 h4 {
  font-weight: 600;
  color: #27247b;
}

.view-test-btn button {
  font-size: 13px;
  padding: 10px 15px;
  width: 120px;
  font-weight: 600;
}

.pkg-box .btn {
  font-size: 12px;
}

#lifestyle-disorder .card {
  width: 10rem;
  height: 12.3rem;
}

#lifestyle-disorder .card a {
  text-decoration: none;
}

#lifestyle-disorder .card p {
  font-size: 11px;
}

#lifestyle-disorder .card h5 {
  font-size: 13px;
}

#lifestyle-disorder .card-img,
.card-img-top {
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}

/*
.owl-dots {
text-align: center;
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl-dots button.owl-dot.active {
background-color: #000;
}
.owl-dots button.owl-dot:focus {
outline: none;
} */
.w-pkg .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}

.w-pkg .owl-slider span {
  font-size: 70px;
  position: relative;
  top: -5px;
}

.w-pkg .owl-nav button:focus {
  outline: none;
}

.lifestyle .owl-carousel .owl-item img {
  width: 116px !important;
  padding-left: 41px;
  padding-top: 14px;
}

.lifestyle p {
  font-size: 12px;
  text-align: center;
  padding-top: 10px;
}

.lifestyle .owl-stage-outer {
  margin-left: 30px;
  padding-top: 40px;
}

.lifestyle .owl-item {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
  border: 1px solid hsla(0, 0%, 100%, .8);
  border-radius: 8px;
  width: 156px !important;
  background-color: #45b3e417;
  margin-left: 4px !important;
}

/* Pricing */
/*
.w-pkg .owl-stage-outer{
margin-left: 30px;
padding-top: 40px;
}
.w-pkg .owl-item{

width: 240px !important;
}
.w-pkg .owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
.w-pkg .owl-nav button.owl-prev {
left: 0;
}
.w-pkg .owl-nav button.owl-next {
right: 0;
}
.w-pkg .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}
.w-pkg .owl-slider span {
  font-size: 70px;
  position: relative;
  top: -5px;
}
.w-pkg .owl-nav button:focus {
  outline: none;
} */
#pricing .owl-height {
  height: 494px !important;
}

#pricing .owl-dots {
  padding-top: 0;
}

/* POP UP BOX Starts */
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000e0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  z-index: 10000;
}

.bts-popup-container {
  position: relative;
  width: 45%;
  margin: 4em auto;
  background: #fff;
  border-radius: none;
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.bts-popup-container img {
  width: 100%;
}

.bts-popup-container p {
  color: black;
  font-size: 13px;
  text-align: left;
  font-weight: bold;
}
.pop-form ul{
    list-style: disc;
}
.pop-form ul li{
    text-align: left;
    color: #45b3e4;
}
.pop-form ul li::marker{
    color: gray;
    font-size: 17px;
}
.bts-popup-container .btn {
  padding: 5px 18px;
  border: none;
  background-color: #45b3e4;
  color: #fff;
}

/*.bts-popup-container a {*/
/*  color: white;*/
/*  text-decoration: none;*/
/*  text-transform: uppercase;*/
/*}*/

.bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}

.bts-popup-container .bts-popup-close::before,
.bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: black;
}

.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}

.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.pop button {
  border: 1px solid red;
  background-color: #fff;
  color: #fff;
}

.title4 {
  margin-bottom: 43px;
  color: #fff;
  font-weight: bold;
}

@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 1em auto;
  }
}

/*@media only screen and (max-width: 500px) {*/
/*  .bts-popup-container img {*/
/*    display: none;*/
/*  }*/
/*}*/

.pop-form {
  padding: 32px 0px 0 40px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(206,235,241,1) 73%, rgba(156,222,236,1) 100%);
}
.pop-form h1{
    color: #40a9d7;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 28px;
}
.pop-form h4{
    color: #342e8e;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}
.pop-form h6{
    color: #00a659;
    text-align: left;
    font-weight: bold;
    padding-top: 12px;
}
.pop-list{
    padding-left: 17px;
}
.pop-step-one{
    padding-top: 34px;
}
.here-link p {
    color: #000;
    font-size: 14px;
    padding-top: 0;
    margin-bottom: 10px;
}
.here-link p a {
    font-size: 15px;
    background-color: #342e95;
    padding: 4px 16px;
    color: #fff;
    border-radius: 20px;
}
.popli-one img{
    padding-bottom: 16px;
}
.popli-three img{
    padding-top: 12px;
}
.popli-one .popli-two, .popli-three{
    padding-top: 16px;
}
.step2{
    padding-top: 10px;
}
.step2 span{
    font-size: 14.5px;
    position: relative;
    top: 0;
    background-color: #342e95;
    padding: 4px 16px;
    color: #fff;
    border-radius: 20px;
    margin-right: 6px;
}
@media(max-width: 767px){
    .bts-popup{
        overflow-y: scroll;
    }
    .pop-step-one {
    padding-top: 0;
}
.pop-form h1{
    font-size: 24px;
}
.pop-form h4{
    font-size: 20px;
}
}
/* POP UP BOX Ends */
/* User Profile */
.my-profile {
  background: #fff;
  padding: 14px;
  border-radius: 6px;
}

.my-profile .text-md-right {
  font-family: 'Roboto Condensed', sans-serif;
}

.my-profile dd {
  font-family: 'Roboto Condensed', sans-serif;
}

.profile-back {
  background: #fcfcfc;
  box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.18);
}

.my-pro {
  padding-top: 65px;
  padding-bottom: 33px;
}

.profile-right {
  border-right: 2px solid #e8e1e1;
}

.my-pro-row .btn {
  font-size: 13px;
}

.my-pro-row {
  border: 1px solid #00000017;
  box-shadow: -1px 9px 4px -7px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: -1px 9px 4px -7px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: -1px 9px 4px -7px rgba(0, 0, 0, 0.13);
}

.profile-title p {
  font-size: 15px;
  border: 2px solid #e8e1e1;
  padding: 5px 8px;
  width: 100%;
}

.profile-desc p {
  font-size: 15px;
  border: 2px solid #e8e1e1;
  padding: 5px 8px;
}

.user-profile {
  padding-top: 65px;
  padding-bottom: 30px;
}

.user-profile p {
  font-size: 13.5px;
  line-height: 17px;
}

.user-profile a {
  border: 1px solid #0000005e;
  padding: 5px;
  border-radius: 2px;
  font-size: 13.5px;
  color: black;
}

/*User Profile Ends */
/* Doctor Suggestion */
/*the container must be positioned relative:*/

.wrap {
  width: 100%;
  text-align: center;
}

.lookup {
  border-radius: 0.5em;
  display: inline-block;
  text-align: left;
}

.matches {
  margin: 0.5em 0 0;
  padding: 10px;
  position: absolute;
  z-index: 99;
  width: 84%;
  background: #f4f4f4;
  border-radius: 10px;
}

.matches>.match {
  margin: 0;
  padding: 0.5em;
  background-color: white;
  list-style: none;
}

.matches>.match:first-child {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.matches>.match:last-child {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.match>.highlight {
  background-color: #70CDFF;
  border-radius: 0.2em;
}

.doctor-search input {
  width: 410px;
}

/* Doctor Suggestion */
/* Test Suggestions */

.wrap1 {
  width: 100%;
  text-align: center;
}

.lookup1 {
  border-radius: 0.5em;
  display: inline-block;
  text-align: left;
}

.lookup1 label {
  margin-bottom: 0;
}

.lookup1 button {
  background-color: #007bff;
  border: none;
  color: #fff;
  padding: 3px 12px;
  border-radius: 3px;
}

.matches1 {
  margin: 0.5em 0 0;
  padding: 10px;
  position: absolute;
  z-index: 99;
  width: 84%;
  background: #f4f4f4;
  border-radius: 10px;
}

.matches1>.match1 {
  margin: 0;
  padding: 0.5em;
  background-color: white;
  list-style: none;
}

.matches1>.match1:first-child {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.matches1>.match1:last-child {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.match1>.highlight1 {
  background-color: #70CDFF;
  border-radius: 0.2em;
}

/* DOCOTR PROFILE PAGE*/
.doctor-links {
  position: absolute;
  bottom: 24px;
}

#doctors .md-form {
  margin-top: 0 !important;
  padding: 2px;
  width: 100%;
  margin-bottom: 11px;
}

.doctor-detail {
  padding-top: 65px;
  padding-bottom: 30px;
}

.doctor-detail .d-flex {
  justify-content: flex-start;
}

.doctor-detail th {
  text-align: center;
  padding-right: 60px;
}

.doctor-detail p {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.doctor-detail h6 {
  font-weight: 600;
}

#doctors .card {
  margin-top: 65px;
  border-radius: 10px;
  background-color: #f4f4f4;
  height: 510px;
}
@media(280px <= width <= 480px)
{
  #doctors .card{
    height: 580px;
  }
  .flex-loc p,
.flex-loc-rest p,
.flex-loc-rest-last p {
  font-size: 13px;
}
}
@media(481px <= width <=767px){
  #doctors .card img {
    width: 100%;
    height: 78px;
}
}
@media(768px<= width <= 1024px){
#doctors .card{
    height: 500px;
  }
}
#doctors .form-control {
  font-weight: normal;
}

#doctors .card img {
  width: 100%;
  height: 288px;
  object-fit: cover;
}

#doctors p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

#doctors h5 {
  font-size: 24px;
}

#doctors h6 {
  font-size: 19px;
}

#doctors .input-group {
  padding-left: 0;
}

.test-search .input-group {
  width: 320px;
  margin-left: 14px;
}

.test-body h5 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.lab-btn {
  color: #fff;
  background-color: #45b3e4;
  border-color: #45b3e4;
}

.test-body .btn-primary {
  color: #fff !important;
  font-size: 12px;
  position: absolute;
  bottom: 22px;
}

.package-search .input-group {
  width: 320px;
  margin-left: 37px;
}

/* .inner-search button{
  background-color: #45b3e4;
  width:100%;
  border: none;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #fff;
} */
.search-doc button {
  background-color: #007bff;
  border: none;
  color: #fff;
  padding: 3px 12px;
  border-radius: 3px;
}

#doctors .card-title {
  font-size: 15px;
}

#doctors .card-subtitle {
  font-size: 15px;
}

#doctors .card-text {
    font-size: 12px;
}

#doctors .card-link {
  font-size: 13px;
}

#doctors .form-control {
  border: 1px solid #00000033;
}

#doctors #appModal button {
  background-color: #45b3e4;
  border: none;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #fff;
  width: 10%;
}

#appModal .modal-title {
  color: red;
}

.modal {
  z-index: 10000;
}

/* Cart icon */

/* Cart icon */

/* CART PAGE */
.branch-options .input-group{
  padding-left: 0;
}
.branch-options .input-group-text{
    background-color: #45b3e4;
    color: #fff;
}
.cart img {
  width: 112px;
}

.table {
  border: .5px solid #80808061;
}

.table button {
  padding: 3px 14px;
  border-radius: 4px;
  background-color: #45b3e4;
  color: black;
  font-weight: bold;
}

.table #loc-head {
  width: 150px;
}

.cart .btn {
  background-color: #45b3e4;
  width: 100%;
  border: none;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #fff;
}

.table th,
table td {
  border: .5px solid #80808061;
}

.bg-light-white {
  background-color: #f4f4f4;
}

/* New Menu */

/* hover dropdown menus */
/*
.navbar{
padding-left: 75px;
padding-right: 75px;
}*/
.menuOne {
  margin-top: 5px;
}

.menuOne,
.menuTwo {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.menu1 hr {
  margin-top: 0;
}

.navbar0 {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar0 li i {
  font-size: 1.2em;
  padding: 10px;
}

.social li a:nth-child(1) {
  color: #0f91f3;
}

.social li a:nth-child(2) {
  color: #ff0000;
}

.mob-nav .fa-facebook{
    color: #0f91f3;
    font-size: 1.2em;
}
.mob-nav .fa-youtube{
    color: #ff0000;
    font-size: 1.2em;
}

#top-cart i {
  padding: 0;

}

.cartvalue {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #fecc4e;
  width: 24px;
  height: 19px;
  padding-top: 4px;
  font-size: 12px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  border-radius: 100%;
}

.hotline {
  padding-right: 38px !important;
}

#hotline {
  font-weight: bold;
  font-size: 13px;
}

#hotline i {
  padding: 0;
}

.navbar {
  color: black;
}

.nav-link {
  padding-left: 30px !important;
}

.navbar a {
  color: black;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.navbar-toggler-icon {
  background-image: url('../images/tglr.jpg');
}

.dropdown-menu {
  background-color: #fff;
}

.p-corner a {
  font-size: 12px;
}

.dropdown-item {
  padding: 0 10px;
}

.dropdown-menu hr {
  margin-top: 2px;
  margin-bottom: 2px;
}

/* .navbar-brand img{
  width: 180px;
} */
.navbar1 {
  background-color: white;
  padding: 2px 0;
}

.navbar1 a {
  color: black;
}

.dropdown-item {
  color: #757575 !important;
}

.p-corner {
  font-size: 12px;
}

/*
.dropdown-menu .dropdown-menu .dropdown-item{
position: absolute !important;
top:-10px !important;

}
*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar0 .social {
  padding-left: 27px;
}

.navbar2 li {
  list-style: none;
}

.navbar2 {
  z-index: 1000;
  padding-left: 300px;
  background-color: #45b3e4;
  color: #fff;

}

.navbar1 a {
  color: black;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.navbar2 .dropdown-menu li a {
  color: white;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.navbar2 a {
  color: white;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.box1 {
  border: 1px solid black;
  border-radius: 5px;
  padding: 13px 23px;
}

.box3 {
  border: 1px solid #00000038;
  padding-right: 15px !important;
  padding-left: 15px !important;
  border-radius: 5px;
}

label {
  color: #6666669e;
}

.nav-link {
  padding-right: 0;
}

.download {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.doc-app{
    margin-right: 30px !important;
    background-color: #45b3e4;
    color: #fff !important;
}
.doc-app i{
    color: #fff;
}
.input-group {
  padding-left: 30px;
}

.checkout-username .input-group {
  padding-left: 0;
}

.display-3 {
  font-size: 3rem;
}

/*
.input-group-append button{
background-color: #45b3e4;
color:#45b3e4;
}
*/
.bts-popup .form-control {
  border: 1px solid black;
  padding: 6px;
  font-weight: bold;
  font-size: 10px;
}

.form-control {
  border: 1px solid #00000038;
  padding: 6px;
  font-size: 16px;
}

.input-group-append button {
  background-color: #45b3e4;
  color: #fff;
}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

/*Table CSS */
thead {
  background-color: #45b3e4;
}

table td {
  font-size: 13px;
}

.dept {
  background-color: #45b3e436;
}

.dept td {
  font-size: 15px;
  font-weight: 600;
}

.page-title h4 {
  padding-top: 36px;
  padding-bottom: 50px;
  font-weight: 600;
  color: RGB(39, 36, 123);
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}

.ref-detail hr {
  border-top: 2px dashed black;
}

.ref-detail {
  padding-bottom: 33px;
}

.ref-detail p {
  font: 400;
  font-size: 13.3px;
}

#reference {
  padding-bottom: 50px;
}

#reference .card-body p {
  font-size: 13.3px;
}

#reference .accordion .card .btn {
  font-weight: 600;
  color: #45b3e4;
}

/* Appointment Form Starts */

#app-form form {
  max-width: 300px;
  margin: 10px auto;
  padding: 18px 20px;
  background: #f4f7f8;
  border-radius: 8px;
}

#app-form h1 {
  margin: 0 0 30px 0;
  text-align: center;
}

#app-form input[type="text"],
#app-form input[type="password"],
#app-form input[type="date"],
#app-form input[type="datetime"],
#app-form input[type="email"],
#app-form input[type="number"],
#app-form input[type="search"],
#app-form input[type="tel"],
#app-form input[type="time"],
#app-form input[type="url"],
#app-form textarea,
#app-form select {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  font-size: 16px;
  height: auto;
  margin: auto;
  outline: 0;
  padding: 8px;
  width: 100%;
  background-color: #e8eeef;
  color: black;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
}

#app-form input[type="radio"],
#app-form input[type="checkbox"] {
  margin: 0 4px 8px 0;
}

#app-form select {
  padding: 6px;
  height: 32px;
  border-radius: 2px;
}

#app-form button {
  padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #45b3e4;
  font-size: 15px;
  text-align: center;
  font-style: bold;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #45b3e4;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
  margin-bottom: 10px;
}

#app-form fieldset {
  margin-bottom: 30px;
  border: none;
}

#app-form legend {
  font-size: 1.4em;
  margin-bottom: 10px;
}

#app-form label {
  display: block;
  margin-bottom: 8px;
}

#app-form label.light {
  font-weight: 300;
  display: inline;
}

#app-form .number {
  background-color: #5fcf80;
  color: #fff;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 0.8em;
  margin-right: 4px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  border-radius: 100%;
}


#app-form form {
  max-width: 480px;
}

/* Department Box */
.container-1 {
  display: flex;
}

#dept .btn {
  background-color: transparent;
  border: none;
}

#dept .card-body {
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 26px 0 5px 0;
}

#dept .card-body a {
  color: #fff;
  font-size: 14px;
}

#dept .box {
  width: 240px;
  height: 80px;
  background-color: gray;
  margin: 80px 40px;
  border-radius: 10px;
}

#dept .card {
  background-color: #45b3e4;
  width: 16.4rem;
  height: 6rem;
  line-height: 1.2;
  margin-bottom: 52px;
}

#dept .card .btn {
  font-weight: 600 !important;
}

.modal-footer .btn-secondary {
  background-color: #007bff;
}

/*
.list-group-item{
  border:1px solid #545a61;
}
*/
.list-group-item a {
  text-decoration: none;
  color: black;
}

#biochem-test .card .btn {
  background-color: #27247b;
  border: none;
  width: 32%;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

#biochem-test .card-title {
  color: #27247b;
  font-weight: bold;
  font-size: 16px;
}

#biochem-test i {
  color: #45b3e4;
}

#biochem-test .card:hover {
  border: 1px solid #27247b;
}

.search-contain input {
  background-color: #27247b !important;
  color: #fff;
  width: 26%;
  padding: 9px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 5px;
}

#biochem-test .btn-secondary {
  background-color: #27247b;
}

/* Lifecycle Disorder CSS */
.tab-content {
  background-color: #f3f3f5;
  border-radius: 22px;
}

.tab-inner {
  padding: 20px 40px 30px 44px;
}

.tab-inner p {
  font-size: 12px;
}

.custom-tabs>.nav {
  border: none;
  position: relative;
  justify-content: center;
}

/*
.custom-tabs>.nav:before{
content: "";
position: absolute;
left: 0;
top: calc(50% - 1px);
width: 100%;
height: 1px;
background-color: #ff1100
}
*/
.custom-tabs>.nav>.nav-item>.nav-link {
  background-color: #f4f4f4;
  margin: 0;
}

.bx-wrapper {
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
}

.heart-disease .nav-tabs .nav-item {
  margin-bottom: -10px !important;
}

.heart-disease h4 {
  color: #26237a;
  font-weight: 600;
}

.heart-disease {
  background-color: #fff;
}

.list1 {
  list-style: none;
  padding-left: 5px;
}

.list1 li i {
  color: #45b3e4;
}

.list1 a {
  color: black;
}

.list1 button {
  background-color: #45b3e4;
  border: none;
  width: 8%;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border-radius: 10px;
}

/*our services*/
.our-services .filter-gallery>ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.custom-tabs>.nav>.nav-item>.nav-link,
.our-services .filter-gallery>ul>li>a {
  padding: 8px 40px;
  position: relative;
  font-size: 14px;
  overflow: hidden;
  display: block;
  z-index: 10;
  text-align: center;
  background-color: transparent;
  border: 1px solid #26237a;
  transition: 0.5s all;
  margin: 0 5px 10px;
  border-radius: 0px;
}

.custom-tabs>.nav>.nav-item>.nav-link:before,
.our-services .filter-gallery>ul>li>a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 10%;
  height: 100%;
  z-index: -1;
  background-color: #45b3e4;
  transition: 0.5s all;
}

.custom-tabs>.nav>.nav-item:hover>.nav-link,
.custom-tabs>.nav>.nav-item>.nav-link.active,
.our-services .filter-gallery>ul>li.active>a,
.our-services .filter-gallery>ul>li:hover>a {
  color: #fff;
  background: #45b3e4;
  transition: 0.5s all;
}

.custom-tabs>.nav>.nav-item:hover>.nav-link:before,
.custom-tabs>.nav>.nav-item>.nav-link.active:before,
.our-services .filter-gallery>ul>li.active>a:before,
.our-services .filter-gallery>ul>li:hover>a:before {
  width: 100%;
}

.our-services .service-item .text-wrapper {
  padding-bottom: 20px;
}

.our-category {
  background-image: url("../images/bg1.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

/* Lifecycle Disorder CSS Ends */
.desig p {
  padding: 0;
  margin: 0;
  font-weight: 600;
}

.desig .name {
  padding-left: 17%;
}

.desig .desig1 {
  padding-left: 16%;
}

.message h4 {
  color: #27247b;
  font-weight: 600;
  padding-top: 27px;
}

.message p {
  font-size: 14px;
}

.mission-vision {
  padding-top: 65px;
}

.mission-vision h4 {
  color: #27247b;
  font-weight: 600;
}

.mission-vision p {
  font-size: 14px;
}

.mission-sd {
  font-weight: bold;
  text-align: center;
  padding: 30px;

}

.second-row {
  padding-top: 100px;

}

.video-shadow div img {
  box-shadow: 4px 4px 15px -7px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 4px 4px 15px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 4px 4px 15px -7px rgba(0, 0, 0, 0.75);
  width: 100%;
  /* width: 300px;  */
  /* height: 258px;  */
}

#video-gallery h4 {
  font-weight: 600;
  color: #26237a;
}

.video-btn {
  background-color: #45b3e4bf;
  border: none;
  font-weight: 600;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  bottom: 20px;
  left: 30px;
}

.all-video-btn {
  background-color: #45b3e4bf;
  border: none;
  font-weight: 600;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
}

/*
.owl-dots {
text-align: center;
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl-dots button.owl-dot.active {
background-color: #000;
}
.owl-dots button.owl-dot:focus {
outline: none;
} */
.owl-nav button {
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}

.owl-slider span {
  font-size: 70px;
  position: relative;
  top: -27px;
}

.owl-nav button:focus {
  outline: none;
}

/* Owl Carousel */
#lifestyle-disorder .owl-theme .owl-dots .owl-dot {
  display: none;
}

.nav-hr hr {
  margin-top: 1px !important;
  margin-bottom: 0;
  border-top: 1px solid #0000000f;
}

@media only screen and (max-width: 991px) {
  .navbar-hover .show>.dropdown-toggle::after {
    transform: rotate(-90deg);
  }
}

@media only screen and (min-width: 992px) {
  .navbar-hover .collapse ul li {
    position: relative;
  }

  .navbar-hover .collapse ul li:hover>ul {
    display: block;
  }

  .navbar-hover .collapse ul ul {
    position: absolute;
    top: 96%;
    left: 0;
    min-width: 200px;
    display: none
  }

  .navbar-hover .collapse ul ul ul {
    position: absolute;
    top: -4px;
    left: 100%;
    min-width: 250px;
    display: none
  }
  .new-sub-menu {
    background-color: #fff;
    padding: 2px 0 2px 8px;
    border: .1px solid #d4d4d4;
}
  .new-sub-menu li a{
    color: #858585 !important;
    font-size: 12.5px !important;
  }
  .dropdown-menu i{
    font-size: .8em;
  }
  /*.navbar-hover .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}*/
}
/* Responsive design for popup starts */
@media (1200px <= width <= 1500px) {
  .bts-popup-container {
    width: 47%;
  }
  .pop-form h6 {
    padding-top: 0;
}
.here-link p {
    margin-bottom: 4px;
}
.bts-popup-container p {
    margin-bottom: 0;
}
.pop-step-one {
    padding-top: 20px;
}
.popli-one .popli-two, .popli-three {
    padding-top: 0;
}
.pop-list {
    padding-top: 6px;
}
.bts-popup-container img {
    width: 70%;
}
.pop-form {
    padding: 20px 0px 0 24px;
}
.bts-popup-container {
    margin: .3em auto;
}
}
/* Responsive design for popup ends */


@media only screen and (min-width: 1440px) {
  .navbar0 {
    padding: 0;
    z-index: 10000;
  }
}

@media only screen and (max-width: 1439px) {
  .navbar0 {
    padding-right: 40px;
    padding-left: 40px;
    z-index: 10000;
  }

  .navbar1 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .navbar2 {
    padding-left: 190px;
  }

}

/* Team Page Starts */
#team-modal .modal-content {
  padding: 26px;
  text-align: justify;
}

#team-modal .modal-title {
  font-weight: bold;
}

#team-modal .modal-body img {
  border-radius: 50% !important;
  width: 130px;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  height: auto;
}


.team-page-section {
  position: relative;
  padding-top: 70px;
}

.team-page-section .team-block {
  margin-bottom: 60px;
  /* z-index: -1; */
}

.sec-title h4 {
  color: #27247b;
  font-weight: bold;
}

.sec-title {
  position: relative;
  z-index: 1;
  margin-bottom: 65px;
  color: #27247b;
}

.sec-title hr {
  width: 4%;
  border-top: 2px solid #2a3270;
}

.sec-title .title {
  position: relative;
  font-size: 18px;
  color: #bd0000;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.sec-title .separator {
  position: relative;
  width: 40px;
  margin-top: 16px !important;
}

.sec-title .separator:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 10px;
  height: 2px;
  background-color: #ff9600;
}

.sec-title .separator:after {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  width: 10px;
  height: 2px;
  background-color: #ff9600;
}

.sec-title .separator span {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 10px;
  height: 5px;
  margin-left: -5px;
  display: inline-block;
  background-color: #bd0000;
}

.sec-title h2 {
  position: relative;
  color: #222222;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2em;
  margin-top: 35px;
}

.sec-title .text {
  position: relative;
  font-size: 14px;
  line-height: 1.9em;
  color: #555555;
  margin-top: 10px;
}

.sec-title.centered .separator {
  margin: 0 auto !important;
  float: none !important;
}

.sec-title.centered {
  text-align: center !important;
}

.sec-title.light .title {
  color: #ffffff;
}

.sec-title.light h2 {
  color: #ffffff;
}

.sec-title.light .separator span {
  background-color: #ff9600;
}

.sec-title.light .separator:before,
.sec-title.light .separator:after {
  background-color: #ffffff;
}

.team-section {
  position: relative;
  padding: 80px 0px 60px;
}

.team-section.style-two .pattern-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center center;
  background-repeat: no-repeat;
}

.social-icon .d-flex {
  justify-content: start;
}

.social-icon .d-flex a {
  justify-content: start;
  padding-right: 12px;
}


.team-section .title-box {
  position: relative;
  text-align: center;
}

.team-section .title-box h2 {
  position: relative;
  color: #222222;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 50px;
}

.team-section .title-box h2 span {
  color: #ff9600;
}

.team-block {
  position: relative;
}

.inner-box button {
  color: #fff;
  background-color: #45b3e4;
  border-color: #45b3e4;
  border-radius: 16px;
  padding: 7px 20px;
  font-weight: bold;
  font-size: 15px;
}

.team-block .inner-box {
  position: relative;
  padding: 26px 56px 28px 0px;
}

.team-block .inner-box:before {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  left: 70px;
  bottom: 0px;
  border-radius: 10px;
  background-color: #42a5f521;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

.team-block .inner-box::after {
  position: absolute;
  content: '';
  top: 0px;
  left: 70px;
  bottom: 0px;
  width: 0%;
  border-radius: 10px;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  background-image: -ms-linear-gradient(top, #ffca08 0%, #f70067 100%);
  background-image: -moz-linear-gradient(top, #ffca08 0%, #f70067 100%);
  background-image: -o-linear-gradient(top, #ffca08 0%, #f70067 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffca08), color-stop(100, #f70067));
  background-image: -webkit-linear-gradient(top, #ffca08 0%, #f70067 100%);
  background-image: linear-gradient(to bottom, #29B6F6 0%, #80DEEA 100%);
}

.team-block .inner-box:hover::after {
  width: 87%;
}

.team-block .inner-box .social-icons {
  position: absolute;
  right: 25px;
  top: 100px;
  z-index: 1;
}

.team-block .inner-box .social-icons li {
  position: relative;
  margin-bottom: 20px;
}

.team-block .inner-box .social-icons li a {
  position: relative;
  color: #e65100;
  font-size: 18px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.team-block .inner-box:hover .lower-content h3 a,
.team-block .inner-box:hover .social-icons li a,
.team-block .inner-box:hover .lower-content .designation {
  color: #ffffff;
}

.lower-content .story {
  font-size: 14px;
  margin-top: 4px;
  color: black;
}

.team-block .inner-box .image {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  top: 40px;
}

.team-block .inner-box .image img {
  position: relative;
  width: 121px;
  display: block;
  border-radius: 50%;
}

.team-block .inner-box .lower-content {
  position: relative;
  text-align: left;
  z-index: 1;
  padding: 4px 15px 0px 25px;
}

.team-block .inner-box .lower-content h3 {
  position: relative;
  color: #bd0000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3em;
}

.team-block .inner-box .lower-content h3 a {
  position: relative;
  font-weight: bold;
  font-size: 23px;
  text-decoration: none;
  color: #1A237E;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.team-block .inner-box .lower-content .designation {
  position: relative;
  margin-top: 5px;
  color: #45b3e4;
  ;
  font-size: 20px;
}

.team-block.style-two .inner-box .lower-content h3 a,
.team-block.style-two .inner-box .social-icons li a {
  color: #ff9600;
}

.team-block.style-two .inner-box:hover .lower-content h3 a,
.team-block.style-two .inner-box:hover .social-icons li a {
  color: #ffffff;
}

.team-block.style-two .inner-box::after {
  background-image: -ms-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
  background-image: -moz-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
  background-image: -o-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFEB3C), color-stop(100, #ff9600));
  background-image: -webkit-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
  background-image: linear-gradient(to bottom, #FFEB3C 0%, #ff9600 100%);
}


/* Team Page Ends */

/* Google map for contact us page */
.contact-padding {
  padding-top: 65px;
}

#map_canvas {
  height: 100%;
}

.gm-style-iw-d div {
  width: 220px;
  height: 200px;
}

.contact-us-title h4 {
  padding: 0 0 16px 0;
  color: #27247b;
  font-weight: 600;
}

.gm-style-iw-d {
  overflow: hidden !important;
}

.gm-style-iw {
  background-color: aliceblue !important;
}

#info-window {
  font-size: 13px;
  font-weight: 500;
  margin: 7px 0 0 0;
}

#top-image {
  background-image: url("../images/top-image.jpg");
  background-size: cover;
  height: 110px;
}

.top-image h3 {
  margin-top: 36px;
  color: #fff;
  font-weight: 600;
}

.top-image p {
  margin-top: 36px;
  color: #fff;
}

#top-image .float-right {
  padding: 5px 8px;
  background-color: #ffffff17;
  border-radius: 3px;
}

#top-image .float-right a {
  text-decoration: none;
  color: #fff;

}

form p {
  color: black;
}

/* Wellness Packages */
.pkg-title h4 {
  font-weight: 600;
  color: #27247b;
}

.wellness {
  background-color: #fafafa;
}

/* Wellness Package Starts */
.bg-success {
  background-color: #45b3e4 !important;
}

.btn-success {
  color: #fff;
  background-color: #45b3e4;
  border-color: #45b3e4;
  border-radius: 16px;
  padding: 7px 20px;
  font-weight: bold;
  font-size: 15px;
  margin-top: 6.4px;
}

.pkg-price {
  background-color: #45b3e4;
  padding-bottom: 11px;
}

#pricing .card-header:hover {
  border: none;
}

/* #pricing .btn{
position: fixed;
bottom: 40px;
left: 82px;
} */
.pkg-price s {
  color: red;
  font-size: 14px;
  font-weight: bold;
}

.pkg-price .d-flex {
  justify-content: center;
  color: #fff;
  height: 27px;
}

.pkg-price .d-flex:hover {
  border: none;
}

.pkg-price .d-flex p {
  font-size: 12px;
}

.pkg-price h6 {
  padding-top: 15px;
}

#pricing .list-group-item {
  padding: 4px 0;
  text-align: left;
}

#pricing .card-body i {
  border-radius: 50%;
  border: 2px solid #45b3e4;
  padding: 2px;
  font-size: .7em;
  color: #45b3e4;
}

#pricing .currency {
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  top: -25px;
}

#pricing .period {
  font-size: 1.2rem;
}

#pricing .item {
  padding: 20px 14px;
  /* margin-left: 10px; */
  margin-bottom: 0 !important;

}

.video-section .item {
  margin-left: -10px;
}

.owl-prev {
  margin-left: -12px !important;
}

.owl-next {
  margin-right: -12px !important;
}

#pricing .card {
  border-radius: 10px;
  width: 100%;
  height: 450px;
  box-shadow: 4px 4px 15px -7px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 4px 4px 15px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 4px 4px 15px -7px rgba(0, 0, 0, 0.75);
}

/* @media screen and  (max-width: 380px)  and (min-width: 360px){
  #pricing .card{
    width:100%;
  }
} */
/* @media screen and  (max-width: 420px)  and (min-width: 381px){
  #pricing .card{
    width:334px;
  }
} */
#pricing .card:hover {
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}

#pricing .card-header {
  height: 65px;
  border-radius: 10px 10px 0 0;
  font-size: 17px;
  border: none;
  font-weight: bold;
}

#pricing .card-body {
  padding: 1rem 1.25rem;
  overflow-y: scroll;
}

.list-group .list-group-item {
  font-size: 14px;
  font-weight: bold;
}

#pricing .btn:hover {
  background-color: #45b3e4;
  border: none;
}

/* Wellness Package Ends */

/* Modal Design */
#location .modal-content {
  padding: 40px 24px 40px 20px;
  border-radius: 15px;
}

#location .modal-footer {
  padding: 0;
}

#location_1 .modal-content {
  padding: 40px 24px 40px 20px;
  border-radius: 15px;
}

#location .more {
  font-size: 14px;
}

#location_2 .more {
  font-size: 14px;
}

.flex-loc p,
.flex-loc-rest p,
.flex-loc-rest-last p {
  font-size: 14px;
}

.fa-clinic-medical {
  color: #45b3e4 !important;

}

.flex-loc {
  justify-content: space-around;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  text-align: center;
}

.flex-loc div {
  box-shadow: 2px 5px 0 rgb(0 0 0 / 24%);
  width: 104px;
  height: 100px;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  border: 1px solid hsla(0, 0%, 100%, .8);
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
  background-color: #fff;
  margin-bottom: 16px;
  z-index: 1000;
}

.flex-loc div:hover {
  border: 1px solid #0a73b1;
}

.flex-loc div a:focus,
.flex-loc div a:hover {
  outline: none;
  text-decoration: none;
}

.flex-loc div a:hover {
  color: #45b3e4;
}

.flex-loc div a {
  transition: .4s;
  cursor: pointer;
}

#location a {
  text-decoration: none;
  color: black;
}

#location_1 a {
  text-decoration: none;
  color: black;
}

.flex-loc-rest {
  justify-content: space-around;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  text-align: center;
}

.flex-loc-rest div {
  box-shadow: 2px 5px 0 rgb(0 0 0 / 24%);
  width: 104px;
  height: 100px;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  border: 1px solid hsla(0, 0%, 100%, .8);
  margin: 8px 5px 8px 8px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
  background-color: #fff;
  z-index: 1000;
}

.flex-loc-rest div:hover {
  border: 1px solid #0a73b1;
}

.flex-loc-rest div a:focus,
.flex-loc-rest div a:hover {
  outline: none;
  text-decoration: none;
}

.flex-loc-rest div a:hover {
  color: #45b3e4;
}

.flex-loc-rest div a {
  transition: .4s;
  cursor: pointer;
}

.flex-loc-rest-last div:hover {
  border: 1px solid #0a73b1;
}

.flex-loc-rest-last div a:focus,
.flex-loc-rest-last div a:hover {
  outline: none;
  text-decoration: none;
}

.flex-loc-rest-last div a:hover {
  color: #45b3e4;
}

.flex-loc-rest-last div a {
  transition: .4s;
  cursor: pointer;
}

.flex-loc-rest-last {
  display: flex;
  justify-content: left;
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
  text-align: center;


}

.flex-loc-rest-last div {
  box-shadow: 2px 5px 0 rgb(0 0 0 / 24%);
  width: 104px;
  height: 100px;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  border: 1px solid hsla(0, 0%, 100%, .8);
  margin: 8px 20px 8px 0;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
  background-color: #fff;
}

/* .modal-content p i{
font-size: 2em;
color: #45b3e4;
} */
.down-loc {
  padding: 0 0 20px 40px;
}

.down-loc li {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  font-size: 14px;
}

.down-loc li i {
  font-size: .9em;
  padding-right: 8px;
}

.down-loc ul li {
  color: #5d5d5d;
}

.down-loc ul li:hover {
  background-color: #8080801f;
}

#location .title {
  font-weight: 900;
  text-align: center;
  background: #45b3e4;
  color: #fff;
  padding: 10px;
  font-size: 19px;
}

#location_1 .title {
  font-weight: 900;
}

#location .subtitle {
  font-size: 16px;
  text-align: center;
  color: #353e81;
}

#location_1 .subtitle {
  font-size: 14px;
}

/*
.myaccordion .card-header {
border-bottom-color: #EDEFF0;
background: transparent;
}

.myaccordion .fa-stack {
font-size: 18px;
}

.myaccordion .btn {
width: 100%;
font-weight: bold;
color: #004987;
padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
text-decoration: none;
}

.myaccordion li + li {
margin-top: 10px;
}
*/
.sample {
  padding-bottom: 80px;
}

/* Upload Pres Starts */
.main-section {
  padding: 15px;
}

.main-section h3 {
  font-weight: 600;
}

.up-pres-item {
  padding-right: 27px;
}

/*
.custom-file-control::after {
content: "Choose file...";
}
.custom-file-control::before {
content: "Browse";
}
*/
.upload-pres .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
}

.upload-pres .custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.upload-pres .invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #dc3545;
}

.upload-pres .custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
}

.upload-pres .custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.upload-pres .btn-info {
  background-color: #45b3e4;
}

.upload-pres .btn-info a {
  text-decoration: none;
  color: #fff;
}

.upload-pres {
  padding-top: 55px;
  padding-bottom: 30px;
}

/* Upload Pres Ends */
/* Top nav Starts
.navbar0{
  padding-left: 75px;
  padding-right: 75px;
}
*/
/* Banner slider Starts */
.carousel-indicators {
  display: none;
}

.left-box {
  /* width: 450px; */
  position: absolute;
  left: 6.6%;
  top: 25%;
  padding: 20px;
  border-radius: 7px;
}

.left-box h2 {
  color: #fff;
  font-weight: bold;
  background: linear-gradient(90deg, rgba(54, 120, 185, 1) 42%, rgba(78, 168, 201, 1) 60%);
  padding: 5px 12px;
  font-size: 2.3rem;
  margin: 0;
}

.left-box h4 {
  color: #fff;
  font-weight: bold;
  background: linear-gradient(90deg, rgba(54, 120, 185, 1) 42%, rgba(78, 168, 201, 1) 60%);
  padding: 5px 12px;
  font-size: 1rem;
  margin: 0;
}

/* .left-box span{
color:#45b3e4;
} */
.left-box h5 {
  color: #fff;
  font-weight: bold;
}

#banner-box .d-flex {
  justify-content: flex-end;
}

.banner-form .form-group .bnr-search {
  position: absolute;
  z-index: 99;
  /* width: 43%; */
  background: #f4f4f4;
}

.banner-form .form-group .bnr-search option {
  font-size: 13px;
  padding: 8px 8px;
  border-radius: 10px;
}

/* Style Two */
.banner-section .banner-slider-nav.style-two {
  left: 0;
  right: auto;
  top: auto;
}

.banner-section .banner-slider-nav.style-two .banner-slider-button-prev {
  width: 106px;
  height: 53px;
  border-radius: 0;
  margin: 0;
  line-height: 53px;
  background: #293e9c;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.banner-section .banner-slider-nav.style-two .banner-slider-button-next {
  height: 53px;
  width: 106px;
  border-radius: 0;
  margin: 0;
  line-height: 53px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.banner-section .banner-slider-nav.style-two .banner-slider-button-next i {
  margin-left: 10px;
  position: relative;
  top: 1px;
}

.banner-section .banner-slider-nav.style-two .banner-slider-button-prev i {
  margin-right: 10px;
  top: 1px;
  position: relative;
}

/* Banner slider ends */
/* Login */

.login .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
}

.login .custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.login .invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #dc3545;
}

.login .custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
}

.login .custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.login .btn-info {
  background-color: #45b3e4;
}

.login .btn-info a {
  text-decoration: none;
  color: #fff;
}

.login {
  padding-top: 55px;
  padding-bottom: 30px;
  width: 50%;
}

/* Registration form */
.reg .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
}

.reg .custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.reg .invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #dc3545;
}

.reg .custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 24%);
}

.reg .custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.reg .btn-info {
  background-color: #45b3e4;
}

.reg .btn-info a {
  text-decoration: none;
  color: #fff;
}

.reg {
  padding-top: 55px;
  padding-bottom: 30px;
  width: 44%;
}

.reg .d-flex {
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

/* Top Nav Ends */
.loc-app fieldset select {
  padding: 6px 57px;
}

.loc-app fieldset select option {
  font-size: 16px;
}

.time-app fieldset input {
  padding: 4.1px 4px;
}

.first-card .card-body {
  padding: 20px;
}

.cus-st {
  height: 11.8rem;
  margin-bottom: 26px;
  box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.18);
}


.first-card .card-text {
  color: #666;
  text-decoration: none !important;
}

.first-card .card-footer {
  padding: 0;
  background-color: transparent;
  border-top: none;
  position: absolute;
  bottom: 16px;

}

a:hover {
  text-decoration: none;
}

.patient-report a {
  color: #5492cd !important;
}

.patient-report p {
  font-size: 14.5px;
  text-align: left;
}

/* News Card */
.news-card .card-img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.news-card .card-title {
  margin-bottom: 0.3rem;
}

.news-card .cat {
  display: inline-block;
  margin-bottom: 1rem;
}

.news-card .fa-users {
  margin-left: 1rem;
}

.news-card .card-footer {
  font-size: 0.8rem;
}

.news-card .card-text {
  font-weight: 400;
  color: black;
  line-height: 1.5;
}

.news-card .card .card-body .btn-info {
  color: #fff;
}

/* Top Button */
.top-btn {
    background-color: #342e8e;
    border-radius: 6px;
    color: #fff !important;
    padding: 6px;
    padding-right: 1.7rem !important;
}


/* Responsive Codes */
@media only screen and (max-width: 767px) {

  .team-block .inner-box .lower-content {
    padding: 0;
  }
}

/* Delete This Code */
/* .navbar2{
padding-left: 400px;
} */
/* Delete This Code */

@media screen and (min-width: 1915px) and (max-width: 2055px) {
  .navbar2 {
    padding-left: 530px;
  }
}

@media screen and (min-width: 2560px) and (max-width: 2700px) {
  .navbar2 {
    padding-left: 720px;
  }
}

/* Photos */
.photos {
  padding-bottom: 80px;
}

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

/* Style the Image Used to Trigger the Modal */
/* Start Gallery CSS */
.gallery-mac img {
  height: 200px;
}

.tz-gallery .row .col-md-3 {
  margin-bottom: 56px;
}

.tz-gallery img {
  width: 254px;
}

.thumb {
  margin-bottom: 15px;
}

.thumb:last-child {
  margin-bottom: 0;
}

.thumb figure img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.thumb figure:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/* Branch Location Pages */
.bm,
.cm,
.tnt {
  font-size: 12px;
  font-weight: 400;
}

.branch-details {
  font-family: 'Roboto Condensed', sans-serif;
}

.branch-details-sdt {
  padding-top: 40px;
}

.branch-name-in-small-device {
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}

.fond {
  /* background-color:#45b3e430; */
  border: 1px solid #b4afaf;
  border-radius: 6px;
  box-shadow: 1px 3px 7px 0px rgb(0 0 0 / 18%);
  -webkit-box-shadow: 1px 3px 7px 0px rgb(0 0 0 / 18%);
  -moz-box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.18);

}

.loc-caption {
  padding: 6px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  background-color: #353a7d;
  font-family: 'Roboto Condensed', sans-serif;
  border-radius: 0 0 6px 6px;
}

.loc-caption a {
  padding: 4px 10px 2px 10px;
  color: #ffffff;
  /* border: 1px solid #988787; */
  font-size: 11px;
  border-radius: 5px;
  background-color: #45b3e4;
  text-transform: capitalize;
}

.carreaux_presentation_light {
  display: table-cell;
  width: 290px;
  height: 250px;
  background-size: cover;
  overflow: hidden;
  position: relative;
  z-index: -1;
}

.carreaux_presentation_light .shadow_swhow_mini {
  background-color: rgba(19, 30, 33, 0.4);
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.carreaux_presentation_light:hover .shadow_swhow_mini {
  background-color: rgba(16, 23, 41, 0);
}

.carreaux_presentation_light .deroul_titre {
  position: absolute;
  text-transform: uppercase;
  font-family: 'Roboto';
  padding: 7px;
  z-index: 1000;
  top: 60%;
  color: #ffffff;
  background-color: black;
  font-weight: 300;
  font-size: 13px;
  width: 80%;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;

}

.deroul_titre a {
  color: #fff;
  text-decoration: none;
}

.carreaux_presentation_light:hover .deroul_titre {
  background-color: #1e4944;
  left: 0px;

}

.carreaux_presentation_light .deroul_soustitre {
  position: absolute;
  font-family: 'Roboto';
  padding: 5px;
  z-index: 1000;
  top: 60%;
  right: -85%;
  margin-top: 25px;
  color: #ffffff;
  font-weight: 300;
  font-size: 11px;
  width: 80%;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}

.carreaux_presentation_light:hover .deroul_soustitre {
  background-color: #417c74;
  right: 0px;
}

/* Lifestyle Disorder */
/* bootstrap mod: carousel controls */
/* .carousel-inner{
  overflow: initial;
} */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2322313F' stroke-miterlimit='10' stroke-width='2' viewBox='0 0 34.589 66.349'%3E%3Cpath d='M34.168.8 1.7 33.268 34.168 65.735'/%3E%3C/svg%3E");
  height: 100px;
}

.carousel-control-next-icon {
  transform: rotate(180deg);
}

/* medium - display 4  */
@media (min-width: 768px) {

  #gallery .carousel-inner .carousel-item-right.active,
  #gallery .carousel-inner .carousel-item-next {
    transform: translateX(33.33333%);
  }

  #gallery .carousel-inner .carousel-item-left.active,
  #gallery .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33333%);
  }
}

/* large - display 5 */
@media (min-width: 992px) {

  #gallery .carousel-inner .carousel-item-right.active,
  #gallery .carousel-inner .carousel-item-next {
    transform: translateX(20%);
  }

  #gallery .carousel-inner .carousel-item-left.active,
  #gallery .carousel-inner .carousel-item-prev {
    transform: translateX(-20%);
  }
}

#gallery .carousel-inner .carousel-item-right,
#gallery .carousel-inner .carousel-item-left {
  transform: translateX(0);
}


/* gallery slider */
#gallery .carousel-inner .carousel-item.active,
#gallery .carousel-inner .carousel-item-next,
#gallery .carousel-inner .carousel-item-prev {
  display: flex;
}

@media (max-width: 768px) {
  #gallery .carousel-inner .carousel-item>div {
    display: none;
  }

  #gallery .carousel-inner .carousel-item>div:first-child {
    display: block;
    text-align: center;
  }
}


/* modal carousel */
.modal .carousel-indicators {
  margin: 0;
  bottom: -34px;
  left: auto;
}

.modal .carousel-indicators>li {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  background: transparent;
  margin-right: 0;
  margin-left: 10px;
}

.modal .carousel-indicators>li.active {
  background: #fff;
}

.modal .close,
.modal .carousel-control-prev,
.modal .carousel-control-next {
  opacity: 1;
}

@media (min-width: 992px) {
  .modal .carousel-control-prev {
    left: -140px;
  }

  .modal .carousel-control-next {
    right: -140px;
  }
}


/* modal mods */
/* .modal {
background: rgba(34, 49, 63, 0.9);
}

.modal-dialog {
max-width: 80% !important;
}

.modal-header {
border: none !important;
}

.modal-content {
border: none !important;
border-radius: 0 !important;
background-color: transparent !important;
}

.modal-body {
padding: 0 !important;
} */

.close img {
  max-width: 40px;
  max-height: 40px;
}

.modal-footer {
  padding: 2rem 0;
  border: none !important;
}



/* bootstrap mod addons */
.w-90 {
  width: 90%;
}

.col-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xl-5 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-5 {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 576px) {
  .col-sm-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) {
  .col-md-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) {
  .col-lg-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  .col-xl-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .container {
    max-width: 1280px;
  }
}

.health-tips-details {
  padding-top: 65px;
  padding-bottom: 30px;
  background-color: #f6f6f6;
}

.health-tips-details h3 {
  padding-bottom: 20px;
  color: #322f7d;
}

.health-tips-details p {
  font-weight: 300;
  text-align: justify;
}

.health-tips-details img {
  width: 100%;
}

.health-tips-details2 {
  padding-top: 65px;
  padding-bottom: 30px;
  background-color: #f6f6f6;
}

.health-tips-details2 h3 {
  padding-bottom: 20px;
}

.health-tips-details2 p {
  font-weight: 300;
  padding-top: 20px;
  text-align: justify;
}

.health-tips-details2 img {
  width: 100%;
}

/* Video Section */
#map {
  height: 100%;
}

.map_canvas {
  height: 100%;
}

.terms p {
  font-size: 14px;
  text-align: justify;
}

.terms #term-title {
  font-size: 17px;
}

.refund p {
  font-size: 14px;
  text-align: justify;
  height: 32vh;
}

.privacy p {
  font-size: 14px;
  text-align: justify;
}

/* Owl Carousel */
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block;
}

#wellness-carousel .card-header {
  border-bottom: none;
}

/* #wellness-carousel .owl-item{
  margin-right: 16px !important;
} */

.about-us p {
  text-align: justify;
  font-size: 14px;
}

/* Ref Lab Test */
.ref-lab i {
  font-size: 40px;
  padding-top: 23px;
}

.ref-lab {
  padding-bottom: 38px;
}

/* .ref-lab a{
  color:black;
}
.ref-lab .btn{
  color: #fff;
}
.ref-lab .card-text p{
  background: #fff;
    color: black;
    border: none;
    font-weight: 600;
    padding: 0;
    font-size: 13px;
}
.ref-lab .modal-body p{
  font-size: 13px;
} */
/* ===== Body Style ===== */
/* footer */
.bottom-bar {
  padding: 11px 15px 24px 15px;
  background: #353736;
}

.bottom-bar p {
  margin: 0;
  color: #999999;
}

.bottom-bar img {
  width: 200px;
}

/* Design for Mobile Devices */
.mobile-logo img {
  width: 120px;
}

.menu-modal a {
  color: black;
}

.menu-modal .box3 {
  padding: 7px 8px;
}

.menu-modal .input-group {
  padding-left: 0;
}

.menu-modal .modal-header button {
  background: #45b3e4;
  border-radius: 50%;
  color: #fff;
  padding: 4px 9px;
  margin-right: 0px;
  margin-top: 0;
}

.menu-modal #hotline {
  font-weight: 300;
}

/* .menu-modal .input-group i{
  color: #45b3e4;
} */
.menu-modal .input-group input {
  font-size: 12.5px;
}

.menu-modal .input-group .btn {
  padding: 0;
}

.menu-modal .input-group i {
  padding: 0 4px;
}

.mobile-menu-right #top-cart i {
  padding-right: 25px;
  padding-top: 25px;
  color: black;
}

.mobile-menu-right #menu-bar i {
  font-size: 1.2em;
  color: black;
  background: #cfe5ee;
  padding: 15px;
  border-radius: 4px;
  margin-top: 17px;
}

.mobile-menu {
  text-transform: uppercase;
}

.menu-modal .modal-body {
  overflow-y: scroll;
  height: 440px;
}

.menu-modal .home {
  color: black;
  font-size: 15px;
  font-weight: 500;
}

.menu-modal h5 {
  font-size: 13.5px;
  color: black;
}

.menu-modal .card-body a {
  font-size: 12px;
  color: black;
}

.menu-modal .modal-content .modal-header {
  border: none;
}

.accordion>.card:not(:last-of-type) {
  border-radius: 4px;
}

/* ============================ */
/* ============================ */
.gallery-hidden-pic .hidden {
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.gallery-mac {
  /* background: url(../images/polaroids-bg.png) no-repeat; */
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 12px;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 60px;
  background-position: bottom right;
  position: relative;
  box-shadow: 1px 1px 5px 4px rgb(0 0 0 / 29%);
  -webkit-box-shadow: 1px 1px 5px 4px rgb(166 90 42 / 24%);
  -moz-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.29);

}

.gallery-mac span {
  position: absolute;
  left: -4px;
  border-radius: 20px;
  background-color: #502c1d;
  padding: 5px;
  top: -7px;
  color: fff;
  border: 1px solid #a99e9e;

  box-shadow: 1px 1px 5px 4px rgb(0 0 0 / 29%);
  -webkit-box-shadow: 1px 1px 5px 4px rgb(0 0 0 / 29%);
  -moz-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.29);
}

.gallery-mac p {
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 12px;
}

.mfp-bg {
  z-index: 99999;
}

.mfp-wrap {
  z-index: 99999;
}

/* Order History */
.order-history-tb td {
  font-size: 12px;
}

.order-history-tb .order-history-cancel {
  background: transparent;
  border: 2px solid gray;
  padding: 2px 6px;
  margin-top: 6px;
}

.order-history-modal .modal-header {
  border: none;
}

#deli {
  background-color: #077c4a;
  border: none;
  color: #fff;
}

/* #pro{
  background-color: #ffeb3b;
  border: none;
} */
/* Career Detail */
.career-detail-img img {
  margin-top: 10%;
}

.career-page-mobile-title h4 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
}

.job-title {
  font-family: 'Roboto Condensed', sans-serif;
}

.job-details .d-flex {
  justify-content: flex-start;
}

.job-sec p {
  /* font-family: 'Roboto Condensed', sans-serif; */
  font-weight: 100;
}

#apply-modal .modal-dialog .modal-content {
  background-color: #fafafa;
}

#career-img {
  background-image: url("../images/career-img.jpg");
  background-size: cover;
  height: 270px;
}

.career-detail {
  padding-top: 43px;
  padding-bottom: 33px;
}

.career-detail p {
  font-size: 13.5px;
  font-weight: 600;
  text-align: justify;
}

.ssl {
  border-top: 1px solid #eae1e1;
  margin-top: 25px;

}

.ssl img {
  width: 100%;
}

/* Menu in small devices */
.small-device {
  position: fixed;
  background: white;
  top: 0;
  width: 100%;
  z-index: 9999;

}

/* Check */
/* Check */
/* Responsive Design */
/* @media screen and (width: 768px) {
  #dept .card{
    width: 9.5rem !important;
  }

}
@media screen and (width: 1024px) {
  #dept .card{
    width: 9.rem !important;
  }
} */
/* check */

/* .dttest label {
  display: block;
  font: 1rem 'Fira Sans', sans-serif;
}

.dttest input,
label {
  margin: .4rem 0;
} */
/* check */


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

  /* #wellness-carousel .owl-item {
    margin-right: 0 !important;
} */
  .carreaux_presentation_light {
    width: 400px;
  }

  #carousel-order .owl-stage-outer {
    margin-left: 35px;
  }

  .top-space {
    padding-top: 35%;
  }

  .top-space2 {
    padding-top: 30%;
  }

  .top-space3 {
    padding-top: 33%;
  }

  .top-space4 {
    margin-top: 35%;
  }

  .top-space5 {
    padding-top: 30%;
  }

  .top-space6 {
    padding-top: 15%;
  }

  .top-space7 {
    padding-top: 15%;
  }

  .test-top-space {
    padding-top: 33%;
  }

  .career-details-sdt {
    padding-top: 34%;
  }

  /* #pricing {
    padding-top: 26%;
  } */
  .large-device {
    display: none;
  }

  /* .carousel-item img {
    height: 240px; 

}*/
  /* .video-btn{
  right: 158px;
} */

  .more-btn .btn {
    margin-left: 54px;
    font-size: 10px;
  }

  #dept .card {
    width: 9rem !important;
  }

  #dept .card .btn {
    font-size: 10px;
  }

  .second-row {
    padding-top: 16px;
  }

  #covid-test .img-wrapper {
    margin: 6px 0;
  }

  .top-image h3 {
    font-size: 18px;
  }

  .bts-popup-container {
    width: 80%;
    border-radius: 8px;
  }

  /* #sidebar1{
  padding-top: 45px;
} */
  .doctor-search input {
    width: 330px;
  }

  .app-table table,
  th,
  td {
    border: 1px solid black;
  }

  .app-table-sch {
    text-align: center;
  }

  .app-lower p {
    text-align: center !important;
  }

  .app-lower p i {
    font-size: 2em !important;
  }

  .branch-details-sdt {
    padding-top: 32%;
  }

  .ref-sdt {
    padding-top: 210px;
  }

  .health-sdt {
    padding-top: 116px;
  }

  .health-tips-details {
    padding-top: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .left-box h2 {
    font-size: 17px;
  }

  #sidebar1 nav {
    height: 300px;
    left: 77px;
  }

  .first-card {
    width: 150px;
    height: 189px;
  }

  .first-card .card-text {
    font-size: 9px;
  }

  .first-card .card-text {
    font-size: .6rem;
    margin-bottom: 0;
    line-height: 1.5;
  }

  .first-card .btn {
    padding: 3px 4px;
    font-size: 10px;
    margin-top: 9px !important;
  }

  .login {
    width: 80%;
  }

  .view-test-btn button {
    margin-left: 46%;
  }

  #video1 {
    display: none;
  }

  .test-type2 {
    margin-top: 95px;
    padding-top: 15px;
  }

  .test-type2 nav {
    margin-bottom: 30px;
  }

  .sdt1 {
    margin-top: 98px;
  }

  .video-sdt {
    padding-top: 60%;
  }

  .sdt2 {
    margin-top: 162px;
  }

  .branch-sdt {
    padding-top: 220px;
  }

  #top-image .float-right {
    display: none;
  }

  .first-card .card-title {
    font-size: 10px;
  }

  .time-app {
    margin-top: 16px;
  }

  .my-pro-row img {
    width: 47%;
  }

  .pro-row img {
    width: 47%;
  }
}

@media only screen and (min-width: 768px) {
  #video2 {
    display: none;
  }
}

@media only screen and (min-width: 1090px) {
  .small-device {
    display: none;
  }
}

/* Delete This Code */
/* @media only screen and (min-width: 767px){
  #covid-test .img-wrapper{
    margin-left: 26px;
  }

} */
/* Delete This Code */
@media only screen and (min-width: 768px) {

  /* .ssl img{
  height: 58px;
} */
  .mobile-banner {
    display: none;
  }

  .date-margin {
    margin-right: 30px;
  }

  .more-btn .btn {
    margin-left: 43px;
    height: 40px;
  }
}

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

  .top-space {
    padding-top: 17%;
  }

  .top-space2 {
    padding-top: 14%;
  }

  .top-space3 {
    padding-top: 16%;
  }

  .top-space4 {
    padding-top: 12%;
  }

  .top-space5 {
    padding-top: 15%;
  }

  .top-space6 {
    padding-top: 9%;
  }

  .test-top-space {
    padding-top: 13%;
  }

  .career-details-sdt {
    padding-top: 15%;
  }

  /* #pricing {
    padding-top: 14%;
  } */
  #covid-test .inner-img {
    width: 190px;
  }

  #dept .card {
    width: 95% !important;
  }

  .branch-sdt {
    padding-top: 308px;
  }

  .first-card {
    width: 9rem !important;
  }

  #covid-test .img-wrapper {
    width: 174px;
  }

  .doctor-search input {
    width: 226px;
  }

  #dept .card .btn {
    font-size: 10px;
  }

  .sdt3 {
    padding-top: 270px;
  }

  .health-sdt {
    padding-top: 13%;
  }

  .large-device {
    display: none;
  }

  .video-shadow div img {
    width: 160px;
  }

  .video-btn {
    bottom: 4px;
    right: 8px;
  }

  .bottom-bar img {
    width: 160px;
  }

  #sidebar1 nav {
    width: 176px;
  }

  .bts-popup-container {
    width: 82%;
  }

  .branch-details-sdt {
    padding-top: 14%;
  }

  .ref-sdt {
    padding-top: 330px;
    ;
  }

  .video-sdt {
    padding: 36%;
  }
}

@media screen and (min-device-width: 1250px) and (max-device-width:1349px) {
  #carousel-order .item {
    padding: 9px 0 0 81px;
    width: 239px !important;
  }
}

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

  #banner-box {
    display: none;
  }

  .mobile-banner {
    margin-top: 88px;
  }

  .card-title {
    font-size: 10px;
  }
  .ht-card-text .card-title {
    font-size: 15px;
}

  #top-image {
    /* position: fixed;
    top: 90px;
    z-index: 99;
    height: 12%;
    width: 100%; */
    display: none;
  }

  .career-sdt {
    padding-top: 120px;
  }


  .sdt {
    padding-top: 40px;
  }

  .loc-caption {
    font-size: 11px;
  }

  /* Don't use w-25 anywhere accept banner box */
  .w-25 {
    width: 100% !important;
  }

  #mobile-banner-box {
    width: 270px;
    margin-left: auto;
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.66);
    -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.66);
    overflow-x: scroll;
    margin-right: auto;
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .page-title h4 {
    padding-top: 0;
  }

  #career-img {
    display: none;
  }

  .branch-map iframe {
    width: 100%;
  }


}

@media only screen and (min-width: 1025px) {
  #mobile-banner-box {
    display: none;
  }

  .for-mobile {
    display: none;
  }

  .dropdown-menu {
    min-width: 100%;
  }

  .career-page-mobile-title {
    display: none;
  }

  .branch-name-in-small-device {
    display: none;
  }
}

/* Lifestyle Disorder */
@media only screen and (max-width: 411px) {
  #carousel-order .item {
    padding: 16px 0 10px 99px;
    width: 258px !important;
  }

  /* .why-boxes{
    display: none;
  } */

}

@media screen and (min-device-width: 412px) and (max-device-width: 600px) {
  #carousel-order .item {
    padding: 9px 0 0 131px;
    width: 311px !important;
  }

  /* .video-btn {
    right: 60px;
  } */
  /* .why-boxes{
    display: none;
  } */

}


/* @media only screen and (max-width: 600px){
  #carousel-order .item {
    padding: 16px 0 10px 99px;
    width: 289px !important;
  }
  /* .why-boxes{
    display: none;
  } 

} */


/* @media screen and (min-device-width: 768px) and (max-device-width:1023px){
.chk-time{
  margin-left: 12px;
}
.chk-md{
  margin-left: 50px;
}
.chk-md input{
  font-size: 12px;
}
} */

/* .------------------mobail menu-----------------. */
.mob-nav {
  position: relative;
  width: 360px;
}

.mob-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mob-nav ul li {
  /* Sub Menu */
}

.mob-nav ul li a {
  display: block;
  background: #ebebeb;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

.mob-nav ul li a:hover {
  background: #f8f8f8;
  color: #515151;
}

.mob-nav ul li a .fa {
  width: 16px;
  text-align: center;
  margin-right: 5px;
  float: right;
}

.mob-nav ul ul {
  background-color: #ebebeb;
}

.mob-nav ul li ul li a {
  background: #f8f8f8;
  border-left: 4px solid transparent;
  padding: 10px 20px;
  font-size: 13.8px;
}

.mob-nav ul li ul li a:hover {
  background: #ebebeb;
  border-left: 4px solid #3498db;
}





.datepicker .form-control,
.timepicker .form-control,
.datetimepicker .form-control {
  background: #fff;
}




/* demo  */





/*!Don't remove this!
 * jQuery MDTimePicker v1.0 plugin
 * 
 * Author: Dionlee Uy
 * Email: dionleeuy@gmail.com
 *
 * Date: Tuesday, August 28 2017
 */
@import url(https://fonts.googleapis.com/css?family=Roboto);

.clock-now .form-control {
  background-color: #fff;
}

.mdtimepicker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  background-color: rgba(10, 10, 10, 0.7);
  transition: background-color 0.28s ease;
  z-index: 100001;
}

.mdtimepicker.hidden {
  display: none;
}

.mdtimepicker.animate {
  background-color: transparent;
}

.mdtp__wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 50%;
  bottom: 20%;
  min-width: 280px;
  opacity: 1;
  user-select: none;
  border-radius: 2px;
  transform: translateX(-50%) scale(1);
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.mdtp__wrapper.animate {
  transform: translateX(-50%) scale(1.05);
  opacity: 0;
}

.mdtp__time_holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 46px;
  padding: 20px 24px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  background-color: #1565c0;
}

.mdtp__time_holder>span {
  display: inline-block;
  line-height: 48px;
  cursor: default;
}

.mdtp__time_holder>span:not(.mdtp__timedots):not(.mdtp__ampm) {
  cursor: pointer;
  margin: 0 4px;
}

.mdtp__time_holder .mdtp__time_h.active,
.mdtp__time_holder .mdtp__time_m.active {
  color: #fafafa;
}

.mdtp__time_holder .mdtp__ampm {
  font-size: 18px;
}

.mdtp__clock_holder {
  position: relative;
  padding: 20px;
  background-color: #fff;
}

.mdtp__clock_holder .mdtp__clock {
  position: relative;
  width: 250px;
  height: 250px;
  margin-bottom: 20px;
  border-radius: 50%;
  background-color: #eee;
}

.mdtp__clock .mdtp__am,
.mdtp__clock .mdtp__pm {
  display: block;
  position: absolute;
  bottom: -8px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s ease, color 0.2s;
  z-index: 3;
}

.mdtp__clock .mdtp__am {
  left: -8px;
}

.mdtp__clock .mdtp__pm {
  right: -8px;
}

.mdtp__clock .mdtp__am:hover,
.mdtp__clock .mdtp__pm:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.mdtp__clock .mdtp__am.active,
.mdtp__clock .mdtp__pm.active {
  color: #fafafa;
  background-color: #1565c0;
}

.mdtp__clock .mdtp__clock_dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4px;
  background-color: #1565c0;
  border-radius: 50%;
}

.mdtp__clock .mdtp__hour_holder,
.mdtp__clock .mdtp__minute_holder {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
  overflow: hidden;
}

.mdtp__clock .mdtp__hour_holder.animate {
  transform: scale(1.2);
  opacity: 0;
}

.mdtp__clock .mdtp__minute_holder.animate {
  transform: scale(0.8);
  opacity: 0;
}

.mdtp__clock .mdtp__hour_holder.hidden,
.mdtp__clock .mdtp__minute_holder.hidden {
  display: none;
}

.mdtp__clock .mdtp__digit {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 0;
  margin-top: -16px;
  transform-origin: right center;
  z-index: 1;
}

.mdtp__clock .mdtp__digit span {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.28s, color 0.14s;
}

.mdtp__clock .mdtp__digit span:hover,
.mdtp__digit.active span {
  background-color: #1565c0 !important;
  color: #fff;
  z-index: 2;
}

.mdtp__button,
.mdtp__wrapper[data-theme="blue"] .mdtp__button {
  color: #1565c0;
}

.mdtp__digit.active:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  width: calc(100% - 40px);
  background-color: #1565c0;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit {
  font-size: 13px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker) {
  margin-top: -6px;
  height: 12px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker).active:before {
  width: calc(100% - 26px);
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker) span {
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin-left: 14px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker {
  margin-top: -12px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker.active:before {
  width: calc(100% - 34px);
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker span {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 10px;
}

.mdtp__digit.rotate-6 {
  transform: rotate(6deg);
}

.mdtp__digit.rotate-6 span {
  transform: rotate(-6deg);
}

.mdtp__digit.rotate-12 {
  transform: rotate(12deg);
}

.mdtp__digit.rotate-12 span {
  transform: rotate(-12deg);
}

.mdtp__digit.rotate-18 {
  transform: rotate(18deg);
}

.mdtp__digit.rotate-18 span {
  transform: rotate(-18deg);
}

.mdtp__digit.rotate-24 {
  transform: rotate(24deg);
}

.mdtp__digit.rotate-24 span {
  transform: rotate(-24deg);
}

.mdtp__digit.rotate-30 {
  transform: rotate(30deg);
}

.mdtp__digit.rotate-30 span {
  transform: rotate(-30deg);
}

.mdtp__digit.rotate-36 {
  transform: rotate(36deg);
}

.mdtp__digit.rotate-36 span {
  transform: rotate(-36deg);
}

.mdtp__digit.rotate-42 {
  transform: rotate(42deg);
}

.mdtp__digit.rotate-42 span {
  transform: rotate(-42deg);
}

.mdtp__digit.rotate-48 {
  transform: rotate(48deg);
}

.mdtp__digit.rotate-48 span {
  transform: rotate(-48deg);
}

.mdtp__digit.rotate-54 {
  transform: rotate(54deg);
}

.mdtp__digit.rotate-54 span {
  transform: rotate(-54deg);
}

.mdtp__digit.rotate-60 {
  transform: rotate(60deg);
}

.mdtp__digit.rotate-60 span {
  transform: rotate(-60deg);
}

.mdtp__digit.rotate-66 {
  transform: rotate(66deg);
}

.mdtp__digit.rotate-66 span {
  transform: rotate(-66deg);
}

.mdtp__digit.rotate-72 {
  transform: rotate(72deg);
}

.mdtp__digit.rotate-72 span {
  transform: rotate(-72deg);
}

.mdtp__digit.rotate-78 {
  transform: rotate(78deg);
}

.mdtp__digit.rotate-78 span {
  transform: rotate(-78deg);
}

.mdtp__digit.rotate-84 {
  transform: rotate(84deg);
}

.mdtp__digit.rotate-84 span {
  transform: rotate(-84deg);
}

.mdtp__digit.rotate-90 {
  transform: rotate(90deg);
}

.mdtp__digit.rotate-90 span {
  transform: rotate(-90deg);
}

.mdtp__digit.rotate-96 {
  transform: rotate(96deg);
}

.mdtp__digit.rotate-96 span {
  transform: rotate(-96deg);
}

.mdtp__digit.rotate-102 {
  transform: rotate(102deg);
}

.mdtp__digit.rotate-102 span {
  transform: rotate(-102deg);
}

.mdtp__digit.rotate-108 {
  transform: rotate(108deg);
}

.mdtp__digit.rotate-108 span {
  transform: rotate(-108deg);
}

.mdtp__digit.rotate-114 {
  transform: rotate(114deg);
}

.mdtp__digit.rotate-114 span {
  transform: rotate(-114deg);
}

.mdtp__digit.rotate-120 {
  transform: rotate(120deg);
}

.mdtp__digit.rotate-120 span {
  transform: rotate(-120deg);
}

.mdtp__digit.rotate-126 {
  transform: rotate(126deg);
}

.mdtp__digit.rotate-126 span {
  transform: rotate(-126deg);
}

.mdtp__digit.rotate-132 {
  transform: rotate(132deg);
}

.mdtp__digit.rotate-132 span {
  transform: rotate(-132deg);
}

.mdtp__digit.rotate-138 {
  transform: rotate(138deg);
}

.mdtp__digit.rotate-138 span {
  transform: rotate(-138deg);
}

.mdtp__digit.rotate-144 {
  transform: rotate(144deg);
}

.mdtp__digit.rotate-144 span {
  transform: rotate(-144deg);
}

.mdtp__digit.rotate-150 {
  transform: rotate(150deg);
}

.mdtp__digit.rotate-150 span {
  transform: rotate(-150deg);
}

.mdtp__digit.rotate-156 {
  transform: rotate(156deg);
}

.mdtp__digit.rotate-156 span {
  transform: rotate(-156deg);
}

.mdtp__digit.rotate-162 {
  transform: rotate(162deg);
}

.mdtp__digit.rotate-162 span {
  transform: rotate(-162deg);
}

.mdtp__digit.rotate-168 {
  transform: rotate(168deg);
}

.mdtp__digit.rotate-168 span {
  transform: rotate(-168deg);
}

.mdtp__digit.rotate-174 {
  transform: rotate(174deg);
}

.mdtp__digit.rotate-174 span {
  transform: rotate(-174deg);
}

.mdtp__digit.rotate-180 {
  transform: rotate(180deg);
}

.mdtp__digit.rotate-180 span {
  transform: rotate(-180deg);
}

.mdtp__digit.rotate-186 {
  transform: rotate(186deg);
}

.mdtp__digit.rotate-186 span {
  transform: rotate(-186deg);
}

.mdtp__digit.rotate-192 {
  transform: rotate(192deg);
}

.mdtp__digit.rotate-192 span {
  transform: rotate(-192deg);
}

.mdtp__digit.rotate-198 {
  transform: rotate(198deg);
}

.mdtp__digit.rotate-198 span {
  transform: rotate(-198deg);
}

.mdtp__digit.rotate-204 {
  transform: rotate(204deg);
}

.mdtp__digit.rotate-204 span {
  transform: rotate(-204deg);
}

.mdtp__digit.rotate-210 {
  transform: rotate(210deg);
}

.mdtp__digit.rotate-210 span {
  transform: rotate(-210deg);
}

.mdtp__digit.rotate-216 {
  transform: rotate(216deg);
}

.mdtp__digit.rotate-216 span {
  transform: rotate(-216deg);
}

.mdtp__digit.rotate-222 {
  transform: rotate(222deg);
}

.mdtp__digit.rotate-222 span {
  transform: rotate(-222deg);
}

.mdtp__digit.rotate-228 {
  transform: rotate(228deg);
}

.mdtp__digit.rotate-228 span {
  transform: rotate(-228deg);
}

.mdtp__digit.rotate-234 {
  transform: rotate(234deg);
}

.mdtp__digit.rotate-234 span {
  transform: rotate(-234deg);
}

.mdtp__digit.rotate-240 {
  transform: rotate(240deg);
}

.mdtp__digit.rotate-240 span {
  transform: rotate(-240deg);
}

.mdtp__digit.rotate-246 {
  transform: rotate(246deg);
}

.mdtp__digit.rotate-246 span {
  transform: rotate(-246deg);
}

.mdtp__digit.rotate-252 {
  transform: rotate(252deg);
}

.mdtp__digit.rotate-252 span {
  transform: rotate(-252deg);
}

.mdtp__digit.rotate-258 {
  transform: rotate(258deg);
}

.mdtp__digit.rotate-258 span {
  transform: rotate(-258deg);
}

.mdtp__digit.rotate-264 {
  transform: rotate(264deg);
}

.mdtp__digit.rotate-264 span {
  transform: rotate(-264deg);
}

.mdtp__digit.rotate-270 {
  transform: rotate(270deg);
}

.mdtp__digit.rotate-270 span {
  transform: rotate(-270deg);
}

.mdtp__digit.rotate-276 {
  transform: rotate(276deg);
}

.mdtp__digit.rotate-276 span {
  transform: rotate(-276deg);
}

.mdtp__digit.rotate-282 {
  transform: rotate(282deg);
}

.mdtp__digit.rotate-282 span {
  transform: rotate(-282deg);
}

.mdtp__digit.rotate-288 {
  transform: rotate(288deg);
}

.mdtp__digit.rotate-288 span {
  transform: rotate(-288deg);
}

.mdtp__digit.rotate-294 {
  transform: rotate(294deg);
}

.mdtp__digit.rotate-294 span {
  transform: rotate(-294deg);
}

.mdtp__digit.rotate-300 {
  transform: rotate(300deg);
}

.mdtp__digit.rotate-300 span {
  transform: rotate(-300deg);
}

.mdtp__digit.rotate-306 {
  transform: rotate(306deg);
}

.mdtp__digit.rotate-306 span {
  transform: rotate(-306deg);
}

.mdtp__digit.rotate-312 {
  transform: rotate(312deg);
}

.mdtp__digit.rotate-312 span {
  transform: rotate(-312deg);
}

.mdtp__digit.rotate-318 {
  transform: rotate(318deg);
}

.mdtp__digit.rotate-318 span {
  transform: rotate(-318deg);
}

.mdtp__digit.rotate-324 {
  transform: rotate(324deg);
}

.mdtp__digit.rotate-324 span {
  transform: rotate(-324deg);
}

.mdtp__digit.rotate-330 {
  transform: rotate(330deg);
}

.mdtp__digit.rotate-330 span {
  transform: rotate(-330deg);
}

.mdtp__digit.rotate-336 {
  transform: rotate(336deg);
}

.mdtp__digit.rotate-336 span {
  transform: rotate(-336deg);
}

.mdtp__digit.rotate-342 {
  transform: rotate(342deg);
}

.mdtp__digit.rotate-342 span {
  transform: rotate(-342deg);
}

.mdtp__digit.rotate-348 {
  transform: rotate(348deg);
}

.mdtp__digit.rotate-348 span {
  transform: rotate(-348deg);
}

.mdtp__digit.rotate-354 {
  transform: rotate(354deg);
}

.mdtp__digit.rotate-354 span {
  transform: rotate(-354deg);
}

.mdtp__digit.rotate-360 {
  transform: rotate(360deg);
}

.mdtp__digit.rotate-360 span {
  transform: rotate(-360deg);
}

.mdtp__buttons {
  margin: 0 -10px -10px;
  text-align: right;
}

.mdtp__button {
  display: inline-block;
  padding: 0 16px;
  min-width: 50px;
  text-align: center;
  text-transform: uppercase;
  line-height: 32px;
  font-weight: 500;
  cursor: pointer;
}

.mdtp__button:hover {
  background-color: #e0e0e0;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="blue"] .mdtp__time_holder {
  background-color: #1565c0;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active span {
  background-color: #1565c0 !important;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active:before {
  background-color: #1565c0;
}

.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="red"] .mdtp__time_holder {
  background-color: #c62828;
}

.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="red"] .mdtp__digit.active span {
  background-color: #c62828 !important;
}

.mdtp__wrapper[data-theme="red"] .mdtp__digit.active:before {
  background-color: #c62828;
}

.mdtp__wrapper[data-theme="red"] .mdtp__button {
  color: #c62828;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="purple"] .mdtp__time_holder {
  background-color: #6a1b9a;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="purple"] .mdtp__digit.active span {
  background-color: #6a1b9a !important;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__digit.active:before {
  background-color: #6a1b9a;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__button {
  color: #6a1b9a;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="indigo"] .mdtp__time_holder {
  background-color: #283593;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="indigo"] .mdtp__digit.active span {
  background-color: #283593 !important;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__digit.active:before {
  background-color: #283593;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__button {
  color: #283593;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="teal"] .mdtp__time_holder {
  background-color: #00695c;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="teal"] .mdtp__digit.active span {
  background-color: #00695c !important;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__digit.active:before {
  background-color: #00695c;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__button {
  color: #00695c;
}

.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="green"] .mdtp__time_holder {
  background-color: #2e7d32;
}

.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="green"] .mdtp__digit.active span {
  background-color: #2e7d32 !important;
}

.mdtp__wrapper[data-theme="green"] .mdtp__digit.active:before {
  background-color: #2e7d32;
}

.mdtp__wrapper[data-theme="green"] .mdtp__button {
  color: #2e7d32;
}

@media (max-height: 360px) {
  .mdtp__wrapper {
    flex-direction: row;
    bottom: 8px;
  }

  .mdtp__time_holder {
    width: 160px;
    padding: 20px;
  }

  .mdtp__clock_holder {
    padding: 16px;
  }

  .mdtp__clock .mdtp__am,
  .mdtp__clock .mdtp__pm {
    bottom: -4px;
  }

  .mdtp__clock .mdtp__am {
    left: -4px;
  }

  .mdtp__clock .mdtp__pm {
    right: -4px;
  }
}

@media (max-height: 320px) {
  .mdtp__wrapper {
    bottom: 0;
  }
}


/* demo ------------------  */
/* Healthcare Privilege Card Starts */
.hpc-title {
    font-weight: 600;
    color: #2d2c79;
    font-size: 2rem !important;
    margin-bottom: 8px;
    font-family: arial;
}
.hpc-sub-title-one {
    font-weight: 600;
    color: #2d2c79;
    font-size: 1.1rem !important;
    font-family: arial;
    margin-bottom: 12px;
}
.hpc-sub-title {
    font-weight: 600;
    color: #2d2c79;
    font-size: 1.3rem !important;
    margin-bottom: 20px;
    font-family: arial;
}
.hpc-desc{
    font-size: 1rem !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.hcpc-card {
    margin-bottom: 16px;
    padding-left: 20px;
}
.hcpc-card ul{
    list-style: disc;
}
li.hpc-sub-title::marker{
    margin-right: 1px;
}
.hcpc-card .hpc-sub-title{
    margin-bottom: 2px;
}
.l-top{
    width: 100%;
}
.l-btm {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 340px;
    margin-top: 24px;
}
.lf1{
    border: .2px solid #5f5f9b;
}
.lf2{
    padding: 20px 30px 30px;
}
.lf3{
    color: #45b3e4;
    font-size: 2rem;
    position: static;
}
.lf4{
    color: #16a851;
    font-size: 1.4rem;
    font-family: arial;
    margin-bottom: 6px;
}
.lf-btn {
    border: none;
    background: no-repeat;
    padding: 0;
}
.lf-btn a{
    background-color: #342e8e;
    border-radius: 6px;
    color: #fff !important;
    padding: 6px;
    font-size: .7rem;
    font-weight: 600;
}
.lf5 {
    color: #45b3e4;
    font-size: 1.2rem;
    position: static;
}
.lf6 {
    font-weight: 600;
    color: #2d2c79;
    font-size: 1.1rem !important;
    margin-bottom: 1px;
    font-family: arial;
}
.lf7 {
    color: #000;
    font-size: 1rem;
    position: static;
}
@media only screen and (max-width: 767px){
.top-space8 {
    padding-top: 27%;
}
.l-btm{
    max-width: 280px;
}
}
@media (768px<=width<=1024px){
    .top-space8 {
    padding-top: 16%;
}
}
/* Healthcare Privilege Card Ends */

.blink_text {
    animation: 1s blinker linear infinite;
    -webkit-animation: 1s blinker linear infinite;
    -moz-animation: 1s blinker linear infinite;
    font-weight: bold;
    color: red;
    line-height: 20px;
    font-size: 13px;
    margin-right: 5px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.fd-mobile{
    padding: 6px 15px 0 !important;
}
.doc-app-mobile{
    background: #ebebeb;
}
.doc-app-mobile .blink_text{
    font-size: 1rem;
}
/* covid test section responsive code starts */
.ct-mobile{
    display: none;
}
@media(280px <= width <= 480px){
    .ct-desktop{
        display: none;
    }
    .ct-mobile{
    display: block;
}
}
/* covid test section responsive code ends */
/* Health Tips Section Starts */
.ht-card-text p{
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 100 !important;
    margin: 0;
}
.ht-card-img {
    width: 100%;
    height: 314px;
    object-fit: cover;
}
/* Health Tips ends */