.elementor-3186 .elementor-element.elementor-element-9c5726c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5fda96d */:root {
			--primary-green: #13AB7B;
			--secondary-green: #16c786;
			--light-green: rgba(19, 171, 123, 0.08);
			--dark-green: #0f8c63;
			
			--text-primary: #2d3748;
			--text-secondary: #4a5568;
			--text-muted: #718096;
			--border-light: #e2e8f0;
			--bg-white: #ffffff;
			--bg-gray: #f7fafc;
			--bg-section: #fafbfc;
			
			--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
			--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
			--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
			--border-radius: 12px;
		}
		.hero-section {
			background: var(--bg-white);
			padding: 50px 0;
			border-bottom: 1px solid var(--border-light);
		}

		.hero-content {
			text-align: center;
			max-width: 800px;
			margin: 0 auto;
		}

		.page-title {
			font-size: 36px;
			font-weight: 700;
			color: var(--text-primary);
			margin-bottom: 16px;
			letter-spacing: -0.02em;
		}

		.page-subtitle {
			font-size: 18px;
			color: var(--text-secondary);
			margin-bottom: 30px;
			line-height: 1.6;
		}

		.main-content {
			padding: 60px 0;
		}

		.doctors-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 15px;
			margin: 0 auto;
		}

		.doctor-card {
			background: var(--bg-white);
			border-radius: 20px;
			padding: 20px 16px;
			box-shadow: var(--shadow-light);
			transition: all 0.3s ease;
			border: 1px solid var(--border-light);
			position: relative;
			display: flex;
			flex-direction: column;
			height: auto;
		}

		.doctor-card.hidden {
			display: none;
		}

		.doctor-card:hover {
			transform: translateY(-4px);
			box-shadow: var(--shadow-md);
		}

		.doctor-header {
			display: flex;
			gap: 16px;
			margin-bottom: 16px;
		}

		.doctor-photo {
			width: 100px;
			height: 100px;
			border-radius: 10px !important;
			object-fit: cover;
			object-position: center top;
			flex-shrink: 0;
			background: var(--bg-gray);
		}

		.doctor-info {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			min-width: 0;
		}

		.doctor-name {
			font-size: 15px;
			font-weight: 700;
			color: var(--text-primary);
			margin-bottom: 12px;
			line-height: 1.2;
			word-wrap: break-word;
			hyphens: auto;
		}

		.doctor-stats {
			display: flex;
			gap: 2px;
			margin-bottom: 12px;
			flex-wrap: wrap;
		}

		.stat-item {
			display: flex;
			align-items: center;
			gap: 4px;
			font-size: 14px;
		}

		.stat-label {
			color: var(--text-secondary);
		}

		.stat-value {
			color: var(--primary-green);
			font-weight: 600;
		}

		.doctor-specialty {
			font-size: 14px;
			color: var(--text-secondary);
			font-weight: 500;
		}

		.doctor-location {
			display: flex;
			align-items: center;
			gap: 8px;
			margin-bottom: 20px;
			position: relative;
			left: -4px;
		}

		.location-dot {
			width: 12px;
			height: 12px;
			border-radius: 50%;
		}

		.location-red { background: #e53e3e; }
		.location-purple { background: #805ad5; }
		.location-yellow { background: #d69e2e; }
		.location-green { background: var(--primary-green); }

		.location-text {
			font-size: 14px;
			color: var(--text-secondary);
			font-weight: 500;
		}

		.appointment-btn {
			width: 100%;
			padding: 10px 10px;
			background: #c6f6d5;
			color: var(--text-primary);
			border: none;
			border-radius: 28px;
			font-size: 14px;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.3s ease;
			text-decoration: none;
			text-align: center;
			display: block;
		}

		.appointment-btn:hover {
			background: #9ae6b4;
		}

		.load-more-container {
			text-align: center;
			margin-top: 40px;
		}

		.load-more-btn {
			padding: 16px 32px;
			background: var(--primary-green);
			color: white;
			border: none;
			border-radius: 30px;
			font-size: 16px;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.3s ease;
			box-shadow: var(--shadow-light);
		}

		.load-more-btn:hover {
			background: var(--dark-green);
			transform: translateY(-2px);
			box-shadow: var(--shadow-md);
		}

		.load-more-btn.hidden {
			display: none;
		}

		@media (max-width: 1200px) {
			.doctors-grid {
				grid-template-columns: repeat(3, 1fr);
				gap: 20px;
			}
		}

		@media (max-width: 900px) {
			.doctors-grid {
				grid-template-columns: repeat(2, 1fr);
				gap: 16px;
			}
			
			.doctor-card {
				padding: 16px 14px;
				border-radius: 16px;
			}
			
			.doctor-header {
				gap: 12px;
				margin-bottom: 14px;
			}
			
			.doctor-photo {
				width: 80px;
				height: 80px;
			}
			
			.doctor-name {
				font-size: 14px;
				margin-bottom: 10px;
			}
			
			.stat-item {
				font-size: 12px;
			}
			
			.doctor-specialty {
				font-size: 13px;
			}
			
			.location-text {
				font-size: 12px;
			}
			
			.appointment-btn {
				font-size: 13px;
				padding: 10px 12px;
			}
		}

		@media (max-width: 768px) {
			.container {
				padding: 0 15px;
			}
			
			.hero-section {
				padding: 25px 0;
			}
			
			.page-title {
				font-size: 26px;
			}
			
			.page-subtitle {
				font-size: 15px;
				margin-bottom: 20px;
			}
			
			.main-content {
				padding: 25px 0;
			}
			
			.doctors-grid {
				gap: 14px;
			}
			
			.doctor-card {
				padding: 14px 12px;
				border-radius: 14px;
			}
			
			.doctor-header {
				gap: 10px;
				margin-bottom: 12px;
			}
			
			.doctor-photo {
				width: 70px;
				height: 70px;
			}
			
			.doctor-name {
				font-size: 13px;
				margin-bottom: 8px;
			}
			
			.doctor-stats {
				margin-bottom: 8px;
			}
			
			.doctor-location {
				margin-bottom: 12px;
			}
		}

		@media (max-width: 600px) {
			.hero-section {
				padding: 20px 0;
			}
			
			.page-title {
				font-size: 22px;
			}
			
			.page-subtitle {
				font-size: 14px;
				margin-bottom: 15px;
			}
			
			.main-content {
				padding: 20px 0;
			}
			
			.doctors-grid {
				gap: 12px;
			}
			
			.doctor-card {
				padding: 12px 10px;
				border-radius: 12px;
			}
			
			.doctor-header {
				gap: 8px;
				margin-bottom: 10px;
			}
			
			.doctor-photo {
				width: 60px;
				height: 60px;
			}
			
			.doctor-name {
				font-size: 12px;
				margin-bottom: 6px;
				line-height: 1.1;
			}
			
			.stat-item {
				font-size: 10px;
			}
			
			.doctor-specialty {
				font-size: 11px;
			}
			
			.location-text {
				font-size: 10px;
			}
			
			.doctor-stats {
				margin-bottom: 6px;
			}
			
			.doctor-location {
				margin-bottom: 10px;
			}
			
			.appointment-btn {
				font-size: 11px;
				padding: 8px 10px;
			}
			
			.load-more-btn {
				padding: 12px 24px;
				font-size: 14px;
			}
		}

		@media (max-width: 480px) {
			.container {
				padding: 0 12px;
			}
			
			.page-title {
				font-size: 20px;
			}
			
			.page-subtitle {
				font-size: 13px;
			}
			
			.doctors-grid {
				gap: 10px;
			}
			
			.doctor-card {
				padding: 10px 8px;
			}
			
			.doctor-photo {
				width: 55px;
				height: 55px;
			}
			
			.doctor-name {
				font-size: 11px;
			}
			
			.stat-item {
				font-size: 9px;
			}
			
			.doctor-specialty {
				font-size: 10px;
			}
			
			.location-text {
				font-size: 9px;
			}
			
			.appointment-btn {
				font-size: 10px;
				padding: 6px 8px;
			}
			
			.load-more-btn {
				padding: 10px 20px;
				font-size: 13px;
			}
		}

		.doctor-card {
			opacity: 0;
			transform: translateY(20px);
			animation: fadeInUp 0.5s ease forwards;
		}

		.doctor-card:nth-child(1) { animation-delay: 0.1s; }
		.doctor-card:nth-child(2) { animation-delay: 0.15s; }
		.doctor-card:nth-child(3) { animation-delay: 0.2s; }
		.doctor-card:nth-child(4) { animation-delay: 0.25s; }
		.doctor-card:nth-child(5) { animation-delay: 0.3s; }
		.doctor-card:nth-child(6) { animation-delay: 0.35s; }
		.doctor-card:nth-child(7) { animation-delay: 0.4s; }
		.doctor-card:nth-child(8) { animation-delay: 0.45s; }
		.doctor-card:nth-child(9) { animation-delay: 0.5s; }

		@keyframes fadeInUp {
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}/* End custom CSS */