/*=============== GOOGLE FONTS ===============*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  min-width: 0;
  /* font: inherit; */
}

body {
  min-height: 100dvh;
}

img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

:root {
  /*========== Colors ==========*/
  --clr-primary:#1E222E;
  --clr-secondary: #65898C;
  --clr-accent: #F1A448;
  --clr-neutral: #F3F0F2;
  /* --clr-primary-10: color-mix(in oklab, var(--clr-primary) 10%, white);
  --clr-primary-20: color-mix(in oklab, var(--clr-primary) 20%, white);
  --clr-primary-30: color-mix(in oklab, var(--clr-primary) 30%, white);
  --clr-primary-40: color-mix(in oklab, var(--clr-primary) 40%, white);
  --clr-primary-50: color-mix(in oklab, var(--clr-primary) 50%, black);
  --clr-primary-60: color-mix(in oklab, var(--clr-primary) 40%, black);
  --clr-primary-70: color-mix(in oklab, var(--clr-primary) 30%, black);
  --clr-primary-80: color-mix(in oklab, var(--clr-primary) 20%, black);
  --clr-primary-90: color-mix(in oklab, var(--clr-primary) 10%, black); */
  --clr-background: white;
  --clr-foreground: var(--clr-primary);
  /*========== Font and typography ==========*/
  /*.5rem = 8px | 1rem = 16px ...*/
  --ff-base: "Poppins", sans-serif;
  --ff-body: "Montserrat", sans-serif;
  --ff-site: "Outfit", sans-serif;
  --fs-biggest: 2.25rem;
  --fs-h1: 1.5rem;
  --fs-h2: 1.25rem;
  --fs-h3: 1rem;
  --fs-normal: .938rem;
  --fs-small: .813rem;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.563rem;
  --fs-2xl: 1.953rem;
  --fs-3xl: 2.441rem;
  --fs-4xl: 3.052rem;
  --fs-5xl: 3.75rem;
  --fs-6xl: 4.25rem;
  /*========== Font weight ==========*/
  --fw-regular: 400;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  /*========== z index ==========*/
  --z-content: 1;
  --z-tooltip: 10;
  --z-fixed: 100;
  --grid-container: minmax(30px, 1fr) minmax(300px, 1200px) minmax(30px, 1fr);
}
@media (max-width: 500px) {
  :root {
    --grid-container: minmax(15px, 1fr) minmax(300px, 1200px) minmax(15px, 1fr);
  }
}

.icon-close {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m7 7l10 10M7 17L17 7'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-menu-burger {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 6.001h18m-18 6h18m-18 6h18'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-shopping-cart {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3Cpath d='M17 17H6V3H4'/%3E%3Cpath d='m6 5l14 1l-1 7H6'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-thunderbolt-outlined {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7M378.2 732.5l60.3-241H281.1l189.6-327.4h224.6L487 427.4h211z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-phone {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046c-8.837 0-16-7.163-16-16c0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149a13.897 13.897 0 0 0 4 1.205c.139.02.322.041.55.064a.5.5 0 0 1 .449.498'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-right-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m16.172 11l-5.364-5.364l1.414-1.414L20 12l-7.778 7.778l-1.414-1.414L16.172 13H4v-2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-up-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 7.828V20h-2V7.828l-5.364 5.364l-1.414-1.414L12 4l7.778 7.778l-1.414 1.414z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-left-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l6-6m-6 6l6 6m-6-6h14'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-down-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 19l6-6m-6 6l-6-6m6 6V5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-email-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 4.238l-7.928 7.1L4 7.216V19h16zM4.511 5l7.55 6.662L19.502 5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-time-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-8h4v2h-6V7h2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-twitter-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.213 5.656a8.384 8.384 0 0 1-2.402.658A4.195 4.195 0 0 0 21.649 4c-.82.488-1.719.83-2.655 1.015a4.182 4.182 0 0 0-7.126 3.814a11.874 11.874 0 0 1-8.621-4.37a4.168 4.168 0 0 0-.566 2.103c0 1.45.739 2.731 1.86 3.481a4.169 4.169 0 0 1-1.894-.523v.051a4.185 4.185 0 0 0 3.355 4.102a4.205 4.205 0 0 1-1.89.072A4.185 4.185 0 0 0 8.02 16.65a8.394 8.394 0 0 1-6.192 1.732a11.831 11.831 0 0 0 6.41 1.88c7.694 0 11.9-6.373 11.9-11.9c0-.18-.004-.362-.012-.541a8.497 8.497 0 0 0 2.086-2.164'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-twitter-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.35 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.562-.212c-2.053-.28-4.021-1.226-5.91-2.799c-.597 3.31.57 5.603 3.383 7.372L9.4 16.014a.6.6 0 0 1 .035.993L7.843 18.17c.947.059 1.846.017 2.592-.131c4.718-.942 7.855-4.492 7.855-10.348c0-.478-1.013-2.141-2.94-2.141m-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.668-.645c-.334 1.64-.5 2.352-1.213 3.331c0 7.642-4.697 11.358-9.464 12.309c-3.267.652-8.02-.419-9.38-1.841c.693-.054 3.513-.357 5.143-1.55c-1.38-.91-6.868-4.14-3.261-12.823c1.693 1.977 3.41 3.323 5.15 4.037c1.157.475 1.442.466 1.973.538'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-twitch-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.001 3v11.74l-4.696 4.695h-3.913l-2.437 2.348H6.914v-2.348H3.001V6.13L4.228 3zm-1.565 1.565H6.13v11.74h3.13v2.347l2.349-2.348h4.695l3.13-3.13zm-3.13 3.13v4.696H14.74V7.696zm-3.914 0v4.696h-1.565V7.696z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-twitch-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.301 3h16.7v11.7l-4.7 4.7h-3.9l-2.5 2.4h-2.9v-2.4h-4V6.2zm.7 14.4h4v2.4h.095l2.5-2.4h3.877L19 13.872V5H5zm10-9.4h2v4.7h-2zm0 0h2v4.7h-2zm-5 0h2v4.7h-2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-facebook-box-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.402 21v-6.966h2.333l.349-2.708h-2.682V9.599c0-.784.218-1.319 1.342-1.319h1.434V5.857a19.19 19.19 0 0 0-2.09-.107c-2.067 0-3.482 1.262-3.482 3.58v1.996h-2.338v2.708h2.338V21H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-facebook-box-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 19h5V5H5v14h7v-5h-2v-2h2v-1.654c0-1.337.14-1.822.4-2.311A2.726 2.726 0 0 1 13.536 6.9c.382-.205.857-.328 1.687-.381c.329-.021.755.005 1.278.08v1.9H16c-.917 0-1.296.043-1.522.164a.728.728 0 0 0-.314.314c-.12.226-.164.45-.164 1.368V12h2.5l-.5 2h-2zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-facebook-circle-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.001 2c-5.523 0-10 4.477-10 10c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89c1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.344 21.129 22 16.992 22 12c0-5.523-4.477-10-10-10'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-facebook-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-instagram-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.028 2c1.125.003 1.696.009 2.189.023l.194.007c.224.008.445.018.712.03c1.064.05 1.79.218 2.427.465c.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.012.266.022.487.03.712l.006.194c.015.492.021 1.063.023 2.188l.001.746v1.31a78.831 78.831 0 0 1-.023 2.188l-.006.194c-.008.225-.018.446-.03.712c-.05 1.065-.22 1.79-.466 2.428a4.883 4.883 0 0 1-1.153 1.772a4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465a72.11 72.11 0 0 1-.712.03l-.194.006c-.493.014-1.064.021-2.189.023l-.746.001h-1.309a78.43 78.43 0 0 1-2.189-.023l-.194-.006a63.036 63.036 0 0 1-.712-.031c-1.064-.05-1.79-.218-2.428-.465a4.889 4.889 0 0 1-1.771-1.153a4.904 4.904 0 0 1-1.154-1.772c-.247-.637-.415-1.363-.465-2.428a74.1 74.1 0 0 1-.03-.712l-.005-.194A79.047 79.047 0 0 1 2 13.028v-2.056a78.82 78.82 0 0 1 .022-2.188l.007-.194c.008-.225.018-.446.03-.712c.05-1.065.218-1.79.465-2.428A4.88 4.88 0 0 1 3.68 3.678a4.897 4.897 0 0 1 1.77-1.153c.638-.247 1.363-.415 2.428-.465c.266-.012.488-.022.712-.03l.194-.006a79 79 0 0 1 2.188-.023zM12 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 2a3 3 0 1 1 .001 6a3 3 0 0 1 0-6m5.25-3.5a1.25 1.25 0 0 0 0 2.5a1.25 1.25 0 0 0 0-2.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-instagram-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.886 2.886 0 0 0-1.08.703a2.89 2.89 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.91 2.91 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.912 2.912 0 0 0-.703-1.08a2.884 2.884 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122c0 2.717-.01 3.056-.06 4.122c-.05 1.065-.218 1.79-.465 2.428a4.884 4.884 0 0 1-1.153 1.772a4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06c-2.717 0-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.89 4.89 0 0 1-1.772-1.153a4.905 4.905 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122c.05-1.065.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-linkedin-box-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.336 18.339h-2.665v-4.177c0-.996-.02-2.278-1.39-2.278c-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387c2.7 0 3.2 1.778 3.2 4.092v4.714zM7.004 8.575a1.546 1.546 0 0 1-1.548-1.549a1.548 1.548 0 1 1 1.547 1.549m1.336 9.764H5.667V9.75H8.34zM19.67 3H4.33C3.594 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.339C20.4 21 21 20.42 21 19.703V4.297C21 3.581 20.4 3 19.666 3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-linkedin-box-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.001 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m1 2v14h14V5zm2.5 4a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m-1 1h2v7.5h-2zm5.5.43c.584-.565 1.266-.93 2-.93c2.071 0 3.5 1.679 3.5 3.75v4.25h-2v-4.25a1.75 1.75 0 1 0-3.5 0v4.25h-2V10h2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-linkedin-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002M7 8.48H3V21h4zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-reddit-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m11.053 7.815l.751-3.536a2 2 0 0 1 2.372-1.54l3.196.68a2 2 0 1 1-.415 1.956l-3.197-.68l-.666 3.135c1.785.137 3.558.73 5.164 1.7A3.192 3.192 0 0 1 23 12.203v.021a3.193 3.193 0 0 1-1.207 2.55a2.852 2.852 0 0 1-.008.123c0 3.998-4.45 7.03-9.799 7.03c-5.333 0-9.708-3.024-9.705-6.953a5.316 5.316 0 0 1-.01-.181a3.193 3.193 0 0 1 3.454-5.35a11.446 11.446 0 0 1 5.329-1.628m9.285 5.526a1.19 1.19 0 0 0 .662-1.075a1.192 1.192 0 0 0-2.016-.806l-.585.56l-.67-.455c-1.615-1.098-3.452-1.725-5.23-1.764h-1.006c-1.875.028-3.652.6-5.237 1.675l-.664.45l-.583-.55a1.192 1.192 0 1 0-1.315 1.952l.633.29l-.053.695a3.95 3.95 0 0 0 .003.584c0 2.71 3.356 5.03 7.708 5.03c4.371 0 7.799-2.336 7.802-5.107a3.304 3.304 0 0 0 0-.507l-.052-.672zM6.951 13.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m7 0a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m-1.985 5.103c-1.397 0-2.766-.37-3.881-1.21a.424.424 0 0 1 .597-.597c.945.693 2.123.99 3.269.99s2.33-.275 3.284-.959a.439.439 0 0 1 .732.206a.469.469 0 0 1-.12.423c-.683.797-2.483 1.147-3.88 1.147'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-discord-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.303 5.337A17.32 17.32 0 0 0 14.963 4c-.191.329-.403.775-.552 1.125a16.592 16.592 0 0 0-4.808 0C9.454 4.775 9.23 4.329 9.05 4a17.075 17.075 0 0 0-4.342 1.337C1.961 9.391 1.218 13.35 1.59 17.255a17.69 17.69 0 0 0 5.318 2.664a12.94 12.94 0 0 0 1.136-1.836c-.627-.234-1.22-.52-1.794-.86c.149-.106.297-.223.435-.34c3.46 1.582 7.207 1.582 10.624 0c.149.117.287.234.435.34c-.573.34-1.167.626-1.793.86a12.94 12.94 0 0 0 1.135 1.836a17.594 17.594 0 0 0 5.318-2.664c.457-4.52-.722-8.448-3.1-11.918M8.52 14.846c-1.04 0-1.889-.945-1.889-2.101c0-1.157.828-2.102 1.89-2.102c1.05 0 1.91.945 1.888 2.102c0 1.156-.838 2.1-1.889 2.1m6.974 0c-1.04 0-1.89-.945-1.89-2.101c0-1.157.828-2.102 1.89-2.102c1.05 0 1.91.945 1.889 2.102c0 1.156-.828 2.1-1.89 2.1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-discord-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.52 13.846c-1.04 0-1.888-.945-1.888-2.101c0-1.157.827-2.102 1.889-2.102c1.05 0 1.91.945 1.889 2.102c0 1.156-.839 2.1-1.89 2.1m6.974 0c-1.04 0-1.89-.945-1.89-2.101c0-1.157.829-2.102 1.89-2.102c1.05 0 1.91.945 1.89 2.102c0 1.156-.829 2.1-1.89 2.1m-5.369-9.523l-.308-.563l-.634.106a16.354 16.354 0 0 0-4.158 1.28l-.228.105l-.142.21c-2.613 3.853-3.33 7.648-2.975 11.375l.039.407l.33.24a16.91 16.91 0 0 0 5.078 2.543l.79.242L9.03 17.55c1.91.472 4.03.472 5.939 0l1.107 2.717l.79-.242a16.82 16.82 0 0 0 5.08-2.545l.327-.238l.04-.402c.436-4.32-.697-8.083-2.958-11.384l-.142-.208l-.228-.104a16.575 16.575 0 0 0-4.154-1.28l-.618-.103l-.314.542c-.088.15-.177.32-.263.493a15.878 15.878 0 0 0-3.263 0c-.085-.17-.17-.333-.248-.474M6.715 16.61c.197.114.405.226.61.328l-.449 1.096a15.018 15.018 0 0 1-3.428-1.778c-.225-3.138.413-6.305 2.564-9.57a14.551 14.551 0 0 1 2.824-.913c.06.125.116.248.162.356l.273.643l.692-.101a14.108 14.108 0 0 1 4.09 0l.69.1l.272-.642c.047-.112.102-.234.16-.356c.977.21 1.923.52 2.828.915c1.875 2.82 2.821 5.966 2.546 9.567a14.901 14.901 0 0 1-3.43 1.779l-.445-1.095c.206-.102.414-.214.613-.329c.49-.282 1.017-.634 1.353-.97l-1.28-1.28c-.163.164-.523.42-.977.682c-.444.256-.885.463-1.167.556c-2.003.663-4.428.663-6.432 0c-.281-.093-.722-.3-1.166-.556c-.454-.261-.814-.518-.978-.682l-1.28 1.28c.337.336.864.688 1.354.97'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-google-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.064 7.51A9.996 9.996 0 0 1 12 2c2.695 0 4.959.991 6.69 2.605l-2.867 2.868C14.786 6.482 13.468 5.977 12 5.977c-2.605 0-4.81 1.76-5.595 4.123c-.2.6-.314 1.24-.314 1.9c0 .66.114 1.3.314 1.9c.786 2.364 2.99 4.123 5.595 4.123c1.345 0 2.49-.355 3.386-.955a4.6 4.6 0 0 0 1.996-3.018H12v-3.868h9.418c.118.654.182 1.336.182 2.045c0 3.046-1.09 5.61-2.982 7.35C16.964 21.105 14.7 22 12 22A9.996 9.996 0 0 1 2 12c0-1.614.386-3.14 1.064-4.49'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-github-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.001 2c-5.525 0-10 4.475-10 10a9.994 9.994 0 0 0 6.837 9.488c.5.087.688-.213.688-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.337 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.687c-.1-.25-.45-1.275.1-2.65c0 0 .837-.263 2.75 1.024a9.28 9.28 0 0 1 2.5-.337c.85 0 1.7.112 2.5.337c1.913-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-github-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.884 18.653c-.3-.2-.558-.455-.86-.816a50.59 50.59 0 0 1-.466-.579c-.463-.575-.755-.841-1.056-.95a1 1 0 1 1 .675-1.882c.752.27 1.261.735 1.947 1.588c-.094-.117.34.427.433.539c.19.227.33.365.44.438c.204.137.588.196 1.15.14c.024-.382.094-.753.202-1.095c-2.968-.726-4.648-2.64-4.648-6.396c0-1.24.37-2.356 1.058-3.292c-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047c.803-.124 1.937.17 3.415 1.096a11.73 11.73 0 0 1 2.687-.308c.912 0 1.819.104 2.684.308c1.477-.933 2.614-1.227 3.422-1.096c.085.013.158.03.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.296.302 3.19c.691.936 1.058 2.045 1.058 3.293c0 3.757-1.674 5.665-4.642 6.392c.125.415.19.878.19 1.38c0 .665-.002 1.299-.007 2.01c0 .19-.002.394-.005.706a1 1 0 0 1-.018 1.958c-1.14.227-1.984-.532-1.984-1.525l.002-.447l.005-.705c.005-.707.008-1.337.008-1.997c0-.697-.184-1.152-.426-1.361c-.661-.57-.326-1.654.541-1.751c2.966-.333 4.336-1.482 4.336-4.66c0-.955-.312-1.744-.913-2.404A1 1 0 0 1 17.2 6.19c.166-.414.236-.957.095-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135a9.626 9.626 0 0 0-2.592-.349c-.89 0-1.772.118-2.592.35a1 1 0 0 1-.829-.134c-.753-.507-1.374-.807-1.87-.947c-.143.653-.072 1.194.093 1.607a1 1 0 0 1-.189 1.045c-.597.655-.913 1.458-.913 2.404c0 3.172 1.371 4.328 4.322 4.66c.865.097 1.202 1.177.545 1.748c-.193.168-.43.732-.43 1.364v3.15c0 .985-.834 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.661-.088-2.254-.485'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-clock {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-clock-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v3.764a2 2 0 0 0 1.106 1.789L16 14'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-awards {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M4.46 5.16L5 7.46l-.54 2.29l2.01 1.24L7.7 13l2.3-.54l2.3.54l1.23-2.01l2.01-1.24L15 7.46l.54-2.3l-2-1.24l-1.24-2.01l-2.3.55l-2.29-.54l-1.25 2zm5.55 6.34a3.999 3.999 0 1 1 0-8c2.2 0 3.99 1.79 3.99 3.99c0 2.22-1.79 4.01-3.99 4.01m-.02-1C8.33 10.5 7 9.16 7 7.5c0-1.65 1.33-3 2.99-3S13 5.85 13 7.5c0 1.66-1.35 3-3.01 3m3.84 1.1l-1.28 2.24l-2.08-.47L13 19.2l1.4-2.2h2.5zm-7.7.07l1.25 2.25l2.13-.51L7 19.2L5.6 17H3.1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.fa-solid-award {
  display: inline-block;
  width: 0.75em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85c-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58c-19.5 0-37.82-7.59-51.61-21.37M382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32c-21.07 5.64-16.45 3.18-25.12 11.85c-13.79 13.78-32.12 21.37-51.62 21.37c-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28l52.69 2.01c11.62.44 19.82-11.27 15.43-22.03M263 340c15.28-15.55 17.03-14.21 38.79-20.14c13.89-3.79 24.75-14.84 28.47-28.98c7.48-28.4 5.54-24.97 25.95-45.75c10.17-10.35 14.14-25.44 10.42-39.58c-7.47-28.38-7.48-24.42 0-52.83c3.72-14.14-.25-29.23-10.42-39.58c-20.41-20.78-18.47-17.36-25.95-45.75c-3.72-14.14-14.58-25.19-28.47-28.98c-27.88-7.61-24.52-5.62-44.95-26.41c-10.17-10.35-25-14.4-38.89-10.61c-27.87 7.6-23.98 7.61-51.9 0c-13.89-3.79-28.72.25-38.89 10.61c-20.41 20.78-17.05 18.8-44.94 26.41c-13.89 3.79-24.75 14.84-28.47 28.98c-7.47 28.39-5.54 24.97-25.95 45.75c-10.17 10.35-14.15 25.44-10.42 39.58c7.47 28.36 7.48 24.4 0 52.82c-3.72 14.14.25 29.23 10.42 39.59c20.41 20.78 18.47 17.35 25.95 45.75c3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82M97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02s-42.24 96.02-94.34 96.02s-94.34-42.99-94.34-96.02'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.hugeicons-award {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 12v6m0 0c-1.674 0-3.13 1.012-3.882 2.505c-.36.713.156 1.495.84 1.495h6.083c.685 0 1.2-.782.841-1.495C15.13 19.012 13.674 18 12 18M5 5H3.985c-.987 0-1.48 0-1.785.37c-.305.371-.215.786-.036 1.616C2.504 8.57 3.245 9.963 4.249 11M19 5h1.015c.987 0 1.48 0 1.785.37c.305.371.215.786.037 1.616C21.495 8.57 20.755 9.963 19.75 11M12 12c3.866 0 7-3.117 7-6.962q0-.15-.006-.3c-.043-1-.064-1.5-.742-2.119S16.825 2 15.324 2H8.676c-1.5 0-2.251 0-2.928.62c-.677.618-.699 1.118-.742 2.117Q5 4.887 5 5.038C5 8.883 8.134 12 12 12' color='%23000'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.tabler-award {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 9a6 6 0 1 0 12 0A6 6 0 1 0 6 9'/%3E%3Cpath d='m12 15l3.4 5.89l1.598-3.233l3.598.232l-3.4-5.889M6.802 12l-3.4 5.89L7 17.657l1.598 3.232l3.4-5.889'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ant-design-pie-chart-outlined {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M864 518H506V160c0-4.4-3.6-8-8-8h-26a398.46 398.46 0 0 0-282.8 117.1a398.2 398.2 0 0 0-85.7 127.1A397.6 397.6 0 0 0 72 552a398.46 398.46 0 0 0 117.1 282.8c36.7 36.7 79.5 65.6 127.1 85.7A397.6 397.6 0 0 0 472 952a398.46 398.46 0 0 0 282.8-117.1c36.7-36.7 65.6-79.5 85.7-127.1A397.6 397.6 0 0 0 872 552v-26c0-4.4-3.6-8-8-8M705.7 787.8A331.6 331.6 0 0 1 470.4 884c-88.1-.4-170.9-34.9-233.2-97.2C174.5 724.1 140 640.7 140 552s34.5-172.1 97.2-234.8c54.6-54.6 124.9-87.9 200.8-95.5V586h364.3c-7.7 76.3-41.3 147-96.6 201.8M952 462.4l-2.6-28.2c-8.5-92.1-49.4-179-115.2-244.6A399.4 399.4 0 0 0 589 74.6L560.7 72c-4.7-.4-8.7 3.2-8.7 7.9V464c0 4.4 3.6 8 8 8l384-1c4.7 0 8.4-4 8-8.6m-332.2-58.2V147.6a332.24 332.24 0 0 1 166.4 89.8c45.7 45.6 77 103.6 90 166.1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ant-design-bar-chart-outlined {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8m-600-80h56c4.4 0 8-3.6 8-8V560c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v144c0 4.4 3.6 8 8 8m152 0h56c4.4 0 8-3.6 8-8V384c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v320c0 4.4 3.6 8 8 8m152 0h56c4.4 0 8-3.6 8-8V462c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v242c0 4.4 3.6 8 8 8m152 0h56c4.4 0 8-3.6 8-8V304c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v400c0 4.4 3.6 8 8 8'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ant-design-line-chart-outlined {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8M305.8 637.7c3.1 3.1 8.1 3.1 11.3 0l138.3-137.6L583 628.5c3.1 3.1 8.2 3.1 11.3 0l275.4-275.3c3.1-3.1 3.1-8.2 0-11.3l-39.6-39.6a8.03 8.03 0 0 0-11.3 0l-230 229.9L461.4 404a8.03 8.03 0 0 0-11.3 0L266.3 586.7a8.03 8.03 0 0 0 0 11.3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ant-design-area-chart-outlined {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8m-616-64h536c4.4 0 8-3.6 8-8V284c0-7.2-8.7-10.7-13.7-5.7L592 488.6l-125.4-124a8.03 8.03 0 0 0-11.3 0l-189 189.6a7.87 7.87 0 0 0-2.3 5.6V720c0 4.4 3.6 8 8 8'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.memory-chart-bar {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%23000' d='M2 2h2v16h16v2H2zm4 14V8h4v8zm5 0V4h4v12zm5 0v-5h4v5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.uil-comment-chart-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 10a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m-4 3a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1m4-11A10 10 0 0 0 2 12a9.89 9.89 0 0 0 2.26 6.33l-2 2a1 1 0 0 0-.21 1.09A1 1 0 0 0 3 22h9a10 10 0 0 0 0-20m0 18H5.41l.93-.93a1 1 0 0 0 .3-.71a1 1 0 0 0-.3-.7A8 8 0 1 1 12 20m4-12a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.uil-chart-pie-alt {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 12h-7V5c0-.6-.4-1-1-1c-5 0-9 4-9 9s4 9 9 9s9-4 9-9c0-.6-.4-1-1-1m-7 7.9c-3.8.6-7.4-2.1-7.9-5.9c-.6-3.8 2.1-7.4 5.9-7.9V13c0 .6.4 1 1 1h6.9c-.4 3.1-2.8 5.5-5.9 5.9M15 2c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h6c.6 0 1-.4 1-1c0-3.9-3.1-7-7-7m1 6V4.1c2 .4 3.5 1.9 3.9 3.9z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.uil-chart-pie {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 4.93 18.69h.12A10 10 0 0 0 12 2m1 2.07A8 8 0 0 1 19.93 11H13ZM12 20a8 8 0 0 1-1-15.93V12a1.09 1.09 0 0 0 .07.35v.15l4 6.87A7.81 7.81 0 0 1 12 20m4.83-1.64L13.73 13h6.2a8 8 0 0 1-3.1 5.36'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.uil-chart {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 6a1 1 0 0 0-1 1v10a1 1 0 0 0 2 0V7a1 1 0 0 0-1-1m-5 6a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m10-2a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1m2-8H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3m1 17a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-security-lock-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 11c0 5.55-3.84 10.74-9 12c-5.16-1.26-9-6.45-9-12V5l9-4l9 4zm-9 10c3.75-1 7-5.46 7-9.78V6.3l-7-3.12L5 6.3v4.92C5 15.54 8.25 20 12 21m2.8-10V9.5C14.8 8.1 13.4 7 12 7S9.2 8.1 9.2 9.5V11c-.6 0-1.2.6-1.2 1.2v3.5c0 .7.6 1.3 1.2 1.3h5.5c.7 0 1.3-.6 1.3-1.2v-3.5c0-.7-.6-1.3-1.2-1.3m-1.3 0h-3V9.5c0-.8.7-1.3 1.5-1.3s1.5.5 1.5 1.3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-security-lock {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm0 6c1.4 0 2.8 1.1 2.8 2.5V11c.6 0 1.2.6 1.2 1.3v3.5c0 .6-.6 1.2-1.3 1.2H9.2c-.6 0-1.2-.6-1.2-1.3v-3.5c0-.6.6-1.2 1.2-1.2V9.5C9.2 8.1 10.6 7 12 7m0 1.2c-.8 0-1.5.5-1.5 1.3V11h3V9.5c0-.8-.7-1.3-1.5-1.3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-security {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M16.07 8H15V5s0-5-5-5s-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8M7 5.5C7 4 7 2 10 2s3 2 3 3.5V8H7zM10 16a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-secure-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m6 3V10H6v10zm0-12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-secure {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2m6-9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-encryption-secure {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 13c.34 0 .67.04 1 .09V10a2 2 0 0 0-2-2h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6a2 2 0 0 0-2 2v10c0 1.11.89 2 2 2h7.81c-.51-.88-.81-1.9-.81-3c0-3.31 2.69-6 6-6M9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9zm3 11a2 2 0 1 1 2-2c0 1.11-.89 2-2 2m10.5.25L17.75 22L15 19l1.16-1.16l1.59 1.59l3.59-3.59z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-encryption-secure-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 15c0 1.11-.89 2-2 2a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2m-.91 5c.12.72.37 1.39.72 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6c0-2.76 2.24-5 5-5s5 2.24 5 5v2h1a2 2 0 0 1 2 2v3.09c-.33-.05-.66-.09-1-.09s-.67.04-1 .09V10H6v10zM9 8h6V6c0-1.66-1.34-3-3-3S9 4.34 9 6zm12.34 7.84l-3.59 3.59l-1.59-1.59L15 19l2.75 3l4.75-4.75z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-secured {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 .44l10 3.5V12c0 4.127-2.533 7.012-4.896 8.803a19.7 19.7 0 0 1-4.65 2.595l-.087.033l-.025.009l-.007.002l-.003.001c-.001 0-.002 0-.332-.943l-.331.944h-.001l-.003-.002l-.007-.002l-.025-.01l-.087-.032a18 18 0 0 1-1.39-.606a20 20 0 0 1-3.26-1.989C4.534 19.012 2 16.127 2 12V3.94zm0 22.06l-.331.944l.331.116l.331-.116zm0-1.072l.009-.004a17.8 17.8 0 0 0 3.887-2.215C18.034 17.59 20 15.223 20 12V5.36l-8-2.8l-8 2.8V12c0 3.223 1.966 5.588 4.104 7.21A17.8 17.8 0 0 0 12 21.428m6.072-13.085l-7.071 7.071l-4.243-4.242l1.415-1.415L11 12.586l5.657-5.657z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-play-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 15.584V8.416a.5.5 0 0 1 .77-.42l5.576 3.583a.5.5 0 0 1 0 .842l-5.576 3.584a.5.5 0 0 1-.77-.42Z'/%3E%3Cpath fill='%23000' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12m11-9.5A9.5 9.5 0 0 0 2.5 12a9.5 9.5 0 0 0 9.5 9.5a9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-play {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M1.5 8a6.5 6.5 0 1 0 13 0a6.5 6.5 0 0 0-13 0m4.879-2.773l4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-play-solid {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cmask id='ipSPlay0'%3E%3Cg fill='none' stroke-linejoin='round' stroke-width='4'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z'/%3E%3Cpath fill='%23000' stroke='%23000' d='M20 24v-6.928l6 3.464L32 24l-6 3.464l-6 3.464z'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%23000' d='M0 0h48v48H0z' mask='url(%23ipSPlay0)'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-play-square {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23000'%3E%3Cpath d='M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-screwdriver {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23000'%3E%3Cpath d='M25.53 24.08c.44.44 1.14.44 1.58 0s.44-1.15 0-1.58L21 16.39a1.11 1.11 0 0 0-1.58 0a1.11 1.11 0 0 0 0 1.58zm-3.03 3.03c.44.44 1.14.44 1.58 0c.43-.43.43-1.14 0-1.58l-6.11-6.11a1.11 1.11 0 0 0-1.58 0a1.11 1.11 0 0 0 0 1.58z'/%3E%3Cpath d='m2.12 3.47l1.35-1.35c.13-.13.33-.16.48-.06L7.7 4.31c.29.17.46.48.46.81v.86c0 .25.1.49.28.67l6.153 6.162l1.59-1.59a2.49 2.49 0 0 1 3.534 0l.006.006c.422.43.66.975.71 1.534c.59.079 1.159.346 1.614.8l8.13 8.13a2.805 2.805 0 0 1-.003 3.977l-.002.003l-4.505 4.505a2.805 2.805 0 0 1-3.975 0l-8.13-8.13a2.8 2.8 0 0 1-.8-1.616a2.5 2.5 0 0 1-1.53-.724a2.49 2.49 0 0 1 0-3.535l1.57-1.57L6.64 8.44a.95.95 0 0 0-.67-.28h-.86c-.33 0-.64-.17-.81-.46L2.06 3.95c-.1-.15-.07-.35.06-.48m17.449 11.435l-4.664 4.664a.804.804 0 0 0 .072 1.063l8.13 8.13c.32.32.826.32 1.146 0l4.514-4.515a.805.805 0 0 0-.005-1.14l-8.13-8.13a.804.804 0 0 0-1.063-.072m-1.276-1.553c.199-.2.2-.518.006-.718a.49.49 0 0 0-.702.003l-4.95 4.95c-.2.2-.2.506 0 .705c.2.2.506.2.705 0l.073-.072q.065-.076.137-.148l4.51-4.51q.073-.072.148-.137z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-tool-screwdriver {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M19.387 14.373c2.12-2.62 5.322-6.77 5.15-7.75c-.13-.73-.883-1.547-1.764-2.17c-.883-.626-1.916-1.045-2.645-.916c-.98.173-3.786 4.603-5.52 7.49c-.21.344.327 1.177.155 1.468c-.172.292-1.052.042-1.18.26c-.263.452-.417.723-.417.723s-.553.823 1.163 2.163l-5.234 7.474c-.267.38-1.456.46-1.456.46l-1.184 3.31l.86.603l2.707-2.246S9.69 24.1 9.955 23.72l5.242-7.49c1.72 1 2.377.337 2.377.337l.536-.64c.16-.193-.374-.935-.16-1.196c.22-.263 1.183-.045 1.437-.357z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-tools {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='m10.3 8.2l-.9.9l.9.9l-1.2 1.2l4.3 4.3c.6.6 1.5.6 2.1 0s.6-1.5 0-2.1zm3.9 6.8c-.4 0-.8-.3-.8-.8c0-.4.3-.8.8-.8s.8.3.8.8s-.3.8-.8.8M3.6 8l.9-.6L6 5.7l.9.9l.9-.9l-.1-.1c.2-.5.3-1 .3-1.6c0-2.2-1.8-4-4-4c-.6 0-1.1.1-1.6.3l2.9 2.9l-2.1 2.1L.3 2.4C.1 2.9 0 3.4 0 4c0 2.1 1.6 3.7 3.6 4'/%3E%3Cpath fill='%23000' d='m8 10.8l.9-.8l-.9-.9l5.7-5.7l1.2-.4L16 .8l-.7-.7l-2.3 1l-.5 1.2L6.9 8L6 7.1l-.8.9s.8.6-.1 1.5c-.5.5-1.3-.1-2.8 1.4L.2 13s-.6 1 .6 2.2s2.2.6 2.2.6l2.1-2.1c1.4-1.4.9-2.3 1.3-2.7c.9-.9 1.6-.2 1.6-.2m-3.1-.4l.7.7l-3.8 3.8l-.7-.7z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-solid-tools {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0L0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7M331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5c37.1-37.1 49.7-89.3 37.9-136.7c-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4l-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2c-47.4-11.7-99.6.9-136.6 37.9c-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9m-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7M64 472c-13.2 0-24-10.8-24-24c0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-toolbox {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1 0L0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675l-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617l.968.968l-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96l2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46L4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242l.529.026l.287.445l.445.287l.026.529L5 13l-.242.471l-.026.529l-.445.287l-.287.445l-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471l.026-.529l.445-.287l.287-.445l.529-.026z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-tool-wrench {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M16.68 9.77a4.54 4.54 0 0 1-4.95.99l-5.41 6.52c-.99.99-2.59.99-3.58 0s-.99-2.59 0-3.57l6.52-5.42c-.68-1.65-.35-3.61.99-4.95c1.28-1.28 3.12-1.62 4.72-1.06l-2.89 2.89l2.82 2.82l2.86-2.87c.53 1.58.18 3.39-1.08 4.65M3.81 16.21c.4.39 1.04.39 1.43 0c.4-.4.4-1.04 0-1.43c-.39-.4-1.03-.4-1.43 0a1.02 1.02 0 0 0 0 1.43'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-tool-pliers-wire-stripper {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.077 20.904q-.346-.673-.567-2.046t-.221-2.816q0-2.013.453-3.5Q8.196 11.053 9 10V6.27L11.5 2h.116v4.208q-.25.125-.375.34t-.125.471q0 .368.258.617q.259.249.626.249t.626-.25t.259-.616q0-.255-.126-.471q-.125-.215-.375-.34V2h.116L15 6.27V10q.829 1.054 1.27 2.541q.442 1.488.442 3.501q0 1.423-.212 2.806t-.558 2.056q-.78-.248-1.146-.986q-.365-.737-.36-1.587q0-.606.138-1.312t.137-1.373q0-1.45-.7-2.752T12 10.384q-1.304 1.247-2.008 2.51q-.704 1.264-.704 2.637q0 .744.15 1.479q.15.734.156 1.36q0 .83-.368 1.551t-1.149.983'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-tools-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.33 3.272a3.5 3.5 0 0 1 4.472 4.473L20.647 18.59l-2.122 2.121L7.68 9.867a3.5 3.5 0 0 1-4.472-4.474L5.444 7.63a1.5 1.5 0 0 0 2.121-2.121zm10.367 1.883l3.182-1.768l1.414 1.415l-1.768 3.181l-1.768.354l-2.12 2.121l-1.415-1.414l2.121-2.121zm-7.071 7.778l2.121 2.122l-4.95 4.95A1.5 1.5 0 0 1 3.58 17.99l.097-.107z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-address-marker {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-address-marker-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5c0 1 0 3 5 9.71C17 12 17 10 17 9a5 5 0 0 0-5-5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-home-office-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.673 1.612L20.8 9h-2.973L12 3.703L6 9.158V19h5v2H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0M14 11h9v7h-9zm2 2v3h5v-3zm8 8H13v-2h11z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-home-smile-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 19h12V9.157l-6-5.454l-6 5.454zm13 2H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1M7.5 13h2a2.5 2.5 0 0 0 5 0h2a4.5 4.5 0 1 1-9 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-home-wifi-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 19h12V9.157l-6-5.454l-6 5.454zm13 2H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1M8 10a7 7 0 0 1 7 7h-2a5 5 0 0 0-5-5zm0 4a3 3 0 0 1 3 3H8z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-home-gear-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1M6 19h12V9.157l-6-5.454l-6 5.454zm2.591-5.191a3.5 3.5 0 0 1 0-1.622l-.991-.572l1-1.732l.991.573a3.5 3.5 0 0 1 1.404-.812V8.5h2v1.144c.532.159 1.01.44 1.404.812l.991-.573l1 1.731l-.991.573a3.5 3.5 0 0 1 0 1.622l.991.572l-1 1.731l-.991-.572a3.5 3.5 0 0 1-1.404.811v1.145h-2V16.35a3.5 3.5 0 0 1-1.404-.811l-.991.572l-1-1.73zm3.404.688a1.5 1.5 0 1 0 0-2.998a1.5 1.5 0 0 0 0 2.998'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.min-h-dvh {
  min-height: 100dvh;
}

.min-h-vh {
  min-height: 100vh;
}

.min-h-full {
  min-height: 100%;
}

.border {
  border: 1px solid var(--clr-primary);
}

.border-2 {
  border: 2px solid var(--clr-primary);
}

.border-t {
  border-top: 1px solid var(--clr-primary);
}

.border-r {
  border-right: 1px solid var(--clr-primary);
}

.border-b {
  border-bottom: 1px solid var(--clr-primary);
}

.border-l {
  border-left: 1px solid var(--clr-primary);
}

.hidden-element {
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100%);
  transition: all 1s;
}

.show-element {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}

.cursor {
  color: var(--clr-accent);
  animation: blink 1s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 100%;
  }
  50% {
    opacity: 0%;
  }
}
.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-100 {
  opacity: 1;
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.btn {
  color: var(--clr-primary);
  padding: 10px 10px;
  border: 1px solid var(--clr-primary);
  background-color: color-mix(in srgb, var(--clr-primary) 5%, white);
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  box-shadow: 6px 7px 40px -4px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  touch-action: manipulation;
  transition: background-color 0.3s linear, box-shadow 0.2s, -ms-transform 0.1s, -webkit-transform 0.1s, transform 0.1s;
  user-select: none;
  -webkit-user-select: none;
}
.btn:hover {
  background-color: var(--clr-primary);
  color: var(--clr-neutral);
}
.btn:active {
  transform: scale(0.96);
}
.btn:disabled {
  border-color: #DDDDDD;
  color: #DDDDDD;
  cursor: not-allowed;
  opacity: 1;
}
.btn span {
  position: absolute;
  z-index: var(--z-fixed);
  width: 0px;
  height: 0px;
  border-radius: 50%;
  background-color: var(--clr-primary);
  animation-name: ripple;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
}

@keyframes ripple {
  0% {
    width: 5px;
    height: 5px;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    width: 5px;
    height: 5px;
    transform: scale(40);
    opacity: 0;
  }
}
/* @media (hover: hover) {
    .button:hover {
        background-color:mediumpurple; 
    }
} */
@media (hover: hover) {
  .button:hover {
    background-color: aquamarine;
  }
}

.topbar {
  height: 3rem;
  background-color: var(--clr-primary);
  /* &-opening-hours {
    @include flex(row, wrap, space-between, end, .3rem);
    //color: var(--clr-primary);
    color: color-mix(in srgb, var(--clr-primary), white 40%);
    font-size: .9rem;

    & :is(em) {
      font-style: normal;
      color: var(--clr-accent);
    }

    & :is(i) {
      font-size: 1.1rem;
    }
  } */
}
.topbar-container {
  position: relative;
  display: grid;
  grid-template-columns: var(--grid-container);
  min-height: 100%;
  container-name: topbar-wide;
  container-type: inline-size;
}
.topbar-container-shape {
  position: absolute;
  width: 40%;
  height: 100%;
  background-color: var(--clr-accent);
  z-index: 1;
}
.topbar-container :is(.topbar-content) {
  grid-column: 2/3;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
.topbar-container .service-hours {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.3em;
  color: var(--clr-neutral);
  font-size: var(--fs-sm);
  display: inline-flex;
}
.topbar-container .service-hours > i {
  font-size: var(--fs-lg);
}
.topbar-container :is(.contact-info) {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}
.topbar-container .contact-email {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: end;
  gap: 0.3rem;
  color: var(--clr-neutral);
  font-size: var(--fs-sm);
}
.topbar-container .contact-email > i {
  font-size: var(--fs-base);
}
.topbar-container :is(.contact-social-media) {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}
.topbar-container :is(.contact-social-media a) {
  padding: 0px;
  margin-top: 5px;
}
.topbar-container :is(.contact-social-media i) {
  color: var(--clr-neutral);
  font-size: 1.2rem;
}

@container topbar-wide (max-width: 700px) {
  .topbar-container-shape {
    width: 60%;
  }
  .topbar-content .service-hours > span {
    font-size: 0.9em;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  }
  .topbar-content :is(.contact-email) {
    display: none;
  }
  .topbar-content :is(.contact-social-media i) {
    font-size: 1.2rem;
  }
}
/* @container topbar-wide (max-width: 500px) {
  .topbar-container-shape {
    //background-color: red;
    //width: 60%;
  }
} */
.navbar {
  position: relative;
  display: grid;
  background-color: white;
  grid-template-columns: var(--grid-container);
  height: 70px;
}
.navbar-content {
  grid-column: 2/3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  align-items: center;
}
.navbar-logo {
  display: grid;
  grid-template-columns: 52px 1fr;
  grid-template-rows: auto auto;
}
.navbar-logo > img {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 45px;
  height: 45px;
}
.navbar-logo > h3 {
  position: relative;
  top: 2px;
  color: var(--clr-primary);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: -2px;
}
.navbar-logo > h3 :is(em) {
  color: var(--clr-primary);
  font-style: normal;
}
.navbar-logo > span {
  position: relative;
  top: -4px;
  color: var(--clr-accent);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 0.8em;
}
.navbar-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  height: 100%;
  background-color: hsla(233, 33%, 11%, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: start;
  gap: 1.5em;
  padding: 2em;
  transition: all 0.3s ease-in-out;
}
.navbar-menu:is(.show-menu) {
  right: 0;
}
.navbar-menu-list {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: start;
  gap: 1.5em;
  text-transform: uppercase;
}
.navbar-menu-link {
  position: relative;
  display: block;
  padding: 10px 0 10px 0;
  font-size: var(--fs-base);
  letter-spacing: 0.1em;
  font-weight: 300;
  color: var(--clr-neutral);
  transition: all 0.3s ease-in-out;
}
.navbar-menu-link::after {
  position: absolute;
  content: "";
  display: block;
  background-color: var(--clr-primary);
  width: 0%;
  height: 2px;
  margin-top: 10px;
  transition: width 0.3s;
}
.navbar-menu-link:hover {
  color: var(--clr-accent);
}
.navbar-menu-link:hover::after {
  background-color: var(--clr-accent);
  width: 50%;
}
.navbar-menu-link.active-link {
  color: color-mix(in srgb, var(--clr-accent) 90%, black);
}
.navbar-menu-link.active-link::after {
  background-color: color-mix(in srgb, var(--clr-accent) 90%, black);
  width: 50%;
}
.navbar-menu-cta {
  margin-top: 30px;
}
.navbar-menu-cta-phone-link {
  display: none;
}
.navbar-menu-cta-budget-link {
  padding: 20px 15px;
  font-size: 1em;
  color: var(--clr-primary);
  background-color: color-mix(in srgb, var(--clr-accent) 90%, black);
}
.navbar-menu-cta-budget-link:hover {
  color: var(--clr-primary);
  background-color: var(--clr-neutral);
}
.navbar-mobile-btn {
  display: block;
  border: 0;
  background-color: transparent;
  justify-self: end;
}
.navbar-mobile-btn > i {
  color: var(--clr-primary);
  width: 2.2em;
  height: 2.2em;
  transition: all 0.3s ease-in-out;
}
.navbar-mobile-btn > i:hover {
  color: color-mix(in srgb, var(--clr-accent) 90%, black);
}
.navbar-mobile-btn > i.icon-close {
  color: var(--clr-neutral);
  font-size: 1.4em;
}
.navbar-mobile-btn > i.icon-close:hover {
  color: color-mix(in srgb, var(--clr-accent) 90%, black);
}

.shadow-navbar {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

@media (min-width: 500px) {
  .navbar-logo {
    grid-template-columns: 56px 1fr;
  }
  .navbar-logo > img {
    width: 50px;
    height: 50px;
  }
  .navbar-logo > h3 {
    font-size: 1.6em;
  }
  .navbar-logo > span {
    letter-spacing: 2px;
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  .navbar-menu {
    width: 50%;
  }
}
@media (min-width: 920px) {
  .navbar-content {
    grid-template-columns: 1fr 2fr;
    align-items: center;
  }
  .navbar-menu {
    position: relative;
    right: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
  }
  .navbar-menu-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    align-items: center;
    gap: 1.5em;
    text-transform: lowercase;
  }
  .navbar-menu-link {
    position: relative;
    font-size: var(--fs-sm);
    letter-spacing: 1px;
    font-weight: 300;
    color: var(--clr-primary);
    transition: all 0.3s ease-in-out;
  }
  .navbar-menu-cta {
    margin: 0;
  }
  .navbar-menu-cta-phone-link {
    display: none;
  }
  .navbar-menu-cta-budget-link {
    margin: 0;
    padding: 10px 10px;
    background-color: var(--clr-neutral);
    text-transform: lowercase;
    font-size: var(--fs-sm);
    font-weight: 300;
    transition: all 0.3s ease-in-out;
  }
  .navbar-menu-cta-budget-link > i {
    position: relative;
    top: 2px;
  }
  .navbar-menu-cta-budget-link:hover {
    color: var(--clr-neutral);
    background-color: var(--clr-secondary);
    border: 1px solid var(--clr-secondary);
  }
  .navbar-mobile-btn {
    display: none;
  }
}
@media (min-width: 1280px) {
  .navbar-menu-cta {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
  }
  .navbar-menu-cta-phone-link {
    display: block;
    color: var(--clr-primary);
    font-weight: 300;
    transition: all 0.3s ease-in-out;
  }
  .navbar-menu-cta-phone-link > i {
    position: relative;
    top: 3px;
  }
  .navbar-menu-cta-phone-link:hover {
    color: var(--clr-accent);
  }
}
.scrollup {
  position: fixed;
  right: 1rem;
  bottom: -50%;
  color: white;
  background-color: var(--clr-secondary);
  box-shadow: 0 12px 24px hsla(var(--hue), 48%, 4%, 0.5);
  display: inline-flex;
  padding: 10px;
  border-radius: 5px;
  font-size: 1.25rem;
  z-index: var(--z-tooltip);
  transition: bottom 0.4s, transform 0.4s;
}
.scrollup:hover {
  transform: translateY(-0.5rem);
  background-color: color-mix(in srgb, var(--clr-secondary) 80%, black);
}

.show-scrollup {
  bottom: 3rem;
}

.home-container {
  position: relative;
  margin-top: 120px;
  display: grid;
  grid-template-columns: var(--grid-container);
}
.home-container-image {
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 800px;
  height: 400px;
}
.home-container-shape {
  grid-column: 1/-1;
  grid-row: 1/-1;
  background-color: var(--clr-primary);
  opacity: 0.9;
  width: 60%;
  height: 400px;
  z-index: 1;
}
.home-content {
  grid-column: 2/3;
  grid-row: 1/2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 400px 140px 140px;
  place-content: center;
  z-index: 2;
  color: white;
}
.home-content .main-content {
  grid-column: 1/3;
  grid-row: 1/2;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: start;
  gap: 10px;
}
.home-content .main-content .subtitle {
  font-size: 1em;
}
.home-content .main-content .headline {
  max-width: 375px;
  font-size: 1.8em;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  line-height: 1;
}
.home-content .main-content .headline :is(em) {
  color: var(--clr-accent);
  font-style: normal;
}
.home-content .main-content .subheading {
  margin-top: 10px;
  max-width: 300px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.home-content .main-content .home-actions {
  margin-top: 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.home-content .main-content .btn-cta-budget-link {
  padding: 20px 15px;
  font-size: 0.9em;
  color: var(--clr-neutral);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background-color: color-mix(in srgb, var(--clr-accent) 80%, black);
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
.home-content .main-content .btn-cta-budget-link:hover {
  background-color: var(--clr-neutral);
  color: var(--clr-primary);
  text-shadow: none;
}
.home-content .main-content .btn-projects-link {
  font-size: 0.9em;
  font-weight: 600;
  color: var(--clr-accent);
  display: inline;
}
.home-content .main-content .btn-projects-link > i {
  position: relative;
  top: 5px;
  font-size: 1.2em;
}
.home-content .main-content .btn-projects-link:hover {
  color: var(--clr-neutral);
}
.home-content .featured-info {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  row-gap: 5px;
  background-color: var(--clr-neutral);
  color: var(--clr-primary);
  font-weight: 250;
  transform: translateY(-20px);
  padding: 0 15px 0 15px;
  border-bottom: 1px solid color-mix(in srgb, var(--clr-primary) 40%, white);
}
.home-content .featured-info > i.feat {
  position: absolute;
  right: 0;
  top: 10%;
  font-size: 5em;
  z-index: -1;
  color: color-mix(in srgb, var(--clr-primary), white 80%);
}
.home-content .featured-info > h3 {
  font-size: 1em;
}
.home-content .featured-info > p {
  font-size: 0.8em;
}
.home-content .featured-info.cert {
  grid-column: 1/2;
  grid-row: 2/3;
}
.home-content .featured-info.security {
  grid-column: 2/3;
  grid-row: 2/3;
}
.home-content .featured-info.video {
  grid-column: 1/3;
  grid-row: 3/4;
  padding: 0;
}
.home-content .featured-info.video img {
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 100%;
  height: 140px;
  object-fit: cover;
  object-position: center;
}
.home-content .featured-info.video i {
  color: white;
  font-size: var(--fs-6xl);
  grid-column: 1/-1;
  grid-row: 1/-1;
  place-self: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.home-content .featured-info.video i:hover {
  color: var(--clr-accent);
  transform: scale(1.2);
}
.home .modal-video {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.home .modal-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 750px;
  border-radius: 5px;
  border: 3px solid #fff;
  object-fit: cover;
}
.home .modal-video .icon-close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: var(--fs-4xl);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.home .modal-video .icon-close:hover {
  color: var(--clr-accent);
  transform: scale(1.2);
}
.home .modal-video.active {
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 580px) {
  .home-content .main-content .headline {
    max-width: 500px;
    font-size: 2.6em;
  }
}
@media (min-width: 768px) {
  .home-container-image {
    width: 1000px;
    height: 450px;
  }
  .home-container-shape {
    width: 50%;
    height: 450px;
    z-index: 1;
  }
  .home-content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 140px;
  }
  .home-content .main-content {
    align-self: end;
  }
  .home-content .featured-info {
    transform: translateY(50px);
  }
  .home-content .featured-info.cert {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .home-content .featured-info.security {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .home-content .featured-info.video {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .home .modal-video video {
    width: 95%;
  }
  .home .modal-video .icon-close {
    font-size: var(--fs-3xl);
  }
}
@media (min-width: 1000px) {
  .home-content {
    align-self: end;
  }
  .home-content .main-content {
    margin-bottom: 50px;
  }
  .home-content .main-content .subtitle {
    font-size: var(--fs-xl);
  }
  .home-content .main-content .headline {
    font-size: var(--fs-5xl);
    max-width: 800px;
  }
  .home-content .main-content .subheading {
    font-size: var(--fs-3xl);
    max-width: 500px;
  }
  .home-content .main-content .btn-cta-budget-link {
    font-size: var(--fs-md);
  }
  .home-content .main-content .btn-projects-link {
    font-size: var(--fs-md);
  }
  .home-container {
    background-color: aquamarine;
  }
  .home-container-image {
    width: 100%;
    height: 700px;
  }
  .home-container-shape {
    width: 42%;
    height: 700px;
    z-index: 1;
  }
  .home-content .featured-info {
    transform: translateY(30px);
  }
  .home-content .featured-info.cert {
    padding-left: 70px;
  }
  .home-content .featured-info.cert > i {
    font-size: var(--fs-5xl);
    color: color-mix(in srgb, var(--clr-primary), white 30%);
    left: 10px;
    top: 36px;
  }
  .home-content .featured-info.security {
    padding-left: 70px;
  }
  .home-content .featured-info.security > i {
    font-size: var(--fs-5xl);
    color: color-mix(in srgb, var(--clr-primary), white 30%);
    left: 5px;
    top: 36px;
  }
}

.about {
  padding-top: 50px;
  display: grid;
  grid-template-columns: var(--grid-container);
}
.about-content {
  grid-column: 2/3;
  grid-row: 2/3;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.about-content .security {
  margin-bottom: 10px;
  margin-right: 10px;
}
.about-content .security > img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  margin-bottom: 10px;
}
.about-content .security > .info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: center;
  gap: 0.5em;
  color: var(--clr-neutral);
  background-color: var(--clr-secondary);
  padding: 20px 15px;
  width: 320px;
  max-width: 350px;
  z-index: 1;
}
.about-content .security > .info i {
  font-size: var(--fs-4xl);
}
.about-content .security > .info h4 {
  font-weight: 700;
}
.about-content .security > .info p {
  padding-top: 5px;
  font-size: var(--fs-sm);
  font-weight: 300;
}
.about-content .experiences {
  z-index: -1;
}
.about-content .experiences > img {
  width: 260px;
  height: 230px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  margin-top: 10px;
}
.about-content .experiences > .info {
  background-color: var(--clr-accent);
  color: var(clr-primary);
  padding: 20px 10px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: start;
  gap: 0.3em;
  max-width: 300px;
}
.about-content .experiences > .info i {
  font-size: var(--fs-3xl);
}
.about-content .experiences > .info p {
  padding-top: 5px;
  font-size: var(--fs-sm);
  font-weight: 300;
}
.about-content .company-info {
  margin-top: 10px;
  grid-column: 1/3;
  color: var(--clr-primary);
  display: flex;
  flex-flow: column wrap;
  justify-content: start;
  align-items: start;
  gap: 2em;
}
.about-content .company-info > h4 {
  color: var(--clr-accent);
  font-size: var(--fs-lg);
  font-weight: 500;
  letter-spacing: 0.1em;
}
.about-content .company-info h2 {
  margin-top: -24px;
  font-size: var(--fs-2xl);
  line-height: 1;
  max-width: 500px;
}
.about-content .company-info p {
  font-weight: 200;
  max-width: 500px;
}
.about-content .company-info .btn-about {
  padding: 15px 20px;
  border: none;
  border-radius: 5px;
  background-color: var(--clr-primary);
  color: var(--clr-neutral);
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.about-content .company-info .btn-about > i {
  position: relative;
  top: 2px;
}
.about-content .company-info .btn-about:hover {
  background-color: var(--clr-accent);
  color: color-mix(in srgb, var(--clr-primary), white 15%);
}
.about-content .company-info .stats {
  font-size: var(--fs-sm);
  font-weight: 200;
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: start;
  gap: 1em;
}
.about-content .company-info .stats .stat-card h4 {
  color: var(--clr-secondary);
  font-size: var(--fs-2xl);
}
.about-content .company-info .stats .stat-divider {
  height: 75px;
  width: 2px;
  background-color: var(--clr-secondary);
}

@media (min-width: 768px) {
  .about {
    padding-top: 100px;
  }
  .about-content {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .about .security img {
    width: 100%;
    height: 350px;
  }
  .about .company-info {
    grid-column: 3/4;
    grid-row: 1/2;
    padding: 0 10px;
    gap: 1em;
  }
  .about .company-info > h2 {
    margin-top: -10px;
    font-size: var(--fs-xl);
  }
  .about .company-info > p {
    font-size: var(--fs-sm);
  }
}
@media (min-width: 1000px) {
  .about {
    padding-top: 150px;
  }
  .about-content {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .about .security img {
    width: 100%;
    height: 280px;
  }
  .about .experiences > .info {
    max-width: 260px;
  }
  .about .company-info {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .about .company-info > h2 {
    margin-top: -10px;
    font-size: var(--fs-2xl);
  }
}
/*
.about {
  padding-top: 150px;
  display: grid;
  grid-template-columns: var(--grid-container);

  &-content {
    grid-column: 2 /3;
    grid-row: 2 /3;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;

    .solutions {
      //background-color: red;

      & > img {
        width: 260px;
        height: 330px;
        object-fit: cover;
        object-position: right;
        border-radius: 12px;
        //margin-left: 20px;
      }

      & > .info {
        position: relative;
        margin-top: 20px;
        background-color: var(--clr-secondary);
        //background-color: color-mix(in srgb, var(--clr-primary), white 5%);
        color: var(--clr-neutral);
        padding: 25px 20px;
        //width: 100%;
        width: 340px;
        z-index: 1;
        display: grid;
        grid-template-columns: .3fr 1fr;
        grid-template-rows: auto auto;
        //grid-auto-flow: column;

        & > i {
          font-size: var(--fs-4xl);
        }

        & > p {
          font-weight: 300;
        }

        & > h4 {
          grid-column: 1 /-1;
          margin-top: 10px;
          font-size: var(--fs-lg);
          font-weight: 400;
        }
      }
    }

    .experiences {
      //background-color: var(--clr-accent);

      & .info {
        background-color: var(--clr-accent);
        width: 90%;
        padding: 20px 10px;
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: 60px 1fr;
        grid-template-rows: auto auto;


        & > i {
          grid-column: 1 /2;
          grid-row: 1 /3;
          font-size: var(--fs-4xl);
        }

        & > h2 {
          grid-column: 2 /3;
          grid-row: 1 /2;
          font-size: var(--fs-2xl);
        }

        & > p {
          //font-size: var(--fs-4xl);
          grid-column: 2 /3;
          grid-row: 2 /3;
          font-weight: 300;
        }

      }

      & > img {
        width: 250px;
        height: 350px;
        object-fit: cover;
        object-position: right;
        border-radius: 12px;
        //z-index: 1;
      }
    }

    .company-info {
      grid-column: 3 /5;
      grid-row: 1 /2;

      & > h2 {
        margin-top: 10px;
        color: color-mix(in srgb, var(--clr-primary), white 20%);
        //font-weight: 300;
        line-height: 1em;
      }

      & > h4 {
        color: color-mix(in srgb, var(--clr-accent), white 10%);
        font-size: var(--fs-lg);
        font-weight: 400;
      }

      & > p {
        margin-top: 20px;
        color: color-mix(in srgb, var(--clr-primary), white 30%);
        font-weight: 300;
      }

      & > button {
        margin-top: 20px;
        width: 120px;
        padding: 15px 0 15px 0;
        background-color: var(--clr-accent);
        border: none;
      }

      & .stats {
        margin-top: 50px;
        @include flex(row, wrap, start, start, 1.5em);

        & .stat-card h4 {
          color: var(--clr-secondary);
          font-size: var(--fs-3xl);
        }

        & .stat-card p {
          color: var(--clr-primary);
          font-weight: 200;
          font-size: var(--fs-sm);
        }

        & .stat-divider {
          height: 75px;
          width: 2px;
          background-color: var(--clr-secondary);
        }
      }
    }

    .featured {
      //color: red;
      justify-self: center;
      @include flex(column, wrap, center, center, 0.5em);
      max-width: 200px;
      text-align: center;
      //border: 1px solid blue;

      & > img {
        width: 80px;
        height: 80px;
        //border: 1px solid red;
      }

      & > h4 {
        //color: red;
        font-weight: 400;
      }

      & > p {
        font-size: var(--fs-sm);
        font-weight: 200;
      }

    }

  }

}
*/
.services {
  padding-top: 150px;
  display: grid;
  grid-template-columns: var(--grid-container);
  grid-template-rows: 1fr;
  /*
  &-content {
    //background-color: color-mix(in srgb, var(--clr-secondary), white 80%);
    grid-column: 2 /3;
    grid-row: 1 /2;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto 1fr 4fr;
    //grid-auto-flow: column;
    //align-items: center;

    & > h4 {
      grid-column: 1 /3;
      grid-row: 1/ 2;
      //align-self: end;
      color: var(--clr-accent);
      font-size: var(--fs-lg);
      font-weight: 500;
      letter-spacing: .1rem;
      padding-bottom: 10px;
    }

    & > h2 {
      color: var(--clr-primary);
      grid-column: 1 /4;
      //grid-row: 2/ 3;
      //align-self: start;
      font-size: var(--fs-2xl);
      line-height: 1.1;
    }

    & > p {
      //color: var(--clr-primary);
      color: color-mix(in srgb, var(--clr-primary) 80%, white);
      grid-column: 4 /7;
      grid-row: 2/ 3;
      align-self: start;
      font-weight: 300;
      font-size: var(--fs-base);
      //letter-spacing: .1rem;
      padding-bottom: 50px;
    }

    & .maintenance {
      grid-column: 1 /3;
      grid-row: 3/ 4;
      align-self: start;
      & img {
        @include image-size(90%, 300px);
      }
    }

    & .electrical-consulting {
      grid-column: 3 /5;
      grid-row: 3/ 4;
      align-self: start;
      & img {
        @include image-size(90%, 300px);
      }
    }

    & .electrical-fixtures {
      grid-column: 5 /7;
      grid-row: 3/ 4;
      align-self: start;
      & img {
        @include image-size(90%, 300px);
      }
    }

    & .service-info {
      //background-color: white;
      background-color: color-mix(in srgb, var(--clr-primary) 10%, white);
      width: 80%;
      min-height: 180px;
      padding: 20px 15px 40px 15px;
      border-bottom: solid 2px var(--clr-secondary);
      transform: translate(20px, -20px);
      display: grid;
      grid-template-columns: 1fr 5fr;
      grid-template-rows: 1fr 1fr;

      & > i {
        justify-self: center;
        align-self: center;
        color: var(--clr-accent);
        font-size: var(--fs-2xl);
      }

      & > h5 {
        justify-self: start;
        align-self: center;
        font-size: var(--fs-md);
      }

      & > p {
        grid-column: 2 /3;
        grid-row: 2/ 3;
        //color: red;
        font-size: var(--fs-sm);
      }
    }

  }
  */
}
.services-content {
  grid-column: 2/3;
  grid-row: 1/2;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, auto);
  /*
  & .maintenance {
    grid-column: 1 /3;
    grid-row: 3/ 4;
    align-self: start;
    & img {
      @include image-size(90%, 300px);
    }
  }
  */
  /*
  & .electrical-consulting {
    grid-column: 3 /5;
    grid-row: 3/ 4;
    align-self: start;
    & img {
      @include image-size(90%, 300px);
    }
  }
  */
  /*
  & .electrical-fixtures {
    grid-column: 5 /7;
    grid-row: 3/ 4;
    align-self: start;
    & img {
      @include image-size(90%, 300px);
    }
  }
  */
  /*
  & .service-info {
    //background-color: white;
    background-color: color-mix(in srgb, var(--clr-primary) 10%, white);
    width: 80%;
    min-height: 180px;
    padding: 20px 15px 40px 15px;
    border-bottom: solid 2px var(--clr-secondary);
    transform: translate(20px, -20px);
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-template-rows: 1fr 1fr;

    & > i {
      justify-self: center;
      align-self: center;
      color: var(--clr-accent);
      font-size: var(--fs-2xl);
    }

    & > h5 {
      justify-self: start;
      align-self: center;
      font-size: var(--fs-md);
    }

    & > p {
      grid-column: 2 /3;
      grid-row: 2/ 3;
      //color: red;
      font-size: var(--fs-sm);
    }
  }
  */
}
.services-content > h4 {
  grid-column: 1/4;
  grid-row: 1/2;
  color: var(--clr-accent);
  font-size: var(--fs-lg);
  font-weight: 500;
  letter-spacing: 0.1rem;
}
.services-content > h2 {
  margin-top: -15px;
  color: var(--clr-primary);
  grid-column: 1/-1;
  grid-row: 2/3;
  font-size: var(--fs-2xl);
  line-height: 1.1;
}
.services-content > p {
  color: color-mix(in srgb, var(--clr-primary) 80%, white);
  grid-column: 1/-1;
  grid-row: 3/4;
  align-self: start;
  font-weight: 300;
  font-size: var(--fs-base);
}
.services-content .maintenance {
  grid-column: 1/-1;
  grid-row: 4/5;
}
.services-content .electrical-consulting {
  grid-column: 1/-1;
  grid-row: 5/6;
}
.services-content .electrical-fixtures {
  grid-column: 1/-1;
  grid-row: 6/7;
}
.services-content .service {
  margin-bottom: 50px;
}
.services-content .service img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}
.services-content .service-info {
  margin-top: 10px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: start;
  gap: 0.5em;
}
.services-content .service-info > i {
  display: none;
}
.services-content .service-info h5 {
  font-size: var(--fs-lg);
}
.services-content .service-info p {
  margin-top: 5px;
  font-size: var(--fs-md);
  font-weight: 300;
}

@media (min-width: 768px) {
  .services-content {
    gap: 15px;
  }
  .services .service {
    margin-bottom: 5px;
  }
  .services .maintenance {
    grid-column: 1/4;
    grid-row: 4/6;
  }
  .services .maintenance > img {
    height: 400px;
  }
  .services .electrical-consulting {
    grid-column: 4/7;
    grid-row: 4/5;
  }
  .services .electrical-consulting > img {
    height: 150px;
  }
  .services .electrical-fixtures {
    grid-column: 4/7;
    grid-row: 5/6;
  }
  .services .electrical-fixtures > img {
    height: 150px;
  }
}
@media (min-width: 1100px) {
  .services {
    padding-top: 150px;
  }
  .services-content {
    gap: 20px;
  }
  .services .maintenance {
    grid-column: 1/3;
    grid-row: 4/6;
  }
  .services .maintenance > img {
    height: 400px;
  }
  .services .electrical-consulting {
    grid-column: 3/5;
    grid-row: 4/6;
  }
  .services .electrical-consulting > img {
    height: 400px;
  }
  .services .electrical-fixtures {
    grid-column: 5/7;
    grid-row: 4/6;
  }
  .services .electrical-fixtures > img {
    height: 400px;
  }
}
.projects {
  padding-top: 150px;
}
.projects-container {
  position: relative;
}
.projects-images .project-slide {
  display: grid;
  grid-template-columns: 1fr;
}
.projects-images .project-slide > .project-img-left {
  display: none;
}
.projects-images img {
  filter: grayscale(100%);
  width: 100%;
  height: 650px;
  object-fit: cover;
  object-position: center;
  object-position: top;
  transition: all 0.3s ease-in-out;
}
.projects-images img:hover {
  filter: none;
}
.projects-info {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  background-color: var(--clr-secondary);
  padding: 20px;
  z-index: var(--z-tooltip);
  color: white;
  display: grid;
  grid-template-columns: 50px 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 15px;
}
.projects-info h4 {
  font-size: var(--fs-xl);
  grid-column: 1/-1;
  grid-row: 1/2;
}
.projects-info p {
  grid-column: 1/-1;
  grid-row: 2/3;
  font-size: var(--fs-base);
}
.projects-info .swiper-btn-prev {
  align-self: end;
}
.projects-info .swiper-btn-next {
  align-self: end;
}
.projects-xcontent {
  background-color: color-mix(in srgb, var(--clr-secondary), white 80%);
  grid-column: 1/-1;
  grid-row: 2/3;
  display: grid;
  grid-template-columns: var(--grid-container);
  grid-template-rows: 1fr;
  grid-auto-flow: row;
}
.projects-xgallery {
  position: relative;
  grid-column: 2/3;
  grid-row: 1/2;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr 2fr;
  grid-auto-flow: row;
  /*
  & div:nth-child(2) {
    background-color: red;
  }
  */
}
.projects-xgallery .headline {
  grid-column: 1/3;
  grid-row: 1/2;
  align-self: end;
  margin-left: 20px;
}
.projects-xgallery .category-link {
  align-self: end;
  justify-self: end;
}
.projects-xgallery .category-content {
  margin: 20px;
  grid-column: span 2;
  grid-row: 2/-1;
  align-self: start;
  justify-self: end;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 4fr 1fr;
}
.projects-xgallery .category-content > img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
  grid-column: 1/-1;
  grid-row: 1/-1;
  align-self: start;
}
.projects-xgallery .category-content .category-info {
  background-color: color-mix(in srgb, var(--clr-secondary), black 80%);
  opacity: 70%;
  grid-column: 1/2;
  grid-row: 2/3;
  height: 100%;
  margin: 0 15px;
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 4fr 1fr;
}
.projects-xgallery .category-content .category-info > .text {
  color: white;
  grid-column: 1/-1;
  grid-row: 1/-1;
  align-self: center;
}
.projects-xgallery .category-content .category-info > .text > h4 {
  color: var(--clr-accent);
  font-size: var(--fs-lg);
}
.projects-xgallery .category-content .category-info > .stats-group {
  color: white;
  justify-self: end;
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: end;
  gap: 2em;
}
.projects-xgallery .category-content .category-info > .stats-group > .stat h4 {
  font-size: var(--fs-xl);
}
.projects-xgallery .btn-prev {
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateX(-110%);
  border: 0;
  font-size: var(--fs-lg);
  background-color: var(--clr-secondary);
  color: white;
  padding: 15px 20px;
  z-index: 10;
}
.projects-xgallery .btn-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateX(110%);
  border: 0;
  font-size: var(--fs-lg);
  background-color: var(--clr-secondary);
  color: white;
  padding: 15px 20px;
  z-index: 10;
}

@media (min-width: 768px) {
  .projects {
    padding-top: 150px;
  }
  .projects-info {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .projects {
    padding-top: 150px;
  }
  .projects-images .project-slide {
    grid-template-columns: 1fr 2fr;
  }
  .projects-images .project-slide > .project-img-left {
    display: block;
  }
  .projects-info {
    padding-right: 40px;
  }
  .projects-info > p {
    padding-bottom: 30px;
  }
}
.contact {
  padding-top: 150px;
  display: grid;
  grid-template-columns: var(--grid-container);
}
.contact-content {
  grid-column: 2/3;
  grid-row: 2/3;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  row-gap: 30px;
}
.contact-content .contact-heading {
  grid-column: 1/3;
  grid-row: 1/2;
}
.contact-content .contact-heading h2 {
  color: color-mix(in srgb, var(--clr-accent), white 10%);
  font-size: var(--fs-lg);
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
.contact-content .contact-heading p {
  color: color-mix(in srgb, var(--clr-primary), white 30%);
  font-weight: 300;
}
.contact-content .info-group {
  display: none;
  padding-top: 30px;
  grid-column: 1/2;
  grid-row: 2/3;
  gap: 20px;
}
.contact-content .info-group .info {
  display: grid;
  grid-template-columns: 40px auto;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  padding-bottom: 20px;
}
.contact-content .info-group .info > i {
  grid-column: 1/2;
  grid-row: 1/-1;
  font-size: var(--fs-2xl);
  color: var(--clr-secondary);
}
.contact-content .info-group .info > h4 {
  font-size: var(--fs-md);
  color: color-mix(in srgb, var(--clr-primary), white 20%);
  grid-column: 2/3;
  grid-row: 1/2;
}
.contact-content .info-group .info > p {
  color: color-mix(in srgb, var(--clr-primary), white 30%);
  grid-column: 2/3;
  grid-row: 2/3;
}
.contact-content .info-group .info .icon-address-marker-outline {
  font-size: var(--fs-3xl);
}
.contact-content .form {
  grid-column: 1/3;
  grid-row: 2/3;
}
.contact-content .form .form-control {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 0.5fr 0.5fr 0.8fr 0.5fr 1fr;
  row-gap: 20px;
  column-gap: 10px;
}
.contact-content .form .form-control .input-control {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: start;
  gap: 0.1em;
}
.contact-content .form .form-control .input-control > input {
  width: 100%;
}
.contact-content .form .form-control .input-control > input:focus {
  border-color: var(--clr-secondary);
  box-shadow: 0 0 0 2px var(--clr-secondary);
}
.contact-content .form .form-control .input-control > textarea:focus {
  border-color: var(--clr-secondary);
  box-shadow: 0 0 0 2px var(--clr-secondary);
}
.contact-content .form .form-control .subject {
  grid-column: 1/3;
  grid-row: 2/3;
}
.contact-content .form .form-control .subject > input {
  width: 100%;
}
.contact-content .form .form-control .message {
  grid-column: 1/3;
  grid-row: 3/4;
}
.contact-content .form .form-control .message > textarea {
  width: 100%;
}
.contact-content .form .form-control label {
  color: color-mix(in srgb, var(--clr-primary), white 40%);
  font-size: var(--fs-sm);
  padding-bottom: 2px;
}
.contact-content .form .form-control input, .contact-content .form .form-control textarea {
  padding: 10px;
  border: none;
  outline: none;
  border-radius: 4px;
  border: 1px solid var(--clr-primary);
}
.contact-content .form .form-control textarea {
  resize: none;
}
.contact-content .form .form-control button {
  background-color: var(--clr-accent);
  border: none;
  width: 80%;
  height: 50px;
  align-self: end;
  transition: all 0.3s ease-in-out;
}
.contact-content .form .form-control button:hover {
  background-color: color-mix(in srgb, var(--clr-primary), black 20%);
  color: white;
}
.contact-content .contact-image {
  display: none;
  grid-column: 3/4;
  grid-row: 1/3;
}
.contact-content .contact-image img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .contact {
    padding-top: 150px;
  }
  .contact-content {
    grid-template-columns: 2fr 1fr;
    column-gap: 20px;
  }
  .contact-content .form {
    grid-column: 1/2;
  }
  .contact-content .contact-image {
    display: block;
    grid-column: 2/3;
  }
}
@media (min-width: 1200px) {
  .contact {
    padding-top: 150px;
  }
  .contact-content {
    grid-template-columns: 1fr 2fr 1fr;
    column-gap: 15px;
  }
  .contact-content .info-group {
    display: block;
    grid-column: 1/2;
  }
  .contact-content .form {
    grid-column: 2/3;
  }
  .contact-content .contact-image {
    display: block;
    grid-column: 3/4;
  }
}
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--clr-background);
  color: var(--clr-foreground);
  font-family: var(--ff-site);
}

/* .container {
    max-width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
    .container {
        max-width: 90%;
    }
}*/
.container {
  max-width: clamp(300px, 1200px, 90%);
  margin: 0 auto;
}

.bg-primary {
  background-color: aquamarine;
}

.bg-secondary {
  background-color: burlywood;
}

.bg-accent {
  background-color: moccasin;
}

.text-overflow-wrap {
  overflow-wrap: break-word;
  min-width: 0;
  text-overflow: ellipsis;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: var(--z-fixed);
}

.footer {
  background-color: var(--clr-primary);
  color: white;
  padding-top: 2rem;
  display: grid;
  grid-template-columns: var(--grid-container);
}
.footer-container {
  grid-column: 2/3;
  grid-row: 1/-1;
  display: grid;
  place-content: center;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 80px;
  gap: 20px;
}
.footer-logo {
  /*
  &-link > h3 {
    color: var(--clr-light);
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
  }
  &-link > span {
    color: var(--clr-accent);
    font-style: normal;
  }
  */
}
.footer-logo-link {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: start;
  gap: 0.5rem;
}
.footer-logo-link img {
  margin-top: 5px;
  width: 36px;
  height: 36px;
  object-fit: cover;
  object-position: center;
}
.footer-logo-link h3 {
  color: var(--clr-neutral);
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}
.footer-logo-link span {
  position: relative;
  top: -3px;
  color: var(--clr-accent);
  font-style: normal;
}
.footer-company {
  display: flex;
  flex-flow: column wrap;
  justify-content: start;
  align-items: start;
  gap: 0.3rem;
}
.footer-company-title {
  color: var(--clr-light);
  font-weight: 300;
  font-size: 1.3rem;
}
.footer-company-link {
  color: var(--clr-light);
  font-weight: 200;
  font-size: 0.9rem;
}
.footer-social-media {
  display: flex;
  flex-flow: column wrap;
  justify-content: start;
  align-items: start;
  gap: 0.3rem;
}
.footer-social-media-title {
  color: var(--clr-light);
  font-weight: 300;
  font-size: 1.3rem;
}
.footer-social-media-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: start;
  gap: 0.7rem;
}
.footer-social-media-list > li > a {
  color: var(--clr-light);
  font-weight: 200;
  font-size: 1.3rem;
  font-style: normal;
}
.footer-info {
  display: flex;
  flex-flow: column wrap;
  justify-content: start;
  align-items: start;
  gap: 0.3rem;
}
.footer-info-title {
  color: var(--clr-light);
  font-weight: 300;
  font-size: 1.3rem;
}
.footer-info-list > li > a {
  color: var(--clr-light);
  font-weight: 200;
  font-size: 0.9rem;
}
.footer-copy {
  grid-row: 3;
  grid-column: 1/-1;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.2em;
  place-self: center;
  margin-top: -15px;
}
.footer-copy-rights, .footer-copy-terms, .footer-copy-url, .footer-copy-version {
  color: var(--clr-light);
  display: inline-block;
  font-size: var(--fs-small);
}
.footer-copy-url {
  margin-left: 0.2rem;
}

@media (min-width: 1000px) {
  .footer-container {
    grid-column: 2/3;
    grid-row: 1/-1;
    display: grid;
    place-content: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 80px;
    gap: 10px;
  }
  .footer-copy {
    width: 100%;
    grid-row: 2/3;
    place-self: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em;
  }
}
.swiper-projects {
  width: 100%;
  /* height: 400px; */
}

.swiper-btn-prev,
.swiper-btn-next {
  color: color-mix(in srgb, var(--clr-secondary), white 80%);
  font-size: 2em;
  transition: all 0.3s ease-in-out;
}

.swiper-btn-prev:hover,
.swiper-btn-next:hover {
  color: var(--clr-accent);
}

body {
  overflow-x: hidden;
}

/*# sourceMappingURL=style.css.map */