/**
 * Theme Name:     Avandy Medical
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   avandy-medical
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

*{ padding:0; margin:0;}
.list-itembox ul li svg, .list-itembox ul li i{  width:30px!important; height:30px!important; background:#d9b451; padding:6px; border-radius:90px; display: flex; align-items:center; justify-content:center;}
.medical-img img{ border-radius:300px!important;}
.footericon ul li svg, .footericon ul li i{ width:66px!important; height:66px!important; background:#0c0c0c; border-radius:90px; display: flex; align-items:center; justify-content:center; padding: 20px;}

.carousel, .healthcare-carousel  { overflow: hidden;  position: relative;}
.track {  display: flex;  transition: transform 0.6s ease;}
.slide .overlay {  position: absolute;  inset: 0;  background: rgba(255,255,255,0.75);  display: flex;  align-items: center;  justify-content: center; text-align: center;  padding: 30px;  transition: all 0.6s ease;}
.slide {  flex: 0 0 25%;  transition: all 0.6s ease;  position: relative; height:500px;}
.slide.active {  flex: 0 0 50%; box-shadow:0 0 10px 1px #535353;}
.slide .center-box { display: block; width: 100%;  transition: all 0.6s ease;}
.slide.active .overlay{ background:rgba(0,0,0,0);}
.slide.active .center-box{ background: rgba(255,255,255,0.75); padding: 10px;}
.slide.active .center-box h3{ padding: 50px 10px; border:1px solid #d6b151;}
.slide img {  width: 100%;  height:100% !important;  object-fit: cover;}
.slide.active img {  filter: none;}
.overlay h3 {  font-size: 22px; line-height: 24px; font-weight: 700; margin:0;}
.slide.active .overlay h3 {  font-size:40px; line-height:42px; font-weight: 700;}
.carousel  .nav, .healthcare-carousel  .nav {  display: flex;  justify-content: center;  gap: 20px;  margin-top: 30px;}
.carousel  .nav button, .healthcare-carousel  .nav button {  width: 50px;  height: 50px;  border-radius: 50%;  border: 2px solid #d9b55a;  background: transparent;  font-size: 22px;  cursor: pointer; line-height: 20px; color:#333; padding: 0;}
.healthcare-carousel  .nav button:hover{ background:#d6b151;}
#providers .swiper-wrapper .swiper-slide figure{ padding: 5px 3px;}
#providers .swiper-wrapper .swiper-slide figure img{box-shadow: 0 0 6px #999;}
.list-display ul li{ background:#e3e2de; border-radius:22px; padding: 15px !important;  margin: 10px 0 0 !important;}
.list-display ul li:nth-child(odd){ background:#fff5da;}
.elementor-testimonial-meta{ text-align:right;}


@media only screen and (max-width: 990px) {
.slide{ height: 400px;}
.slide.active .overlay h3 {  font-size: 30px;  line-height: 32px;  font-weight: 700;}
.overlay h3 {  font-size: 20px;  line-height: 22px;  font-weight: 700;}
	
}

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

@media only screen and (max-width: 480px) {
	
.healthcare-carousel, .carousel {    overflow: hidden;  }
.slide, .slide.active {   flex: 0 0 100%; box-shadow: 0 0 5px #535353;  border: 1px solid #535353;}	
.slide .overlay{ background:rgba(0,0,0,0);}
.slide .center-box{ background: rgba(255,255,255,0.75); padding: 10px;}
.slide .center-box h3{ padding: 50px 10px; border:1px solid #d6b151;}
.overlay h3 {  font-size: 22px; line-height: 24px; font-weight: 700; margin:0;}
.slide .overlay h3 {  font-size:30px; line-height:32px; font-weight: 700;}
	
}