@charset "UTF-8";
/*@import url("https://fonts.googleapis.com/css?family=Mukta:700");*/
@import url("./loader.css");

#testBtns {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;

}



:root {
  --toast-duration: 2s;
}

html[lang="en"] [lang="fr"] {
  display: none !important;
}

html[lang="fr"] [lang="en"] {
  display: none !important;
}

/* ******************  STYLES ************** */
/*font-size*/
.text-xxxs {
  font-size: 0.8125rem;
} /*13px*/
.text-xxs {
  font-size: 1rem !important;
} /*16px*/
.text-xs {
  font-size: 1.125rem;
} /*18px*/
.text-sm {
  font-size: 1.25rem;
} /*20px*/
.text-md {
  font-size: 1.5rem;
} /*24px*/
.text-lg {
  font-size: 1.75rem;
} /*28px*/
.text-xl {
  font-size: 2rem;
} /*32px*/
.text-xll {
  font-size: 3rem;
} /*48px*/
.text-xxll {
  font-size: 3rem;
} /*65px*/
.text-xxl {
  font-size: 5.125rem;
} /*82px*/
.text-xxxl {
  font-size: 6rem;
} /*96px*/
.text-xxxxl {
  font-size: 6.875rem;
} /*110px*/
/* CUSTOM STYLES */
img {
  width: 100%;
}

header {
  overflow: auto;
}

.z-index-plus-1 {
  z-index: 1;
}

.z-index-plus-2 {
  z-index: 2;
}

.z-index-minus-1 {
  z-index: -1;
}

.z-index-plus-999 {
  z-index: 999;
}

.z-index-plus-998 {
  z-index: 998;
}

.z-index-plus-9999 {
  z-index: 9999;
}

.row-full {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.row-no-padding > * {
  padding-inline: 0;
}

.max-w-100 {
  max-width: 100%;
}

.min-w-unset.min-w-unset {
  min-width: unset;
}

.rounded-6 {
  border-radius: 1.25rem;
}

.rounded-10 {
  border-radius: 0.625rem;
}

.list-style-none {
  list-style: none;
}

.js-disabled {
  pointer-events: none;
  opacity: 0.8;
}

.count-products-items a:nth-child(n+3) {
  display: none;
}

.lh-3 {
  line-height: 1.875rem;
}

.ms-neg-5 {
  margin-left: -5px;
}

.logo-max-w {
  max-width: 12rem;
}

.logo-w-20 {
  max-width: 20rem;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid-body-layout {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.grid-table {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.4rem 1.5rem;
}
.grid-table .label {
  text-align: left;
}
.grid-table .value {
  text-align: left;
}

.dropdown-menu-custom-style {
  box-shadow: 0 4px 32px rgba(13, 26, 80, 0.15);
  border-radius: 0.625rem;
  border: none;
  padding: 0;
  overflow: hidden;
  width: max-content;
  z-index: 1;
}
.dropdown-menu-custom-style li:first-of-type a, .dropdown-menu-custom-style li:first-of-type div {
  padding-top: 1rem;
}
.dropdown-menu-custom-style li:last-child a, .dropdown-menu-custom-style li:last-child div {
  padding-bottom: 1rem;
  border-bottom: none;
}
.dropdown-menu-custom-style li a {
  padding: 0.5rem 1rem;
  font-weight: 400;
  border-bottom: 1px solid #EEF3FF;
}
.dropdown-menu-custom-style li a.active, .dropdown-menu-custom-style li a.dropdown-item:active {
  background-color: rgba(233, 236, 239, 0.3019607843) !important;
  color: #000 !important;
  font-weight: 600;
}

.ratio-square {
  aspect-ratio: 1;
}

/* 20px */
.p-20 {
  padding: 1.25rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* 30px */
.p-30 {
  padding: 2rem;
}

.pt-30 {
  padding-top: 2rem;
}

.pb-30 {
  padding-bottom: 2rem;
}

.py-30 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-30 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.p-40 {
  /* mobile 24px */
  padding: 1.5rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.p-50 {
  /* 50px */
  padding: 3.125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.px-50 {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.m-6 {
  /* 32px */
  margin: 2rem;
}

.mt-6 {
  margin-top: 2rem;
}

.mb-6 {
  margin-bottom: 2rem;
}

.my-6 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-6 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-25 {
  margin: 0.25rem 0;
}

/* TYPOGRAPHY */
p {
  line-height: 1.25 !important;
}

.text-gray {
  color: rgba(41, 45, 50, 0.7) !important;
}

.text-light-purple {
  color: #EEF3FF;
}

h1 {
  font-weight: 800;
  line-height: 1;
  font-size: 3rem;
  margin-bottom: 2rem;
  /*text-transform: capitalize;*/
}

h2 {
  font-weight: 800;
  /*text-transform: capitalize;*/
}

h3 {
  color: #000;
  font-weight: 800;
  margin-bottom: 2rem;
  /*text-transform: capitalize;*/
}

h4 {
  font-weight: 700;
  margin-bottom: 1rem;
}

h5 {
  color: #000;
  font-weight: 700;
  /*text-transform: uppercase;*/
}

.mirror-transform {
  transform: scaleX(-1);
}

.background-cover {
  background-size: cover;
}

.white-space-nowrap {
  white-space: nowrap;
}

.bg-primary .invalid-feedback {
  color: #ffc8cc;
}

.category-products-counter a.card-item:nth-child(n+9) {
  display: none;
}

.scroll-margin {
  scroll-margin-top: 8rem;
}

/* BTN */
.soften-bottom:before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 0.1rem;
  background: linear-gradient(180deg, rgba(139, 167, 32, 0) 0%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}

.soften-bottom.full-fade:before {
  height: 100%;
}

.uu-icon {
  font-size: 0.75em;
}

.btn-link {
  cursor: pointer;
}

.btn-light:hover, .btn-light:active {
  border-color: rgba(227, 227, 227, 0.2509803922) !important;
  background-color: rgba(227, 227, 227, 0.2509803922) !important;
}

.btn.offcanvas-btn-close-active:active {
  border-color: transparent !important;
}

.btn-play {
  position: relative;
  width: 6rem;
  height: 6rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  display: block;
  border-radius: 50%;
  animation: pulse-animation-play 2s infinite;
}

.btn-play:hover span:first-child {
  background-color: #f8f8f8;
}

.btn-play span:first-child {
  background-color: #FFF;
  display: block;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  transition: 0.3s;
}

.btn-play span:last-child {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/play.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 1.31rem;
  width: 1.06rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.btn-icon-bg-grey {
  display: block;
  max-width: 3.875rem;
  width: 100%;
  height: 3.875rem;
  background: #e3e3e3;
  border-radius: 1.5rem;
  margin-bottom: 1rem;
  position: relative;
}
.btn-icon-bg-grey span {
  color: #F7F7F9;
  line-height: 1;
  padding-top: 0.25rem;
}
.btn-icon-bg-grey span.fi-rr-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}

@keyframes pulse-animation-play {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(228, 228, 228, 0.5);
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.btn-circle-primary-pages {
  max-width: 5.75rem;
  width: 100%;
  height: 5.75rem;
  position: absolute;
  left: 1rem;
  bottom: 14rem;
  box-shadow: 0 7px 28px rgba(29, 73, 255, 0.2), 0 2px 3px rgba(0, 0, 0, 0.25);
}

.line-light::before {
  content: "";
  background-color: #e7edfc;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  z-index: 1;
  position: absolute;
  display: block;
}

.btn-add-page {
  text-align: center;
  color: #e7edfc;
  font-size: 1.25rem;
  transition: 0.3s;
  position: relative;
  background-color: white;
  z-index: 1;
}
.btn-add-page-icon {
  display: block;
  max-width: 3.75rem;
  width: 100%;
  height: 3.75rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/add-page.webp");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  opacity: 0.6;
  transition: 0.3s;
}
.btn-add-page:hover, .btn-add-page:active {
  color: #3B61FF;
  background-color: white;
}
.btn-add-page:hover .btn-add-page-icon, .btn-add-page:active .btn-add-page-icon {
  opacity: 1;
}

.btn-circle-md {
  position: relative;
  background: white;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
}

.btn-outline-light {
  color: #949698;
  background-color: rgba(247, 247, 249, 0.4196078431);
  border-color: #C8C8D0;
}
.btn-outline-light:hover {
  border-color: #C8C8D0;
}

.btn-circle-social {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-circle-save.active:before {
  background-color: #FB00FF;
  width: 100%;
}
.btn-circle-save.active .btn-circle-icon {
  background-color: #FFF !important;
  border: 2px solid #FB00FF;
  color: #FB00FF;
}
.btn-circle-save.active .text {
  color: #FFF !important;
}

.btn-icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  padding: 0;
}

/* TOM SELECT */
.tom-select.disabled ~ .tom-select {
  pointer-events: none;
}
.tom-select.disabled ~ .tom-select .ts-control:before {
  content: none;
}

/* BORDER */
.border-fade {
  background: radial-gradient(54.06% 100% at 50% 0%, rgba(238, 243, 255, 0.5) 0%, rgba(238, 243, 255, 0) 100%);
  border-top: 1px solid #eef3ff;
}

.border-light-purple {
  border-top: 1px solid #eef3ff;
}

.border-light-grey {
  border: 1px solid #ebebf3;
}

.border-easy-cream {
  border: 1px solid #F0F0F0;
}

.border-bootom-dotted {
  border-bottom: 1px dashed #292D32;
}

.border-dashed {
  border-style: dashed;
}

.links-vertical-border a:not(:first-child) {
  border-left: 1px solid #C8C8D0 !important;
  border-radius: 0;
}
.links-vertical-border a.btn-link:active {
  border-left: 1px solid #C8C8D0 !important;
}

/* BACKGROUND COLOR */
.bg-trasparent.bg-trasparent {
  background: transparent;
}

.bg-easy-cream-blue {
  background: rgba(242, 241, 255, 0.25);
}

.bg-easy-purple {
  background: rgba(188, 193, 243, 0.15);
}

.bg-white-opacity {
  background: rgba(255, 255, 255, 0.2);
  background-blend-mode: soft-light;
}

.bg-white-gradient {
  background: radial-gradient(54.06% 100% at 50% 0%, rgba(238, 243, 255, 0.5) 0%, rgba(238, 243, 255, 0) 100%);
}

.bg-light-blue-gradient {
  background: linear-gradient(105.22deg, rgba(0, 0, 0, 0) 21.11%, rgba(0, 0, 0, 0.7) 88.01%), #cce0ff;
  background-blend-mode: overlay, normal;
}

.bg-blue-gradient {
  background: linear-gradient(105.22deg, rgba(0, 0, 0, 0) 21.11%, rgba(0, 0, 0, 0.4) 88.01%), #3b61ff;
  background-blend-mode: overlay, normal;
}

.bg-blue-gradient-cyan {
  background-image: url("https://pp-cdn.faster.ws/images/static/bg/blue-gradient.svg");
  background-size: cover;
}

.bg-blue-gradient-white {
  background-image: linear-gradient(to top, #ffffff 9.83%, rgba(255, 255, 255, 0) 63.38%), url("https://pp-cdn.faster.ws/images/static/bg/blue-gradient.svg");
  background-size: cover;
}

.bg-light-cream-gradient {
  background: linear-gradient(334.84deg, rgba(255, 122, 0, 0.1) 0%, rgba(255, 122, 0, 0) 100%), #fff8ee;
}

.bg-light-azure-gradient {
  background: linear-gradient(294.99deg, rgba(0, 255, 255, 0.2) 0%, rgba(99, 255, 255, 0) 100%), #f0ffff;
}

.bg-light-purple-gradient {
  background: linear-gradient(334.84deg, rgba(59, 97, 255, 0.1) 0%, rgba(59, 97, 255, 0) 100%), #eef3ff;
}

.bg-green-gradient {
  background: linear-gradient(73.26deg, rgba(43, 43, 43, 0.5) 8.66%, rgba(0, 0, 0, 0) 82.34%), radial-gradient(100% 100% at 50% 0%, rgba(0, 255, 133, 0.15) 0%, rgba(0, 255, 133, 0) 100%), #007b40;
  background-blend-mode: multiply, normal, normal;
}

.bg-red-gradient {
  background: linear-gradient(73.26deg, rgba(43, 43, 43, 0.5) 8.66%, rgba(0, 0, 0, 0) 82.34%), radial-gradient(100% 100% at 50% 0%, rgba(255, 112, 112, 0.25) 0%, rgba(255, 112, 112, 0) 100%), #df1d1d;
  background-blend-mode: multiply, normal, normal;
}

.bg-filter-white {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.bg-filter-black {
  filter: invert(100%) sepia(6%) saturate(24%) hue-rotate(268deg) brightness(97%) contrast(107%);
}

.bg-filter-blue {
  filter: invert(67%) sepia(94%) saturate(2166%) hue-rotate(220deg) brightness(97%) contrast(110%);
}

.bg-filter-grey {
  filter: invert(93%) sepia(218%) saturate(23%) hue-rotate(190deg) brightness(100%) contrast(176%);
}

.banner-lg-blue {
  background: linear-gradient(105.22deg, rgba(0, 0, 0, 0) 21.11%, rgba(0, 0, 0, 0.4) 88.01%), #3b61ff;
  background-blend-mode: overlay, normal;
}

.banner-gradient-blue {
  background-image: url("https://pp-cdn.faster.ws/images/static/pro-services-page/bg-blue.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-item-rounded {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 3.875rem;
  height: 3.875rem;
  width: 100%;
  border-radius: 1.5rem;
  position: relative;
}

.border-top-bg-light-purple {
  background: radial-gradient(54.06% 100% at 50% 0%, rgba(238, 243, 255, 0.5) 0%, rgba(238, 243, 255, 0) 100%);
  border-top: 1px solid #eef3ff;
  padding: 2.125rem 0;
}

.box-shadow-none {
  box-shadow: none !important;
}

.box-shadow-main {
  box-shadow: 0 4px 26px rgba(0, 8, 41, 0.1);
}

.box-shadow-footer {
  box-shadow: 0 -2px 24px #ebebf3;
  z-index: 1;
}

.box-shadow {
  box-shadow: 0 4px 45px rgba(0, 0, 0, 0.15);
}

.box-shadow-header-bottom {
  box-shadow: 0 0 30px rgba(112, 144, 176, 0.2);
}

/* ICON */
/* .gg-bookmark,
.gg-bookmark::after {
    display: inline-block;
    box-sizing: border-box;
    border-top-right-radius: 3px
}
.gg-bookmark {
    border: 2px solid;
    border-bottom: 0;
    border-top-left-radius: 3px;
    overflow: hidden;
    position: relative;
    transform: scale(var(--ggs,1));
    width: .75rem;
    height: .875rem;
}
.gg-bookmark::after {
    content: "";
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    top: 9px;
    left: -1px;
    background: white;
} */
/* button.active span.icon-save-order{
  background-color: $pink;
} */
.support-center-icon {
  width: 2.5rem;
  height: 2.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.new-message-icon {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/support-center/new-mail.svg");
}

.open-message-icon {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/support-center/open-mail.svg");
}

.closed-message-icon {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/support-center/closed-mail.svg");
}

.sent-message-icon {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/support-center/sent-message.svg");
}

.badges-icon {
  font-size: 0.5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -0.4rem;
  right: -0.4375rem;
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  position: relative;
  transition: all 0.5s ease;
}
.badges-icon.gg-bell {
  width: 0.8rem;
  height: 0.7rem;
  border-top-left-radius: 6.25rem;
  border-top-right-radius: 6.25rem;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
  background: #ff0000;
  background-image: none !important;
  border: 0.125rem solid #ff0000;
}
.badges-icon.gg-bell .badges-top, .badges-icon.gg-bell .badges-bottom {
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-top-left-radius: 6.25rem;
  border-top-right-radius: 6.25rem;
  transition: all 0.7s ease;
}
.badges-icon.gg-bell .badges-top {
  background: #ff0000;
  width: 0.15rem;
  height: 0.15rem;
  top: -0.25rem;
}
.badges-icon.gg-bell .badges-bottom {
  width: 0.95rem;
  height: 0.5rem;
  border: 0.375rem solid transparent;
  border-top: 0 solid transparent;
  box-shadow: inset 0 0 0 0.25rem, 0 -2px 0 0;
  top: 0.7rem;
  left: -0.19rem;
  border-radius: 0.1875rem 0.1875rem 6.25rem 6.25rem;
  color: #ff0000;
}
.badges-icon.gg-circle {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #ff0000;
  color: #FFF !important;
  background-size: cover;
}

.home-icon {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/home.svg");
  background-size: cover;
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(26deg);
  }
  3% {
    transform: rotate(-24deg);
  }
  5% {
    transform: rotate(30deg);
  }
  7% {
    transform: rotate(-28deg);
  }
  9% {
    transform: rotate(26deg);
  }
  11% {
    transform: rotate(-24deg);
  }
  13% {
    transform: rotate(22deg);
  }
  15% {
    transform: rotate(-20deg);
  }
  17% {
    transform: rotate(18deg);
  }
  19% {
    transform: rotate(-16deg);
  }
  21% {
    transform: rotate(14deg);
  }
  23% {
    transform: rotate(-12deg);
  }
  25% {
    transform: rotate(10deg);
  }
  27% {
    transform: rotate(-8deg);
  }
  29% {
    transform: rotate(6deg);
  }
  31% {
    transform: rotate(-6deg);
  }
  33% {
    transform: rotate(4deg);
  }
  35% {
    transform: rotate(-2deg);
  }
  37% {
    transform: rotate(1deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.badges-icon-plus-small {
  height: 0.75rem;
  font-size: 0.75rem;
}

.gift-box-icon {
  max-width: 2.5rem;
  width: 100%;
  height: 2.4rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 1.25rem;
}

.light-blue-icon-bg {
  background: rgba(59, 97, 255, 0.15);
  max-width: 3.9rem;
  width: 100%;
  height: 3.9rem;
  border-radius: 50%;
}

.contact-us-icon {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.chat-icon {
  max-width: 2rem;
  height: 1.6rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/contact-us/chat.svg");
}

.phone-icon {
  max-width: 1.56rem;
  height: 1.56rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/contact-us/phone.svg");
}

.mark-map-icon {
  max-width: 1.3rem;
  height: 1.5rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/contact-us/marks-map.svg");
}

.icon-flag-country-select {
  max-width: 1.25rem;
}

.icon-google,
.icon-facebook {
  max-width: 1.43rem;
  width: 100%;
  height: 1.43rem;
  margin-right: 0.75rem;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}

.icon-google {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/social/google.svg");
}

.icon-facebook {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/social/facebook-blue.svg");
}

.icon-social-instagram,
.icon-social-facebook {
  max-width: 1.625rem;
  width: 100%;
  height: 1.625rem;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}

.icon-social-instagram {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/social/instagram.svg");
}

.icon-social-facebook {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/social/facebook.svg");
}

.icon-pdf,
.icon-psd,
.icon-ai,
.icon-doc {
  width: 3.375rem;
  height: 4.07rem;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

.icon-pdf {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/type-file/PDF.svg");
}

.icon-psd {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/type-file/PSD.svg");
}

.icon-ai {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/type-file/AI.svg");
}

.icon-doc {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/type-file/DOC.svg");
}

.icon-upload-file {
  background-image: url("https://pp-cdn.faster.ws/images/static/upload-file/upload-a-file.svg");
}

.icon-selected-library {
  background-image: url("https://pp-cdn.faster.ws/images/static/upload-file/select-from-library.svg");
}

.icon-design-online {
  background-image: url("https://pp-cdn.faster.ws/images/static/upload-file/design-online.svg");
}

.icon-work-with-designer {
  background-image: url("https://pp-cdn.faster.ws/images/static/upload-file/work-with-a-designer.svg");
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  /* @todo do we need this?*/
  /*background: some-image;*/
}

.heart-icon {
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.heart-outline-icon {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/heart-outline.svg");
}

.heart-black-icon {
  animation: pulse 1s normal;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/heart.svg");
}

@keyframes pulse {
  10% {
    transform: scale(1.3);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.1);
  }
}
/* OPEN LOGIN/REGISTER */
.full-screen-content {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
.full-screen-content.open-modal .content-login-row, .full-screen-content.open-modal .content-login-btn-close {
  opacity: 0 !important;
}
.full-screen-content.d-block {
  transform: none;
  display: block;
  position: fixed;
  background: white;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 9999;
  overflow-y: auto;
}

.modal-fullscreen .btn-close {
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  opacity: 0.5;
  transition: 0.3s;
  background-size: cover;
  background: url("https://pp-cdn.faster.ws/images/static/icons/dark-cross.svg") no-repeat;
  z-index: 1;
}

.modal-fullscreen .btn-close:focus {
  box-shadow: none;
}

.modal-fullscreen .btn-close:hover {
  opacity: 1;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*.btn-close-white.btn-close {*/
/*  width: 2.25rem;*/
/*  height: 2.25rem;*/
/*  position: absolute;*/
/*  right: 1.5rem;*/
/*  top: 1.5rem;*/
/*  opacity: 0.5;*/
/*  transition: 0.3s;*/
/*  background-size: 47%;*/
/*  background: url("/assets/static/icons/dark-cross.svg");*/
/*  background-size: cover;*/
/*  background-repeat: no-repeat;*/
/*  z-index: 1;*/
/*}*/
/*.btn-close-white.btn-close:focus {*/
/*  box-shadow: none;*/
/*}*/
/*.btn-close-white.btn-close:hover {*/
/*  opacity: 1;*/
/*}*/

/* BODY */
body {
  font-variant-ligatures: none;
}

body.open-login-conten {
  overflow: hidden;
  padding-right: 17px;
}

body.body-backdrop {
  overflow: hidden;
}
body.body-backdrop .z-index-plus-2 {
  z-index: 9999;
}
body.body-backdrop header #js-navbar:not(.static).sticky {
  z-index: 999;
}

body.modal-open header #js-navbar:not(.static) .navbar-top {
  z-index: 998;
}

/* SEARCH */
.search-help {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2.25rem;
}

.btn-link.hide.card-item {
  display: none;
}

.container-search {
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 25rem;
  animation: fadeAnimation 0.3s ease-in-out;
}
.container-search > span {
  cursor: pointer;
}
.container-search input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: none;
  font-size: 1.25rem;
  color: #292D32;
  padding: 0;
}
.container-search input[type=text]::placeholder {
  color: #E3E3E3;
  font-weight: 600;
}
.container-search input[type=text]:focus {
  outline: none;
}

#searchFolderBtn {
  animation: fadeOutRight 0.3s ease-in-out;
}
#searchFolderBtn.active {
  opacity: 0;
  animation: fadeInRight 0.3s ease-in-out;
}

@-webkit-keyframes fadeAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
  0% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutRight {
  100% {
    opacity: 1;
    transform: translateX(0);
  }
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.forgot-password-content {
  margin: 5rem 0;
}

/* SECTION */
section, .section {
  margin: 4.5rem 0;
  scroll-margin-top: 6rem;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer-unset {
  cursor: unset !important;
}

/* HEADER */
.open-search-btn {
  display: none;
}

header.header-static {
  position: static;
}

header.header-static #js-navbar:not(.static) {
  position: absolute;
}

.navbar-static #js-navbar .navbar-top.navbar-top {
  position: static;
}



header #js-navbar:not(.static) {
  position: relative;
  width: 100%;
}
header #js-navbar:not(.static) .navbar-top {
  position: absolute;
  width: 100%;
  z-index: 999;
}
header #js-navbar:not(.static) .navbar-content {
  position: absolute;
  width: 100%;
  top: 9.375rem;
}
header #js-navbar:not(.static).sticky .navbar-top {
  position: relative;
  background-color: #08206e;
}
header #js-navbar:not(.static).sticky .navbar-content {
  /*position: relative;*/
  position: absolute;
  top: auto;
}
header #js-navbar:not(.static) #searchBarOrderProcess.collapse:not(.show) {
  display: flex;
}

header #js-navbar:not(.static).sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 998;
}

header #js-navbar.static {
  display: block;
}
header #js-navbar.static .navbar-top {
  z-index: 999;
  position: relative;
  background-color: #08206e;
}
header #js-navbar.static .navbar-content {
  position: absolute;
  width: 100%;
}

.static .open-search-btn {
  display: flex;
}

.sticky .header-logo img,
.static .header-logo img {
  content: url("https://pp-cdn.faster.ws/images/static/print-penguin-logo-white.svg") !important;
}
.sticky nav.navbar,
.static nav.navbar {
  padding-block: 1.25rem !important;
  padding-inline:0.75rem;
  margin: 0 auto;
  line-height: 1;
  transition: 0.6s;
}
.sticky nav.navbar form.form-search,
.static nav.navbar form.form-search {
  padding: 0.25rem;
}
.sticky nav.navbar form.form-search .btn-circle,
.static nav.navbar form.form-search .btn-circle {
  padding: 0.7rem;
}
.sticky nav.navbar form.form-search .btn-circle .icon-burger,
.static nav.navbar form.form-search .btn-circle .icon-burger {
  width: 1rem;
  height: 1rem;
}
.sticky nav.navbar form.form-search .btn-circle .icon-burger span,
.static nav.navbar form.form-search .btn-circle .icon-burger span {
  margin: 0.09375rem 0;
}
.sticky nav.navbar .selected-lang,
.static nav.navbar .selected-lang {
  width: 1.6rem !important;
  height: 1.6rem;
}
.sticky nav.navbar .nav-icon-fs,
.static nav.navbar .nav-icon-fs {
  width: 1.56rem;
  height: 1.56rem;
  font-size: 1.5rem;
}
.sticky .bg-filter-black,
.static .bg-filter-black {
  filter: none;
}
.sticky .btn-icon-link-black,
.static .btn-icon-link-black {
  color: #FFF;
}
/*.sticky #mainMenu,*/
/*.static #mainMenu {*/
/*  padding: 1rem;*/
/*}*/
.sticky #mainMenu {
  padding-top: 1rem;
}
.sticky .language-badges-icon,
.static .language-badges-icon {
  right: -0.375rem;
  top: -0.375rem;
}
.sticky .language-settings-img,
.static .language-settings-img {
  width: 1.55rem;
  height: 1.55rem;
}

.autocomplete-suggestion {
  pointer-events: none;
  position: relative;
  /*z-index: -1;*/
  /*left: -6px;*/
  color: #E3E3E3;
  font-size: 1rem;
  white-space: pre;
  font-weight: 600;
}

.autocomplete-value {
  color: transparent;
  pointer-events: none;
  font-size: 1rem;
  font-weight: 600;
}

#mainMenu {
  z-index: 999;
  position: relative;
}

header {
  overflow: visible;
  position: relative;
  /*   & .navbar{
    transition: 0.3s;
  } */
}
header.header-white .header-logo, header .static .header-logo, header .sticky .header-logo {
  background-image: url("https://pp-cdn.faster.ws/images/static/print-penguin-logo-white.svg");
}
header.header-white .btn-icon-link-header, header .static .btn-icon-link-header, header .sticky .btn-icon-link-header {
  text-decoration: none;
  color: #FFF;
  transition: 0.3s ease-in;
}
header.header-dark #js-navbar:not(.static, .sticky) .header-logo {
  background-image: url("https://pp-cdn.faster.ws/images/static/print-penguin-logo.svg");
}
header.header-dark #js-navbar:not(.static, .sticky) .btn-icon-link-header {
  text-decoration: none;
  color: #000;
  transition: 0.3s ease-in;
}
header.header-dark #js-navbar:not(.static, .sticky) .btn-icon-link-header:hover {
  color: #3B61FF;
}
header .header-logo {
  background: url("https://pp-cdn.faster.ws/images/static/print-penguin-logo.svg");
  display: block;
  background-size: cover;
  min-height: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
}
header .form-search {
  padding: 0.25rem;
  max-width: 780px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: white;
  border: 1px solid #e3e9f1;
  box-shadow: 0 4px 32px rgba(13, 26, 80, 0.1);
  border-radius: 4.375rem;
}
header .form-search-input {
  border: none;
  background: transparent;
  margin: 0;
  font-size: 1rem;
  padding: 7px 20% 7px 0;
  color: #292D32;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
header .form-search-input::-webkit-search-cancel-button {
  display: none;
}
header .form-search-input:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
header .form-search-input::placeholder {
  /*color: rgba(41, 45, 50, 0.5);*/
  color: grey;
  font-weight: 300;
  font-size: 1em;
}
header .header-desc {
  padding-top: 10rem;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
header .header-desc.header-desc-slider {
  background-repeat: no-repeat;
  background-size: cover;
}
header .slider-dots {
  margin: 0;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.header-bg-product-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.header-logo {
  max-width: 8rem;
  width: 100%;
}

.header-desc-slider-desc {
  padding: 4rem 0;
}

.header-desc.js-header-bg {
  background-size: cover;
}

.header-category-desc {
  background-size: cover;
}
.header-category-desc .container {
  min-height: 50vh;
  display: grid;
  place-items: center;
}
.header-category-desc .container > .row {
  padding: 4rem 0;
}

/* LAND MENU */
.language-settings-img {
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.lang-content {
  width: 100%;
  margin: 0;
  right: 0;
  background-color: #FFF;
  text-align: center;
}
.lang-content ul {
  padding: 0;
  margin-bottom: 0;
}
.lang-content ul li {
  list-style: none;
  margin-bottom: 1rem;
}
.lang-content ul li a {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  text-decoration: none;
  color: #000;
  font-weight: 400;
  padding: 0.875rem;
  transition: 0.3s;
  line-height: 1.25;
}
.lang-content ul li a.active {
  font-weight: 600;
}
.lang-content ul li a.active, .lang-content ul li a:hover {
  background-color: #EEF3FF;
  border-radius: 0.625rem;
}
.lang-content ul li a .language-settings-img {
  margin-right: 0.625rem;
}

.language-badges-icon {
  width: 1.125rem;
  height: 1.125rem;
  background-size: cover;
  right: -1px;
  top: -0.3125rem;
}

.nav-icon-fs {
  font-size: 1.5rem;
}

/* GLIDE SLIDER */
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.glider-gap-1 .glider-slide {
  margin-inline: 0.5rem;
}

.glider-gap-2 .glider-slide {
  margin-inline: 0.75rem;
}

.glider-gap-3 .glider-slide {
  margin-inline: 1rem;
}

.glide-header-md-bg .glider-track {
  position: relative;
}
.glide-header-md-bg .glider-track .header-desc-slider {
  background-position: right 40% bottom 50%;
}
.glide-header-md-bg .glider-track::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
}

/* .glide-slide-header-dots{
	position: absolute;
	bottom: 3rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
 */
.js-glide-slider-special-deals .glide__slide {
  height: auto;
}

/* OFFCANVAS */
.offcanvas {
  overflow: hidden;
}

.offcanvas-header {
  --bs-offcanvas-padding-x: 0;
  --bs-offcanvas-padding-y: 0;
  position: relative;
  flex-direction: column;
  padding: 2rem;
}

.offcanvas-header > .btn {
  position: absolute;
  left: 2rem;
}

.offcanvas-header .btn-close {
  position: absolute;
  right: 2rem;
}

.offcanvas-body {
  position: relative;
  --bs-offcanvas-padding-x: 2rem;
  --bs-offcanvas-padding-y: 0;
}

.offcanvas-body ul {
  background: radial-gradient(54.06% 100% at 50% 0%, rgba(238, 243, 255, 0.5) 0%, rgba(238, 243, 255, 0) 100%);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 2rem 0;
  border-top: 1px solid #eef3ff;
}

.offcanvas-body li {
  list-style-type: none;
  transition: color 0.3s;
}

.offcanvas-body li:hover {
  color: #5EB8F4;
}

.profile-link {
  display: flex;
  gap: 1rem;
  font-size: 1.125rem;
}

.profile-link span {
  font-size: 1.1875em;
}

.offcanvas-body a {
  color: inherit;
  text-decoration: none;
}

.offcanvas.offcanvas-end {
  width: 29.25rem;
}

.offcanvas-footer {
  padding: 2rem;
}

.offcanvas-body-user-profile a {
  text-decoration: none;
  color: #000;
  transition: 0.3s;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  /*text-transform: capitalize;*/
}
.offcanvas-body-user-profile a:hover {
  color: #5EB8F4;
}
.offcanvas-body-user-profile-list {
  padding-left: 0;
  padding-bottom: 0;
  list-style: none;
}
.offcanvas-body-user-profile-list-item {
  margin-bottom: 2rem;
}

.offcanvas-footer-padding {
  padding: 1rem 2rem;
}

/* DROP*/
.drop-zone {
  height: 23rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 97, 255, 0.05);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%2396B0CFFF' stroke-width='2' stroke-dasharray='11%2c 17' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 1.25rem;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  transition: all 0.3s;
}
.drop-zone-prompt {
  color: #292D32;
  font-weight: 700;
  min-width: 12rem;
}
.drop-zone-prompt-img {
  display: block;
  width: 6.3rem;
  height: 4.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto 1.25rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/add-file.svg");
}
.drop-zone-prompt-title {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
}
.drop-zone-prompt-btn {
  font-size: 0.9rem;
}
.drop-zone-prompt-subtitle {
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  color: #96b0cf;
  /*text-transform: uppercase;*/
  position: relative;
}
.drop-zone-prompt-subtitle::before, .drop-zone-prompt-subtitle::after {
  content: "";
  width: 35%;
  height: 1px;
  background-color: #96b0cf;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.drop-zone-prompt-subtitle::before {
  left: 0;
}
.drop-zone-prompt-subtitle::after {
  right: 0;
}
.drop-zone-input {
  display: none;
}
.drop-zone-over {
  border-style: solid;
  opacity: 0.7;
}
.drop-zone-thumb {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
}
.drop-zone-thumb.bg-not-cover {
  background-size: auto;
  background-repeat: no-repeat;
  background-position-y: 40%;
}

.drop-zone-container .upload-file-name-row:not(:last-child) {
  border-bottom: 2px dashed #e3e3e3;
}
.drop-zone-container .upload-file-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 11rem;
}

.save-comment-form .disabled {
  cursor: initial;
  pointer-events: none;
  opacity: 0.4;
}

/* BIG */
.circle-loader {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  margin-bottom: 1.25rem;
}
.circle-loader:not(.circle-loader-big) {
  width: 6rem;
  height: 6rem;
  border: 3px solid;
}
.circle-loader:not(.circle-loader-big) .checkmark:after {
  height: 3rem;
  width: 1.5rem;
  left: 1.3rem;
  top: 3rem;
  animation-name: checkmark;
  border-right: 3px solid;
  border-top: 3px solid;
}
.circle-loader.circle-loader-big {
  width: 12rem;
  height: 12rem;
  border: 8px solid;
}
.circle-loader.circle-loader-big .checkmark:after {
  height: 6rem;
  width: 3rem;
  left: 2.6rem;
  top: 6rem;
  animation-name: checkmark-big;
  border-right: 6px solid;
  border-top: 6px solid;
}
.circle-loader.blue {
  border-color: #3B61FF;
}
.circle-loader.blue .checkmark:after {
  border-right-color: #3B61FF;
  border-top-color: #3B61FF;
}
.circle-loader.green {
  border-color: rgba(52, 168, 83, 0.25);
}
.circle-loader.green .checkmark:after {
  border-right-color: #34A853;
  border-top-color: #34A853;
}
.circle-loader .checkmark {
  display: none;
}
.circle-loader .checkmark.draw:after {
  animation-duration: 1000ms;
  animation-timing-function: ease;
  transform: scaleX(-1) rotate(135deg);
}
.circle-loader .checkmark:after {
  opacity: 1;
  /*   height: $check-height;
    width: $check-width; */
  transform-origin: left top;
  content: "";
  /*   left: $check-left;
    top: $check-height; */
  position: absolute;
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.5rem;
    opacity: 1;
  }
  40% {
    height: 3rem;
    width: 1.5rem;
    opacity: 1;
  }
  100% {
    height: 3rem;
    width: 1.5rem;
    opacity: 1;
  }
}
@keyframes checkmark-big {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 3rem;
    opacity: 1;
  }
  40% {
    height: 6rem;
    width: 3rem;
    opacity: 1;
  }
  100% {
    height: 6rem;
    width: 3rem;
    opacity: 1;
  }
}
/* DROP ZONE REVISION DESIGN */
.design-revisions-drop-zone {
  font-size: 1.125rem;
  font-weight: 700;
  background: #f7f7f9;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23E3E3E3FF' stroke-width='2' stroke-dasharray='6%2c 12' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 0.625rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.design-revisions-drop-zone:last-child {
  margin-bottom: 0;
}
.design-revisions-drop-zone-input {
  display: none;
}
.design-revisions-drop-zone-prompt {
  color: #3B61FF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  line-height: 1;
}
.design-revisions-drop-zone-thumb-name {
  color: #292d32;
  font-size: 1.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 55%;
}
.design-revisions-drop-zone-delete-thumbnail {
  flex: 1;
  text-align: end;
}
.design-revisions-drop-zone-thumbnail {
  display: flex;
  align-items: center;
  padding: 0.625rem;
}
.design-revisions-drop-zone-img {
  width: 3.125rem;
  height: 2rem;
  border-radius: 5px;
  margin-right: 0.75rem;
  background-size: cover;
}

.modal-content-box-shadow {
  border: 1px solid #ebebf3;
  box-shadow: 0 12px 32px rgba(13, 26, 80, 0.15);
}

/* FORM */
.form-control-max-w {
  max-width: 32rem;
  margin: 0 auto;
}

/* .form-validated .form-control:invalid, .form-validated .form-select:invalid {
  border-color: $red!important;
} */
.was-validated .form-control:invalid,
.form-control.is-invalid,
.incomplete {
  border-color: #FF3E4C !important;
}

.incomplete:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 62, 76, 0.25) !important;
}

.invalid-feedback {
  color: #ff404c;
}

textarea.form-control {
  resize: none !important;
}
textarea.form-control::placeholder {
  color: #C8C8D0;
  font-size: 1.125rem;
}

.input-with-link {
  background-color: #FFF !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input-with-link input {
  border: none;
  background-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-with-link input::placeholder {
  color: #C8C8D0;
  font-size: 1.125rem;
}
.input-with-link input:focus-visible {
  outline: none;
}

.js-shopping-calculate-block .input-with-link {
  height: 3.75rem;
}

.form-control,
.input-with-link {
  border: 1px solid #ebebf3;
  padding: 0.9rem;
  border-radius: 0.625rem;
  line-height: 1.25;
  font-weight: 600;
  font-size: 1.125rem;
}
.form-control::placeholder,
.input-with-link::placeholder,
.ts-control input::placeholder {
  color: #C8C8D0;
  font-size: 1.125rem;
}

.ts-control input::placeholder {
  font-weight: 600;
}

.form-check-input,
.form-label,
.form-check-label {
  cursor: pointer;
}

.form-check-input {
  border: 3px solid rgba(59, 97, 255, 0.5);
}

.form-check-input:checked[type=radio] {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/input-checked.svg");
}

.form-check-input.form-check-input-circle:checked[type=checkbox] {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/input-checked.svg");
}

.form-check-input.form-check-input-circle {
  width: 1.75rem;
  height: 1.75rem;
  margin-top: 0;
  border-radius: 50%;
}

#formGetADesignQuote input.form-check-input:checked ~ .form-check-label {
  color: #3B61FF;
}

.form-check {
  min-height: auto;
}

.form-label {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #000;
}

.form-select:focus,
.accordion-button:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.form-label-textarea-mb {
  margin-bottom: 0.6rem !important;
}

/* OFFCANVAS CART */
.empty-cart {
  position: absolute;
  inset: 2rem;
  margin: auto;
  display: grid;
  place-items: center;
}

.empty-cart > div {
  display: grid;
  place-items: center;
  text-align: center;
  margin-bottom: 12rem;
}

.empty-cart img {
  display: block;
  max-width: 8rem;
  height: auto;
  margin-bottom: 2rem;
  opacity: 0.3;
}

.empty-cart p {
  font-weight: 700;
  color: #555;
  font-size: 1.75rem;
  margin-bottom: 1rem;
}

.empty-cart a {
  max-width: 90%;
  font-size: 1.25rem;
  color: var(--bs-link-color);
}

.empty-cart a:hover {
  color: var(--bs-link-hover-color);
}

.cart-item {
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 0;
  background: radial-gradient(54.06% 100% at 50% 0%, rgba(238, 243, 255, 0.5) 0%, rgba(238, 243, 255, 0) 100%);
  border-top: 1px solid #eef3ff;
}
.cart-item-header {
  display: flex;
  align-items: center;
}
.cart-item-header-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 12rem;
  display: inline-block;
}
.cart-item-header-img {
  overflow: hidden;
  border-radius: 0.625rem;
  min-width: 6.5rem;
  height: 6.5rem;
  background-size: cover;
  background-position: center;
}
.cart-item-header-btns {
  opacity: 0.6;
  line-height: 1;
  display: flex;
  transition: 0.3s;
}
.cart-item-header-btns a {
  font-size: 1.125rem;
}
.cart-item:hover .cart-item-header-btns {
  opacity: 1;
}
.cart-item .table {
  font-size: 1.125rem;
}
.cart-item .table > :not(caption) > * > * {
  border: none;
}

/* OFFCANVAS HELP CENTER START */
#ShowChat .offcanvas-body,
#ShowChatLogin .offcanvas-body,
#ShowChatInbox .offcanvas-body,
#ShowChatCompose .offcanvas-body {
  position: relative;
  z-index: 1;
}
#ShowChat .offcanvas-body::before,
#ShowChatLogin .offcanvas-body::before,
#ShowChatInbox .offcanvas-body::before,
#ShowChatCompose .offcanvas-body::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  height: 4rem;
  /*background: linear-gradient(137deg, rgba(11, 38, 150, 0.5) 0%, rgba(59, 97, 255, 0.5) 61.46%), #3b61ff;*/
  background: linear-gradient(180deg, rgba(59, 97, 255, 0.50) 0%, rgba(59, 97, 255, 0.5) 61.46%), #3b61ff
}

/*#ShowChatInbox .offcanvas-body::before {*/
/*  background: linear-gradient(0deg, rgba(11, 38, 150, 0.5) 0%, rgba(59, 97, 255, 0.5) 61.46%), #3b61ff;*/
/*}*/

/* OFFCANVAS HELP CENTER */
#ShowChatInbox .offcanvas-body {
  position: relative;
  z-index: 2;
}
#ShowChatInbox .offcanvas-body::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  height: 7rem;
  background: linear-gradient(180deg, rgba(59, 97, 255, 0.50) 0%, rgba(59, 97, 255, 0.5) 61.46%), #3b61ff;
}

.header-blue {
  color: #fff;
  position: relative;
  padding: 2rem;
  background: linear-gradient(180deg, rgba(11, 38, 150, 0.50) 0%, rgba(59, 97, 255, 0.50) 61.46%), #3B61FF;
}

.header-blue .btn-close {
  filter: invert(1);
}

.offcanvas-footer.box-shadow-footer {
  background: #f7f7f9;
  border-top: 1px solid #e3e3e3;
}

/* SUPPORT CHAT */
.message {
  margin-bottom: 1.5rem;
  width: 90%;
}

.message:last-child {
  padding-bottom: 1.5rem;
}

.message .message-content {
  padding: 1.25rem;
  font-size: 1.125rem;
}

.message .message-content-file {
  min-height: 12rem;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  border-radius: 1rem;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  color: #FFF;
  overflow: hidden;
}
.message .message-content-file:hover .message-content-file-name {
  color: #FFF;
  background: rgba(0, 73, 207, 0.65);
}
.message .message-content-file-name {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(26, 100, 235, 0.4);
  padding: 0.3rem 0.625rem;
  text-align: end;
}
.message .message-content-file.bg-not-cover {
  background-size: auto;
  background-repeat: no-repeat;
  background-position-y: 40%;
}
.message.message-other .message-content {
  display: block;
  background: #EFF5F9;
  border-radius: 1.25rem 1.25rem 1.25rem 0;
  color: #000;
}
.message.message-my .message-content {
  display: block;
  background: #3B61FF;
  border-radius: 1.25rem 1.25rem 0 1.25rem;
  color: #fff;
}
.message.message-my .message-details {
  justify-content: end;
}
.message.message-writing .dots {
  display: inline-block;
  line-height: 1;
}
.message.message-writing .dots span {
  animation: blink 1.5s infinite;
  animation-fill-mode: both;
  height: 7px;
  width: 7px;
  background: #C8C8D0;
  display: inline-block;
  border-radius: 50%;
  margin: 0 3px;
}
.message.message-writing .dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.message.message-writing .dots span:nth-child(3) {
  animation-delay: 0.4s;
}

#supportChatBody .message-content a.message-content-file:not(:last-child) {
  margin-bottom: 1.25rem;
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
.message-details {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
}
.message-details-icon {
  width: 1.875rem;
  height: 1.875rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.message-details-time {
  color: #C8C8D0;
  font-size: 1rem;
  margin-left: 0.625rem;
}

.support-chat-send-container {
  background: #ffffff;
  border: 1px solid #ebebf3;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.support-chat-send-container .message-input {
  width: 70%;
  font-size: 1.125rem;
  border: none;
  resize: none;
  overflow: hidden;
}

/*.file-attachment {*/
/*  background-image: url("/assets/static/icons/paperclip.svg");*/
/*}*/

/*.send-icon {*/
/*  background-image: url("/assets/static/icons/send-icon.svg");*/
/*}*/

.support-chat-send-container .message-input:focus {
  outline: none;
}
.support-chat-send-container .message-input::placeholder {
  font-size: 1.125rem;
  color: #000000;
}
.support-chat-send-container .support-chat-send-btns {
  width: 30%;
  text-align: end;
}

.send-chat-btn {
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 59%), #385df9;
  background-blend-mode: overlay, normal;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 24px rgba(255, 113, 9, 0.15);
}
.send-chat-btn:hover, .send-chat-btn:focus {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 59%), #385df9;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.send-chat-btn .send-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.choose-file-chat-btn {
  padding: 0 0.5rem;
  cursor: pointer;
}
.choose-file-chat-btn span {
  width: 0.9rem;
  height: 1rem;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}

/* AVATAR */
.avatar {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #f5f6fd;
  width: 4.125rem;
  height: 4.125rem;
  background-size: cover;
  background-position: center;
}

.avatars .avatar:not(:last-child) {
  margin-right: -2.875rem;
  mask: radial-gradient(circle -2px at 5px 50%, transparent 99%, #fff 100%);
}

/* TAGS */
.tags {
  display: flex;
  justify-content: space-between;
}
.tags-link {
  position: relative;
  text-decoration: none;
  color: #000;
  font-size: 1.2rem;
  transition: 0.3s;
}
.tags-link:hover {
  color: #5EB8F4;
}
.tags-link:not(:last-child)::after {
  content: " / ";
  color: #e3e3e3;
  margin: 0 0.4rem;
}

.offcanvas-footer .tags-link::after {
  /* display: contents; */
  content: none;
}

.previous-ticket-item {
  padding: 1rem;
  /*   border-radius: 1.25rem; */
  border-top: 1px solid #e3e3e3;
  background-color: #FFF;
  text-decoration: none;
  color: #000;
  /*  margin: 1.5rem 0; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
}
.previous-ticket-item:hover {
  color: #000;
  background-color: #EFF5F9;
}

#previousTicketItem a.previous-ticket-item:nth-child(n+6) {
  display: none;
}

#previousTicketItem a.previous-ticket-item:first-child {
  border-top: none;
}

/* SELECT */
/* TOM SELECT */
.ts-dropdown {
  margin-top: 6px;
  padding: 0 1.25rem;
  box-shadow: 0 4px 32px rgba(13, 26, 80, 0.1);
  border-radius: 0.625rem;
  border: none;
  color: #292D32;
  font-size: 1.125rem;
  font-weight: 700;
}
.ts-dropdown .option {
  font-weight: 400;
  padding: 1.25rem 0;
  border-bottom: 1px solid #f1f1f1;
}
.ts-dropdown .option:last-child {
  border-bottom: none;
}
.ts-dropdown .option.active {
  background-color: transparent;
  color: #3B61FF;
}

.ts-wrapper.single .ts-control:before {
  content: "\e92c";
  font-family: "iconsax";
  position: absolute;
  font-size: 1rem;
  font-weight: 800;
  color: #3B61FF;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 910;
  transition: transform 0.15s linear;
  user-select: none;
}

.ts-wrapper.dropdown-active .ts-control::before {
  /* todo active transform icon selector */
  transform: translateY(-50%) rotate(180deg);
}

.ts-wrapper:not(.search-select) .ts-control input[type=select-one] {
  display: none !important;
  font-size: 1.125rem;
}
.ts-wrapper:not(.search-select) .ts-control input[type=select-one]:focus {
  outline: none !important;
  pointer-events: none;
}

.ts-control {
  color: #292D32;
  border-radius: 0.625rem;
  border: 1px solid #ebebf3;
  font-size: 1rem;
  padding: 0.9rem;
  font-weight: 600;
  height: 3.75rem;
  line-height: 1;
  align-items: center;
}
.text-xxs .ts-control {
  font-size: 1rem;
}
.search-select .ts-control {
  font-weight: 600;
}
.search-select .ts-control input {
  font-size: 1rem;
  font-weight: 600;
  color: #292D32;
  line-height: 1;
}
.ts-control:focus-visible {
  outline: none;
}

.ts-dropdown-content {
  margin-right: -1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #f7f7f9 transparent;
  scrollbar-width: thin;
}
.ts-dropdown-content::-webkit-scrollbar {
  width: 3px;
  height: 32px;
}
.ts-dropdown-content::-webkit-scrollbar-track {
  border-radius: 1.5rem;
  background: #f7f7f9;
}
.ts-dropdown-content::-webkit-scrollbar-thumb {
  border-radius: 1.5rem;
  background: #292d32;
}
.ts-dropdown-content::-webkit-scrollbar-thumb:hover, .ts-dropdown-content::-webkit-scrollbar-thumb:active {
  background: #292d32;
}

.tom-select-zoom .ts-control {
  color: #C8C8D0;
}
.tom-select-zoom .ts-dropdown-content {
  max-height: 100%;
}
.tom-select-zoom .ts-dropdown {
  padding: 1.25rem;
}
.tom-select-zoom .ts-dropdown .option {
  padding-top: 0;
  padding-bottom: 1rem;
  border-bottom: none;
  color: #5A5A5A;
  font-weight: 600;
}
.tom-select-zoom .ts-dropdown .option.selected {
  color: #3B61FF;
}
.tom-select-zoom .ts-dropdown .option:last-child {
  padding-bottom: 0;
}

.tom-select-work-times .ts-dropdown-content {
  max-height: 18rem;
  margin-bottom: 0.25rem;
}
.tom-select-work-times .option {
  border-bottom: none;
  color: #292D32;
  font-weight: 600;
  padding: 0.6rem 0 0.6rem 1rem;
}
.tom-select-work-times .optgroup-header {
  text-align: start;
  padding-left: 0;
  padding-top: 1.35rem;
  padding-bottom: 0.9rem;
}

label.inline-label {
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 14px #fff, 0 0 10px #fff;
}

.select-group .form-control:focus,
.form-group .form-control:focus {
  box-shadow: none;
}

/* ACCODION */
.accordion.accordion-cart-options .accordion-item {
  padding: 0 1.25rem;
}
.accordion.accordion-cart-options .accordion-button {
  padding: 1.25rem 0;
  font-size: 1.125rem;
}
.accordion.accordion-cart-options .accordion-button::after {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/plus-blue.svg");
  background-size: cover;
}
.accordion.accordion-cart-options .accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
.accordion.accordion-cart-options .accordion-collapse {
  border-top: 1px solid #ebebf3;
}

.accordion#accordionCookie .accordion-item .accordion-button {
  font-weight: 700;
  font-size: 1.25rem;
}
.accordion#accordionCookie .accordion-item .accordion-body {
  font-size: 1.25rem;
}

.accordion#accordionOrdersHistory .accordion-body {
  padding: 1.5rem 0;
  font-size: 1.125rem;
  color: #000;
}

.accordion#accordionCookie .accordion-item,
.accordion#accordionOrdersHistory .accordion-item {
  margin: 1.5rem 0;
  border: none;
}
.accordion#accordionCookie .accordion-item .accordion-button,
.accordion#accordionOrdersHistory .accordion-item .accordion-button {
  border-radius: 0.625rem;
  padding: 1.25rem;
  background-color: #F7F7F9;
  color: #000;
}
.accordion#accordionCookie .accordion-item .accordion-button.accordion-button:after,
.accordion#accordionOrdersHistory .accordion-item .accordion-button.accordion-button:after {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/plus-black.svg");
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #292D32;
  border-radius: 100%;
  background-position: center;
}
.accordion#accordionCookie .accordion-item .accordion-button.accordion-button:not(.collapsed),
.accordion#accordionOrdersHistory .accordion-item .accordion-button.accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion#accordionCookie .accordion-item .accordion-button.accordion-button:not(.collapsed)::after,
.accordion#accordionOrdersHistory .accordion-item .accordion-button.accordion-button:not(.collapsed)::after {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/minus.svg");
  transform: rotate(-180deg);
  background-size: auto;
}

.accordion#accordionOrdersHistory .accordion-item .accordion-button::after {
  position: absolute;
  right: 1.25rem;
}

/* SCROLLBAR DARK */
.scrollbar-dark {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #f7f7f9 transparent;
  scrollbar-width: thin;
}

.scrollbar-dark::-webkit-scrollbar {
  width: 3px;
  height: 32px;
}

.scrollbar-dark::-webkit-scrollbar-track {
  border-radius: 1.5rem;
  background: #f7f7f9;
}

.scrollbar-dark::-webkit-scrollbar-thumb {
  border-radius: 1.5rem;
  background: #292d32;
}

.scrollbar-dark::-webkit-scrollbar-thumb:hover,
.scrollbar-dark::-webkit-scrollbar-thumb:active {
  background: #292d32;
}

/* .scrollbar-dark.main-menu-products-row {
  margin-right: -1.5rem;
} */
#offcanvasDesignRevisionsDashboard .offcanvas-body.scrollbar-dark::-webkit-scrollbar-thumb,
#offcanvasDesignRevisionsDashboard .offcanvas-body.scrollbar-dark::-webkit-scrollbar-thumb:active,
#offcanvasDesignRevisionsDashboard .offcanvas-body.scrollbar-dark::-webkit-scrollbar-thumb:hover {
  background: #C8C8D0 !important;
}

.scrollbar-right-order-process {
  position: relative;
  max-height: 75vh;
  padding-right: 1rem;
}
.scrollbar-right-order-process.mobile-scrollbar-none {
  overflow-y: hidden;
  max-height: 100%;
}
.scrollbar-right-order-process.scrollbar-dark::-webkit-scrollbar-thumb {
  background-color: #949698;
}

.main-category.scrollbar-dark {
  margin-right: -0.5rem;
}

/* SCROLLBAR LIGHT */
.scrollbar-light {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #eff5f9 transparent;
  scrollbar-width: thin;
}

.scrollbar-light::-webkit-scrollbar {
  width: 3px;
  height: 32px;
}

.scrollbar-light::-webkit-scrollbar-track {
  border-radius: 1.5rem;
  background: #f7f7f9;
}

.scrollbar-light::-webkit-scrollbar-thumb {
  border-radius: 1.5rem;
  background: #eff5f9;
}

.scrollbar-light::-webkit-scrollbar-thumb:hover,
.scrollbar-light::-webkit-scrollbar-thumb:active {
  background: #292d32;
}

/* COOKIE BANNER */
.cookie-banner {
  position: fixed;
  color: #FFF;
  background-color: #000;
  padding: 1.56rem 0;
  width: 100%;
  bottom: 0;
  z-index: 9999;
}
.cookie-banner-icon {
  display: inline-block;
  min-width: 2.06rem;
  height: 2.06rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/cookie.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0.625rem;
}
.cookie-banner button {
  padding: 0.5625rem 0.6875rem;
  font-size: 1rem;
}

/* MAIN MENU */
.container-menu {
  max-width: calc(100% - 1rem);
  margin-inline: auto;
}

@media (min-width: 576px) {
    .container-menu {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
  .container-menu {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-menu {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-menu {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-menu {
    max-width: 1320px;
  }
}

.main-menu-wrapper {
  padding: 0.75rem;
}

.main-menu {
  overflow-x: hidden;
  overflow-y: auto;
  flex-wrap: nowrap;
  flex-direction: column;
}

.main-menu > div:first-child {
  padding-right: 1.5rem;
}

@media (max-width: 991px) {
  .main-menu.main-menu > div {
    padding: 0.75rem;
  }

  .main-menu.main-menu > div:first-child {
    padding-bottom: 0;
  }

  .main-menu.main-menu > div:last-child {
    padding-top: 0;
  }

  .main-menu-nav .accordion-button span {
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-inline: 0.75rem;
    font-size: 1.375rem;
  }

  .main-menu-nav .accordion-button::after {
    --bs-accordion-btn-icon-width: 0.875rem;
    --bs-accordion-btn-icon-height: 0.875rem;
  }
}

.main-menu-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.25rem;
}

.menu-nav-btns {
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}

.menu-cta {
  text-decoration: none;
  display: grid;
  grid-template-rows: 5rem auto;
  grid-template-columns: 1fr 1fr;
  align-self: stretch;
  margin: auto -2rem -2rem;
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  overflow: hidden;
}

@media (max-width: 991px) {
  .menu-cta {
    display: none;
  }

  .main-menu-nav {
    padding: 0.75rem 1rem ;
  }
}

.menu-cta-row-bottom {
  display: grid;
  grid-template-columns: 3fr 4fr;
  background-color: #5b8ffb;
  grid-column: 1 / 3;
  grid-row: 2;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.menu-cta-img {
  max-width: 9rem;
  z-index: 1;
  align-self: end;
  grid-column: 1;
  grid-row: 1 / 3;
}

.menu-cta-text {
  padding-block: 15%;
  color: white;
  grid-column: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.menu-cta-text p,
.menu-cta-text em {
  text-decoration: none;
  line-height: 1;
}

.menu-cta-text p {
  font-size: 1.125rem;
  margin-bottom: 0;
}

.menu-cta-text em {
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  color: white;
}


@media (min-width: 992px) {
  .main-menu-nav {
    align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  .menu-cta-img {
    max-width: 12rem;
  }

  .menu-cta-text p {
    font-size: 1.5rem;
  }

  .menu-cta-text em {
    font-size: 2.25rem;
  }

  .menu-cta-row-bottom {
    grid-template-columns: 1fr 1fr;
  }
}

.main-menu-nav-category {
  margin-bottom: 1.9rem;
}

.main-menu-nav-category:last-child {
  margin-bottom: 0;
}

.main-menu-nav-category-link {
  font-size: 1.125rem;
  color: #96b0cf;
  display: block;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
  text-align: left;
  width: 100%;
  padding-block: 0;
}

.main-menu-nav-category-link.main-menu-nav-category-link {
  font-weight: 400;
}



@media (max-width: 991px) {
  .main-menu-nav-category-link.main-menu-nav-category-link {
    text-align: center;
    color: grey;
    font-size: 1.375rem;
    font-weight: 300;
  }
}

.main-menu-nav-category-link:focus-visible {
  color: currentColor;
}
.main-menu-nav-category-link::after {
  content: "";
  position: absolute;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/arrow-navbar.svg");
  width: 0.81rem;
  height: 0.81rem;
  top: 50%;
  right: 0.25rem;
  transform: translateY(-50%);
  transition: 0.3s;
  background-size: cover;
}

.main-menu-nav-category-link::after {
  display: none;
}

.main-menu-nav-category-link:hover {
  color: #3B61FF;
}

.main-menu-nav-category-link:hover::after {
  right: 0;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/arrow-navbar-blue.svg");
}

.active-nav-btn.active-nav-btn.active-nav-btn {
  color: #3B61FF;
}

.active-nav-btn::after {
  /*right: 0;*/
  /*background-image: url("https://pp-cdn.faster.ws/images/static/icons/arrow-navbar-blue.svg");*/
}

.main-menu-nav > .accordion-button.accordion-button {
  background-color: inherit;
  box-shadow: none;
  padding: 0;
  color: black;
  font-weight: 700;
}

.main-menu-nav > .accordion-button::after {
  filter: brightness(0);
}

.category-accordion-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
}

.main-menu-products-row > a {
  max-width: 22rem;
}

#resultsProductsMenu {
  height: fit-content;
  flex-grow: 1;
  /*display: grid;*/
  /*grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));*/
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (max-width: 991px) {
  #resultsProductsMenu {
    justify-content: center;
  }
}

.no-product-results {
  grid-area: 1 / 1 / -1 / -1;
  margin: auto;
  display: grid;
  place-content: center;
  gap: 1rem;
}

.no-product-results > img {
  max-width: 20%;
  margin-inline: auto;
}

.no-product-results > p {
  font-size: 1rem;
  text-align: center;
}

.main-menu-products-name {
  margin-bottom: 0;
  padding: 1rem 0 1rem 0;
  font-size: 2rem;
  font-weight: 600;
}

.main-menu-products-name a {
  color: black;
}

@media (max-width: 991px) {
  .main-menu-products-name {
    font-size: 1.25rem;
    text-align: center;
    padding-bottom: 1rem;
  }

  .main-menu-products-name a {
    color: #3b61ff;
  }
}

.main-menu-products-name:empty + div {
  min-height: 500px;
}

.main-menu-products-name > a {
  text-decoration: none;
}

.scrollbar-dark.main-menu-nav {
  margin-right: -1rem;
}

/* SECTION SALE */

/* CARD SALE */
.card-sale {
  min-height: 19rem;
  height: 100%;
  width: 100%;
}
.card-sale-banner {
  background: #fafafa;
  padding: 1.875rem 1.5rem 1.5rem 1.5rem;
}
.card-sale-img {
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.card-sale .btn-white-section-sale {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.card-sale .btn-white {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;;
}

.card-sale-banner .btn {
  width: 100%;
}

.card-sale:not(.card-sale-banner) .btn {
  width: calc(100% - 3rem);
}

.card-gutter:not(.slick-slider) {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.card-gutter:not(.slick-slider) > * {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-top: 0.5rem;
  text-decoration: none;
}

.card-gutter.slick-slider {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.card-gutter.slick-slider .slick-slide {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  margin-top: 0.5rem;
}

/* CARD PRODUCT */
.card-product {
  /*width: 16.375rem;*/
  width: 13.375rem;
  min-height: 20.25rem;
  height: 100%;
  color: #292D32;
  cursor: pointer;
  display: flex;
  position: relative;
  flex-direction: column;
  margin: 0 auto !important;
}
@media (min-width: 495px) {
  .card-product {
    /*width: 13.375rem;*/
  }
  .card-product-menu {
    width: 12.3rem;
  }
}
@media (min-width: 576px) {
  .card-product {
    width: 15.375rem;
  }
  .card-product-menu {
    width: 12.375rem;
  }
}
@media (min-width: 768px) {
  .card-product {
    width: 13.5rem;
    /*min-height: 19.5rem;*/
  }
  .card-product-menu {
    width: 12.5rem;
  }
}
@media (min-width: 992px) {
  .card-product {
    width: 11.5rem;
  }
}
@media (min-width: 1200px) {
  .card-product {
    width: 11.25rem;
    /*min-height: 20.5rem;*/
  }
  .card-product-menu {
    width: 13.25rem;
    min-height: 21.5rem;
  }
}
@media (min-width: 1400px) {
  .card-product {
    width: 12.25rem;
    min-height: 17.4rem;
  }
}

.card-product:hover {
  /*   &.card-product:before {
    box-shadow: 0px 1px 14px rgb(13 26 80 / 11%);
  } */
}
.card-product:hover .card-product-image {
  transform: scale(1.1);
}
.card-product::before {
  content: "";
  border-radius: 0.75rem;
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  top: 30%;
  height: 70%;
  transition: 0.3s ease-in-out;
  border-color: transparent;
  background-color: #EFF5F9;
}

.card-product:hover::before {
  border: 1px solid #ddebf5 !important;
  box-shadow: 0 1px 14px rgba(13, 26, 80, 0.11);
}

.card-product-image {
  width: 12rem;
  min-height: 12rem;
  height: 100%;
  margin: 1rem auto 0;
  display: block;
  z-index: 0;
  background-size: cover;
  background-position: center;
  transition: 0.5s ease-in-out;
  /*   & static {

  } */
}
.card-product-body {
  height: 100%;
  padding: 1.25rem;
}
.card-product-body-content {
  position: relative;
}

.default-azure-color::before {
  background-color: #EFF5F9;
}
.default-azure-color:hover::before {
  border: 1px solid #ddebf5 !important;
  box-shadow: 0 1px 14px rgba(13, 26, 80, 0.11);
}

.cream::before {
  background-color: #FFF8EE;
}
.cream:hover::before {
  border: 1px solid #ffeadf !important;
  box-shadow: 0 1px 2px -0.75px rgba(255, 155, 128, 0.09), 0 2px 6px -1.5px rgba(255, 187, 128, 0.09), 0 10px 26px -2.25px rgba(255, 179, 128, 0.11);
  /* box-shadow: 0px 0.6021873017743928px 1.5656869846134214px -0.75px rgba(255, 128, 128, 0.09), 0px 2.288533303243457px 5.950186588432988px -1.5px rgba(255, 128, 128, 0.09458), 0px 10px 26px -2.25px rgba(255, 128, 128, 0.11); */
}

/* CARD COLORS */
.category-color .main-category-card {
  background: linear-gradient(334.84deg, rgba(45, 164, 243, 0.12) 0%, rgba(45, 164, 243, 0) 100%), rgba(45, 164, 243, 0.05);
}

.category-color .btn-view-container a {
  color: rgb(45, 164, 243);
}

.category-color .btn-view-container:hover a {
  color: rgba(45, 164, 243, 0.75);
}

.category-color .btn-view-container button {
  background: rgb(45, 164, 243);
  border: 1px solid rgb(45, 164, 243);
}

.category-color .btn-view-container:hover button {
  background: rgba(45, 164, 243, 0.75);
}

.category-color .card-product::before {
  background-color: rgba(45, 164, 243, 0.05);
}

.category-color .card-product:hover::before {
  border: 1px solid rgba(45, 164, 243, 0.25);
  box-shadow: 0 1px 2px -0.75px rgba(215, 215, 215, 0.09), 0 2px 6px -1.5px rgba(154, 154, 154, 0.09), 0 10px 26px -2.25px rgba(0, 0, 0, 0.11);
}

/* CARD PRODUCT MENU */
.card-product-menu {
  width: 100%;
  max-width: 18rem;
}

/* CARD MAIN CATEGORY */
.main-category-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.main-category-card-container {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.main-category-card-list.category-list-comma li:not(:last-child)::after {
  content: ", ";
}

.main-category-card {
  height: 100%;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}
.main-category-card-list {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 10rem;
  color: rgba(41, 45, 50, 0.5);
}
.main-category-card-list li {
  display: inline;
}
.main-category-card-list a {
  color: rgba(41, 45, 50, 0.5);
  font-size: 1.125rem;
  text-decoration: none;
}
.main-category-card .link-more {
  color: rgba(41, 45, 50, 0.5);
  font-size: 1.125rem;
  text-decoration: none;
}
.main-category-card button {
  box-shadow: 0 11px 26px rgba(0, 8, 41, 0.12);
}
.main-category-card-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: right;
  width: 50%;
  height: 100%;
  position: absolute;
  right: -10%;
  top: 0;
}

/* SECTION ADVERTISEMENT */
.section-promo {
  padding: 3.75rem 0;
  justify-content: center;
}
.section-promo-img {
  float: right;
}

.container-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 1rem 1rem;
  grid-auto-flow: row;
  grid-template-areas: "design-card-01 design-card-02" "design-card-03 design-card-03" "design-card-04 design-card-04" "design-card-05 design-card-07" "design-card-06 design-card-07" "design-card-08 design-card-09";
}

.design-card {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 15.4rem;
  cursor: pointer;
}

.design-card img,
.container-check-our-works img {
    visibility: hidden;
    width: 0;
    height: 0;
}


.design-card-01 {
  grid-area: design-card-01;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/brand-name.webp");
}

.design-card-02 {
  grid-area: design-card-02;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/design-talks.webp");
}

.design-card-03 {
  grid-area: design-card-03;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/home-for-sell.webp");
}

.design-card-04 {
  grid-area: design-card-04;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/flyer.webp");
}

.design-card-05 {
  grid-area: design-card-05;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/business-card-03.webp");
}

.design-card-06 {
  grid-area: design-card-06;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/business-card-02.webp");
}

.design-card-07 {
  grid-area: design-card-07;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/business-card-04.webp");
}

.design-card-08 {
  grid-area: design-card-08;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/business-card-01.webp");
}

.design-card-09 {
  grid-area: design-card-09;
  background-image: url("https://pp-cdn.faster.ws/images/static/our-designs/flyer-01.webp");
}

/* BOTTONS */
button:focus:not(:focus-visible) {
  outline: none;
}

.btn-link {
  text-decoration: none;
  font-weight: 700;
}

.btn-animation-arrow {
  position: relative;
}
.btn-animation-arrow:hover .btn-animation-arrow-right {
  transform: translate3d(10px, 0, 0);
}
.btn-animation-arrow:hover .btn-animation-arrow-left {
  transform: translate3d(-10px, 0, 0);
}
.btn-animation-arrow .btn-animation-arrow-right {
  transition: transform 0.3s ease;
  vertical-align: middle;
  position: relative;
  padding-bottom: 0.25rem;
}
.btn-animation-arrow .btn-animation-arrow-left {
  transition: transform 0.3s ease;
  vertical-align: middle;
  position: relative;
  padding-bottom: 0.25rem;
}

.btn {
  /*text-transform: capitalize;*/
}
.btn.btn-link:active {
  border-color: transparent !important;
}

.btn-white {
  box-shadow: 0 4px 36px rgba(181, 185, 220, 0.25);
}
.btn-white:hover {
  background-color: #F7F7F9;
}

.btn-white-with-border {
  border: 1px solid #C8C8D0;
  box-shadow: none;
  transition: ease 0.3s;
  background-color: #FFF;
}
.btn-white-with-border:hover {
  background-color: #F7F7F9;
  border: 1px solid #C8C8D0;
  color: #292D32 !important;
}

.btn-circle {
  border: none;
  color: #FFF;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.btn-icon-link-white {
  text-decoration: none;
  color: #FFF;
  transition: 0.3s ease-in;
}

.btn-icon-link-black {
  text-decoration: none;
  color: #000;
  transition: 0.3s ease-in;
}
.btn-icon-link-black:hover {
  color: #3B61FF;
}

.btn-close {
  width: 0.8125rem;
  height: 0.8125rem;
  background-size: cover;
  box-sizing: border-box;
  opacity: 1;
}

.medium-btn-circle {
  box-shadow: 0 11px 26px rgba(0, 8, 41, 0.12);
  width: 4rem;
  height: 4rem;
}

/* SLICK SLIDER */
.slider-title {
  padding-inline: 1rem;
  margin-inline: auto;
}
.slider-dots {
  /*margin-top: 1.37rem;*/
}
.slider-dots button {
  border: 1px solid #C8C8D0;
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  margin: 0 0.5rem;
  background: transparent;
  cursor: pointer;
}
.slider-dots button.active {
  background: #C8C8D0;
}

/* BOOTSTRAP SLIDER CAROUSEL*/
.header-top-slider, .carousel-inner {
  height: 4rem;
  transition: height 300ms ease-in-out;
}
.carousel-hidden {
  height: 0;
}
.carousel-hidden .carousel-inner {
  height: 0;
}
.carousel-hidden .carousel-controls {
  display: none;
}
.header-top-slider .carousel-item {
  height: 4rem;
}
.header-top-slider-link {
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 18rem;
}
.header-top-slider-link:hover {
  transition: 0.3s ease-in;
  color: #e3e9f1;
}

#sliderHeaderAdvertisement .carousel-control-prev, #sliderHeaderAdvertisement .carousel-control-next {
  width: 10%;
  opacity: 1;
}
#sliderHeaderAdvertisement .carousel-control-prev-icon, #sliderHeaderAdvertisement .carousel-control-next-icon {
  width: 1.5rem;
  height: 1.5rem;
}

/* ICONS */
#btnBurger.active .icon-burger span:nth-of-type(1) {
  width: 100%;
  transform-origin: unset;
  transform: rotatez(45deg) translate(2px, 2px);
}
#btnBurger.active .icon-burger span:nth-of-type(2) {
  width: 100%;
  transform-origin: unset;
  transform: rotatez(-45deg) translate(2px, -2px);
}
#btnBurger.active .icon-burger span:nth-of-type(3) {
  display: none;
}

.icon-burger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
.icon-burger span {
  background: #fff;
  border-radius: 0.625rem;
  height: 0.125rem;
  margin: 0.125rem 0;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.icon-burger span:nth-of-type(1) {
  width: 100%;
}
.icon-burger span:nth-of-type(2) {
  width: 70%;
}
.icon-burger span:nth-of-type(3) {
  width: 30%;
}

.lifebuoy-icon {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/lice-lifebuoy.svg");
}

.shipping-cart-icon {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/shopping-cart.svg");
  background-repeat: no-repeat;
}

/* SECTION SERVICE DESIGN*/
.service-design {
  background-image: url("https://pp-cdn.faster.ws/images/static/home-page/laptop-with-project.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.service-design-card {
  padding: 2rem;
}
.service-design-card-desc {
  padding: 1.625rem;
}

/* FOOTER */
footer .footer-content {
  background-color: #292D32;
  color: #FFF;
  padding-top: 4rem;
}
footer .footer-logo {
  max-width: 19rem;
  width: 100%;
  margin: 0 auto;
}
footer .footer-menu-link {
  display: block;
  text-decoration: none;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  color: #FFF;
  transition: all 0.3s;
}
footer .footer-menu-link:hover {
  color: #5EB8F4;
}

.footer-with-banner .footer-content {
  margin-top: -12rem;
  padding-top: 17rem;
}

.banner-subscribe {
  color: #FFF;
  position: relative;
  margin-bottom: -12rem;
  min-height: 20rem;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 1rem;
}
.banner-subscribe:not(.banner-support-footer) {
  background: linear-gradient(0deg, rgba(59, 97, 255, 0.6), rgba(59, 97, 255, 0.6)), linear-gradient(180deg, rgba(59, 97, 255, 0.8) 24.8%, rgba(59, 97, 255, 0) 100%), url("https://pp-cdn.faster.ws/images/static/banner/subscribe.webp");
}
.banner-subscribe.banner-pro-services {
  background: linear-gradient(0deg, rgba(59, 97, 255, 0.6), rgba(59, 97, 255, 0.6)), linear-gradient(180deg, rgba(59, 97, 255, 0.8) 24.8%, rgba(59, 97, 255, 0) 100%), url("https://pp-cdn.faster.ws/images/dynamic/home/header/man-with-computer.webp");
  background-size: cover;
  background-position-y: 85%;
}

.footer-mobile-collapse {
  padding-left: 1.25rem;
}

/* COLLAPSE */
.collapse-button.collapsed::after {
  content: "";
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/plus.svg");
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s;
  transform: rotate(180deg);
}

.collapse-button:not(.collapsed):after {
  transition: 0.3s;
  transform: rotate(-180deg);
  content: "";
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/add.svg");
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
}

/* FORM MAIL */
.cta-subscribe-input.form-control:focus {
  color: unset;
  background-color: unset;
  border: none;
  outline: 0;
}

.cta-subscribe {
  max-width: 34.9rem;
  margin: 0 auto;
  background: rgba(41, 45, 50, 0.25);
  backdrop-filter: blur(8px);
  height: 4.3rem;
  border-radius: 2.5rem;
  position: relative;
}
.cta-subscribe-input {
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 1.5rem !important;
  border: 3px solid #FFF !important;
  border-radius: 2.5rem;
  background: transparent;
  padding: 1.2rem 4rem 1.2rem 1.8rem;
  line-height: 1;
  box-sizing: border-box;
  outline: none;
}
.cta-subscribe-input::placeholder {
  color: #FFF;
}
.cta-subscribe-button {
  position: absolute;
  height: 82%;
  top: 0.375rem;
  right: 0.375rem;
  border: 0;
  background: #FFF;
  background-blend-mode: soft-light;
  font-size: 1.5rem;
  color: #FFF;
  outline: none;
  margin: 0;
  border-radius: 6.25rem;
  transition: all 0.3s;
  padding: 0;
}
.cta-subscribe-button .icon-btn-send {
  display: block;
  position: absolute;
  left: 1.3rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.cta-subscribe-button .text {
  display: none;
  color: black;
}

.cta-subscribe-button {
  width: 3.75rem;
  animation: animateButtonSendOut 1s cubic-bezier(1.36, 0.07, 0.19, 0.97) both;
}
.cta-subscribe-button.active {
  width: 96.5%;
  animation: animateButtonSendIn 1s cubic-bezier(0.36, 0.07, 0.19, 3.97) both;
  transform: translate3d(0, 0, 0);
  right: 0.375rem !important;
}
.cta-subscribe-button.active .icon-btn-send {
  display: none;
}
.cta-subscribe-button.active + .cta-subscribe-input::placeholder {
  opacity: 0;
}
.cta-subscribe-button.active .text {
  display: block;
}

@keyframes animateButtonSendIn {
  0% {
    right: 0;
  }
  60% {
    right: 0.625rem;
  }
  80% {
    right: -0.3125rem;
  }
  100% {
    right: 0 !important;
  }
}
@keyframes animateButtonSendOut {
  0% {
    right: 0;
  }
  30% {
    right: -0.3125rem;
  }
  100% {
    right: 0 !important;
  }
}
/* MODAL */
.fullscreen-modal {
  --bs-modal-width: 100vw;
  --bs-modal-margin: 0;
  --bs-modal-border-radius: 0;
}

.library-modal-content {
  min-height: 30rem;
}

.modal-design-flyer-img {
  max-width: 13.5rem;
  margin: 0 auto 2rem;
}

#modalCookie .modal-body {
  max-height: 31.94rem;
  padding: 0 1rem 1rem 0;
  margin: 2.5rem 1rem 1rem;
}

/* STYLES PAGE PRINT GROUPS */
/* HEADDER ADVERTISING CATEGORY */
.header-print-groups-desc {
  padding: 4rem 0;
}

.menu-category {
  color: #FFF;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #eef3ff;
}
.menu-category a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  padding: 1.75rem;
  color: #FFF;
  background-color: #3B61FF;
  text-decoration: none;
  transition: all 0.3s;
}
.menu-category a:hover {
  background-color: #2f4ecc;
}

/* STYLES PAGE PRINT DETAILS */
/* HEADDER ADVERTISING CATEGORY */
.js-container-categories-page section:not(:nth-child(1)) {
  background: radial-gradient(54.06% 100% at 50% 0%, rgba(238, 243, 255, 0.5) 0%, rgba(238, 243, 255, 0) 100%);
  border-top: 1px solid #eef3ff;
}

.header-print-details-desc {
  padding: 3rem 0;
}

.header-print-details-img {
  max-width: 35rem;
  width: 100%;
  margin: 0 auto;
}

.product-feature-icon {
  height: 1.5rem;
}

.list-benefits {
  font-size: 1rem;
  padding-top: 2rem;
}

.wrapper-tabel {
  overflow: auto;
  border-radius: 0.625rem;
  border: 1px solid #C8C8D0;
}

.tabel-print-details {
  margin-bottom: 0;
  overflow: hidden;
}
.tabel-print-details tbody {
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  font-size: 1.25rem;
}
.tabel-print-details th, .tabel-print-details td {
  border: 1px solid #C8C8D0;
}

.banner-free-design {
  background: linear-gradient(118.49deg, rgba(59, 97, 255, 0.99) 46.78%, rgba(59, 97, 255, 0) 91.32%), url("https://pp-cdn.faster.ws/images/static/banner/subscribe.webp");
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
}
.banner-free-design-desc {
  padding: 3.5rem 1.25rem;
}

.free-designing-container {
  padding-left: 2.3rem;
  display: flex;
  align-items: center;
}

.type-details-design input[type=radio]:not(:checked) + label {
  color: #94a8fa !important;
}

/* STYLES PAGE ORDER PTOCESS */
/* UPLOAD PROJECT */
.checkout-page-pb {
  padding-bottom: 10rem;
}

.footer-order-process {
  /*position: fixed;*/
  position: sticky;
  width: 100%;
  bottom: 0;
  z-index: 2;
}
.footer-order-process-container {
  background-color: #000;
  padding: 1.3rem 0;
}

.upload-your-design-card {
  height: 20rem;
  border-radius: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #949698;
  transition: all 0.3s;
  border: 2px dotted #E3E3E3;
  position: relative;
  box-shadow: inset 0 1px 25px 0 rgba(0, 0, 0, 0.05);
}
.upload-your-design-card.disabled {
  background-image: url("https://pp-cdn.faster.ws/images/static/bg/lines-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border: none;
}
.upload-your-design-card.disabled::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23C8C8D0FF' stroke-width='4' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 1.25rem;
  width: 100%;
  height: 100%;
}
.upload-your-design-card .bg-uploaded-design {
  max-width: 4.875rem;
  height: 4.875rem;
  margin: 0 auto;
}
.upload-your-design-card .btns-row-upload-files {
  padding: 2.5rem;
}
.upload-your-design-card .btns-row-upload-files a:first-child {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #fdfdfd;
  box-shadow: rgba(0, 0, 0, 0.05) 8px 8px 20px 0;
  position: relative;
}
.upload-your-design-card .btns-row-upload-files a:last-child {
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  background-color: #fdfdfd;
  box-shadow: rgba(0, 0, 0, 0.05) -8px -8px 20px 0;
}

.plus-icon {
  --b: 8px;
  width: 55px;
  aspect-ratio: 1;
  bottom: -28px;
  right: -28px;
  position: absolute;
  background: conic-gradient(from 90deg at var(--b) var(--b), rgba(255, 255, 255, 0) 90deg, #cdcdcd 0) calc(100% + var(--b) / 2) calc(100% + var(--b) / 2)/calc(50% + var(--b)) calc(50% + var(--b));
  display: inline-block;
}

.upload-card-title {
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  /*text-transform: uppercase;*/
}
.upload-card-title .upload-card-title-shadow {
  font-size: 1.25rem;
  font-weight: bold;
  width: 100%;
  height: 2.1875rem;
  fill: black;
}
.upload-card-title .upload-card-title-shadow .upload-card-title-shadow-txt {
  fill: #525252;
  stroke: rgb(255, 255, 255);
  stroke-width: 6px;
  stroke-linejoin: round;
  paint-order: stroke;
  text-shadow: 3px 0 4px rgba(255, 255, 255, 0.9), -3px 0 4px rgba(255, 255, 255, 0.9);
}
.upload-card-title-fs {
  font-size: 0.9rem;
}

.interval-between-rows {
  margin: 4rem 0;
}

.static nav.navbar .nav-icon-fs {
  width: 0.8rem;
  height: 0.8rem;
  font-size: 1rem;
}

.static nav .language-settings-img {
  width: 1.3rem;
  height: 1.3rem;
}

/* REVIEW DESIGN */
.review-design-card {
  border-radius: 1.25rem;
  width: 100%;
  height: 18.5rem;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}

.your-design-details {
  background: #FFF;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.05);
}

/* PRINTING OPTIONS */
.tom-select-quantity-cart {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
}

#quantityPrintingOptionsSelect + .tom-select-quantity-black {
  width: 100%;
}
#quantityPrintingOptionsSelect + .tom-select-quantity-black > div.ts-control {
  background-color: #000 !important;
  border: 1px solid #c8c8d0;
  border-radius: 3.75rem;
}
#quantityPrintingOptionsSelect + .tom-select-quantity-black > div.ts-control::before {
  color: #FFF;
}
#quantityPrintingOptionsSelect + .tom-select-quantity-black > div.ts-control input {
  color: #FFF;
}
#quantityPrintingOptionsSelect + .tom-select-quantity-black > div.ts-control input::placeholder {
  color: #FFF;
  opacity: 1;
}

.printing-options {
  margin-top: 2.75rem;
}
.printing-options input[type=radio]:checked + .printing-options-item {
  background-color: #EEF3FF;
  border: 1px solid #3B61FF;
}
.printing-options input[type=radio]:checked + .printing-options-item .printing-options-item-name {
  font-weight: 700;
}
.printing-options-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  cursor: pointer;
  transition: 0.3s;
}
.printing-options-image {
  max-width: 5rem;
  width: 100%;
  height: 5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* RECOMMENDED PRODUCTS */
.recommended-product-cards > div:nth-last-child(-n+2) {
  display: none;
}

.recommended-product-cart-img {
  overflow: hidden;
  border-radius: 0.625rem;
  min-width: 4.75rem;
  height: 4.75rem;
  background-size: cover;
  background-position: center;
}

/* YOUR CART */
.your-carts hr,
.your-carts-history hr {
  color: #ebebf3;
  opacity: 1;
}
.your-carts > div,
.your-carts-history > div {
  padding: 2.5rem 0;
  scroll-margin-top: 4rem;
}
.your-carts > div:nth-child(2n+1),
.your-carts-history > div:nth-child(2n+1) {
  background-color: #F7F7F9;
}
.your-carts > div:nth-child(2n+1) hr,
.your-carts-history > div:nth-child(2n+1) hr {
  color: #FFF;
}

.select-group,
.form-group {
  position: relative;
  margin-bottom: 1.75rem;
}

.select-group label,
.form-group label {
  position: absolute;
  padding: 0.1875rem 0.375rem;
  top: 0;
  left: 0;
  font-size: 1rem;
  line-height: 1;
  color: #5A5A5A;
  border-top-left-radius: 3px;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

.select-group select {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.select-group label.inline-label,
.select-group.select-focused label,
.select-group.select-has-value label,
.form-group label.inline-label {
  top: -11px;
  left: 0.9rem;
  z-index: 2;
}
.select-group label.inline-label:before,
.select-group.select-focused label:before,
.select-group.select-has-value label:before,
.form-group label.inline-label:before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  z-index: -1;
}

.cart-without-img {
  background-image: url("https://pp-cdn.faster.ws/images/static/bg/lines-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid #E3E3E3;
  min-height: 8rem;
  pointer-events: none;
}

.your-cart-img-link:not(.cart-without-img) {
  background: none;
  border: none;
}

.your-cart-img-link {
  overflow: hidden;
  border-radius: 0.625rem;
  position: relative;
  padding: 0;
  width: 100%;
  display: block;
}
.your-cart-img-link:hover .your-cart-img {
  filter: brightness(80%);
}
.your-cart-img-link:hover .your-cart-img-icon {
  display: block;
}
.your-cart-img {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: all 0.3s;
  min-height: 8rem;
}
.your-cart-img-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 3rem;
  transition: all 0.3s;
  z-index: 4;
}
.your-cart-options .mb-0 .select-group {
  margin-bottom: 0 !important;
}

.your-cart-history-container .your-cart-img {
  width: 8.8125rem;
  min-height: 8.8125rem;
  border-radius: 0.625rem;
}

/* SHIPPING ADDRESS */
.shipping-addresses-card {
  width: 100%;
  border: 1px solid #C8C8D0;
  border-radius: 1.25rem;
  padding: 1.5rem;
  padding-left: 5.25rem;
  color: #C8C8D0;
  background-color: #FFF;
  cursor: pointer;
}

.shipping-addresses-card-input-radio.form-check-input {
  position: absolute;
  left: 2rem;
  border: 2px solid #C8C8D0;
  /*     width: 1.75rem;
  height: 1.75rem; */
}
.shipping-addresses-card-input-radio.form-check-input:checked {
  border: 2px solid #3B61FF;
}
.shipping-addresses-card-input-radio.form-check-input:checked + .shipping-addresses-card {
  background-color: #EEF3FF;
  border: 2px solid #3B61FF;
  color: #292D32;
}

input.shipping-address-title {
  border: none;
  font-weight: 700;
  font-size: 1.5rem;
  color: #000;
}
input.shipping-address-title::placeholder {
  font-weight: 700 !important;
  font-size: 1.5rem;
  color: #000;
}
input.shipping-address-title:focus {
  outline: none;
}

.glider {
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 1rem;
}


.glider.draggable:has(+ :not(.glider-dots)) {
  cursor: default !important;
}

#creditCardsGlideSlide .glide__slide .saved-credit-card {
  max-width: 17rem !important;
  height: 14rem;
}
#creditCardsGlideSlide .glide__slide .saved-credit-card .text-xxs {
  font-size: 0.5rem !important;
}
#creditCardsGlideSlide .glide__slide .saved-credit-card .saved-card-number, #creditCardsGlideSlide .glide__slide .saved-credit-card .saved-card-name, #creditCardsGlideSlide .glide__slide .saved-credit-card .valid-thru, #creditCardsGlideSlide .glide__slide .saved-credit-card .valid-slash {
  font-size: 0.8125rem;
}

#creditCardsGlideSlide .glide__slide {
  opacity: 0.7;
  width: 17rem !important;
  transition: all 0.5s ease;
  /* &:not(.glide__slide--active){
    &::before {
      content: '';
      z-index: 10;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      background: linear-gradient(to right, #FFFFFF 51.83%, rgba(255, 255, 255, 0) 79.38%);
    }
  }

  &.glide__slide--active ~ .glide__slide{
    &::before {
      content: '';
      z-index: 10;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      background: linear-gradient(to left, #FFFFFF 51.83%, rgba(255, 255, 255, 0) 79.38%);
    }
  } */
}
#creditCardsGlideSlide .glide__slide.glide__slide--active {
  opacity: 1 !important;
  z-index: 9999;
  box-shadow: 0 4px 21px rgba(0, 0, 0, 0.23);
  border-radius: 0.625rem;
}

.glider-next,
.glider-prev {
  width: 2.875rem;
  height: 2.875rem;
  top: 50%;
  transform: translateY(-50%);
  background: #E3E3E3;
  border-radius: 0.625rem;
  z-index: 1;
  position: absolute;
  border: none;
  line-height: 1;
  font-size: 2.5rem;
}

.glide__bullets {
  text-align: center;
}

.glide__bullet {
  margin: 0 5px;
  width: 0.6875rem;
  height: 0.6875rem;
  border-radius: 100%;
  background: #d9d9d9;
  border: 0;
  padding: 0;
}

.glide__bullet--active {
  background: #3B61FF;
}

/* PAYMENT OPTIONS */
.coupon {
  border-radius: 0.625rem;
  max-width: 21rem;
  width: 100%;
  margin: 0 auto;
}
.coupon .wrap {
  color: #FFF;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding: 1rem;
  min-height: 9.375rem;
}
.coupon .wrap .title {
  font-weight: 700;
  font-size: 1.125rem;
}
.coupon .wrap .price {
  font-weight: 800;
  font-size: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coupon .wrap .type {
  font-weight: 400;
  font-size: 0.875rem;
}
.coupon.base-coupon {
  background: radial-gradient(90.69% 169.49% at 94.44% 9.5%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #3b61ff;
}
.coupon.base-coupon .wrap {
  height: 100%;
}
.coupon.base-coupon .wrap .type {
  color: rgba(255, 255, 255, 0.6);
}
.coupon.pro {
  background: #FFF;
  border: 2px solid #000;
  position: relative;
  padding: 0;
}
.coupon.pro::before, .coupon.pro::after {
  content: "";
  background: #FFF;
  width: 1.875rem;
  height: 3.125rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #000;
}
.coupon.pro::before {
  border-left-color: white;
  border-radius: 0 2rem 2rem 0;
  left: -2px;
}
.coupon.pro::after {
  border-right-color: white;
  border-radius: 2rem 0 0 2rem;
  right: -2px;
}
.coupon.pro .wrap {
  color: #000;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23C8C8D0FF' stroke-width='2' stroke-dasharray='8%2c 15' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 7px;
  margin: 7px;
  background-position: center;
}
.coupon.pro .wrap .type {
  font-weight: 400;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.5);
}

.latest-transactions-list-item {
  border-bottom: 1px solid #E3E3E3;
  padding: 1.25rem 0;
}

.list-credit-card > span {
  width: 2.2rem;
  height: 1.3rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 0.25rem;
  border-radius: 3px;
}

#savedCreditCards .saved-credit-card-item:last-child hr {
  display: none;
}

.saved-credit-card-item {
  margin-top: 2.25rem;
}
.saved-credit-card-item-border {
  max-width: 26rem;
  width: 100%;
  margin: 0 auto;
}

.saved-credit-card {
  width: 100%;
  max-width: 28rem;
  margin: 0 auto;
  height: 16rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.saved-credit-card .card-front,
.saved-credit-card .card-back {
  /*text-transform: uppercase;*/
  border-radius: 0.625rem;
  color: #FFF;
  padding: 1.5rem;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transition: transform 0.6s;
}
.saved-credit-card .card-front {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.saved-credit-card .card-front .card-number-container {
  min-height: 5.125rem;
}
.saved-credit-card .card-back {
  transform: rotateY(180deg);
}
.saved-credit-card .card-back-content {
  padding: 1.5rem;
}
.saved-credit-card .card-back-content .card-back-cvv-number {
  display: inline-block;
  padding-left: 0.5rem;
  line-height: 1;
  vertical-align: top;
  font-size: 1rem;
}
.saved-credit-card .card-back-content .card-back-line-white {
  display: inline-block;
  background: #FFF;
  width: 80%;
  height: 2.5rem;
}
.saved-credit-card .card-back .card-back-line-black {
  display: block;
  background: #000;
  width: 100%;
  height: 3rem;
  margin-top: 2rem;
}
.saved-credit-card.flipped .card-front {
  transform: rotateY(180deg);
}
.saved-credit-card.flipped .card-back {
  transform: rotateY(0deg);
}
.saved-credit-card .saved-card-logo {
  width: 100%;
  height: 1.5rem;
  display: block;
  background-repeat: no-repeat;
  margin-left: auto;
  background-position-x: right;
}
.saved-credit-card .saved-card-logo.visa {
  background-image: url("https://pp-cdn.faster.ws/images/static/order-process/credit-card-icons/visa-card-icon.svg");
}
.saved-credit-card .saved-card-logo.mastercard {
  background-image: url("https://pp-cdn.faster.ws/images/static/order-process/saved-card-logo-mastercard.svg");
}
.saved-credit-card .saved-card-logo.discover {
  background-image: url("https://pp-cdn.faster.ws/images/static/order-process/credit-card-icons/discover-card-icon.svg");
}
.saved-credit-card .saved-card-number {
  letter-spacing: 0.3rem;
}
.saved-credit-card .saved-card-name {
  max-width: 17.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.saved-credit-card-mastercard-orange {
  background: url("https://pp-cdn.faster.ws/images/static/order-process/saved-credit-card-design-line.webp"), linear-gradient(100.87deg, #ff8e70 5.72%, #ffc371 95.58%);
  background-position: left center;
  background-repeat: no-repeat;
}
.saved-credit-card-mastercard-blue {
  background: url("https://pp-cdn.faster.ws/images/static/order-process/saved-credit-card-design-line.webp"), linear-gradient(100.87deg, #70e5ff 5.72%, #7177ff 95.58%);
  background-position: left center;
  background-repeat: no-repeat;
}
.saved-credit-card-mastercard-red {
  background: url("https://pp-cdn.faster.ws/images/static/order-process/saved-credit-card-design-line.webp"), linear-gradient(100.87deg, #ff7070 5.72%, #ff3737 95.58%);
  background-position: left center;
  background-repeat: no-repeat;
}

/* VALIDATOR CREDIT CARD STYLE */
.form-validated .form-control:invalid,
.form-validated .form-select:invalid {
  box-shadow: 0 0 0 0.25rem rgba(255, 80, 59, 0.26);
}

.input-focus-blue {
  /*   border-width: 2px;  */
}
.input-focus-blue:focus {
  background: #f0f5ff;
  /*   border: 2px solid $primary; */
  border-color: #3B61FF;
  box-shadow: none;
}
.input-focus-blue:focus::placeholder {
  color: #3B61FF;
  font-weight: 700;
}

.card-type {
  position: absolute;
  width: 100%;
  max-width: 2.2rem;
  height: 1.3rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  border-radius: 3px;
  top: 50%;
  left: 1.4rem;
  transform: translateY(-50%);
}

.card-type.mastercard {
  background-image: url("https://pp-cdn.faster.ws/images/static/order-process/credit-card-icons/master-card-icon.svg");
}

.card-type.visa {
  background-image: url("https://pp-cdn.faster.ws/images/static/order-process/credit-card-icons/visa-card-icon.svg");
}

/* .card-type.amex { background-position: 0 -57px; }; */
.card-type.discover {
  background-image: url("https://pp-cdn.faster.ws/images/static/order-process/credit-card-icons/discover-card-icon.svg");
}

.card-type-input {
  padding-left: 4.5rem !important;
}

.cvv-number-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cvv-number-container input {
  border: none;
  outline: none;
}

input[type=number].input-number-without-arrow {
  -moz-appearance: textfield;
}

input[type=number].input-number-without-arrow::-webkit-outer-spin-button,
input[type=number].input-number-without-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* SUPPORT PAGE */
.header-desc .header-support-desc {
  padding: 6rem 0;
}

.accordion.accordion-support-page .accordion-item {
  margin: 1.5rem 0;
  border: none;
}
.accordion.accordion-support-page .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion.accordion-support-page .accordion-item .accordion-button {
  border-radius: 0.625rem;
  font-size: 1.125rem;
  padding: 1.25rem;
  font-weight: 600;
  background: transparent;
  border: 1px solid #ebebf3;
  color: #000;
}
.accordion.accordion-support-page .accordion-item .accordion-button.accordion-button:after {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/plus-black.svg");
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #292D32;
  border-radius: 100%;
  background-position: center;
}
.accordion.accordion-support-page .accordion-item .accordion-button.accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion.accordion-support-page .accordion-item .accordion-button.accordion-button:not(.collapsed)::after {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/minus.svg");
  transform: rotate(-180deg);
  background-size: auto;
}
.accordion.accordion-support-page .accordion-item .accordion-body {
  font-size: 1.25rem;
}

.support-download-icon {
  width: 2.2rem;
  height: 2.6rem;
  margin-right: 1.25rem;
}

.setup-guides-product-col {
  max-width: 8.25rem;
  width: 100%;
  margin: 0 0.75rem;
}
.setup-guides-product-col:hover:not(.active) .product-container .product-box {
  background: rgba(140, 148, 191, 0.2);
  border: 3px solid rgba(193, 192, 207, 0.6705882353);
}
.setup-guides-product-col:hover:not(.active) {
  cursor: pointer;
}
.setup-guides-product-col:hover:not(.active) .product-size {
  color: #000;
  cursor: pointer;
}
.setup-guides-product-col.active .product-container .product-box {
  background: rgba(59, 97, 255, 0.2);
  border-color: #3B61FF;
}
/*.setup-guides-product-col.active .product-size {*/
/*  color: #3B61FF;*/
/*}*/
.setup-guides-product-col .product-container {
  width: 8.25rem;
  height: 8.25rem;
  position: relative;
}
.setup-guides-product-col.active {
  background-color: #F9FDFF;
  outline: 1px solid #E7F3FF;
  border-radius: 0.25rem;
}
.setup-guides-product-col .product-container .product-box {
  background: rgba(227, 227, 227, 0.2);
  border: 3px solid #E3E3E3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
  transition: 0.3s;
}
.setup-guides-product-col .product-size {
  margin-top: 1.5rem;
  text-align: center;
  font-weight: 700;
  padding-bottom: 1rem;
}

/* GET DESIGN PAGE */
.header-get-design {
  /*   background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 49.76%), url("/assets/static/banner/subscribe.webp"); */
  background: linear-gradient(148deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%), url("https://pp-cdn.faster.ws/images/static/banner/subscribe.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.header-get-design-desc {
  padding: 6rem 0;
}

.get-design-flyers-img {
  max-width: 32rem;
  width: 100%;
  height: 32rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.container-check-our-works {
  display: grid;
  grid-template-columns: 1.3fr 1.3fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 1rem 1rem;
  grid-auto-flow: row;
  grid-template-areas: "col-check-our-works-01 col-check-our-works-02" "col-check-our-works-03 col-check-our-works-04" "col-check-our-works-05 col-check-our-works-04" "col-check-our-works-06 col-check-our-works-06" "col-check-our-works-07 col-check-our-works-09";
}

.col-check-our-works-01,
.col-check-our-works-02,
.col-check-our-works-03,
.col-check-our-works-04,
.col-check-our-works-05,
.col-check-our-works-06,
.col-check-our-works-07,
.col-check-our-works-08,
.col-check-our-works-09 {
  border-radius: 1.25rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.col-check-our-works-01 {
  grid-area: col-check-our-works-01;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-01.webp");
}

.col-check-our-works-02 {
  grid-area: col-check-our-works-02;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-02.webp");
}

.col-check-our-works-03 {
  grid-area: col-check-our-works-03;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-03.webp");
}

.col-check-our-works-04 {
  grid-area: col-check-our-works-04;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-05.webp");
}

.col-check-our-works-05 {
  grid-area: col-check-our-works-05;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-06.webp");
}

.col-check-our-works-06 {
  grid-area: col-check-our-works-06;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-04.webp");
}

.col-check-our-works-07 {
  grid-area: col-check-our-works-07;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-07.webp");
}

.col-check-our-works-08 {
  grid-area: col-check-our-works-08;
  display: none;
  background-image: url("https://pp-cdn.faster.ws/images/static/get-design-page/our-work-08.webp");
}

.col-check-our-works-09 {
  grid-area: col-check-our-works-09;
  padding: 1rem;
}

/* ABOUT US PAGE */
.header-about-us {
  padding-bottom: 10rem;
}

.header-desc-about-us {
  /*  height: calc(100vh - 4rem); */
  background: linear-gradient(180deg, #5eb8f4 0%, rgba(217, 217, 217, 0) 100%);
}
.header-desc-about-us-desc {
  padding: 6rem 0;
}

.section-about-us-sub-header {
  margin-top: -11rem;
}
.section-about-us-sub-header-img {
  position: relative;
  width: 100%;
  height: 15rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.25rem;
  padding: 1.5rem;
}
.section-about-us-sub-header-img-title {
  color: #292D32;
  font-weight: 700;
  font-size: 1.125rem;
  background-color: #FFF;
  border-radius: 3.754rem;
  padding: 0.625rem 1.25rem;
}

.about-us-help-you-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.25rem;
  width: 100%;
  height: 21rem;
  margin-bottom: 1.5rem;
}

/* MY ACOOUNT PAGE */
.account-sidebar > div {
  padding: 0.75rem 1.5rem;
}

.container-page-py {
  padding-top: 11rem;
  padding-bottom: 3rem;
}

.page-content {
  margin-block: 6rem;
}

.account-sidebar {
  width: 25%;
}

.account-nav {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.account-nav li:last-child a {
  padding-bottom: 0;
}
.account-nav a {
  color: #000;
  text-decoration: none;
  padding: 0.8rem 0;
  font-size: 1.125rem;
  font-weight: 600;
  display: block;
  /*text-transform: capitalize;*/
}
.account-nav a.active {
  color: #3B61FF;
}

.account-link {
  white-space: nowrap;
}

.account-content {
  width: 100%;
  display: inline-block;
  float: right;
}

.accordion-button.accordion-order-history-btn {
  font-size: 1.125rem;
  flex-wrap: wrap-reverse;
  font-weight: 400;
}

.dropdown-menu-order-history {
  min-width: 14.8rem;
}

.saved-history-credit-card {
  max-width: 100%;
}

.account-saved-jobs-img {
  width: 15.375rem;
  height: 15.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.625rem;
}

.account-label-icon {
  position: relative;
  left: -5px;
}

.custom-design-item-image {
  max-width: 15rem;
  width: 100%;
  height: 20rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.is-disabled {
  pointer-events: none;
}

.account-balance-input-count {
  max-width: 11.5rem;
}

/* SWITCH ACCOUNT */
.switch-account {
  max-height: 500px;
}
@media (max-width: 991px) {
  .switch-account {
    max-height: 250px;
  }
}
.switch-account-form {
  display: grid;
  grid-template-rows: 1fr auto;
}
.switch-account .switch-account-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}
.switch-account-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 1.4rem 0;
}
.switch-account-item.switch-account-item-user input.switch-account-input-check::before {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/switch-account/user.svg");
}
.switch-account-item.switch-account-item-business input.switch-account-input-check::before {
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/switch-account/business-house.svg");
}
.switch-account-item .switch-account-input-check {
  position: relative;
  width: 4.875rem;
  height: 4.875rem;
  appearance: none;
  border: 1px solid #000000;
  border-radius: 50%;
  cursor: pointer;
}
.switch-account-item .switch-account-input-check::before, .switch-account-item .switch-account-input-check::after {
  position: absolute;
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
  background-repeat: no-repeat;
}
.switch-account-item .switch-account-input-check::before {
  content: "";
}
.switch-account-item .switch-account-input-check:checked {
  border-color: #3B61FF;
}
.switch-account-item .switch-account-input-check:checked::before {
  filter: invert(42%) sepia(75%) saturate(5684%) hue-rotate(222deg) brightness(101%) contrast(101%);
  opacity: 0.3;
}
.switch-account-item .switch-account-input-check:checked::after {
  content: "";
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/switch-account/check-blue.svg");
}
.switch-account-item .switch-account-input-check:checked ~ .switch-account-name {
  color: #3B61FF;
}

.account-details.active .account-details-btns .account-details-btn-remove {
  pointer-events: none;
}
.account-details.active .account-details-btns .account-details-btn-remove .btn-circle-icon {
  background-color: #C8C8D0 !important;
  border-color: #C8C8D0 !important;
}
.account-details.active .account-details-btns .account-details-btn-remove .text {
  color: #C8C8D0 !important;
}

.account-generate-code {
  border: 1px solid #E3E3E3;
  border-radius: 0.625rem;
  font-weight: 700;
  color: #000;
  max-width: 306px;
  width: 100%;
  text-align: center;
  padding: 0.8rem 0;
}

/* ACCOUNT DETAILS */
input.form-check-input.form-checkbox-input {
  padding: 0.55rem;
}

.permissions-group.has-selected .permissions-group-all label .account-details-icon::after {
  content: "";
  display: block;
  top: 0;
  position: absolute;
  background-color: #3B61FF;
  border: 4px solid #fff;
  border-radius: 0.375rem;
  width: 100%;
  height: 100%;
  animation: check 0.6s ease;
}
.permissions-group.all-selected .permissions-group-all-inputs label .account-details-icon {
  background-color: #E3E3E3 !important;
  border-color: #E3E3E3 !important;
}

.form-checkbox-input {
  border: 2px solid #E3E3E3;
}

.account-details {
  padding-left: 0;
}

.account-details-name {
  grid-template-columns: 15ch 1fr;
  column-gap: 1rem;
}

/*.account-details-name > .text-drab {*/
/*  grid-column: span 2;*/
/*}*/

.account-details-input {
  display: none;
}
.account-details-label {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.account-details-label .account-details-icon {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.account-details-label .account-details-icon:focus-visible {
  outline: none;
}
.account-details-label .account-details-icon:first-child {
  position: relative;
  width: 1.375rem;
  height: 1.375rem;
  transform: scale(1);
  vertical-align: middle;
  border: 2px solid #E3E3E3;
  border-radius: 5px;
}
.account-details-label .account-details-icon:first-child svg {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 5px;
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1rem;
  stroke-dashoffset: 1rem;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.account-details-label .account-details-icon:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #3B61FF;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 5px;
  transition-delay: 0.2s;
}

.account-details-input:checked + .account-details-label .account-details-icon:first-child {
  border-color: #3B61FF;
  background: #3B61FF;
  animation: check 0.6s ease;
}

.account-details-input:checked + .account-details-label .account-details-icon:first-child svg {
  stroke-dashoffset: 0;
}

.account-details-input:checked + .account-details-label .account-details-icon:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes check {
  50% {
    transform: scale(1.2);
  }
}
/* SAVED JOBS */
#savedJobsContent .container .row:last-child hr {
  display: none;
}

#savedJobsDropdownMenu.dropdown-menu li:first-child .form-check {
  padding-top: 0.5rem;
}
#savedJobsDropdownMenu.dropdown-menu li:last-child .form-check {
  padding-bottom: 0;
}

/* SAVED DESIGN LIBRARY */
.folders-container-grid {
  display: grid;
  /*was 10 rem*/
  grid-template-columns: repeat(auto-fit, minmax(12rem, max-content));
  row-gap: 1rem;
  column-gap: 1rem;
  justify-content: center;
}

.saved-design-library-item {
  max-width: 12.25rem;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.saved-design-library-item-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 12.25rem;
  border-radius: 1.8125rem;
  margin-bottom: 0.75rem;
}
.saved-design-library-item-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #292D32;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
}

.draggable-item.disabled {
  opacity: 0.6;
}

.draggable-item {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  opacity: 1;
}

.saved-design-library-item .folder-bg-img {
  width: 7.5rem;
  height: 6rem;
}

.btn-view-folders {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.3rem;
  height: 1.625rem;
  background: #E3E3E3;
  border-radius: 3px;
}
.btn-view-folders:hover span {
  background: rgba(41, 45, 50, 0.5019607843);
}
.btn-view-folders span {
  display: block;
  border-radius: 100%;
  background: #949698;
  margin: 0 3px;
  width: 0.375rem;
  height: 0.375rem;
  transition: 0.3s ease;
}

.dropdown-container {
  top: 0.3rem;
  right: 0.8rem;
  position: absolute;
}

.btn-edit-saved-library {
  padding: 0;
  color: #292D32 !important;
}
.btn-edit-saved-library span {
  font-size: 1.375rem;
}
.btn-edit-saved-library.dropdown-toggle::after {
  content: none;
}

.dropdown-not-arrow::after {
  content: none !important;
}

.dropdown-menu-address-folders {
  padding: 0;
  box-shadow: 0 4px 32px rgba(13, 26, 80, 0.15);
  border-radius: 0.625rem;
  border: none;
}
.dropdown-menu-address-folders li {
  font-size: 1.25rem;
}
.dropdown-menu-address-folders li .dropdown-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dropdown-menu-address-folders li .dropdown-item:first-child {
  padding-top: 0.8rem;
}
.dropdown-menu-address-folders li .dropdown-item:last-child {
  padding-bottom: 0.8rem;
}

.dropdown-menu-edit-folder {
  min-width: 16rem;
  padding: 0;
  box-shadow: 0 4px 32px rgba(13, 26, 80, 0.15);
  border-radius: 0.625rem;
  border: none;
}
.dropdown-menu-edit-folder li {
  font-size: 1.25rem;
}
.dropdown-menu-edit-folder li .dropdown-item {
  cursor: pointer;
  user-select: none;
  padding: 0.75rem 1.5rem;
}
.dropdown-menu-edit-folder li:first-child .dropdown-item {
  padding-top: 1rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.dropdown-menu-edit-folder li:last-child .dropdown-item {
  padding-bottom: 1rem;
  border-radius: 0 0 0.625rem 0.625rem;
}
.dropdown-menu-edit-folder.dropdown-menu-mobile-hide li:not(.dropdown, .list-dropdown-move) {
  display: none;
}

.dropdown-menu-address-folders {
  width: 13.3rem;
}
.dropdown-menu-address-folders li {
  position: relative;
}
.dropdown-menu-address-folders li::before {
  content: "/";
  color: #C8C8D0;
  position: absolute;
  top: 53%;
  left: 1rem;
  transform: translateY(-50%);
}
.dropdown-menu-address-folders li .dropdown-item {
  padding-left: 2rem;
  font-weight: 400;
  color: #C8C8D0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.folder-prev,
.folder-active {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  line-height: 1.5 !important;
  /*text-transform: capitalize;*/
}

.folder-active {
  color: #3B61FF;
  font-weight: 700;
}

/* CUSTO DESIGNS */
#customCompletedDesignList .saved-design-library-item,
#customDesignInProgressList .saved-design-library-item {
  cursor: auto;
}

/* MODAL ADD NEW FOLDER */
.folder-color-check-input {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0.25rem;
  vertical-align: top;
  border-radius: 50%;
  appearance: none;
  cursor: pointer;
  transition: all 0.3s;
}
.folder-color-check-input:checked::before {
  content: "✓";
  display: block;
  color: #fff;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* PRO SERVICES PAGE */
.header-pro-services {
  background: linear-gradient(180deg, rgba(21, 41, 79, 0.7) -3.08%, rgba(21, 41, 79, 0) 60.07%), linear-gradient(90deg, rgba(21, 41, 79, 0.497) 12.16%, rgba(13, 25, 50, 0) 77.53%), linear-gradient(90deg, #00000088 12.16%, transparent 77.53%), url("https://pp-cdn.faster.ws/images/dynamic/home/header/man-with-computer.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.header-pro-services-desc {
  padding: 8rem 0;
}
@media (max-width: 992px) {
  .header-pro-services {
    background: linear-gradient(#00000088, #00000088), linear-gradient(180deg, rgba(21, 41, 79, 0.7) -3.08%, rgba(21, 41, 79, 0) 60.07%), linear-gradient(180deg, rgba(21, 41, 79, 0.497) 12.16%, rgba(13, 25, 50, 0) 77.53%), url("https://pp-cdn.faster.ws/images/dynamic/home/header/man-with-computer.webp");
  }
}
.pro-services-bg-blue {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  min-height: 20rem;
}
.pro-services-bg-blue.pro-services-bg-blue-left {
  background-image: url("https://pp-cdn.faster.ws/images/static/pro-services-page/bg-gradient-blue-left.svg");
}
.pro-services-bg-blue.pro-services-bg-blue-right {
  background-image: url("https://pp-cdn.faster.ws/images/static/pro-services-page/bg-gradient-blue-right.svg");
}

/* PIGGY BANK */
.pro-services-piggy-bank-img {
  max-width: 600px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pro-services-piggy-coins {
  position: absolute;
  width: 4.69rem;
  height: 5.6rem;
  top: -4.375rem;
  left: 50%;
  transform: translateX(-50%);
}
.pro-services-piggy-coins-left {
  position: absolute;
  width: 85%;
  overflow: hidden;
  animation: float 3s ease-in-out infinite;
}
.pro-services-piggy-coins-right {
  position: absolute;
  width: 50%;
  right: -45%;
  top: -15%;
  overflow: hidden;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
/* MONITOR CONTROL PANEL */
.pro-services-monitor-img {
  position: absolute;
  width: 20rem;
  /*  width: calc(100% + .625rem); */
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.pro-services-monitor-img .pro-services-file-management {
  position: absolute;
  top: 0;
  padding: 0.9rem;
  z-index: -1;
}

/* LIFESAVER PANEL */
.pro-services-lifesaver-img {
  position: absolute;
  width: 23rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pro-services-lifesaver-img img {
  transform: matrix(0.99, 0.15, -0.12, 0.99, 0, 0);
  overflow: hidden;
  animation: float 3s ease-in-out infinite;
}



/* PRO SERVICES BANNERS */
.pro-services-banners {
  background-repeat: no-repeat;
  background-size: cover;
  width: 105%;
  min-height: 22rem;
}
.pro-services-banners-left {
  margin-left: -0.625rem;
  background-position-x: 20%;
}
.pro-services-banners-right {
  margin-right: -0.625rem;
  background-position-x: 90%;
}

@media (max-width: 1199px) {
  .pro-services-banners.pro-services-banners {
    width: 110vw;
  }

  .pro-services-banners-left {
    transform: translateX(-2%);
  }

  .pro-services-banners-right {
    transform: translateX(2%);
  }
}

@media (min-width: 1200px) {
  .pro-service-section {
    display: flex;
    justify-content: center;
    padding-inline: 0.75rem;
  }
}

/* PRO SERVICE REALTOR */
.header-realtor-page {
  padding-bottom: 15rem;
}

.partner-logos {
  position: relative;
  margin: -15rem 0 0;
  z-index: 1;
}
.partner-logos .container {
  background: rgba(255, 255, 255, 0.5);
  border: 3px solid #ffffff;
}
.partner-logos-img {
  min-height: 7rem;
  min-width: 8rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-pro-service-realtor {
  min-height: 23rem;
  background-position: center top;
  background-size: cover;
}

.bg-realtor-gallery {
  min-height: 15rem;
  background-position: center;
  background-size: cover;
}

/* NOTIFICATION PAGE */
.header-notification-blue {
  height: 30rem;
}

.section-notification-mt-neg {
  position: relative;
  margin-top: -17rem;
}
.section-notification-mt-neg .container {
  max-width: 1100px;
}

/* VERIFICATION PAGE */
.header-verification-blue {
  height: 20rem;
}

.section-verification-mt-neg {
  position: relative;
  margin-top: -5rem;
}
.section-verification-mt-neg .container {
  max-width: 1100px;
}

/* SWITCHES */
/* Hide the input */
.checkbox-switches {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.check-trail {
  display: flex;
  align-items: center;
  width: 2.8rem;
  height: 1.5rem;
  background: #E3E3E3;
  border-radius: 2.5em;
  transition: all 0.5s ease;
  cursor: pointer;
}

.check-handler {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  background: #FFF;
  border-radius: 50%;
  transition: all 0.5s ease;
  border: 1.5px solid #E3E3E3;
}
.check-handler:before {
  content: "×";
  color: #E3E3E3;
  font-size: 1rem;
  font-weight: bold;
}

.checkbox-switches:checked + .check-trail {
  background: #3B61FF;
}
.checkbox-switches:checked + .check-trail .check-handler {
  margin-left: 38%;
  background: #FFF;
  border: 1.5px solid #3B61FF;
}
.checkbox-switches:checked + .check-trail .check-handler::before {
  content: "";
  background-image: url("https://pp-cdn.faster.ws/images/static/icons/check-mark.svg");
  width: 1.3rem;
  height: 0.625rem;
  background-repeat: no-repeat;
  background-position: center;
}

.btn-animation {
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0 1.25rem;
  border-radius: 1.625rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  border: none;
  background-color: transparent;
  /*text-transform: capitalize;*/
  cursor: pointer;
  z-index: 1;
}
.btn-animation::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.3s;
  border-radius: 1.625rem;
  z-index: -1;
}
.btn-animation:hover {
  color: #fff !important;
  background-color: inherit;
  border-color: inherit;
}
.btn-animation:hover:before {
  width: 100%;
}
.btn-animation.btn-blue:hover::before {
  background-color: #3B61FF;
}
.btn-animation.btn-red:hover::before {
  background-color: #FF3E4C;
}
.btn-animation.btn-orang:hover::before {
  background-color: #F79E1B;
}
.btn-animation.btn-green:hover::before {
  background-color: #34A853;
}
.btn-animation.btn-grey:hover::before {
  background-color: #949698;
}
.btn-animation.btn-pink:hover::before {
  background-color: #FB00FF;
}

.btn-circle-icon-animation {
  display: flex;
  align-items: center;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0;
  padding-right: 1.25rem;
  border-radius: 1.625rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  border: none;
  background-color: transparent;
  /*text-transform: capitalize;*/
  cursor: pointer;
  text-decoration: none;
  z-index: 1;
}
.btn-circle-icon-animation:disabled {
  pointer-events: none;
}
.btn-circle-icon-animation:disabled .btn-circle-icon {
  background-color: #C8C8D0 !important;
  border-color: #C8C8D0 !important;
}
.btn-circle-icon-animation:disabled .text {
  color: #C8C8D0 !important;
}
.btn-circle-icon-animation.btn-circle-icon-animation-small {
  height: 1.5rem;
  font-size: 1rem;
}
.btn-circle-icon-animation.btn-circle-icon-animation-small .btn-circle-icon {
  font-size: 1.5rem;
}
.btn-circle-icon-animation.btn-circle-icon-animation-small .text {
  margin-left: 2rem;
}
.btn-circle-icon-animation::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.3s;
  border-radius: 1.625rem;
  z-index: -1;
}
.btn-circle-icon-animation:hover:before {
  width: 100%;
}
.btn-circle-icon-animation:hover .text {
  color: #fff !important;
}
.btn-circle-icon-animation .btn-circle-icon {
  position: absolute;
  left: 0;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 50%;
}
.btn-circle-icon-animation .text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.25rem;
  font-weight: 600;
}
.btn-circle-icon-animation .text:hover {
  color: #fff;
  transition: all 0.3s;
}

.btn-circle-icon-animation.btn-orang .btn-circle-icon {
  background-color: #F79E1B;
  border: 2px solid #F79E1B;
}
.btn-circle-icon-animation.btn-orang:hover::before {
  background-color: #F79E1B;
}
.btn-circle-icon-animation.btn-orang .text {
  color: #F79E1B;
}

.btn-circle-icon-animation.btn-red .btn-circle-icon {
  background-color: #FF3E4C;
  border: 2px solid #FF3E4C;
}
.btn-circle-icon-animation.btn-red:hover::before {
  background-color: #FF3E4C;
}
.btn-circle-icon-animation.btn-red .text {
  color: #FF3E4C;
}

.btn-circle-icon-animation.btn-blue .btn-circle-icon {
  background-color: #3B61FF;
  border: 2px solid #3B61FF;
}
.btn-circle-icon-animation.btn-blue:hover::before {
  background-color: #3B61FF;
}
.btn-circle-icon-animation.btn-blue .text {
  color: #3B61FF;
}

.btn-circle-icon-animation.btn-white {
  box-shadow: none;
}
.btn-circle-icon-animation.btn-white .btn-circle-icon {
  background-color: #fff;
  border: 2px solid #fff;
  color: #3B61FF;
}
.btn-circle-icon-animation.btn-white:hover::before {
  background-color: #fff;
}
.btn-circle-icon-animation.btn-white:hover .text {
  color: #3B61FF !important;
}
.btn-circle-icon-animation.btn-white .text {
  color: #fff;
}

.btn-circle-icon-animation.btn-green .btn-circle-icon {
  background-color: #34A853;
  border: 2px solid #34A853;
}
.btn-circle-icon-animation.btn-green:hover::before {
  background-color: #34A853;
}
.btn-circle-icon-animation.btn-green .text {
  color: #34A853;
}

.btn-circle-icon-animation.btn-grey .btn-circle-icon {
  background-color: #949698;
  border: 2px solid #949698;
}
.btn-circle-icon-animation.btn-grey:hover::before {
  background-color: #949698;
}
.btn-circle-icon-animation.btn-grey .text {
  color: #949698;
}

.btn-circle-icon-animation.btn-pink .btn-circle-icon {
  background-color: #FB00FF;
}
.btn-circle-icon-animation.btn-pink:hover::before {
  background-color: #FB00FF;
}
.btn-circle-icon-animation.btn-pink .text {
  color: #FB00FF;
}

.badge {
  width: 1.625rem;
  height: 1.625rem;
  display: inline-flex;
  align-items: center;
}

.btn-bg-border-light {
  min-height: 3.75rem;
  height: 100%;
  background: #fbfbfb url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23C8C8D0FF' stroke-width='1' stroke-dasharray='8%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 0.625rem;
  transition: 0.3s;
  background-size: cover;
}
.btn-bg-border-light:hover {
  background-color: rgba(227, 227, 227, 0.3019607843);
}

/* CHAT PAGE */
.container-chat-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.container-chat {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

.chat-header-blue {
  position: relative;
  /*height: 12rem;*/
  background: linear-gradient(47deg, rgba(11, 38, 150, 0.5) 0%, rgba(59, 97, 255, 0.5) 61.46%), #3b61ff;
  display: flex;
}

.chat-body {
  padding: 2rem;
  padding-top: 0;
  max-height: 70vh;
}

/* SAVED LIBRARY MODAL */
.full-size-body-modal {
  min-height: 25rem;
  background-size: cover;
  background-position: center;
}

.folder-bg {
  display: flex;
  background-color: #f7f7f9;
  position: relative;
  transition: 0.4s ease-in-out;
}
.folder-bg ~ .saved-library-item-name {
  margin-top: 0.625rem;
}
.folder-bg::before {
  content: attr(data-count-files);
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25rem;
  color: #C8C8D0;
  font-weight: 600;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.folder-bg:hover::before {
  opacity: 1;
  bottom: 0;
}
.folder-bg:hover .folder-bg-img {
  transform: rotate(-15deg);
}
.folder-bg-img {
  width: 9rem;
  height: 7.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: auto;
  transition: 0.4s ease-in-out;
}

.folder-blue {
  background-image: url("https://pp-cdn.faster.ws/images/static/saved-library/folder-blue.svg");
}

.folder-green {
  background-image: url("https://pp-cdn.faster.ws/images/static/saved-library/folder-green.svg");
}

.folder-red {
  background-image: url("https://pp-cdn.faster.ws/images/static/saved-library/folder-red.svg");
}

.folder-yellow {
  background-image: url("https://pp-cdn.faster.ws/images/static/saved-library/folder-yellow.svg");
}

.folder-pink {
  background-image: url("https://pp-cdn.faster.ws/images/static/saved-library/folder-pink.svg");
}

.saved-library-row {
  max-height: 30rem;
}

.saved-library-item {
  position: relative;
  border-radius: 1.8125rem;
  min-height: 13.875rem;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: 0.3s;
}
.saved-library-item-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #292D32;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
  padding-left: 0 !important;
  /*text-transform: capitalize;*/
}
.saved-library-item .full-size-img {
  opacity: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
  bottom: 0.375rem;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
  transition: 0.3s;
}
.saved-library-item .full-size-img .fi-rr-zoom-in {
  transform: scaleX(-1);
  display: inline-block;
}
.saved-library-item:hover .full-size-img {
  opacity: 1;
}
.saved-library-item.saved-library-item-back-btn {
  background: #f7f7f9;
  border: 3px dashed #c8c8d0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-check:checked ~ .label-check {
  border: 3px solid #3B61FF;
  padding: 3px;
}
.btn-check:checked ~ .label-check:after {
  content: "\efb7";
  font-family: "iconsax";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  font-size: 2.1rem;
  color: #3B61FF;
  background: #fff;
  line-height: 0.5;
  clip-path: circle(51.9% at 50% 50%);
}

.btn-check:checked ~ .saved-library-item-name {
  color: #3B61FF;
}

/* CONTACT US PAGE */
.contact-us-header {
  height: 25rem;
  background: linear-gradient(0deg, #ffffff 3.93%, rgba(247, 247, 249, 0) 100%, rgba(255, 255, 255, 0) 100%), url("https://pp-cdn.faster.ws/images/static/contact-us/map.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contact-us-section {
  margin-top: -10rem;
  z-index: 1;
  position: relative;
}

.contact-us-info {
  width: 100%;
  font-size: 1.125rem;
}

/* PAGE DESIGN REVISIONS DASHBOARD */
#currentVersionSelect,
#designRevisionMainImgZoomSelect {
  z-index: 9999;
}

.uploaded-file-not-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 3.75rem;
}

.design-revision-main-img {
  width: 100%;
  max-width: 43rem;
  filter: drop-shadow(0px 0px 40px rgba(112, 144, 176, 0.2));
  border-radius: 1.25rem;
  margin: 3rem auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  position: relative;
}

.design-revision-main-desc {
  max-width: 40rem;
}

.design-revision-dashboard-pages-link {
  text-decoration: none;
}
.design-revision-dashboard-pages-link-img {
  width: 15rem;
  height: 8.5rem;
  border-radius: 0.3125rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 400;
}
.design-revision-dashboard-pages-link-name {
  color: #C8C8D0;
  margin-top: 0.6rem;
}
.design-revision-dashboard-pages-link.active .design-revision-dashboard-pages-link-img, .design-revision-dashboard-pages-link:hover .design-revision-dashboard-pages-link-img {
  box-shadow: 0 0 10px rgba(112, 144, 176, 0.2);
}
.design-revision-dashboard-pages-link.active .design-revision-dashboard-pages-link-name {
  font-weight: 700 !important;
  color: #3B61FF !important;
}

#designCurrentVersionOptions {
  position: absolute;
  top: 100%;
}

#offcanvasDesignRevisionsDashboard.offcanvas {
  max-width: 18rem;
  padding: 5.375rem 0 13rem 0;
  z-index: 9;
}

#offcanvasDesignRevisionsChat.offcanvas {
  padding: 5.375rem 0 13rem 0;
  z-index: 9;
}

#mainContentDesignRevisions {
  transition: ease 0.3s;
}

.point {
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #ff9800;
  border: 1px solid #ffbc59;
  border-radius: 100%;
  box-shadow: 0 4px 30px #f79e1b, 0 3px 4px rgba(155, 92, 0, 0.25);
}

/* MODAL REVIEW COMMENT */
.review-comment-modal-img {
  min-height: 22.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0px 0px 40px rgba(112, 144, 176, 0.2));
  border-radius: 1.25rem;
}

.review-comment-open-modal-link.review-comment-open-modal-link {
  color: var(--bs-link-color);
  text-decoration: underline;
}

.review-comment-modal-scrollbar {
  max-height: 22.5rem;
  margin-right: -1rem;
  padding-right: 1rem;
}

.add-comment-drop-zone-modal-scrollbar {
  max-height: 12rem;
  margin-right: -0.5rem;
  padding-right: 0.5rem;
}

#modalReviewCommentFiles .design-revisions-drop-zone:last-child {
  margin-bottom: 0 !important;
}

/* LOADING STYLE */
/* LOADING */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 6rem;
  height: 6rem;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 5rem;
  height: 5rem;
  margin: 8px;
  border: 8px solid;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #3B61FF transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* SUCCESS */
.checkmark-success {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0 0 0 #34A853;
  animation: fill1 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark-success-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #34A853;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-success-check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill1 {
  100% {
    box-shadow: inset 0 0 0 3rem #34A853;
  }
}
/* MODAL */
.modal-xs {
  max-width: 20rem;
  width: 100%;
}

.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(5px);
  opacity: 1;
  z-index: 998;
}

.modal-content {
  border: 1px solid #ebebf3;
  box-shadow: 0 1px 3px -0.4166666667px rgba(0, 0, 0, 0.07), 0 2px 11px -0.8333333333px rgba(0, 0, 0, 0.09111), 0 10px 50px -1.25px rgba(0, 0, 0, 0.1875);
}

.circle-close-modal-btn {
  position: absolute;
  right: -0.625rem;
  top: -0.625rem;
  background-color: #fff7f7;
  border-radius: 50%;
  width: 3.45rem;
  height: 3.45rem;
  border: 1px solid #ebebf3;
  background-size: 30%;
  transition: 0.3s;
}
.circle-close-modal-btn .btn-close {
  display: block;
  margin: 0 auto;
  filter: invert(16%) sepia(73%) saturate(3522%) hue-rotate(349deg) brightness(99%) contrast(113%);
  opacity: 0.4;
  padding: 0.5rem;
  transition: 0.3s;
}
.circle-close-modal-btn:hover {
  opacity: 1;
  border: 1px solid #d1d1d1;
}
.circle-close-modal-btn:hover .btn-close {
  opacity: 1;
}

.add-design-item-modal {
  display: flex;
  align-items: center;
  border-radius: 1.25rem;
  padding: 1rem;
  text-decoration: none;
  transition: 0.3s;
  border: 1px solid transparent;
}
.add-design-item-modal span.title {
  color: #292D32;
  font-size: 1.25rem;
  font-weight: 600;
}
.add-design-item-modal.blue {
  background-color: rgba(120, 214, 255, 0.1294117647);
}
.add-design-item-modal.blue .bg-item-rounded {
  background-color: #78d6ff;
}
.add-design-item-modal.blue:hover {
  border-color: #78d6ff;
}
.add-design-item-modal.orange {
  background-color: rgba(255, 175, 0, 0.1098039216);
}
.add-design-item-modal.orange .bg-item-rounded {
  background-color: #ffaf00;
}
.add-design-item-modal.orange:hover {
  border-color: #ffaf00;
}
.add-design-item-modal.pink {
  background-color: rgba(252, 124, 240, 0.1294117647);
}
.add-design-item-modal.pink .bg-item-rounded {
  background-color: #fc7cf0;
}
.add-design-item-modal.pink:hover {
  border-color: #fc7cf0;
}
.add-design-item-modal.green {
  background-color: rgba(72, 229, 115, 0.1215686275);
}
.add-design-item-modal.green .bg-item-rounded {
  background-color: #48e573;
}
.add-design-item-modal.green:hover {
  border-color: #48e573;
}

/* ERROR */
.checkmark-error-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #FF3E4C;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-error {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0 0 0 #FF3E4C;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark-error-check {
  transform-origin: 50% 50%;
  stroke-dasharray: 29;
  stroke-dashoffset: 29;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 3rem #FF3E4C;
  }
}
/* INFORMATION TOAST PROGRESS */
.toast-header-border {
  border-radius: 0.3125rem;
}

.toast-header-border-top {
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.it-block-progress {
  position: relative;
  text-align: left;
  height: 0.5rem;
  padding: 0;
  overflow: hidden;
}
.it-block-progress::before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.toast {
  /*background-color: transparent !important;*/
  box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
  border: none;
}
.toast .toast-header {
  display: grid;
  grid-template-columns: 1fr auto;
  border-bottom: 0 !important;
  /*background-color: unset !important;*/
  padding: 0.65rem 1rem;
}
.toast .toast-header span.fi {
  line-height: 1 !important;
  font-size: 1rem;
}
.toast .toast-header strong {
  grid-column: span 2;
  /*text-transform: capitalize;*/
}
.toast .toast-header .btn-close {
  margin-right: 0;
  margin-left: 1rem;
  opacity: 0.5;
}
.toast .toast-header .btn-close:hover {
  opacity: 1;
}
.toast.toast-green {
  background-color: #d6f0e0;
}
.toast.toast-green .toast-header {
  color: #0d6831;
}
.toast.toast-green .toast-header span.fi {
  color: #139647;
}
.toast.toast-green .it-block-progress::before {
  animation: runProgressSuccess var(--toast-duration) linear forwards 0.5s;
}

.toast.toast-red {
  background-color: #f9e1e5;
}
.toast.toast-red .toast-header {
  color: #af233a;
}
.toast.toast-red .toast-header span.fi {
  color: #d62e4a;
}
.toast.toast-red .it-block-progress::before {
  animation: runProgressError var(--toast-duration) linear forwards 0.5s;
}

.toast.toast-orange {
  background-color: #fbf0da;
}
.toast.toast-orange .toast-header {
  color: #73510d;
}
.toast.toast-orange .toast-header span.fi {
  color: #a17112;
}
.toast.toast-orange .it-block-progress::before {
  animation: runProgressWarning var(--toast-duration) linear forwards 0.5s;
}

.toast.toast-blue {
  background-color: #def1f7;
}
.toast.toast-blue .toast-header {
  color: #1c657d;
}
.toast.toast-blue .toast-header span.fi {
  color: #2686a6;
}
.toast.toast-blue .it-block-progress::before {
  animation: runProgressInfo var(--toast-duration) linear forwards 0.5s;
}

@keyframes runProgressSuccess {
  0% {
    width: 0;
    background: rgba(13, 104, 49, 0.6);
  }
  100% {
    width: 100%;
    background: rgba(13, 104, 49, 0.6);
  }
}
@keyframes runProgressError {
  0% {
    width: 0;
    background: rgba(175, 35, 58, 0.6);
  }
  100% {
    width: 100%;
    background: rgba(175, 35, 58, 0.6);
  }
}
@keyframes runProgressInfo {
  0% {
    width: 0;
    background: rgba(28, 101, 125, 0.6);
  }
  100% {
    width: 100%;
    background: rgba(28, 101, 125, 0.6);
  }
}
@keyframes runProgressWarning {
  0% {
    width: 0;
    background: rgba(115, 81, 13, 0.6);
  }
  100% {
    width: 100%;
    background: rgba(115, 81, 13, 0.6);
  }
}
/* ERROR PAGE */
/* bg-sky-blue*/
.logout-page-body,
.error-page-body {
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}

.logout-img,
.error-img {
  margin-top: -10rem !important;
  background-image: url("https://pp-cdn.faster.ws/images/static/error/print-penguin-error-page-bear-penguins.svg");
  background-size: cover;
  max-width: 48rem;
  width: 100%;
  height: 35rem;
  background-position: center;
  background-repeat: no-repeat;
}

.logout-img {
  background-image: url("https://pp-cdn.faster.ws/images/static/logout/logout-bear.svg");
  margin-top: -8rem !important;
}

.js-toggle-latest-items > :nth-child(n+4) {
  display: none;
}

.js-toggle-latest-items.show-all > :nth-child(n+4) {
  display: block;
}

.footer-order-process-btns {
  flex-direction: column;
}
.footer-order-process-btns a {
  font-size: 0.9rem;
}

/* ****************************************************** */
/* ***********************  MEDIA *********************** */
/* ****************************************************** */
@media (min-width: 375px) {
  .header-logo {
    max-width: 9rem;
  }
  .container-tooltip {
    width: 21rem;
  }
  .ts-control,
  .ts-dropdown-content {
    font-size: 1.125rem;
  }
  .partner-logos .container {
    padding: 2rem;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card {
    max-width: 20rem !important;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card .text-xxs {
    font-size: 0.8rem !important;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card .saved-card-number, #creditCardsGlideSlide .glide__slide .saved-credit-card .saved-card-name, #creditCardsGlideSlide .glide__slide .saved-credit-card .valid-thru, #creditCardsGlideSlide .glide__slide .saved-credit-card .valid-slash {
    font-size: 1rem;
  }
  #creditCardsGlideSlide .glide__slide {
    width: 20rem !important;
  }
  .your-cart-img,
  .cart-without-img {
    min-height: 10.5rem;
  }
  .contact-us-info {
    width: auto;
    margin: auto;
    min-width: 19rem;
  }
}
@media (min-width: 420px) {
  .modal-fullscreen .btn-close {
    right: 3rem;
    top: 3rem;
  }
  .language-settings-img {
    width: 2rem;
    height: 2rem;
  }
  .static nav .language-settings-img {
    width: 1.56rem;
    height: 1.56rem;
  }
  .choose-file-chat-btn {
    padding: 0 1rem;
  }
  .container-tooltip {
    width: 26rem;
  }
  .support-chat-send-container {
    padding: 1.25rem;
  }
  .form-control,
  .ts-control,
  .input-with-link {
    padding: 1.125rem;
    padding-left: 1.227rem;
  }
  .header-logo {
    max-width: 11rem;
  }
  .pro-services-bg-blue {
    min-height: 26rem;
  }
  .nav-icon-fs {
    font-size: 1.875rem;
  }
  .selected-lang {
    width: 2rem;
  }
  .modal-xs {
    max-width: 22.875rem;
  }
  .point {
    width: 1.5rem;
    height: 1.5rem;
  }
  .folders-container-grid {
    column-gap: 1.5rem;
  }
  .pro-services-monitor-img,
  .pro-services-lifesaver-img {
    width: calc(100% + 0.625rem);
  }
  .footer-order-process-btns {
    flex-direction: row;
  }
  .static nav.navbar .nav-icon-fs {
    width: 1.56rem;
    height: 1.56rem;
    font-size: 1.5rem;
  }
  header .header-logo {
    min-height: 2.3rem;
  }
  .contact-us-info {
    min-width: 20rem;
    font-size: 1.25rem;
  }
  .list-benefits {
    font-size: 1.5rem;
  }
}
@media (min-width: 495px) {
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .account-content {
    padding: 0 1.5rem;
  }
  .card-product-menu {
    width: 12.3rem;
  }
  .card-product-menu .card-product-body {
    /*padding: 1rem 1.75rem;*/
  }
  .saved-credit-card .card-back-content .card-back-cvv-number {
    padding-left: 1rem;
  }
  .main-category-card-list {
    width: 13rem;
  }
  .tags-link:not(:last-child)::after {
    margin: 0 0.625rem;
  }
  .card-product.card-product-big-size {
    width: 13.375rem;
  }
  .cta-subscribe {
    height: 5.3rem;
  }
  .cta-subscribe-input {
    padding-right: 7rem;
  }
  .cta-subscribe .icon-btn-send {
    left: 1.6rem;
  }
  .cta-subscribe-button {
    width: 4.69rem;
    height: 85%;
  }
  .cta-subscribe-button.active {
    width: 97.8%;
  }
  .pro-services-monitor-img .pro-services-file-management {
    padding: 0.9rem;
  }
  .cart-item-header-name {
    width: 17rem;
  }
  .drop-zone-container .upload-file-name {
    width: 100%;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card {
    max-width: 23rem !important;
    height: 16rem;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card .text-xxs {
    font-size: 1rem !important;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card .saved-card-number, #creditCardsGlideSlide .glide__slide .saved-credit-card .saved-card-name, #creditCardsGlideSlide .glide__slide .saved-credit-card .valid-thru, #creditCardsGlideSlide .glide__slide .saved-credit-card .valid-slash {
    font-size: 1.25rem;
  }
  #creditCardsGlideSlide .glide__slide {
    width: 23rem !important;
  }
  .your-cart-img,
  .cart-without-img {
    min-height: 12.5rem;
  }
  .footer-order-process-btns a {
    font-size: 1rem;
  }
}
/* SM */
@media (min-width: 576px) {
  .text-xxll {
    font-size: 4rem;
  }
  .logout-img,
  .error-img {
    background-size: auto;
  }
  header .form-search {
    padding: 0.625rem;
  }
  .card-gutter:not(.slick-slider) {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .card-gutter:not(.slick-slider) > * {
    /*padding-right: 0.75rem;*/
    /*padding-left: 0.75rem;*/
    margin-top: 1.5rem;
  }
  .header-blue {
    height: 9.2rem;
  }
  .card-gutter.slick-slider {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .card-gutter.slick-slider .slick-slide {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-top: 1.5rem;
  }
  .p-40 {
    padding: 2.5rem;
  }
  .service-design-card-desc {
    padding: 2.625rem;
  }
  .service-design-card {
    padding: 2.625rem;
  }
  .rounded-sm-circle {
    border-radius: 50%;
  }
  .card-product-menu {
    width: 12.375rem;
  }
  #modalCookie .modal-body {
    padding: 0 2.5rem 2.5rem 2.5rem;
    margin: 2.5rem 1.5rem 1.5rem;
  }
  .scrollbar-dark.main-menu-nav {
    margin-right: -1.5rem;
  }
  .banner-free-design-desc {
    padding: 5rem 4rem;
  }
  .review-design-card {
    max-width: 36rem;
    height: 20rem;
  }
  .accordion-order-history-btn {
    flex-wrap: nowrap;
  }
  .account-saved-jobs-img {
    width: 17rem;
    height: 17rem;
  }
  .tom-select-quantity-cart {
    margin: 0;
  }
  .banner-subscribe {
    padding: 2.8rem;
  }
  .pro-services-monitor-img {
    bottom: -28%;
  }
  .pro-services-monitor-img .pro-services-file-management {
    padding: 1.1rem;
  }
  .main-category.scrollbar-dark {
    margin-right: -1.5rem;
  }
  #offcanvasDesignRevisionsDashboard.offcanvas,
  #offcanvasDesignRevisionsChat.offcanvas {
    padding-bottom: 11.3125rem;
  }
  .big-btn-azure-circle-small {
    width: 2.8125rem;
    height: 2.8125rem;
  }
  .bg-pro-service-realtor {
    min-height: 28rem;
  }
  .partner-logos .container {
    border-radius: 1.25rem;
    padding: 3.125rem;
  }
  header #js-navbar:not(.static) .navbar-content {
    top: 10rem;
  }
}
.autocomplete {
  isolation: isolate;
}
@media (min-width: 600px) {
  #sliderHeaderAdvertisement .carousel-control-prev, #sliderHeaderAdvertisement .carousel-control-next {
    width: 15%;
  }
  /*  .slider-dots {
     margin-top: 2.19rem;
   } */
  .service-design-card-desc {
    padding: 3.75rem;
  }
  .container-grid {
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 1.5rem 1.5rem;
    grid-template-areas: "design-card-01 design-card-02 design-card-03" "design-card-04 design-card-04 design-card-07" "design-card-05 design-card-09 design-card-07" "design-card-06 design-card-08 design-card-07";
  }
  .design-card {
    min-height: 9.75rem;
  }
  .sticky nav.navbar {
    padding: 0 3.25rem;
  }
  .get-design-flyers-img {
    max-width: 36rem;
    height: 30rem;
    margin: 0 auto;
  }
  .container-check-our-works {
    gap: 1.5rem 1.5rem;
  }
  .autocomplete-suggestion,
  .autocomplete-value,
  header .form-search-input {
    font-size: 1.5rem;
  }
  .header-get-design-desc {
    padding: 9rem 0;
  }
  .pro-services-banners-left {
    background-position-x: left;
  }
  .pro-services-banners-right {
    background-position-x: right;
  }
  .saved-library-row {
    margin-right: -0.375rem;
    padding-right: 0.625rem;
  }
  .btn-circle-primary-pages {
    left: 2rem;
    bottom: 13rem;
  }
  .setup-guides-product-col {
    max-width: 12.25rem;
  }
  .setup-guides-product-col .product-container {
    width: 12.25rem;
    height: 12.25rem;
  }
  .rounded-sm-6 {
    border-radius: 1.25rem;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card {
    max-width: 25rem !important;
  }
  #creditCardsGlideSlide .glide__slide {
    width: 25rem !important;
  }
  .your-cart-img,
  .cart-without-img {
    min-height: 14rem;
  }
}
@media (min-width: 768px) {
  .your-cart-history-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 0.5fr 0.5fr;
    grid-auto-columns: 1fr;
    gap: 1.5rem 1.5rem;
    grid-auto-flow: row;
    grid-template-areas: "your-cart-image your-cart-name" "your-cart-desc your-cart-desc";
  }
  .your-cart-history-container .your-cart-image {
    grid-area: your-cart-image;
  }
  .your-cart-history-container .your-cart-name {
    grid-area: your-cart-name;
  }
  .your-cart-history-container .your-cart-desc {
    grid-area: your-cart-desc;
  }
  .your-cart-history-container .your-cart-action {
    grid-area: your-cart-action;
  }
  .count-products-items a:nth-child(3) {
    display: block;
  }
  .count-products-items a:nth-child(n+4) {
    display: none;
  }
  .pro-services-banners {
    width: 100%;
  }
  .pro-services-banners-left {
    margin-left: 0;
  }
  .pro-services-banners-right {
    margin-right: 0;
  }
  .design-revision-main-img {
    margin-top: 0;
  }
  .bg-pro-service-realtor {
    min-height: 33rem;
  }
  #creditCardsGlideSlide .glide__slide .saved-credit-card {
    max-width: 28rem !important;
  }
  #creditCardsGlideSlide .glide__slide {
    width: 28rem !important;
  }
  #creditCardsGlideSlide .glide__slide {
    scale: 0.8;
  }
  #creditCardsGlideSlide .glide__slide--active {
    scale: 1;
  }
  .your-cart-img,
  .cart-without-img {
    min-height: 16rem;
  }
  .grid-table {
    grid-template-columns: auto 1fr auto 1fr;
    gap: 0.8rem 1.5rem;
  }
}


/* MD */
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .text-md-white {
    color: #fff !important;
  }
  h1 {
    font-size: 4rem;
  }
  h3 {
    margin-bottom: 2.75rem;
  }
  #resultsProductsMenu {
    column-gap: 1rem;
  }
  .service-design-card {
    padding: 3.75rem 0;
  }
  .card-sale {
    /*max-width: 21rem;*/
    min-height: 20rem;
  }
  .main-category-card {
    padding: 3rem;
  }
  .rounded-md-circle {
    border-radius: 50%;
  }
  .big-btn-azure-circle:not(.big-btn-azure-circle-small) {
    width: 5.125rem;
    height: 5.125rem;
  }
  .section-promo {
    padding: 3.75rem 0 3.75rem 2.8rem;
    justify-content: start;
    align-items: center;
  }
  .section-promo-img {
    width: 100%;
  }
  .banner-footer {
    padding: 4.4rem;
  }
  .card-product {
    min-height: 19.5rem;
  }
  .card-product-image {
    /*width: 11.25rem;*/
    /*min-height: 11.25rem;*/
    width: 10.25rem;
    min-height: 10.25rem;
  }
  .card-product-body {
    /*padding: 1.5rem 1.625rem;*/
  }
  .card-product.card-product-big-size {
    width: 18.5rem;
    min-height: 27rem;
  }
  .card-product.card-product-big-size .card-product-image {
    width: 15.4rem;
    min-height: 16rem;
  }
  .card-product-menu {
    width: 12.5rem;
  }
  .upload-your-design-card.drop-zone.upload-design-lets-print-modal {
    height: 14rem;
  }
  #quantityPrintingOptionsSelect + .tom-select-quantity-black {
    width: auto;
  }
  .recommended-product-cards > div:nth-last-child(-n+1) {
    display: block;
  }
  .about-us-help-you-img {
    height: 18.5rem;
  }
  .container-page-py {
    padding-bottom: 6rem;
  }
  .accordion-order-history-btn {
    font-size: 1.25rem;
  }
  .header-top-slider-link {
    width: 27rem;
  }
  .col-check-our-works-09 {
    padding: 2rem;
  }
  .support-chat-send-container .message-input {
    width: 85%;
  }
  .pro-services-bg-blue {
    min-height: 31.26rem;
  }
  .header-print-groups-desc {
    padding: 5rem 0;
  }
  .banner-subscribe {
    padding: 4.5rem;
  }
  .sticky nav.navbar .selected-lang {
    width: 1.85rem !important;
    height: 1.85rem;
  }
  .selected-lang {
    width: 2.3rem;
  }
  .folder-prev {
    width: auto;
  }
  .folders-container-grid {
    justify-content: start;
  }
  .full-size-body-modal {
    min-height: 30rem;
  }
  .checkout-page-pb {
    padding-bottom: 7.5rem;
  }
}

/* LG */
@media (min-width: 992px) {
  .main-menu {
    overflow: hidden;
    flex-direction: row;
  }

  .main-category-card-list.main-category-card-big {
    float: none;
    max-height: 20.5rem;
  }

  .main-category-card-list.main-category-card-big li {
    display: block;
  }

  .main-category-card-list.category-list-comma.main-category-card-big li::after {
    content: "";
  }

  .main-category-card-big {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
  }

  .main-category-card-container {
    display: block;
  }

  .main-menu-nav > .btn {
    display: block;
  }

  .main-menu-nav > :not(.main-menu-nav-lg) {
    /*display: none;*/
  }

  .main-menu-products {
    padding-right: 0.75rem;
    overflow-y: auto;
  }

  .btn-view-container {
    position: relative;
    transition: all 0.3s;
  }
  .btn-view-container:hover a {
    color: #6ebff5;
  }
  .btn-view-container:hover button {
    background-color: #76c3f6;
    border-color: #6ebff5;
  }
  .btn-view-container:hover button .btn-animation-arrow-right {
    transform: translate3d(10px, 0, 0);
  }
  .btn-view-container a {
    color: #2da4f3;
    position: absolute;
    right: 7.125rem;
    bottom: 1rem;
    text-decoration: none;
  }
  .btn-view-container button {
    position: absolute;
    right: 0;
    bottom: -1rem;
  }

  .glide-header-md-bg .glider-track::before {
    content: none;
  }
  .list-benefits {
    padding-top: 0;
  }
  .contact-us-info {
    font-size: 1.5rem;
  }
  .modal-llg {
    max-width: 856px;
  }
  .modal-fullscreen .modal-body {
    display: grid;
    align-items: center;
    align-content: center;
    justify-items: stretch;
  }
  /* @konrad - removed
  .contact-us-section {
    margin-top: -5rem;
  }
  */
  .mt-lg-neg-4 {
    margin-top: -1.5rem;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .translate-middle-lg-y {
    transform: translateY(-50%);
  }
  #resultsProductsMenu {
    column-gap: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }
  body.body-backdrop {
    padding-right: 17px;
  }
  body.body-backdrop .navbar-top {
    padding-right: 17px;
  }
  header .header-desc:not(.contact-us-header) {
    padding-top: 6rem;
  }
  .header-logo {
    max-width: 12.25rem;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .rounded-lg-6 {
    border-radius: 1.25rem;
  }
  .header-top-slider-link {
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
    width: 80%;
  }
  footer .footer-logo {
    max-width: 12.25rem !important;
  }
  footer .footer-logo {
    margin: 0;
  }
  .rounded-lg-end {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-lg-circle {
    border-radius: 50%;
  }
  .card-sale {
    /*max-width: 18.5rem;*/
    min-height: 23rem;
  }
  .collapse.show-lg {
    display: block;
  }
  .static .form-search.collapse {
    display: flex;
  }
  .section-promo {
    padding: 3.75rem 0 3.75rem 2.8rem;
  }
  #mainMenu .p-40 {
    padding-left: 1.5rem;
  }
  .static .open-search-btn {
    display: none;
  }
  /*  .card-product-menu {
    width: 10.5rem;
  } */
  .footer-mobile-collapse {
    padding-left: 0;
  }
  .banner-free-design {
    background: linear-gradient(98.21deg, rgba(59, 97, 255, 0.99) 18.2%, rgba(59, 97, 255, 0) 62.88%), url("https://pp-cdn.faster.ws/images/static/banner/subscribe.webp");
  }
  .banner-free-design-desc {
    width: 75%;
  }
  .review-design-card {
    max-width: 30rem;
  }
  .your-design-details {
    border-bottom: none;
    border-left: 1px solid #f0f0f0;
    min-height: 92vh;
  }
  .recommended-product-cards > div:nth-last-child(-n+2) {
    display: block;
  }
  .saved-credit-card-item-border {
    margin: 0 auto;
  }
  .scrollbar-right-order-process.mobile-scrollbar-none {
    overflow-y: auto;
    max-height: 75vh;
  }
  .scrollbar-right-order-process.scrollbar-lg-none {
    overflow-y: hidden;
    max-height: 100%;
  }
  .get-design-flyers-img {
    max-width: 29rem;
    height: 32rem;
  }
  .get-design-flyers-big-img {
    height: 40rem;
  }
  .container-check-our-works {
    grid-template-columns: 1.3fr 1.3fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-template-areas: "col-check-our-works-01 col-check-our-works-02 col-check-our-works-03" "col-check-our-works-06 col-check-our-works-06 col-check-our-works-04" "col-check-our-works-05 col-check-our-works-07 col-check-our-works-04" "col-check-our-works-08 col-check-our-works-08 col-check-our-works-09";
  }
  .col-check-our-works-08 {
    display: block;
  }
  .section-about-us-sub-header-img {
    height: 21rem;
  }
  .section-about-us-sub-header-img.section-about-us-btn-play {
    height: 12.5rem;
  }
  .section-about-us-sub-header-img.section-about-us-man {
    height: 28rem;
  }
  .account-content {
    width: 75%;
  }
  .account-saved-jobs-img {
    width: 8.5rem;
    height: 8.5rem;
  }
  .section-about-us-sub-header {
    margin-top: -21rem;
  }
  .main-menu.flex-column-reverse {
    flex-direction: row !important;
  }
  .menu-category.menu-category-collapse {
    display: none !important;
  }
  .menu-category-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible;
  }
  .logout-img,
  .error-img {
    margin-top: -15rem !important;
    max-width: 55.5rem;
    height: 41rem;
  }
  .logout-img {
    margin-top: -13rem !important;
  }
  .header-desc.header-support-desc {
    padding-top: 6rem;
  }
  .pro-services-monitor-img {
    bottom: auto;
    width: calc(100% + 1.625rem);
  }
  .pro-services-lifesaver-img {
    width: calc(100% + 1.625rem);
  }
  .header-print-groups-desc {
    padding: 6rem 0;
  }
  /* @konrad - removed
  .header-desc-about-us-desc {
    padding: 9rem 0;
  }
  */
  .header-print-details-desc {
    padding: 6rem 0;
  }
  .header-print-details-img {
    margin-left: auto;
  }
  .header-pro-services-desc {
    padding: 9rem 0;
  }
  .pro-services-banners {
    width: 105%;
  }
  .pro-services-banners-left {
    margin-left: -0.625rem;
  }
  .pro-services-banners-right {
    margin-right: -0.625rem;
  }
  .saved-library-item-name {
    width: 15rem;
  }
  .saved-library-item-name.saved-design-library-item-name {
    width: 13rem;
  }
  .box-shadow-lg-none {
    box-shadow: none;
  }
  .design-revision-main-img {
    /*   min-height: 23rem; */
    margin-bottom: 5rem;
  }
  #offcanvasDesignRevisionsDashboard.offcanvas {
    width: auto;
    padding: 5.875rem 0;
  }
  #offcanvasDesignRevisionsChat.offcanvas {
    padding: 5.875rem 0;
  }
  .design-revision-dashboard-pages-link-img {
    width: 6.625rem;
    height: 3.75rem;
  }
  #designCurrentVersionOptions {
    position: inherit;
  }
  .btn-circle-primary-pages {
    bottom: 8rem;
  }
  .service-design-card-desc.service-design-card-printing-desc {
    padding: 1.625rem;
  }
  .count-products-items a:nth-child(n+3) {
    display: none;
  }
  .your-cart-img,
  .cart-without-img {
    min-height: 6rem;
  }
  header #js-navbar:not(.static) .navbar-content {
    top: 7.8rem;
  }
}
/* XL */
@media (min-width: 1200px) {
  .account-sidebar > div {
    padding: 1.5rem 2.5rem;
  }
  .sticky nav.navbar {
    max-width: 1799px;
  }
  .float-xl-end {
    float: right;
  }
  .your-cart-history-container {
    grid-template-columns: 0.1fr 2fr 0.5fr;
    grid-template-rows: 0.5fr 0.5fr;
    grid-template-areas: "your-cart-image your-cart-name your-cart-name" "your-cart-image your-cart-desc your-cart-desc";
  }
  h1 {
    font-size: 6rem;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .container-xl-fluid {
    width: 100%;
    max-width: 100%;
  }
  .card-sale {
    /*max-width: 22.25rem;*/
    min-height: 24.5rem;
  }
  .rounded-xl-none {
    border-radius: 0;
  }
  .main-category-card {
    padding: 3.25rem;
    padding-right: 2.5rem;
  }
  .main-category-card .rounded-xl-circle {
    border-radius: 50%;
  }
  .big-btn-azure-circle:not(.big-btn-azure-circle-small) {
    width: 5.875rem;
    height: 5.875rem;
  }
  .container-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1.5fr;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    grid-template-areas: "design-card-03 design-card-02 design-card-01 design-card-01 design-card-08 design-card-07" "design-card-06 design-card-04 design-card-04 design-card-05 design-card-09 design-card-07";
  }
  /*   .header-desc-slider-desc {
    padding: 12rem 0;
  } */
  .design-card {
    min-height: 10.56rem;
  }
  .card-product {
    /*min-height: 23.5rem;*/
    min-height: 18.5rem;
  }
  .card-product-image {
    /*width: 13.5rem;*/
    /*min-height: 13.5rem;*/
    width: 10.25rem;
    min-height: 10.25rem;
  }
  .card-product-body {
    /*padding: 1.375rem;*/
  }
  .card-product.card-product-big-size {
    width: 19.125rem;
    min-height: 27rem;
  }
  .card-product.card-product-big-size .card-product-image {
    width: 16rem;
  }
  .card-product.card-product-big-size .card-product-body {
    padding: 1.562rem 2.18rem;
  }
  .card-product-menu {
    width: 13.25rem;
    min-height: 21.5rem;
  }
  #mainMenu .p-40 {
    padding-left: 2.5rem;
  }
  .banner-free-design-desc {
    width: 50%;
  }
  .review-design-card {
    max-width: 43.5rem;
  }
  .your-carts > div {
    padding: 3rem 0;
  }
  .get-design-flyers-img {
    max-width: 34rem;
    height: 34rem;
  }
  .get-design-flyers-big-img {
    height: 41rem;
  }
  .section-about-us-sub-header {
    margin-top: -30rem;
  }
  .section-about-us-sub-header-img {
    height: 25rem;
  }
  .section-about-us-sub-header-img.section-about-us-btn-play {
    height: 15rem;
  }
  .about-us-help-you-img {
    height: 22rem;
  }
  .account-saved-jobs-img {
    width: 10rem;
    height: 10rem;
  }
  .pro-services-monitor-img {
    bottom: -35%;
  }
  .pro-services-monitor-img .pro-services-file-management {
    padding: 1.4rem;
  }
  .pro-services-piggy-bank-img {
    left: 50%;
    top: auto;
    transform: translateX(-50%);
    bottom: 0;
  }
  .header-print-groups-desc {
    padding: 6.5rem 0;
  }
  .header-pro-services-desc {
    padding: 11.5rem 0;
  }
  .pro-services-banners {
    width: 100%;
    min-height: 23.5rem;
  }
  .pro-services-banners-left {
    margin-left: 0;
  }
  .pro-services-banners-right {
    margin-right: 0;
  }
  .nav-icon-fs {
    font-size: 2rem;
  }
  .saved-library-item-name {
    padding: 0 0.75rem;
  }
  .service-design-card-desc.service-design-card-printing-desc {
    padding: 3.75rem;
  }
  .your-cart-img,
  .cart-without-img {
    min-height: 8rem;
  }
}
@media (min-width: 1300px) {
  .count-products-items a:nth-child(3) {
    display: block;
  }
  .count-products-items a:nth-child(n+4) {
    display: none;
  }
}
/* XXL */
@media (min-width: 1400px) {
  .container-xxl-fluid {
    width: 100%;
    max-width: 100%;
  }
  .p-xl-40 {
    padding: 2.5rem;
  }
  .p-xl-50 {
    padding: 3.125rem;
  }
  .main-category-card-link {
    margin-bottom: 2.125rem;
  }
  .main-category-card-link a {
    margin-bottom: 0.75rem;
  }
  .card-sale {
    /*max-width: 25.94rem;*/
  }
  .design-card {
    min-height: 12.4rem;
  }
  .card-product {
    min-height: 17.4rem;
  }
  .card-product-image {
    width: 10.25rem;
    min-height: 10.25rem;
  }
  .card-product-body {
    /*padding: 1.125rem 1rem;*/
  }
  .card-product.card-recommended-product-size {
    width: 19rem;
    min-height: 27rem;
  }
  .card-product.card-recommended-product-size .card-product-image {
    width: 16rem;
  }
  .main-category-card {
    min-width: 26rem;
  }
  .card-gutter {
    margin-top: -1.5rem;
  }
  .review-design-card {
    max-width: 39rem;
    height: 22.5rem;
  }
  .get-design-flyers-img {
    max-width: 39rem;
  }
  .section-about-us-sub-header-img {
    height: 28rem;
  }
  .section-about-us-sub-header-img.section-about-us-btn-play {
    height: 18rem;
  }
  .about-us-help-you-img {
    height: 26rem;
  }
  .account-saved-jobs-img {
    width: 12rem;
    height: 12rem;
  }
  .section-about-us-sub-header {
    margin-top: -30rem;
  }
  .pro-services-monitor-img {
    bottom: -45%;
  }
  .pro-services-monitor-img .pro-services-file-management {
    padding: 1.5rem;
  }
  .header-print-groups-desc {
    padding: 7.5rem 0;
  }
  .badges-icon {
    font-size: 0.7rem !important;
  }
  .badges-icon.gg-circle {
    width: 1.1rem;
    height: 1.1rem;
  }
  .saved-library-row {
    margin-right: -2.25rem;
    padding-right: 1rem;
  }
  .folders-container-grid {
    column-gap: 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, max-content));
  }
  .container-search {
    max-width: 100%;
  }
  .cta-subscribe-button:hover {
    width: 97.8%;
    animation: animateButtonSendIn 1s cubic-bezier(0.36, 0.07, 0.19, 3.97) both;
    transform: translate3d(0, 0, 0);
    right: 0.375rem !important;
  }
  .cta-subscribe-button:hover .icon-btn-send {
    display: none;
  }
  .cta-subscribe-button:hover + .cta-subscribe-input::placeholder {
    opacity: 0;
  }
  .cta-subscribe-button:hover .text {
    display: block;
  }
  .coupon {
    max-width: 24rem;
  }
  .coupon .wrap {
    min-height: 10rem;
  }
  .coupon .wrap .price {
    font-size: 3rem;
  }
  .glide__track.glide-bg-xl-gradient::before, .glide__track.glide-bg-xl-gradient::after {
    content: "";
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }
  .glide__track.glide-bg-xl-gradient::before {
    background: linear-gradient(to left, #ffffff 0.83%, rgba(255, 255, 255, 0) 15.38%);
    left: 0;
  }
  .glide__track.glide-bg-xl-gradient::after {
    background: linear-gradient(to right, #ffffff 0.83%, rgba(255, 255, 255, 0) 15.38%);
    right: 0;
  }
}
@media (min-width: 1500px) {
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .offset-xxxl-1 {
    margin-left: 8.33333333%;
  }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
@media (min-width: 1700px) {
  .count-products-items a:nth-child(4) {
    display: block;
  }
  .count-products-items a:nth-child(n+5) {
    display: none;
  }
  .your-cart-img,
  .cart-without-img {
    min-height: 9rem;
  }
}
/* SM */
@media (max-width: 375px) {
  .pro-services-lifesaver-img,
  .pro-services-monitor-img {
    max-width: 23rem;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .modal-body {
    padding: 0;
    padding-top: 1.5rem;
  }
  .p-sm-50 {
    padding: 1rem;
  }
  .form-check-input.form-check-input-circle {
    font-size: unset;
    padding: 0.7rem;
  }
  .your-design-details.p-50,
  .your-design-details.p-30 {
    padding: 1.5rem;
  }
  .text-xxs-mob {
    font-size: 1rem;
  }
}
/* MD */
@media (max-width: 768px) {
  .dropdown-menu-edit-folder .dropdown-menu-end {
    transform: translate(-5%, -5%) !important;
  }
  .container-sm-fluid {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .modal-xl {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .container-lg-fluid {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-height: 668px) {
  .header-desc-slider-desc {
    padding: 6rem 0;
  }
  .saved-library-row {
    max-height: 25rem;
  }
  .vh-sm-100 {
    height: 100vh;
  }
}
#mainMenuRow {
  max-height: calc(75vh - 2rem);
}
@media (min-height: 800px) {
  .logout-page-body,
  .error-page-body {
    min-height: 100vh;
  }
  .header-desc-slider-desc {
    padding: 9rem 0;
  }
  .saved-library-row {
    max-height: 28rem;
  }
}
@media (min-height: 920px) {
  .vh-md-100 {
    height: 100vh;
  }
  .saved-library-row {
    max-height: 33rem;
  }
}
@media (min-height: 1024px) {
  .header-desc-slider-desc {
    padding: 12rem 0;
  }
  .saved-library-row {
    max-height: 37rem;
  }
  .forgot-password-content {
    margin: 0;
  }
  .overflow-xl-hidden {
    overflow: hidden;
  }
}

.timezone-option {
  position: relative;
}

.timezone-option::before {
  content: attr(data-time);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

.optgroup:first-child {
  margin-top: 1rem;
}

/*LOCALE OFFCANVAS*/
.locale-btn {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 1.25rem;
  text-decoration: none;
  border: none;
  border-radius: 0.625rem;
  background-color: white;
  color: #000;
  font-weight: 400;
  padding: 0.875rem;
  transition: background-color 0.3s;
  line-height: 1;
}

.locale-btn.active {
  font-weight: 600;
  background-color: #EEF3FF;
}

.locale-btn:hover {
  background-color: #EEF3FF;
}

/*LOGIN FORM*/
.forgot-password-link {
  position: absolute;
  top: -1.5rem;
  right: 0;
}

/*AUTH FORM*/
.invalid-input-border.invalid-input-border {
  border: 1px solid #ffc0c0;
}

.invalid-input-bg {
  background: #fffafa;
}

.error-code {
  color: #808080;
  font-size: 1rem;
  margin-bottom: 2rem;
}

.text-balance {
  text-wrap: balance;
}

.tall-header-pro {
  height: 100vh;
}

.section-mt-neg-pro {
  margin-top: calc(-100vh + 13rem);
}

.fw-400 .ts-control {
    font-weight: 400;
}

/* CATEGORY LIST & PRODUCT LIST CONTAINER */
.catalog-container.teal {
  --product-card-bg: 236 250 248;
}

.catalog-container.green {
  --product-card-bg: 238 252 244;
  --category-text: 146 205 197;
}

.catalog-container.blue {
  --product-card-bg: 239 245 249;
  --category-text: 150 176 207;
}

.catalog-container.purple {
  --product-card-bg: 248 243 250;
  --category-text: 180 138 197;
}

.catalog-container.deep {
  --product-card-bg: 238 240 242;
}

.catalog-container.yellow {
  --product-card-bg: 254 251 236;
}

.catalog-container.orange {
  --product-card-bg: 254 246 236;
}

.catalog-container.red {
  --product-card-bg: 254 242 240;
  --category-text: 211 134 119;
}

.catalog-container.silver {
  --product-card-bg: 251 252 252;
}

.catalog-container.grey {
  --product-card-bg: 247 248 249;
}

.catalog-container {
  --row-gap: 1.5rem;
  --product-card-bg: 239 245 249;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
  column-gap: 1.5rem;
  margin-bottom: calc(var(--row-gap) * -1);
}

.catalog-container a {
  text-decoration: none;
  color: inherit;
}

.category-list a,
.product-card a {
    color: inherit;
    text-decoration: none;
}

.category-list {
  --fallback-bg: 239 245 249;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  grid-column: 1 / -1;
  padding: 2rem;
  border-radius: 1.25rem;
  background: linear-gradient(315deg, rgb(var(--product-card-bg, var(--fallback-bg))), rgb(var(--product-card-bg, var(--fallback-bg)) / 0.69));
}

.category-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5ch;
  list-style: none;
  font-size: 1.125rem;
  color: rgba(41, 45, 50, 0.5);
  padding-left: 0;
}

.category-list li:not(:last-child, :nth-last-child(2))::after {
  content: ', '
}

.category-list, .product-card {
  margin-bottom: var(--row-gap);
}

.product-card {
  position: relative;
  isolation: isolate;
  max-width: 14rem;
  min-width: 10.5rem;
  margin-inline: auto;
  text-decoration: none;
  color: rgb(41, 45, 50);
}

.product-card::before {
  --fallback-bg: 239 245 249;
  content: "";
  position: absolute;
  inset: 30% 0 0;
  background-color: rgb(var(--product-card-bg, var(--fallback-bg)));
  z-index: -1;
  transition: box-shadow 500ms ease;
  border-radius: 0.75rem;
}

.product-card-image {
  max-width: 10.25rem;
  aspect-ratio: 1;
  margin-inline: auto;
  transition: transform 500ms ease;
}

.product-card:hover .text-xs {
  color: rgb(41, 45, 50);
}

.product-card:hover .product-card-image {
  transform: scale(1.1);
}

.product-card:hover::before {
  box-shadow: 0 1px 14px rgba(13, 26, 80, 0.11);
  border: 1px solid #ddebf5;
}

.product-card-body {
  padding: 1.25rem;
}

@media (min-width: 432px) {
  .product-card {
    max-width: 15rem;
  }
}

@media (min-width: 992px) {
  .catalog-container {
    /*align-items: end;*/
  }

  .category-list {
    flex-direction: column;
    grid-column: span 2;
    grid-row: span 99;
  }

  .category-list ul {
    flex-direction: column;
    gap: 0.625rem;
  }

  .category-list li:not(:last-child)::after {
    content: ''
  }

  .catalog-container:has(> :last-child:nth-child(2)) .category-list {
    grid-column: span 3;
  }

  .catalog-container:has(> :last-child:nth-child(2), > :last-child:nth-child(3), > :last-child:nth-child(4)) .category-list {
    grid-row: 1;
  }
}

@media (min-width: 1200px) {
  .catalog-container:has(> :last-child:nth-child(2)) .category-list {
    grid-column: span 4;
  }

  .catalog-container:has(> :last-child:nth-child(3)) .category-list {
    grid-column: span 3;
  }
}

@media (min-width: 1400px) {
  .catalog-container:has(> :last-child:nth-child(2)) .category-list {
    grid-column: span 5;
  }

  .catalog-container:has(> :last-child:nth-child(3)) .category-list {
    grid-column: span 4;
  }

  .catalog-container:has(> :last-child:nth-child(4)) .category-list {
    grid-column: span 3;
  }
}

/*SUBCATEGORY FOR CATEGORY PAGES*/
.subcategory-title {
  grid-column: 1 / -1;
  background-color: rgb(var(--product-card-bg, var(--fallback-bg)));
  text-align: center;
  padding: 2rem;
  border-radius: 1.25rem;
  margin-bottom: 1rem;
}

.subcategory-title h4 {
  margin: 0;
}

/* CATEGORY LIST & PRODUCT LIST CONTAINER - MENU VERSION */
@media (max-width: 991px) {
  .container-menu .category-list {
    display: none;
  }
}

.container-menu .catalog-container {
  display: grid;
  grid-template-columns: unset;
  gap: 1.5rem;
  padding: 0.75rem;
  background-color: white;
  border-radius: 1.25rem;
}

.container-menu .category-list,
.container-menu .product-card {
  margin-bottom: 0;
  width: 100%;
}

.container-menu .catalog-container .product-list {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
  gap: 1.5rem;
  max-height: calc(100vh - 17rem);
  height: 100%;
  overflow: auto;
  /*margin-right: -11px;*/
}

.product-list > h4 {
  margin-block: 2rem 0;
  grid-column: 1 / -1;
  grid-row: 1;
}

.product-list a span.uu-icon,
.category-list a span.uu-icon{
  color: #96b0cf;
  transition: color 300ms ease;
}

.product-list a:hover span.uu-icon,
.category-list a:hover span.uu-icon {
  color: #2e53c8;
}



.container-menu ul button,
.category-list ul a {
  --fallback-text: 150 176 207;
  color: rgb(var(--category-text, var(--fallback-text)));
  font-weight: 400;
  font-size: 1.25rem;
}

@media (max-width: 991px) {
  .product-list > h4 {
    margin: 0 auto;
    color: var(--bs-link-color);
    font-size: 1.25rem;
    font-weight: 500;
  }
}

@media (min-width: 992px) {
  .container-menu .catalog-container .product-list {
    max-height: calc(100vh - 10rem);
  }
  .sticky #mainMenu {
    margin-right: 17px;
  }

  .container-menu .catalog-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
  }

  .container-menu .catalog-container .category-list.category-list {
    grid-column: span 2;
    grid-row: 1;
  }

  .container-menu .catalog-container .product-list {
    grid-column: span 3;
    grid-row: 1;
  }
}

@media (min-width: 1400px) {
  .container-menu .catalog-container {
    grid-template-columns: repeat(6, 1fr);
  }

  .container-menu .catalog-container .product-list {
    grid-column: span 4;
  }
}
/* MENU ACCORDION */

.menu-accordion {
  background: #eff5f9;
  padding: 1rem;
  border-radius: 1.25rem;
  display: grid;
  place-content: center;
  position: relative;
}

.menu-accordion > button {
  font-size: 1.375rem;
  font-weight: 700;
}

.menu-accordion > button > h4 {
  margin: 0;
  font-size: 1.5rem;
}

.menu-accordion > button::after {
  display: none;
}

.menu-accordion .uu-l-chevron-down {
  transition: transform 0.3s;
  position: absolute;
  right: 1rem;
}

.menu-accordion > button:not(.collapsed) .uu-l-chevron-down {
  transform: rotate(180deg);
}

.menu-accordion ul {
  list-style: none;
  padding-left: 0;
  margin-inline: auto;
}

.menu-accordion ul li {
  margin-top: 1rem;
  text-align: center;
}

.menu-accordion.menu-accordion ul .btn {
  font-size: 1.5rem;
  color: grey;
}
/*SLIDER PRODUCT CARDS*/
div[data-category] .product-card {
  text-align: center;
  max-width: 24rem;
}

div[data-category] .product-card::before {
  display: none;
}

/*CART*/

.checkout-body {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.cart-container {
  display: flex;
  /*gap: 2rem;*/
}

.cart-container > div {
  flex-grow: 1;
  flex-basis: 30%;
}

.cart-container > div > h2 {
  color: black;
}

.cart-item-list-wrapper.cart-item-list-wrapper {
  flex-basis: 70%;
}

.cart-item-list-wrapper.cart-item-list-wrapper > * {
  max-width: calc(100vw * 0.7 - 1800px);
}

.cart-item-list {
  max-width: 80rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.cart-item-site {
  background-color: white;
  border: 1px solid #EEF3FF;;
  border-radius: 1.25rem;
  padding: 1rem;
  display: grid;
  grid-template-columns: min(100%, 6.25rem) 1fr auto auto 2.75rem;
  gap: 1.5rem;
  align-items: center;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05);
}

.cart-item-site:hover {
  border-color: #3B61FF;
}

.cart-item-site:hover .cart-item-main-info h3 {
  color: #3B61FF;
}

.cart-item-site:hover .cart-item-edit {
  background-color: #d8dfff;
  box-shadow: 0 0 1rem -0.75rem rgba(66, 68, 90, 1);
}

.cart-item-site:hover .cart-item-edit > span {
  color: #3B61FF;
}


.cart-item-images {
  max-height: 6.25rem;
  overflow: hidden;
  position: relative;
}

.cart-item-images button {
  position: absolute;
  width: 1.5rem;
  border: 1px solid #f2f6ff;
  border-radius: 50%;
  aspect-ratio: 1;
  left: 50%;
  padding: 0.25rem;
  margin: 0;
}

.cart-item-images button[data-btn-img-up] {
  top: 0;
  transform: translate(-50%, -100%);
}

.cart-item-images button[data-btn-img-down] {
  bottom: 0;
  transform: translate(-50%, 100%);
}

.cart-item-images img {
  border-radius: 1rem;
  aspect-ratio: 1;
  object-fit: cover;
}

.cart-item-info {
  overflow: hidden;
  white-space: nowrap;
}

.cart-item-info h3 {
  font-size: 1.25rem;
  font-weight: 500;
}

.cart-item-info p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #ccccd4;
}

.cart-item-info h3, .cart-item-info p {
  margin: 0;
  text-align: center;
}

.cart-item-main-info h3 {
  transition: color 300ms ease;
  font-weight: 600;
}

.cart-item-main-info h3,
.cart-item-main-info p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-item-main-info h3,
.cart-item-main-info p {
  text-align: left;
}

.cart-item-edit {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2.75rem;
  outline: none;
  border: none;
  background-color: #eef3ff;
  display: grid;
  place-content: center;
  gap: 0.5rem;
  transition: background-color 300ms ease, box-shadow 300ms ease;
}

.cart-item-edit:hover {
  background-color: #d8dfff;
}

.cart-item-edit > span {
  color: #C8C8D0;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  transition: 300ms ease;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 1rem;
}

.checkout-options-wrapper {
  min-width: 36.125rem;
  position: relative;
  border-left: 1px solid #F0F0F0;
  box-shadow: 0 4px 50px 0 #0000000D;
}

.checkout-back-btn {
  text-decoration: none;
  color: black;
  font-size: 1.5rem;
  position: absolute;
  left: 0;
  top: 3rem;
}

.checkout-options-container {
  padding-block: 3rem;
  position: sticky;
  top: 0;
}

.checkout-options-container > h2 {
  font-size: 2.5rem;
  margin-bottom: 3rem;
}

.checkout-options {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.checkout-option {
  padding-top: 2rem;
  display: grid;
  grid-template-areas:
          "icon title"
          "icon desc";
  place-content: center;
}

.checkout-option-icon {
    grid-area: icon;
    display: grid;
    place-content: center;
    margin-right: 1rem;
}

.checkout-option-title {
    grid-area: title;
    color: #3B61FF;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.checkout-option-description {
    grid-area: desc;
    color: #292D32;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
}

/* BILLING */
.use-saved-address-btn {
  text-decoration: none;
  display: flex;
  height: 3.9375rem;
  padding: 1rem 1.1875rem 1rem 2rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border: 2px solid #3B61FF;
  border-radius: 100vw;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 125%; /* 1.40625rem */
}

.use-saved-address-btn .uu-icon {
    font-size: 1.5rem;
    transition: transform 300ms ease;
}

.continue-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1rem;
  gap: 3rem;
}

.continue-btn .uu-icon {
  font-size: 1.125rem;
  transition: transform 300ms ease;
}


.continue-btn:hover .uu-icon,
.use-saved-address-btn:hover .uu-icon {
  transform: translateX(0.25em);
}

@media (min-width: 1200px) {
  .footer-order-process-btns > div:last-child {
    margin-right: max(40vw, calc(100vw - 80rem)) !important;
  }
}