.themes-section{padding-top:5rem}.themes-section .themes-layout{display:flex;flex-wrap:wrap;gap:2rem}.themes-section .themes-layout .theme{flex-basis:calc(25% - 1.5rem);background-size:100%;background-position:center;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 0 1rem #0000001a;transition:box-shadow .2s}@media (max-width: 1600px){.themes-section .themes-layout .theme{flex-basis:calc(25% - .75rem)}}@media (max-width: 1400px){.themes-section .themes-layout .theme{flex-basis:calc(33.333333% - .75rem)}}@media (max-width: 876px){.themes-section .themes-layout .theme{flex-basis:calc(50% - .5rem)}}@media (max-width: 576px){.themes-section .themes-layout .theme{flex-basis:100%}}.themes-section .themes-layout .theme:hover{box-shadow:0 0 .5rem #0000001a}.themes-section .themes-layout .theme:hover .theme-image img{transform:scale(1.1)}.themes-section .themes-layout .theme:hover .theme-action{gap:.4rem;padding-left:.25rem}.themes-section .themes-layout .theme .theme-image{height:15rem;overflow:hidden}.themes-section .themes-layout .theme .theme-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.themes-section .themes-layout .theme .theme-details{padding:2rem 2.5rem 2.5rem;position:relative;z-index:3}@media (max-width: 992px){.themes-section .themes-layout .theme .theme-details{padding:1.5rem}}.themes-section .themes-layout .theme .theme-title{font-size:1.25rem;margin-bottom:.75rem}.themes-section .themes-layout .theme .theme-description{font-size:.9375rem;opacity:.8;margin:0}.themes-section .themes-layout .theme .theme-action{display:flex;align-items:center;gap:.5rem;margin-top:3rem;letter-spacing:-.025em;font-weight:500;color:var(--color-primary-400);transition:all .2s}.themes-section .themes-layout .theme .theme-action span{font-size:.9375rem}.themes-section .themes-layout .theme .theme-action i{font-size:.875rem}@media (max-width: 992px){.themes-section .themes-layout .theme .theme-action{margin-top:2rem}}.themes-section .themes-layout .theme-group{flex-basis:100%;margin-bottom:5rem}.themes-section .themes-layout .theme-group .group-themes{display:flex;flex-wrap:wrap;gap:2rem}@media (max-width: 1600px){.themes-section .themes-layout .theme-group .group-themes{gap:2rem 1rem}}.themes-section .themes-layout .theme-group .group-title{font-size:2rem;margin-bottom:2rem}