/**
Theme Name: hrisconsultants
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hrisconsultants
Template: astra
*/

.footer-wrapper {
  text-align: center;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}

.footer-logo img {
  max-width: 250px;
  height: auto;
}

.footer-tagline {
  font-size: 12px;
  letter-spacing: 3px;
  margin-top: 8px;
  color: #fff;
}

.footer-menu {
  margin-top: 25px;
}

.footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* Makes it responsive */
  gap: 40px;
}

.footer-menu ul li {
  display: inline;
}

.footer-menu ul li a {
  text-decoration: none;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 500;
  transition: color 0.3s;
}

.footer-menu ul li a:hover {
  color: #dce6ff;
}

.site-below-footer-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: #ffffff66 1px solid;
}

.cta-wrapper {
  padding: 60px 20px;
  text-align: center;
}

.cta-box {
  background-color: #fdeb3b;
  /* Yellow block */
  border-radius: 30px;
  padding: 60px 20px;
  max-width: 1000px;
  margin: 0 auto;
}

.cta-box h2 {
  font-size: 32px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
  line-height: 1.4;
}

.cta-button {
  display: inline-block;
  background-color: #0d47d8;
  color: #fff !important;
  padding: 10px 40px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50px;
  transition: background 0.3s ease;
}

.cta-button:hover {
  background-color: #0838a1;
}

.cta-subtext {
  margin-top: 20px;
  font-size: 14px;
  color: #000;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
  border: none !important;
}

.hrchm_b1-wrap {
  text-align: center;
}

.hrchm_b1-badge {
  display: inline-flex;
  background-color: #165edd;
  padding: 8px 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.hrchm_b1-title {
  color: #fff;
  font-size: 58px;
  font-weight: 600;
  line-height: 68px;
}

.hrchm_b1-sub {
  color: #fff;
  width: 40%;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  line-height: 26px;
  margin-top: 24px;
}

.hrchm_b1-cta a {
  background-color: #fff250;
  padding: 10px 30px;
  border-radius: 50px;
  margin-top: 24px;
  display: inline-block;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.hrc_hmb_sec {
  position: absolute;
  margin-top: -100px;
  z-index: 1;
}

.hrc_srv_ind .hrc-step {
  display: inline-block;
  padding: 4px 24px;
  border-radius: 50px;
  background-color: #f6f6f6;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
}

.hrc_srv_ind .hrc-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 19px;
}

.hrc_srv_ind .hrc-desc {
  font-family: Instrument Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding-right: 18px;
}

.hrc_srv_ind .hrc-cta {
  background-color: #fff;
  color: #1358d0;
  padding: 10px 40px;
  display: inline-block;
  margin-bottom: 28px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
}

.hrc_srv_ind .hrc-cta:hover {
  background-color: #1358d0;
  color: #fff;
}

.hrc_alt_hero .hrc_alt_title h1 {
  font-family: Instrument Sans;
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
}

.hrc_alt_subrow .hrc_alt_spa {
  color: #1458d0;
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}

.hrc_alt_hero .hrc_alt_link {
  font-family: Instrument Sans;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px;
  display: block;
}

.hrc_alt_hero .hrc_alt_body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #000;
  margin-bottom: 35px;
}

.hrc_alt_hero .hrc_alt_btn {
  background-color: #fff250;
  color: #000000;
  padding: 13px 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
}

.hrc_alt_icon {
  display: flex;
  align-items: center;
  gap: 10px;
  /* space between image and text */
  margin-bottom: 20px;
}

.hrc_alt_icon img {
  width: 40px;
  /* adjust size as needed */
  height: auto;
  display: block;
}

.hrc_alt_kicker_text {
  font-size: 18px;
  font-weight: 600;
  color: #0b0b0b;
}

.hrchm_blg-card {
  background-color: #fff;
  border-radius: 16px;
}

.hrchm_blg-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
}

.hrchm_blg-body {
  padding: 30px 30px 20px 30px;
}

.hrchm_blg-excerpt {
  color: #000;
}

.hrchm_blg-cta {
  width: 28px;
  height: 28px;
}

.hrchm_blg-cta {
  display: flex;
  align-items: center;
  gap: 8px;
  /* space between text and icon */
}

.hrchm_blg-cta-label {
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  text-transform: capitalize;
  color: #000;
  min-width: 80px;
}

.hrchm_blg-cta-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  /* prevents squishing */
}

.hrc_prc_ind {
  background-color: #efefef;
  border-radius: 20px;
  padding: 20px;
  transition: background-color 0.3s ease;
  min-height: 228px;
}

.hrc_prc_ind:hover {
  background-color: #0056d2;
  /* blue background on hover */
}

.hrc_prc_ind .hrc_prc_ind-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  margin-bottom: 0;
  color: #000;
  transition: color 0.3s ease;
}

.hrc_prc_ind .hrc_prc_ind-subtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 19px;
  color: #000;
  transition: color 0.3s ease;
  margin-bottom: 40px;
}

.hrc_prc_ind-step {
  display: inline-block;
  background-color: #fff;
  padding: 0px 20px;
  border: #bebebe 1px solid;
  border-radius: 20px;
  margin-bottom: 40px;
  transition: border-color 0.3s ease;
}

/* Change text to white on hover */
.hrc_prc_ind:hover .hrc_prc_ind-title,
.hrc_prc_ind:hover .hrc_prc_ind-subtitle {
  color: #fff;
}

/* Change border color of step on hover */
.hrc_prc_ind:hover .hrc_prc_ind-step {
  border-color: #fff;
}

.hrc_prc_ind.activate_blue {
  background-color: #0056d2;
  /* same as hover */
}

.hrc_prc_ind.activate_blue .hrc_prc_ind-title,
.hrc_prc_ind.activate_blue .hrc_prc_ind-subtitle {
  color: #fff;
  /* text white */
}

.hrc_prc_ind.activate_blue .hrc_prc_ind-step {
  border-color: #fff;
  /* step border white */
}

.testim_ind .slide-description {
  line-height: 38px !important;
  margin-top: 20px;
}

.testim_ind .slider-container-block-background {
  padding: 60px !important;
}

/* Top-left quote above the text */
.testim_ind .slide-content {
  position: relative;
  --quote-size: 56px;
  /* icon size */
  --quote-gap: 16px;
  /* space between icon and text */
  --quote-left: 16px;
  /* left inset of the icon */
  padding-top: calc(var(--quote-size) + var(--quote-gap));
  /* kill any left indent you might have added earlier */
  padding-left: 0 !important;
}

.testim_ind .slide-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--quote-size);
  height: var(--quote-size);
  background: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/09/Testimonials-icon.svg") no-repeat center;
  background-size: contain;
}

/* Optional: scale down on small screens */
@media (max-width: 640px) {
  .slide-content {
    --quote-size: 40px;
    --quote-left: 12px;
    --quote-gap: 12px;
  }
}

.feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 40px !important;
  padding-left: 0 !important;
}

.feature-list li {
  position: relative;
  margin: 12px 0;
  padding-left: 36px;
  line-height: 1.4;
  background-image: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/09/tick.svg");
  background-repeat: no-repeat;
  background-position: left 2px top 2px;
  background-size: 20px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
}

.hero-container {
  color: #fff;
}

.hero-container span.tag {
  display: inline-flex;
  background-color: #165edd;
  padding: 8px 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.hero-container #service-title {
  font-weight: 800;
  font-size: 32px;
  line-height: 41px;
  color: #fff;
}

.hero-container .hcsrv_b1_p1 {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
}

.hcsrv_cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  /* spacing between text and arrow */
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 999px;
  /* pill shape */
  cursor: pointer;
  background-color: #fff250;
  /* yellow background */
  color: #170939;
  text-decoration: none;
  transition: all 0.3s ease;
  background-image: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/09/Arrow.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 18px auto;
  padding-right: 50px;
  /* extra space for arrow */
  text-transform: none;
}

.hcsrv_cta-btn:hover {
  background-color: #e9d700;
  /* slightly darker on hover */
  color: #170939;
}

.hrcsrv_b1_cnt {
  background-color: #fff250;
  padding: 30px 30px 0px 30px;
  border-radius: 20px;
}

.hrcsrv_b1_cnt .hrcb1_p1 {
  margin-bottom: 0px;
  font-weight: 800;
  font-size: 18px;
  color: #000000;
  line-height: 28px;
}

.hrcsrv_b1_cnt .hrcb1_p2 {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 18px;
  margin-bottom: 30px;
}

.hrcsrv_b1_cnt label {
  font-weight: 600;
  font-size: 12px;
  display: block;
  margin-bottom: 20px !important;
}

.hrcsrv_b1_cnt input {
  border: 0;
}

.hrcsrv_b1_cnt .wpcf7-textarea {
  height: 88px;
  border: 0;
  background-color: #fff;
  padding: 0;
}

.hrcsrv_b1_cnt .wpcf7-submit {
  width: 100%;
  height: 48px;
  font-weight: 700;
  font-size: 12px;
}

.t2_blue_cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 16px;
  color: #1358d0;
  position: relative;
}

.t2_blue_cta::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/09/Button-icon.svg") no-repeat center/contain;
}

.t2_blue_cta:hover,
.t2_blue_cta:focus-visible {
  text-decoration: underline;
}

.src_ctablk {
  position: relative;
  display: block;
  padding: 35px;
  border-radius: 20px;
  background: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/09/Book-a-consultants-banner-image.png") right center / auto 100% no-repeat,
    #1358d0;
  color: #fff;
  overflow: hidden;
}

.srcc_txt {
  width: 50%;
  float: left;
}

.srcc_txt h2 {
  margin: 0 0 20px;
  font-size: 28px;
  font-weight: 600;
  color: #fff;
}

.srcc_txt p {
  margin: 0 0 30px;
  font-size: 16px;
  font-weight: 400;
}

.cta-ihcm__btn {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 20px;
  background: #fff250;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.tick-list {
  list-style: none;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

.tick-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.6;
  color: #111;
}

.tick-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/09/Blue-right-icon.svg") no-repeat center center;
  background-size: contain;
}

.hrc_src_lih2 {
  font-size: 16px;
  font-weight: 600;
}

.step-block {
  max-width: 720px;
  margin: 48px 0;
}

.step-number {
  line-height: 1;
  margin: 0;
  color: transparent;
  -webkit-text-stroke: 4px #e1e1e1;
  -webkit-text-fill-color: transparent;
  font-family: Instrument Sans;
  font-weight: 600;
  font-size: 85px;
}

.step-line {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 12px 0 28px;
}

.step-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #174bd8;
  /* blue */
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.step-dash {
  border-top: 2px dashed #cfcfcf;
  flex: 1;
}

.step-content h3 {
  margin: 0 0 12px;

  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
}

.step-content p {
  margin: 0;
  line-height: 1.6;
  color: #222;
  font-family: Instrument Sans;
  font-weight: 400;
  font-size: 16px;
}

.step-circle.has-inner::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffeb3b;
  /* yellow */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hrcsrv_wu-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  max-width: 320px;
  font-family: Arial, sans-serif;
  background: #fff;
}

.hrcsrv_wu-card-icon {
  width: 60px;
  height: 60px;
}

.hrcsrv_wu-card-icon img {
  width: 60px;
  height: 60px;
}

.hrcsrv_wu-card h3 {
  margin: 0;
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.hrcsrv_wu-card p {
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  color: #000;
}

.hrc_cs_li_link {
  text-decoration: none;
  display: inline-block;
  color: inherit;
}

.hrc_cs_li_container {
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  font-family: sans-serif;
  background: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hrc_cs_li_container:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
}

.hrc_cs_li_image img {
  width: 100%;
  display: block;
  height: auto;
  border-bottom: #0d0d0d1a 1px solid;
}

.hrc_cs_li_content {
  padding: 16px;
}

.hrc_cs_li_title {
  margin: 0 0 8px;
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
}

.hrc_cs_li_text {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #00000080;
  border-bottom: #0d0d0d1a 1px solid;
  padding-bottom: 15px;
}

.hrc_pf_form_main {
  background-color: #fff250;
  padding: 50px 50px 10px 50px;
  border-radius: 20px;
  width: 50%;
  float: left;
}

.hrc_pf_form_main .hrcpfm_p1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 4px !important;
  color: #000;
}

.hrc_pf_form_main .hrcpfm_p2 {
  font-weight: 400;
  font-size: 16px;
}

.hrc_pf_form_main label {
  width: 100%;
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 20px !important;
}

.hrc_pf_form_main input {
  border: 0;
}

.hrc_pf_form_main .wpcf7-textarea {
  height: 88px;
  border: 0;
  background-color: #fff;
  padding: 0;
}

.hrc_pf_form_main .wpcf7-submit {
  width: 100%;
  height: 48px;
  font-weight: 700;
  font-size: 12px;
}

.hrcpc_ftlogo {
  margin-bottom: 80px;
  width: 250px;
}

.hrc_pf_cnt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  /* new */
  height: 100%;
  font-family: "Inter", sans-serif;
  max-width: 800px;
  margin: auto;
  padding: 24px;
  color: #111;
  line-height: 1.5;
  width: 50%;
  float: left;
}

.hrc_pf_cnt h1 {
  font-size: 38px;
  margin: 0;
  font-weight: 700;
}

.hrc_pf_cnt h1 span {
  margin-right: 8px;
}

.hrc_pf_cnt_tagline {
  font-size: 12px;
  letter-spacing: 0.3em;
  color: #777;
  margin: 10px 0 32px;
}

.hrc_pf_cnt_block {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 40px;
}

.hrc_pf_cnt_block img {
  width: 42px;
  height: 42px;
  padding: 0;
}

.hrc_pf_cnt h3 {
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 12px;
}

.hrc_pf_cnt p {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
}

.hrc_pf_cnt a {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
}

.hrc_pf_cnt a:hover {
  opacity: 0.8;
}

.hrc_pf_cnt {
  font-family: "Inter", sans-serif;
  max-width: 800px;
  margin: auto;
  padding: 24px;
  color: #111;
  line-height: 1.5;
  width: 50%;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* spread content top and bottom */
  min-height: 100%;
}

.hrc_pf_social {
  display: flex;
  gap: 18px;
  margin-top: auto;
  /* push to bottom */
  padding-top: 40px;
  margin-top: auto;
  /* pushes to bottom */
  align-self: flex-start;
  /* aligns with left edge */
}

.hrc_pf_social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: #f6f6f6 2px solid;
  border-radius: 8px;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

.hrc_pf_social a:hover {
  background-color: #e2e2e2;
  transform: translateY(-2px);
}

.hrc_pf_social img {
  width: 20px;
  height: 20px;
}

#popmake-2451 {
  padding: 30px;
}

#popmake-2451 .hrcpc_ftlogo {
  width: 200px;
  margin-bottom: 60px;
}

#popmake-2451 .hrc_pf_social {
  padding-top: 80px;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
  padding: 0 !important;
}

.hrc_btn_t1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  background-color: #fff250;
  color: #000;
  padding: 14px 36px 14px 36px;
  border-radius: 50px;
  transition: all 0.3s ease;
  position: relative;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}

.hrc_btn_t1::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/wp-content/uploads/2025/10/arrow.svg") no-repeat center center;
  background-size: contain;
  transition: transform 0.3s ease;
}

.hrc_btn_t1:hover {
  background-color: #f5e430;
  /* slightly darker yellow */
  transform: translateY(-2px);
}

.hrc_btn_t1:hover::after {
  transform: translateX(4px);
}

.cnt_mainsec {
  background: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/10/Banner-image.png") no-repeat right top;
  background-size: contain;
  /* or 'auto 100%' if you want full height scaling */
  background-color: #1358d0;
  /* optional blue fallback */
  position: relative;
}

.hc_cp_form .hrc_gtfrm_main {
  border: #EFEFEF 6px solid !important;
  display: flex;
  border-radius: 24px;
  padding: 20px;
  background-color: #fff;
}

.hc_cp_form .hrcpc_ftlogo {
  margin-bottom: 60px;
  width: 200px;
}

.single-post #ast-desktop-header {
  background-color: #1358D0;
}

/* Target Astra blog read more link */
body.blog .ast-read-more-container.read-more a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #0a0133;
  /* dark text */
  text-decoration: none !important;
  position: relative;
  transition: all 0.3s ease;
}


/* Hide the original text ("Read More...") */
body.blog .ast-read-more-container.read-more a span,
body.blog .ast-read-more-container.read-more a::first-letter {
  color: transparent;
  font-size: 0;
}

/* Add the yellow circle + arrow icon */
body.blog .ast-read-more-container.read-more a::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #fff250 url(https://hrisconsultants.co.uk/wp-content/uploads/2025/10/Frame-1000001271.svg) no-repeat center center;
  background-size: 28px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Hover animation */
body.blog .ast-read-more-container.read-more a:hover::after {
  transform: translateX(5px);
  background-color: #f5e430;
  /* slightly darker yellow */
}

.team-card {
  width: 280px;
  background: #fff;
  border-radius: 20px;
  box-shadow: var(--shadow);
  padding: 28px 22px 22px;
  text-align: center;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--text);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.team-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.team-card .avatar {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 14px;
}

.team-card .name {
  font-size: 22px;
  margin: 6px 0 2px;
  font-weight: 700;
}

.team-card .role {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 15px;
}

.team-card .socials {
  display: flex;
  justify-content: center;
  gap: 18px;
}

.team-card .socials a img {
  width: 22px;
  height: 22px;
  opacity: 0.8;
  transition: opacity 0.2s ease;
  filter: invert(0.1);
}

.team-card .socials a:hover img {
  opacity: 1;
  filter: invert(0);
}

.sys_card_main{
    border-radius: 20px;
    background-color: #ffffff;
    padding: 28px 28px 18px 28px;
}

.sys_card_main .scm_top, .sys_card_main .scm_bottom{
  display: flex;
}

.sys_card_main .scm_top .scmt_one{
  width: 20%;
  float: left;
  margin-right: 20px;
}

.sys_card_main .scm_top .scmt_one img{
  border-radius: 20px;
  border: #00000014 1px solid;
}

.sys_card_main .scm_top .scmt_two{
  width: 80%;
  float: left;
}

.scmto_p1{
  color: #0D0D0D;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0px;
    margin-bottom: 15px !important;
}

.scm_top{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #f8f8f8 1px solid;
}

.scm_bottom .scmb_one{
  width: 20%;
  margin-right: 20px;
  float: left;
}


.scm_bottom .scmb_two{
  width: 80%;
  float: left;
  text-align: right;
}

.scm_bottom .scmb_two a{
  display: inline-flex
;
    align-items: center;
    justify-content: center;
    gap: 24px;
    background-color: #fff250;
    color: #000;
    padding: 14px 36px 14px 36px;
    border-radius: 50px;
    transition: all 0.3s ease;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
}

.link-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease;
  position: relative;
}

.link-button::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/wp-content/uploads/2025/10/Group-3740.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}

.link-button:hover {
  color: #111;
}

.link-button:hover::after {
  transform: translate(2px, -2px);
}

.srvl_p1{
  font-family: Instrument Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF80;
    margin-bottom: 10px !important;
}

.srvl_p2{
  font-family: Instrument Sans;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 50px !important;
}

.softd_list_t1{
  color: #fff;
  margin-bottom: 50px;
}

.softd_list_t1 .sftdl_p1{
  font-family: Instrument Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 10px;
}

.softd_list_t1 ul li{
  font-family: Instrument Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.softd_list_t1 .sftdl_p2{
  margin-bottom: 4px;
}

.softd_p1 p{
  font-family: Instrument Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.sftd_lft_main .sftdlm_one{
  background-color: #fff;
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.sftd_lft_main .sftdlm_one img{
  border: #00000014 1px solid;
    margin-bottom: 20px;
    border-radius: 8px;
}

.sftd_lft_main .sftdlm_one a{
  background-color: #FFF250;
    color: #000;
    display: block;
    padding: 14px 40px;
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 0;
}

.sftdlm_two a{
  font-size: 14px;
    background: #fff;
    padding: 15px 12px;
    border-radius: 12px;
    line-height: 20px;
    width: 100%;
}

.sftw_hero_cta{
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.sftw_hero_cta .sftwhc_p1{
  font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-bottom: 0px;
  
}

.sftw_hero_cta .sftwhc_p2{
  color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
}

.sftwhc_btm {
  list-style: none;
  padding: 0 !important;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  margin-bottom: 0px !important;
}

.sftwhc_btm li {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  position: relative;
}

.sftwhc_btm li:not(:last-child)::after {
  content: "|";
  margin-left: 20px;
  color: #999;
}

.sftwhc_btm a {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
  font-size: 14px;
}

.sftwhc_btm a:hover {
  color: #0073e6;
}

.sftw_syscap {
  background: #fff;
  border-radius: 16px;
  padding: 10px 8px;
}

.sttws_ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sttws_ul li {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-bottom: 22px;
  padding-left: 36px;
  line-height: 1.6;
}

.sttws_ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  background-image: url("/wp-content/uploads/2025/10/blue_tick.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.sttws_ul li:last-child {
  margin-bottom: 0;
}

.sftw_sysfinl{
  background-color: #EFEFEF;
    padding: 30px;
    border-radius: 20px;
}

.sftw_sysfinl .sftwsf_p1{
  font-family: Instrument Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}

.sftwsf_ul1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 25px; /* space between items */
  align-items: center;
  padding-left: 0 !important;
}

.sftwsf_ul1 li {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding-left: 34px;
  line-height: 1.6;
}

.sftwsf_ul1 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 22px;
  height: 22px;
  background-image: url("https://hrisconsultants.co.uk/wp-content/uploads/2025/10/blue_tick.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.hrchm_blg_var_cstdy{
  min-width: 148px !important;
}

#testimon_slider .swiper-pagination{
   display: none;
}

/* Mobile View */
@media (max-width: 543px) {

  .elementor-element.e-parent {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

  .mob_reverse > .e-con-inner {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  .hrc_pf_cnt h1 {
    font-size: 28px;
  }

  .hrc_pf_cnt_block img {
    width: 56px;
    height: 56px;
    padding: 12px;
    margin-top: -14px;
  }

  .hrc_pf_cnt h3 {
    font-size: 20px;
  }

  .hrc_pf_cnt p {
    font-size: 16px;
    padding-bottom: 10px;
  }

  .hrc_pf_cnt a{
    font-size: 14px;
  }

  .sys_card_main{
    margin: 0 auto;
    width: 95%;
    display: inline-block;
    margin-left: 2%;
  }
  .sys_card_main .scm_top, .sys_card_main .scm_bottom{
    display: inline-block;
  }

  .sys_card_main .scm_top .scmt_one{
    width: 100%;
    margin-bottom: 20px;
  }

  .sys_card_main .scm_top .scmt_two{
    width: 100%;
  }

  .scm_bottom .scmb_one{
    width: 100%;
  }

  .scm_bottom .scmb_two{
    width: 100%;
    float: left;
    text-align: left;
  }

  .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
      max-width: 180px;
      width: 180px;
  }

  .hrchm_b1-title{
    font-size: 24px;
    line-height: 38px;
  }

  .hrchm_b1-sub{
    width: 100%;
    font-size: 15px;
    letter-spacing: 0.03em;
    margin-top: 8px !important;
  }

  .hrchm_b1-cta a{
    font-size: 14px;
  }

  .hrc_alt_hero .hrc_alt_title h1{
    font-size: 20px;
    line-height: 28px;
  }
  .hrc_alt_hero .hrc_alt_btn{
    font-size: 14px;
    padding: 12px 24px;
  }
  .hrc_alt_kicker_text{
    line-height: 26px;
  }

  .elementor-element.mob_testim{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .phrclir_rev_txt{
    line-height: 28px;
  }

  .testim_ind .slider-container-block-background{
    padding: 40px !important;
  }

  .cta-box{
    padding: 50px 18px;
  }

  .cta-box h2{
    font-size: 24px;
    line-height: 34px;
  }

  .cta-subtext{
    font-size: 16px;
    line-height: 26px;
  }

  #popmake-2451 {
    padding: 0;
  }

  .hrc_pf_form_main{
    padding: 20px 20px 10px 20px;
  }

  .hrc_gtfrm_main .hrc_pf_cnt{
    display: none;
  }

  .hrc_gtfrm_main .hrc_pf_form_main{
    width: 100%;
  }

  .hrc_pf_form_main .hrcpfm_p1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px !important;
  }

  .phr_cf_type_1{
    margin-bottom: 0;
  }

  .footer-menu ul{
    gap: 20px;
  }

  .footer-wrapper{
    padding: 20px 20px 0px 20px;
  }

  .hero-container #service-title{
    font-size: 28px;
    line-height: 38px;
  }

  .hero-container .service_sub{
    font-size: 16px;
  }

  .src_ctablk{
    padding: 60px 30px;
  }

  .srcc_txt {
    width: 100%;
  }

  .src_ctablk {
    background:
      url('https://hrisconsultants.co.uk/wp-content/uploads/2025/10/BG-Pattern.png') center center / 1500px auto repeat,
      #1358D0;
    /* 
      ↑ change 150px to control pattern size
      (e.g., 100px = smaller checks, 200px = larger checks)
    */
    background-blend-mode: normal;
  }

  .team-card {
    width: 100%;
  }

  .hero-container span.tag{
    font-size: 14px;
  }

  .step-block{
    margin: 14px 0;
  }

  .hrcsrv_wu-card{
    max-width: 100%;
  }

  .elementor-element.mob_zeropad{
    padding: 0 !important;
  }

  .hrc_pf_form_main{
    border-radius: 12px;
  }

  .step-number{
    font-size: 60px;
  }

  .hc_cp_form .hrc_gtfrm_main{
    display: inline-block;
    padding: 10px;
  }

  .cnt_page .hrc_pf_cnt{
    display: block;
    width: 100%;
    padding: 10px 10px 80px 10px;
  }

  .hrc_pf_cnt_block{
    gap: 0px;
  }

  .hrc_pf_social{
    padding-top: 0;
  }

  body.single .ast-primary-header{
    background-color: #1358d0 !important;
  }

  .sftwhc_btm li:not(:last-child)::after{
    display: none;
  }

  .sftw_hero_cta .sftwhc_p2{
    font-size: 18px;
    line-height: 28px;
  }

  .sftwhc_btm{
    gap: 10px;
  }

  .sftd_lft_main .sftdlm_one a{
    text-align: center;
  }

  #testimon_slider .swiper-pagination{
   display: unset;
  }
  .hrc_prc_ind .hrc_prc_ind-title{
    font-size: 16px;
    line-height: 26px;
  }

}

/* Tablet View */
@media (min-width: 544px) and (max-width: 991px) {
  
  .elementor-element.e-parent {
        padding-left: 20px !important;
        padding-right: 20px !important;
  }

  .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
        max-width: 200px;
        width: 200px;
  }

  .hrchm_b1-title {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    line-height: 52px;
  }

  .hrchm_b1-sub {
      width: 80%;
      font-size: 16px;
      letter-spacing: 0.03em;
      margin-top: 8px !important;
  }
  
  .hrc_srv_ind .hrc-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
  }

  .hrc_srv_ind .hrc-desc{
    margin-bottom: 30px;
  }

  .hrc_alt_hero .hrc_alt_title h1 {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
}

.hrc_alt_kicker_text{
  font-size: 16px;
}

.elementor-element.mob_testim{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .mob_testim.swiper-pagination{
    display: none;
  }

  .hrc_prc_ind{
    padding: 14px;
  }

  .hrc_prc_ind .hrc_prc_ind-title{
    font-size: 18px;
    line-height: 28px;
  }

  .hrchm_blg-title{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
  }

  .hrchm_blg-excerpt{
    font-size: 16px;
    line-height: 26px;
  }

  .hrchm_blg-body {
    padding: 20px 20px 20px 20px;
}

.ast-footer-copyright p{
  text-align: center;
}

.team-card {
    width: 100%;
}

.team-card .name{
  font-size: 16px;
}

.team-card .role{
  font-size: 14px;
}

}

/* Desktop (optional for clarity) */
@media (min-width: 992px) {
  /* styles for laptops/desktops */
}