.tp-cards{background:var(--background,none);color:var(--color,inherit)}.tp-cards--inner{max-width:1142px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.tp-cards--inner h2{margin-bottom:0;text-align:center}.tp-cards--container{padding:16px}.tp-cards--container:not(.swiper-wrapper){display:-webkit-flex;display:flex;gap:32px 16px;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap}.tp-cards .wks-swiper:not(.is-active) .tp-cards--container{-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.tp-cards .wks-swiper.is-active .tp-cards--container{padding:16px 0}.tp-cards--card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;gap:16px;-webkit-align-self:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-flex:0 0 calc(25% - 16px);flex:0 0 calc(25% - 16px)}@media screen and (max-width:991px){.tp-cards--card{-webkit-flex:0 0 calc(50% - 16px);flex:0 0 calc(50% - 16px)}}@media screen and (max-width:550px){.tp-cards--card{-webkit-flex:0 0 100%;flex:0 0 100%}.tp-cards--card picture{width:100%}}.tp-cards--card picture{width:100%}.tp-cards--card img{max-width:100%;height:auto;height:100%;display:block;aspect-ratio:4/3}.tp-cards--info{padding:8px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;text-align:center;gap:16px;-webkit-flex-grow:2;flex-grow:2}@media screen and (max-width:991px){.tp-cards--info{width:100%;padding:8px 0}}.tp-cards--info h3,.tp-cards--info p{margin:0 auto}.tp-cards--info .tp-cards--cta{text-decoration:none}.tp-cards--info .tp-cards--cta:hover{text-decoration:underline}.tp-cards--info .btn{margin-top:auto}@media screen and (max-width:991px){.tp-cards--info .btn{width:100%}}@media screen and (min-width:991px){.tp-cards--card{-webkit-flex-grow:1;flex-grow:1}}
/*# sourceMappingURL=../maps/components/tradepro-cards.css.map */