.designed-by-you-section{padding:var(--spacing-3xl) 0;text-align:center;background-color:#fbfbfb}.designed-by-you-header{margin-bottom:var(--spacing-3xl)}.designed-by-you-grid{gap:var(--spacing-md);padding:0 var(--spacing-md);margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(4,1fr);display:grid}.design-item{aspect-ratio:1;cursor:pointer;background-color:#fbfbfb;width:100%;position:relative;overflow:hidden}.design-image{object-fit:cover;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.design-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.design-item:hover .design-image{opacity:0}.designed-by-you-footer{justify-content:center;display:flex}.designed-by-you-footer .view-more-btn{border:1px solid var(--clr-primary);color:var(--clr-primary);font-family:var(--font-body);background-color:#0000;padding:.75rem 2.5rem;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-block}.designed-by-you-footer .view-more-btn:hover{background-color:var(--clr-primary);color:var(--clr-secondary)}@media (max-width:1024px){.designed-by-you-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.designed-by-you-grid{grid-template-columns:1fr}}
