*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

a, button {
  cursor: revert;
}

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

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input {
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
}

textarea {
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

:where(pre) {
  all: revert;
}

::-moz-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

::marker {
  content: initial;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  line-break: after-white-space;
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

button:hover {
  cursor: pointer;
}

label:hover {
  cursor: pointer;
}

body {
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: rgba(2, 2, 2, 0.8);
}

label:hover {
  cursor: pointer;
}

h1 {
  font-weight: 700;
  color: rgb(255, 255, 255);
}

main:not([aria-label=landing]) h1 {
  font-size: 1.75em;
  padding-left: calc((100% - 980px) / 2);
  padding-right: calc((100% - 980px) / 2);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  background-color: rgba(2, 2, 2, 0.9);
  text-transform: capitalize;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  background-image: url("data:image/svg+xml,%3Csvg width='1280' height='15' viewBox='0 0 1280 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1280.26 1.07452L1260.86 7.82217C1248.75 12.0371 1233.68 12.0371 1221.56 7.82217C1209.76 3.71664 1195.09 3.71664 1183.29 7.82217C1171.17 12.0371 1156.1 12.0371 1143.99 7.82217C1132.19 3.71664 1117.51 3.71664 1105.71 7.82217C1093.6 12.0371 1078.53 12.0371 1066.41 7.82217C1054.61 3.71664 1039.93 3.71664 1028.13 7.82217C1016.02 12.0371 1000.95 12.0371 988.836 7.82217C977.036 3.71664 962.358 3.71664 950.558 7.82217C938.444 12.0371 923.375 12.0371 911.26 7.82217C899.46 3.71664 884.782 3.71664 872.982 7.82217C860.868 12.0371 845.799 12.0371 833.684 7.82217C821.884 3.71664 807.207 3.71664 795.407 7.82217C783.292 12.0371 768.223 12.0371 756.109 7.82217C744.309 3.71664 729.631 3.71664 717.831 7.82217C705.716 12.0371 690.647 12.0371 678.533 7.82217C666.733 3.71664 652.055 3.71664 640.255 7.82217C628.141 12.0371 613.072 12.0371 600.957 7.82217C589.157 3.71664 574.479 3.71664 562.679 7.82217C550.565 12.0371 535.496 12.0371 523.381 7.82217C511.581 3.71664 496.904 3.71664 485.104 7.82217C472.989 12.0371 457.92 12.0371 445.806 7.82217C434.006 3.71664 419.328 3.71664 407.528 7.82217C395.413 12.0371 380.344 12.0371 368.23 7.82217C356.43 3.71664 341.752 3.71664 329.952 7.82217C317.838 12.0371 302.769 12.0371 290.654 7.82217C278.854 3.71664 264.176 3.71664 252.376 7.82217C240.262 12.0371 225.193 12.0371 213.078 7.82217C201.278 3.71664 186.601 3.71664 174.801 7.82217C162.686 12.0371 147.617 12.0371 135.503 7.82217C123.703 3.71664 109.025 3.71664 97.2249 7.82217C85.1104 12.0371 70.0414 12.0371 57.9269 7.82217C46.1269 3.71664 31.4491 3.71664 19.6491 7.82217L0.255159 14.5698L-0.254883 14.0651L19.1391 7.31748C31.2535 3.10254 46.3225 3.10254 58.437 7.31748C70.237 11.423 84.9148 11.423 96.7148 7.31748C108.829 3.10254 123.898 3.10254 136.013 7.31748C147.813 11.423 162.491 11.423 174.291 7.31748C186.405 3.10254 201.474 3.10254 213.588 7.31748C225.388 11.423 240.066 11.423 251.866 7.31748C263.981 3.10254 279.05 3.10254 291.164 7.31748C302.964 11.423 317.642 11.423 329.442 7.31748C341.557 3.10254 356.626 3.10254 368.74 7.31748C380.54 11.423 395.218 11.423 407.018 7.31748C419.132 3.10254 434.201 3.10254 446.316 7.31748C458.116 11.423 472.794 11.423 484.594 7.31748C496.708 3.10254 511.777 3.10254 523.891 7.31748C535.692 11.423 550.369 11.423 562.169 7.31748C574.284 3.10254 589.353 3.10254 601.467 7.31748C613.267 11.423 627.945 11.423 639.745 7.31748C651.86 3.10254 666.929 3.10254 679.043 7.31748C690.843 11.423 705.521 11.423 717.321 7.31748C729.435 3.10254 744.504 3.10254 756.619 7.31748C768.419 11.423 783.097 11.423 794.897 7.31748C807.011 3.10254 822.08 3.10254 834.195 7.31748C845.995 11.423 860.672 11.423 872.472 7.31748C884.587 3.10254 899.656 3.10254 911.77 7.31748C923.57 11.423 938.248 11.423 950.048 7.31748C962.163 3.10254 977.232 3.10254 989.346 7.31748C1001.15 11.423 1015.82 11.423 1027.62 7.31748C1039.74 3.10254 1054.81 3.10254 1066.92 7.31748C1078.72 11.423 1093.4 11.423 1105.2 7.31748C1117.31 3.10254 1132.38 3.10254 1144.5 7.31748C1156.3 11.423 1170.98 11.423 1182.78 7.31748C1194.89 3.10254 1209.96 3.10254 1222.07 7.31748C1233.87 11.423 1248.55 11.423 1260.35 7.31748L1279.75 0.569824L1280.26 1.07452Z' fill='url(%23paint0_linear_464_3)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_464_3' x1='0.000138112' y1='0.822692' x2='1280' y2='0.822692' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235B5B5B' stop-opacity='0'/%3E%3Cstop offset='0.520833' stop-color='%23424242'/%3E%3Cstop offset='1' stop-color='%235B5B5B' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center top;
  background-repeat: repeat-y;
}

div[data-grid=spotlight] h1 {
  font-size: 2.5em;
}
div[data-grid=spotlight] p {
  font-size: 1.25em;
  color: rgb(255, 255, 255);
  margin: 1em 0 1.5em 0;
  padding: 0 4em 0 0;
}
div[data-grid=spotlight] a {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

div[data-content=main] > h2 {
  text-align: center;
  font-weight: 700;
  font-size: 1.75em;
  margin-bottom: 2em;
}
div[data-content=main] > h2::after {
  background-image: url("data:image/svg+xml,%3Csvg width='96' height='16' viewBox='0 0 96 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.87623 15.2628L1.51826 16L0 3.65105L6.35816 2.91385L7.11729 9.08832C6.35816 2.91385 6.35773 2.9139 6.35816 2.91385L6.656 2.87979C6.84677 2.85814 7.12635 2.82666 7.48659 2.78675C8.20698 2.70694 9.25034 2.59338 10.5513 2.45731C13.1521 2.1853 16.7883 1.82275 20.9357 1.46006C29.1776 0.739288 39.6344 0 48 0C56.3656 0 66.8224 0.739288 75.0643 1.46006C79.2117 1.82275 82.8479 2.1853 85.4487 2.45731C86.7497 2.59338 87.793 2.70694 88.5134 2.78675C88.8736 2.82666 89.1532 2.85814 89.344 2.87979L89.6411 2.91376C89.6415 2.91381 89.6418 2.91385 88.8827 9.08832L89.6411 2.91376L96 3.65105L94.4817 16L88.1238 15.2628L87.8576 15.2324C87.6779 15.212 87.4099 15.1818 87.0618 15.1433C86.3655 15.0661 85.349 14.9555 84.0774 14.8225C81.5329 14.5563 77.9728 14.2014 73.9157 13.8466C65.7486 13.1324 55.7641 12.4367 48 12.4367C40.2359 12.4367 30.2514 13.1324 22.0843 13.8466C18.0272 14.2014 14.4671 14.5563 11.9226 14.8225C10.651 14.9555 9.6345 15.0661 8.93821 15.1433C8.5901 15.1818 8.32213 15.212 8.14243 15.2324L7.87623 15.2628Z' fill='%23FBB50C'/%3E%3C/svg%3E%0A");
  width: 96px;
  height: 16px;
  display: block;
  position: absolute;
  left: calc(50% - 48px);
  bottom: 0;
  content: " ";
  opacity: 0.4;
}

h2 {
  font-size: 1.5em;
  font-weight: 600;
  position: relative;
  z-index: 10;
}

h3 {
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 1em;
  text-transform: capitalize;
}

p {
  margin-bottom: 1em;
}

main[aria-label=contact] h2 + p, main[aria-label=quote] h2 + p {
  font-size: 1.125em;
}

label:hover {
  cursor: pointer;
}

address {
  display: flex;
  flex-direction: column;
}
address span, address a {
  align-items: center;
  display: flex;
}
address span + a {
  margin-top: 1em;
}
address a {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
address a svg {
  margin-right: 0.5em;
}

label:hover {
  cursor: pointer;
}

form > div {
  margin-bottom: 1.5em;
}

input, textarea, select {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(2, 2, 2, 0.2);
  background-color: rgb(255, 255, 255);
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
  border-color: rgb(251, 181, 12);
  outline: 3px solid rgba(251, 181, 12, 0.1);
}

input[type=checkbox]:checked {
  background-color: rgb(251, 181, 12);
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7071 0.292893C11.0976 0.683417 11.0976 1.31658 10.7071 1.70711L4.70711 7.70711C4.31658 8.09763 3.68342 8.09763 3.29289 7.70711L0.292893 4.70711C-0.0976311 4.31658 -0.0976311 3.68342 0.292893 3.29289C0.683417 2.90237 1.31658 2.90237 1.70711 3.29289L4 5.58579L9.29289 0.292893C9.68342 -0.0976311 10.3166 -0.0976311 10.7071 0.292893Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center;
  border-color: rgb(251, 181, 12);
}

input[type=text], textarea, select, button[type=submit] {
  padding: 0.5em 1em;
}

a[data-action] {
  padding: 0.625em 1.5em;
}

input[type=text], textarea, select, button[type=submit] {
  width: 100%;
}

input[type=text], input[type=checkbox], textarea, select, button[type=submit] {
  border-radius: 3px;
}

input[type=checkbox], input[type=radio] {
  width: 24px;
  height: 24px;
}

input[type=text][data-error], textarea[data-error], select[data-error] {
  border-color: rgb(245, 48, 48);
}

span[data-error] {
  font-size: 0.875em;
  color: rgb(245, 48, 48);
  display: block;
  margin-top: 0.5em;
}

textarea + span[data-error] {
  margin-top: 0;
}

input + span::first-letter, textarea + span::first-letter {
  text-transform: uppercase;
  display: block;
}

input[readonly] {
  text-transform: capitalize;
}

label:hover {
  cursor: pointer;
}

label:hover {
  cursor: pointer;
}

select {
  color: rgba(2, 2, 2, 0.8);
}

select, button[data-toggle=dropdown] {
  background-position: calc(100% - 16px) center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6 4.58579L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683417 12.0976 1.31658 11.7071 1.70711L6.70711 6.70711C6.31658 7.09763 5.68342 7.09763 5.29289 6.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='%23020202'/%3E%3C/svg%3E");
}

button[data-toggle=dropdown] {
  padding-right: 2.25em;
}

label:hover {
  cursor: pointer;
}

button {
  color: rgba(2, 2, 2, 0.8);
}

button[type=submit], a[data-action] {
  background-color: rgb(251, 181, 12);
  font-weight: 500;
  text-align: center;
  border-color: rgb(251, 181, 12);
  width: auto;
  border-radius: 3px;
}

footer button[role=tab] {
  color: rgb(255, 255, 255);
}

[role=tabpanel] button, [role=tabpanel] [data-action=primary], [data-grid=box] button, [data-grid=box] [data-action=primary] {
  background-color: rgb(255, 255, 255);
  padding: 0.5em 2em;
  border: 2px solid rgba(2, 2, 2, 0.6);
  border-radius: 3px;
}

label:hover {
  cursor: pointer;
}

textarea {
  color: rgba(2, 2, 2, 0.8);
}

label:hover {
  cursor: pointer;
}

label[for], span[data-label=form] {
  color: rgba(2, 2, 2, 0.8);
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 0.25em;
}

span[data-label=form] {
  margin-bottom: 0.75em;
}

label:not([for]) {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
label:not([for]) input {
  margin-right: 0.75em;
}

label:hover {
  cursor: pointer;
}

header {
  display: flex;
  background-color: rgba(2, 2, 2, 0.9);
  align-items: center;
  padding: 0.5em 1em;
}
header a[data-id=logo] {
  display: flex;
}
header a[data-id=logo] svg path:nth-child(n+5) {
  fill: rgb(255, 255, 255);
}

nav {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
nav button[data-toggle=dialog] svg path {
  fill: rgb(255, 255, 255);
}
nav a, nav button {
  padding: 0.5em 1em;
  position: relative;
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
}
nav a > svg {
  width: 18px;
  margin-right: 0.5em;
}
nav a > svg path {
  fill: white;
}
nav a[aria-current=page] {
  color: #fbb50c;
}
nav a[aria-current=page]::after {
  width: 100%;
  background-color: rgb(251, 181, 12);
  content: " ";
  height: 4px;
  display: block;
  bottom: -8px;
  left: 0;
  position: absolute;
}

label:hover {
  cursor: pointer;
}

main[aria-label=contact], main[aria-label=quote], main[aria-label=about] {
  background-color: rgba(2, 2, 2, 0.05);
}

main [data-content=main] {
  padding-left: calc((100% - 980px) / 2);
  padding-right: calc((100% - 980px) / 2);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
  flex-direction: column;
}
main div[data-grid=page], main div[data-grid=wrap] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
main div[data-grid=content] {
  flex: 0 0 980px;
  display: flex;
}
main div[data-grid=spotlight] {
  flex: 0 0 70%;
  padding-top: 4em;
  padding-bottom: 4em;
}
main div[data-grid=info] {
  flex: 0 0 30%;
  background-color: rgb(2, 2, 2);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
main div[data-grid=main] {
  flex: 0 0 60%;
}
main div[data-grid=aside] {
  flex: 0 0 40%;
}
main div[data-grid=panel] {
  flex: 0 0 50%;
}

main[aria-label=landing] div[data-grid=page] {
  background-color: rgb(2, 2, 2);
}
main[aria-label=landing] div[data-grid=content] {
  background-image: url("../img/landing-banner.jpg");
}

main[aria-label=landing] div[data-grid=info] {
  justify-content: center;
}
main[aria-label=landing] div[data-grid=info] span, main[aria-label=landing] div[data-grid=info] h3 {
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 0.5em 2em;
  flex: 0 0 100%;
  text-transform: capitalize;
}
main[aria-label=landing] div[data-grid=info] h3 {
  color: rgb(251, 181, 12);
  font-weight: 500;
  color: rgb(251, 181, 12);
  margin-bottom: 0;
  font-size: 1em;
}

main[aria-label=services] div[data-grid=wrap] {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(2, 2, 2, 0.05);
}
main[aria-label=services] div[data-grid=main] {
  padding-left: 2em;
}

main[aria-label=landing] div[data-grid=main] {
  padding-right: 2em;
}

main[aria-label=about] [data-item=banner] {
  background-color: rgba(2, 2, 2, 0.05);
  justify-content: center;
  display: flex;
  padding: 2em 0;
  border-radius: 3px;
}
main[aria-label=about] [data-item=intro] {
  padding-right: 2em;
}
main[aria-label=about] [data-item=intro] p {
  font-size: 1.125em;
  margin-top: 0.5em;
}
main[aria-label=about] [data-item=intro] span {
  background-color: rgba(2, 2, 2, 0.05);
  font-size: 0.875em;
  padding: 0.125em 0.5em;
  margin-right: 0.5em;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 0.5em;
}
main[aria-label=about] div[data-grid=page]:first-child {
  background-color: rgb(255, 255, 255);
  padding: 1.5em 2em;
  border-radius: 12px;
}

main[aria-label=contact] div[data-grid=page], main[aria-label=quote] div[data-grid=page] {
  background-color: rgb(255, 255, 255);
  padding: 1.5em 2em;
  border-radius: 12px;
}
main[aria-label=contact] div[data-grid=aside], main[aria-label=quote] div[data-grid=aside] {
  background-color: rgba(2, 2, 2, 0.05);
  padding-top: 2em;
}
main[aria-label=contact] div[data-grid=aside] div, main[aria-label=quote] div[data-grid=aside] div {
  padding: 0 2em 2em 2em;
}
main[aria-label=contact] div[data-grid=aside] div span, main[aria-label=quote] div[data-grid=aside] div span {
  display: block;
}
main[aria-label=contact] div[data-grid=aside] div h3, main[aria-label=quote] div[data-grid=aside] div h3 {
  margin-bottom: 0.25em;
  font-size: 1.125em;
  display: flex;
  align-items: center;
}
main[aria-label=contact] div[data-grid=aside] div h3 svg, main[aria-label=quote] div[data-grid=aside] div h3 svg {
  margin-right: 0.5em;
}
main[aria-label=contact] [data-grid=main], main[aria-label=quote] [data-grid=main] {
  padding-right: 2em;
}
main[aria-label=contact] [data-grid=main] p a, main[aria-label=quote] [data-grid=main] p a {
  font-weight: 500;
  border-bottom: 2px solid rgb(251, 181, 12);
}

div[data-grid=aside] img {
  width: 420px;
  height: auto;
}

main div[data-layout=box] {
  justify-content: space-between;
}
main div[data-layout=box] div[data-grid=box] {
  flex: 0 0 48%;
  margin-top: 2em;
  background-color: rgb(255, 255, 255);
  border-radius: 12px;
}
main div[data-layout=box] div[data-grid=box] > div {
  padding: 1.5em;
}
main div[data-layout=box] div[data-grid=box] h3 {
  display: flex;
  align-items: center;
}
main div[data-layout=box] div[data-grid=box] h3 svg {
  margin-right: 0.5em;
}

[data-page=text] {
  flex-direction: column;
}
[data-page=text] a {
  border-bottom: 2px solid rgb(251, 181, 12);
  font-weight: 500;
}

label:hover {
  cursor: pointer;
}

footer {
  padding-left: calc((100% - 980px) / 2);
  padding-right: calc((100% - 980px) / 2);
  background-color: rgba(2, 2, 2, 0.8);
  color: rgb(255, 255, 255);
  padding-top: 2em;
}

div[data-footer] {
  flex-wrap: wrap;
}

div[data-footer], div[data-id] {
  display: flex;
}

[data-id=nav] {
  flex: 0 0 30%;
  flex-direction: column;
}
[data-id=nav] a {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}

[data-id=address] {
  flex: 0 0 42%;
  flex-direction: column;
  flex-wrap: wrap;
}
[data-id=address] div[data-id=tabs] {
  flex-wrap: wrap;
}
[data-id=address] div[role=tablist] {
  flex: 0 0 100%;
}
[data-id=address] div[role=tabpanel] {
  flex: 0 0 100%;
}

[data-id=social] {
  flex: 0 0 28%;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.1);
  align-items: center;
  justify-content: center;
  gap: 0.25em;
}
[data-id=social] a[data-id=logo] svg path:nth-child(n+5) {
  fill: rgb(255, 255, 255);
}
[data-id=social] span {
  opacity: 0.8;
}
[data-id=social] span:hover {
  opacity: 1;
}
[data-id=social] div {
  margin-top: 1em;
}
[data-id=social] div a {
  margin: 0 0.5em;
}

[data-id=legal] {
  flex: 0 0 100%;
  margin-top: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
[data-id=legal] div[role=navigation] {
  justify-content: flex-end;
  flex-grow: 1;
  gap: 1em;
}

label:hover {
  cursor: pointer;
}

label:hover {
  cursor: pointer;
}

div[role=navigation] {
  display: flex;
}
div[role=navigation][data-menu=vertical] {
  flex-direction: column;
}

label:hover {
  cursor: pointer;
}

menu {
  position: absolute;
}

label:hover {
  cursor: pointer;
}

div[role=dialog] {
  background-color: rgb(255, 255, 255);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
div[role=dialog] div[data-header=dialog] {
  padding: 0.5em 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div[role=dialog] div[data-header=dialog] button {
  display: flex;
  padding: 0.625em;
  border-radius: 24px;
}
div[role=dialog] div[data-header=dialog] button:hover {
  background-color: rgba(2, 2, 2, 0.1);
}
div[role=dialog] div[role=navigation] {
  flex-direction: column;
}
div[role=dialog] div[role=navigation] button {
  padding: 0.5em 1em;
}
div[role=dialog] div[role=navigation] button:hover {
  background-color: rgba(2, 2, 2, 0.1);
}
div[role=dialog] nav {
  align-items: center;
}
div[role=dialog] nav button {
  display: flex;
}
div[role=dialog] [data-item=description] {
  background-color: rgba(2, 2, 2, 0.05);
  padding: 0.5em 1em;
  border-radius: 3px;
  margin-bottom: 1em;
}
div[role=dialog] [data-item=title] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2em 0;
}
div[role=dialog] [data-item=title] h2 {
  font-size: 1.125em;
}
div[role=dialog] [data-item=dialog] {
  background-color: rgb(255, 255, 255);
  height: 100vh;
  overflow-y: scroll;
  padding-bottom: 2em;
}

label:hover {
  cursor: pointer;
}

div[role=alert] {
  border-radius: 3px;
  position: fixed;
  width: 340px;
  left: calc(50% - 170px);
  bottom: 12px;
  padding: 0.5em 1em 0.5em 3em;
  color: rgb(255, 255, 255);
  background-position: 16px center;
  z-index: 1000;
}
div[role=alert][data-alert=error] {
  background-color: #f53030;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5229 20 20 15.5229 20 10C20 4.47714 15.5229 0 10 0C4.47714 0 0 4.47714 0 10C0 15.5229 4.47714 20 10 20ZM7.70709 6.29291C7.31659 5.90237 6.68341 5.90237 6.29291 6.29291C5.90237 6.68341 5.90237 7.31659 6.29291 7.70709L8.58582 10L6.29291 12.2929C5.90237 12.6834 5.90237 13.3166 6.29291 13.7071C6.68341 14.0976 7.31659 14.0976 7.70709 13.7071L10 11.4142L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.4142 10L13.7071 7.70709C14.0976 7.31659 14.0976 6.68341 13.7071 6.29291C13.3166 5.90237 12.6834 5.90237 12.2929 6.29291L10 8.58582L7.70709 6.29291Z' fill='white'/%3E%3C/svg%3E%0A");
}
div[role=alert][data-alert=success] {
  background-color: #33a029;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5229 20 20 15.5229 20 10C20 4.47714 15.5229 0 10 0C4.47714 0 0 4.47714 0 10C0 15.5229 4.47714 20 10 20ZM15.7071 7.70709C16.0976 7.31659 16.0976 6.68341 15.7071 6.29291C15.3166 5.90237 14.6834 5.90237 14.2929 6.29291L8 12.5858L5.70709 10.2929C5.31659 9.90237 4.68341 9.90237 4.29291 10.2929C3.90237 10.6834 3.90237 11.3166 4.29291 11.7071L7.29291 14.7071C7.68341 15.0976 8.31659 15.0976 8.70709 14.7071L15.7071 7.70709Z' fill='white'/%3E%3C/svg%3E%0A");
}

label:hover {
  cursor: pointer;
}

div[role=tablist] button {
  text-transform: capitalize;
  margin-right: 1em;
  padding-bottom: 0.5em;
}
div[role=tablist] button[aria-selected=false] {
  border-bottom: 3px solid transparent;
}
div[role=tablist] button[aria-selected=true] {
  border-bottom: 3px solid rgb(251, 181, 12);
}

main div[role=tablist] {
  border-bottom: 1px solid rgba(2, 2, 2, 0.2);
  margin-bottom: 4em;
  display: flex;
  justify-content: center;
}

footer div[role=tablist] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 1em;
}

div[data-nav=tabs] {
  border: 2px solid rgba(255, 255, 255, 0.3);
  width: 108px;
  margin: 2em auto 1em auto;
  padding: 0.5em;
  border-radius: 34px;
  display: flex;
  justify-content: center;
}
div[data-nav=tabs] button {
  display: flex;
  height: 40px;
  flex: 0 0 40px;
  justify-content: center;
  align-items: center;
}
div[data-nav=tabs] button svg path {
  fill: rgba(255, 255, 255, 0.8);
}
div[data-nav=tabs] button:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
}
div[data-nav=tabs] button:hover svg path {
  fill: white;
}

div[data-tabs=content] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

label:hover {
  cursor: pointer;
}

@media screen and (max-width: 980px) {
  footer {
    padding-left: 24px;
    padding-right: 24px;
  }
  main:not([aria-label=landing]) h1 {
    padding: 24px;
  }
  main [data-content=main] {
    padding: 24px;
  }
  main[aria-label=landing] div[data-grid=content] {
    flex: 0 0 100%;
    padding-left: 24px;
  }
  main[aria-label=landing] div[data-grid=spotlight] {
    flex: 0 0 60%;
  }
  main[aria-label=landing] div[data-grid=spotlight] p {
    padding: 0 1em 0 0;
  }
  main[aria-label=landing] div[data-grid=spotlight] h1 {
    font-size: 2em;
  }
  main[aria-label=landing] div[data-grid=info] {
    flex: 0 0 40%;
  }
}
@media screen and (max-width: 740px) {
  [data-id=social] {
    margin: 2em 0 0 0;
    padding: 1em 0;
  }
  [data-id=legal] {
    margin-top: 0;
  }
  main[aria-label=landing] div[data-grid=info] {
    display: none;
  }
  main[aria-label=landing] div[data-grid=spotlight] {
    flex: 0 0 100%;
  }
  main[aria-label=landing] div[data-grid=content] {
    padding-right: 24px;
  }
  main[aria-label=landing] [data-nav=scroller], main[aria-label=services] [data-nav=scroller] {
    display: flex;
  }
  main[aria-label=landing] div[role=tablist], main[aria-label=services] div[role=tablist] {
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    background-color: #eaeaea;
    padding: 1em;
    border-radius: 3px;
    margin-bottom: 2em;
  }
  main[aria-label=landing] div[role=tablist] button, main[aria-label=services] div[role=tablist] button {
    display: flex;
    padding-bottom: 0;
  }
  main[aria-label=landing] div[role=tablist] button svg path, main[aria-label=services] div[role=tablist] button svg path {
    fill: rgb(2, 2, 2);
  }
  main[aria-label=landing] [data-title=tabs], main[aria-label=services] [data-title=tabs] {
    font-size: 1.125em;
    text-transform: capitalize;
  }
  main[aria-label=services] div[data-grid=aside] {
    flex: 0 0 100%;
  }
  main[aria-label=services] div[data-grid=main] {
    flex: 0 0 100%;
    padding-left: 0;
  }
  main[aria-label=about] div[data-grid=page]:first-child {
    padding: 24px;
  }
  main[aria-label=about] div[data-grid=panel] {
    flex: 0 0 100%;
  }
  main[aria-label=about] div[data-item=intro] {
    padding-right: 0;
    margin-bottom: 2em;
  }
  main[aria-label=about] div[data-layout=box] div[data-grid=box] {
    flex: 0 0 100%;
  }
  main[aria-label=contact] div[data-grid=main], main[aria-label=quote] div[data-grid=main] {
    flex: 0 0 100%;
    padding: 24px;
  }
  main[aria-label=contact] div[data-grid=aside], main[aria-label=quote] div[data-grid=aside] {
    flex: 0 0 100%;
    background-color: transparent;
  }
  main[aria-label=contact] div[data-grid=aside] div, main[aria-label=quote] div[data-grid=aside] div {
    padding: 0 24px 24px 24px;
  }
  main[aria-label=contact] div[data-grid=aside] h3, main[aria-label=quote] div[data-grid=aside] h3 {
    border-top: 1px solid rgba(2, 2, 2, 0.1);
    padding-top: 1em;
  }
  main[aria-label=contact] div[data-grid=page], main[aria-label=quote] div[data-grid=page] {
    padding: 0;
  }
}
@media screen and (min-width: 741px) {
  [data-id=address] div[data-id=tabs] {
    padding-right: 1em;
  }
}
@media screen and (min-width: 521px) and (max-width: 740px) {
  [data-id=nav] {
    flex: 0 0 240px;
  }
  [data-id=address] {
    flex: 0 0 calc(100% - 240px);
  }
  [data-id=social] {
    flex: 0 0 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  [data-id=social] a[data-id] {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
  }
  [data-id=social] span {
    padding: 0 0.5em;
  }
  [data-id=social] div {
    flex: 0 0 100%;
    justify-content: center;
    display: flex;
  }
}
@media screen and (min-width: 521px) {
  [data-item=dialog] {
    padding-left: calc((100% - 460px) / 2);
    padding-right: calc((100% - 460px) / 2);
  }
}
@media screen and (max-width: 520px) {
  [data-item=dialog] {
    padding-left: 24px;
    padding-right: 24px;
  }
  [data-id=nav], [data-id=address], [data-id=social] {
    flex: 0 0 100%;
  }
  [data-id=nav] {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  [data-id=legal] {
    flex-wrap: wrap;
  }
  [data-id=legal] div[role=navigation] {
    justify-content: center;
  }
  [data-id=legal] small {
    flex: 0 0 100%;
    justify-content: center;
    display: flex;
  }
  main:not([aria-label=landing]) h1 {
    padding: 1em;
    font-size: 1.5em;
  }
  footer h3 {
    font-size: 1.125em;
  }
  div[role=alert] {
    width: calc(100% - 32px);
    left: 16px;
  }
  main[aria-label=landing] div[data-grid=spotlight] {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  main[aria-label=landing] div[data-grid=spotlight] h1 {
    font-size: 1.75em;
  }
  main[aria-label=landing] div[data-content=main] h2 {
    font-size: 1.5em;
  }
  main[aria-label=landing] div[data-grid=main] {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 2em;
  }
  main[aria-label=landing] div[data-grid=aside] {
    display: none;
  }
  main[aria-label=services] div[data-grid=aside] {
    display: none;
  }
  main[aria-label=services] div[data-grid=main] {
    flex: 0 0 100%;
    padding-left: 0;
  }
  main[aria-label=about] div[data-item=banner] img {
    width: auto;
    height: auto;
  }
}/*# sourceMappingURL=style.css.map */