.elementor-14911 .elementor-element.elementor-element-c1107e9 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-14911 .elementor-element.elementor-element-a10d654{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-14911 .elementor-element.elementor-element-a10d654 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14911 .elementor-element.elementor-element-abdb306{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-14911 .elementor-element.elementor-element-abdb306 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14911 .elementor-element.elementor-element-f8ef096{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-14911 .elementor-element.elementor-element-f8ef096 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS */#doctors-slider {
    position: relative;
    border-radius: 10px;
}

.carousel-inner {
  display: grid; 
  grid-auto-flow: column; 
  grid-auto-columns: calc((100% / 3) - 2px); 
  gap: 12px; 
overflow:hidden;
    
}

.doctor-card {
  height: 100%;
  list-style: none;
  display: flex;
  align-content: center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  padding:30px 5px;
}

.doctor-card .doctor-image img {
    width: 150px;
    height: 160px;
    object-fit: cover;
    border-radius: 50%;
    object-position: center;
}

.carousel-captions h3,
.specialty {
    margin: 0;
    margin-bottom: 1px !important;
}

.carousel-item img {
    margin-bottom: 10px !important;
}

@media screen and (max-width: 600px) {
    .carousel-inner {
        flex-direction: column;
    }
}

.carousel-item {
    margin-right: 0px!important;
    display: block important;
}

.controls-bg  {
    top: 50%;
    height: 50px;
    width: 50px;
    font-size: 1.25rem;
    text-align: center;
    background: #EC80A8;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
    transform: translateY(-50%);
    color: white;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 15px!important;
    height: 15px;
    margin-top: 15px;
}

button.custom-prev {
    position: absolute;
    top: 13vh;
    z-index: 300;
    height: 50px;
}

button.custom-next {
    right: 0vw;
    position: absolute;
    top: 13vh;
    z-index: 300;
    height: 50px;
}

.doctor-image {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}/* End custom CSS */