/*!
Theme Name: 3LANES
Theme URI: reeva.sa
Description: A custom made website for 3LANES
Version: 1.0
Author: Mohammad Suleiman
Author URI: reeva.sa
Template: blocksy
Text Domain: 3lanes
*/


body {
	--lanes-radius: 10px;
	--lanes-b-radius: 50px;
	--riyal-sign: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20351%20395%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M218.351%20349.758C212.09%20363.736%20207.952%20378.904%20206.367%20394.811L338.852%20366.454C345.112%20352.48%20349.248%20337.308%20350.836%20321.401L218.351%20349.758Z%22%20fill%3D%22%23a9aba4%22%2F%3E%3Cpath%20d%3D%22M338.849%20281.499C345.11%20267.524%20349.248%20252.353%20350.833%20236.445L247.631%20258.546V216.061L338.846%20196.543C345.106%20182.569%20349.245%20167.397%20350.83%20151.49L247.628%20173.572V20.7808C231.814%2029.721%20217.77%2041.6214%20206.354%2055.6587V182.408L165.08%20191.242V0C149.267%208.93704%20135.223%2020.8406%20123.807%2034.8778V200.072L31.4556%20219.832C25.1951%20233.806%2021.0536%20248.978%2019.4651%20264.884L123.807%20242.558V296.06L11.9843%20319.987C5.72376%20333.961%201.58542%20349.133%200%20365.04L117.046%20339.995C126.575%20338%20134.764%20332.328%20140.088%20324.522L161.554%20292.478C163.782%20289.162%20165.08%20285.159%20165.08%20280.855V233.724L206.354%20224.891V309.862L338.849%20281.499Z%22%20fill%3D%22%23a9aba4%22%2F%3E%3C%2Fsvg%3E")
}
.three-lanes-hero {
	position: relative;
	min-height: 100vh;
  margin: 0;
	padding-right: 7%;
  padding-bottom: 5%;
  padding-left: 7%;
}

.three-lanes-hero:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%);
    z-index: 0;
}
.hero-content {
	z-index: 1;
}

.hero-section[data-type=type-2] {
    border-bottom: 5px solid var(--theme-palette-color-1);
}


#sub-hero {
  gap: 100px;
}
.sub-hero-content {
    transform: translateY(-100px);
}
.section-title-heading {
  /*text-transform: uppercase;*/
  line-height: 1.2em;
  font-size: 35px !important;
  margin-top: 0;
}
.major-heading-tagline {
  text-transform: uppercase;
  font-weight: 400;
  color: var(--theme-palette-color-1);
  letter-spacing: 4px;
}
/*body.home #car-size-selector {
	padding-top: 100px;
}*/
#car-size-selector {
	position: relative;
	border-top: 0px solid var(--theme-palette-color-1);
}
.size-selector-sticky-wrapper {
	position: sticky;
  top: 0px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  height: 230px;
	background: #000;
	overflow: hidden;
  z-index: 1000;
	transition: height 0.3s ease-in;
}
a.size-toggle {
    display: inline-block;
    padding: 15px 30px;
    border: 5px solid var(--theme-palette-color-5);
    margin-right: 10px;
	color: var(--theme-palette-color-2);
    font-weight: 600;
	  font-size: .9rem;
	  text-transform: uppercase;
	  border-radius: var(--lanes-b-radius);
}
a.size-toggle:hover {
    border-color: #a9aba4;
}
a.size-toggle.active {
	color: var(--theme-palette-color-1);
    border-color: var(--theme-palette-color-1);
}

.size-selector-content {
    position: relative;
}

#fancy-car-size-indicator {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    height: 230px;
    transform: translateY(-50%) scale(0.85);
	transition: height 0.3s ease-in;
}

#fancy-car-size-indicator > div {
    position: absolute;
    bottom: 0;
    right: -200px;
    height: 100%;
    width: 100%;
	transition: right 0.8s ease-in-out, opacity 0.1s 0.4s linear, transform 0.3s ease-in;
	transform-origin: right;
	opacity: 0;
}

#fancy-car-size-indicator > .animate.active {
	right: 0;
	opacity: 1;
}

#fancy-car-size-indicator .car {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    aspect-ratio: 2.879 / 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#pricing-bar {
  position: relative;
  z-index: 2;
}

.small-car .car {
    background-image: url(../../uploads/2026/04/small-car.webp);
}
.small-car .car::before,
.small-car .car::after {
	  content: "";
    position: absolute;
    bottom: 3.9%;
    height: 36.6%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../../uploads/2026/04/small-car-wheel.webp);
}
.small-car .car::before {
    left: 16.53%;
}
.small-car .car::after {
	  right: 15.5%;
}

.medium-car .car {
    background-image: url("../../uploads/2026/05/medium-car.webp")
}
.medium-car .car::before,
.medium-car .car::after {
	  content: "";
    position: absolute;
    bottom: 1.6%;
    height: 41.6%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../../uploads/2026/05/medium-car-wheel.webp);
}
.medium-car .car::before {
    left: 17.8%;
}
.medium-car .car::after {
	  right: 17.1%;
}

.large-car .car {
    background-image: url("../../uploads/2026/05/large-car.webp")
}
.large-car .car::before,
.large-car .car::after {
	  content: "";
    position: absolute;
    bottom: 4.9%;
    height: 37.4%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../../uploads/2026/04/large-car-wheel.webp);
}
.large-car .car::before {
    left: 15.8%;
}
.large-car .car::after {
	  right: 18.5%;
}


.car::before, .car::after {
	transform: rotate(180deg);
	transition: transform 0.8s ease-in-out;
}

#fancy-car-size-indicator > .animate.active .car::before,
#fancy-car-size-indicator > .animate.active .car::after {
	transform: rotate(0deg);
}

.size-selector-sticky-wrapper.is-stuck {
	height: 120px;
}

.size-selector-sticky-wrapper h3, .size-selector-sticky-wrapper .side-note {
	transition: opacity 0.3s ease-in;
}
.size-selector-sticky-wrapper.is-stuck h3, .size-selector-sticky-wrapper.is-stuck .side-note {
	opacity: 0;
	height: 1px;
	overflow: hidden;
}
.size-selector-sticky-wrapper .side-note {
  display: none;
}
.size-selector-sticky-wrapper.is-stuck #fancy-car-size-indicator {
	height: 180px;;
}
.size-selector-sticky-wrapper.is-stuck #fancy-car-size-indicator > div {
	transform: translateY(-5px) scale(0.55);
}


main img {
    border-radius: var(--lanes-radius);
}


#core-services {
    padding: 100px 0 0;
}

.core-services-wrapper {
    display: flex;
    gap: 30px;
    margin-block-end: 50px !important;
    padding-bottom: 50px;
}
.core-services-wrapper:not(:last-child) {
  border-bottom: 1px solid var(--theme-palette-color-1);
}
body:not(.home) .core-services-wrapper {
	  flex-direction: column;
    align-items: center;
}
.core-service {
    width: 33.3%;
}
body:not(.home) .core-service {
    width: 66.6%;
    display: flex;
    gap: 40px;
    margin: 0 0 30px;
}
body:not(.home) .core-service > div {
    width: 50%;
}
body:not(.home) .core-service div:not(.service-image) {
    align-self: center;
}
.service-details {
    width: 66.6%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.sub-service {
	  position: relative;
    min-height: 50px;
    border: 1px solid #545454;
    padding: 25px;
    display: flex;
    flex-direction: column;
		justify-content: space-between;
    gap: 40px;
	  border-radius: var(--lanes-radius);
}
.sub-service > div {
    position: relative;
}
.sub-service::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-palette-color-1);
    background: linear-gradient(102deg, rgba(236, 36, 38, 0) 0%, rgba(236, 36, 38, 0.2) 50%, rgba(236, 36, 38, 1) 50%, rgba(236, 36, 38, 0) 100%);
    opacity: 0.2;
    z-index: 0;
}
.sub-service h4 {
	margin-block-end: 5px !important;
  font-size: 1.3em;
  /*text-transform: uppercase;
  color: #EC2426;*/
}
.price-action {
    display: flex;
		align-items: center;
    justify-content: space-between;
}
.service-price {
	  position: relative;
	  margin-left: 20px;
    font-size: 1.5em;
    font-weight: 600;
}
.service-price > span:not(.active),
.fancy-car-size-indicator > span:not(.active) {
	display: none;
}

.service-price::after {
    content: var(--riyal-sign);
    display: inline-block;
	  position: absolute;
    top: 2px;
    left: -22px;
    width: 1rem;
}

.service-price.price-range::before {
    content: attr(data-range-label);
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    top: -11px;
    left: 0;
    color: #a9aba4;
}

.core-service h4 {
    margin: 15px 0 10px;
    /*color: #EC2426;*/
}
body:not(.home) .core-service h4 {
	margin-top: 0px;
}
.core-service h6 {
    text-transform: uppercase;
    /*color: #a9aba4;*/
    font-size: 14px;
    margin-block-end: 5px !important;
}

.core-service ul {
    list-style: none;
	margin: 0;
    padding: 0;
}

.core-service ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #545454;
}

.heading-tagline {
    text-transform: uppercase;
    font-size: 0.8rem;
    color: var(--theme-palette-color-1);
}

.service-category-description,
.sub-service-description {
	color: var(--theme-palette-color-2);	
}

.side-note {
    color: #a9aba4;
    font-size: 0.95rem;
    font-style: italic;
    margin-top: 20px;
}

.faq-wrapper {
	justify-content: center;
  width: calc(100% - 40px);
  margin: 0 20px;
}
.faq-wrapper > div {
	max-width: 800px;
}

.dark-bg {
	background-color: #0a0a0a;
}

.faq-wrapper .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.faq-wrapper .wp-block-accordion-heading__toggle > span {
    font-size: 1.2rem;
}

.faq-wrapper .wp-block-accordion-item {
    border-bottom: 1px solid #545454;
    margin-block-end: 0;
    margin-block-start: 0;
    padding: 10px 0;
}

.faq-wrapper .wp-block-accordion-heading__toggle-icon {
    color: var(--theme-palette-color-1);
}

.faq-wrapper .wp-block-accordion-panel {
    color: #a9aba4;
}

#cta-section {
    position: relative;
    margin: 0;
    padding: 120px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../uploads/2026/05/cta-bg.webp);
}
#cta-section > * {
    position: relative;
}
#cta-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.66) 43%, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
}

[data-prefix="single_page"] .hero-section[data-type="type-2"] .ct-media-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.66) 43%, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
}

#before-after-section {
    padding: 100px 0;
}
.centeralized-section-txt-block {
	max-width: 680px;
  margin: 0 auto 50px;
  text-align: center;
}
.block-heading-tagline {
	font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--theme-palette-color-1);
}

.before-after-sets {
	  position: relative;
    max-width: 800px;
    margin: 0 auto;
		aspect-ratio: 16 / 9;
}

nav.bf-sets-nav {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 5px;
}

button.bf-nav-btn {
    background: #ccc;
    width: 15px;
    height: 8px;
    border-radius: 10px;
    opacity: 0.5;
	  transition: width 0.3s ease-in-out, opacity 0.2s linear;
}
button.bf-nav-btn:not(.active) {
	cursor: pointer;
}
button.bf-nav-btn.active {
    width: 30px;
    opacity: 1;
}




.before-after-slider {
    direction: ltr !important;
    position: absolute;
	left: 0;
	top: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    user-select: none;
    cursor: ew-resize;
	transition: transform 0.4s ease-in-out, opacity 0.1s 0.2s linear;
}
.before-after-slider:not(.active) {
	transform: translateX(80px);
	opacity: 0;
}

.before-after-slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.after-wrapper {
  position: absolute;
  inset: 0;
  width: 50%;
  overflow: hidden;
  z-index: 2;
}

.after-image {
	position: absolute;
	top: 0;
	left: 0;
  width: var(--ba-slider-width) !important;
  height: 100%;
	max-width: none;
	object-fit: cover;
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: #fff;
  z-index: 3;
  transform: translateX(-50%);
}

.slider-handle span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
}

.slider-handle span::before,
.slider-handle span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #111;
  border-left: 2px solid #111;
}

.slider-handle span::before {
  left: 12px;
  transform: translateY(-50%) rotate(-45deg);
}

.slider-handle span::after {
  right: 12px;
  transform: translateY(-50%) rotate(135deg);
}


.before-after-slider::after {
    content: attr(data-before-label);
    position: absolute;
    top: 20px;
    right: 20px;
    background: #00000094;
    padding: 5px 10px;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
}
.after-wrapper::after {
    content: attr(data-after-label);
    position: absolute;
    top: 20px;
    left: 20px;
    background: #00000094;
    padding: 5px 10px;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
}

.lanes-open-booking > a:after,
a.lanes-open-booking:after {
    content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20class%3D%22bi%20bi-arrow-right-short%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%208a.5.5%200%200%201%20.5-.5h5.793L8.146%205.354a.5.5%200%201%201%20.708-.708l3%203a.5.5%200%200%201%200%20.708l-3%203a.5.5%200%200%201-.708-.708L10.293%208.5H4.5A.5.5%200%200%201%204%208%22%2F%3E%3C%2Fsvg%3E);
    width: 30px;
    height: 30px;
    position: relative;
    right: -5px;
	transition: transform 0.2s ease-in-out;
}

.lanes-open-booking > a:hover:after,
a.lanes-open-booking:hover:after {
	transform: rotate(-40deg);
}

.service-thumbnail {
    margin: 0 0 10px;
}
.service-thumbnail img {
	border-radius: var(--lanes-radius);
}

#footer {
	position: relative;
	border-top: 6px solid var(--theme-palette-color-1);
}

.loading {
	position: relative;
}
.loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #0000007a;
}



.lanes-contact-form-wrap {
	width: 100%;
}

.lanes-contact-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.lanes-contact-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.lanes-contact-field label {
	font-weight: 600;
	font-size: 0.8rem;
    line-height: 1em;
    margin: 0;
    text-transform: uppercase;
    color: var(--theme-palette-color-2);
}

.lanes-contact-field input,
.lanes-contact-field textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #444;
	background: #000;
	color: #fff;
	font: inherit;
}

.lanes-contact-field textarea {
	resize: vertical;
	min-height: 140px;
}

.lanes-contact-submit {
	align-self: flex-start;
	padding: 14px 28px;
	border: 0;
	background: #EC2426;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.lanes-contact-submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.lanes-contact-message {
	font-weight: 600;
}

.lanes-contact-message.error {
	color: #EC2426;
}

.lanes-contact-message.success {
	color: #5fd36a;
}

.lanes-contact-success {
	padding: 25px;
	border: 1px solid #333;
	background: #111;
	color: #fff;
}

.lanes-contact-success h3 {
	margin-top: 0;
	color: #5fd36a;
}

.lanes-hidden {
	display: none !important;
}

.lang-btn {
	text-decoration: none;
}

.ct-header-cta a {
    gap: 0 !important;
}

.keep-ltr {
    direction: ltr;
    text-align: right;
}

.service-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.service-tags span {
    font-size: 0.8rem;
    background: var(--theme-palette-color-5);
    color: #fff;
    padding: 5px 18px;
    border-radius: 50px;
    white-space: nowrap;
}

#google-map {
    border-radius: var(--lanes-radius);
}

.fade-up,
.fade-down,
.fade-left,
.fade-right {
	opacity: 0;
}
.animate-if-visible.animate.fade-up {
	animation: fadeUp 0.5s ease-in-out forwards;
}
.animate-if-visible.animate.fade-down {
	animation: fadeDown 0.5s ease-in-out forwards;
}
.animate.fade-left {
	animation: fadeLeft 0.5s ease-in-out forwards;
}
.animate.fade-right {
	animation: fadeRight 0.5s ease-in-out forwards;
}

@keyframes fadeUp {
	0% { opacity: 0; transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeDown {
    0% { opacity: 0; transform: translateY(-30px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeLeft {
	0% { opacity: 0; transform: translateX(30px); }
	100% { opacity: 1; transform: translateX(0); }
}
@keyframes fadeRight {
	0% { opacity: 0; transform: translateX(-30px); }
	100% { opacity: 1; transform: translateX(0); }
}

@media ( (width > 768px) and (width < 1060px) ) {
	.price-action {
		flex-direction: column;
	}
		.size-selector-sticky-wrapper #fancy-car-size-indicator > div {
		transform: translateY(-5px) scale(0.55);
	}
}

@media (max-width: 1024px) {
	body:not(.home) .core-service > div,
	body:not(.home) .core-service,
	body:not(.home) .service-details {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.three-lanes-hero {
		flex-direction: column;
		justify-content: flex-end;
		background-position: center 70px !important;
		background-size: 130% !important;
		min-height: 600px;
	}
	
	.three-lanes-hero > div {
		flex-grow: 0 !important;
	}
	
	.hero-cta-btns {
		gap: 5px;
		justify-content: flex-start !important;
	}
	
	.core-services-wrapper {
		flex-direction: column;
	}
	
	body:not(.home) .core-service {
    gap: 20px;
    margin-bottom: 20px;
    flex-direction: column;
	}
	
	.core-service,
	.service-details {
		width: 100%;
	}
	
	.service-details {
		grid-template-columns: 1fr;
	}
	
	#fancy-car-size-indicator {
		display: none;
	}
	
	.size-selector-sticky-wrapper h3 {
		font-size: 1.6em;
	}

	a.size-toggle {
		padding: 12px 18px;
		margin-right: 5px;
		margin-bottom: 10px;
		font-size: 0.8rem;
	}
	
	#cta-section {
		padding: 20px 0;
	}
	
	.collapse-spacer {
		height: 10px !important;
		overflow: hidden;
	}

	.lanes-contact-form-wrap {
		margin-block-start: 10px !important;
		padding-top: 30px;
		border-top: 1px solid var(--theme-palette-color-1);
	}

    #cta-section:before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.66) 75%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0) 100%);
    }
}


















.service-scroll-section {
  width: 100%;
  overflow: hidden;
  margin-block-end: 0px !important;
  /*padding: 40px 0 50px;*/
}

.service-scroll-section:not(:last-child) {
  border-bottom: 1px solid var(--theme-palette-color-1);
}

.service-scroll-container {
  margin-inline: auto;
}

.service-scroll-header {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 16px;
  margin-bottom: 10px;
}

.service-scroll-controls {
  display: flex;
  gap: 10px;
}

.service-scroll-controls button {
  width: 42px;
  height: 42px;
  border: 1px solid #fff;
  background: #000;
  color: #fff;
  font-size: 1.4rem;
  line-height: 0.5rem;
  border-radius: var(--lanes-b-radius);
  cursor: pointer;
}

.service-scroll-controls button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.service-scroll-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  margin-inline-end: calc(50% - 50vw);
  padding-inline-end: max(20px, calc(50vw - 50%));

  scrollbar-width: none;
}

.service-scroll-viewport::-webkit-scrollbar {
  display: none;
}

.service-scroll-row {
  display: flex;
  gap: 24px;
  width: max-content;
}

.service-card {
    width: 335px;
    min-height: 260px;
    scroll-snap-align: start;
}

.service-card:not(.service-category-card) {
    color: #fff;
    position: relative;
    border: 1px solid var(--theme-palette-color-5);
    padding: 24px;
    /*flex: 0 0 335px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    border-radius: var(--lanes-radius);
}

.service-card:not(.service-category-card):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-palette-color-1);
    background: linear-gradient(102deg, rgba(236, 36, 38, 0) 0%, rgba(236, 36, 38, 0.2) 50%, rgba(236, 36, 38, 1) 50%, rgba(236, 36, 38, 0) 100%);
    opacity: 0.2;
    z-index: 0;
}

.service-card > div {
    position: relative;
}
/*.service-category-card {
  background: #000;
  border-color: #EC2426;
}*/

.service-category-card img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 15px;
}

.service-category-card h6 {
    text-transform: uppercase;
    font-size: 14px;
    margin-block-end: 5px !important;
}
.service-category-card ul {
    list-style: none;
	margin: 0;
    padding: 0;
}

.service-category-card ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #545454;
}

.service-card h4 {
    margin: 0 0 5px;
    margin-block-end: 5px;
    font-size: 1.3em;
}

.service-card p {
  color: #a9aba4;
}

.service-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

.book-btn {
  display: inline-block;
  background: #EC2426;
  color: #fff;
  text-decoration: none;
  padding: 10px 16px;
  font-weight: 700;
}

html[dir="rtl"] .service-scroll-row,
body.rtl .service-scroll-row {
  direction: rtl;
}

/* Mobile: stacked, no horizontal scroll */
/*@media (max-width: 767px) {
  .service-scroll-header {
    display: block;
  }

  .service-scroll-controls {
    display: none;
  }

  .service-scroll-viewport {
    overflow: visible;
    margin-inline-end: 0;
    padding-inline-end: 0;
  }

  .service-scroll-row {
    width: 100%;
    flex-direction: column;
  }

  .service-card {
    width: 100%;
    flex-basis: auto;
  }
}*/