/* Font - Gothams */

/* regular */
@font-face {
	font-family: 'Gotham';
	src:
		url('font/Gotham-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* bold */
@font-face {
	font-family: 'Gotham';
	src:
		url('font/Gotham-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	color: #222;
	background-image: url(img/background-image.77d2fabf.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

* {
	box-sizing: border-box;
}

header {
	padding: 1rem 2rem;
	max-width: 1140px;
	margin: auto;	
}
@media (max-width: 768px) {
	header {
		padding: 1rem;
	}
}
header .brand img {
	height: 3.75rem;
	display: flex;
	align-items: center;
	width: auto;
	padding: 0;
}
main {
	padding: 0 2rem;
	max-width: 1140px;
	margin: auto;
}
main h1 {
  color: #fff;
  text-align: center;
	font-size: 2rem;
}
@media (max-width: 768px) {
	main h1 {
		font-size: 1.5rem;
	}
}
main .card-wrapper {
	display: flex;
	flex-direction: row;
	gap: 4rem;
	margin: 3rem 0rem;
	height: 100%;
	align-items: stretch;
}
@media (max-width: 768px) {
	main .card-wrapper {
		flex-direction: column;
		gap: 2rem;
		margin: 0rem 0 3rem 0;
	}
}
main .card {
	flex: 1;
	display: flex;
	flex-direction: column;
	border: 1px solid #e2e5e8;
	border-radius: .5rem;
	overflow: hidden;
	transition: all 0.3s;
}
main .card:hover {
	border: 1px solid #ff7900;
}
main .card a {
	color: inherit;
	text-transform: inherit;
	text-decoration: inherit;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;	
}
main .card .card-img img{
	width: 100%;
	display: block;
	margin: auto;
}
main .card .card-body {
	background-color: #fff;
	position: relative;
	height: 100%;
    overflow: hidden;
}
main .card .card-body p {
	display: block;
	padding: 1.5rem 1rem;
 	font-weight: 600;
	margin: 0;
	margin-right: 3rem;
}
main .card .card-body:before {
	content:"";
	 width: 25px;
  height: 25px;
	position: absolute;
	right: 1rem;
	top: 50%;
  transform: translateY(-50%);
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='%23ff7900'><path d='M338.752 104.704a64 64 0 000 90.496l316.8 316.8-316.8 316.8a64 64 0 0090.496 90.496l362.048-362.048a64 64 0 000-90.496L429.248 104.704a64 64 0 00-90.496 0z'></path></svg>");
	top: 50%;
  transform: translateY(-50%);
}