@charset "UTF-8";
/* Base */
/* xl -> small pc (1200px - ∞) */
/* lg -> tablet > (992px - 1200px) */
/* md -> tablet ^ (768px - 992px) */
/* sm -> mobile (576px - 768px) */
/* xs -> small mobile (350px - 576px) */
/* small pc screen */
/* small pc screen */
/* horizontal(>) yan tablet */
/* vertical(^) dik tablet */
/* all mobile devices */
/* iphone 5s -12 mini - 13 mini */
/* Encode Sans Semi Expanded - 100,200,300,400,600,700,800,900 */
/* Nunito Sans - 200,300,400,600,700,800,900 */
/* Open Sans - 300,400,600,700,800 */
/* Roboto 100,300,400,500,700,900 */
/* Outfit 100,200,300,400,500,600,700,800,900 */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
/* Cormorant 300,700 */
@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");
@font-face {
  font-family: "TheLastone";
  src: url("../fonts/TheLastone.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
}

body {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  overflow-x: hidden;
  background: #fff;
}
body.qua-active {
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  body.qua-active {
    overflow: inherit;
  }
}
body .qua-body {
  width: 100%;
  height: auto;
  min-height: calc(var(--quaVh, 1vh) * 100);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
body .qua-body .qua-bodyUp {
  width: 100%;
  height: auto;
  flex: 1;
  position: relative;
}
body .qua-body .qua-bodyDown {
  width: 100%;
  height: auto;
  overflow: hidden;
}

img {
  color: transparent;
}
img[loading=lazy]:not(.qua-loaded) {
  visibility: hidden;
}

/* Safari */
input, input:before, input:after, textarea {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

a, button {
  cursor: pointer !important;
}
@media screen and (max-width: 992px) {
  a, button {
    cursor: inherit !important;
  }
}

a:-webkit-any-link {
  /* color: inherit; */
}

.collapse {
    visibility: inherit!important;
}

/* Fancybox Reset */
.fancybox-thumbs {
  background: #fff !important;
}

.fancybox-thumbs > ul > li {
  height: auto !important;
  aspect-ratio: 1/1 !important;
}
.fancybox-thumbs > ul > li:before {
  border: 4px solid #fff !important;
}

.fancybox-button--zoom[disabled] {
  display: none !important;
}

.fancybox-button.fancybox-button--zoom {
  display: none !important;
}

/* Components */
/* Layout */
#qua-headerWrapper {
  width: 100%;
  height: 158px;
}
@media screen and (max-width: 992px) {
  #qua-headerWrapper {
    height: 158px;
  }
}
#qua-headerWrapper.qua-singleFlat {
  height: 38px;
}
@media screen and (max-width: 992px) {
  #qua-headerWrapper.qua-singleFlat {
    height: 72px;
  }
}
#qua-headerWrapper.qua-doubleFlat {
  height: 110px;
}
@media screen and (max-width: 992px) {
  #qua-headerWrapper.qua-doubleFlat {
    height: 72px;
  }
}
#qua-headerWrapper.qua-tripleFlat {
  height: 158px;
}
@media screen and (max-width: 992px) {
  #qua-headerWrapper.qua-tripleFlat {
    height: 72px;
  }
}

header#qua-header {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
header#qua-header .qua-headerUp {
  width: 100%;
  height: auto;
  background: rgb(20, 51, 214);
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerUp {
    display: none;
  }
}
header#qua-header .qua-headerUp .qua-container {
  width: calc(100% - 48px);
  height: auto;
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerUp .qua-container {
    width: calc(100% - 30px);
  }
}
header#qua-header .qua-headerUp .qua-container .qua-content {
  width: 100%;
  height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-left {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-left ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerUp .qua-container .qua-content .qua-left ul {
    display: none;
  }
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-left ul li {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-left ul li a {
  width: auto;
  height: auto;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgb(239, 242, 251);
  transition: color 300ms ease-in-out;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-left ul li a:hover {
  text-decoration: underline;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right {
  width: auto;
  height: 100%;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right ul.qua-socialArea {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 576px) {
  header#qua-header .qua-headerUp .qua-container .qua-content .qua-right ul.qua-socialArea {
    display: none;
  }
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right ul.qua-socialArea li {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right ul.qua-socialArea li a {
  width: auto;
  height: auto;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgb(239, 242, 251);
  transition: color 300ms ease-in-out;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right ul.qua-socialArea li a:hover {
  text-decoration: underline;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav {
  width: auto;
  height: 100%;
  display: block;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav {
    display: none;
  }
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li {
  width: auto;
  height: 100%;
  position: relative;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkHead {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 0 9px 0 7px;
  transition: background-color 35ms ease-in-out;
  cursor: pointer;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkHead .qua-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkHead .qua-imageGroup svg {
  width: 22px;
  height: 22px;
  fill: rgba(239, 242, 251, 0.19);
  stroke: rgb(239, 242, 251);
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkHead span {
  width: auto;
  height: auto;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgb(239, 242, 251);
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody {
  width: auto;
  height: auto;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  display: none;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody.qua-rightEnd {
  left: inherit;
  right: 0;
  transform: translateX(0);
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 9px 11px 7px 9px;
  gap: 5px;
  border-bottom: 1px solid rgb(209, 213, 219);
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row {
  width: 100%;
  height: auto;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row h1, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row h2, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row h3, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row h4, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row h5, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row h6, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row p, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row span, header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row a {
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 175%;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody .qua-firm .qua-row h2 {
  font-weight: 400;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 175%;
  font-weight: 400;
  color: rgb(18, 18, 18);
  padding: 5px 11px 5px 9px;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody a:nth-child(1) {
  padding-top: 7px;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody a:nth-last-child(1) {
  padding-bottom: 6px;
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li .qua-linkBody a:hover {
  background: rgb(209, 213, 219);
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li:hover .qua-linkHead {
  background: rgb(0, 105, 255);
}
header#qua-header .qua-headerUp .qua-container .qua-content .qua-right nav.qua-nav ul li:hover .qua-linkBody {
  display: flex;
}
header#qua-header .qua-headerMain {
  width: 100%;
  height: auto;
  border-bottom: 2px solid rgb(227, 232, 244);
  background: #fff;
  position: relative;
  z-index: 2;
}
header#qua-header .qua-headerMain .qua-container {
  width: calc(100% - 48px);
  height: auto;
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container {
    width: calc(100% - 30px);
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content {
  width: 100%;
  height: 72px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 1px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-left {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo {
  width: auto;
  height: auto;
  outline: none;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo .qua-imageGroup {
  width: auto;
  height: 44px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: opacity 150ms ease;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo .qua-imageGroup img {
  width: auto;
  height: 100%;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo .qua-imageGroup svg {
  width: auto;
  height: 44px;
  fill: rgb(21, 21, 21);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo .qua-imageGroup:hover img {
  opacity: 0.85;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo .qua-imageGroup:hover img {
    opacity: 1;
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo .qua-imageGroup:hover svg {
  opacity: 0.85;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-left a.qua-logo .qua-imageGroup:hover svg {
    opacity: 1;
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 1px));
  z-index: 1;
  height: calc(100% + 2px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav {
    display: none;
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li a {
  width: auto;
  height: auto;
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  transition: background-color 300ms ease-in-out;
  border-radius: 999px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li a span {
  color: rgb(77, 91, 124);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  transition: color 300ms ease-in-out;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li a .qua-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li a .qua-imageGroup svg {
  width: auto;
  height: 16px;
  stroke: rgb(77, 91, 124);
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li a:hover {
  background: rgb(239, 242, 251);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li a:hover span {
  color: rgb(0, 12, 42);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li a:hover .qua-imageGroup svg {
  transform: rotate(180deg);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li.qua-active a {
  background: rgb(239, 242, 251);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li.qua-active a span {
  color: rgb(0, 12, 42);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center nav ul li.qua-active a .qua-imageGroup svg {
  transform: rotate(180deg);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search {
  width: calc(100% - 56px);
  min-width: 600px;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search {
    min-width: 500px;
  }
}
@media screen and (max-width: 1200px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search {
    min-width: 425px;
  }
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search {
    display: none;
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input {
  width: 100%;
  height: 44px;
  border: 2px solid #1433d6;
  background-color: #fff;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  border-radius: 6px;
  padding: 10px 40px 10px 10px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #474747;
  opacity: 1; /* Firefox */
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #474747;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input::-ms-input-placeholder { /* Microsoft Edge */
  color: #474747;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input:focus {
  border: 2px solid #1433d6;
  background-color: #fff;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  color: #000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search button {
  position: absolute;
  right: 5px;
  width: auto;
  margin: 0 0 0 15px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgb(20, 51, 214);
  font-size: 16px;
  border: none;
  color: #fff;
  padding: 7px 7px 7px 7px;
  border-radius: 5px;
  transition: all 125ms ease-out;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search button svg {
  height: 19px;
  fill: #fff;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search button:hover {
  background: rgb(20, 51, 214);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search button:hover svg {
  fill: #fff;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input:focus ~ button {
  background: rgb(239, 242, 251);
  background: rgb(0, 105, 255);
  transition: all 125ms ease-out;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input:focus ~ button svg {
  fill: #fff;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input:focus ~ button:hover {
  background: rgb(20, 51, 214);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search input:focus ~ button:hover svg {
  fill: #fff;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 100%;
  min-width: 900px;
  height: auto;
  background: #fff;
  box-shadow: 0 14px 28px 9px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border-radius: 6px;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  padding: 10px 10px 10px 10px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent.qua-active {
  opacity: 1;
  transform: translateX(-50%);
  visibility: visible;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category {
  grid-column: span 1;
  width: 100%;
  height: auto;
  background: #f3f3f3;
  border-radius: 6px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category .qua-title {
  width: 100%;
  height: auto;
  padding: 10px 10px 7px 15px;
  border-bottom: 1px solid #d0d0d0;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category .qua-title span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category .qua-null {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 10px 14px 10px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category .qua-null span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px 10px 10px 10px;
  max-height: 390px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul::-webkit-scrollbar {
  width: 4px;
  background-color: #f3f3f3;
  border-radius: 4px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 4px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul li {
  width: 100%;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul li a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 9px 7px 7px 7px;
  border-radius: 3px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul li a span.qua-linkLeft {
  width: auto;
  height: auto;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  color: #000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul li a span.qua-linkRight {
  width: auto;
  height: auto;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  color: #000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-category ul li a:hover {
  background: #e1e1e1;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products {
  grid-column: span 2;
  width: 100%;
  height: auto;
  background: #f3f3f3;
  border-radius: 6px;
  overflow: hidden;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products .qua-title {
  width: 100%;
  height: auto;
  padding: 10px 10px 7px 10px;
  border-bottom: 1px solid #d0d0d0;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products .qua-title span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products .qua-null {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 10px 14px 10px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products .qua-null span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px 10px 10px 10px;
  max-height: 355px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul::-webkit-scrollbar {
  width: 4px;
  background-color: #f3f3f3;
  border-radius: 4px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 4px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 8px 10px 8px;
  border-radius: 3px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListLeft {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListLeft .qua-imageGroup {
  width: auto;
  height: 60px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgb(227, 232, 244);
  border-radius: 5px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListLeft .qua-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListRight {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListRight .qua-productListRightUp {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListRight .qua-productListRightUp span {
  width: auto;
  height: auto;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  color: #000000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListRight .qua-productListRightDown {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListRight .qua-productListRightDown span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a .qua-productListRight .qua-productListRightDown span:not(:last-child)::after {
  content: "|";
  margin-left: 10px;
  margin-right: 5px;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products ul li a:hover {
  background: #e1e1e1;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products .qua-row {
  width: 100%;
  height: auto;
  padding: 13px 10px 10px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #d0d0d0;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products .qua-row a {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-center form.qua-search .qua-searchContent .qua-products .qua-row a:hover {
  text-decoration: underline;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a {
  width: auto;
  height: auto;
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  transition: background-color 300ms ease-in-out;
  border-radius: 999px;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a {
    background: rgb(239, 242, 251);
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a span {
  color: rgb(77, 91, 124);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  transition: color 300ms ease-in-out;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a:hover {
  background: rgb(239, 242, 251);
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a:hover {
    background: rgb(239, 242, 251);
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a:hover span {
  color: rgb(0, 12, 42);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a.qua-signUp {
  background: rgb(0, 105, 255);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a.qua-signUp span {
  color: #fff;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a.qua-signUp:hover {
  background: rgb(20, 51, 214);
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a.qua-signUp:hover {
    background: rgb(0, 105, 255);
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-entrance a.qua-signUp:hover span {
  color: #fff;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square {
  width: 36px;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(227, 232, 244);
  padding-top: 1px;
  border-radius: 50%;
  transition: background 100ms ease, border 100ms ease, color 100ms ease;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square h1, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square h2, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square h3, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square h4, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square h5, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square h6, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square p, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square span {
  font-family: sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover {
  background: rgb(20, 51, 214);
  border: 1px solid rgb(20, 51, 214);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h1, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h2, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h3, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h4, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h5, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h6, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover p, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover span {
  color: #fff;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h1, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h2, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h3, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h4, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h5, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover h6, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover p, header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover span {
    color: #000;
  }
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight a.qua-square:hover {
    background: transparent;
    border: 1px solid rgb(227, 232, 244);
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-currency {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-currency span {
  width: auto;
  height: auto;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 100%;
  font-weight: 400;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown {
  width: auto;
  height: auto;
  margin-right: 9px;
  position: relative;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown {
    display: none;
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead {
  width: calc(100% + 15px);
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1200px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead {
    width: 100%;
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead svg.qua-headIcon {
  height: 23px;
  fill: none;
  margin-right: 7px;
  margin-top: 2px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead svg.qua-headIcon path {
  fill: #212121;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead .qua-info {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead .qua-info span.qua-infoUp {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead .qua-info span.qua-infoDown {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead .qua-info span.qua-infoDown.qua-bold {
  font-weight: 500;
  color: #cd0000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead:hover svg.qua-headIcon path {
  fill: #001eac;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead:hover .qua-info span.qua-infoUp {
  color: #001eac;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead:hover .qua-info span.qua-infoDown {
  color: #001eac;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown a.qua-dropdownHead:hover .qua-info span.qua-infoDown.qua-bold {
  color: #cd0000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody {
  width: 350px;
  height: auto;
  position: absolute;
  top: 100%;
  right: -12px;
  z-index: 5;
  background-color: #fff;
  box-shadow: 0 14px 28px 9px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border-radius: 6px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  display: none;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody::before {
  position: absolute;
  content: "";
  top: -10px;
  right: 40px;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
  border-radius: 8px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 8px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
  padding: 16px 13px 15px 12px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-null {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-null span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
  color: #272727;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-price {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-price .qua-priceUp {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-price .qua-priceUp span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  color: #1433d6;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-price .qua-priceDown {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-price .qua-priceDown p {
  font-family: "Inter", sans-serif;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleLeft .qua-price .qua-priceDown p span {
  font-size: 10px;
  font-weight: 400;
  color: #272727;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleRight {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleRight a {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleRight a span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
  color: #272727;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleRight a .qua-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleRight a .qua-imageGroup svg {
  width: auto;
  height: 13px;
  fill: none;
  stroke: #272727;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleRight a:hover span {
  text-decoration: underline;
  color: #001eac;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-title .qua-titleRight a:hover .qua-imageGroup svg {
  stroke: #001eac;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-cartEmpty {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 21px 0 20px 0;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-cartEmpty svg {
  height: 23px;
  fill: #272727;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody .qua-cartEmpty span {
  margin-top: 15px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
  color: #272727;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-height: 335px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul::-webkit-scrollbar {
  width: 4px;
  background-color: #f3f3f3;
  border-radius: 4px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 4px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 10px 10px 10px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListLeft {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListLeft .qua-imageGroup {
  width: auto;
  height: 60px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgb(227, 232, 244);
  border-radius: 5px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListLeft .qua-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListRight {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListRight .qua-productListRightUp {
  width: auto;
  height: auto;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListRight .qua-productListRightUp span {
  width: auto;
  height: auto;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  color: #000000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListRight .qua-productListRightDown {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListRight .qua-productListRightDown span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a .qua-productListRight .qua-productListRightDown span:not(:last-child)::after {
  content: "|";
  margin-left: 10px;
  margin-right: 5px;
  color: #404040;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody ul li a:hover {
  background: #e1e1e1;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown .qua-dropdownBody.qua-active {
  display: block;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown:hover .qua-dropdownHead {
  background-color: rgba(255, 255, 255, 0.2);
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown:hover .qua-dropdownHead svg.qua-headIcon path {
  fill: #1433d6;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown:hover .qua-dropdownHead .qua-info span.qua-infoUp {
  color: #1433d6;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown:hover .qua-dropdownHead .qua-info span.qua-infoDown {
  color: #1433d6;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown:hover .qua-dropdownHead .qua-info span.qua-infoDown.qua-bold {
  color: #cd0000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-loginRight .qua-cart.qua-dropdown:hover .qua-dropdownBody {
  display: block;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-sidebarButton {
  width: auto;
  height: auto;
  margin-left: 11px;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-sidebarButton .qua-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right .qua-sidebarButton .qua-imageGroup svg {
  height: 36px;
  stroke: #000;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right a.qua-profileButton {
  width: auto;
  height: auto;
  margin-left: 11px;
  display: none;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerMain .qua-container .qua-content .qua-right a.qua-profileButton {
    display: block;
  }
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right a.qua-profileButton .qua-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
header#qua-header .qua-headerMain .qua-container .qua-content .qua-right a.qua-profileButton .qua-imageGroup svg {
  height: 24px;
  stroke: #000;
}
header#qua-header .qua-headerDown {
  width: 100%;
  height: auto;
  border-bottom: 2px solid rgb(227, 232, 244);
  background: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerDown {
    display: none;
  }
}
header#qua-header .qua-headerDown .qua-container {
  width: calc(100% - 48px);
  height: auto;
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  header#qua-header .qua-headerDown .qua-container {
    width: calc(100% - 30px);
  }
}
header#qua-header .qua-headerDown .qua-container .qua-content {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 1px;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 1px));
  z-index: 1;
  height: calc(100% + 2px);
  display: none;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center.qua-active {
  display: block;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav {
  width: auto;
  height: 100%;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li a {
  width: auto;
  height: auto;
  padding: 6px 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  background: rgb(239, 242, 251);
  transition: background 300ms ease-in-out;
  border-radius: 999px;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li a span {
  color: rgb(77, 91, 124);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  transition: color 150ms ease-in-out;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li a .qua-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li a .qua-imageGroup svg {
  width: auto;
  height: 14px;
  stroke: rgb(77, 91, 124);
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out, color 150ms ease-in-out;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li a:hover {
  background: #e4e4e4;
  background: #1c61e7;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li a:hover span {
  color: rgb(0, 12, 42);
  color: rgb(255, 255, 255);
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li a:hover .qua-imageGroup svg {
  stroke: #fff;
  transform: rotate(180deg);
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li.qua-active a {
  background: #e4e4e4;
  background: #1c61e7;
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li.qua-active a span {
  color: rgb(0, 12, 42);
  color: rgb(255, 255, 255);
}
header#qua-header .qua-headerDown .qua-container .qua-content .qua-center nav ul li.qua-active a .qua-imageGroup svg {
  stroke: #fff;
  transform: rotate(180deg);
}

section.qua-nav {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: auto;
  opacity: 0;
  transform: translateY(calc(-100% - 85px));
  background-color: #fff;
  backdrop-filter: blur(19px);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 400ms ease;
  top: 158px;
}
section.qua-nav.qua-nav-singleFlat {
  top: 38px;
}
section.qua-nav.qua-nav-doubleFlat {
  top: 110px;
}
section.qua-nav.qua-nav-tripleFlat {
  top: 158px;
}
section.qua-nav.qua-active {
  transform: translateY(0);
  opacity: 1;
  height: auto;
  transition: all 700ms ease;
}
section.qua-nav .qua-container {
  width: calc(100% - 48px);
  margin: 0 auto;
  max-width: 1360px;
  height: auto;
}
section.qua-nav .qua-container .qua-content {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  gap: 28px;
  padding: 30px 0 25px 0;
}
section.qua-nav .qua-container .qua-content nav {
  width: 100%;
  height: auto;
}
section.qua-nav .qua-container .qua-content nav ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px 20px;
}
section.qua-nav .qua-container .qua-content nav ul li {
  width: calc((100% - 60px) / 4);
  height: auto;
  text-align: center;
}
section.qua-nav .qua-container .qua-content nav ul li a {
  width: auto;
  height: auto;
  color: rgb(77, 91, 124);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  transition: color 150ms ease-in-out;
}
section.qua-nav .qua-container .qua-content nav ul li a:hover {
  color: #000;
}

#qua-navWrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 4;
  width: 100%;
  height: 150%;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
#qua-navWrapper.qua-active {
  visibility: visible;
  opacity: 1;
}
/* Pages */
/* Auth */
#qua-main {
  width: 100%;
  height: auto;
  min-height: calc(100vh - 110px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 992px) {
  #qua-main {
    display: flex;
    flex-direction: column;
    grid-template-columns: inherit;
  }
}
#qua-main .qua-mainLeft {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainLeft {
    order: 2;
  }
}
#qua-main .qua-mainLeft .qua-container {
  width: calc(100% - 24px);
  height: auto;
  min-height: 100%;
  max-width: 680px;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainLeft .qua-container {
    width: calc(100% - 30px);
    margin: 0 auto;
    max-width: inherit;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content {
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding: 98px 150px 98px 0;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainLeft .qua-container .qua-content {
    min-height: inherit;
    padding: 35px 0 35px 0;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content h1, #qua-main .qua-mainLeft .qua-container .qua-content h2, #qua-main .qua-mainLeft .qua-container .qua-content h3, #qua-main .qua-mainLeft .qua-container .qua-content h4, #qua-main .qua-mainLeft .qua-container .qua-content h5, #qua-main .qua-mainLeft .qua-container .qua-content h6 {
  font-family: "Epilogue", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainLeft .qua-container .qua-content h1, #qua-main .qua-mainLeft .qua-container .qua-content h2, #qua-main .qua-mainLeft .qua-container .qua-content h3, #qua-main .qua-mainLeft .qua-container .qua-content h4, #qua-main .qua-mainLeft .qua-container .qua-content h5, #qua-main .qua-mainLeft .qua-container .qua-content h6 {
    font-size: 24px;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  text-align: left;
  color: rgb(77, 91, 124);
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainLeft .qua-container .qua-content p {
    font-size: 16px;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content form {
  margin-top: 25px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px 15px;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup.qua-col-50 {
  width: calc(50% - 7.5px);
}
@media screen and (max-width: 1080px) {
  #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup.qua-col-50 {
    width: 100%;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup.qua-col-100 {
  width: 100%;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formAlert {
  width: 100%;
  height: auto;
  background: #fff3cd;
  border-color: #ffeeba;
  padding: 10px 15px 13px 15px;
  display: flex;
  flex-direction: column;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formAlert p {
  font-family: "Inter", sans-serif;
  width: auto;
  height: auto;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  line-height: 150%;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formAlert a {
  margin-top: 10px;
  font-family: "Inter", sans-serif;
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 13px;
  color: #666;
  line-height: 150%;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formAlert a:hover {
  text-decoration: underline;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupHead {
  width: 100%;
  height: auto;
  padding-left: 2px;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupHead label {
  font-family: "Inter", sans-serif;
  width: auto;
  height: auto;
  font-weight: 500;
  font-size: 15px;
  color: #000;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupHead span {
  width: auto;
  height: auto;
  color: rgb(0, 105, 255);
  font-weight: 400;
  font-size: 14px;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody input, #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody select {
  width: 100%;
  height: auto;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  outline: none;
  padding: 12px 11px 12px 11px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  background: #fff;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody input::placeholder, #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody select::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody input:focus, #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody select:focus {
  border: 1px solid rgb(0, 105, 255);
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody input.is-invalid, #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody select.is-invalid {
  border: 1px solid red;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 1024px) {
  #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody input, #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody select {
    font-size: 16px;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='%23'><polygon points='0,0 100,0 50,50'/></svg>");
  background-size: 12px;
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  cursor: pointer;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody textarea {
  width: 100%;
  height: auto;
  min-height: 200px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  outline: none;
  padding: 12px 11px 12px 11px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  background: #fff;
  resize: vertical;
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody textarea:focus {
  border: 1px solid rgb(0, 105, 255);
}
#qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody textarea.is-invalid {
  border: 1px solid red;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 1024px) {
  #qua-main .qua-mainLeft .qua-container .qua-content form .qua-formGroup .qua-formGroupBody textarea {
    font-size: 16px;
  }
}
#qua-main .qua-mainLeft .qua-container .qua-content form button[type=submit] {
  outline: none;
  border: none;
  width: auto;
  height: auto;
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
  border-radius: 999px;
  background: rgb(0, 105, 255);
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
#qua-main .qua-mainLeft .qua-container .qua-content form button[type=submit]:hover {
  background: rgb(20, 51, 214);
  color: #fff;
}
#qua-main .qua-mainRight {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight {
    order: 1;
    height: auto;
  }
}
#qua-main .qua-mainRight .qua-container {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container {
    height: auto;
  }
}
#qua-main .qua-mainRight .qua-container .qua-content {
  width: 100%;
  height: 100%;
  background: rgb(0, 105, 255);
  position: relative;
  padding: 98px 0 98px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content {
    overflow: hidden;
    padding: 21px 0 22px 0;
    align-items: center;
    height: auto;
  }
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-background {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(0, 105, 255);
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-background .qua-imageGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-background .qua-imageGroup img {
  width: 100%;
  height: auto;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea {
  width: auto;
  height: auto;
  position: relative;
  top: 0;
  left: -85px;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea {
    width: 100%;
    top: inherit;
    left: inherit;
  }
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider {
  width: auto;
  height: auto;
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider {
    width: 100%;
  }
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper {
  width: auto;
  height: 428px;
  aspect-ratio: 1920/1080;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper {
    width: calc(100% - 30px);
    height: auto;
  }
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  cursor: grab;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-imageGroup {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-imageGroup::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper-pagination {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.75);
  opacity: 1;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  display: none;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton {
  position: absolute;
  top: 50%;
  z-index: 1;
  outline: none;
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton::after {
  color: #fff;
  font-size: 44px;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton::after {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton::after {
    font-size: 27px;
  }
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton.swiper-button-prev {
  left: 28px;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton.swiper-button-prev {
    left: 17px;
  }
}
#qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton.swiper-button-next {
  right: 28px;
}
@media screen and (max-width: 992px) {
  #qua-main .qua-mainRight .qua-container .qua-content .qua-sliderArea .qua-slider .qua-swiperButtons .qua-swiperButton.swiper-button-next {
    right: 17px;
  }
}

/* Homepage */
section#qua-banner {
  width: 100%;
  height: auto;
  background: #f6f6f6;
}
section#qua-banner .qua-container {
  width: calc(100% - 48px);
  height: auto;
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container {
    width: calc(100% - 30px);
  }
}
section#qua-banner .qua-container .qua-content {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
  padding: 25px 0 100px 0;
  align-items: stretch;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container .qua-content {
    gap: 15px;
    padding: 21px 0 100px 0;
    grid-template-columns: repeat(1, 1fr);
  }
}
section#qua-banner .qua-container .qua-content .qua-left {
  grid-column: span 1;
  width: 100%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider {
  width: 100%;
  height: auto;
  cursor: grab;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper {
  width: 100%;
  height: auto;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper {
  width: 100%;
  height: auto;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 460px;
  position: relative;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-imageGroup {
  width: 100%;
  height: 100%;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-imageGroup::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 45px 33px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent.qua-textAlignCenter {
  align-items: center;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent.qua-textAlignLeft {
  align-items: flex-start;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent.qua-textAlignRight {
  align-items: flex-end;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h1, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h2, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h3, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h4, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h5, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h6 {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 500;
  font-size: 36px;
  color: #fff;
  line-height: 145%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h1, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h2, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h3, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h4, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h5, section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent h6 {
    font-size: 24px;
  }
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent p {
  margin-top: 10px;
  font-family: "Lexend Deca", sans-serif;
  font-size: 15px;
  line-height: 150%;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent a {
  margin-top: 13px;
  width: auto;
  height: auto;
  background: #1c61e7;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 20px 14px 20px;
  transition: background 125ms ease;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent a span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  color: #fff;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-wrapper .swiper-slide .qua-sliderContent a:hover {
  background: #1957cf;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-pagination {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 15px;
  z-index: 1;
  transform: translateX(-50%);
  padding: 2px 7px 3px 7px;
  background: #fff;
  border: 1px solid rgb(118, 118, 118);
  border-radius: 25px;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #bbbbbb;
  width: 10px;
  height: 11px;
  opacity: 1;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #333333;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1920px;
  height: auto;
  display: none;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton {
  position: absolute;
  top: 50%;
  z-index: 1;
  outline: none;
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton::after {
  color: #fff;
  font-size: 44px;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton::after {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton::after {
    font-size: 27px;
  }
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton.swiper-button-prev {
  left: 28px;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton.swiper-button-prev {
    left: 17px;
  }
}
section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton.swiper-button-next {
  right: 28px;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container .qua-content .qua-left .qua-slider .swiper .qua-swiperButtons .qua-swiperButton.swiper-button-next {
    right: 17px;
  }
}
section#qua-banner .qua-container .qua-content .qua-right {
  grid-column: span 1;
  width: 100%;
  height: auto;
  display: grid;
  gap: 19px;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
}
@media screen and (max-width: 768px) {
  section#qua-banner .qua-container .qua-content .qua-right .qua-row {
    grid-template-columns: repeat(1, 1fr);
  }
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row.qua-row-100 {
  grid-template-columns: repeat(1, 1fr);
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row.qua-row-50 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  section#qua-banner .qua-container .qua-content .qua-right .qua-row.qua-row-50 {
    grid-template-columns: repeat(1, 1fr);
  }
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card {
  width: 100%;
  height: auto;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 {
  width: 100%;
  height: 277px;
  border-radius: 10px;
  background: #515151;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  padding: 45px 33px;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent {
    justify-content: center;
  }
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h1, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h2, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h3, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h4, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h5, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h6 {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 500;
  font-size: 28px;
  color: #fff;
  line-height: 145%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h1, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h2, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h3, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h4, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h5, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent h6 {
    font-size: 24px;
  }
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent p {
  margin-top: 10px;
  font-family: "Lexend Deca", sans-serif;
  font-size: 15px;
  line-height: 150%;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent .qua-button {
  margin-top: 13px;
  width: auto;
  height: auto;
  background: #1c61e7;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 20px 14px 20px;
  transition: background 125ms ease;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent .qua-button span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  color: #fff;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-cardContent .qua-button:hover {
  background: #1957cf;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-imageGroup {
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1 .qua-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease;
  transform: scale(1.01);
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-1:hover .qua-imageGroup img {
  transform: scale(1.1);
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 {
  width: 100%;
  height: 163px;
  border-radius: 10px;
  background: #515151;
  position: relative;
  overflow: hidden;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  padding: 10px 33px;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent h1, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent h2, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent h3, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent h4, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent h5, section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent h6 {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  line-height: 145%;
  text-align: left;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent p {
  margin-top: 10px;
  font-family: "Lexend Deca", sans-serif;
  font-size: 15px;
  line-height: 150%;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent .qua-button {
  margin-top: 13px;
  width: auto;
  height: auto;
  background: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 14px 12px 14px;
  transition: background 125ms ease;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent .qua-button span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  color: #333;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-cardContent .qua-button:hover {
  background: #e5e5e5;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-imageGroup {
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card.qua-type-2 .qua-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease;
  transform: scale(1.01);
}
section#qua-banner .qua-container .qua-content .qua-right .qua-row a.qua-card:hover .qua-imageGroup img {
  transform: scale(1.1);
}

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