/*=== MEDIA QUERY ===*/
/*
Theme Name: Medic
Author: Themefisher
Author URI: https://themefisher.com/
Description: Medicle Template
Version: 1.0.0

*/
@import url("https://fonts.googleapis.com/css?family=Exo:500,600,700|Roboto&display=swap");
html {
  overflow-x: hidden;
}

body {
  line-height: 1.6;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #6F8BA4;
  font-weight: 400;
  padding-top: 170px;
}
img {
  max-width: 100%; 
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Exo", sans-serif;
  font-weight: 700;
  color: #222;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 44px;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.3rem;
  line-height: 30px;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  line-height: 30px;
}

.navbar-toggle .icon-bar {
  background: #223a66;
}

input[type="email"], input[type="password"], input[type="text"], input[type="tel"] {
  box-shadow: none;
  height: 45px;
  outline: none;
  font-size: 14px;
}

input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:focus, input[type="tel"]:focus {
  box-shadow: none;
  border: 1px solid #223a66;
}
.fixed-top.min-top-header {
  background: #fff; 
}
.blink.mobile-call {
  display: none;
}

.form-control {
  box-shadow: none;
  border-radius: 0;
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid #223a66;
}

.py-7 {
  padding: 7rem 0px;
}

.btn {
  display: inline-block;
  font-size: 14px;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: .5px;
  padding: .75rem 2rem;
  font-family: "Exo", sans-serif;
  text-transform: uppercase;
  border-radius: 5px;
  border: 2px solid transparent;
  transition: all .35s ease;
}

.btn.btn-icon i {
  border-left: 1px solid rgba(255, 255, 255, 0.09);
  padding-left: 15px;
}

.btn:focus {
  outline: 0px;
  box-shadow: none;
}

.btn-main {
  background: #223a66;
  color: #fff;
  border-color: #223a66;
}

.btn-main:hover {
  background: #e12454;
  border-color: #e12454;
  color: #fff;
}

.btn-main-2 {
  background: #e12454;
  color: #fff;
  border-color: #e12454;
}

.btn-main-2:hover {
  background: #223a66;
  color: #fff;
  border-color: #223a66;
}

.btn-solid-border {
  border: 2px solid #223a66;
  background: transparent;
  color: #223a66;
}

.btn-solid-border:hover {
  border: 2px solid #223a66;
  color: #fff;
  background: #223a66;
}

.btn-solid-border:hover.btn-icon i {
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}

.btn-solid-border.btn-icon i {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}

.btn-transparent {
  background: transparent;
  color: #222;
  border-color: #6F8BA4;
}

.btn-transparent:hover {
  background: #6F8BA4;
  color: #fff;
}

.btn-white {
  background: #fff;
  border-color: #fff;
  color: #222;
}

.btn-white:hover {
  background: #223a66;
  color: #fff;
  border-color: #223a66;
}

.btn-solid-white {
  border-color: #fff;
  color: #fff;
}

.btn-solid-white:hover {
  background: #fff;
  color: #222;
}

.btn-round {
  border-radius: 4px;
}

.btn-round-full {
  border-radius: 50px;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
  outline: 0;
}

.bg-gray {
  background: #eff0f3;
}

.bg-primary {
  background: #223a66;
}

.bg-primary-dark {
  background: #152440;
}

.bg-primary-darker {
  background: #090f1a;
}

.bg-dark {
  background: #222;
}

.bg-gradient {
  background-image: linear-gradient(145deg, rgba(19, 177, 205, 0.95) 0%, rgba(152, 119, 234, 0.95) 100%);
  background-repeat: repeat-x;
}

.section {
  padding: 100px 0;
}

.section-sm {
  padding: 70px 0;
}

.section-bottom {
  padding-bottom: 100px;
}

.subtitle {
  color: #223a66;
  font-size: 14px;
  letter-spacing: 1px;
}

.overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background: #223a66;
}

.overly-2 {
  position: relative;
}

.overly-2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.text-sm {
  font-size: 14px;
}

.text-md {
  font-size: 2.25rem;
}

.text-lg {
  font-size: 3.75rem;
}

.no-spacing {
  letter-spacing: 0px;
}

/* Links */
a {
  color: #222;
  text-decoration: none;
  transition: all .35s ease;
}

a:focus, a:hover {
  color: #e12454;
  text-decoration: none;
}

a:focus {
  outline: none;
}

.content-title {
  font-size: 40px;
  line-height: 50px;
}

.page-title {
  padding: 120px 0px 70px 0px;
  position: relative;
}

.page-title .block h1 {
  color: #fff;
}

.page-title .block p {
  color: #fff;
}

.page-title .breadcumb-nav {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.slick-slide:focus, .slick-slide a {
  outline: none;
}
.home-main-banner {
  align-items: center; 
}
.slogan-text {
  font-size: 34px;
  font-weight: 600;
  text-align: center;
  display: block;
  color: #393186;
  text-transform: capitalize;
}

/*map section start*/
.map-img-box .map-img {
  width: 540px;
  position: relative;
  text-align: right;
  left: -50px;
}
.map-img-box .map-img .img-fluid {
  max-width: 470px;
  width: 100%; 
}
.map-point-bar {
  position: relative;
  top: -78px;
  left: -40px;
}
.map-address {
  display: none !important; 
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1); 
  z-index: 1050; 
  text-align: left;
}
.map-address p {
  color: #333;
  font-size: 14px;
  line-height: 25px;  
  margin: 0; 
}
.map-address p strong,
.map-address p span {
  display: block; 
}
.map-point .map-icon {
  cursor: pointer;
  padding: 6px 0;
}
.map-point .map-icon:after {
  content: "";
  height: 22px;
  width: 22px;
  position: absolute;
  margin: 0px;
  animation: pulsate 2s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #02437B;
  animation-delay: 1.1s;
  border-radius: 100%;
  left: -2px;
  top: 3px;
}

@keyframes pulsate {
    0% {
    transform: scale(.1, .1);
    opacity: .0;
}
50% {
    opacity: 1.0;
}
100% {
    transform: scale(1.1, 1.1);
    opacity: 0;
}
}



.map-point .view-more-btn {
  font-weight: 500;
  text-decoration: underline;
}
.map-point .view-more-btn:hover {
  text-decoration: none;
}
.map-point.point01 {
  position: absolute;
  bottom: 210px;
  right: 120px;
}
/*.map-address.address01.active {
  display: block;
  top: 70px;
  left: -40px;
}
.map-address.address01.active:before {
  content: '';
  background: #01427a;
  width: 2px;
  height: 48px;
  position: absolute;
  top: -48px;
  left: 48px;
}*/
.map-point.point01:hover .map-address.address01 {
  display: block;
  top: 40px;
  left: -40px;
}

.map-point.point02 {
  position: absolute;
  bottom: 228px;
  right: 105px;
}
.map-point.point02:hover .map-address.address02 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point03 {
  position: absolute;
  bottom: 186px;
  right: 157px;
}
.map-point.point03:hover .map-address.address03 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point04 {
  position: absolute;
  bottom: 198px;
  right: 138px;
}
.map-point.point04:hover .map-address.address04 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point05 {
  position: absolute;
  bottom: 220px;
  right: 175px;
}
.map-point.point05:hover .map-address.address05 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point06 {
  position: absolute;
  bottom: 247px;
  right: 171px;
}
.map-point.point06:hover .map-address.address06 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point07 {
  position: absolute;
  bottom: 290px;
  right: 168px;
}
.map-point.point07:hover .map-address.address07 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point08 {
  position: absolute;
  bottom: 202px;
  right: 168px;
}
.map-point.point08:hover .map-address.address08 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point09 {
  position: absolute;
  bottom: 272px;
  right: 156px;
}
.map-point.point09:hover .map-address.address09 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point10 {
  position: absolute;
  bottom: 252px;
  right: 150px;
}
.map-point.point10:hover .map-address.address10 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point11 {
  position: absolute;
  bottom: 237px;
  right: 132px;
}
.map-point.point11:hover .map-address.address11 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}
.map-point.point12 {
  position: absolute;
  bottom: 220px;
  right: 145px;
}
.map-point.point12:hover .map-address.address12 {
  display: block;
  position: absolute;
  background: #fff;
  min-width: 250px;
  padding: 10px;
  border-radius: 5px;
  top: 30px;
  left: -40px;
}

/*map section end*/

.map-point.point01 .point01-text {
  position: absolute;
  width: 225px;
  left: 18px;
  top: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: left;
}
.map-point.point01 .point01-text .text {
  margin-top: 10px;
}
.map-point.point01 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 40px;
  position: absolute;
  left: 0;
  top: -32px;
  transform: rotate(-36deg);
}
.map-point.point02 .point01-text {
  position: absolute;
  width: 260px;
  left: 2px;
  top: -30px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: left;
}
.map-point.point02 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 30px;
  position: absolute;
  left: 6px;
  top: 19px;
  transform: rotate(-4deg);
}
.map-point.point03 .point01-text {
  position: absolute;
  width: 225px;
  left: -225px;
  top: 28px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: right;
}
.map-point.point03 .point01-text .text {
  margin-top: 10px;
}
.map-point.point03 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 27px;
  position: absolute;
  left: 225px;
  top: -17px;
  transform: rotate(46deg);
}
.map-point.point04 .point01-text {
  position: absolute;
  width: 218px;
  left: 15px;
  top: 58px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: left;
}
.map-point.point04 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 40px;
  position: absolute;
  left: 1px;
  top: -37px;
  transform: rotate(-18deg);
}

.map-point.point05 .point01-text {
    position: absolute;
    width: 258px;
    left: -275px;
    top: -12px;
    font-size: 14px;
    font-weight: 600;
    color: #393186;
    text-align: right;
}
.map-point.point05 .point01-text .text {
  margin-right: 5px;
}
.map-point.point05 .point01-text::before {
    content: '';
    background: #393186;
    width: 2px;
    height: 22px;
    position: absolute;
    left: 265px;
    top: 9px;
    transform: rotate(-53deg);
}

.map-point.point06 .point01-text {
  position: absolute;
  width: 240px;
  left: -255px;
  top: -12px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: right;
}
.map-point.point06 .point01-text .text {
  margin-right: 10px;
}
.map-point.point06 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 22px;
  position: absolute;
  left: 245px;
  top: 6px;
  transform: rotate(-63deg);
}
.map-point.point07 .point01-text {
  position: absolute;
  width: 218px;
  left: 48px;
  top: -2px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: left;
}
.map-point.point07 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 48px;
  position: absolute;
  left: -22px;
  top: -9px;
  transform: rotate(-92deg);
}
.map-point.point08 .point01-text {
  position: absolute;
  width: 222px;
  left: -265px;
  top: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: right;
}
.map-point.point08 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 35px;
  position: absolute;
  left: 244px;
  top: -8px;
  transform: rotate(-99deg);
}
.map-point.point09 .point01-text {
  position: absolute;
  width: 185px;
  left: -74px;
  top: -50px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: center;
}
.map-point.point09 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 35px;
  position: absolute;
  left: 81px;
  top: 20px;
  transform: rotate(-181deg);
}
.map-point.point10 .point01-text {
    position: absolute;
    width: 225px;
    left: -245px;
    top: -35px;
    font-size: 14px;
    font-weight: 600;
    color: #393186;
    text-align: right;
}
.map-point.point10 .point01-text::before {
    content: '';
    background: #393186;
    width: 2px;
    height: 39px;
    position: absolute;
    left: 228px;
    top: 10px;
    transform: rotate(-228deg);
}
.map-point.point10 .point01-text .text {
  margin: 0 12px 0 0;
}
.map-point.point11 .point01-text {
  position: absolute;
  width: 210px;
  left: 56px;
  top: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: left;
  line-height: 18px;
}
.map-point.point11 .point01-text .text {
  margin-left: 10px;
}
.map-point.point11 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 58px;
  position: absolute;
  left: -20px;
  top: -32px;
  transform: rotate(-233deg);
}
.map-point.point12 .point01-text {
  position: absolute;
  width: 244px;
  left: -95px;
  top: 105px;
  font-size: 14px;
  font-weight: 600;
  color: #393186;
  text-align: center;
  line-height: 18px;
}
.map-point.point12 .point01-text::before {
  content: '';
  background: #393186;
  width: 2px;
  height: 80px;
  position: absolute;
  left: 109px;
  top: -88px;
  transform: rotate(-186deg);
}
.point01-text .text {
  background: #ffffffb8;
  display: inline-block;
  width: auto;
  padding: 0 5px;
  font-size: 13px;
  border-radius: 5px;
}

/**/


.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 90%);
    background-color: #ffffffbd;
    padding: 2px 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000; 
    width: 280px;
    text-align: center;
    font-size: 14px;
    color: #333;
}


@media (max-width: 480px) {
  h2, .h2 {
    font-size: 1.3rem;
    line-height: 36px;
  }
}

.title-color {
  color: #223a66;
}

.secondary-bg {
  background: #223a66;
}

.section-title {
  margin-bottom: 70px;
}

.section-title h2 {
  color: #223a66;
}

.text-lg {
  font-size: 50px;
}

.gray-bg {
  background: #f4f9fc;
}

@media (max-width: 480px) {
  .text-lg {
    font-size: 28px;
  }
}

@media (max-width: 400px) {
  .text-lg {
    font-size: 28px;
  }
}

#navbarmain {
  padding: 20px 0px;
}

#navbarmain .nav-link {
  font-weight: 600;
  padding: 10px 15px;
  color: #222;
  font-family: "Exo", sans-serif;
  text-transform: capitalize;
  font-size: 16px;
  transition: all .25s ease;
}

.dropdown-toggle::after {
  display: none;
}

.navbar-brand {
  margin-top: 10px;
}

.dropdown .dropdown-menu {
  position: absolute;
  display: block;
  background: #fff;
  min-width: 240px;
  top: 130%;
  left: 0;
  right: 0px;
  opacity: 0;
  padding: 0px;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  border: 0px;
  border-top: 5px solid #e12454;
  border-radius: 0px;
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 115%;
}

.dropdown .dropdown-item {
  padding: 13px 20px;
  border-bottom: 1px solid #eee;
  background: transparent;
  font-weight: 400;
  color: #555;
}

.dropdown .dropdown-item:hover {
  color: #e12454;
}

.header-top-bar {
  background: #223a66;
  font-size: 14px;
  padding: 10px 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #fff;
}

.top-bar-info li a {
  color: #fff;
  margin-right: 20px;
}

.top-right-bar a span {
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}

.top-right-bar a i {
  color: #fff;
  margin-right: 10px;
}

.bg-1 {
  background: url("../images/bg/22.jpg") no-repeat 50% 50%;
  background-size: cover;
  position: relative;
}

.banner {
  position: relative;
  overflow: hidden;
  background: #fff;
  background: url("../images/bg/slider-bg-1.jpg") no-repeat;
  background-size: cover;
  min-height: 550px;
}

.banner .block {
  padding: 80px 0px 160px;
}

.banner .block h1 {
  font-size: 60px;
  line-height: 1.2;
  letter-spacing: -1.2px;
  text-transform: capitalize;
  color: #223a66;
}

.letter-spacing {
  letter-spacing: 2px;
}

.text-color {
  color: #223a66;
}

.text-color-2 {
  color: #e12454;
}

.divider {
  width: 40px;
  height: 5px;
  background: #e12454;
}

@media (max-width: 480px) {
  .banner .block h1 {
    font-size: 38px;
    line-height: 50px;
  }
  .banner {
    min-height: 450px;
    background: #fff !important;
  }
}

@media (max-width: 400px) {
  .banner .block h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .banner {
    min-height: 450px;
    background: #fff !important;
  }
}

@media (max-width: 768px) {
  .banner .block h1 {
    font-size: 56px;
    line-height: 70px;
  }
  .banner {
    background: #fff !important;
  }
}

@media (max-width: 992px) {
  .banner {
    background: #fff !important;
  }
}

.about-img img {
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}

.award-img {
  height: 120px;
  margin-bottom: 10px;
  align-items: center;
  display: flex;
  justify-content: center;
  background: #eff0f3;
}

.appoinment-content {
  position: relative;
}

.appoinment-content img {
  width: 85%;
}

.appoinment-content .emergency {
  position: absolute;
  content: "";
  right: 10px;
  bottom: 20px;
  background: #223a66;
  padding: 48px;
}

.appoinment-content .emergency h2 {
  color: #fff;
}

.appoinment-content .emergency i {
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.7);
}

.appoinment-form {
  margin-top: 40px;
}

.appoinment-form .form-control {
  background: #f4f9fc;
  height: 55px;
  border-color: rgba(0, 0, 0, 0.05);
}

.appoinment-form textarea.form-control {
  height: auto;
}

.client-thumb {
  text-align: center;
}

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

.feature-item {
  flex-basis: 33.33%;
  margin: 0px 10px;
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}

.feature-item .feature-icon i {
  font-size: 50px;
  color: #223a66;
}

.feature-item h4 {
  color: #223a66;
}

.feature-item p {
  font-size: 14px;
}

.feature-section.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.w-hours li {
  padding: 6px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.counter-stat {
  text-align: center;
  padding: 55px 0px 40px 0px;
  position: relative;
}

.counter-stat i {
  display: block;
  color: rgba(255, 255, 255, 0.06);
  font-size: 70px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}

.counter-stat span {
  font-size: 70px;
  color: #fff;
}

.counter-stat p {
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.7);
}

.mb--80 {
  margin-bottom: -80px;
}

.service {
  padding-top: 180px;
}

.service .service-item {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
}

.service .icon {
  float: left;
  margin-bottom: 10px;
}

.service i {
  color: #e12454;
}

.service h4 {
  padding-left: 20px;
}

.service .content {
  clear: both;
}

.service-block {
  padding: 20px;
  margin-top: 40px;
  border: 1px solid rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 38px rgba(21, 40, 82, 0.07);
}

.service-block img {
  width: 100%;
  margin-top: -60px;
  border: 5px solid #fff;
}

.department-service {
  margin-bottom: 40px;
}

.department-service li {
  margin-bottom: 10px;
}

.department-service li i {
  color: #e12454;
}

.doctors .btn-group .btn {
  border-radius: 0px;
  margin: 0px 2px;
  text-transform: capitalize;
  font-size: 16px;
  padding: .6rem 1.5rem;
  cursor: pointer;
}

.doctors .btn-group .btn.active {
  box-shadow: none !important;
  border-color: transparent;
  background: #e12454;
  color: #fff;
}

.doctors .btn-group .btn.focus {
  box-shadow: none !important;
  border-color: transparent;
}

.doctors .btn-group .btn:focus {
  box-shadow: none !important;
  border-color: transparent;
  background: #e12454;
  color: #fff;
}

.doctors .btn-group .btn:hover {
  box-shadow: none !important;
  border-color: transparent;
  background: #e12454;
  color: #fff;
}

.doctors .btn-group > .btn-group:not(:last-child) > .btn, .doctors .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .doctors .btn-group > .btn:not(:first-child) {
  border-radius: 3px;
}

.doctor-inner-box {
  overflow: hidden;
}

.doctor-inner-box .doctor-profile {
  overflow: hidden;
  position: relative;
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}

.doctor-inner-box .doctor-profile .doctor-img {
  transition: all .35s ease;
}

.doctor-inner-box .doctor-profile .doctor-img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.lh-35 {
  line-height: 35px;
}

.doctor-info li {
  margin-bottom: 10px;
  color: #222;
}

.doctor-info li i {
  margin-right: 20px;
  color: #e12454;
}

.read-more {
  color: #223a66;
}

@media (max-width: 480px) {
  .doctors .btn-group {
    display: block;
  }
  .doctors .btn-group .btn {
    margin: 8px 3px;
  }
}

@media (max-width: 400px) {
  .doctors .btn-group {
    display: block;
  }
  .doctors .btn-group .btn {
    margin: 8px 3px;
  }
}

@media (max-width: 768px) {
  .doctors .btn-group {
    display: block;
  }
  .doctors .btn-group .btn {
    margin: 8px 3px;
  }
}

.cta {
  background: url("../images/bg/bg-4.jpg") no-repeat 50% 50%;
  background-size: cover;
  position: relative;
}

.cta:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(34, 58, 102, 0.95);
}

.mb-30 {
  margin-bottom: 30px;
}

.text-color-primary {
  color: #223a66;
}

.cta-section {
  margin-bottom: -80px;
}

.cta-2 {
  background: url("../images/bg/cta-bg.png") no-repeat;
  background-position: center center;
}

.cta-page {
  background: url("../images/bg/banner.jpg") no-repeat;
  background-size: cover;
  position: relative;
}

.testimonial {
  position: relative;
}

.testimonial:before {
  width: 48%;
  height: 100%;
  top: 0;
  left: 0px;
  position: absolute;
  content: "";
  background: url("../images/bg/bg-2.jpg") no-repeat 50% 50%;
}

.testimonial .slick-dots {
  text-align: left;
}

.testimonial-block {
  position: relative;
  margin-bottom: 20px;
}

.testimonial-block p {
  background: #fff;
  font-size: 18px;
}

.testimonial-block .client-info {
  margin-bottom: 20px;
}

.testimonial-block .client-info h4 {
  margin-bottom: 0px;
}

.testimonial-block i {
  font-size: 60px;
  position: absolute;
  right: 46px;
  bottom: 89px;
  opacity: .08;
}

.testimonial-block .slick-dots {
  text-align: left;
}

.testimonial-wrap-2 .slick-dots {
  margin-left: -10px;
}

.testimonial-block.style-2 {
  background: #fff;
  padding: 30px;
  margin: 0px 4px;
  margin-bottom: 30px;
}

.testimonial-block.style-2 .testimonial-thumb {
  float: left;
}

.testimonial-block.style-2 .testimonial-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-right: 20px;
  margin-bottom: 30px;
  border: 5px solid #eff0f3;
  margin-top: -5px;
}

.testimonial-block.style-2 .client-info p {
  clear: both;
  background: transparent;
}

.testimonial-block.style-2 i {
  bottom: -20px;
  color: #e12454;
  opacity: .3;
}

@media (max-width: 480px) {
  .testimonial-wrap {
    margin-left: 0px;
  }
  .testimonial::before {
    display: none;
  }
}

@media (max-width: 400px) {
  .testimonial-wrap {
    margin-left: 0px;
  }
  .testimonial::before {
    display: none;
  }
}

@media (max-width: 768px) {
  .testimonial-wrap {
    margin-left: 0px;
  }
  .testimonial::before {
    display: none;
  }
}

@media (max-width: 992px) {
  .testimonial-wrap {
    margin-left: 0px;
  }
  .testimonial::before {
    display: none;
  }
}

.contact-form-wrap .form-group {
  margin-bottom: 20px;
}

.contact-form-wrap .form-group .form-control {
  height: 60px;
  border: 1px solid #EEF2F6;
  box-shadow: none;
  width: 100%;
  background: #f4f9fc;
}

.contact-form-wrap .form-group-2 {
  margin-bottom: 13px;
}

.contact-form-wrap .form-group-2 textarea {
  height: auto;
  border: 1px solid #EEF2F6;
  box-shadow: none;
  background: #f4f9fc;
  width: 100%;
}

.social-icons li {
  margin: 0 6px;
}

.social-icons a {
  margin-right: 10px;
  font-size: 18px;
}

.google-map {
  position: relative;
}

.google-map #map {
  width: 100%;
  height: 500px;
}

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

.contact-block {
  text-align: center;
  border: 5px solid #EEF2F6;
  padding: 50px 25px;
}

.contact-block i {
  font-size: 50px;
  margin-bottom: 15px;
  display: inline-block;
  color: #e12454;
}

.blog-item-content h2 {
  font-weight: 600;
  font-size: 38px;
}

/*=================================================================
  Single Blog Page
==================================================================*/
.nav-links .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #eee;
  text-align: center;
  padding-top: 13px;
  font-weight: 600;
  margin-right: 10px;
}

.nav-links .page-numbers:hover {
  background: #223a66;
  color: #fff;
}

.nav-links .page-numbers.current {
  background: #223a66;
  color: #fff;
}

.comment-area .comment-thumb {
  margin-right: 20px;
  margin-bottom: 30px;
}

.comment-area h5 {
  font-size: 18px;
  font-weight: 500;
}

.comment-area span {
  font-size: 14px;
}

.posts-nav h6 {
  font-weight: 500;
}

.quote {
  font-size: 22px;
  color: #223a66;
  padding: 40px;
  font-style: italic;
  border-left: 5px solid #e12454;
  margin: 25px 0px;
}

.tag-option a {
  border: 1px solid #eff0f3;
  padding: 6px 12px;
  color: #6F8BA4;
  font-size: 14px;
}

.comment-form .form-control {
  background: #f7f8fb;
  border-radius: 5px;
  border-color: #f7f8fb;
  height: 50px;
}

.comment-form textarea.form-control {
  height: auto;
}

.post.post-single {
  border: none;
}

.post.post-single .post-thumb {
  margin-top: 30px;
}

.post-sub-heading {
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 20px;
}

.post-social-share {
  margin-bottom: 50px;
}

.post-comments {
  margin: 30px 0;
}

.post-comments .media {
  margin-top: 20px;
}

.post-comments .media > .pull-left {
  padding-right: 20px;
}

.post-comments .comment-author {
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: 500;
}

.post-comments .comment-author a {
  color: #223a66;
  font-size: 14px;
  text-transform: uppercase;
}

.post-comments time {
  margin: 0 0 5px;
  display: inline-block;
  color: #808080;
  font-size: 12px;
}

.post-comments .comment-button {
  color: #223a66;
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
}

.post-comments .comment-button i {
  margin-right: 5px;
  display: inline-block;
}

.post-comments .comment-button:hover {
  color: #223a66;
}

.post-excerpt {
  margin-bottom: 60px;
}

.post-excerpt h3 a {
  color: #000;
}

.post-excerpt p {
  margin: 0 0 30px;
}

.post-excerpt blockquote.quote-post {
  margin: 20px 0;
}

.post-excerpt blockquote.quote-post p {
  line-height: 30px;
  font-size: 20px;
  color: #223a66;
}

.comments-section {
  margin-top: 35px;
}

.author-about {
  margin-top: 40px;
}

.post-author {
  margin-right: 20px;
}

.post-author > img {
  border: 1px solid #dedede;
  max-width: 120px;
  padding: 5px;
  width: 100%;
}

.comment-list ul {
  margin-top: 20px;
}

.comment-list ul li {
  margin-bottom: 20px;
}

.comment-wrap {
  border: 1px solid #dedede;
  border-radius: 1px;
  margin-left: 20px;
  padding: 10px;
  position: relative;
}

.comment-wrap .author-avatar {
  margin-right: 10px;
}

.comment-wrap .media .media-heading {
  font-size: 14px;
  margin-bottom: 8px;
}

.comment-wrap .media .media-heading a {
  color: #223a66;
  font-size: 13px;
}

.comment-wrap .media .comment-meta {
  font-size: 12px;
  color: #888;
}

.comment-wrap .media p {
  margin-top: 15px;
}

.comment-reply-form {
  margin-top: 80px;
}

.comment-reply-form input, .comment-reply-form textarea {
  height: 35px;
  border-radius: 0;
  box-shadow: none;
}

.comment-reply-form input:focus, .comment-reply-form textarea:focus {
  box-shadow: none;
  border: 1px solid #223a66;
}

.comment-reply-form textarea, .comment-reply-form .btn-main {
  height: auto;
}

.sidebar-widget {
  margin-bottom: 30px;
  padding-bottom: 35px;
}

.sidebar-widget h5 {
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 15px;
}

.sidebar-widget h5:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 35px;
  height: 3px;
  background: #e12454;
}

.sidebar-widget.latest-post .media img {
  border-radius: 7px;
}

.sidebar-widget.latest-post .media h6 {
  font-weight: 500;
  line-height: 1.4;
}

.sidebar-widget.latest-post .media p {
  font-size: 12px;
}

.sidebar-widget.category ul li {
  margin-bottom: 10px;
}

.sidebar-widget.category ul li a {
  color: #222;
  transition: all 0.3s ease;
}

.sidebar-widget.category ul li a:hover {
  color: #223a66;
  padding-left: 5px;
}

.sidebar-widget.category ul li span {
  margin-left: 10px;
}

.sidebar-widget.tags a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .075em;
  line-height: 41px;
  height: 41px;
  font-weight: 500;
  border-radius: 20px;
  color: #666;
  display: inline-block;
  background-color: #eff0f3;
  margin: 0 7px 10px 0;
  padding: 0 25px;
  transition: all .2s ease;
}

.sidebar-widget.tags a:hover {
  color: #fff;
  background: #223a66;
}

.sidebar-widget.schedule-widget {
  background: #f4f9fc;
  padding: 25px;
}

.sidebar-widget.schedule-widget ul li {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}

.search-form {
  position: relative;
}

.search-form i {
  position: absolute;
  right: 15px;
  top: 35%;
}

.footer {
  padding-bottom: 10px;
}

.footer .copyright a {
  font-weight: 600;
}

.lh-35 {
  line-height: 35px;
}

.logo {
  font-weight: 600;
  letter-spacing: 1px;
}

.logo h3 {
  color: #223a66;
}

.logo span {
  color: #223a66;
}

.widget .divider {
  height: 3px;
}

.widget h4 {
  color: #223a66;
}

.widget .footer-menu a {
  color: #6F8BA4;
}

.widget .footer-menu a:hover {
  color: #e12454;
}

.footer-contact-block span {
  font-weight: 400;
  color: #6F8BA4;
}

.footer-contact-block i {
  font-size: 20px;
}

.footer-btm {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-socials li a {
  width: 45px;
  height: 45px;
  background: #6F8BA4;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  padding-top: 12px;
}

.widget-contact h6 {
  font-weight: 500;
  margin-bottom: 18px;
}

.widget-contact h6 i {
  color: #e12454;
}

.subscribe {
  position: relative;
}

.subscribe .form-control {
  border-radius: 50px;
  height: 60px;
  padding-left: 25px;
  border-color: #eee;
}

.subscribe .btn {
  position: absolute;
  right: 6px;
  top: 6px;
}

.backtop {
  position: fixed;
  background: #e12454;
  z-index: 9999;
  display: inline-block;
  right: 55px;
  width: 60px;
  height: 60px;
  bottom: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  border-radius: 50px;
}

.backtop i {
  color: #fff;
  font-size: 20px;
}

.reveal {
  transition: all .3s;
  cursor: pointer;
  opacity: 1;
}

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

.navbar-brand{
  margin-top: 0px;
  padding-top: 0px;
}
.header-top-bar {
background: rgb(48,40,119);
background: linear-gradient(90deg, rgba(48,40,119,1) 0%, rgba(70,63,134,1) 31%, rgba(114,108,172,1) 63%, rgba(119,114,167,1) 100%);
}
.appoinment-content .emergency h2 {
  font-size: 42px; 
}
.top-header-right {
  display: flex; 
  align-items: center;
  justify-content: flex-end;
  position: relative;
  right: -100px;
}
.header-sign-in a {
  font-size: 14px;
  color: #fff;
  padding: 5px 12px;
  border: solid 1px #fff;
  border-radius: 8px;
  margin-left: 20px;
}
#navbarmain .nav-link {
  padding: 10px 10px; 
}
.header-top-bar .list-inline {
  margin: 0 0 0 12px;
}
.header-top-bar .list-inline .list-inline-item a {
  font-size: 13px;
  background: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-top-bar .list-inline .list-inline-item a i {
  position: relative;
  top: 1px;
}
.nav-item.qr-code-item {
  display: flex;
  align-items: center; 
}
header .qr-code {
  width: 80px;
  position: absolute;
  top: -8px;
  right: -97px;
}
header .qr-code .scan-review-text {
  font-size: 10px;
  color: #393186;
  font-weight: 600;
  letter-spacing: ;
  position: relative;
  top: 3px;
}
.banner {
  display: none;
  position: relative;
  overflow: hidden;
  background: #fff;
  background: url("../images/bg/slider-bg-1.jpg") no-repeat;
  background-size: cover;
  min-height: 550px;
}
.home-map-section {
  padding: 40px 0 20px;
  background: url("../images/bg/slider-bg-1.jpg") no-repeat;
  background-size: cover;
  min-height: 550px;
  position: relative;  
}
.banner-robo {
  width: 280px;
  position: absolute;
  left: 50px;
  bottom: -200px;
}
/**/
.dropdown01 {
  position: relative; 
}
.dropdown01 .dropdown-ul {
  display: none;
}
.dropdown01:hover .dropdown-ul {
  display: block;
  width: 200px;
  position: absolute;
  right: -202px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  background: #fff;
  top: 20px;
  border-top: 3px solid #e12454;
}
.dropdown02 {
  position: relative; 
}
.dropdown02 .dropdown-ull {
  display: none;
}
.dropdown02:hover .dropdown-ull {
  display: block;
  width: 200px;
  position: absolute;
  right: -202px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  background: #fff;
  top: 20px;
  border-top: 3px solid #e12454;
}
.btn.btn-main-2.btn-round-full {
  color: #fff !important;
}

@media screen and (max-width: 1339px) {
  .navbar-brand {
    max-width: 120px; 
  } 
  body header .qr-code {
    position: relative;
    width: 70px; 
  } 
  .menu-link {
     padding: 10px 5px;
  }
}

@media screen and (max-width: 991px) {
 body h2 {
   font-size: 35px; 
 }
 .menu.menu-bar li.first-list.active a {
   background: #efefef; 
 }
 .menu.menu-bar li.first-list.active ul.menu.menu-list li a {
   background: transparent;
 }
/* .menu.menu-bar li.mobile-menu-back-item .menu-link.mobile-menu-back-link {
   background: #efefef;
} 
.singli-level-li .mega-menu.mega-menu--multiLevel {
  border-top: none; 
}*/
 body .top-header-right {
    right: 0;
    justify-content: center;
    padding-top: 5px;
  }  
 .nav-item.dropdown .dropdown-menu {
   display: none !important;
 }
 body .dropdown:hover .dropdown-menu {
   display: none !important; 
 }
 body .dropdown01:hover .dropdown-ul {
   display: none !important; 
 }
 .nav-item.dropdown.show .dropdown-menu.show {
   display: block !important;
 } 
 .navbar-nav .nav-item {
  border-top: solid 1px #ddd;
 }
 #navbarmain .nav-link {
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
 }
li.dropdown01.dropdown i.icofont-thin-down {
    background: #ccc;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 1;
}
body .navbar > .container {
  justify-content: flex-start;
} 
body header .qr-code {
  position: absolute;
  right: 20px; 
  text-align: center; 
}
body header .qr-code .img-fluid {
  height: 40px;
}
 
}



/*New Header menu start*/

.navbar .container {
  position: relative;
}

header nav ul, nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}
header nav a {
  display: block;
  text-decoration: none;
}
header nav a:hover, 
header nav a:visited {
  text-decoration: none;
}
.menu-bar {
   background: #ffffff;
   display: flex;
}
.menu-link {
  font-weight: 600;
  padding: 10px 8px;
  color: #222;
  font-family: "Exo", sans-serif;
  text-transform: capitalize;
  font-size: 14px;
  transition: all .25s ease;
  background: #fff;
  position: relative;
}
.menu-bar .active .menu-link.menu-bar-link {
  color: #393186; 
}
.menu-link[aria-haspopup="true"] {
   padding-right: 40px;
}
.menu-link[aria-haspopup="true"]:after {
   content: "";
   background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowRight.svg#accent');
   background-size: 14px;
   width: 14px;
   height: 14px;
   font-size: 12px;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
}
.mega-menu-header {
   font-size: 1.2em;
   text-transform: uppercase;
   font-weight: bold;
   color: #136a73;
}
.mega-menu {
   /*background: #ffffff;*/
   z-index: 10;
}
.mega-menu--multiLevel {
  flex-direction: column;
}
.singli-level-li {
  position: relative;
}
.singli-level-li .mega-menu.mega-menu--multiLevel {
  width: 200px;
}
.singli-level-li .mega-menu.mega-menu--multiLevel li {
  width: 100%;
}
.menu-link.mega-menu-link.my-li:after {
  display: none; 
}

@media (min-width: 992px) {
  .container {
    max-width: 1120px;
  }
}

@media all and (min-width: 1023px) {
.navbar .nav .menu.menu-bar li:hover .mega-menu.mega-menu--multiLevel {
  display: block; 
}  
.nav {
  background: #ffffff;
}
.nav > nav {
  max-width: 900px;
  margin: 0 auto;
}
.menu [aria-haspopup="true"] ~ ul {
  display: none;
}
.menu-bar {
  position: relative;
}
.menu-bar > li > [aria-haspopup="true"]:after {
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent');
}
.menu-bar > li > [aria-haspopup="true"]:hover:after {
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent');
}
.menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
  display: flex;
  transform-origin: top;
  animation: dropdown .2s ease-out;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
  display: flex;
}
.menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul {
  display: flex;
}
.menu-bar > li > [aria-haspopup="true"]:focus, 
.menu-bar > li:focus-within > [aria-haspopup="true"], 
.menu-bar > li:hover > a {
  color: #393186;
}
.menu-bar > li > [aria-haspopup="true"]:focus:after, 
.menu-bar > li:focus-within > [aria-haspopup="true"]:after, 
.menu-bar > li:hover > a:after {
  background-image: url('images/arrowTop.svg') no-repeat center center;
}
.mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 39px;
}
.mega-menu:hover {
  display: flex;
}
.mega-menu a:hover {
  background: tint(#177E89,85%);
  color: #136a73;
}
.mega-menu--multiLevel > li {
  width: 33.333333333333%;
  border-top: solid 1px #ccc;
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {
  left: 33.333333333333%;
  width: calc(100% - 20%);
  margin-top: 39px; 
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul {
  width: 100%;
  left: 100%;
}
.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {
  display: block;
  transform-origin: left;
  animation: flyout .2s ease-out;
}
.mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul {
  display: block;
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul li {
  width: 33%;
  float: left;
  padding: 0 10px;
}    
.mega-menu--multiLevel li:hover > [aria-haspopup="true"], 
.mega-menu--multiLevel li:hover > a, 
.mega-menu--multiLevel li:focus-within > [aria-haspopup="true"], 
.mega-menu--multiLevel li:focus-within > a {
  background: tint(#177E89,85%);
  color: #136a73;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul, 
.mega-menu--multiLevel [aria-haspopup="true"] {
   border-left: 1px solid #f0f0f0;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover, 
.mega-menu--multiLevel [aria-haspopup="true"]:hover {
  display: block;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
  position: absolute;
  top: 0;
  height: calc(100% - 38px);
  background: #fff;
  border: solid 1px #ccc; 
}
.mega-menu--flat > * {
  flex: 1;
}
.mobile-menu-trigger, 
.mobile-menu-header, 
.mobile-menu-back-item {
  display: none;
}

.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul .menu-link.menu-list-link {
  padding: 0px 20px;
  font-size: 13px;
  border-bottom:solid 1px #ccc;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  line-height: 60px; 
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul .menu-link.menu-list-link:hover {
  color: #393186; 
}

}

 body h2 {
   font-size: 38px !important; 
 } 

@media all and (max-width: 1199px) {
 .menu-link[aria-haspopup="true"] {
  padding-right: 30px;
 }
 .menu-link {
   font-size: 12px;
   padding: 10px 6px;
 }

}

@media all and (max-width: 1023px) {
.blink {
  display: none;
}
.text-lg-right.top-right-bar {
  margin-top: 0 !important;
}
.blink.mobile-call {
  display: flex;
  background: #fff;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.blink.mobile-call .icofont-phone {
  color: #000;
  margin: 0;
  font-size: 13px;
}  
.menu-link {
  font-size: 15px; 
}
.top-bar-info.list-inline-item {
  text-align: center;
  width: 100%;
}  
.menu.menu-bar li.mobile-menu-back-item {
  position: absolute;
  top: 17px;
  z-index: 5;
  border: none;
  background: #ccc;
} 
.nav {
  padding: 0px;
  position: absolute;
  left: 0;
}
.menu.menu-bar li {
  border-top: solid 1px #ccc;
  width: 100%;
}
.menu.menu-bar li:first-child {
  border-top: none;  
}
.singli-level-li .mega-menu.mega-menu--multiLevel {
  width: 100%;
  border-top: solid 1px #ccc;
}
.navbar-brand {
  margin-left: 50px;  
}
.mobile-menu-trigger, 
.mobile-menu-header, 
.mobile-menu-back-item {
  display: block;
}
.mobile-menu-trigger {
  color: #ffffff;
  border: 0;
  padding: 0px;
}
.mobile-menu-header {
  order: -1;
  background: grey;
}
.mobile-menu-header a {
  padding: 20px 25px;
  color: #ffffff;
  visibility: visible;
}
.menu-bar {
  flex-direction: column;
  position: fixed;
  top: 0;
  left: -100%;
  height: 100vh;
  width: 350px;
  max-width: 350px;
  max-width: 90%;
  overflow-x: hidden;
  transition: left .3s;
  box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.25);
  z-index: 5;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  position: absolute;
  left: 100%;
  top: 0;
  max-height: 100vh;
  width: 100%;
  transition: left .3s;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] {
  font-size: 15px;
  background: #fff;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
  padding-left: 25px;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
  padding-left: 80px;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] {
  color: #2a2a2a;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after {
  content: "+";
  background: none;
  font-size: 20px;
  font-weight: normal;
  height: 30px;
  line-height: 1;
  width: 30px;
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul {
  max-height: 0px;
  transform-origin: top;
  transform: scaleY(0);
  transition: max-height .1s;
}
.mega-menu-content {
  padding: 20px 25px;
}
.mobile-menu-back-item {
  order: -1;
}
.mobile-menu-back-item a {
  background: tint(grey,70%);
  color: #2a2a2a;
  max-height: calc(1.4em + 40px);
  margin-top: calc(0px - (1.4em + 40px));
  pointer-events: none;
}
.mobile-menu-back-item a:before {
  content: "";
  width: 14px;
  height: 12px;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowLeft.svg#default');
  background-size: 14px;
  margin-right: 10px;
  display: inline-block;
}
.mobile-menu-trigger:focus ~ ul {
  left: 0;
}
.menu-bar:hover, .menu-bar:focus-within {
  left: 0;
}
.menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
  left: 0;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul {
  margin-top: 43px;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover, 
.menu-bar > li > [aria-haspopup="true"] ~ ul:focus-within {
  left: 0;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {
  max-height: 500px;
  animation: dropdown .3s forwards;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul li:focus-within > [aria-haspopup="true"] ~ ul {
  max-height: 500px;
  transform: scaleY(1);
}
.menu-bar > li:focus-within ~ .mobile-menu-header a {
  visibility: hidden;
}
.menu-link.mega-menu-link.my-li::after {
  display: none !important; 
}

.menu.menu-bar li.first-list ul.menu.menu-list {
    display: none;
}
.menu.menu-bar li.first-list.active ul.menu.menu-list {
    display: block;
}
.menu.menu-bar li.first-list a.menu-link:after {
  content: "";
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowRight.svg#accent);
  background-size: 14px;
  width: 14px;
  height: 14px;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%); 
  background-color: transparent;
}
.menu.menu-bar li.first-list.active ul.menu.menu-list li a:after {
    display: none;
}
.slder-cad i:first-child {
  left: 0; 
}
.slder-cad i:last-child {
  right: 0; 
}

}
@media all and (max-width: 991px) {
  body {
    padding-top: 145px;
  }
  .home-map-section {
    min-height: inherit; 
  } 
  .slogan-text {
    font-size: 24px;
    padding-top: 20px; 
  } 
}

@media all and (max-width: 950px) and (hover: none) {
.mobile-menu-trigger:hover ~ ul {
  left: 0;
}
.menu-bar > li > [aria-haspopup="true"]:hover ~ ul {
  left: 0;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
  left: 0;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul {
  max-height: 500px;
  animation: dropdown .3s forwards;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover {
  max-height: 500px;
  transform: scaleY(1);
}
.menu-bar > li:hover ~ .mobile-menu-header a {
  visibility: hidden;
}

}

 @keyframes dropdown {
     0% {
         opacity: 0;
         transform: scaleY(0);
    }
     50% {
         opacity: 1;
    }
     100% {
         transform: scaleY(1);
    }
}
 @keyframes flyout {
     0% {
         opacity: 0;
         transform: scaleX(0);
    }
     100% {
         opacity: 1;
         transform: scaleX(1);
    }
}

@media all and (max-width: 568px) { 
.mobile-menu-trigger {
  max-width: 40px;
  width: 100%;
 }
 .mobile-menu-trigger img {
   max-width: 100%; 
 }  
 .navbar-brand {
   max-width: 110px; 
 } 
 header .qr-code .scan-review-text {
  display: none; 
 }
body header .qr-code {
  position: absolute;
  right: 0px;
  width: 40px;
  top: 9px;
} 
body h2 {
   font-size: 1.5rem !important; 
} 
.map-point-bar {
  top: -10px; 
}
.map-img-box .map-img {
  width: 100%;
  margin: 0 auto;
  left: 0;
}
.map-text-bar {
  position: relative;
  top: 50px;
  right: -68px;
}
.map-point:hover .map-address {
  left: -210px !important;
}
.map-point.point10:hover .map-address.address10 {
  left: -130px !important; 
}

}

@media all and (max-width: 430px) { 
 .home-map-section {
  min-height: inherit;
 }
 .appoinment-content .emergency h2.text-lg {
   display: flex;
   align-items: center;
 }  
}


/*New Css start*/
.speciality-img .img-fluid {
  width: 100%;
  height: 90%;
  border-radius: 8px;
}
.speciality-text {
  margin-top: -8px;
}
.assured_menu .pg_widget {
  height: 106px;
}
.pg_widget {
  background: #fff;
  box-shadow: 0px 0px 36px rgb(16 40 81 / 12%);
  padding: 16px 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #fff;
  cursor: pointer;
}
.pg_widget h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  padding-top: 8px;
  margin: 0px;
}
.pg_widget:hover {
  border: 1px solid #223a66;
}
.pg_widget img {
  /*width: 50%;*/
  height: 50%; 
}
.speciality-text .row-cols-lg-5 > * {
  margin: 8px 0;
  padding: 0 8px;
}

.cta-section {margin: 100px 0 0;}
.cta-section .counter-stat {
  position: relative;
  padding: 15px;
  border: 2px solid transparent;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  color: #333;
  border: 1px solid #fff;
}
.cta-section .counter-stat i {
  color: #c4c4c4;
  position: inherit;
  height: 100px;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
}
.cta-section .counter-stat .h3 {
  color: #223a66;
  font-size: 40px;
  font-weight: 600;
}
.cta-section .counter-stat p {
  color: #222;
}
.cta-section .counter-stat:hover {
  border: 1px solid #223a66;
}
.about-section {
  position: relative;
  padding: 80px 0px;
}
.about-section .about-left {
  padding-right: 30px; 
}
.about-section .about-left .sec-title h2 {
  text-align: left;
}
.about-section .sec-title {
  position: relative;
  z-index: 1;
  margin-bottom: 35px; 
}
.about-section .sec-title h2 {
  font-size: 20px;
  position: relative;
  display: block;
  font-size: 32px;
  line-height: 1.2em;
  color: #1f2837;
  font-weight: 600;
  padding-bottom: 25px;
  text-transform: capitalize;
  text-align: center;
}
.about-section .content-column .text {
  position: relative;
  color: #333;
  font-size: 14px;
  line-height: 1.9em;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: justify;
}
.about-section .content-column .bold-text {
  position: relative;
  color: #1f2837;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  text-align: justify;
}
.about-section .about-sec-btn {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.about-section .btn-style-two {
  font-size: 15px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  text-transform: capitalize;
  background-color: #223a66;
  padding: 2px 15px;
  border-radius: 20px;
}
.about-section .btn-style-two::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #1f2837;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
}
.about-section .sec-title .separator {
  position: relative;
  width: 100px;
}
.about-section .service-block-five {
  position: relative;
  margin-bottom: 40px;
}
.about-section .sec-title.centered .separator {
  margin: 0 auto;
}
.about-section .sec-title .separator::after {
  position: absolute;
  content: '';
  left: 50%;
  top: -15px;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  border: 10px solid #ffffff;
  background-color: #223a66;
}
.about-section .sec-title .separator::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 2px;
  background-color: #223a66;
}
.about-section .service-block-five .inner-box .icon-box {
  position: relative;
  width: 100px;
  height: 74px;
  color: #ff0000;
  font-size: 40px;
  line-height: 1em;
  padding: 15px 0px;
  margin: 0 auto;
  text-align: center;
  background: url(../new-images/icon-6.png) no-repeat;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}
.about-section .service-block-five .inner-box .icon-box .icon img {
  margin: 0 auto;
  width: 45px;
}
.about-section .service-block-five .inner-box h4 {
  position: relative;
  color: #1f2837;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1em;
  margin-top: 12px;
  text-align: center;
}
.about-section .service-block-five .inner-box:hover .icon-box {
  transform: rotateY(360deg);
}
/**/
.assured_menu {
  padding-top: 30px;
  background: #fff6f6;
}
.choose-section {
  padding: 100px 0 80px; 
}
.why-choose-video {
  width: 100%;
  height: 100%;
  position: relative; 
}
/**/
/*.video-container {
  min-width: 100%;
  border-radius: 4px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}*/
.video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; 
}
video {
  min-width: 100%;
  min-height: 100%;
}
.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
#circle-play-b {
  cursor: pointer;
  pointer-events: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#circle-play-b svg {
    width: 50px;
    height: 50px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(black, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}

/**/
.choose-left .service-item {
  border-radius: 10px;
  background: linear-gradient(to right, #ffffff, #f0f0f0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 15px;
  border: solid 1px #e9e9e9;
}
.choose-left .service-item .align-items-center {
  flex-wrap: wrap;
}
.choose-left .service-item .mb-3 {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0 0 !important;
}
.choose-left .service-item p.mb-4 {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;  
}
.choose-left .service-item i {
  color: #393186;
}
.choose-right-text {
  background: #f9f9fe;
  padding: 50px 40px 30px;
  border-radius: 80px 0 0 0;
  height: 99%;
}
.choose-right-text h3 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 25px;
}
.choose-right-text h3 .sterling {
  color: #393186; 
}
.why-choose-text {
  padding: 0 0 20px;
  margin: 0;
  list-style: none;
}
.why-choose-text li {
  margin: 4px 0;
  position: relative;
  padding-left: 20px;
}
.why-choose-text li span {
  position: absolute;
  left: 0;
  top: 0;
}
/**/

.faqWrapper {
  background: linear-gradient(2deg, #fafcff 0.5%, #FFFFFF 10.25%, #FFFFFF 31.34%, rgba(247, 247, 247, 0.334941) 65.46%, #fafcff 98.18%);
  background-size: cover;
  padding-top: 48px;
  padding-bottom: 30px;
}
#faqRight {
  margin: 50px 0;
}
.faqWrapper .accordion {
  color: #161616;
  cursor: pointer;
  width: 100%;
  text-align: left;
  outline: none;
  font-family: 'MediumFont';
}
.faqWrapper .faqRight .accordion > .card:not(:last-of-type) {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#faqRight #faq .card .card-header {
  -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);
  padding: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
#faqRight #faq .card .card-header .btn-header-link.collapsed {
  background: #ffffff;
  color: #161616;
}
#faqRight #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #ffffff;
  color: #161616;
  padding: 16px;
}
#faqRight #faq .card .card-header .btn-header-link.collapsed {
  background: #ffffff;
  color: #161616;
}
#faqRight #faq .card .card-header .btn-header-link::after {
  content: "\ea94";
  font-size:0px;
  /*font-family: IcoFont !important;
  font-weight: 900;*/
  float: right;
  color: #393186;
  transform: rotate(180deg);
  position: relative;
  top: 0px;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent');
  background-size: 100%; 
  width: 20px;
  height: 20px;
}
#faqRight #faq .card .card-header .btn-header-link.collapsed::after {
  /*content: "\f107";*/
  transform: rotate(0deg);
}
.faqWrapper .accordion {
  font-family: "Roboto", sans-serif;
  color: #161616;
  cursor: pointer;
  text-align: left;
}
.faqWrapper .Title {
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  color: #222;
  margin-bottom: 40px;
}
/**/
.section.appoinment {
  padding: 0;
}
.section.appoinment .container {
  max-width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}
.appoinment-content img {
  width: 100%; 
}
/**/
.our-hospitals {
  padding-bottom: 80px; 
}
.our-hospitals .owl-stage {
  padding-bottom: 20px;
}
.our-hospitals .our-hospitals-left {
  background: url(../new-images/map-img.png) no-repeat center center; 
  background-size: 100% 100%; 
}
.our-hospitals .our-hospitals-left .font-manrope {
  font-weight: 600;
}
.our-hospitals .our-hospitals-left .font-manrope .text {
  color: #393186; 
}
.our-hospitals .our-hospitals-left p {
  color: #333; 
}
.our-product {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 0 12px 12px;
  min-height: 345px;
}
.our-product .our-pro-img {
  margin: 0 -10px;
}
.our-product .our-pro-img img {
  width: 100%;
  height: 200px;
  border-radius: 8px 8px 0 0;  
}
.pro-call-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0 5px;
}
.pro-call-box .ambulance-icon {
  display: flex;
  align-items: center;
  border-radius: 15px;
  padding: 0px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
}

/*.pro-call-box .ambulance-icon {
  border: solid 2px #393186;
  display: flex;
  align-items: center;
  border-radius: 15px;
  padding: 2px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #393186;
}*/
.pro-call-box .ambulance-icon .icofont-ambulance {
  font-size: 13px;
  margin-right: 5px;
}
.pro-call-box .map-icon {
  width: 18px;
}
.our-product .pro-name {
  padding-top: 10px; 
}
.our-product .pro-name a {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hos-address {
  display: flex;
  align-items: self-start;
  margin: 10px 0 4px;
}
.hos-address .map-icon {
  width: 18px;
  margin-right: 5px;
}
.hos-address p {
  font-size: 14px; 
  color: #333;
  line-height: 20px;
  margin: 0px;
  width: 100%;
}
.our-hospitals .owl-nav {
  display: none;
}
/**/
.testimonial-block.style-2 .testimonial-thumb {
  float: none;
  margin: 0 auto;
  text-align: center;
}
.testimonial-block.style-2 .testimonial-thumb .img-fluid {
  margin: 0 auto;
  width: 150px;
  height: 150px;
}
.testimonial-block.style-2 {
  padding: 0;
  padding-top: 30px; 
}
.testimonial-block.style-2 .client-info {
  margin-bottom: 0;
}
.testimonial-block.style-2 .client-info p {
  margin: 0;
  padding-top: 20px;
  text-align: center;
}
.testimonial-2 .client-info {
  text-align: center;
}
/**/
.appstore-bar {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding-bottom: 20px; 
   margin-top: -30px;
   position: relative;
   z-index: 1;
}
.appstore-bar .app-img {
  max-width: 150px;
  margin: 0 5px;
}
.appstore-bar .app-img img {
  max-width: 100%; 
}
.list-inline.footer-socials.mt-4 {
  position: relative;
  z-index: 1;
}
.blink {
  color: #f89c32 !important;
  animation: 1s linear infinite blink;
  font-size: 15px !important;
}
@keyframes blink {
  0% {
    opacity: 0
  }
  50% {
    opacity: .5
  }
  100% {
    opacity: 1
  }
}
/*Request a quote*/
#settings-trigger {
  position: fixed;
  bottom: 40px;
  right: -80px;
  top: 50%;
  height: 45px;
  width: auto;
  background: #223a66;
  font-size: 18px;
  color: #fff;
  z-index: 99;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 0 0 10px 10px;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  transform: rotate(-270deg);
  padding: 0 20px;
  text-transform: uppercase;
  cursor: pointer;
}
.settings-panel {
  border: 1px solid #CED4DA;
  display: block;
  position: fixed;
  top: 0px;
  right: -343px;
  bottom: 0;
  width: 344px;
  /* height: 98vh; */
  /* min-height: 80%; */
  background: #f7f7f7;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: right, box-shadow;
  -moz-transition-property: right, box-shadow;
  -o-transition-property: right, box-shadow;
  transition-property: right, box-shadow;
  z-index: 9999;
  border-radius: 20px;
  margin: 9px 0 8px;
  overflow-y: auto;
}
.settings-panel.open {
  right: 0;
}

.section.appoinment .container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 25px 25px;
}
.section.appoinment .mb-2.title-color {
  font-size: 28px !important;
  font-weight: 600;
}
.section.appoinment .settings-close {
  position: absolute;
  top: -15px;
  right: 8px;
  cursor: pointer;
}
.section.appoinment .btn.btn-main.btn-round-full {
  width: 100%;
}
.appoinment-form textarea.form-control {
  height: 100px;
}

@media (min-width: 992px) {
.speciality-text .row-cols-lg-5 > * {
  flex: 0 0 auto;
  width: 25%;
  margin: 8px 0;
  padding: 0 8px;
}

}

@media screen and (max-width: 991px) {
 .about-section {
   padding: 50px 0px 10px;
 } 
 .speciality-text .row-cols-lg-5 > * {
  width: 33%;
  flex-basis: inherit;
 }
 .about-section .about-left {
   padding: 0 0 70px;
 }
 .speciality-img .img-fluid {
  height: 50%; 
 }

}

@media screen and (max-width: 767px) {
 body {
   padding-top: 160px;
 } 
 body.home { overflow: hidden; } 
 .about-section .about-left .sec-title h2 {
   font-size: 25px; 
 }
 .header-top-bar .list-inline {
    margin: 0 0 0 5px;
  } 
 .list-inline-item {
   font-size: 12px; 
 }
 .list-inline-item:not(:last-child) {
   margin-right: 0; 
 }
 body .top-header-right {
   padding-top: 5px;
 }
 .about-section .sec-title h2 {
  font-size: 25px; 
 }
 .speciality-text .row-cols-lg-5 > * {
   width: 50%; 
 }
 .about-section .service-block-five {
   width: 50%;
 }
 .choose-right-text h3 {
   font-size: 25px; 
 }
 .our-hospitals .our-hospitals-left .font-manrope {
   font-size: 25px; 
 }
 .our-product .our-pro-img img {
   height: 150px; 
 }
 .faqWrapper .Title {
   font-size: 25px;
 }
 .cta-section {
  margin: 50px 0 0;
}
 .cta-section .counter-stat {
   margin: 10px 0;  
 }
 .speciality-img .img-fluid {
   height: 100%;
 }
 .appstore-bar {
   justify-content: center; 
 }
.blink .h4 {
  font-size: 17px;
}
.col-lg-3.col-md-6.department_doctors_show {
  width: 50%;
}
.department_doctors_show .doctors-image {
  height: 150px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 100%;
}
.department_doctors_show .doctors-image .img-fluid {
  object-fit: contain;
  height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
}
.department_doctors_show .content a {
  font-size: 14px;
  line-height: normal;
  height: auto;
  display: block;
}
.department_doctors_show .department-block.patient-text {
  margin-bottom: 20px !important; 
}
.btn-group.btn-group-toggle .btn {
  padding: 5px 10px;
  font-size: 14px;
}

.col-lg-3.col-md-6.gallery-front-box {
  width: 50%;
}
.col-lg-3.col-md-6.gallery-front-box .department-block {
  height: auto;
  margin-bottom: 20px !important;
}
.gallery-front-box .fancybox{
  height: 150px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 100%;
}
.gallery-front-box .fancybox .img-fluid {
  object-fit: contain;
  height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
}
.gallery-front-box .content a {
  font-size: 14px;
  line-height: normal;
  height: auto;
  display: block;
}

}


/*New Css end*/
.slder-cad {
    max-width: 1200px;
    width: 100%;
    border-radius: 15px;
    position: relative;
}
.slder-cad i {
  background-color: #ece9e9;
  top: 50%;
  height: 46px;
  width: 46px;
  position: absolute;
  font-size: 1.4rem;
  cursor: pointer;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.slder-cad i:first-child {
  left: -23px;
  display: none;
}
.slder-cad i:last-child {
  right: -23px;
}
.slder-cad #left::before {
  content: '';
  background: url(../images/previous-icon.png) no-repeat center center;
  display: inline-block;
  width: 16px;
  height: 26px;
  position: relative;
  left: 14px;  
}
.slder-cad #right::before {
  content: '';
  background: url(../images/next-icon.png) no-repeat center center;
  display: inline-block;
  width: 16px;
  height: 26px;
  position: relative;
  right: -18px;  
}


ion-icon {
 height: 46px;
 width: 46px;
 transform: translateY(-5%);
}
.cad-img {
 white-space: nowrap;
 font-size: 0px;
 overflow: hidden;
 scroll-behavior: smooth;
 padding-bottom: 50px;
}
.cad-img.dragging {
  cursor: grab;
  scroll-behavior: auto;
}
.cad-img.dragging img {
    pointer-events: none;
}
.cad-img img {
    height: 350px;
    object-fit: cover;
    margin-left: 14px;
    width: calc(100% / 3);
    border-radius: 15px;
}
.cad-img img:first-child {
    margin-left: 0px;
}
@media screen and (max-width: 900px) {
    .cad-img img {
        width: calc(100% / 2);
    }
    .img-container {
width: calc(100% / 2); /* Adjust for smaller screens */
}
}
@media screen and (max-width: 550px) {
    .cad-img img {
        width: 100%;
    }
    .img-container {
width: 100%; /* Full width on smaller screens */
}
}
.image-details {
    padding: 20px;
    border-radius: 10px;
    text-align: center; display: none;
}
.image-details .details-content {
    margin-top: 10px;
    background-color: #f0f0f0;
    padding: 10px;
    display: none; /* Initially hide the details content */
}
.image-details .details-content.active {
  display: block; 
  text-align: left;
}

.cad-img img.active {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.details-content.active {
    display: block; 
    background-color: #f9f9fe;
    padding: 20px;
    border-radius: 10px;
}

.img-container.active {
  position: relative;
}
.img-container.active:after {
  content: ''; 
  background: url(../images/cad-img-active.png) no-repeat;
  width: 115px;
  height: 48px;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.img-container {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 4); 
  border-radius: 15px;
  position: relative;
  padding: 0 10px;
  cursor: pointer;
}
.img-container:first-child {
  margin-left: 0px;
}

.img-container img {
  width: 100%; /* Ensures the image fills its container */
  height: 280px;
  object-fit: cover; /* Maintain aspect ratio and cover the container */
  border-radius: 15px;
}
.img-container .hosp-name {
  font-size: 18px !important;
  font-weight: 600;
  text-align: center;
  line-height: 22px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
  text-wrap: auto;
  transform: translate(0, -50%);
}
.img-container::before {
  content: '';
  background: #555050;
  position: absolute;
  top: 0;
  left: 10px;
  width: 93%;
  height: 100%;
  opacity: 0.4;
  border-radius: 16px;
  margin: 0 auto;
}


/**/
.image-details .details-content h2 {
  font-size: 20px !important;
  font-weight: 600;
  padding-bottom: 10px;
}
.image-details .details-content h3 {
  font-size: 16px !important;
  font-weight: 500;
  margin: 0 0 15px;
}
.image-details .details-content p {
  font-size: 16px;
  color: #333;
}
.image-details .details-content ul {
  padding: 10px 0 20px 10px;
  margin: 0;
  list-style: none;
}
.image-details .details-content ul li {
  display: block;
  padding: 5px 0; 
}
.image-details .details-content ul li strong {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
.image-details .details-content ul li p {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 14px;
  margin: 0;
}
.details-content .text-content {
  background: #fff;
}
.details-content .text-content .table tr td {
  font-size: 15px;
  padding: 8px 10px;
}


.ourslder-section .card-header {
  background: #fff;
}
.ourslder-section .btn.btn-header-link {
  width: 100%;
  text-align: left;
  padding: 0;
  cursor: pointer;
}
.ourslder-section #faq .card .card-header .btn-header-link::after {
  content: "\ea94";
  font-size:0px;
  /*font-family: IcoFont !important;
  font-weight: 900;*/
  float: right;
  color: #393186;
  transform: rotate(180deg);
  position: relative;
  top: 0px;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent');
  background-size: 100%; 
  width: 20px;
  height: 20px;
}
.ourslder-section #faq .card .card-header .btn-header-link.collapsed::after {
  transform: rotate(0deg);
}

@media screen and (max-width: 1700px) {
 .banner-robo {
  width: 220px;
  left: 30px;
  bottom: -180px;
}
}

@media screen and (max-width: 1500px) {
.banner-robo {
  width: 180px;
  left: 10px;
  bottom: -130px;
}
}


@media screen and (max-width: 1439px) {
.banner-robo {
  bottom: -80px;
}
}

.mobile-banner-robo {
  display: none; 
}
@media screen and (max-width: 991px) { 
  h3 { word-break: break-all; }
 .department-content h2 { word-break: break-all; } 
 .banner-robo { display:none; } 
 .mobile-banner-robo {
   display: block;
   text-align: center;
 }
 .mobile-banner-robo img {
   max-width: 170px;
 }
}

@media screen and (max-width: 767px) {
 .section {
   padding: 50px 0;
 }
 .choose-section {
   padding: 50px 0 50px;
 }
 #faqRight {
   margin: 50px 0 0;
 }  
 .cad-img .img-container {
   width: calc(100% / 2);
 }

.banner-robo {
  display: none; 
}
.slder-cad i:first-child {
  left: 0; 
}
.slder-cad i:last-child {
  right: 0; 
}
.our-hospitals {
  padding-bottom: 0;
}
.choose-right.col-lg-6.col-md-12.col-sm-12 {
  margin-top: 20px;
}

.map-point.point01 .point01-text {
  width: 115px; 
}
.map-point.point11 .point01-text {
  width: 110px; 
}
.map-point.point02 .point01-text {
  width: 120px; 
}
.map-point.point10 .point01-text {
  width: 110px;
  left: -125px;
 }
.map-point.point10 .point01-text::before {
  left: 109px;
}
.map-point.point06 .point01-text {
  width: 100px;
  left: -105px;
}
.map-point.point06 .point01-text::before {
  left: 98px;
}
.map-point.point05 .point01-text {
  width: 78px;
  left: -84px;
}
.map-point.point05 .point01-text::before {
  left: 80px; 
}
.map-point.point08 .point01-text {
  width: 62px;
  left: -85px;
}
.map-point.point08 .point01-text::before {
  left: 77px; 
}
.map-point.point03 .point01-text {
  width: 85px;
  left: -95px; 
}
.map-point.point03 .point01-text::before {
  left: 95px; 
}
.map-point.point07 .point01-text {
  width: 70px; 
}

}

@media screen and (max-width: 568px) { 
.cad-img .img-container::before {
 width: 88%; 
}

}

@media screen and (max-width: 375px) { 
 .map-point-bar {
  top: 40px;
}
}