

/*=========================index-4-Css=======================*/
a {
    color: #172b4c;
}
.text-purple{
	color: #8A61FD;
}
.text-blue{
	color: #02A9D6;
}
.theme-primary .border-blue{
	border-color: #02A9D6 !important;
}
.bg-blue{
	background-color: #02A9D6;
	color: #ffffff;
}
.theme-primary .hover-blue:hover, .theme-primary .hover-blue:focus{
	color: #02A9D6;
}
.position-revenue{
	position: absolute;
	z-index: 9;
}
.position-year{
	position: absolute;
	right: 30px;
	margin-top: 10px;
	z-index: 9;
}


.pdf-file{
	display: none;
}
.dr-image-box{
	background-image: url(../../../../images/front-end-img/courses/13.jpg);
	width: 100%;
	height: 247px;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 5px;
	background-position: center top;
}
.share-img-1{
	background-image: url(../../../../images/front-end-img/courses/1.jpg);
	height: 12rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.share-img-2{
	background-image: url(../../../../images/front-end-img/courses/9f.jpg);
	height: 5.8rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.share-img-3{
	background-image: url(../../../../images/front-end-img/courses/11f.jpg);
	height: 5.5rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


@media only screen and (max-width: 1598px) {
	.patient-list{
		height: 378px;
		overflow: auto;
	}
}

@media only screen and (max-width: 1440px) {
	.pdf-file{
		display: block;
	}
	.patient-list{
		height: 378px;
		overflow: auto;
	}
}
@media only screen and (max-width: 1024px) {
	.dr-image-box{
		height: 270px;
	}
	.share-img-1{
		height: 9.6rem;
	}
	.share-img-2{
		height: 4.5rem;
	}
	.share-img-3{
		height: 4.5rem;
	}
}

@media only screen and (max-width: 835) {
	.dr-image-box{
		height: 300px;
	}
	.patient-list{
		height: auto;
		overflow: visible;
	}
	.share-img-1{
		height: 14rem;
	}
	.share-img-2{
		height: 6.5rem;
	}
	.share-img-3{
		height: 6.5rem;
	}
}

@media only screen and (max-width: 428px) {
	.position-revenue{
		position: relative;
	}
	.position-year{
		position: relative;
	}
	.share-img-1{
		height: 14rem;
	}
	.share-img-2{
		height: 6.5rem;
	}
	.share-img-3{
		height: 6.5rem;
	}
}