/* Specific to the Custom Fulfillment page and case studies pages, added by Cassandra Gelvin 10/14/26-10/28/26 */

/* Make each of the four groups fit its content */
/* Desktop: 1025px and wider */
@media (min-width: 1025px) {
	.auto-width-row {
			width: max-content !important;
			flex: 0 0 auto !important;
	}
}

/* Prevent the icon and text containers from expanding */
.auto-width-row > .e-con {
    width: auto !important;
    flex: 0 0 auto !important;
}

/* Tablet: 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Tablet styles */
}

/* Mobile: 767px and narrower */
@media (max-width: 767px) {
    /* Mobile styles */
}

.stats-row > .e-con-inner {
	  padding-left: 60px;
	  padding-right: 60px;
}

/* Distribute remaining space among the five steps */
.steps-row > .e-con-inner > .e-con:not(.step-arrow),
.steps-row > .e-con:not(.step-arrow) {
    flex: 1 1 0;
    min-width: 0;
}

/* Shrink arrow containers to fit their contents */
.steps-row > .e-con-inner > .step-arrow,
.steps-row > .step-arrow {
    width: max-content !important;
    flex: 0 0 auto !important;
}

@media (min-width: 1025px) {
	.case-study-glance {
		min-width: 480px !important;
	}
}

@media (max-width: 1024px) {
    /* Stack the steps and arrows vertically */
    .steps-row > .e-con-inner,
    .steps-row {
        flex-direction: column;
    }

    /* Let each step use the available width */
    .steps-row > .e-con-inner > .e-con:not(.step-arrow),
    .steps-row > .e-con:not(.step-arrow) {
        width: 100%;
        flex: 0 0 auto;
    }

    /* Center the arrows between steps */
    .step-arrow {
        width: auto !important;
        align-self: center;
        flex: 0 0 auto !important;
    }

    /* Rotate the Unicode arrow downward */
    .step-arrow .elementor-widget-container {
        transform: rotate(90deg);
        transform-origin: center;
    }
    .hide-mobile-bg {
        background-image: none !important;
    }
}

/* End custom fulfillment stuff */

.floating-border {
	min-width: 1px;
}

.floating-border-holder {
	min-width: 1px;
	height: 100%;
}