strong {
    font-weight: 900;
}
p {
    padding: 0;
    line-height: 1.25em;
    font-size: 1em;
    font-family: var(--font-family-roboto);
    font-style: normal;
    font-weight: 400;
}

/* enlarged p */
.about p.copy-block__item {
    font-size: 1.25em;
}

/* buttons */
.button-container {
    display: flex;
    gap: 20px;
}

/* learn more anchor */
.learn-more {
    /*font-size: clamp(0.8rem, 1vw + 0.2rem, 1.0rem);*/
    font-weight: bold;
}

.primary-button {
    margin-top: 30px;
    background-color: var(--black);
    padding: 10px;
    width: fit-content;
}
.primary-button a {
    color: var(--white);
    font-family: var(--font-family-roboto);
    /*font-size: clamp(0.8rem, 1vw + 0.2rem, 1.0rem);*/
    font-style: normal;
    /*font-weight: 900;*/
    padding: 12px 10px;
}

/* ul */
.list-on-black li {
    color: var(--white);
    margin-bottom: 20px;
    font-family: var(--font-family-roboto);
    font-size: clamp(0.8rem, 1vw + 0.2rem, 1.0rem);
}
.list-on-black li img {
    margin-right: 20px;
}

/* header */
.main-header {
    height: 150px !important;
}
.header-link-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.header-link-item {
    background-color: var(--black);
    padding: 10px 20px;
}
.header-link-item a {
    color: white;
    font-weight: 500;
    font-size: clamp(0.8rem, 1vw + 0.2rem, 1.0rem); /* responsive font */
    white-space: nowrap; /* prevents text from wrapping */
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block; /* optional: ensures box respects padding, if needed */
}
/* header bg colours */
header.blog, header.teams, header.privacy-policy, header.contact, header.jobspage, header.refer, header.signin {
    background: grey;
}


/* nav bar */
.navbar-link {
    margin-right: 30px;
}

/* banner block items */
.block-items {
    display: flex;
    flex-direction: row;
    gap: 20px;
    max-width: 100%;
}
.block-item {
    background-color: var(--black);
    padding: 30px;
    width: 19.43vw;
}
.block-item__header {
    margin-bottom: 10px;
}
.block-item__inner {
    margin-bottom: 30px
}
.block-item__link {
    background-color: var(--white);
    width: fit-content;
}
.block-item__link p {
    padding: 12px 10px 10px 10px;
}
.roboto-black-black-16px {
    color: var(--black);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 900;
}

/* banner item for sectors */
.renewables .key-links__item, 
.transport-logistics .key-links__item,
.telecomms .key-links__item, 
.construction .key-links__item, 
.mechanical-engineering .key-links__item,
.engineering .key-links__item,
.sales .key-links__item,
.clients .key-links__item,
.about .key-links__item
{
    width: 50%;
}
.renewables .key-links__item p, 
.transport-logistics .key-links__item p, 
.telecomms .key-links__item p, 
.construction .key-links__item p, 
.mechanical-engineering .key-links__item p,
.engineering .key-links__item p,
.sales .key-links__item p,
.clients .key-links__item p,
.about .key-links__item p
{
    min-height: auto;
}


/* services grid */
.service-group-container {
    align-items: flex-start;
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    gap: 1.46vw;
    height: 40.16vw;
    justify-content: flex-start;
    margin-right: 0.1vw;
    min-width: 100.0vw;
    padding: 9.23vw 17.18vw;
}

.heading-2-sector-selector {
    font-size: 48px;
    font-weight: 900;
    color: #000;
    letter-spacing: 0;
    line-height: 2.29vw;
    margin-top: 5.78vw;
    min-height: 3.39vw;
}
.service-grid-wrapper {
    margin-top: 20vh;
    margin-bottom: 20vh;
}
.service-grid-container {
    text-align: center;
}
.service-row-3 {
    align-items: flex-start;
    display: flex;
}
.service-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    max-width: 13vw;
}
.service-row-1 {
    gap: 2.4vw;
    height: 16.35vw;
    margin-left: 0.09vw;
    margin-top: 5.73vw;
    min-width: 58.65vw;
}
.service-grid-container-row {
    display: flex; justify-content: center; align-items: center;
}
.service-image {
    background-color: var(--black);
    border-radius: 6.38vw;
    display: flex;
    height: 12.76vw;
    margin-left: 0.01vw;
    width: 12.76vw;
}
.service-image img {
    height: 6vw;
    width: 6vw;
    position: relative;
    top: 3.5vw;
    left: 3.5vw;
}
.service-text {
    display: flex;
    height: 1.35vw;
}
.service-text p {
    margin: 0;
}
.service-text p:hover {
    color: grey;
}

/* copy & testimonial */
.service-testimonial-group-container {
    align-items: flex-start;
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    gap: 1.46vw;
    height: fit-content;
    justify-content: flex-start;
    margin-bottom: 100px;
}
.service-testimonial-container {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    text-align: left;
    margin-top: 10vh;
    /*margin-bottom: 20vh;*/
    width: 69.06vw;
}
.service-testimonial-container-row {
    display: flex;
    gap: 5vw;
    width: 100%;
}
.service-testimonial-col {
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
}
.service-testimonial-col-left {
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
}  
.service-testimonial-col-right {
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
}
.testimonial-image {
    display: flex;
    height: 11.2vw;
    left: 0;
    top: 0;
    width: 15.83vw;
}
.testimonial-text {
    left: 3.96vw;
    letter-spacing: 0;
    position: relative;
    top: -5.16vw;
    width: 85%;
}
.testimonial-text p {
    line-height: 2.25rem
}
.testimonial-text.text, .testimonial-text.title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: normal !important;
}
.testimonial-text.text {
    
}
.testimonial-text.title, .testimonial-text p.title {
    font-style: italic;
}
.optima-talent {
    margin: 20px 0;
}
.optima-talent li {
    color: var(--black);
    /*font-family: var(--font-family-roboto);*/
    /*font-size: var(--font-size-m);*/
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
}
.optima-talent li img {
    margin-right: 10px;
}

/* two col list image */
.two-col-list-image-group-container {
    align-items: flex-start;
    background-color: var(--black);
    display: flex;
    gap: 1.46vw;
    height: fit-content;
    justify-content: flex-start;
    margin-right: 0.1vw;
    min-width: 100.0vw;
    padding: 100px 17.18vw 100px 17.18vw;
}
.two-col-list-image-container {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    text-align: left;
    /*margin-top: 20vh;
    margin-bottom: 20vh;*/
    width: 69.06vw;
}
.two-col-list-image-container-row {
    display: flex;
    gap: 5vw;
    width: 100%;
}
.two-col-list-image-col {
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
}
.two-col-list-image-col-left {
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
}  
.two-col-list-image-col-right {
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
}
.two-col-list-image-col ul {
    margin-left: 0px;
}
.two-col-list-image-col p {
    font-size: 1.25em;
    padding-top: 20px;
}

.two-col-list-image-col li {
    line-height: 2rem;
    /*list-style-image: url(/media/tlbnglvh/screenshot-2025-06-05-at-215839.png);*/
    background-repeat: no-repeat;
    background-position-y: 7px;
    background-size: 16px;
    margin-right: 20px;
    background-image: url(/media/tlbnglvh/screenshot-2025-06-05-at-215839.png);
    text-indent: 30px;
    font-size: 1.25em;
}

/* white tick */
.about .two-col-list-image-col li {
    background-image: url(/media/c1qfdjfa/check-circle.png);
}

.two-col-list-image-col p {
    margin-top: 10px;
    font-style: italic;
}
.col-image img {
    width: 15vw;
    margin-left: 5vw;
}
.col-right img {
    object-fit: cover;
    filter: grayscale(50%);
    opacity: 0.5;
}
.two-col-list-image-col.col-right {
    display: flex;
    align-items: center;  
    justify-content: space-around;
}

/* two col block ctas */
.two-col-block-cta-group-container {
    align-items: flex-start;
    display: flex;
    gap: 1.46vw;
    height: fit-content;
    justify-content: flex-start;
    margin-right: 0.1vw;
    min-width: 100.0vw;
    padding: 7vw 17.18vw;
}
.two-col-block-cta-container {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    text-align: center;
    width: 69.06vw;
}
.two-col-block-cta-container-row {
    display: flex;
    gap: 5vw;
    width: 100%;
    justify-content: center;
}
.two-col-block-cta-col {
    display: flex; 
    flex-direction: row; 
    gap: 50px;
}
.two-col-block-cta-col-item {
    display: flex;
    flex-direction: row;
    width: 500px;
    height: 265px;
    padding: 30px;
    position: relative;
}
.two-col-block-cta-col-item-image {
    flex: 0 0 auto;
    width: 50%;
}
.two-col-block-cta-col-item-image img {
    width: 125px;
    height: auto;
}
.two-col-block-cta-col-item-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 15px;
    flex: 1;
    text-align: right;
    width: 50%;
}
.two-col-block-cta-col-item-title h2 {
    margin: 0;
    text-align: right;
    color: var(--white);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}
.two-col-block-cta-col-item .button-container {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background-color: var(--white);
    padding: 12px 10px 10px 10px;
}
.two-col-block-cta-col-item .button-container .primary-button {
    color: var(--black);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

/* SECTORS */
ul.list-on-black {
    margin-bottom: 50px;
    margin-left: 0;
}
.service-testimonial-col p {
    margin-bottom: 20px;
}
.testimonial-text div {
    margin-bottom: 50px;
}
.testimonial-text title {
    font-weight: bold;
    font-style: italic;
}

/* UMBRACO FORMS */
.umbraco-forms-form input.text, .umbraco-forms-form textarea {
    height: 30px;
    margin: 0px;
    width: 100%;
    background-color: #EEEEEE;
    border: none !important;
    max-width: 100% !important;
}
.umbraco-forms-field-wrapper {
    /*margin-top: 15px;*/
    column-gap: 35px;
}
.umbraco-forms-field {
    min-height: 95px;
}
label.umbraco-forms-label {
    font-weight: normal;
    line-height: 40px;
}
input.btn.primary {
    background-color: black;
    color: white;
    padding: 10px 20px;
    height: 40px;
    text-transform: uppercase;
    font-size: 0.75em;
    margin-top: 30px;
    cursor: pointer;
}

/* form background and padding */
.contact-form {
    width: 100%;
    background-color: grey;
    padding: 100px 18vw;
}
.umbraco-forms-field.doyouwanttooptintoemailalertsforjobs.checkbox {
    margin-top: 20px;
}

.umbraco-forms-caption {
    display: none;
}
    
/* COPY BLOCK */
.copy-block-container {
    display: flex;
    gap: 1.46vw;
    padding: 0 15vw;
    margin: 100px 0;
}
.copy-block {
    width: 50%;
}
.copy-block__item {
    padding: 50px 0;
}


/* standard section container */
.section-block-container {
    padding: 100px 15vw;
    margin: 100px 0;
}
.section-block-container p {
    margin-top: 20px;
}

/* HOME */
h2 {
    font-size: 2rem;
}

/* BANNER BLOCK */
.sectorsPage .block, 
.about .block, 
.refer .block, 
.contact .block, 
.construction .block, 
.renewables .block,
.mechanical .block,
.engineering .block,
.transport .block,
.telecomms .block,
.clients .block, 
.sales .block {
    width: 50%;
}

.sectorsPage .content p,
.about  .content p, 
.refer .content p, 
.contact .content p, 
.construction .content p, 
.renewables .content p,
.mechanical .content p,
.engineering .content p,
.transport .content p,
.telecomms .content p,
.clients .content p,
.sakles .content p {
    min-height: auto;
}

/* ABOUT */
.about .copy-block-container {
    background-color: black;
    margin: 0;
}
.about .about-form {
    background-color: white;
    padding: 10vh 0vw;
}
.about .contact-form h2, .about label, .about label.umbraco-forms-label, .about .contact-form p, .about .contact-form div {
    color: white;
    font-weight: normal;
}
.about input.btn.primary {
    color: black;
    background-color: white;
}
.about input.btn.primary {
    color: black;
    background-color: white;
}
.about .service-grid-container + .service-grid-container {
    margin-bottom: 100px;
}

.registration input[type=checkbox] {
    background-color: white;
}


/* REFER */
.refer header {
    background: grey;
}
.refer .contact-form {
    background-color: white;
}

/* CONTACT */
.contact .contact-form {
    background-color: white;
    padding: 5vh 0vw;
    max-width: 75vw;
}

/* PRIVACY */
.privacy-policy header {
    background: grey;
}

/* REGISTRATION */
.registration h2 {
    text-align: left;
}
.registration .contact-form h2, .registration label, .registration label.umbraco-forms-label, .registration .contact-form p {
    color: white;
    font-weight: normal;
}
.registration input.btn.primary {
    color: black;
    background-color: white;
}
.registration input[type=checkbox] {
    background-color: white;
}
.umbraco-forms-submitmessage {
    color: white;
}
.registration form {
    width: 50%;
}

/* REFER */
.refer-a-friend .contact-form h2 {
    font-weight: normal;
}


/* SALES */
.sales h2 {
    text-align: left;
}
.sales .contact-form h2, .sales label, .sales label.umbraco-forms-label, .sales .contact-form p {
    color: white;
    font-weight: normal;
}
.sales input[type=checkbox] {
    background-color: white;
}
.sales input.btn.primary {
    color: black;
    background-color: white;
}

/* CONSTRUCTION */
.construction h2 {
    text-align: left;
}
.construction .contact-form h2, .construction label, .construction label.umbraco-forms-label, .construction .contact-form p, .construction .contact-form div {
    color: white;
    font-weight: normal;
}
.construction input[type=checkbox] {
    background-color: white;
}
.construction input.btn.primary {
    color: black;
    background-color: white;
}
/* RENEWABLES */
.renewables h2 {
    text-align: left;
}
.renewables .contact-form h2, .renewables label, .renewables label.umbraco-forms-label, .renewables .contact-form p, .renewables .contact-form div {
    color: white;
    font-weight: normal;
}
.renewables input[type=checkbox] {
    background-color: white;
}
.renewables input.btn.primary {
    color: black;
    background-color: white;
}
/* TELECOMMS */
.telecomms h2 {
    text-align: left;
}
.telecomms .contact-form h2, .telecomms label, .telecomms label.umbraco-forms-label, .telecomms .contact-form p, .telecomms .contact-form div {
    color: white;
    font-weight: normal;
}
.telecomms input[type=checkbox] {
    background-color: white;
}
.telecomms input.btn.primary {
    color: black;
    background-color: white;
}
/* MECHANICAL */
.mechanical h2 {
    text-align: left;
}
.mechanical .contact-form h2, .mechanical label, .mechanical label.umbraco-forms-label, .mechanical .contact-form p, .mechanical .contact-form div {
    color: white;
    font-weight: normal;
}
.mechanical input[type=checkbox] {
    background-color: white;
}
.mechanical input.btn.primary {
    color: black;
    background-color: white;
}
/* ENGINEERING */
.engineering h2 {
    text-align: left;
}
.engineering .contact-form h2, .engineering label, .engineering label.umbraco-forms-label, .engineering .contact-form p, .engineering .contact-form div {
    color: white;
    font-weight: normal;
}
.engineering input[type=checkbox] {
    background-color: white;
}
.engineering input.btn.primary {
    color: black;
    background-color: white;
}
/* TRANSPORT */
.transport h2 {
    text-align: left;
}
.transport .contact-form h2, .transport label, .transport label.umbraco-forms-label, .transport .contact-form p, .transport .contact-form div {
    color: white;
    font-weight: normal;
}
.transport input[type=checkbox] {
    background-color: white;
}
.transport input.btn.primary {
    color: black;
    background-color: white;
}
/* CLIENTS */
.clients h2 {
    text-align: left;
}
.clients .contact-form h2, .clients label, .clients label.umbraco-forms-label, .clients .contact-form p, .clients .contact-form div {
    color: white;
    font-weight: normal;
}
.clients input[type=checkbox] {
    background-color: white;
}
.clients input.btn.primary {
    color: black;
    background-color: white;
}
/* BLOG */
.blog-item-wrapper .title-wrapper h1 {
    text-align: left;
}
.btn-more {
    position: absolute;
    bottom: 30px;
    color: black;
    background-color: white;
    padding: 6px 9px;
    font-size: 1em;
    font-weight: bold;
}
.btn-more p {
    font-size: 1em;
    font-weight: bold;
}
.blog-listing .pager {
    display: inline-flex;
    flex-direction: row;
    column-gap: 10px;
}
.blog h2 {
    font-size: 3vw;   
    width: 50%;
    margin: 0 auto;
}
.blog h3 {
    font-size: 2.5em;
    font-weight: normal;
    margin-top: 20px;
    text-transform: none;
}
.background.blog-item-wrapper {
    min-height: 15vw;
}
.blog-copy-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.control-tag, .control-title, .control-copy  {
    color: white;   
    font-size: 1em;
    text-transform: capitalize;
}
.control-tag {
    color: black;
}
.control-title {
    text-transform: uppercase;
    font-size: 1.75vw;
    line-height: 1.1;
    font-weight: bold;
    margin-top : 10px;
    height: 80px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 80px;
}
.control-copy {
    font-size: 1.25em;
    line-height: 1.125;
    min-height: 80px;
}
.featured__content p {
    padding-bottom: 20px;
}
/* TEAM */
.teams h1 {
    text-align: center;
}
.teams h2 {
    font-size: 3em;   
}

/* TESTIMONIAL */
.testimonial-item {
    margin: 100px 0 !important;
    padding-top: 100px;
    height: auto !important;
}
.testimonial-item .overlap-group-3 {
    height: auto !important;
}
.testimonial-item .layer-1 {
    left: -5vw;
    top: -15vh;
}
.testimonial-text p, .testimonial-title p {
    font-size: 1.75em;
    line-height: 1.25em;
    font-style: italic;
}
.testimonial-text {
    /*top: 0;*/
    left: 50;
}
.testimonial-text .title, .testimonial-title p {
    font-weight: bold;
}

/* SIGNIN */
.signin h2 {
    font-weight: normal;
}
.signin .contact-form {
    background: white;
}

/* LOGOS */
.client-logos {
    margin: 4vw 0 !important;
}

/* JOBS */
.jobspage .hbr_top a.btn-cran, .jobspage .job-share a {
    background: black;
    color: white;
    font-weight: normal;
}
.jobspage .large-p {
    font-size: 1.25em;
    margin-right: 100px;
}
.job-details .job-title h2 {
    font-weight: normal;
}
.job-share {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.job-share a {
    background: black;
    color: white;
    font-style: normal;
    padding: 12px 10px 12px 20px;
}
.job-details .job-nav {
    padding-bottom: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.job-description {
    margin-bottom: 30px;
}
.job-content ul {
    margin-bottom: 30px;
}
.job-content li, .job-listing-item li {
    list-style: disc;
    font-size: 1.1vw;
    line-height: 1.3vw;
}

.refer-button, .job-share a.refer-button {
    background: grey;
}
.refer-button a:hover, .job-share a.refer-button:hover {
    color: black !important;
}
.refer h2 {
    font-weight: normal;
}

.job-counter-container {
    text-align: center;
    margin-bottom: 50px;
}
.jobspage ul.pagination {
    display: flex;
    gap: 10px;
    margin-left: 0;
    margin-top: 20px;
    padding-bottom: 50px;
}

/* H2 override inconsistent across pages */
.renewables .contact-form h2, .construction .contact-form h2, .transport .contact-form h2, .mechanical .contact-form h2, .engineering .contact-form h2, .telecomms .contact-form h2, .sales .contact-form h2  {
    font-weight: 900 !important; 
}

/* Home banner */
#slider-banner {
  position: relative;
  width: 100%;
  aspect-ratio: 21 / 9; /* or use height if needed */
  overflow: hidden;
  display: flex;
  align-items: center; /* vertical center */
  justify-content: center; /* horizontal center if needed */
}

/* Background image wrapper sits behind content */
.slider-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.slider-container {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 1s ease-in-out;
  position: relative; /* so that images inside can be positioned absolute if needed */
}

.slider-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* remove position absolute */
  transform: translateX(0); /* default, will be handled by sliderContainer */
  transition: none; /* no need, sliderContainer handles transition */
}

.slider-wrapper img.active {
  transform: translateX(0);
  z-index: 2;
}

.slider-wrapper img.exit {
  transform: translateX(-100%);
  z-index: 1;
}

/* THREE BLOCKS: layout restored */
.three-blocks-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 75vw;
  margin: 0 auto;
  box-sizing: border-box;
  gap: 0; /* Let margin handle spacing */
}

.block {
  position: relative;
  width: calc(33.333% - 20px); /* subtract margin spacing */
  margin-right: 30px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 15vw;
}

.block:nth-child(3) {
  margin-right: 0; /* No margin on last block */
}

/* Background overlay for each block */
.block .background-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

/* Content on top */
.block .content {
  position: relative;
  z-index: 2;
  color: white;
  padding: 30px;
  text-align: left;
  height: fit-content;
}
.hbr_top {
  position: absolute;
  bottom: 20px;
  left: 30px !important;
}

/* RESPONSIVE */

/* 1024 */
@media only screen and (min-width: 1024px) {
    
    /* home banner */
    .home .block .content {
        height: 100%;
        min-height: 28vw;
    }
}

/* 1280 */
@media only screen and (min-width: 1280px) {

    /* home banner */
    .home .block .content {
        height: 100%;
        min-height: 21vw;
    }
}

/* Mobile Styles */
@media (max-width: 600px) {
  
  /* Ensure slider-banner grows to fit the content */
  #slider-banner {
    height: auto; /* Adjust height to fit content */
  }

  /* Stack three blocks vertically with space in between */
  .three-blocks-container {
    display: block;
    padding: 20px;
  }

  .three-blocks-container .block {
    width: 100%; /* Stack blocks vertically */
    margin-bottom: 20px; /* Add space between blocks */
    margin-top: 20px;    /* Margin at the top of the first block */
  }

  /* Ensure there is padding and readability inside each block */
  .three-blocks-container .block .content {
    padding: 20px;
  }

  /* Make sure the headings are not too large */
  .block h2 {
    font-size: 1.5em; /* Adjust heading size for mobile */
    margin-bottom: 12px; /* Space below heading */
  }

  /* Adjust text size for readability on mobile */
  .block p {
    font-size: 1em; /* Ensure readable text size */
    margin-bottom: 20px; /* Add spacing between paragraphs */
  }
}

/* home page block bullets */
.home-block-bullets li {
    list-style: disc;
    font-size: 1.25rem;
    line-height: 1.25rem;
}