.contentWrapper,
.contentWrapper2 {
   font-family: "Prompt", sans-serif;
}

.pcOrder1MobileOrder2 {
   width: 70%;
}
.pcOrder2MobileOrder1 {
   width: 28%;
}

.order1 {
   width: 45%;
}
.order2 {
   width: 50%;
}

.order2 .singleFeature:nth-of-type(1) span {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   background-color: #0eb05340;
   color: #0eb053;
   font-size: 2rem;
}
.blue {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   font-size: 2rem;
   background-color: #008be740;
   color: #008be7;
}
.red {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   font-size: 2rem;
   background-color: #fd2a0340;
   color: #fd2a03;
}
.purple {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   font-size: 2rem;
   background-color: #9000ae40;
   color: #9000ae;
}
.pinkdividers {
   width: 100%;
   height: 2px;
   background-color: #e955a0;
}
.bluedividers {
   width: 100%;
   height: 2px;
   background-color: #006ab4;
}
.yellowdividers {
   width: 100%;
   height: 2px;
   background-color: #e1a500;
}
.greendividers {
   width: 100%;
   height: 2px;
   background-color: #0eb053;
}

.singleFeature {
   margin: 1.5rem 0;
}
.singleFeature p {
   font-size: 18px;
   font-weight: 500;
   color: #7a7a7a;
}
.inf-prac-cont2 {
   margin-top: 3rem;
   width: 70%;
}
.inf-prac-cont2 i {
   font-size: 1.5rem;
   font-weight: 800;
   padding-right: 1rem;
}
.inf-prac-cont2 span {
   font-size: 1.5rem;
   font-weight: 500;
}
.hero4 {
   padding: 2rem 3rem;
   /* margin-top: 4rem; */
   background-image: url('/assets/@images/@contact/contact-hero-bg.jpg');

   width: 100%;
   /* background-attachment: fixed; */
   background-size: cover;
   background-position: center;
   position: relative;
}
.hero4 .mycont h1 {
   font-size: 40px;
}
.hero4::after {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: #363333;
   inset: 0;
   opacity: 0.78;
   z-index: 3;
}
.hero4 .mycont h1 {
   font-size: 40px;
}
.mycont {
   position: relative;
   z-index: 4;
}

.inf-prac-cont1-wrap .order1 {
   padding: 2rem;
}

@media (max-width: 768px) {
   .pcOrder1MobileOrder2 {
      order: 2;
      width: 95%;
   }
   .pcOrder2MobileOrder1 {
      order: 1;
      width: 95%;
   }
   .order1 {
      width: 100%;
   }
   .order2 {
      width: 100%;
   }
   .singleFeature {
      flex-direction: column;
      align-items: center !important;
      /* justify-content: center; */
   }
   .singleFeature p {
      text-align: center;
   }
   .inf-prac-cont2 {
      width: 100%;
   }
   .inf-prac-cont2 i {
      font-size: 1.3rem;
      font-weight: 800;
      padding-right: 1rem;
   }
   .inf-prac-cont2 span {
      font-size: 1.3rem;
      font-weight: 500;
   }
   .hero4 .mycont h1 {
      font-size: 29px;
   }
   .ucanbe {
      font-size: 34px !important;
   }
   .inf-prac-cont1-wrap .order1 {
      padding: 1rem;
   }
}