.tab[data-style='solid'] {
    border-radius: calc(0.5* var(--spacing));
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3), 0 8px 22px rgba(0, 0, 0, 0.15);
    border:1px solid rgb(210,210,210);
}

.tab-nav {
    padding-top:calc(1 * var(--spacing));
	display: flex;
    flex-flow: column;
    align-items: center;
    background-color:transparent;
}

.tab[data-style='solid'] .tab-nav {
    background-color: rgba(95,95,95,0.1);
}

.tab-header {
    padding-bottom:calc(0.5 * var(--spacing));
}

.tab-nav button {
    background: none;
    box-shadow: none;
    color: rgb(100, 100, 100);
    border-radius: 0px;
    border-bottom: 0px solid rgb(192, 192, 192);
    transition: 100ms;
    position:relative;
}

.tab-nav button::after {
    content:"";
    position:absolute;
    bottom:-12px;
    left:0;
    background-color:rgb(190,190,190);
    background-color:rgb(233, 189, 194);
    width: 100%;
    height: 12px;
    border-radius:3px;
    transition:100ms;
}

.tab-nav button:hover::after {
    bottom:-8px;
}

.tab-nav button:hover {
    color: rgb(75, 75, 75);
}

.tab-nav button[data-active] {
    color:rgb(30,30,30);
}

.tab-nav button[data-active]::after {
    content:"";
    position:absolute;
    bottom:-8px; !!important;
    background-color:rgb(95,95,95);
    background-color: rgb(198, 62, 78);
    transition:100ms;
}

.tab-page > p, .tab-page > h3, .tab-page > h2, .tab-page > h1, .tab-page > h4 {
    overflow-wrap: break-word;
    white-space: normal;
    max-width:100%;
}

@media only screen and (max-width: 780px) {
    .tab-nav button {
        margin-right: calc(0.5 * var(--spacing));
        padding-left: calc(0.5 * var(--spacing));
        padding-right: calc(0.5 * var(--spacing));
    }

    .tab-page {
        padding: calc(1* var(--spacing)) 0 !important;
        flex: 0 0 calc(100% - 0* var(--spacing)) !important;
    }
}


.tab-nav .tab-button-wrapper {
    width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220);
    overflow: hidden;
    display: flex
;
    justify-content: center;
}



.tab-nav button:last-child {
    margin-right: 0;
}


.tab-body {
	overflow-x: hidden;
	scroll-behavior: smooth;
	width: 100%;
	display: flex;
	position: relative;
	white-space: nowrap;
}

.tab[data-style='solid'] {
    background-color: rgba(255, 255, 255, 0.4);
}

.tab-page {
	flex: 0 0 calc( 100% - 4 * var(--spacing));
    display:block;
    padding: calc( 2 * var(--spacing));
    width: calc(100% - 4* var(--spacing));
}
/* Hide scrollbar */
.tab-body::-webkit-scrollbar {
	display: none;
}
.tab-body {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

body {
    overflow-x:hidden;
}


.etale {
    display: flex;
    /*width: calc(100% - 6* var(--spacing));*/
    align-items: stretch;
    justify-content: center;
    --padding:var(--spacing);
}

@media only screen and (max-width: 780px) {
    .etale {
        flex-direction: column;
    }
}

@media only screen and (min-width: 781px) {
    .etale-card {
        flex-basis:0;
    }
}


.etale-card {
    border:1px solid rgb(210, 210, 210);
    border-right-width:0px;
    padding: calc(1* var(--spacing));
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: calc(0.5* var(--spacing));
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin:calc(0.5 * var(--spacing));
    flex-grow: 1; /* Allows the child to grow */
    /*flex-basis: 0; /* Ensures the child does not take up any initial space */
    overflow:hidden;
    min-width: 0;
}

.pricetag-content {
    text-align:center;
    flex:0 1 auto;
}

.etale-card.pricetag {
    background-color:rgb(235,235,235);
    display:flex;
    flex-direction: column;
}

.etale-card.pricetag .etale-card-footer {
    background-color:rgb(245,245,245);
    text-align:left;
    flex:1 1 auto;
}


.etale-card.pricetag .etale-card-footer ul {
    list-style-type: "\2713  ";
    padding-left:1em;
    max-width: 80%;
    margin: 0 auto;
}

.etale-card-footer ul li {
    white-space: normal;
    word-wrap: break-word; /* Ensures text wraps properly */
    overflow-wrap: break-word; /* Alternative */
}

.etale-card .etale-card-footer {
    margin: calc(-1* var(--padding));
    padding: var(--padding);
    /*background-color: rgb(210, 210, 210);*/
    border-top: 1px solid rgb(195, 195, 195);
    margin-top: calc(1* var(--padding));
}

.etale-card p {
    flex-grow: 1; /* Allows the text to take available space without pushing */
    overflow: hidden;
    word-wrap: break-word; /* Ensures text wraps properly */
    overflow-wrap: break-word; /* Alternative */
    white-space: normal; /* Ensures multi-line wrapping */
}

.etale .img-wrap {
    margin:calc( -1 * var(--spacing));
    width: calc(100% + 2* var(--spacing));
    display: inline-block;
    height:200px;
}

.etale .img-wrap img {
    width: 100%;
    height: 100%;
}


.testimonials {
    display:flex;
    align-items: center;
    flex-direction: column;
}


.testimonials .quote {
    max-width:300px;
    font-size:1.1em;
    padding:calc(1.5 * var(--spacing));
    background-color:rgb(245,245,245);
    border-radius: calc(0.5* var(--spacing));
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3), 0 8px 22px rgba(0, 0, 0, 0.15);
    border:1px solid rgb(210,210,210);
    overflow:hidden;
    margin:calc(0.75 * var(--spacing));
}

.testimonials-content {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

.quote p:first-child:before {
    content: "\275D";
    position: absolute;
    left: calc(-1.5 * var(--spacing));
    top: calc(-4 * var(--spacing));
    font-size: 10rem;
    opacity: 0.1;
}