.products { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f4fbfe 100%); }.products::after { content: ""; position: absolute; right: -170px; bottom: -210px; width: 480px; height: 480px; border: 60px solid rgba(23, 120, 186, .06); border-radius: 50%; pointer-events: none; }.products .container { position: relative; z-index: 1; }.products .section-heading { padding-bottom: 16px; border-bottom: 1px solid #dcebf1; }.products .product-grid { grid-template-columns: repeat(12, 1fr); gap: 16px; }.products .product-card { min-height: 252px; border: 1px solid rgba(13, 72, 106, .08); box-shadow: 0 12px 25px rgba(19, 70, 95, .07); transition: transform .22s ease, box-shadow .22s ease; }.products .product-card:hover { transform: translateY(-5px); box-shadow: 0 18px 34px rgba(19, 70, 95, .16); }.products .product-card:nth-child(1) { grid-column: span 5; min-height: 310px; }.products .product-card:nth-child(2) { grid-column: span 4; }.products .product-card:nth-child(3) { grid-column: span 3; }.products .product-card:nth-child(4) { grid-column: span 5; }.products .product-card:nth-child(5) { grid-column: span 7; }.products .product-card:nth-child(5) h3 { font-size: 25px; }.products .product-card:nth-child(5) > span { max-width: 230px; }.about-highlights { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 5px; }.about-highlights article { position: relative; padding: 23px 24px; background: #fff; border-top: 3px solid #71bddf; }.about-highlights article:nth-child(2) { border-top-color: #1778ba; }.about-highlights article:nth-child(3) { border-top-color: #0b3b60; }.about-highlights b { color: #7bbbd7; font-size: 11px; letter-spacing: .1em; }.about-highlights h3 { margin: 12px 0 7px; color: #143c56; font: 700 17px Manrope, sans-serif; letter-spacing: -.03em; }.about-highlights p { margin: 0; color: #617480; font-size: 13px; line-height: 1.6; }.directions-link { display: inline-block; color: #d7edf7; font-size: 12px; font-weight: 700; margin-top: 5px; }.directions-link:hover { color: #fff; }
.products .sales-photo { display: block; width: calc(100% + 50px); height: 114px; margin: -25px -25px 20px; object-fit: cover; object-position: center 58%; filter: saturate(1.04) contrast(1.04); }.products .product-card:nth-child(1) .sales-photo { height: 139px; object-position: center 45%; }.products .product-card:nth-child(3) .sales-photo { object-position: center 62%; }.products .product-card:nth-child(4) .sales-photo { object-position: center 30%; }.products .product-card:nth-child(5) .sales-photo { height: 118px; object-position: center 22%; }
@media (max-width: 800px) { .products .product-grid { grid-template-columns: repeat(2, 1fr); }.products .product-card:nth-child(n) { grid-column: span 1; min-height: 245px; }.products .product-card:nth-child(1), .products .product-card:nth-child(5) { grid-column: span 2; }.about-highlights { grid-template-columns: 1fr; }.about-highlights article { padding: 20px; } }
@media (max-width: 520px) { .products .product-grid, .products .product-card:nth-child(1), .products .product-card:nth-child(5) { grid-template-columns: 1fr; grid-column: span 1; }.products .product-card:nth-child(n) { min-height: 220px; } }