
.our-team__specialties {
	padding-top: var(--section-padding-top);
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
	min-height: 100vh;
}


.our-team__specialties__progress {
	z-index: 1;
	position: relative;
}

.our-team__specialties__inner-section {
	--specialties-gap: 4px;
	display: grid;
	/* grid-template-columns: repeat(7, minmax(0, 1fr)); */
	grid-template-columns: 12.5% 25% 12.5% 25% 25%;
	grid-template-rows: repeat(6, calc(16vh - 39px)); /* 6 smaller rows */
	gap: var(--specialties-gap);
	padding-right: calc(4 * var(--specialties-gap));
	margin-top: 26px;
}

.our-team__specialties__single-container {
	backdrop-filter: blur(20px);
	border-radius: var(--border-radius);
	background-color: var(--color-gold-transparent);
	padding: 30px 0;
	display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1024px) {
	.our-team__specialties__inner-section {
		grid-template-columns: 17% 22% 17% 22% 22%;
	}
	.our-team__specialties__single-container {
		padding: 15px 0;
	}
}

@media only screen and (max-width: 640px) {
	body .our-team__specialties__inner-section {
		/* display: flex; */
		/* flex-direction: column; */
		padding-right: 0;
		margin-top: 26px;
		gap: 2px;
	}
	body .our-team__specialties__inner-section {
		display: grid;
		grid-template-rows: none !important;
		grid-template-columns: repeat(6, 1fr);
	}

	/* Ignore the group wrappers for grid placement */
	.our-team__specialties__group--small,
	.our-team__specialties__group--large {
		display: contents;
	}

	/* Default: three cards per row */
	.our-team__specialties__single-container {
		grid-column: span 2;
	}

	/* Rows containing two cards */
	.surgeon-en,
	.surgeon,
	.anesthesiologist-en,
	.anesthesiologist,
	.endocrinologist-en,
	.endocrinologist,
	.gastroenterologists-en,
	.gastroenterologists {
		grid-column: span 3;
		min-height: 121px !important; 
		height: 22vh !important; 
		max-height: 230px !important;
	}

	/* Exact visual order */
	.surgeon-en,
	.surgeon                  { order: 1; }

	.anesthesiologist-en,
	.anesthesiologist         { order: 2; }

	.pulmonologist-en,
	.pulmonologist            { order: 3; }

	.surgical-assistants-en,
	.surgical-assistants      { order: 4; }

	.radiologist-en,
	.radiologist              { order: 5; }

	.endocrinologist-en,
	.endocrinologist          { order: 6; }

	.gastroenterologists-en,
	.gastroenterologists      { order: 7; }

	.cardiologist-en,
	.cardiologist             { order: 8; }

	.radiologist-specialist-en,
	.radiologist-specialist   { order: 9; }

	.psychiatrist-psychoanalyst-en,
	.psychiatrist-psychoanalyst { order: 10; }

	.psychologists-en,
	.psychologists            { order: 11; }

	.secretary-en,
	.secretary                { order: 12; }

	.nutritionist-dietitian-en,
	.nutritionist-dietitian   { order: 13; }

	body .our-team__specialties__single-image {
		width: 19vw;
		margin-bottom: calc(5vw + 5vh);
		height: 27vw;
	}
	/* body .our-team__specialties__group--small .our-team__specialties__single-container {
		min-height: 121px; height: 16vh; max-height: 230px;
	} */

	body .our-team__specialties__single-container {
		height: 32vh;
		min-height: 200px;
		max-height: 300px;
	}
	
	/* body .our-team__specialties__inner-section {
		display: block;
		padding-right: 0;
		margin-top: 26px;
		height: calc(100vh - 200px);
	}
	
	body .our-team__specialties__group--small {
		width: 38vw;
		display: flex;
		flex-direction: column;
		gap: 2px;
		height: 100%;
	}
	body .our-team__specialties__group--large {
		width: calc(62vw - 46px - 3px); 2*padding + gap
		display: flex;
		flex-direction: column;
		gap: 2px;
		height: 100%;
	}
	body .our-team__specialties__group--small .our-team__specialties__single-container {
		height: calc(50vh - 100px);
	}
	body .our-team__specialties__group--large .our-team__specialties__single-container {
	    height: calc((100vh - 200px) / 3);
	}
	body .our-team__specialties__single {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	body .our-team__specialties__single-container {
		width: 100%;
	} */
}
.our-team__specialties__single {

}
/* LEFT COLUMN */
/* COLUMN 1 */
@media only screen and (min-width: 641px) {
	.surgeon, .surgeon-en {
		grid-column: 1;
		grid-row: 1 / span 3;
	}

	.anesthesiologist, .anesthesiologist-en {
		grid-column: 1;
		grid-row: 4 / span 3;
	}

	.pulmonologist, .pulmonologist-en {
		grid-column: 2;
		grid-row: 1 / span 2;
	}

	.physiologists, .physiologists-en {
		grid-column: 2;
		grid-row: 3 / span 2;
	}

	.psychologists, .psychologists-en {
		grid-column: 2;
		grid-row: 3 / span 2;
	}

	.radiologist-specialist, .radiologist-specialist-en {
		grid-column: 2;
		grid-row: 5 / span 2;
	}

	.endocrinologist, .endocrinologist-en {
		grid-column: 3;
		grid-row: 1 / span 3;
	}

	.radiologist, .radiologist-en {
		grid-column: 3;
		grid-row: 4 / span 3;
	}

	.cardiologist, .cardiologist-en {
		grid-column: 4;
		grid-row: 1 / span 2;
	}

	.surgical-assistants, .surgical-assistants-en {
		grid-column: 4;
		grid-row: 3 / span 2;
	}

	.secretary, .secretary-en {
		grid-column: 4;
		grid-row: 5 / span 2;
	}

	.psychiatrist-psychoanalyst, .psychiatrist-psychoanalyst-en {
		grid-column: 5;
		grid-row: 1 / span 2;
	}

	.gastroenterologists, .gastroenterologists-en {
		grid-column: 5;
		grid-row: 3 / span 2;
	}

	.nutritionist-dietitian, .nutritionist-dietitian-en {
		grid-column: 5;
		grid-row: 5 / span 2;
	}
}


.our-team__specialties__single-image {
    height: 150px;
    margin-bottom: 30px;
	width: 8vw;
}

.our-team__specialties__single-image img {
	width: 100%;
	object-fit: contain;
	height: 100%;
}

.our-team__specialties__single-info h4 {
	text-align: center;
	color: white;
	/* text-transform: uppercase; */
	margin-top: 30px;
	font-size: 19px;
	font-weight: var(--font-weight--medium);
	bottom: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.our-team__specialties__single-info h4 {
/*     text-align: center; */
    font-size: calc(9px + 0.4vw);
		font-weight: 400;
}

.our-team__specialties__single-container {
    backdrop-filter: blur(20px);
    background-color: var(--color-gold-transparent);
    padding: 30px 10px;
}

.our-team__specialties__single-info h4 {
    text-align: center;
    color: #a1d9f1;
}

.our-team__specialties__single-container {
    backdrop-filter: blur(25px);
}

.our-team__specialties__inner-section {
    grid-template-rows: repeat(6, calc(16vh - 45px));
}

.our-team__specialties__single-image {
    height: 7vw;
}

.our-team__specialties__inner-section {
    grid-template-columns: 15.5% 23% 23% 23% 15.5%;
}


.our-team__specialties {
    min-height: calc(100vh - 128px);
}

@media (max-width: 1600px) {
    .our-team__specialties__single-info h4 {
        text-align: center;
        /* text-transform: uppercase; */
        font-size: 15px;
    }
}

@media (max-width: 1400px) {
    .our-team__specialties__inner-section {
        margin-top: 17px;
    }

    .our-team__specialties__inner-section {
        grid-template-rows: repeat(6, calc(16vh - 35px));
    }
}


@media only screen and (max-width: 1024px) {
	.our-team__specialties__single-image {
    	height: 110px;
		margin-bottom: 5px;
	}
	.our-team__specialties__single-info h4 {
		margin-top: 5px;
		font-size: 1.5vw;
	}
}
@media only screen and (max-width: 640px) {
	.our-team__specialties__group--small .our-team__specialties__single-image {
		margin-top: 4vh;
	}
	.our-team__specialties__single-info h4 {
		margin-top: 5px;
		font-size: 3.2vw;
		margin-bottom: 0;
	}
}