/* Case Study Page CSS */

/* Case Study Tag */
.case-study-tag {
	margin: 0 !important;
	background-color: #F3FAFC;
	border: 1px solid #3AABBC;
	border-radius: .25rem;
	padding: .125rem .5rem;
	color: #005D77;
	font-family: "Lexend", Sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.75em;
}

.case-study-tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: .5em;
}

.case-study-country {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0 !important;
	margin-top: .5rem !important;
	background-color: #fff8f1;
	border: 1px solid #FF8E19;
	border-radius: .25rem;
	padding: .125rem .5rem;
	color: #005D77;
	font-family: "Lexend", Sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.75em;
	width: fit-content;
}

.case-study-country-flag {
	width: 14px;
	border-radius: 50px;
}



/* Responsive case study grid layout */
@media (max-width: 767px){
	.case-studies-grid .elementor-loop-container{
		align-items: start !important;
    	grid-auto-rows: auto !important;
	}
}



/* Responsive case study wrapper and image */
@media (min-width: 630px) and (max-width: 767px){
	.case-studies-grid .elementor-loop-container{
		padding-left: 4.5rem !important;
		padding-right: 4.5rem !important;
		grid-column-gap: 2.5rem !important;
		grid-row-gap: 2.5rem !important;
	}
	.case-study-card-image{
		min-height: 40vw !important;
	}
}

@media (min-width: 525px) and (max-width: 630px){
	.case-studies-grid .elementor-loop-container{
		padding-left: 3.5rem !important;
		padding-right: 3.5rem !important;
		grid-column-gap: 2.5rem !important;
		grid-row-gap: 2.5rem !important;
	}
	
	.case-study-card-image{
		min-height: 45vw !important;
	}
}

@media (min-width: 430px) and (max-width: 525px){
	.case-study-card-image{
		min-height: 50vw !important;
	}
}



/* Test */
/* @media (min-width: 334px) and (max-width: 430px){
	.case-study-card-image{
		min-height: 49vw !important;
	}
}

@media (max-width: 333px){
	.case-study-card-image{
		background-position: 0 -4px !important;
		min-height: 150px !important;
	}
} */