@charset "UTF-8";
/* CSS Document */
/* Template */

.tal-expertise { }

.tal-expertise .tal-common-intro { background:url('../img/contents/expertise/bg-hero-expertise.jpg') center center no-repeat; background-size:cover; }

.tal-expertise-h3 { color:var(--tal-accent-secondary); margin-bottom:.5rem; }
.tal-expertise-h4 { font-size:18px; }

.tal-expertise-accordions { background-color: var(--tal-ui-lightbrown); }
.tal-expertise-accordion-headline { background-color:var(--tal-accent-secondary); padding:.5em 1em; border-radius:.25em; font-variation-settings:'wght' 700; margin-bottom:.5em; }
.tal-expertise-accordion-cards { display:flex; margin-bottom:2em; flex-wrap:wrap; }
.tal-expertise-accordion-cards:last-child { margin-bottom:0; }
.tal-expertise-accordion-card { display:flex; justify-content:center; align-items:start; /* width:125px; */ flex-basis:calc(100% / 7 - .5em); padding:1.5em 0; background-color:var(--tal-ui-lightbrown); border-radius:.25rem; margin-right:.5em; margin-bottom:.5em; }
.tal-expertise-accordion-card-wrapper { display:flex; flex-direction:column; justify-content:start; align-items:center; }
.tal-expertise-accordion-icon { width:60px; aspect-ratio:1/1; }
.tal-expertise-accordion-subhead { font-size:14px; line-height:1.3; text-align:center; font-variation-settings:'wght' 700; margin-bottom:.5em; }
.tal-expertise-accordion-copy { font-size:14px; line-height:1.3; text-align:center; }

.tal-expertise-accordion-card.extend { flex-basis:calc(100% / 3 - .5em); }
.tal-expertise-accordion-card.extend .tal-expertise-accordion-card-wrapper { padding:1em; }
.tal-expertise-accordion-card.extend .tal-expertise-accordion-icon { width:100px; }
.tal-expertise-accordion-card.extend .tal-expertise-accordion-copy { text-align:left; }

.tal-expertise-accordion-products { display:flex; flex-wrap:wrap; justify-content:start; margin-bottom:2em; }
.tal-expertise-accordion-products::after { flex-basis:1; content:''; }
.tal-expertise-accordion-product { width:calc(100% / 8); /* width:calc(100% / 7); */ /* width:100px; */ aspect-ratio:1/1; padding:1em; }
.tal-expertise-accordion-product img { width:100%; height:100%; object-fit:contain; object-position:center center; }

.tal-expertise-datacard { width:100%; position:relative; color:white; height:485px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; }
.tal-expertise-datacard + .tal-expertise-datacard { margin-top:1em; }

.tal-expertise-datacard-hero { position:absolute; top:0; left:0; width:100%; height:100%; }
.tal-expertise-datacard-hero-image { width:100%; height:100%; object-fit:cover; object-position:center center; }

.tal-expertise-datacard-title { position:relative; padding:2em 2em 0 2em; }
.tal-expertise-datacard-title-region { font-size:34px; margin-bottom:0; }
.tal-expertise-datacard-title-copy { font-size:18px; }

.tal-expertise-datacard-data { position:relative; display:flex; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0, #000 100%); padding:5em 2em 1em 2em; }
.tal-expertise-datacard-data-tile { position:relative; display:flex; align-items:start; margin-right:2em; flex:1; }
.tal-expertise-datacard-data-tile:last-child { margin-right:0; }
.tal-expertise-datacard-data-icon { width:40px; aspect-ratio:1/1; translate:0 -15%; margin-right:.25em; }
.tal-expertise-datacard-data-copies { font-size:14px; display:flex; flex-direction:column; flex:1; }
.tal-expertise-datacard-data-count { font-size:1.125em; font-variation-settings:'wght' 700; line-height:1; }
.tal-expertise-datacard-data-copy { border-bottom:1px solid white; padding-bottom:.5em; margin-bottom:.5em; }
.tal-expertise-datacard-data-copy:last-child { border-bottom:unset; }



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	
}

@media (max-width: 1649.98px) {
	
}
@media (max-width: 1399.98px) {
	
}
@media (max-width: 1219.98px) {
	
}
@media (min-width: 1200px) {
	
}
@media (max-width: 1199.98px) {
    .tal-expertise-accordion-product { width:calc(100% / 5); }

	.tal-expertise-datacard-data-tile { margin-right:1em; }
}
@media (min-width: 992px) {
	
}
@media (max-width: 991.98px) {
    .tal-expertise-datacard-title { padding:1.2em 1em 0 1em; }
	.tal-expertise-datacard-data { padding-left:1em; padding-right:1em; padding-top:10em; flex-wrap:wrap; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 20%, #000 100%); }
	.tal-expertise-datacard-data-tile { margin-right:1em; flex:calc(50% - 1em); margin-top:1em; margin-bottom:0; }
	.tal-expertise-datacard-data-tile:last-child { margin-right:0; }
    .tal-expertise-datacard-data-merchant br { display:none; }
}
@media (min-width: 768px) {
	
}
@media (max-width: 767.98px) {
	.tal-expertise-accordion-card { flex-basis:calc(100% / 5 - .5em); }
    .tal-expertise-accordion-card.extend { flex-basis:calc(100% / 2 - .5em); }

    .tal-expertise-accordion-product { width:calc(100% / 3); }

    .tal-expertise-datacard { height:unset; }
    .tal-expertise-datacard-title { padding:1.5em 1em 0 1em; }
    .tal-expertise-datacard-data { flex-direction:column; }
    .tal-expertise-datacard-data-tile { }
    .tal-expertise-datacard-data-tile:last-child {  }
    
}
@media (max-width: 575.98px) {
	.tal-expertise-accordion-card { flex-basis:calc(100% / 3 - .5em); }
}
@media (max-width: 479.98px) {
    .tal-expertise-accordion-card { flex-basis:calc(100% / 2 - .5em); }
    .tal-expertise-accordion-card.extend { flex-basis:100%; }

	.tal-expertise-accordion-product { padding:.5em; }
}