.template-preview-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:30px;padding:0 10px}.template-card{text-align:center;flex:0 1 calc(33.333% - 30px);max-width:400px;height:auto;background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .1);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.template-preview{height:320px;width:100%;aspect-ratio:16 / 9;display:block;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f9f9f9;object-fit:cover}.template-card .cv-template-btn{margin:15px auto;padding:12px 24px;font-size:16px;font-weight:700;background:#1c4a7f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease-in-out;box-shadow:0 4px 12px rgb(0 0 0 / .2);width:95%}.template-card .cv-template-btn:hover{background:#163a63}@media (max-width:768px){.template-card{flex:0 1 calc(50% - 30px);max-width:350px}.template-preview{aspect-ratio:16 / 9}}@media (max-width:480px){.template-card{flex:0 1 100%}.template-preview{aspect-ratio:16 / 9}}