.main {
  padding-top: 149px; /* default desktop */
}

@media (max-width: 991.98px) {
  .main {
    padding-top: 100px; /* adjust to match your mobile header height */
  }
}

/* Services sidebar: move full link block (all lines) on hover/active */
#services-list, #resources-list li a {
	position: relative;
	display: inline-block;              /* lets padding / transform affect all lines */
	padding-left: 0.75rem;             /* base left padding so arrow has room */
	transition: padding-left 0.2s ease;
}

/* If Porto already defines the arrow via ::before, this just repositions it.
   If not, you can remove this block or adapt it. */
#services-list, #resources-list li a::before {
	/* keep Porto's existing icon setup, but make sure it's anchored to the left edge */
	left: 0;
}

/* On hover/active, push the entire text block right, including wrapped lines */
#services-list, #resources-list li a:hover,
#services-list, #resources-list li.active > a {
	padding-left: 1.5rem;              /* adjust distance as desired */
}

/* Make all cards inside .card-grid-equal rows the same height */
.card-grid-equal > [class*="col-"] {
	display: flex;
}

.card-grid-equal .custom-card-style-1 {
	display: flex;
	flex-direction: column;
	width: 100%;
}