/* Digifox Landing Modules - bundled styles */
/* --- Page Builder hero (sections) --- */
/* ============================== GLOBAL ============================== */
.digifox-landing .sections .section-wrapper {
	position: relative;
	overflow: hidden;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 3em 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.digifox-landing .sections .section-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.digifox-landing .sections .section-wrapper--video .section-background-video {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.digifox-landing .sections .section-wrapper--video .section-background-video__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.digifox-landing .sections .section-wrapper--video .section-background-video.is-loaded .section-background-video__media {
	opacity: 1;
}

.digifox-landing .sections .section-wrapper--video .section-background-video.is-loaded {
	background: none !important;
}

.digifox-landing .sections .section-wrapper--video .section-overlay {
	z-index: 1;
}

.digifox-landing .sections .section-wrapper--video .section-container {
	position: relative;
	z-index: 2;
}

@media (min-width: 768px) {
	.digifox-landing .sections .overlay-slanted {
		clip-path: polygon(0% -1%, 45% -1%, 50% 101%, 0% 101%);
	}
	.digifox-landing .sections .content-slanted {
		max-width: 45%;
	}
}

.digifox-landing .sections .section-content.content-text {
	padding: 1em;
	width: max-content;
	max-width: 100%;
}

.digifox-landing .sections .section-content.content-text.align-left {
	margin-left: 0;
	margin-right: auto;
}

.digifox-landing .sections .section-content.content-text.align-center {
	margin-left: auto;
	margin-right: auto;
}

.digifox-landing .sections .section-content.content-text.align-right {
	margin-left: auto;
	margin-right: 0;
}

.digifox-landing .sections .section-content.content-text.align-left .section-header,
.digifox-landing .sections .section-content.content-text.align-left .toggle-buttons {
	text-align: left;
}

.digifox-landing .sections .section-content.content-text.align-center .section-header,
.digifox-landing .sections .section-content.content-text.align-center .toggle-buttons {
	text-align: center;
}

.digifox-landing .sections .section-content.content-text.align-right .section-header,
.digifox-landing .sections .section-content.content-text.align-right .toggle-buttons {
	text-align: right;
}

.digifox-landing .sections .section-content.content-text .section-heading.pipe,
.digifox-landing .sections .section-content.content-text .section-subheading.pipe {
	display: inline-block;
	width: max-content;
	max-width: 100%;
	text-align: left;
}

.digifox-landing .sections .section-content .section-logo {
	margin-bottom: 1em;
}

.digifox-landing .sections .section-content .section-logo img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.digifox-landing .sections .section-container {
	max-width: 66.4989378333em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2.617924em;
	box-sizing: content-box;
	position: relative;
}

.digifox-landing .sections .section-content .center {
	text-align: center;
}

.digifox-landing .sections .section-content .description {
	margin-top: 0.5em;
}

.digifox-landing .sections .section-content .section-heading.pipe,
.digifox-landing .sections .section-content .section-subheading.pipe {
	position: relative;
	display: block;
	padding-left: 0.8em;
	line-height: 1;
}

.digifox-landing .sections .section-content .section-heading.pipe::before,
.digifox-landing .sections .section-content .section-subheading.pipe::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: var(--lm-style-color, #cfa852);
}

.digifox-landing .sections .section-content .section-heading.underline,
.digifox-landing .sections .section-content .section-subheading.underline {
	text-decoration: underline;
	text-decoration-color: var(--lm-style-color, currentColor);
	text-underline-offset: 0.15em;
}

.digifox-landing .sections .section-content .section-heading.format-bold,
.digifox-landing .sections .section-content .section-subheading.format-bold {
	font-weight: 700;
}

.digifox-landing .sections .section-content .section-heading.format-italic,
.digifox-landing .sections .section-content .section-subheading.format-italic {
	font-style: italic;
}

.digifox-landing .sections .section-content .section-heading.format-both,
.digifox-landing .sections .section-content .section-subheading.format-both {
	font-weight: 700;
	font-style: italic;
}

.digifox-landing .sections .section-content ul,
.digifox-landing .sections .section-content ol {
	margin: 0 0 1.41575em 1em !important;
}

.digifox-landing .sections .section-content .embed-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.digifox-landing .sections .section-content .embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.digifox-landing .sections .section-header:not(:empty) {
	margin-bottom: 1.5em;
}

/* ============================== HERO ============================== */
.digifox-landing .sections.sections-hero {
	padding: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.digifox-landing .sections-hero .section-header:not(:empty) {
	margin-top: 2em;
}

.digifox-landing .sections-hero .section-content {
	margin-bottom: 2em;
}

/* ============================== CHAPTER ============================== */
.digifox-landing .section-chapter .chapter-body {
	display: grid;
	align-items: center;
}

.digifox-landing .section-chapter .chapter-body.multi-col {
	grid-gap: 2em;
}

.digifox-landing .section-chapter .chapter-body.single-col {
	grid-gap: 1.5em;
}

.digifox-landing .section-chapter .chapter-media,
.digifox-landing .section-chapter .chapter-text {
	min-width: 0;
}

.digifox-landing .section-chapter .chapter-image img,
.digifox-landing .section-chapter .chapter-video__media {
	display: block;
	width: 100%;
	height: auto;
}

.digifox-landing .section-chapter .chapter-video__media {
	max-width: 100%;
}

.digifox-landing .section-chapter .chapter-text .section-heading,
.digifox-landing .section-chapter .chapter-text .section-subheading {
	margin-top: 0;
}

.digifox-landing .section-chapter .chapter-text .section-description {
	margin-top: 1em;
}

.digifox-landing .section-chapter .chapter-text .toggle-buttons {
	margin-top: 1.5em;
}

.digifox-landing .section-chapter .grid-cards {
	margin-top: 2em;
}

.digifox-landing .section-chapter .block-title,
.digifox-landing .section-chapter .block-subtitle,
.digifox-landing .section-chapter .block-intro,
.digifox-landing .section-chapter .block-description {
	color: inherit;
}

.digifox-landing .section-chapter .block-title {
	margin-bottom: 0;
}

.digifox-landing .section-chapter .block-intro,
.digifox-landing .section-chapter .block-description,
.digifox-landing .section-chapter .block-button {
	margin-top: 1em;
}

.digifox-landing .section-chapter .block-image img {
	max-width: 100%;
}

.digifox-landing .section-chapter .block-video,
.digifox-landing .section-chapter .block-icon {
	width: 100%;
}

.digifox-landing .section-chapter .block-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3em;
	line-height: 1;
}

.digifox-landing .section-chapter .block-icon i {
	color: inherit;
}

.digifox-landing .section-chapter .box-inner {
	display: grid;
}

.digifox-landing .section-chapter .box-inner.multi-col {
	grid-gap: 1em;
	align-items: stretch;
}

.digifox-landing .section-chapter .box-inner.single-col {
	grid-gap: 0.5em;
}

.digifox-landing .section-chapter .card-layout-landscape .box-art {
	align-self: stretch;
}

.digifox-landing .section-chapter .card-layout-landscape .box-txt {
	min-width: 0;
}

.digifox-landing .section-chapter .box-art {
	display: flex;
	width: 100%;
	align-self: stretch;
}

.digifox-landing .section-chapter .section-footnote {
	margin-top: 2em;
}

.digifox-landing .section-chapter .digifox-chapter-slider {
	margin-top: 2em;
	position: relative;
}

.digifox-landing .section-chapter .digifox-chapter-slide .card-item {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.digifox-landing .section-chapter .block-image {
	width: 100%;
}

.digifox-landing .section-chapter .block-image img {
	width: 100%;
	height: auto;
}

.digifox-landing .grid {
	display: grid;
}

.digifox-landing .grid .box {
	display: flex;
	justify-content: flex-start;
	flex-flow: column;
}

@media (min-width: 768px) {
	.digifox-landing .grid-cols-1 {
		grid-template-columns: 1fr;
	}
	.digifox-landing .grid-cols-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.digifox-landing .grid-cols-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.digifox-landing .grid-cols-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.digifox-landing .grid-cols-5 {
		grid-template-columns: repeat(5, 1fr);
	}
}

.digifox-landing .grid-cards {
	grid-gap: 2em;
}

/* ============================== BUTTONS (Page Builder v1) ============================== */
.digifox-landing .sections .section-content .button,
.digifox-landing .sections .section-content a.button,
.digifox-landing .toggle-buttons .button,
.digifox-landing .toggle-buttons a.button {
	display: inline-block;
	color: #000;
	background-color: transparent;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding: 0.8em 1.6em;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
	transition: 0.5s;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.digifox-landing .sections .section-content .button:hover,
.digifox-landing .sections .section-content a.button:hover,
.digifox-landing .toggle-buttons .button:hover,
.digifox-landing .toggle-buttons a.button:hover {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.digifox-landing .sections .section-content .button.button-light,
.digifox-landing .toggle-buttons .button.button-light {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.digifox-landing .sections .section-content .button.button-light:hover,
.digifox-landing .toggle-buttons .button.button-light:hover {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.digifox-landing .sections .section-content .button.button-fill,
.digifox-landing .toggle-buttons .button.button-fill {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.digifox-landing .sections .section-content .button.button-fill:hover,
.digifox-landing .toggle-buttons .button.button-fill:hover {
	color: #000;
	background-color: transparent;
	border-color: #000;
}

.digifox-landing .sections .section-content .button.button-fill.button-light,
.digifox-landing .toggle-buttons .button.button-fill.button-light {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.digifox-landing .sections .section-content .button.button-fill.button-light:hover,
.digifox-landing .toggle-buttons .button.button-fill.button-light:hover {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.digifox-landing .sections .section-content .button.button-small,
.digifox-landing .toggle-buttons .button.button-small {
	font-size: 0.85em;
	padding: 0.4em 1em;
}

.digifox-landing .toggle-buttons:has(a.button:nth-of-type(2)) a.button:not(:first-of-type) {
	margin-left: 0.4em;
}

/* ============================== POPUP ============================== */
.digifox-landing .button-popup-toggle {
	cursor: pointer;
}

.popup-overlay {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.85);
	z-index: 2147483647 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-inner {
	background: #fff;
	padding: 2em;
	max-width: 600px;
	width: 90%;
	position: relative;
	z-index: 2147483648;
}

.popup-close {
	position: absolute;
	top: 0.5em;
	right: 0.75em;
	font-size: 1.5em;
	text-decoration: none;
	z-index: 2147483649;
}

.popup-content .gform_fields {
	text-align: left !important;
}

body.popup-open {
	position: fixed;
	width: 100%;
	overflow: hidden;
}
.digifox-landing { box-sizing: border-box; }
/* --- digifox-hero/public/css/digifox-hero-public.css --- */


/* Two buttons side by side (same as Banner) */
.module-hero .item-feet.module-buttons,
.module-hero .item-feet.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.module-hero .item-feet.module-buttons .scroll,
.module-hero .item-feet.hero-buttons .scroll {
  display: inline-block;
}

.hero-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Ensure hero is behind content */
}

.hero-background--images {
    position: absolute;
    inset: 0;
}

.hero-background_image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity var(--hero-fade, 1s) ease-in-out;
}

.hero-background_image.is-active {
    opacity: 1;
}

/* === jump fix start === */
.video.hero-background {
    position: relative !important;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.hero-background_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0; /* Hidden by default */
    transition: opacity 0.5s ease-in-out; /* Smooth fade-in */
}

.hero-background.loaded .hero-background_video {
    opacity: 1; /* Fade in when loaded */
}


.video.hero-background.loaded {
    background: none; /* Remove background image when loaded */
}

/* === jump fix end === */
.hero-background video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover the area of .hero-wrapper */
}

.hero-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2; /* Above the hero but allows interaction with content */
}

.hero-content {
    max-width: unset;
    text-align: center; /* Center content text */
    z-index: 3; /* Ensure it's above the overlay */
}

.hero-container--align-left .hero-container-inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    box-sizing: border-box;
}

.hero-content--left {
    text-align: left;
}

.module-hero .hero-content--left .item-feet.hero-buttons,
.module-hero .hero-content--left .item-feet.module-buttons {
    justify-content: flex-start;
}

.hero-content--left .hero-logo {
    margin-left: 0;
    margin-right: auto;
}

.hero-inner {
    padding: 1em 1em 0;
    }

.hero-inner img {
    max-width: 100%;
    }



.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hero-logo {
    max-width: 340px;
    margin: 0 auto;
}

.hero-favicon {
    max-width: 40px;
    margin: 0 auto;
    display: inline-block;
}

/* .module-hero .button {
    border-radius: 10px;
} */

.footer-container {
    padding: 20px;
    background-color: #f8f8f8;
}

.footer-column-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

.column {
    box-sizing: border-box;
    padding: 10px;
}

.column1 {
    text-align: right;
    white-space: nowrap;
    margin-right: 20px;
}

.column2 {
    text-align: center;
    padding: 0 !important;
}

.column3 {
    text-align: left;
    white-space: nowrap;
    margin-left: 20px;
}

@media (max-width: 768px) {
    .column-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .column2 {
        position: static;
        transform: none;
    }

    .column1,
    .column3 {
        width: 100%;
        text-align: center;
    }

    .column3 {
        margin-left: 0;
    }
}
/* --- digifox-service/public/css/digifox-service-public.css --- */


/* Slider mode (same pattern as Team) */
.module-service .digifox-service-slider {
  width: 100%;
  overflow: hidden !important;
  position: relative;
}

.module-service .digifox-service-slider .digifox-service-track {
  position: relative;
  z-index: 1;
}

/* Image artwork: ratio and img styles come from style-dynamic (service_setting_image_crop) */
.module-service .digifox-service-slider .service-artwork img {
  display: block;
}

.grid-service {
  display: grid;
}

.services-description { 
/*	text-align: center;
	margin-bottom: 2.5em;*/
}


/* Icon artwork: top margin + padding (grid and slider) */
.grid-service .service-artwork:has(.fa-stack),
.module-service .service-artwork:has(.fa-stack) {
	margin-top: 1em;
	padding: 0.5em;
}

/* Image artwork: ratio and img styles from style-dynamic */
.grid-service .service-artwork img {
	display: block;
}

/* Text and .service-artwork (icon + image) alignment: service_setting_text_align in style-dynamic */

.grid-service .box .service-title {
	margin-bottom: 0.3em;
	margin-top:  0.3em;
}

.grid-service .box .service-desc {
	margin: 0.2em 0;
}
/* --- digifox-review/public/css/digifox-review-public.css --- */
/* --- digifox-review/public/css/style-review.css --- */
/* === _style-module-review.scss === */

.grid-review {
    display: grid;
}

.grid-auto {
    grid-template-columns: auto 1fr;
}

.review-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.review-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

/* Each slide represents ONE review */
.review-slide {
    flex: 0 0 50%; /* Default: Show 2 slides at once (50% each) */
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
}

/* Responsive: Show 1 review per slide on mobile */
@media (max-width: 768px) {
    .review-slide {
        flex: 0 0 100%;
        width: 100%;
    }
}


.grid-review {
    grid-gap: 1em;
}

.review-wrapper {
    padding: 20px;
    border-radius: 8px;
}

/* Navigation buttons - match team arrow style */
.review-navs {
    position: relative;
    height: 24px;
    margin-top: 20px;
    z-index: 5;
}

.review-track {
    position: relative;
    z-index: 1;
}






.review-navs .review-prev {
    left: 40%;
}

.review-navs .review-next {
    right: 40%;
}

/* Star rating */
.star-rating {
    font-size: 20px;
    color: #fbbc05;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.star-rating .google-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-right: 6px;
}

.star-rating .star {
    position: relative;
    display: inline-block;
    color: #9e9e9e;
    font-family: inherit;
}

.star-rating .star.full {
    color: #fbbc05;
}

.star-rating .star.empty {
    color: #9e9e9e !important;
}

.star-rating .star.half {
    color: #9e9e9e !important;
}

.star-rating .star.half::before {
    content: "\2605";
    position: absolute;
    left: 0;
    top: 0;
    width: 46%;
    overflow: hidden;
    color: #fbbc05;
}

.module-review .img_wrapper img {
    width: 70px;
    height: 70px;
    /* border-radius controlled by review_setting_image_radius / setup_image_radius */
    /* border: 1px solid #666; */
    object-fit: cover;
    display: block;
}

/* Pagination dots */
.review-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.review-dot,
.digifox-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0;
    background: #c4c4c4;
    cursor: pointer;
    padding: 0;
}

.review-dot.is-active {
    background: var(--review-arrow-color, #000000);
}
/* --- digifox-question/public/css/digifox-question-public.css --- */


/* Grid columns + gap: question_setting_grid_column / question_setting_grid_gap in style-dynamic */
.module-question .question-items {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* Dohne-style toggle layout (_style-template-toggle.scss) */
.module-question .toggle-item {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px 15px;
	overflow: hidden;
	text-align: left;
}

.module-question .toggle-title {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	cursor: pointer;
	border: 0;
	background: transparent;
	font: inherit;
	color: inherit;
	text-align: left;
	box-sizing: border-box;
}

.module-question .toggle-title:hover,
.module-question .toggle-title:focus-visible {
	/* outline: 2px solid currentColor;
	outline-offset: 2px; */
}

.module-question .toggle-label {
	margin-bottom: 5px;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.module-question .toggle-icon {
	display: table-cell;
	line-height: inherit;
	padding-left: 15px;
	vertical-align: middle;
	width: 1%;
	white-space: nowrap;
}

.module-question .toggle-description {
	height: 0;
	overflow: hidden;
	padding: 0;
	transition: height 0.5s ease;
}

.module-question .faq_answer,
.module-question .question-answer {
	margin: 0;
}

.module-question .question-answer :first-child {
	margin-top: 0;
}

.module-question .question-answer :last-child {
	margin-bottom: 0;
}
/* --- digifox-contact/public/css/digifox-contact-public.css --- */


/* === GF FORM FIELDS === */
.gform_required_legend {
  display: none;
}

.gform_body textarea,
.gform_body input {
  border-style: solid;
  border-width: 1px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 15px 10px !important;
}


#gform_confirmation_wrapper_1 {
  margin-top:3em;
  padding: 1em;
  border-width: 1px;
  border-style: solid;
}



/* === MAP === */
#googlemap iframe {
  display: block !important;
}


.grid-contact .box { 
  text-align: center;
}

.grid-contact .box p {
    margin-top: 0.1em;
    font-size: 0.9em;
}

.grid-contact .box a { 
  text-decoration: none !important; 
}

.grid-contact .box .local,
.digifox-icon-text {
  font-size: 0.9em;
  line-height: 1.5em !important;
}

.grid-divider {
  margin: 2em 0 2em;
}

.grid-contact .box .icon.green {
    color: #25d366 !important;
}



/* === FOOTER CONTACT === */
.footer-contact {
    text-align: center;
    padding: 1em;
  }

.footer-contact a {
  display: inline-block;
}

.footer-contact .digifox-icon-stack--sm {
  width: 60px;
  height: 60px;
}

.footer-contact .digifox-icon-stack--sm .digifox-icon-foreground {
  width: 36px;
  height: 36px;
}

.digifox-icon-stack {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.digifox-icon-stack--lg {
  width: 7em;
  height: 7em;
}

.digifox-icon-stack--sm {
  width: 5.5em;
  height: 5.5em;
}

.digifox-icon {
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.digifox-icon-circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.digifox-icon-foreground {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3em;
  height: 3em;
  color: #ffffff;
}

.digifox-icon-stack--sm .digifox-icon-foreground {
  width: 3em;
  height: 3em;
}

.digifox-icon-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}

.digifox-icon-bg {
  fill: currentColor;
}

.digifox-icon-square {
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
}

/* Landing-specific additions */
.digifox-landing .review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2em;
}

.digifox-landing .module-question .toggle-description {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

.digifox-landing .module-question .toggle-container.open .toggle-description,
.digifox-landing .module-question .toggle-item.open .toggle-description {
  overflow: hidden;
}

.digifox-landing #grid-service {
  display: grid;
}