@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
:root {
  --white: #FFF;
  --black: #000;
  --black-light: rgba(39, 39, 39, 0.897);
  --grey: #8C7161;
  --grey-dark: #8C7161;
  --primary: #19274d;
  --secondary: #007bff;
  --white-alt: #f8faff;
  --alt: #21315c;
  --ternary: #b0bbe4;
  --danger: rgb(230, 41, 100);
  --dark: rgb(40, 50, 82);
  --info: rgb(3, 152, 226);
  --link: #007bff;
  --success: rgb(6, 214, 158);
  --warning: rgb(250, 173, 66);
  --placeload-nuance-from: rgba(0, 0, 0, 0.07);
  --placeload-nuance-to: rgba(0, 0, 0, 0.15);
  --placeload-dark-nuance-from: rgba(255, 255, 255, 0.15);
  --placeload-dark-nuance-to: rgba(255, 255, 255, 0.24);
}

/*
    Example usage:
    @include animation(10s, 5s, changecolour)
 */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
.txt-center {
  text-align: center !important;
}

.txt-right {
  text-align: right !important;
}

.txt-left {
  text-align: left !important;
}

.txt-italic {
  font-style: italic;
}

.displayNone {
  display: none !important;
}

.unsetMaxHeight {
  max-height: unset !important;
}

.txt-back,
.txt-black {
  color: var(--dark) !important;
}

.txt-white {
  color: var(--white) !important;
}

.txt-error {
  color: var(--danger) !important;
}

.txt-success {
  color: var(--success) !important;
}

.txt-warn,
.txt-warning {
  color: var(--warning) !important;
}

.txt-info {
  color: var(--info) !important;
}

.txt-muted {
  color: var(--dark) !important;
}

@media only screen and (min-width: 600px) {
  .hide-gt-small {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .hide-gt-medium {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) {
  .hide-gt-large {
    display: none !important;
  }
}

@media only screen and (min-width: 1200px) {
  .hide-gt-xlarge {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  .hide-lt-small {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .hide-lt-medium {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .hide-lt-large {
    display: none !important;
  }
}

@media only screen and (max-width: 1200px) {
  .hide-lt-xlarge {
    display: none !important;
  }
}

@media only screen and (max-width: 599px) {
  .hide-eq-xsmall {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .hide-eq-small {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hide-eq-medium {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hide-eq-large {
    display: none !important;
  }
}

.hover-back:hover,
.hover-back:hover > i,
.hover-black:hover,
.hover-black:hover > i {
  color: var(--dark) !important;
}

.hover-white:hover,
.hover-white:hover > i {
  color: var(--white) !important;
}

.hover-error:hover,
.hover-error:hover i {
  color: var(--danger) !important;
}

.hover-success:hover,
.hover-success:hover i {
  color: var(--success) !important;
}

.hover-warn:hover,
.hover-warn:hover i {
  color: var(--warning) !important;
}

.hover-info:hover,
.hover-info:hover i {
  color: var(--info) !important;
}

.hover-muted:hover,
.hover-muted:hover i {
  color: var(--dark) !important;
}

.fade-fast-enter-active,
.fade-fast-leave-active {
  transition: opacity 0.2s ease;
}

.fade-fast-enter-from,
.fade-fast-leave-to {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .fade-fast-enter-active,
.fade-fast-leave-active {
    transition: none;
  }
}
.fade-slow-enter-active,
.fade-slow-leave-active {
  transition: opacity 0.5s ease;
}

.fade-slow-enter-from,
.fade-slow-leave-to {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .fade-slow-enter-active,
.fade-slow-leave-active {
    transition: none;
  }
}
html body, html {
  width: 100%;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: var(--white);
}
a:visited {
  color: var(--white);
}
a:hover {
  color: var(--info);
}

html {
  font-family: "Montserrat", sans-serif;
  font-family: "Open Sans", sans-serif;
  font-family: "Overpass", sans-serif;
  font-family: "Red Hat Display", sans-serif;
}
html body {
  font: 400 14px/20px "Red Hat Display", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: auto;
  /* Dark mode */
}
html body ul {
  margin: 0 !important;
  padding: 0 !important;
}
@media (prefers-color-scheme: dark) {
  html body {
    background-color: var(--primary);
  }
}

.btn {
  border: 1px solid var(--secondary);
  color: var(--secondary);
  background-color: var(--white);
  padding: 10px 20px;
  margin: 10px;
  font: 500 16px/18px "Red Hat Display", sans-serif;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn:hover {
  color: var(--white);
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.main-header .main-header-content nav .nav-submenu ul li a, .main-header .main-header-content nav > a {
  font: 400 18px/24px "Red Hat Display", sans-serif;
  padding: 5px 0;
  cursor: pointer;
  margin: 0 10px;
  color: var(--primary);
}

.main-header {
  width: 100%;
  max-width: 1170px;
  margin: auto;
  height: 65px;
  /* Dark mode */
}
@media only screen and (max-width: 992px) {
  .main-header {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .main-header {
    height: unset;
  }
}
.main-header .main-header-content {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  width: 100%;
  max-width: 1170px;
  margin: auto;
  color: var(--primary);
}
@media only screen and (max-width: 992px) {
  .main-header .main-header-content {
    width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .main-header .main-header-content {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.main-header .main-header-content .blank {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.main-header .main-header-content h1 {
  font: 700 28px/30px "Red Hat Display", sans-serif;
  margin: 10px;
  padding: 0;
}
@media only screen and (min-width: 600px) {
  .main-header .main-header-content h1 {
    margin: 0;
  }
}
.main-header .main-header-content .nav-toggle-btn {
  border: none;
  background: none;
  cursor: pointer;
}
.main-header .main-header-content nav > a {
  border-bottom: solid 2px transparent;
  position: relative;
}
.main-header .main-header-content nav > a:hover {
  border-color: var(--secondary);
}
@media only screen and (max-width: 600px) {
  .main-header .main-header-content nav {
    margin: 10px 0;
  }
}
.main-header .main-header-content nav .nav-submenu {
  display: none;
  position: absolute;
  background-color: var(--primary);
  margin-top: 7px;
  min-width: 300px;
  z-index: 1;
  padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.main-header .main-header-content nav .nav-submenu ul {
  list-style-type: none;
}
.main-header .main-header-content nav .nav-submenu ul li {
  padding: 5px 0;
  color: var(--white-alt);
}
.main-header .main-header-content nav .nav-submenu ul li a {
  color: var(--white-alt);
  width: 100%;
}
.main-header .main-header-content nav .nav-submenu ul li:hover {
  background-color: var(--secondary);
}
.main-header .main-header-content nav .nav-submenu ul li:hover a {
  color: var(--white-alt) !important;
}
.main-header .main-header-content nav a:hover .nav-submenu {
  display: block;
}
@media (prefers-color-scheme: dark) {
  .main-header .main-header-content {
    color: var(--white-alt);
  }
  .main-header .main-header-content nav a {
    color: var(--white-alt);
  }
  .main-header .main-header-content nav a:hover {
    border-color: var(--secondary);
  }
}

.footer {
  background-color: var(--primary);
  color: var(--white);
}
.footer .footer-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  min-height: 300px;
  font: 300 16px/20px "Red Hat Display", sans-serif;
}
.footer .footer-main > div {
  margin: 10px 20px;
}
.footer .footer-main > div h2 {
  font: 700 24px/26px "Red Hat Display", sans-serif;
}
.footer .footer-main > div h3 {
  font: 600 20px/22px "Red Hat Display", sans-serif;
}
.footer .footer-main > div p {
  font: 400 16px/25px "Red Hat Display", sans-serif;
  color: var(--white-alt);
}
.footer .footer-main > div ul.links {
  margin: 0;
  padding: 0;
  font: 400 16px/25px "Red Hat Display", sans-serif;
  color: var(--white-alt);
  list-style-type: none;
}
.footer .footer-main > div ul.links li {
  padding: 2px 0;
}
.footer .footer-main > div ul.links li svg {
  margin-right: 5px;
}
.footer .footer-copyright {
  text-align: center;
  background-color: var(--alt);
  padding: 30px 0;
  font: 400 12px/16px "Red Hat Display", sans-serif;
}
.footer .footer-copyright > div {
  margin: 5px;
}

.error-view {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--white);
}

.main-loader {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--white);
}

.section {
  background-color: var(--white);
  color: var(--primary);
  padding: 50px 30px;
}
.section .section-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (max-width: 992px) {
  .section .section-content {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.section .section-content h1 {
  font: 700 38px/44px "Red Hat Display", sans-serif;
  color: var(--primary);
  margin: 0;
}
.section .section-content h2 {
  font: 500 18px/44px "Red Hat Display", sans-serif;
  color: var(--secondary);
  font-style: italic;
  margin: 0;
}
.section .section-content p {
  margin: 10px 10px 0 0;
  font: 400 17px/26px "Red Hat Display", sans-serif;
  color: var(--alt);
  text-align: justify;
}
.section .section-content a {
  color: var(--secondary);
}
.section .section-content caption {
  font: 300 12px/20px "Red Hat Display", sans-serif;
  color: var(--alt);
}
.section .section-content > div {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}
.section .section-content .section-big-title {
  padding: 0 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
}
.section .section-content .section-big-title h1 {
  font-size: 34px;
  line-height: 40px;
}
.section .section-content .section-big-title h2 {
  font-size: 28px;
  line-height: 40px;
}
@media only screen and (min-width: 600px) {
  .section .section-content .section-big-title h1 {
    font-size: 44px;
    line-height: 60px;
  }
  .section .section-content .section-big-title h2 {
    font-size: 40px;
    line-height: 60px;
  }
}
.section .section-content aside {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  padding: 10px;
}
.section .section-content aside img {
  max-width: 300px;
  border: solid 5px var(--secondary);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.section.google-map > div {
  min-height: 400px;
}
.section.bg-image {
  background-position: center;
  background-size: cover;
  height: calc(100vh - 65px - 100px);
  transition: all 0.5s ease;
}
.section.bg-image .section-content {
  height: calc(100vh - 65px - 100px);
  background-color: #0000003a;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.section.bg-image.half-height {
  height: 50vh !important;
}
.section.bg-image.half-height .section-content {
  height: 50vh !important;
}
.section.boxed .section-content {
  width: 100%;
  max-width: 1170px;
  margin: auto;
}
@media only screen and (max-width: 992px) {
  .section.boxed .section-content {
    width: 100%;
  }
}
.section.no-padding {
  padding: 0;
}
.section.reverse .section-content {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}
@media only screen and (max-width: 992px) {
  .section.reverse .section-content {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.section.reverse .section-content p {
  margin: 10px 0 0 10px;
}
.section.bg-alt {
  background-color: var(--white-alt);
}
.section.bg-primary {
  background-color: var(--primary);
}
.section.bg-primary .section-content h1 {
  color: var(--white);
}
.section.bg-primary .section-content p,
.section.bg-primary .section-content caption,
.section.bg-primary .section-content a {
  color: var(--white-alt);
}

#nprogress .bar {
  background: var(--primary);
  z-index: 100000;
}

#nprogress .spinner {
  display: none;
}

@media (prefers-color-scheme: dark) {
  #nprogress .bar {
    background: var(--secondary);
  }
}
.griditems-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.griditems-wrapper .griditems {
  width: 300px;
  margin: 20px;
  margin-bottom: 20px;
}
.griditems-wrapper .griditems .griditems-img {
  width: 300px;
  height: 200px;
  border: solid 5px var(--secondary);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
}
.griditems-wrapper .griditems .griditems-img img {
  object-fit: cover;
  min-width: 300px;
  min-height: 200px;
  transition: all 0.3s ease;
}
.griditems-wrapper .griditems .griditems-img:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.griditems-wrapper .griditems p {
  width: 100%;
  color: var(--alt);
  text-align: justify;
}
.griditems-wrapper .griditems p:hover {
  color: var(--secondary);
}
.griditems-wrapper .griditems footer {
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
  border-top: solid 1px var(--alt);
  font: 300 10px/16px "Red Hat Display", sans-serif;
  color: var(--alt);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: row;
  -moz-justify-content: row;
  -ms-justify-content: row;
  justify-content: row;
  -ms-flex-pack: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.griditems-wrapper .griditems footer .social svg {
  padding: 0 2px;
  color: var(--alt);
  font-size: 16px;
}
.griditems-wrapper .griditems footer .social svg:hover {
  color: var(--secondary);
}