.wp-block-group.alignfull{padding-left:10px;padding-right:10px;max-width:960px;margin:0 auto}.tutorials-more-link{-ms-grid-column-span:2;grid-column:span 2;text-align:left}.tutorial-cards-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-gap:15px;-ms-flex-pack:center;justify-content:center;padding:10px;width:100%;max-width:960px;margin:0 auto;min-height:80vh}.tutorial-cards-grid .tutorial-card{background-color:white;border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;will-change:transform, box-shadow;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0;max-height:300px}.tutorial-cards-grid .tutorial-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,0.2)}.tutorial-cards-grid .tutorial-card .tutorial-card-image-bg{cursor:pointer;position:relative;background-color:#f0f0f0;text-align:center;padding:0;height:180px}.tutorial-cards-grid .tutorial-card .tutorial-card-image-bg .tutorial-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,123,255,0.7);color:white;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;transition:opacity 0.3s ease-in-out;pointer-events:none}.tutorial-cards-grid .tutorial-card .tutorial-card-image-bg .tutorial-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tutorial-cards-grid .tutorial-card .tutorial-card-image-bg:hover .tutorial-card-overlay{opacity:1}.tutorial-cards-grid .tutorial-card .tutorial-card-image-bg:hover .tutorial-card-image{transform:scale(1.05)}.tutorial-cards-grid .tutorial-card .tutorial-card-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:10px}.tutorial-cards-grid .tutorial-card .tutorial-card-content .tutorial-card-step{font-size:1rem;text-transform:uppercase;color:#777;text-align:left}.tutorial-cards-grid .tutorial-card .tutorial-card-content .tutorial-card-title{min-height:4.5rem;overflow:hidden;font-size:1.8rem;color:#000;text-align:left}.tutorial-cards-grid .tutorial-card .tutorial-card-footer{height:30px;border-top:1px solid #ccc;padding:5px 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.tutorial-cards-grid .tutorial-card .tutorial-card-footer .tutorial-card-tag{background-color:#fff;border:1px solid #ccc;color:#000;padding:2px 10px;border-radius:16px;font-size:0.8rem;font-weight:bold;text-transform:uppercase;display:inline-block;margin-right:auto;-ms-flex-item-align:start;align-self:flex-start}.tutorial-cards-grid .tutorial-card .tutorial-card-footer .tutorial-card-dots{margin-left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tutorial-cards-grid .tutorial-card .tutorial-card-footer .tutorial-card-dots .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#bbb}@media (max-width: 1024px){.tutorial-cards-grid{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}}@media (max-width: 768px){.tutorial-cards-grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.tutorial-cards-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}