.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp{aspect-ratio:3/4;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;border-radius:20px;justify-content:flex-end;outline:1px solid hsla(0,0%,100%,.102);overflow:hidden;padding:1.2rem;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .usp__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .usp__image img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;width:100%}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .usp__image:after,.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .usp__image:before{border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;width:100%;z-index:1}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .usp__image:after{background:linear-gradient(45deg,var(--col-dark),transparent);opacity:.6}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .usp__image:before{background:linear-gradient(45deg,var(--col-accent),transparent);opacity:.2}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp :not(.usp__image){z-index:1}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .usp__title{margin-top:.2em}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp .lucide{height:34px;opacity:.4;stroke-width:.4px;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;width:34px}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp:hover{outline:2px solid var(--col-accent);outline-offset:5px}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp:hover .usp__image:before{opacity:.8}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp:hover .usp__image:after{opacity:.4}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp:hover .usp__image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp:hover .lucide{opacity:1;stroke-width:1px}@media only screen and (max-width:979px){.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image){-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:scroll}.theme-johnodesigns section.section-usps .outer-container .usps-grid:has(.has-image) .usp.has-image{width:70vw;-ms-flex-negative:0;flex-shrink:0}}