/*
! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}        
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}        
.block {
  display: block;
}        
.table {
  display: table;
}        
.hidden {
  display: none;
}        
.border {
  border-width: 1px;
}        
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */        
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */        
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */        
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */        
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}        
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */        
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}        
::selection {
  background: #b3d4fc;
  text-shadow: none;
}        
/*
 * A better looking default horizontal rule
 */        
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}        
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */        
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}        
/*
 * Remove default fieldset styles.
 */        
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}        
/*
 * Allow only vertical resizing of textareas.
 */        
textarea {
  resize: vertical;
}        
/* ==========================================================================
   Author's custom styles
   ========================================================================== */        
/* ==========================================================================
   Helper classes
   ========================================================================== */        
/*
 * Hide visually and from screen readers
 */        
.hidden,
[hidden] {
  display: none !important;
}        
/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */        
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}        
/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */        
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}        
/*
 * Hide visually and from screen readers, but maintain layout
 */        
.invisible {
  visibility: hidden;
}        
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */        
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}        
.clearfix::after {
  clear: both;
}        
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */        
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}        
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}        
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */        
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}        
/*
@tailwind base;       
@tailwind components; 
@tailwind utilities;  
*/        
/* HTML5 Boilerplate v8.0.0 */        
/* @import "./main.css" */        
:root {
  --max-width: 928px;
}        
html,
body {
  background-color: #000;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}        
h1,
h2,
h3 {
  font-weight: 600;
  color: #000;
}        
h1 {
  font-size: 3rem;
  line-height: 1;
}        
h2 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
}        
h2:first-of-type {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-bottom: 3.5rem;
}        
h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}        
h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}        
p {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}        
p:last-child {
  margin-bottom: 0px;
}        
.bold {
  font-weight: 700;
}        
.disclaimer {
  font-size: 0.875rem;
  line-height: 1.25rem;
}        
a {
  color: red;
}        
a:hover {
    text-decoration: underline;
  }        
.no-wrap {
  white-space: nowrap;
}        
.button {
  display: inline-block;
  margin: 10px 0 !important;
  padding: 0.5em 1em;
  border: none;
  border-radius: 3em;
  background-color: #efefef;
  color: #000;
  text-transform: uppercase;
  font-family: 'Montserrat', Verdana, sans-serif;
  font-size: 0.875em;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
  box-shadow: 0 3px 10px -6px rgb(0 0 0 / 68%);
  transition: all 0.3s ease;
}        
.button.primary-button {
    padding: 0.5em 2em;
    background-color: #e8002a;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #fff;
  }        
.button:hover {
    background-color: #000;
    color: #fff;
  }        
.button.link {
    font-size: 0.875rem;
  }        
.header,
#main {
  background-color: #fff;
  color: #545454;
}        
.navbar {
  position: relative;
  z-index: 1;
  display: flex;
  margin: 0 auto;
  padding: 0 1rem;
  width: 100%;
  max-width: 1200px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}        
.navbar .navigation__logo {
    width: 170px;
    height: 46px;
    position: relative;
    flex-shrink: 0;
  }        
.navbar .navigation__logo .logo-image {
      position: absolute;
      width: 170px;
      height: 46px;
      /*left: 32px;*/
      top: 50%;
      transform: translateY(-50%);
    }        
.navbar .navigation__controller {
    display: none;
  }        
.navbar .navigation__controller:checked ~ .navigation__menu {
        max-height: 100%;
        background-color: rgba(0,0,0,0.75);
      }        
.navbar .navigation__controller:checked ~ .navigation__menu .navigation__menu-list {
          height: calc(2.5rem * 5);
        }        
.navbar .navigation__controller:checked ~ .navigation__controller-icon .middle-line {
          background-color: transparent;
        }        
.navbar .navigation__controller:checked ~ .navigation__controller-icon .middle-line:before {
            top: 0;
            transform: rotate(-45deg);
          }        
.navbar .navigation__controller:checked ~ .navigation__controller-icon .middle-line:after {
            top: 0;
            transform: rotate(45deg);
          }        
.navbar .navigation__controller-icon {
    /*@apply md:hidden;*/
  
    padding: 1rem 0.5rem;
    cursor: pointer;
  }        
@media screen and (min-width: 870px) {        
.navbar .navigation__controller-icon {
      display: none
  }
    }        
.navbar .navigation__controller-icon .middle-line {
      display: block;
      position: relative;
      width: 1rem;
      height: 2px;
      background-color: #545454;
    }        
.navbar .navigation__controller-icon .middle-line::before,
    .navbar .navigation__controller-icon .middle-line::after{
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      transition: all .2s ease-out;
      background-color: #545454;
    }        
.navbar .navigation__controller-icon .middle-line::before{
      top: 5px;
    }        
.navbar .navigation__controller-icon .middle-line::after{
      top: -5px;
    }        
.navbar .navigation__menu {
    position: fixed;
    top: 46px;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 0;
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    transition: background-color .4s ease-out;
  }        
@media screen and (min-width: 870px) {        
.navbar .navigation__menu {
      position: static;
      width: auto;
      height: inherit;
      max-height: none;
      background-color: transparent;
      overflow: visible
  }
    }        
.navbar .navigation__menu .navigation__menu-title {
  border-width: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}        
.navbar .navigation__menu .navigation__menu-title.focusable:active, .navbar .navigation__menu .navigation__menu-title.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}        
.navbar .navigation__menu .navigation__menu-list {
  display: flex;
  flex-direction: column; /*md:flex-row;*/

      align-items: center;
      background-color: #fff;

      height: 0;
      overflow: hidden;
      transition: height .2s ease-out .4s;
}        
@media screen and (min-width: 870px) {        
.navbar .navigation__menu .navigation__menu-list {
        gap: 1.5rem;
        flex-direction: row;
        height: auto
    }
      }        
.navbar .navigation__menu .navigation__menu-list .navigation__menu-item {
        margin: 0.5rem 0;
      }        
.navbar .navigation__menu .navigation__menu-list .navigation__menu-item .navigation__menu-link {
          font-size: 0.875rem;
          line-height: 1.5rem;
          color: #666;
          border-bottom: 1px solid transparent;
          text-decoration: none;
          transition: border-bottom .2s ease-out 0s, color .2s ease-out 0s;
        }        
.navbar .navigation__menu .navigation__menu-list .navigation__menu-item .navigation__menu-link:hover,
        .navbar .navigation__menu .navigation__menu-list .navigation__menu-item .navigation__menu-link:active,
        .navbar .navigation__menu .navigation__menu-list .navigation__menu-item .navigation__menu-link.active {
          color: #000;
        }        
.navbar .navigation__menu .navigation__menu-list .navigation__menu-item .navigation__menu-link:hover,
        .navbar .navigation__menu .navigation__menu-list .navigation__menu-item .navigation__menu-link:active {
          border-bottom-color: #000;
        }        
.navbar .navigation__menu .navigation__menu-list .navigation__menu-item .navigation__menu-link.active {
          font-weight: 600;
        }        
section.hero.full-width {
  padding-top: 32vw;/* lg:pt-[325px];*/

  /*display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;*/
  /*padding-top: 35vw;/*32vw;*/
  /*height: 50vw;*/
  /*max-height: 540px;*/
}        
/*min-height: 400px;*/        
section.hero.full-width .banner-content {
    margin: 0 auto;
    padding: 4em 2em;
    width: 100%;
    max-width: 1200px;
    text-align: center;
    color: #fff;
  }        
section.banner {
  background: #000 url() center top no-repeat;
  background-size: cover;
}        
section.content {
  margin: 0 auto;
  padding: 6rem 1rem 4rem;
  width: 100%;
  max-width: var(--max-width);
  text-align: center;
}        
section.content > div:first-child {
    margin-top: 0;
  }        
section.content .panels {
  display: grid;
  gap: 1rem;
}        
@media (min-width: 475px) {

  section.content .panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}        
section.content .panels {

    margin: 6rem auto 4rem;
  }        
section.content .panels .block {
      padding: 2rem;
      border-radius: 1rem;
      background-color: #fafafa;
      overflow: hidden;
    }        
section.content .panels .block.dark {
        background-color: #000;
        color: #fff;
      }        
section.content .panels .block:before,
      section.content .panels .block:after {
        display: block;
        margin-bottom: 1rem;
        padding-bottom: 50%;/*11rem;/*220px;*/
        background: url() center center no-repeat;
        background-size: contain;
      }        
section.content .panels .block:before {
        content: '';
      }        
section.content .panels .block .block-content {
        text-align: left;
      }        
@media (min-width: 475px) {

  section.content .panels .block.full-span-single {
    grid-column: span 2 / span 2;
  }
}        
section.content .panels .block.full-span-double {
  display: grid;
  gap: 1rem;
}        
@media (min-width: 640px) {

  section.content .panels .block.full-span-double {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}        
@media (min-width: 768px) {

  section.content .panels .block.full-span-double {
    grid-column: span 2 / span 2;
  }
}        
@media (min-width: 640px) {

  section.content .panels .block.full-span-double .block-content {
    margin-left: 2rem;
  }
}        
section.content .panels .block.full-span-double.img-right:before {
            content: none;
          }        
section.content .panels .block.full-span-double.img-right:after {
            content: '';
          }        
@media (min-width: 640px) {

  section.content .panels .block.full-span-double.img-right .block-content {
    margin-left: 0px;
  }

  section.content .panels .block.full-span-double.img-right .block-content {
    margin-right: 2rem;
  }
}        
section.content .panels:last-child {
      margin-bottom: 0;
    }        
section.content .contact-form {
    margin: 6rem auto 0;
  }        
section.content .contact-form #status-message p {
  margin-top: 2rem;
  margin-bottom: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}        
section.content .contact-form #status-message.error p {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}        
section.content .contact-form .form-content {
  display: grid;
  gap: 1rem;
}        
@media (min-width: 475px) {

  section.content .contact-form .form-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}        
section.content .contact-form .form-content {

      text-align: left;
    }        
section.content .contact-form .form-content .form-item {
        margin: 0;
      }        
section.content .contact-form .form-content .form-item label {
          font-size: 0.75rem;
        }        
section.content .contact-form .form-content .form-item .field-item {
          padding: 0.5rem 0.5rem;
          width: 100%;
          background-color: #fafafa;
          border: 1px solid #fafafa;
          font-size: 0.875rem;
        }        
@media (min-width: 475px) {

  section.content .contact-form .form-content .form-item.full-span {
    grid-column: span 2 / span 2;
  }
}        
section.content .contact-form .form-content .form-action {
        margin: 0;
        text-align: center;
      }        
section.content .contact-form .form-content .form-action .form-button {
          display: inline-block;
          margin: 10px 0 !important;
          padding: 0.5em 1em;
          border: none;
          border-radius: 3em;
          background-color: #efefef;
          color: #000;
          text-transform: uppercase;
          font-family: 'Montserrat', Verdana, sans-serif;
          font-size: 0.875em;
          line-height: 1em;
          font-weight: 500;
          letter-spacing: 0.1em;
          box-shadow: 0 3px 10px -6px rgb(0 0 0 / 68%);
          transition: all 0.3s ease;
        }        
section.content .contact-form .form-content .form-action .form-button.form-submit {
            padding: 0.5em 2em;
            background-color: #e8002a;
            font-size: 1em;
            font-weight: 700;
            letter-spacing: 0.2em;
            color: #fff;
          }        
section.content .contact-form .form-content .form-action .form-button:hover {
            background-color: #000;
            color: #fff;
          }        
@media (min-width: 475px) {

  section.content .contact-form .form-content .form-action.full-span {
    grid-column: span 2 / span 2;
  }
}        
#footer {
  margin: 0 auto;
  padding: 1em;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  font-size: 0.75rem;
  color: #aaa;
}        
#footer p {
    margin: 0;
  }        
body section.hero.banner.apple-at-work {
      padding-top: 47.375vw;
      background-image: url('../img/banner_01_apple-at-work.jpg');
      background-color: #f5f3f1;
      background-position: left top;
      background-size: contain;/*100% calc(100% - 5rem);*/
      overflow: hidden;
    }        
body section.hero.banner.apple-at-work .banner-content {
        padding: 2rem;
        max-width: none;
        text-align: center;
        background-color: #000;
      }        
body section.hero.banner.apple-at-work .banner-content .page-title {
          font-size: 3rem;
          color: #fff;
        }        
body section.hero.banner.apple-at-work .banner-content .page-title br {
            display: none;
          }        
@media (min-width: 586px) {        
body section.hero.banner.apple-at-work {
        position: relative;
        /*padding-top: 22.7375vw;*/
        background-image:
          linear-gradient(to right,rgba(0,0,0,0) 58%, rgba(0,0,0,1) 58%),
          url('../img/banner_01_apple-at-work.jpg');
        background-position: right 50% center;
        background-size: contain
    }

        body section.hero.banner.apple-at-work .banner-content {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          padding: 4rem 2rem 4rem calc(58% + 2rem);
          background-color: transparent;
          text-align: left;
        }
            /*font-size: 4.5rem;*/

            body section.hero.banner.apple-at-work .banner-content .page-title br {
              display: inline;
            }

          body section.hero.banner.apple-at-work .banner-content .intro {
            max-width: 15.125em;
          }
      }        
@media (min-width: 664px) {
        body section.hero.banner.apple-at-work .banner-content {
          padding: 4rem 3rem 4rem calc(58% + 3rem);
        }
      }        
@media (min-width: 880px) {
          body section.hero.banner.apple-at-work .banner-content .page-title {
            font-size: 4.5rem;
          }
      }        
@media (min-width: 1200px) {        
body section.hero.banner.apple-at-work {
        padding-top: 568px
    }
      }        
body section.hero.banner.apple-business-manager {
      padding-top: 25vw;
      background-image: url('../img/banner_02_business-manager.jpg');
      background-position-y: -1.5rem;
      background-size: 180%;
      /*@media screen and (min-width: 1266px) {
        background-size: contain;
      }*/
    }        
body section.hero.banner.apple-business-manager .banner-content .page-title {
          color: #fff;
        }        
@media screen and (min-width: 568px) {        
body section.hero.banner.apple-business-manager {
        background-size: cover;
        background-position: top center
    }
      }        
body section.hero.banner.accessories {
      position: relative;
      padding-top: 43.23vw;
      background-image: url('../img/banner_03_accessories.jpg');
    }        
body section.hero.banner.accessories .banner-content {
        position: absolute;
        bottom: -13rem;
        color: #545454;
      }        
body section.hero.banner.accessories .banner-content .page-title {
  font-size: 2.25rem;
  line-height: 2.5rem;
}        
body section.hero.banner.apple-financial-services {
      padding-top: 21.5vw;
      /*height: 58vw;*/
      background-image: url('../img/banner_04_financial-services.jpg');
      background-size: 150%;
    }        
body section.hero.banner.apple-financial-services .banner-content .page-title {
          color: #fff;
        }        
@media screen and (min-width: 375px) {        
body section.hero.banner.apple-financial-services {
        background-size: 120%
    }
      }        
@media screen and (min-width: 561px) {        
body section.hero.banner.apple-financial-services {
        background-size: contain
    }
      }        
body section.hero.banner.contact {
      padding-top: 28.8vw;
      /*height: 58vw;*/
      background-image: url('../img/banner_05_contact.jpg');
    }        
/*display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;*/        
body section.hero.banner.contact .banner-content {
        text-align: left;
      }        
body section.hero.banner.contact .banner-content .page-title {
          color: #262626;
        }        
body.apple-at-work section.hero.banner {
      
    }        
body section.content.apple-at-work ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15.125rem, 1fr));
        gap: 1rem 4rem;
        margin: 1.5rem auto;
        padding: 0;
        max-width: 42rem;
      }        
body section.content.apple-at-work ul li {
          margin: 0px;
          display: flex;
          flex-direction: row;
          gap: 1rem;
          text-align: left;
          align-items: center;
        }        
body section.content.apple-at-work ul li .icon-benefit {
            height: 4rem;
            width: 4rem;
            flex-shrink: 0;
            flex-grow: 0;
            flex-basis: 4rem;
          }        
body section.content.apple-at-work .panels {
        max-width: 816px;
      }        
body section.content.apple-at-work .panels .block {
          padding: 0;/*4rem 0rem;*/
          font-weight: 600;
        }        
body section.content.apple-at-work .panels .block:before {
            content: none;
          }        
body section.content.apple-at-work .panels .block .block-content {
            /*padding-top: 63.75%;*/
            padding: 3rem 2rem;
            padding-bottom: calc(125% - 4.75rem);
            background: transparent url() top center no-repeat;
            /*background-size: contain;
            height: 0;
            text-indent: -1000rem; */
            background-size: cover;
            font-size: 1.75rem;
            line-height: 1em;
            font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-weight: 600;
          }        
body section.content.apple-at-work .panels .block.block-ipad-air-11-13 .block-content {
              background-image: url('../img/products_releases_ipad-air-11-13.jpg');
            }        
body section.content.apple-at-work .panels .block.block-ipad-10 .block-content {
              background-image: url('../img/products_releases_ipad-10.jpg');
            }        
body section.content.apple-at-work .panels .block.block-ipad-pro-m4 .block-content {
              background-image: url('https://store.storeimages.cdn-apple.com/4982/as-images.apple.com/is/store-card-40-ipad-pro-202405?wid=800&hei=1000&fmt=p-jpg&qlt=95&.v=1713308272816');/*'../img/products_releases_ipad-pro-m4.jpg');*/
            }        
body section.content.apple-at-work .panels .block.block-ipad-pro-m2 .block-content {
              background-image: url('../img/products_releases_ipad-pro-m2.jpg');
            }        
body section.content.apple-at-work .panels .block.block-iphone-15-pro .block-content {
              background-image: url('../img/products_releases_iphone-15-pro.jpg');
            }        
body section.content.apple-at-work .panels .block.block-iphone-14-pro .block-content {
              background-image: url('../img/products_releases_iphone-14-pro.jpg');
            }        
body section.content.apple-at-work .panels .block.block-iphone-16-pro .block-content {
              background-image: url('../img/products_releases_iphone-16-pro.jpg');
            }        
body section.content.apple-at-work .panels .block.block-macbook-pro-13-m2 .block-content {
              background-image: url('../img/products_releases_macbook-pro-13-m2.jpg');
            }        
body section.content.apple-at-work .panels .block.block-macbook-pro-15-m2 .block-content {
              background-image: url('../img/products_releases_macbook-pro-15-m2.jpg');
            }        
body section.content.apple-at-work .panels .block.block-macbook-pro-m4 .block-content {
              background-image: url('../img/products_releases_macbook-pro-m4.jpg');
            }        
body section.content.apple-at-work .panels .block.block-macbook-air-15-m2 .block-content {
              background-image: url('../img/products_releases_macbook-air-15-m2.jpg');
            }        
body section.content.apple-at-work .panels .block.block-mac-mini-m4 .block-content {
              background-image: url('../img/products_releases_mac-mini-m4.jpg');
            }        
body section.content.apple-at-work .panels .block.block-mac:before {
  padding-bottom: 30%;
}        
@media (min-width: 475px) {

  body section.content.apple-at-work .panels .block.block-mac:before {
    padding-bottom: 23.565%;
  }
}        
body section.content.apple-at-work .panels .block.block-mac:before {

            background-image: url('../img/products_family_mac.png');
          }        
body section.content.apple-at-work .panels .block.block-ipad:before {
  padding-bottom: 64%;
}        
@media (min-width: 475px) {

  body section.content.apple-at-work .panels .block.block-ipad:before {
    padding-bottom: 48.75%;
  }
}        
body section.content.apple-at-work .panels .block.block-ipad:before {
            
            background-image: url('../img/products_family_ipad.png');
          }        
body section.content.apple-at-work .panels .block.block-iphone:before {
  padding-bottom: 64%;
}        
@media (min-width: 475px) {

  body section.content.apple-at-work .panels .block.block-iphone:before {
    padding-bottom: 48.75%;
  }
}        
body section.content.apple-at-work .panels .block.block-iphone:before {
            
            background-image: url('../img/products_family_iphone.png');
          }        
body section.content.apple-business-manager .panels {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}        
@media (min-width: 768px) {

  body section.content.apple-business-manager .panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}        
body section.content.apple-business-manager .panels .block {
          padding: 2rem 2rem 4rem;
        }        
/*4.35rem 2rem;*/        
body section.content.apple-business-manager .panels .block.full-span-double {
            padding: 4rem 2rem;
          }        
body section.content.apple-business-manager .panels .block:before {
            padding-bottom: 4em;
            background-image: url();
            background-position: left center;
          }        
body section.content.apple-business-manager .panels .block .block-content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}        
body section.content.apple-business-manager .panels .block.block-user-signup:before {
            background-image: url('../img/icons_apple-at-work.svg#user-signup-view');
          }        
body section.content.apple-business-manager .panels .block.block-integrations:before {
            background-image: url('../img/icons_apple-at-work.svg#integrations-view');
          }        
body section.content.apple-business-manager .panels .block.block-automate-config:before {
            background-image: url('../img/icons_apple-at-work.svg#automate-config-view');
          }        
body section.content.apple-business-manager .panels .block.block-data-protection:before {
            background-image: url('../img/icons_apple-at-work.svg#data-protection-view');
          }        
@media (min-width: 768px) {

  body section.content.apple-business-manager .panels .block.block-remote-deployment:before {
    margin-bottom: 0px;
  }
}        
body section.content.apple-business-manager .panels .block.block-remote-deployment:before {

            padding-bottom: 50%;
            background-image: url('../img/features_remote-deployment.png');
            background-position: center center;
            background-size: contain;
          }        
body section.content.apple-business-manager .panels .block.block-jamf .block-content {
              margin-right: 1.875rem;
            }        
body section.content.apple-business-manager .panels .block.block-jamf .block-content h3 {
                display: block;
                width: 9rem;
                height: 3rem;
                background-image: url('../img/logo_jamf.svg');
                background-size: contain;
                background-repeat: no-repeat;
                text-indent: -1000em;
                overflow: hidden;
              }        
@media (min-width: 768px) {

  body section.content.apple-business-manager .panels .block.block-jamf:after {
    margin-bottom: 0px;
  }
}        
body section.content.apple-business-manager .panels .block.block-jamf:after {
  
              padding-bottom: 50%;
              background-image: url('../img/features_jamf.webp');
              background-position: center center;
              background-size: contain;
            }        
body section.content.accessories {
      padding-top: 9rem;
    }        
body section.content.accessories .panels .block {
          padding: 0;/*4rem 0rem;*/
          font-weight: 600;
        }        
body section.content.accessories .panels .block:before {
            content: none;
          }        
body section.content.accessories .panels .block .block-content {
            padding-top: 63.75%;
            background: transparent url() top center no-repeat;
            background-size: contain;
            height: 0;
            text-indent: -1000rem;
          }        
body section.content.accessories .panels .block.block-m4-chip .block-content {
              background-image: url('../img/products_releases_m4-chip.jpg');
            }        
body section.content.accessories .panels .block.block-m2-chip .block-content {
              background-image: url('../img/products_releases_m2-chip.jpg');
            }        
body section.content.accessories .panels .block.block-iphone-15-15-plus .block-content {
              background-image: url('../img/products_releases_iphone-15-15-plus.jpg');
            }        
body section.content.accessories .panels .block.block-iphone-14-14-plus .block-content {
              background-image: url('../img/products_releases_iphone-14-14-plus.jpg');
            }        
body section.content.accessories .panels .block.block-product-family-banner .block-content {
              padding-top: 50%;
              background-image: url('../img/products_family_all.jpg');
            }        
body section.content.accessories .panels .block.block-product-family {
            padding: 4rem 2rem 2rem;
            background-color: #f6f4f4;
          }        
body section.content.accessories .panels .block.block-product-family .block-content {
              position: relative;
              padding: 0 0 15rem;
              height: auto;
              text-indent: inherit;
            }        
@media screen and (min-width: 368px) {        
body section.content.accessories .panels .block.block-product-family .block-content {
                padding: 0 0 11rem
            }
              }        
@media screen and (min-width: 400px) {        
body section.content.accessories .panels .block.block-product-family .block-content {
                padding: 0 0 11rem
            }
              }        
@media screen and (min-width: 624px) {        
body section.content.accessories .panels .block.block-product-family .block-content {
                padding: 0 0 11rem
            }
              }        
@media screen and (min-width: 656px) {        
body section.content.accessories .panels .block.block-product-family .block-content {
                padding: 0 0 6rem
            }
              }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
                gap: 2rem;
                text-align: center;
              }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family {
                  padding: 1rem 0;
                  border-radius: 1rem;
                }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    display: none;
                    width: 100%;
                    font-size: 0.75rem;
                    font-weight: 300;
                    gap: 0 1rem;
                    flex-wrap: wrap;
                    justify-content: center;
                  }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model {
                      flex-basis: 80px;                     /*https://www.apple.com/v/airpods/s/images/chapternav/airpods_max_light__cvaaddhgazqu_large.svg'); }}*/
                    }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model .product-model-title {
                        display: block;
                        height: 2rem;
                      }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model:before {
                        content: '';
                        display: block;
                        padding-top: 3rem;
                        background: url() center top no-repeat;
                        background-size: contain;
                      }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.ipad-pro:before { background-image: url('https://www.apple.com/v/ipad/home/cj/images/chapternav/ipadpro_light__bbws9fokxn3m_large.svg'); }        
/*https://www.apple.com/v/ipad/home/cb/images/chapternav/ipadpro_light__eksnhatoqzu6_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.ipad-air:before { background-image: url('https://www.apple.com/v/ipad/home/cj/images/chapternav/pa_ipadair13_gen6_ipadair11_gen6_light__des6pp5gjg2u_large.svg'); }        
/*https://www.apple.com/v/ipad/home/cb/images/chapternav/ipadair_light__fwcr6ummn722_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.ipad:before { background-image: url('https://www.apple.com/v/ipad/home/cj/images/chapternav/pa_ipadair_gen5_light__cboe3o98m36u_large.svg'); }        
/*https://www.apple.com/v/ipad/home/cb/images/chapternav/ipad_light__fcshltpasu6i_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.ipad-mini:before { background-image: url('https://www.apple.com/v/ipad/home/cj/images/chapternav/ipadmini_light__chl9hj51b9qq_large.svg'); }        
/*https://www.apple.com/v/ipad/home/cb/images/chapternav/ipadmini_light__fax9y0phijyq_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.pencil:before { background-image: url('https://www.apple.com/v/ipad/home/cj/images/chapternav/apple_pencil_light__kv36e49avuq2_large.svg'); }        
/*https://www.apple.com/v/ipad/home/cb/images/chapternav/apple_pencil_light__b56nts0623aq_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.macbook-air:before { background-image: url('https://www.apple.com/v/mac/home/bz/images/chapternav/macbookair_light__dfypt7o3xfgy_large.svg'); }        
/*https://www.apple.com/v/mac/home/br/images/familybrowser/macbookair_light__f0o95rwae8ae_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.macbook-pro:before { background-image: url('https://www.apple.com/v/mac/home/bz/images/chapternav/macbook_pro_light__bvnmtmeikj1e_large.svg'); }        
/*https://www.apple.com/v/mac/home/br/images/familybrowser/macbook_pro_light__e791sjqzt32a_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.imac-24:before { background-image: url('https://www.apple.com/v/mac/home/bz/images/chapternav/imac_light__cx5ex9nbqxme_large.svg'); }        
/*https://www.apple.com/v/mac/home/br/images/familybrowser/imac_24_light__colyztscbeeu_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.mac-mini:before { background-image: url('https://www.apple.com/v/mac/home/bz/images/chapternav/mac_mini_light__e7ojhup2ezau_large.svg'); }        
/*https://www.apple.com/v/mac/home/br/images/familybrowser/mac_mini_light__frtahmzmd4mm_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.mac-studio:before { background-image: url('https://www.apple.com/v/mac/home/bz/images/chapternav/mac_studio_light__fcr3455qk0i2_large.svg'); }        
/*https://www.apple.com/v/mac/home/br/images/familybrowser/mac_studio_light__ea3pb1auizu6_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.mac-pro:before { background-image: url('https://www.apple.com/v/mac/home/bz/images/chapternav/mac_pro_light__bly2b0ua4seq_large.svg'); }        
/*https://www.apple.com/v/mac/home/br/images/familybrowser/mac_pro_light__cj4dvg7thx5y_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.iphone-15-pro:before { background-image: url('https://www.apple.com/v/iphone/home/bu/images/chapternav/iphone_15_pro_light__diyvo6c7yu82_large.svg'); }        
/*https://www.apple.com/v/iphone/home/bp/images/chapternav/iphone_15_pro_light__diyvo6c7yu82_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.iphone-15:before { background-image: url('https://www.apple.com/v/iphone/home/bu/images/chapternav/iphone_15_light__euftnkhrzdea_large.svg'); }        
/*https://www.apple.com/v/iphone/home/bp/images/chapternav/iphone_15_light__euftnkhrzdea_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.iphone-14-pro:before { background-image: url('https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_14_pro_light__dfhcc00ur2oi_large.svg'); }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.iphone-14:before { background-image: url('https://www.apple.com/v/iphone/home/bu/images/chapternav/iphone_14_light__fwknsxkf80uq_large.svg'); }        
/*https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_14_light__fwknsxkf80uq_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.iphone-13:before { background-image: url('https://www.apple.com/v/iphone/home/bu/images/chapternav/iphone_13_light__ewo3e0sf67o2_large.svg'); }        
/*https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_13_light__ewo3e0sf67o2_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.iphone-se:before { background-image: url('https://www.apple.com/v/iphone/home/bu/images/chapternav/iphone_se_light__fhg8duy6ffau_large.svg'); }        
/*https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_se_light__fhg8duy6ffau_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.iphone-12:before { background-image: url('https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_12_light__cxh2ll1zwpw2_large.svg'); }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.apple-watch-ultra-2:before, body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.apple-watch-ultra:before { background-image: url('https://www.apple.com/v/watch/bm/images/chapternav/watch_nav_ultra_light__dnosu8kc2tme_large.svg'); }        
/*https://www.apple.com/v/watch/ay/images/overview/icons/watch_nav_ultra_light__dhtdhiw7eowi_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.apple-watch-9:before, body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.apple-watch-8:before { background-image: url('https://www.apple.com/v/watch/bm/images/chapternav/watch_nav_series_8_light__f0gx30xkqhui_large.svg'); }        
/*https://www.apple.com/v/watch/ay/images/overview/icons/watch_nav_series_8_light__bfftufvv1or6_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.apple-watch-se:before { background-image: url('https://www.apple.com/v/watch/bm/images/chapternav/watch_nav_se_light__ch5dbdx2ybo2_large.svg'); }        
/*https://www.apple.com/v/watch/ay/images/overview/icons/watch_nav_se_light__c2mzuz6w15km_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.apple-watch-nike:before { background-image: url('https://www.apple.com/v/watch/bm/images/chapternav/watch_nav_nike_light__c36zk943xfo2_large.svg'); }        
/*https://www.apple.com/v/watch/ay/images/overview/icons/watch_nav_nike_light__b7zt65jh0i76_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.apple-watch-hermes:before { background-image: url('https://www.apple.com/v/watch/bm/images/chapternav/watch_nav_hermes_light__q9veqdmv73ey_large.svg'); }        
/*https://www.apple.com/v/watch/ay/images/overview/icons/watch_nav_hermes_light__danq731vuiy6_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.airpods-2:before { background-image: url('https://www.apple.com/v/airpods/v/images/chapternav/airpods_2gen_light__ckwbqlgv1r9e_large.svg'); }        
/*https://www.apple.com/v/airpods/s/images/chapternav/airpods_2gen_light__ckwbqlgv1r9e_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.airpods-3:before { background-image: url('https://www.apple.com/v/airpods/v/images/chapternav/airpods_3gen_light__6r7zooyk4lua_large.svg'); }        
/*https://www.apple.com/v/airpods/s/images/chapternav/airpods_3gen_light__6r7zooyk4lua_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.airpods-pro-2 { flex-basis: 90px;}        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.airpods-pro-2:before { background-image: url('https://www.apple.com/v/airpods/v/images/chapternav/airpods_pro_light__ets5a19rt3au_large.svg'); }        
/*https://www.apple.com/v/airpods/s/images/chapternav/airpods_pro_light__ets5a19rt3au_large.svg'); }}*/        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family ul.model-list li.product-model.airpods-max:before { background-image: url('https://www.apple.com/v/airpods/v/images/chapternav/airpods_max_light__cvaaddhgazqu_large.svg'); }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family:hover {
                    background-color: #fff;
                  }        
body section.content.accessories .panels .block.block-product-family .block-content ul.product-list li.product-family:hover .model-list {
                      display: flex;
                    }        
body section.content.accessories .thumbnails {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 2rem;
}        
@media (min-width: 475px) {

  body section.content.accessories .thumbnails {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}        
@media (min-width: 768px) {

  body section.content.accessories .thumbnails {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}        
body section.content.accessories .thumbnails {

        margin: 6rem auto;
      }        
body section.content.accessories .thumbnails .block {
          display: block;
        }        
body section.content.accessories .thumbnails .block .thumbnail {
            border-radius: 0.5em;
          }        
body section.content.accessories .thumbnails .block .block-content h3 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;

              display: block;
              margin: 1em;
              padding: 0.25em 1em;
              border-radius: 10em;
              background-color: #414244;
              color: #fff;
              text-align: center;
}        
body section.content.apple-financial-services .panels {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}        
@media (min-width: 768px) {

  body section.content.apple-financial-services .panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}        
body section.content.apple-financial-services .panels .block {
          padding: 4rem 2rem;
        }        
body section.content.apple-financial-services .panels .block:before {
            content: none;
          }        
body section.content.apple-financial-services .panels .block .block-content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}        
body section.content.apple-financial-services .panels .block .block-content .logo {
              margin: 1.5rem 0;
              width: 17rem;
              height: 2.375rem;
              -o-object-fit: contain;
                 object-fit: contain;
              -o-object-position: center left;
                 object-position: center left;
            }        
body section.content.contact .contact-data {
  display: grid;
  gap: 1rem;
}        
@media (min-width: 475px) {

  body section.content.contact .contact-data {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}