.hr-main-services {
  background: #f6f5ef;
}
.hr-single-service {
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 30px;
  transition: all .4s;
  border: 2px solid #000;
  background: #f6f5ef;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  height: 100%;
}
.hr-service-name a {
  font-weight: 700;
  color: #000;
  line-height: 1.4em;
  font-size: 30px;
  font-family: var(--font-01);
}
.hr-service-icon img {
  max-width: 80px;
  width: 100%;
}
.hr-single-service a svg path {
  stroke: #000;
}
.hr-single-service:hover {
  background-color: #06b453;
  box-shadow: 4px 4px 0 0 #000;
}

.hr-serivce-main-wapper h2 {
  max-width: 600px;
}
.hr-serivce-main-wapper {
  padding: 24px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px !important;
  transition: all .4s;
  border: 2px solid #000 !important;
}
.hr-serivce-main-wapper h2 {
  font-size: 30px;
  line-height: 1.4em;
  font-weight: 700;
  font-family: var(--font-01);
}

.hr-serivce-main-wapper .accordion-header .accordion-button {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  font-size: 30px;
  line-height: 1.4em;
  font-weight: 700;
  font-family: var(--font-01);
  color: #000;
}
.hr-serivce-main-wapper.open .accordion-header .accordion-button {
  color: #fff;
}
.hr-serivce-main-wapper.open .accordion-body .hr-text {
  color: #fff;
}
.hr-serivce-main-wapper .accordion-body {
  padding: 0;
}
.accordion-item.hr-serivce-main-wapper.open {
  background-color: #06b453;
  box-shadow: 3px 3px 0 0 #000;
}
.hr-serivce-main-wapper .accordion-header .accordion-button::after {
  background-image: url('https://www.itsprowebsite.com/public/assets/images/services/accordion-inactive.svg');
}
.hr-serivce-main-left h2 {
  max-width: 510px;
  position: relative;
}
.hr-serivce-main-left h2 span {
  position: absolute;
  top: 0;
  right: 0;
}

 marquee {
  font-size: 35px;
  white-space: nowrap;
  padding: 0 24px;
  text-transform: uppercase;
  color: #06b453;
  font-weight: 700;
   padding: 20px 0;
  overflow: hidden;
  background-color: #000;
}
marquee span svg {
  width: 40px;
  margin: 0px 10px;
}
marquee span svg path {
  fill: #06b453;
} 
.hr-main-services .row {
  row-gap: 30px;
}
.hr-single-service:hover .hr-service-name a {
  color: #fff;
}
.hr-single-service:hover .hr-category {
  color: #fff;
}
.hr-single-service:hover a svg path {
  stroke: #fff;
}
.hr-slide-sec svg path {
  fill: #06b453;
}
.hr-single-service .hr-details {
  width: 100%;
}

.hr-single-service-wapper {
  display: flex;
  align-items: start;
  column-gap: 30px;
}
.hr-service-img {
  width: 100% !important;
  max-width: 80px !important;
}
@media(max-width:1400px){
  .hr-serivce-main-left h2 span {
  right: -70px;
}
}

@media(max-width:1200px){
  .hr-serivce-main-left h2 span {
  right: 20px;
}
.hr-service-name a {
  font-size: 24px;
}
.hr-single-service {
  padding: 20px;
}
}
@media(max-width:991px){
  .hr-serivce-main-left h2 span {
  right: -40px;
}
.hr-details {
  width: 100%;
}
}
@media(max-width:576px){
  .hr-main-services h2 svg {
  display: none;
}
.hr-main-services > h2 {
  margin-bottom: 30px;
}
.hr-serivce-main-wapper .accordion-header .accordion-button {
  font-size: 20px;
  line-height: 20px;
}
}