.hr-about-img-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin-right: 0;
	padding-right: 30px;
}
.hr-about-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hr-about-img {
  height: 100%;
}
.hr-about-img-wrap .hr-about-img-1,
.hr-about-img-wrap .hr-about-img-2 {
	position: absolute
}

.hr-about-img-wrap .hr-about-img-1 {
	width: 100%;
	height: auto;
	left: 0;
	top: 0
}

.hr-about-img-wrap .hr-about-img-2 {
	width: 250px;
	height: 250px;
	right: 0;
	bottom: 0
}

.hr-about-img-wrap .hr-about-img-1 img,
.hr-about-img-wrap .hr-about-img-2 img {
	margin-left: 20px
}

.hr-about-img-wrap .hr-about-img-2 img {
	border: 3px solid var(--white)
}

/*New*/		
.hr-about-content h2 {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700;
}
.hr-about-content h2 span {
	color: var(--color-2);
}

.hr-about-content ul li {
  font-size: 16px;
  letter-spacing: -.25px;
  line-height: 26px;
  color: #000;
  font-weight: 600;
  text-align: justify;
  list-style: none;
  padding-left: 30px;
  position: relative;
}
.hr-about-content ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.hr-about-content ul li:after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f00c";
  font-size: 17px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 15px;
  height: 15px;
  color: var(--color-2);
}
.hr-about-content-head {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}
@media screen and (max-width:1200px) {
	.hr-about-img-wrap .hr-about-img-1 {
		width: 90%
	}
	.hr-about-content h2 {
	font-size: 35px;	
}
}

@media screen and (max-width:992px) {

	.hr-about-img-wrap .hr-about-img-1 img,
	.hr-about-img-wrap .hr-about-img-2 img {
		width: 100%;
		height: auto;
		margin-left: 0;
	}


	.hr-about-content {
		margin-left: 0
	}

	.hr-about-img-wrap {
		margin-right: 0
	}
	.home-about-us-inner > .row {
	row-gap: 30px;
}
.hr-about-content-head {
	row-gap: 0px;
}
}

@media screen and (max-width:768px) {
	.hr-about-img-wrap {
		height: 481px
	}
}

@media screen and (max-width:575px) {

	.hr-about-img-wrap .hr-about-img-1,
	.hr-about-img-wrap .hr-about-img-2 {
		position: unset
	}

	.hr-about-img-wrap .hr-about-img-1 {
		margin-bottom: 20px;
		width: 100%;
		height: auto;
		margin-top: 20px;
	}

	.hr-about-img-wrap .hr-about-img-2 {
		width: 100%;
		height: auto
	}

	.hr-about-img-wrap {
		height: auto
	}
	.hr-about-content h2{
		font-size: 28px;
	}
.hr-about-img-wrap {
	padding-right: 0;
}
.hr-about-content ul li {
	font-size: 14px;
}	
}