/* custom stlyes for Indira clinic */
body {
  background-color: #eeeeee;
}

.i-flex {
  display: flex;
}

/* A i-box  to make elements stand out for debugging */
.i-box {
  border: 1px solid tomato;
}

.i-call-out {
  font-size: 1.1rem;
  /*overflow-y: scroll;*/
}

.icitem1 {
  margin-top: 4px;
  background-image: url("../img/carousel-1.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
}

.icitem2 {
  margin-top: 4px;
  background-image: url("../img/carousel-2.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.icitem3 {
  background-image: url("../img/carousel-3.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.icitem4 {
  background-image: url("../img/carousel-4.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.material-icons,
.icon-text,
.icon-text-caps,
.icon-text-tweaked {
  margin-left: 10px;
  vertical-align: middle;
}

.icon-text-caps,
.icon-text-tweaked {
  text-transform: uppercase;
}

.icon-text-tweaked {
  position: relative;
  top: 1px;
}

.ipspeak-head {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin: 10px;
}

.ipspeak-quote {
  font-size: 1.1rem;
}

.ipspeak-who {
  margin-left: 20px;
  margin-right: 20px;
}

.card-image {
  height: 200px;
  object-fit: cover;
}

/* Override Padding of card content */
.card .card-content {
  max-height: 60%;
  padding: 14px;
  border-radius: 0 0 2px 2px;
}

.i-top-row {
  margin-top: 20px;
}

.i-contact-container {
  margin-top: 18px;
}

.i-voice {
  border-radius: 20px;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: #80cbc4;
}
/* Rotate Image by 90 deg */
.rotateimg90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 22px;
  margin-bottom: 22px;
}

.rotateimg180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: 22px;
  margin-bottom: 22px;
}
/* CSS For  clinics page */
.i-clinic-box {
  outline: 2px solid rgba(160, 160, 160, 0.2);
}

.i-hdr {
  padding-top: 4px;
  border-bottom: 2px solid rgba(160, 160, 160, 0.5);
}

.i-icon-text {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 1.3rem;
  font-weight: 300;
}

.i-doc-name {
  margin-top: 10px;
  font-size: 1.1rem;
  font-weight: 500;
}

.i-doc-qual {
  font-style: italic;
  font-weight: 400;
}

.card.smaller {
  height: 180px;
}

.fasi {
  margin-left: 20px;
}

.far {
  margin-left: 20px;
}

.carousel .indicators .indicator-item {
  background-color: bisque;
}

.carousel .indicators .indicator-item.active {
  background-color: #ffab40;
}