/*
   1.0 Utility functions for RTLCSS
*/
/* Replace. Replaces the declaration value with {value}.
** Usage:
** letter-spacing: 1px rtl(normal);
*/
/* Append. Appends {value} to the end of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-append(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Ignore. Ignores processing of this declaration
** Usage:
** text-align: left rtl-ignore();
*/
.services.services-component {
  font-family: Almarai, "GL Bader Compress Regular", "Arial Narrow", "Arial", sans-serif ;
  border: 1px solid #f2f2f2;
  padding: 32px;
  padding: 2rem; }
  @media (max-width: 991.98px) {
    .services.services-component {
      padding: 16px;
      padding: 1rem; } }
  .services.services-component .services-text {
    margin-top: 16px;
    margin-top: 1rem; }
    .services.services-component .services-text p {
      font-size: 14px;
      font-size: 0.875rem; }
  .services.services-component .services-link {
    text-decoration: underline;
    margin-top: 16px;
    margin-top: 1rem;
    font-size: 14px;
    font-size: 0.875rem; }