.main-nav {
	height: auto !important;
	background: white;
}

.main-nav-container {
	display: flex;
	justify-content: space-between;
	padding: 0 2%;
}

.mobile-on .desktop-nav {
	padding: 0;
}

.nav-links {
	display: flex;
}

.sticky-wrapper {
	height: auto !important;
}

@media (max-width: 1365px) {
	.nav-links {
		display: block;
	}
}

@media (min-width: 1366px) {
	.nav-links,
	.nav-links li,
	.nav-links a {
		height: 100%;
	}	
}

.nav-links li,
.nav-links a {
	display: flex !important;
	align-items: center;
}

.coach-wrapper {
	display: block;
	text-decoration: none !important;
}

.coach-image {
	border-radius: 5px;
	margin-bottom: 5px;
	transition: .3s all;
}

.rounded-corners {
	border-radius: 5px;
}

.coach-wrapper:hover .coach-image {
	box-shadow: 0 5px 5px -3px #BBB;
}

.coach-details {
	transition: .3s all;
	display: flex;
	justify-content: space-between;
}

@media (max-width: 991px) {
	.coach-details {
		font-size: 2em;
		margin-bottom: 100px;
	}
}

@media (max-width: 720px) {
	.coach-details {
		font-size: inherit;
	}
}

.heading-group {
	padding: 30px 0;
}

.main-heading {
	font-weight: bold;
	margin: 0;
	font-size: 3em;
	color: #444;
}

.secondary-heading {
	color: #777;
	margin: 0;
}

.tertiary-heading {
	color: #444;
	margin-bottom: 20px;
}

.coach-data {
	font-style: italic;
	color: #444;
}

.coach-price {
	color: #063;
}

.recent-work {

}

.recent-work a {
	display: block;
}

.recent-work img {
	border-radius: 3px;
	margin-bottom: 5px;
	aspect-ratio: 3 / 2;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  texxt-align: left;
  display: block;
}

.m-auto-center {
	margin: auto;
	display: block;
}

.recent-work-item {
	margin-bottom: 30px;
}

.recent-work-item a {
	color: #999;
	text-decoration: none;
}

.recent-work-picture {
    position: relative;
}

.recent-work-picture:hover::after {
    background: rgba(255,255,255,0.5);
}

.recent-work-picture::after {
    content: '';
    transition: .3s all;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 5px solid white;
    left: 0;
    opacity: .3;
    border-radius: 5px;
}

.contact-form {
	display: grid;
	grid-template-columns: 100px auto;
	max-width: 600px;
	gap: 10px;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
}

.form-label {
	line-height: 28px;
}

@media (max-width: 480px) {
	.contact-form {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.form-label {
		padding-top: 5px;
	}
}