.treatment h2 {
			font-weight: 500;
			font-size: var(--36px);
			border-bottom: 1px solid #ddd;
			padding-bottom: var(--15px);
			padding-top: calc( var(--space) * 2 );
			margin-bottom: var(--space);
		}
		.treatment img {
			max-width: 100%;
			width: auto;
			height: auto;
		}

		.treatment .img-100 {
			width:100% !important;
		}

	
	@media all and (max-width:767px) {
		
		.treatment h2 {
				font-size: var(--24px);
				line-height: var(--26px);
			}
			
			.treatment-doctor h3 {
				font-size: var(--16px);
				line-height: var(--24px);
		}
	}


	.specs {
		display: grid;
		grid-template-columns: auto auto auto;
		grid-gap: var(--15px);
		border: 1px solid #ddd;
		padding: var(--15px) var(--30px);
		margin-top: var(--space);
	}
		.spec {
			display: grid;
			grid-template-areas:
			'image title'
			'image subtitle'
			;
			grid-template-rows: 1fr 1fr;
			grid-template-columns: var(--60px) 1fr;
		}
			.spec i {
				grid-area: image;
				align-self: center;
				padding: 0 var(--15px) 0 0;
				align-self: center;
				text-align: center;
				font-size: var(--36px);
			}

			.spec h3 {
				grid-area: title;
				color: #916f65;
				margin: 0;
				padding: 0;
				text-transform: uppercase;
				font-size: var(--18px);
				align-self: end;
			}
			.spec p {
				grid-area: subtitle;
				font-size: var(--18px);
				margin: 0;
			}

@media all and (max-width: 767px) {

	.specs {
		grid-template-columns: 1fr;
		grid-gap: var(--10px);
		padding: var(--15px);
	}
		.spec {
			padding-bottom: var(--5px);
			margin-bottom: var(--5px);
			border-bottom: 1px solid #eee;
		}
		.spec:last-child {
			margin-bottom: 0;
			border-bottom: 0;
		}
			.spec i {
				padding: 0 var(--15px) 0 0;
				text-align: center;
			}
			.spec h3 {
				font-size: var(--14px);
			}
			.spec p {
				grid-area: subtitle;
				font-size: var(--14px);
			}

}





	.accordion {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.accordion li {
			padding: 0 0 var(--10px) 0;
		}
		.accordion h3 {
			padding: var(--15px) var(--45px) var(--15px) var(--15px);
			margin: 0;
			background: #eee;
			position: relative;
			cursor: pointer;
			transition: all .3s ease;
		}
		.accordion h3:hover {
			background: #ddd;
		}
		.accordion h3:after {
			content: "\e913";
			font-family: clinicaplanas;
			font-size: var(--18px);
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			width: var(--45px);
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all .3s ease;
		}
			.accordion li > h3 + div {
				display: none;
				padding: var(--15px) var(--30px);
				border: 1px solid #eee;
			}
			
			.accordion li.open > h3 + div {
				display: block;
			}
			.accordion li.open h3:after {
				transform: rotate(180deg);
			}

		@media all and (max-width: 767px) {

			.accordion h3 {
				font-size: var(--16px);
				line-height: var(--24px);
			}

		}



			.tabs {
				margin-bottom: var(--space);
			}
				.tabs ol {
					list-style: none;
					margin: 0;
					padding: 0;
					display: grid;
					grid-template-columns: 1fr 1fr 1fr 1fr;
					position: relative;
					z-index: 1;
				}
					.tabs ol li button {
						width: 100%;
						outline: 0;
						margin: 0;
						border: 1px solid #ddd;
						border-top-width: var(--4px);
						border-right: 0;
						color: #000;
						padding: var(--10px) var(--30px);
						text-decoration: none;
						transition: all .3s ease;
						background: #eee;
					}
					.tabs ol li:last-child button {
						border-right: 1px solid #ddd;
					}
					.tabs ol li button:hover {
						border-top-color: #333;
					}
					.tabs ol li.active button {
						border-top-color: #e9bbac;
						border-bottom-color: #fff;
						background: #fff;
					}

				.tabs ul {
					display: none;
					position: relative;
					z-index: 0;
					top: -1px;
					margin: 0;
					padding: 0;
					border: 1px solid #ddd;
					list-style: none;
				}
				.tabs ul.active {
					display: block;
				}
					.tabs ul li {
						border-bottom: 1px solid #ddd;
					}
					.tabs ul li:last-child {
						border-bottom: 0;
					}
						.tabs ul a {
							color: #000;
							display: block;
							padding: var(--space) var(--space);
							line-height: var(--25px);
							transition: all .3s ease;
						}
						
					
		.gallery {
			display: grid;
			grid-gap: var(--15px);
			grid-template-columns: 1fr 1fr 1fr 1fr;
			align-items: center;
		}
			.gallery img {
				max-width: 100%;
				height: auto;
				object-fit: cover;
			}


		.treatment-doctor {
			display: grid;
			grid-template-areas:
				'name  name'
				'image text'
				'image buttons'
			;
			grid-template-columns: calc( var(--100px) * 3 ) 1fr;
			grid-gap: var(--space);
			border-bottom: 1px solid #ddd;
			margin-bottom: var(--space);
			padding-bottom: var(--15px);
		}
		.treatment-doctor:last-child {
			border-bottom: 0;
		}
			.treatment-doctor h3 {
				grid-area: name;
			}
			.treatment-doctor .image {
				grid-area: image;
				text-align: center;
			}
				.treatment-doctor img {
					max-width: 100%;
					height: auto;
				}
			.treatment-doctor .text {
				grid-area: text;
				margin-bottom: 0;
			}
			.treatment-doctor .buttons {
				grid-area: buttons;
			}

		@media all and (max-width: 767px) {

			.treatment-doctor {
				grid-template-areas:
					'name'
					'image'
					'text'
					'buttons'
				;
				grid-template-columns: 1fr;
				grid-gap: var(--15px);
				margin-bottom: var(--space);
				padding-bottom: var(--15px);
			}
			
			.treatment-doctor .buttons {
				text-align: center;
			}
			.treatment-doctor .buttons .btn {
				width: 80%;
				margin-right: 0;
			}

		}