.network-selection-container a {
	font-weight: 400;
}

.network-selection-container {
	display: flex;
	margin: 0;
	padding: 0;
	background: no-repeat url('../../../resources/images/doctorSearch/network-selection/doctor-network-bg.png') top
		right / calc(50% - 70px + 23px);
	min-height: 481px;
}

.doctor-network .content {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	max-width: 566px;
	width: 50%;
}

.doctor-network .page-header {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.doctor-network .sub-header {
	margin-bottom: 30px;
}

.network-selection,
.premium-medial-network {
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: white;
	gap: 20px;
	border-radius: 8px;
}

.network-selection {
	margin-bottom: 20px;
}

.header-section-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.section-header {
	font-weight: 700;
	font-size: 20px;
}

.section-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

@media (max-width: 767px) {
	.section-info {
		row-gap: 4px;
	}
}

.section-info .la-name {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}
@media (max-width: 767px) {
	.section-info .la-name {
		font-size: 16px;
		line-height: 24px;
	}
}

.network-service {
	flex-basis: 33%; /* temporary style, hidden day-surgery */
	width: 129.75px;
	padding: 44px 0.5em 0 0.5em;
	background: no-repeat top center / 40px;
	text-align: center;
	cursor: pointer;
	text-decoration: none !important;
}

@media (min-width: 316px) {
	.network-service:not(:last-child) {
		border-right: 1px solid #d8d8d8 !important;
	}
}

.network-service-selection {
	display: flex;
	gap: 4px;
}

.network-service.doctor {
	background-image: url('../../../resources/images/doctorSearch/network-selection/icon_doctor.svg');
}
.network-service.day-surgery-center {
	background-image: url('../../../resources/images/doctorSearch/network-selection/icon_day_surgery_center.svg');
}
.network-service.image-center {
	background-image: url('../../../resources/images/doctorSearch/network-selection/icon_imaging_center.svg');
}
.network-service.clinic-and-hospital {
	background-image: url('../../../resources/images/doctorSearch/network-selection/icon_hospital.svg');
}

.premium-medial-network .network-service-selection {
	justify-content: center;
}

@media (max-width: 768px) {
	.desktop {
		display: none;
	}

	.doctor-network.content-wrapper {
		padding: 0;
		justify-content: unset;
	}

	.doctor-network.container-fluid-center {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.network-selection-container {
		display: flex;
		flex-direction: column;
		background: none;
	}

	.doctor-network .content {
		width: 100%;
		max-width: unset;
		padding: 26px;
		padding-bottom: 40px;
	}

	.mobile.doctor-bg img {
		width: 100%;
	}

	.doctor-network .page-header {
		margin-top: calc(40px - 26px);
	}

	.network-selection {
		padding: 20px 0 20px 0;
	}

	.header-section-wrapper {
		padding: 0 26px;
	}

	.network-service {
		min-width: 80px;
		flex: 1 1 auto;
	}
}

@media (max-width: 560px) {
	.network-service-selection.three-item .network-service {
		max-width: calc(100% / 3 - 4px);
	}
}

@media (max-width: 315px) {
	.network-service-selection {
		flex-wrap: wrap;
	}

	.network-service-selection.three-item {
		row-gap: 12px;
	}

	.network-service-selection.three-item .network-service:first-child {
		border-right: 1px solid #d8d8d8 !important;
	}

	.network-service-selection.three-item .network-service {
		max-width: calc(100% / 2 - 4px) !important;
	}
}

@media (max-width: 275px) {
	html[lang='en'] .network-service-selection {
		flex-direction: column;
		align-items: center;
	}
	html[lang='en'] .network-service {
		border-right: none !important;
	}

	html[lang='en'] .network-service-selection.three-item .network-service:first-child {
		border-right: unset !important;
	}

	html[lang='en'] .network-service-selection.three-item .network-service {
		max-width: unset !important;
		width: unset;
	}
}

@media (max-width: 215px) {
	.network-service-selection.three-item {
		flex-direction: column;
		align-items: center;
	}

	.network-service-selection.three-item .network-service:first-child {
		border-right: unset !important;
	}

	.network-service-selection.three-item .network-service {
		max-width: unset !important;
		width: unset;
	}
}

@media (min-width: 769px) {
	.mobile {
		display: none;
	}
}

.footer-section-index-remark {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-top: 20px;
}

.footer-section-index-remark ul,
ol {
	display: table;
	margin-left: auto;
	margin-right: auto;
}