body {
	  margin: 0;
	  font-family: 'Inter', sans-serif;
	  background: #ffffff;
	  color: #333;
    }
    .hero {
	  background-image: image-set(
		url('../images/hero-img.webp') 1x,
		url('../images/hero-img@2x.webp') 2x,
		url('../images/hero-img@3x.webp') 3x
	  );
	  background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  color: white;
	  text-align: center;
	  height: 510px;
	  display: flex;
      align-items: center;
    }
    .hero h1 {
      max-width: 843px;
      margin: 0 auto;
	  color: #FFF;
	  text-align: center;
	  font-family: 'Inter';
	  font-size: 56.719px;
	  font-style: normal;
	  font-weight: 500;
	  line-height: 60px; /* 105.785% */
    }
    .content {
      padding: 55px 0px 0px;
       margin: auto;
    }
    .person {
      display: flex;
      align-items: center;
      gap: 82px;
      margin-bottom: 58px;
      flex-wrap: wrap;
    }
    .person img {
      width: 257px;
	  height: 321px;
	  flex-shrink: 0;
	  aspect-ratio: 257/321;
    }
    .person-info {
		flex: 1;
		display: flex;
		max-width: 446.38px;
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
    }
    .person-info h3 {
      color: #000;
	  font-family: Inter;
	  font-size: 25.492px;
	  font-style: normal;
	  font-weight: 600;
	  line-height: 26px; /* 101.992% */
	  text-transform: capitalize;
	  margin: 0;
    }
    .person-info p {
		margin: 0;
		color: #000;
		font-family: Inter;
		font-size: 15.008px;
		font-style: normal;
		font-weight: 500;
		line-height: 27.2px; /* 181.239% */
    }
    .person-info a {
		color: #FF9100;
		font-family: Inter;
		font-size: 15.008px;
		font-style: normal;
		font-weight: 500;
		line-height: 27.2px;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
    }
    .footer {
		background-image: image-set(
		url('../images/footer-img.webp') 1x,
		url('../images/footer-img@2x.webp') 2x,
		url('../images/footer-img@3x.webp') 3x
	  );
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
        text-align: center;
        padding: 120px 0px;
		display: flex;
		justify-content: center;
    }
	.container{
		max-width: 1041px;
	}
	.footer p{
		color: #FFF;
		text-align: center;
		font-family: Inter;
		font-size: 34.72px;
		font-style: normal;
		font-weight: 600;
		line-height: 40px; /* 115.207% */
		margin:0px;
	}

    @media (max-width: 767px) {
		.hero {
			height:auto;
		}
		.hero h1 {
        max-width: 843px;
		margin: 0 auto;
		color: #FFF;
		text-align: center;
		font-family: Inter;
		font-size: 37.969px;
		font-style: normal;
		font-weight: 500;
		line-height: 40px; /* 105.35% */
		padding:64px 27px;
    }
	.content {
      padding: 55px 59px 45px 59px;
       margin: auto;
    }
    .footer {
		padding: 71px 25px 76px 26px;
		
	}
	.person {
		gap: 21px;
		margin-bottom: 29px;
	}
    }