/* @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); */

@import url("./fonts.css");

:root {
	--ColorRed: #d11242;
	--ColorWhite: #ffffff;
	--ColorBlack: #1c1c1c;
	--ColorGreen: #018750;
	--ColorYellow: #fff43f;
	--ColorGray: rgba(28, 28, 28, 0.8);
	--ColorLightGray: #212121;
	--iconSize: clamp(12px, 1.7157rem + 0.6536vw, 40px);
	--transition5: all 0.5s ease-in-out;
	--transition3: all 0.3s ease-in-out;
	--transition1: all 0.1s ease-in-out;
	--Barlow: "Barlow", serif;
	--Lato: "Lato", serif;
	--Verdana: "Verdana", sans-serif;
}

body {
	font-family: var(--Verdana);
}

footer > *,
.top_nav .wrapper,
section .wrapper,
header .wrapper,
header .navbar,
main .wrapper {
	max-width: 1624px;
	margin: auto;
}

img {
	max-width: 100%;
	height: auto;
}

section {
	padding: 100px 0;
}

figure {
	margin: 0;
}

figure.image-container:has(figcaption) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

figure.image-container:has(figcaption) figcaption {
	text-align: center;
}

h1 {
	font-family: var(--Verdana);
	font-size: clamp(30px, 5vw + 1rem, 50px);
	line-height: 110%;
	font-style: normal;
	font-weight: 700;
	letter-spacing: unset;
}

h2 {
	font-family: var(--Verdana);
	font-size: clamp(20px, 5vw, 35px);
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: unset;
}

h3,
.h3 {
	font-family: var(--Verdana);
	font-size: clamp(19px, 5vw, 30px);
	line-height: 110%;
	font-style: normal;
	font-weight: 700;
	letter-spacing: unset;
} 

h4 {
	font-family: var(--Verdana);
	font-size: clamp(18px, 5vw, 22px);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: unset;
}

h5 {
	text-align: center;
	font-family: var(--Verdana);
	/* font-size: clamp(1.25rem, 1.1703rem + 0.3268vw, 1.5625rem); */
	font-size: clamp(16px, 5vw, 19px);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: unset;
}

p {
	color: var(--ColorLightGray);
	font-family: var(--Verdana);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal !important;
}

li[id^="menu-item-"] {
	text-align: center;
}

header li a,
nav li a {
	color: var(--ColorGreen);
	font-family: var(--Verdana);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

li a {
	color: var(--ColorGreen);
	font-family: var(--Verdana);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

a {
	text-decoration: none;
}

.link-more {
	color: var(--ColorGreen);
	font-family: var(--Verdana);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.btn-container {
	width: fit-content;
	display: flex;
	align-items: center;
}

.btn-more,
.btn-submit,
.contactsubmit {
	color: var(--ColorLightGray);
	font-family: var(--Verdana);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	padding: 15px 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: var(--ColorYellow);
	border: 1px #ffffff00 solid;
	height: 52px;
	transition: var(--transition1);
	-webkit-transition: var(--transition1);
	-moz-transition: var(--transition1);
	-ms-transition: var(--transition1);
	-o-transition: var(--transition1);
}

.btn-more:hover {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #212121;
	transition: var(--transition1);
	-webkit-transition: var(--transition1);
	-moz-transition: var(--transition1);
	-ms-transition: var(--transition1);
	-o-transition: var(--transition1);
}

.btn-more:hover path {
	transition: var(--transition1);
	fill: var(--ColorGreen);
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

section p:last-child {
	margin-bottom: 0;
}

.image-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.image-container img {
	height: 100%;
	object-fit: cover;
}

.image-container.right img {
	border-radius: 100px 100px 20px 100px;
}

.image-container.left img {
	border-radius: 100px 100px 100px 20px;
}

.content-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.content-wrapper h2 {
	color: var(--ColorGreen);
	font-family: var(--Verdana);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.padding_left {
	padding-left: 36px;
}

.padding_right {
	padding-right: 36px;
}

.pl-60 {
	padding-left: 60px;
}

.pr-60 {
	padding-right: 60px;
}

.pl-24 {
	padding-left: 24px;
}

.pr-24 {
	padding-right: 24px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-30 {
	margin-right: 30px;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-24 {
	margin-bottom: 24px !important;
}

.mb-16 {
	margin-bottom: 16px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-100 {
	margin-bottom: 100px !important;
}

.mb-80 {
	margin-bottom: 80px;
}

.main_content .content .bottom-link,
.card-repeater.tiers .tier--card .bottom-link {
	display: flex;
	align-items: center;
	justify-content: start;
	margin-top: auto;
}

.main_content .content .bottom-link {
	display: flex;
	align-items: center;
}

.main_content .content .bottom-link svg,
.card-repeater.tiers .tier--card .bottom-link svg {
	margin-left: 15px;
	transition: var(--transition3);
	-webkit-transition: var(--transition3);
	-moz-transition: var(--transition3);
	-ms-transition: var(--transition3);
	-o-transition: var(--transition3);
}

.main_content .content .image svg,
.cards_content figure.tier--card .image svg {
	background: #f8f5f0;
	transition: var(--transition3);
	-webkit-transition: var(--transition3);
	-moz-transition: var(--transition3);
	-ms-transition: var(--transition3);
	-o-transition: var(--transition3);
}

.main_content .content .image svg path,
.cards_content figure.tier--card .image svg path {
	fill: var(--ColorGreen);
	transition: var(--transition3);
	-webkit-transition: var(--transition3);
	-moz-transition: var(--transition3);
	-ms-transition: var(--transition3);
	-o-transition: var(--transition3);
}

.main_content .content:hover .image svg,
.cards_content figure.tier--card:hover .image svg {
	background: var(--ColorGreen);
	transition: var(--transition3);
	-webkit-transition: var(--transition3);
	-moz-transition: var(--transition3);
	-ms-transition: var(--transition3);
	-o-transition: var(--transition3);
}

.main_content .content:hover .image svg path,
.cards_content figure.tier--card:hover .image svg path {
	fill: #f4f4f4;
	transition: var(--transition3);
	-webkit-transition: var(--transition3);
	-moz-transition: var(--transition3);
	-ms-transition: var(--transition3);
	-o-transition: var(--transition3);
}

.main_content .content:hover .bottom-link svg,
.card-repeater.tiers .tier--card:hover .bottom-link svg {
	margin-left: 25px;
	transition: var(--transition3);
	-webkit-transition: var(--transition3);
	-moz-transition: var(--transition3);
	-ms-transition: var(--transition3);
	-o-transition: var(--transition3);
}

.grecaptcha-badge {
	z-index: 2;
}

@media (min-width: 1200px) {
	header .wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.padding_left {
		max-width: 775px;
	}

	.padding_right {
		max-width: 775px;
	}

	.image-container img {
		max-height: 515px;
	}
}

@media (max-width: 1199px) {
	section {
		padding: 70px 16px;
	}

	footer > *,
	section .wrapper,
	.top_nav .wrapper,
	header .wrapper,
	header .navbar,
	main .wrapper {
		padding-left: unset;
		padding-right: unset;
	}

	.image-container.right img {
		border-radius: 50px 50px 20px 50px;
	}

	.image-container.left img {
		border-radius: 50px 50px 50px 20px;
	}

	.image-container img {
		max-height: 480px;
	}

	section {
		padding: 70px 16px;
	}

	.mb-100 {
		margin-bottom: 70px !important;
	}

	.mb-60 {
		margin-bottom: 50px !important;
	}

	.pl-60 {
		padding-left: 0;
	}

	.pr-60 {
		padding-right: 0;
	}

	.pl-24 {
		padding-left: 0;
	}

	.pr-24 {
		padding-right: 0;
	}

	.padding_left {
		padding-left: 0;
		max-width: 100%;
	}

	.padding_right {
		padding-right: 0;
		max-width: 100%;
	}

	ul#menu-phmc {
		text-align: center;
		margin: 30px auto;
		align-items: start;
	}

	header.header {
		max-width: 100%;
	}

	#menu-phmc li.contact-us-btn {
		margin-left: 0;
	}

	section.residency.image_content .content-wrapper.padding_right ul {
		padding-left: 0;
	}
}

@media (max-width: 991px) {
	p {
		max-width: unset;
	}

	section figure img {
		max-height: 480px;
	}

	.mb-80 {
		margin-bottom: 50px;
	}

	form.gradient_border {
		justify-content: space-between;
	}

	.search-field-section form .search_field {
		max-width: 100%;
	}

	.image-container.right img {
		border-radius: 30px;
	}

	.image-container.left img {
		border-radius: 30px;
	}
}

@media (max-width: 767px) {
	.mb-100 {
		margin-bottom: 50px !important;
	}

	.mb-60 {
		margin-bottom: 40px !important;
	}

	.mb-80 {
		margin-bottom: 40px;
	}

	/* section:first-child {
        padding: 150px 20px 50px;
    } */

	section {
		padding: 50px 16px;
	}

	section .content-wrapper,
	section .inner-content,
	section .left_content,
	section .right_content,
	section .content-container,
	section .header,
	section .header_content {
		text-align: center;
	}

	section .content.gradient_border {
		align-items: center;
		justify-content: center;
		text-align: center;
	}
}

@media (max-width: 575px) {
	.btn-container {
		width: 100%;
	}

	.btn-container .btn-more {
		width: 100%;
	}

	section.services .accordion-item h4 {
		font-size: clamp(18px, 5vw, 30px);
	}

	section {
		padding: 50px 8px;
	}
}