/* Scoped to: mobile-launch-template-connectivity */
[data-component-slug="mobile-launch-template-connectivity"].connectivity-grid-section, [data-component-slug="mobile-launch-template-connectivity"] .connectivity-grid-section { width: 100%; background: #000000; padding: 0px 100px 100px; } [data-component-slug="mobile-launch-template-connectivity"].connectivity-grid, [data-component-slug="mobile-launch-template-connectivity"] .connectivity-grid { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; border: 1px solid #686868; border-radius: 24px; overflow: hidden; } [data-component-slug="mobile-launch-template-connectivity"].grid-item, [data-component-slug="mobile-launch-template-connectivity"] .grid-item { padding: 64px; border-right: 1px solid #686868; border-bottom: 1px solid #686868; display: flex; flex-direction: column; justify-content: center; background: #000000; position: relative; } [data-component-slug="mobile-launch-template-connectivity"].grid-item.no-border-right, [data-component-slug="mobile-launch-template-connectivity"] .grid-item.no-border-right { border-right: none; } [data-component-slug="mobile-launch-template-connectivity"].grid-item.no-border-bottom, [data-component-slug="mobile-launch-template-connectivity"] .grid-item.no-border-bottom { border-bottom: none; } [data-component-slug="mobile-launch-template-connectivity"].grid-title, [data-component-slug="mobile-launch-template-connectivity"] .grid-title { font-family: "DM Sans", sans-serif; font-weight: 500; font-size: 64px; line-height: 100%; color: #ffffff; margin-bottom: 24px; max-width: 520px; } [data-component-slug="mobile-launch-template-connectivity"].grid-desc, [data-component-slug="mobile-launch-template-connectivity"] .grid-desc { font-family: "DM Sans", sans-serif; font-weight: 400; font-size: 24px; line-height: 100%; color: #565656; max-width: 520px; } [data-component-slug="mobile-launch-template-connectivity"].grid-image-wrap, [data-component-slug="mobile-launch-template-connectivity"] .grid-image-wrap { inset: 0; padding: 0; background: #000000; } [data-component-slug="mobile-launch-template-connectivity"].grid-image, [data-component-slug="mobile-launch-template-connectivity"] .grid-image { width: 100%; height: 100%; object-fit: cover; display: block; } [data-component-slug="mobile-launch-template-connectivity"].grid-item.image-cell, [data-component-slug="mobile-launch-template-connectivity"] .grid-item.image-cell { padding: 0; } @media (max-width: 1024px) { [data-component-slug="mobile-launch-template-connectivity"].connectivity-grid-section, [data-component-slug="mobile-launch-template-connectivity"] .connectivity-grid-section { padding: 60px 20px; } [data-component-slug="mobile-launch-template-connectivity"].connectivity-grid, [data-component-slug="mobile-launch-template-connectivity"] .connectivity-grid { grid-template-columns: 1fr; grid-template-rows: auto; } [data-component-slug="mobile-launch-template-connectivity"].grid-item, [data-component-slug="mobile-launch-template-connectivity"] .grid-item { border-right: none; padding: 48px 24px; } [data-component-slug="mobile-launch-template-connectivity"].grid-item.image-cell, [data-component-slug="mobile-launch-template-connectivity"] .grid-item.image-cell { min-height: 320px; padding: 0; } [data-component-slug="mobile-launch-template-connectivity"].grid-title, [data-component-slug="mobile-launch-template-connectivity"] .grid-title { font-size: 42px; } [data-component-slug="mobile-launch-template-connectivity"].grid-desc, [data-component-slug="mobile-launch-template-connectivity"] .grid-desc { font-size: 20px; } }