@charset "UTF-8";
/* Custom Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Rosarivo:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&family=Ruthie&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap");
/* End of Custom Google Fonts */
/* Custom Theme Style */
.filter-color-1 {
  filter: invert(51%) sepia(67%) saturate(347%) hue-rotate(355deg) brightness(86%) contrast(82%);
}

.filter-color-white {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(83deg) brightness(103%) contrast(100%);
}

.filter-color-black {
  filter: invert(0%) sepia(5%) saturate(0%) hue-rotate(8deg) brightness(97%) contrast(104%);
}

.nice-button-1 {
  background-color: #d4ac6d;
  color: white;
  border: 1px solid #d4ac6d;
  border-radius: 50px;
  padding: 10px 25px;
  font-size: 16px;
  line-height: 24px; 
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.nice-button-1 i {
  font-size: 18px;
  color: white;
}
.nice-button-1:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.nice-button-1:hover i {
  color: #d4ac6d;
}

.sidebar-mini .side-menu {
  margin-top: 14px;
}

.btn-primary {
  background-color: black;
  border: 1px solid black;
  color: white;
  font-family: Montserrat;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 35px;
  border-radius: 100px;
  display: flex;
  width: fit-content;
  gap: 8px;
  line-height: 170%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  align-items: center;
}
.btn-primary.btn-center {
  margin-left: auto;
  margin-right: auto;
}
.btn-primary:hover {
  background-color: white;
  border: 1px solid black;
  color: black;
  transition: 0.2s;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.btn-primary.danger {
  background-color: rgb(157, 0, 0) !important;
  border: 1px solid rgb(157, 0, 0) !important;
  color: white;
}
.btn-primary.danger:hover {
  background-color: white !important;
  color: rgb(157, 0, 0) !important;
}
.btn-primary.danger:hover i, .btn-primary.danger:hover span {
  color: rgb(157, 0, 0) !important;
}

.btn-small {
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  border-radius: 4px;
  padding: 3px 10px;
  width: auto !important;
}
.btn-small:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}

.page-header .page-title {
  font-weight: 800;
  text-transform: uppercase;
  color: #a37c48;
}

.emoji-big-title {
  display: block;
  font-size: 60px;
  line-height: 100%;
}
.emoji-big-title.centered {
  text-align: center;
}

.inline-flex {
  display: inline-flex;
}

.progress-bar {
  background-color: #d4ac6d !important;
}

.flex-gap-20 {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.capitalize {
  text-transform: capitalize;
}

.mt-4 {
  margin-top: 40px;
}

.nav-item.login {
  font-weight: bold;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.height-100 {
  min-height: calc(100vh - 100px);
}

.bg-page-wrapper {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 30px 0px;
  padding-top: 80px;
}

.bg-hero-login {
  background: url("/assets/images/hero-login.jpg");
  background-size: cover;
}

.text-center {
  text-align: center;
  justify-content: center;
}

.flex-row {
  flex-direction: row !important;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column !important;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.brt-0 {
  border-radius: 0px 0px 4px 4px;
}

.br-0 {
  border-radius: 0px;
}

.br-s {
  border-radius: 4px;
}

.br-m {
  border-radius: 8px;
}

.grid-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 35px;
}

.grid-view.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 1200px) {
  .grid-view,
  .grid-view.grid-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 992px) {
  .grid-view,
  .grid-view.grid-4 {
    grid-template-columns: 1fr;
  }
}
.ck-editor {
  width: 100% !important;
}

.ck-content {
  height: 400px;
}

.wedgame-card .ck-content {
  height: 200px;
}
.wedgame-card .ck-content strong {
  font-weight: bold !important;
}

/* Home */
ul.home li {
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  color: black;
}

.footer {
  background-color: #a37c48;
  color: white;
}
.footer a {
  color: #f4eedf !important;
  font-weight: bold;
}

.footer-logo img {
  height: 50px;
  display: block;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

.highlighted-section .inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 25px 35px;
  background-color: #d4ac6d;
  border-radius: 20px;
}

/* End of Home


/* Bootstrap Header */
nav.navbar .logo img {
  height: 30px;
}

body {
  min-height: 75vh;
  padding-top: 0px;
  font-family: Montserrat;
}
body .main {
  min-height: calc(100vh - 100px);
}
body.app {
  background-color: #f4eedf;
}

p {
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.static-wrapper-body .navbar-expand-md .navbar-collapse {
  justify-content: flex-end;
}
.static-wrapper-body .navbar {
  width: calc(100% - 30px);
  position: fixed;
  top: 15px;
  left: 15px;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(255, 255, 255, 0.72);
  backdrop-filter: saturate(180%) blur(20px);
  transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background-color 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

@media (max-width: 992px) {
  .navbar {
    background-color: white !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.074);
  }
}
.logo-text {
  font-family: Montserrat;
  font-weight: 900;
  letter-spacing: -1px;
  font-size: 28px;
}
.logo-text span {
  font-size: 34px;
  color: white;
}

.nav-link {
  color: black !important;
  font-size: 18px;
}

/* End of Bootstrap Header */
/* Footer */
#footer {
  background-color: black;
  padding-top: 20px;
  padding-bottom: 20px;
}
#footer .copyright {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  color: white;
  opacity: 0.5;
}
#footer .footer-logo {
  font-weight: 900;
  color: white;
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
}
#footer .footer-logo .special {
  font-size: 40px;
  opacity: 0.5;
}

/* End of Footer */
/* Custom Footer */
#main-footer {
  background-color: #2d271e;
  padding: 50px;
  position: relative;
  z-index: 2;
}

.footer-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1215686275);
}

.footer-wrapper .column {
  width: 25%;
}

.footer-wrapper .logo img {
  max-width: 80%;
}

.footer-wrapper .links h4 {
  color: white;
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  opacity: 0.4;
  margin-bottom: 15px;
}

.footer-wrapper ul {
  padding-left: 0px;
  list-style: none !important;
  margin-left: 0px;
}
.footer-wrapper ul li {
  list-style: none !important;
}
.footer-wrapper ul li ::marker {
  display: none !important;
}

.footer-wrapper .links h4 {
  color: white;
  font-weight: 500;
  font-size: 20px;
  opacity: 0.4;
}

.footer-wrapper .links .book-item a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.footer-bottom .social a {
  font-size: 30px;
  line-height: 30px;
  margin-right: 15px;
  color: #d4ac6d;
  text-decoration: none;
}

.footer-bottom .social a:last-child {
  margin-right: 0px;
}

@media (max-width: 992px) {
  .footer-wrapper .links .book-item {
    justify-content: center;
    display: flex;
  }
}
.footer-wrapper .links .book-item img {
  height: 50px;
  border-radius: 5px;
  margin-right: 10px;
}

.footer-wrapper .links .book-item span {
  display: inline-flex;
  flex: 1;
}

.footer-wrapper .links ul li a {
  color: white;
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
}

.footer-wrapper .links ul li:last-child a {
  margin-bottom: 0px;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px !important;
}

.footer-bottom .links ul {
  display: flex;
  align-items: center;
  flex: none;
}

.footer-bottom .links ul li a {
  font-weight: 500;
  font-size: 14px;
  margin-right: 15px;
  color: white;
  text-decoration: none;
}

.footer-bottom .copyright {
  font-size: 14px;
  color: white;
  opacity: 0.4;
  font-weight: 400;
  margin-bottom: 0px;
}

.footer-bottom .social a {
  font-size: 30px !important;
  line-height: 30px !important;
  margin-right: 15px;
  color: #a37c48 !important;
  text-decoration: none !important;
}
.footer-bottom .social a i {
  color: #d4ac6d;
  font-size: 30px;
}

.footer-bottom .social a:last-child {
  margin-right: 0px;
}

@media (max-width: 992px) {
  .footer-wrapper .column {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
  .footer-wrapper {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .footer-wrapper .logo img {
    max-width: 80%;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
  }
  .footer-bottom {
    flex-wrap: wrap;
    text-align: center;
  }
  .footer-bottom .copyright {
    text-align: center;
    line-height: 130%;
    width: 100%;
    margin-bottom: 20px;
  }
  .footer-bottom .links {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .footer-bottom .social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
}
.download-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.download-links a {
  text-decoration: none;
  margin: 10px;
}

.download-links a img {
  max-height: 60px;
  max-width: 90%;
}

/* End of custom footer */
/* Logo */
.app-header {
  border-bottom: 1px solid #ede3c9;
}

.side-header {
  border-color: #ede3c9 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  height: 69px;
}

.app-sidebar {
  border-color: #ede3c9 !important;
}

.side-header .header-brand-img.light-logo1 {
  display: block !important;
  height: 30px;
  max-width: 100%;
}

.dark-mode .side-header .header-brand-img.desktop-logo {
  display: block !important;
  height: 30px;
  max-width: 100%;
}

@media (max-width: 991px) {
  .sidebar-mini .app-header .light-logo1 {
    display: none !important;
  }
  .app-header.header .header-brand-img.desktop-logo {
    height: 40px;
    display: block;
  }
}
.login-logo {
  height: 40px;
  max-width: 90%;
  margin-bottom: 10px;
}

/* End of Logo */
/* Global */
.hidden {
  display: none !important;
}

.side-menu .slide i,
.side-menu .slide .side-menu__label {
  font-size: 18px !important;
  font-weight: bold !important;
}

.slide .slide-menu {
  background-color: #f4eedf !important;
  padding-left: 0px !important;
}
.slide .slide-menu li {
  padding-left: 15px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  color: black !important;
  border-bottom: 1px solid #e0cfb5 !important;
}
.slide .slide-menu li:hover {
  background-color: #f4eedf !important;
}
.slide .slide-menu li:last-child {
  border-bottom: 0px solid #e0cfb5 !important;
}
.slide .slide-menu li .slide-item {
  color: black !important;
}
.slide .slide-menu li .slide-item::before {
  color: black !important;
}

/* End of Global */
/* Home Slider */
#slider {
  min-height: 100vh;
  padding-top: 150px;
  padding-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#slider #videoSlider {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
}
#slider h1 {
  font-family: "Libre Baskerville", serif;
  color: white;
  font-size: 60px;
  line-height: 120%;
  text-align: center;
}
#slider p {
  color: white;
  font-size: 20px;
  margin-top: 30px;
}
#slider .content-wrapper {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  text-align: center;
}

@media (max-width: 992px) {
  #slider h1 {
    font-size: 40px;
  }
  #slider p {
    font-size: 16px;
  }
}
/* End of Home Slider */
/* Section Design */
.section {
  padding-top: 70px;
  padding-bottom: 70px;
}
.section .title {
  font-size: 50px;
  color: black;
  font-weight: bold;
  font-family: "Libre Baskerville", serif;
}
.section .subtitle {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.section .subtitle .special {
  color: var(--color-1);
}
.section .title {
  margin-bottom: 20px;
}
.section .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section .left {
  width: 50%;
  padding-right: 30px;
}
.section .right {
  width: 50%;
}
.section .right.text {
  padding-left: 30px;
}
.section .image-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section img {
  display: block;
  width: 100%;
  max-width: 90%;
  border-radius: 20px;
}
.section.home-bg-1 {
  background-color: #fffaf3;
}

@media (max-width: 992px) {
  .section .content {
    flex-wrap: wrap;
    text-align: center;
  }
  .section .btn-primary {
    margin-left: auto;
    margin-right: auto;
  }
  .section .left {
    width: 100%;
    margin-bottom: 50px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .section .right {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .section.reverse .right {
    order: 1;
    margin-bottom: 50px;
  }
  .section.reverse .left {
    order: 2;
  }
}
/* End of Section Desgin */
/* Form */
.input-row.mb {
  margin-bottom: 25px;
}

.input-row.half {
  display: flex;
  align-items: top;
  justify-content: space-between;
}
.input-row.half .input-group {
  width: 48%;
}

@media (max-width: 992px) {
  .input-row.half {
    flex-wrap: wrap;
  }
  .input-row.half .input-group {
    width: 100%;
  }
  .input-row.half .input-group:first-child {
    margin-bottom: 15px;
  }
}
.input-group .label {
  color: #a6968c;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  display: block !important;
  width: 100%;
  margin-bottom: 7px;
}
.input-group .input-def {
  background-color: #f3f3f3;
  border-radius: 6px !important;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #f3f3f3;
  width: 100% !important;
}
.input-group .input-def:focus {
  border: 2px solid gray !important;
  transition: 0.2s;
}

/* End of Form */
/* GrapeJS */
.gjs-editor {
  border-radius: 10px;
  min-height: calc(100vh - 100px);
  background-color: #554c44 !important;
  overflow: hidden;
}

.gjs-one-bg {
  background-color: #554c44 !important;
}

.gjs-four-color,
.gjs-four-color-h:hover {
  color: #dab499 !important;
}

.gjs-frame {
  transition: 0 !important;
}

.gjs-block {
  border: none !important;
  box-shadow: none !important;
}

.icons-flex {
  background-size: 70% 65% !important;
  height: 15px;
  width: 17px;
  opacity: 0.9;
}

.icon-dir-row {
  background: url("./img/flex-dir-row.png") no-repeat center;
}

.icon-dir-row-rev {
  background: url("./img/flex-dir-row-rev.png") no-repeat center;
}

.icon-dir-col {
  background: url("./img/flex-dir-col.png") no-repeat center;
}

.icon-dir-col-rev {
  background: url("./img/flex-dir-col-rev.png") no-repeat center;
}

.icon-just-start {
  background: url("./img/flex-just-start.png") no-repeat center;
}

.icon-just-end {
  background: url("./img/flex-just-end.png") no-repeat center;
}

.icon-just-sp-bet {
  background: url("./img/flex-just-sp-bet.png") no-repeat center;
}

.icon-just-sp-ar {
  background: url("./img/flex-just-sp-ar.png") no-repeat center;
}

.icon-just-sp-cent {
  background: url("./img/flex-just-sp-cent.png") no-repeat center;
}

.icon-al-start {
  background: url("./img/flex-al-start.png") no-repeat center;
}

.icon-al-end {
  background: url("./img/flex-al-end.png") no-repeat center;
}

.icon-al-str {
  background: url("./img/flex-al-str.png") no-repeat center;
}

.icon-al-center {
  background: url("./img/flex-al-center.png") no-repeat center;
}

[data-tooltip]::after {
  background: rgba(51, 51, 51, 0.9);
}

.gjs-pn-commands {
  min-height: 40px;
}

#gjs-sm-float {
  display: none;
}

.gjs-logo-version {
  background-color: #756467;
}

.gjs-pn-btn.gjs-pn-active {
  box-shadow: none;
}

.CodeMirror {
  min-height: 450px;
  margin-bottom: 8px;
}

.grp-handler-close {
  background-color: transparent;
  color: #ddd;
}

.grp-handler-cp-wrap {
  border-color: transparent;
}

.gjs-cv-canvas {
  height: calc(100vh - 80px);
}

/* End of Grape JS */
/* Page Title */
div.page-title {
  background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
  background-size: 200%;
  padding-top: 130px;
  padding-bottom: 30px;
  margin-bottom: 50px;
  animation: gradient 15s ease infinite;
}
div.page-title h1 {
  font-family: "Libre Baskerville", serif;
  font-size: 40px;
  font-weight: 900;
  text-align: center;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* End of Page Title */
/* Site Feature */
.site-steps .wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.site-steps .wrapper .progress-bar {
  width: calc(100% - 60px);
  position: absolute;
  top: 36px;
  left: 30px;
  height: 12px;
  background-color: #fdf6f3;
}
.site-steps .wrapper .progress-bar .filled {
  display: block;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #ffcfa8;
  border-radius: 4px;
}
.site-steps .wrapper .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 20%;
}
.site-steps .wrapper .item .counter {
  position: relative;
  background-color: #f3f3f3;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
}
.site-steps .wrapper .item .name {
  font-family: "Libre Baskerville", serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 10px;
}
.site-steps .wrapper .item.active .counter {
  background-color: #fccfa8;
  color: white;
  font-size: 30px;
}
.site-steps .wrapper .item.done .counter {
  background-color: #ddc8b8;
  color: white;
}

@media (max-width: 992px) {
  .site-steps .wrapper {
    max-width: 100%;
  }
  .site-steps .wrapper .item {
    padding-left: 7px;
    padding-right: 7px;
  }
  .site-steps .wrapper .progress-bar {
    top: 27px;
  }
  .site-steps .wrapper .item .counter {
    width: 60px;
    height: 60px;
    font-size: 18px !important;
  }
  .site-steps .wrapper .item .name {
    font-size: 12px;
  }
}
.site-form {
  max-width: 90%;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.website-link-preview {
  font-size: 14px;
  margin-top: -10px;
  margin-bottom: 30px;
}
.website-link-preview #link {
  font-weight: bold;
}

.templates-choose-wrapper {
  text-align: center;
  margin-top: 30px;
  display: block;
}
.templates-choose-wrapper p {
  margin-bottom: 20px;
}
.templates-choose-wrapper .templates {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
}

.templates .template {
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid white;
  width: 30%;
  max-width: 200px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1019607843);
}
.templates .template:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2901960784);
  transition: 0.2s;
  cursor: pointer;
}
.templates .template img {
  height: 100%;
  display: block;
  width: 100%;
}

.template.selected {
  border: 4px solid #be9673;
  box-shadow: 0 0 20px 0 #eee4dc;
}

@media (max-width: 992px) {
  .templates .template {
    width: 40%;
    max-width: inherit;
  }
}
/* End of Site Feature */
/* Login */
.center-form-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  width: 400px;
  margin: 0 auto;
  background-color: white;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.097);
}

.login-form-wrapper h3.login {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 30px;
  text-align: center;
}
.login-form-wrapper .errors {
  font-size: 16px !important;
  line-height: 24px !important;
  margin-bottom: 20px;
  font-weight: 400;
  color: red;
  text-align: center;
}

.notice-text-forgot {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px !important;
}

/* End of Login */
.breadcrumb .breadcrumb-item a {
  color: black !important;
}
.breadcrumb .breadcrumb-item.active {
  color: #a37c48;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.breadcrumbs a {
  font-size: 12px;
  color: black;
  font-weight: bold;
  text-decoration: none;
}
.breadcrumbs .separator {
  font-size: 12px;
  color: black;
  font-weight: 300;
  opacity: 0.3;
}
.breadcrumbs span {
  font-weight: 300;
  font-size: 12px;
  color: black;
  opacity: 0.8;
}

.page-title-padding {
  padding-top: 130px;
}

.ck-editor {
  width: 100% !important;
}

.ck-content {
  height: 400px;
}

/* Marketplace */
.marketplace-shortcuts {
  margin-bottom: 30px;
}
.marketplace-shortcuts .inner {
  max-width: calc(100% - 20px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.marketplace-shortcuts .inner .item {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.marketplace-shortcuts .inner .item:hover .shade {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.marketplace-shortcuts .inner .item:hover .image-wrapper {
  transform: scale(1.1);
}
.marketplace-shortcuts .inner .item:hover .image-wrapper img {
  transform: scale(1.1);
}
.marketplace-shortcuts .inner .item .shade {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  transition: all 0.3s ease;
  z-index: 1;
}
.marketplace-shortcuts .inner .item .image-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.marketplace-shortcuts .inner .item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.marketplace-shortcuts .inner .item .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-family: "Libre Baskerville", serif;
  font-size: 16px;
  color: white;
  font-weight: bold;
  z-index: 3;
}
.marketplace-shortcuts .inner .swiper-slide {
  width: 200px;
  height: 200px;
}
.marketplace-shortcuts .inner .swiper-button-prev,
.marketplace-shortcuts .inner .swiper-button-next {
  background-color: white;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.174);
}
.marketplace-shortcuts .inner .swiper-button-prev::after,
.marketplace-shortcuts .inner .swiper-button-next::after {
  font-size: 20px !important;
  color: black;
}

.marketplace-listing .inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1300px;
  margin: 0 auto;
  width: calc(100% - 20px);
}
@media (max-width: 992px) {
  .marketplace-listing .inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .marketplace-listing .inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
.marketplace-listing .search-wrapper {
  margin-bottom: 30px;
  width: 100%;
  padding: 25px;
  background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
}
.marketplace-listing .search-wrapper input {
  border: 2px solid white;
  border-radius: 0px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 20px 30px;
}
.marketplace-listing .search-wrapper input:focus {
  border: 2px solid #d4ac6d;
  transition: 0.2s;
  outline: none !important;
}

/* End of Marketplace */
/* Product Page */
.product-page {
  padding: 50px 0px;
  max-width: 1200px;
  margin: 0 auto;
  width: calc(100% - 20px);
}
.product-page .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 992px) {
  .product-page .top {
    flex-direction: column;
  }
}
.product-page .top .left {
  width: 100%;
  max-width: 400px;
}
@media (max-width: 992px) {
  .product-page .top .left {
    max-width: inherit;
    width: calc(100% - 30px);
  }
}
.product-page .top .left .image-wrapper {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.product-page .top .left .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.product-page .top .right {
  flex: 1;
}
@media (max-width: 992px) {
  .product-page .top .right {
    max-width: inherit;
    width: calc(100% - 30px);
  }
}
.product-page .top .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-page .top .right .name {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.product-page .top .right .categories {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0px;
}
.product-page .top .right .categories .item {
  background-color: #d4ac6d;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
}
.product-page .top .right .price {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.product-page .top .right .description {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
}
.product-page .section-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;
  color: black;
  margin-bottom: 20px;
}
.product-page .gallery {
  background-color: #f3f3f3;
  padding: 35px 35px;
  border-radius: 10px;
  margin: 30px 0px;
}
.product-page .gallery .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.product-page .gallery .items .item {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
}
.product-page .gallery .items .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.image-popup img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* End of Product Page */
.product-card {
  border: 1px solid #e4e6ff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.product-card a {
  text-decoration: none;
}
.product-card .image-wrapper {
  height: 260px;
  overflow: hidden;
  position: relative;
  color: #d4ac6d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card .image-wrapper img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.product-card .shadow {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.24) 59%, rgba(1, 1, 1, 0.74) 100%);
}
.product-card:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  transition: 0.2s;
}
.product-card .meta {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  z-index: 8;
  width: 100%;
}
.product-card .meta .details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 8;
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
}
.product-card h2.title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 7px;
  margin-top: 0px;
  color: black;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-card .title-wrapper {
  padding: 15px 20px;
}
.product-card .datetime {
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  opacity: 0.5;
  padding-top: 0px;
  margin-bottom: 0px;
}
.product-card .icon-text {
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
}
.product-card .icon-text p {
  margin-bottom: 0px;
  padding-left: 7px;
}
.product-card .badge {
  position: absolute;
  top: 15px;
  right: 0px;
  background-color: #d4ac6d;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 12px;
  padding: 10px;
  z-index: 100;
}
.product-card .badge.badge-1 {
  background-color: #d4ac6d;
  color: white;
}
.product-card .actions {
  position: absolute;
  z-index: 9;
  display: none;
  top: 7px;
}
.product-card .actions .item {
  color: white;
  background-color: #d4ac6d;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 1px;
  margin-left: 0px;
}
.product-card .actions .item:hover {
  cursor: pointer;
  transition: 0.2s;
}

/* End of Product Card */
/* Event Card */
.event-card {
  position: relative;
  width: 100%;
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
}
.event-card .backgroundImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.event-card .backgroundImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.event-card .inner-things {
  position: relative;
  z-index: 2;
}
.event-card .name {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  text-align: center;
  font-family: "Rosarivo", cursive;
}
.event-card .meta {
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-card .meta .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
}
.event-card .meta .item i {
  font-size: 20px;
  margin-right: 5px;
  color: #d4ac6d !important;
}
.event-card .meta .item span {
  font-size: 14px;
  font-weight: 300;
}
.event-card .features {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.event-card .features .item {
  border-radius: 4px;
  border: 1px solid #d4ac6d;
  background-color: #d4ac6d;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100px;
  height: 100px;
  margin: 10px;
}
.event-card .features .item i {
  color: white;
  font-size: 32px;
  text-align: center;
  margin-bottom: 5px;
}
.event-card .features .item span {
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.event-card .features .item:hover {
  background-color: white;
  transition: 0.2s;
  cursor: pointer;
}
.event-card .features .item:hover i {
  color: #d4ac6d;
}
.event-card .features .item:hover span {
  color: #d4ac6d;
}
.event-card .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 15px;
}
.event-card .actions .item {
  background-color: white;
  border: 1px solid #d4ac6d;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  margin: 5px;
}
.event-card .actions .item:hover {
  background-color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
  color: white;
}
.event-card .actions .item:hover span,
.event-card .actions .item:hover i {
  color: white;
}
.event-card .actions .item i {
  font-size: 14px;
  margin-right: 5px;
  color: #d4ac6d;
}
.event-card .actions .item span {
  font-size: 12px;
  font-weight: 500;
}
.event-card .event-qr {
  border-radius: 10px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 20px;
}
.event-card .event-qr .label {
  font-size: 20px;
  font-weight: bold;
}
.event-card .event-qr .qr-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 220px;
}
.event-card .event-qr .qr-wrapper .share-qr-code {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background: #d4ac6d;
  color: white;
  padding: 5px 10px;
  border-radius: 6px;
  border: 1px solid #d4ac6d;
}
.event-card .event-qr .qr-wrapper .share-qr-code:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}

/* End of Event Card */
/* Website Card */
.website-box {
  position: relative;
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  width: 300px;
  max-width: 100%;
}
.website-box .inner {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.website-box .name {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  text-align: center;
  font-family: "Rosarivo", cursive;
}
.website-box .website-view-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 16px;
  border: 1px solid #d4ac6d;
  border-radius: 8px;
  background-color: #d4ac6d;
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.website-box .website-view-button:hover {
  background-color: #cc9c51;
  border-color: #cc9c51;
  color: white;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 7px 18px rgba(212, 172, 109, 0.22);
}
.website-box .website-view-button:focus-visible {
  outline: 3px solid rgba(212, 172, 109, 0.25);
  outline-offset: 3px;
}
.website-box .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 15px;
}
.website-box .actions .item {
  background-color: white;
  border: 1px solid #d4ac6d;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  margin: 5px;
}
.website-box .actions .item:hover {
  background-color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
  color: white;
}
.website-box .actions .item:hover span,
.website-box .actions .item:hover i {
  color: white;
}
.website-box .actions .item i {
  font-size: 14px;
  margin-right: 5px;
  color: #d4ac6d;
}
.website-box .actions .item span {
  font-size: 12px;
  font-weight: 500;
}
.website-box .meta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.website-box .meta .item {
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 100px;
  background-color: #d4ac6d;
  color: white;
}
.website-box .meta .item .status-dot {
  width: 5px;
  height: 5px;
  border-radius: 6px;
  margin-right: 5px;
  background-color: white;
}
.website-box .meta .item.status-0 {
  background-color: #b5ac9d;
}
.website-box .meta .item.status-0 .status-dot {
  background-color: #ffddc5;
}
.website-box .meta .item.status-1 {
  background-color: #a9cdad;
}
.website-box .meta .item.status-1 .status-dot {
  background-color: #c8ffcd;
}
.website-box .meta .item span {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

/* End of Website Card */
/* Edit Website Page */
.rounded-button {
  margin: 5px;
  background-color: black;
  opacity: 0.4;
  border-radius: 100px;
  padding: 7px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.rounded-button.website-status.status-1 {
  background-color: #52aa45;
}
.rounded-button.website-status.status-0 {
  background-color: #e4bf7b;
}
.rounded-button:hover {
  cursor: pointer;
  opacity: 1;
  transition: 0.2s;
}
.rounded-button i,
.rounded-button span {
  color: white;
}
.rounded-button i {
  margin-right: 7px;
}

.floating-wrapper {
  position: relative;
  background-color: white;
  width: 100%;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
  padding: 10px;
}
.floating-wrapper .floating-item {
  margin: 5px;
  background-color: black;
  opacity: 0.4;
  border-radius: 100px;
  padding: 7px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.floating-wrapper .floating-item.website-status.status-1 {
  background-color: #52aa45;
}
.floating-wrapper .floating-item.website-status.status-0 {
  background-color: #e4bf7b;
}
.floating-wrapper .floating-item:hover {
  cursor: pointer;
  opacity: 1;
  transition: 0.2s;
}
.floating-wrapper .floating-item i,
.floating-wrapper .floating-item span {
  color: white;
}
.floating-wrapper .floating-item i {
  margin-right: 7px;
}

#editWebsite {
  position: relative;
}
#editWebsite .preview-wrapper {
  position: relative;
}
#editWebsite .preview-wrapper .app-frame {
  height: calc(100vh - 170px);
  position: relative;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#editWebsite .preview-wrapper .app-frame ::before {
  margin-left: 0px !important;
}
#editWebsite .preview-wrapper .app-frame .app-frame-inner {
  height: 100%;
  overflow-y: scroll;
  position: relative;
}

/* End of Edit Website Page */
/* Editable Things */
.editable-item {
  position: relative;
}
.editable-item .edit-icon {
  position: absolute;
  top: 5px;
  right: -30px;
  margin-left: 10px;
  background-color: white;
  border-radius: 30px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2196078431);
}
.editable-item .edit-icon i {
  font-size: 14px;
  color: #d4ac6d;
}
.editable-item .edit-icon:hover {
  background-color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.editable-item .edit-icon:hover i {
  color: white;
}

/* End of Editable Things */
/* Image Upload Preview */
.avatar-upload {
  position: relative;
  max-width: 90%;
  width: 300px;
  margin-bottom: 30px;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "+";
  color: #757575;
  position: absolute;
  text-align: left;
  margin: auto;
  font-size: 29px;
  top: -7px;
  left: 8px;
}
.avatar-upload .avatar-preview {
  width: 300px;
  height: 300px;
  position: relative;
  border-radius: 0px;
  border: 6px solid #f8f8f8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* End of Image Upload Preview */
.website-templates-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.website-templates-wrapper .item {
  margin: 10px;
  position: relative;
  width: auto;
  opacity: 0.5;
}
.website-templates-wrapper .item.selected {
  opacity: 1;
}
.website-templates-wrapper .item.selected > .image-wrapper {
  border: 5px solid #d4ac6d;
}
.website-templates-wrapper .item:hover {
  opacity: 1;
  transition: 0.2s;
  cursor: pointer;
}
.website-templates-wrapper .item:hover > .image-wrapper {
  border: 5px solid #d4ac6d;
}
.website-templates-wrapper .item:first-child {
  margin-left: 0px;
}
.website-templates-wrapper .item .image-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 100%;
  width: 200px;
  border: 5px solid white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.122);
}
.website-templates-wrapper .item .image-wrapper img {
  max-width: 100%;
  height: auto;
}
.website-templates-wrapper .item .image-wrapper .preview-template-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.122);
}
.website-templates-wrapper .item .image-wrapper .preview-template-icon i {
  color: #d4ac6d;
  font-size: 20px;
}
.website-templates-wrapper .item .image-wrapper .preview-template-icon:hover {
  background-color: #d4ac6d;
  cursor: pointer;
  transition: 0.2s;
}
.website-templates-wrapper .item .image-wrapper .preview-template-icon:hover i {
  color: white;
}

/* Edit Invitation */
#editInvitation {
  position: relative;
  padding: 25px;
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  border-radius: 6px;
}
#editInvitation .preview-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
#editInvitation .preview-wrapper .page-preview {
  /* A5 size design */
  height: 210mm;
  width: 148mm;
  max-width: 100%;
  background-color: white;
  border: 1px solid #cacaca;
  margin: 10px;
  position: relative;
  overflow: scroll;
}
#editInvitation .preview-wrapper .page-preview .floating-wrapper {
  position: absolute;
  background: transparent;
}
#editInvitation .preview-wrapper .page-preview .page-name {
  position: absolute;
  z-index: 9;
  top: 10px;
  left: 0px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 5px 25px;
}

.actions-edit-invitation {
  margin-top: 15px;
}

/* end of Edit Invitation */
/* Memories */
.memories-listing-wrapper {
  margin: 1em 0px;
  column-count: 3;
  column-gap: 1em;
}
@media (max-width: 1200px) {
  .memories-listing-wrapper {
    column-count: 2;
  }
}
@media (max-width: 992px) {
  .memories-listing-wrapper {
    column-count: 1;
  }
}
.memories-listing-wrapper .memory-box {
  width: 100%;
  display: inline-block;
  margin-bottom: 1em;
}

.memory-box {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.memory-box .memory-header {
  padding: 10px 20px;
  border-bottom: 1px solid rgba(202, 202, 202, 0.2705882353);
  background-color: white;
}
.memory-box .memory-header .row-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.memory-box .memory-header .row-wrapper .bullet-separator {
  background-color: #d4ac6d;
  width: 5px;
  height: 5px;
  border-radius: 100px;
  margin: 0px 10px;
}
.memory-box .memory-header .row-wrapper .memory-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  flex-wrap: wrap;
}
.memory-box .memory-header .row-wrapper .memory-actions .action {
  margin-left: 2px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 12px;
  border-radius: 100px;
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  color: white;
}
.memory-box .memory-header .row-wrapper .memory-actions .action:last-child {
  margin-right: 0px;
}
.memory-box .memory-header .row-wrapper .memory-actions .action i {
  margin-right: 5px;
  font-size: 13px;
}
.memory-box .memory-header .row-wrapper .memory-actions .action span {
  font-size: 12px;
  font-weight: 500;
}
.memory-box .memory-header .row-wrapper .memory-actions .action:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.memory-box .memory-header .row-wrapper .memory-actions .action.danger {
  background-color: rgb(137, 41, 41);
  border: 1px solid rgb(137, 41, 41);
}
.memory-box .memory-header .row-wrapper .memory-actions .action.danger:hover {
  color: rgb(137, 41, 41);
  background-color: white;
}
.memory-box .memory-header .user-avatar-wrapper {
  display: flex;
  align-items: center;
}
.memory-box .memory-header .user-avatar-wrapper .avatar-image {
  width: 26px;
  height: 26px;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
}
.memory-box .memory-header .user-avatar-wrapper .avatar-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.memory-box .memory-header .user-avatar-wrapper .texts {
  padding-left: 10px;
}
.memory-box .memory-header .user-avatar-wrapper .texts .name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}
.memory-box .memory-header .time {
  font-weight: 300;
  font-size: 14px;
}
.memory-box .memory-header .comment-title {
  padding-top: 10px;
}
.memory-box .memory-header .comment-title p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
}
.memory-box .image-wrapper {
  background-color: white;
  position: relative;
}
.memory-box .memory-content-text {
  background-color: white;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.memory-box .memory-content-text * {
  margin: 0px;
  padding: 0;
}
.memory-box .memory-content-text a {
  text-decoration: none;
  color: #d4ac6d;
  font-weight: bold;
  max-width: 100%;
  word-break: break-all;
}
.memory-box .memory-footer {
  padding: 10px 20px;
  border-top: 1px solid rgba(202, 202, 202, 0.2705882353);
  background-color: rgba(255, 255, 255, 0.7);
}
.memory-box .memory-footer .reaction-wrapper {
  display: flex;
  align-items: center;
}
.memory-box .memory-footer .reaction-wrapper .reaction-button {
  display: flex;
  align-items: center;
}
.memory-box .memory-footer .reaction-wrapper .reaction-button i {
  font-size: 20px;
  margin-right: 5px;
}
.memory-box .memory-footer .reaction-wrapper .counter {
  font-size: 14px;
  font-weight: 300;
  margin-left: 5px;
  margin-bottom: 0px;
  padding-left: 0px;
}

#memoryBoxModal .next {
  height: 30px;
  width: 30px;
  border-radius: 100px;
  background-color: #d4ac6d;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 15px);
  right: 10px;
  z-index: 9;
}
#memoryBoxModal .previous {
  height: 30px;
  width: 30px;
  border-radius: 100px;
  background-color: #d4ac6d;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 15px);
  left: 10px;
  z-index: 9;
}
#memoryBoxModal .wrapper {
  max-width: inherit;
  padding: 0px;
  width: auto;
}
#memoryBoxModal .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
#memoryBoxModal .inner img {
  max-height: calc(100vh - 60px);
  max-width: 100%;
  object-fit: contain;
}

/* End of Memories */
/* Custom Widgets */
.extra-filters {
  display: flex;
}

.extra-filters .filter-item {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 20px;
}

.extra-filters .filter-item span.label {
  padding: 0px !important;
  margin: 0px 0px 5px 0px !important;
  font-size: 14px;
  font-weight: 400;
}

.extra-filters .filter-item .form-control {
  padding: 3px 10px;
}

.page-item.active .page-link:hover {
  color: white !important;
}

.widget-wrapper {
  position: relative;
}

.widget-wrapper .widget-overlay {
  background-color: #f9f9f9;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%) #f9f9f9;
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
  height: -webkit-fill-available;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}
.widget-overlay .loading-spinner img {
  height: 80px;
  width: auto;
  margin: 10px;
}

.widget-wrapper {
  position: relative;
}

.widget-overlay {
  margin-top: 0px !important;
  border-radius: 6px;
  width: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.widget-overlay .loading-spinner .spinner {
  width: 40px;
  height: 40px;
  border: 5px solid rgba(243, 243, 243, 0);
  border-top: 5px solid #d4ac6d;
  border-radius: 100px;
  animation: spin 1s linear infinite;
  background-color: transparent;
}
.widget-overlay .top-progress-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
  background-color: #f3f3f3;
}
.widget-overlay .top-progress-wrapper .loading-wrapper .loading-outer {
  height: 5px;
  overflow: hidden;
  width: 100%;
  border-radius: 2px;
  background-color: transparent;
}
.widget-overlay .top-progress-wrapper .loading-wrapper .loading-outer .loading-inner {
  height: 100%;
  width: 25%;
  background-color: #d4ac6d;
  animation: loading-bar-position 2s ease-in-out infinite;
  transform: scaleX(0.25) translateX(-100%);
  transform-origin: left center;
}

@keyframes loading-bar-position {
  0% {
    transform: translateX(0%) scaleX(1);
  }
  100% {
    transform: translateX(400%) scaleX(4);
  }
}
.table-wrapper {
  display: block;
  width: 100%;
  overflow-y: scroll;
}

.listing-table {
  width: 100%;
  border: 1px solid #f3f3f3;
}

.listing-table td {
  padding: 7px 10px;
}

.listing-table th {
  padding: 7px 10px;
  background-color: #f3f3f3;
}

.listing-table tr {
  border-bottom: 1px solid #f3f3f3;
}

.table-action-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid var(--action-1);
  background-color: var(--action-1);
  color: white;
  font-size: 12px;
}

.table-action-item i {
  margin-right: 6px;
}

.table-action-item:hover {
  background-color: white;
  color: var(--action-1);
  transition: 0.2s;
  cursor: pointer;
}

.table-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid #d4ac6d;
  background-color: #d4ac6d;
  color: white;
  font-size: 12px;
  line-height: 18px;
}
.table-action-button:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.table-action-button.danger {
  background-color: rgb(137, 41, 41);
  border: 1px solid rgb(137, 41, 41);
}
.table-action-button.danger:hover {
  color: rgb(137, 41, 41);
  background-color: white;
}
.table-action-button i {
  margin-right: 5px;
}

/* End of Custom Widgets */
/* Table Seats */
.table-with-seats {
  display: grid;
  place-items: center;
  position: relative;
}
.table-with-seats .table-seat {
  display: grid;
  place-items: center;
}
.table-with-seats .name {
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-with-seats .name .delete-table-btn {
  width: 24px;
  height: 24px;
  margin: 4px;
  border-radius: 100px;
  background-color: red;
  border: 1px solid red;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.table-with-seats .name .delete-table-btn:hover {
  cursor: pointer;
  background-color: white;
  color: red;
  transition: 0.2s;
}
.table-with-seats .name .delete-table-btn i {
  font-size: 14px;
}
.table-with-seats .name .export-table-btn {
  width: 24px;
  height: 24px;
  margin: 4px;
  border-radius: 100px;
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.table-with-seats .name .export-table-btn:hover {
  cursor: pointer;
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
}
.table-with-seats .name .export-table-btn i {
  font-size: 14px;
}

.container-tables-show {
  display: flex;
  flex-wrap: wrap;
}

.table-with-seats-wrapper {
  margin: 35px;
}

.table-with-seats {
  --seats-count: 6;
  /* iterate classes with different number of seats */
  --table-radius: 10rem;
  --table-size: calc(var(--table-radius) * 2);
  list-style: none;
  margin: 0;
  padding: 0;
  border: 2px solid #e4bf7b;
  width: var(--table-size);
  height: var(--table-size);
  border-radius: 50%;
  position: relative;
}
.table-with-seats.seats-1 {
  --seats-count: 1;
}
.table-with-seats.seats-2 {
  --seats-count: 2;
}
.table-with-seats.seats-3 {
  --seats-count: 3;
}
.table-with-seats.seats-4 {
  --seats-count: 4;
}
.table-with-seats.seats-5 {
  --seats-count: 5;
}
.table-with-seats.seats-6 {
  --seats-count: 6;
}
.table-with-seats.seats-7 {
  --seats-count: 7;
}
.table-with-seats.seats-8 {
  --seats-count: 8;
}
.table-with-seats.seats-9 {
  --seats-count: 9;
}
.table-with-seats.seats-10 {
  --seats-count: 10;
}
.table-with-seats.seats-11 {
  --seats-count: 11;
}
.table-with-seats.seats-12 {
  --seats-count: 12;
}
.table-with-seats.seats-13 {
  --seats-count: 13;
}
.table-with-seats.seats-14 {
  --seats-count: 14;
}
.table-with-seats.seats-15 {
  --seats-count: 15;
}
.table-with-seats.seats-16 {
  --seats-count: 16;
}
.table-with-seats .table-seat {
  --seat-number: 1;
  --angle: calc(1turn / var(--seats-count) * (var(--seat-number) - 1));
  width: 5ch;
  height: 5ch;
  font-size: calc(var(--table-radius) / 10);
  position: absolute;
  background: #9c8760;
  overflow: hidden;
  color: white;
  padding: 4px;
  border-radius: 50%;
  transform: rotate(var(--angle)) translateY(calc(-1 * var(--table-radius))) rotate(calc(-1 * var(--angle)));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.table-with-seats .table-seat .remove-guest {
  display: none !important;
}
.table-with-seats .table-seat.seat-taken {
  background: #6ab576;
}
.table-with-seats .table-seat.seat-taken:hover {
  transition: 0.2s;
  cursor: pointer;
}
.table-with-seats .table-seat.seat-taken:hover .remove-guest {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  color: white;
  font-size: 16px;
  transition: 0.2s;
  cursor: pointer;
}
.table-with-seats .table-seat:nth-of-type(1) {
  --seat-number: 1;
}
.table-with-seats .table-seat:nth-of-type(2) {
  --seat-number: 2;
}
.table-with-seats .table-seat:nth-of-type(3) {
  --seat-number: 3;
}
.table-with-seats .table-seat:nth-of-type(4) {
  --seat-number: 4;
}
.table-with-seats .table-seat:nth-of-type(5) {
  --seat-number: 5;
}
.table-with-seats .table-seat:nth-of-type(6) {
  --seat-number: 6;
}
.table-with-seats .table-seat:nth-of-type(7) {
  --seat-number: 7;
}
.table-with-seats .table-seat:nth-of-type(8) {
  --seat-number: 8;
}
.table-with-seats .table-seat:nth-of-type(9) {
  --seat-number: 9;
}
.table-with-seats .table-seat:nth-of-type(10) {
  --seat-number: 10;
}
.table-with-seats .table-seat:nth-of-type(11) {
  --seat-number: 11;
}
.table-with-seats .table-seat:nth-of-type(12) {
  --seat-number: 12;
}
.table-with-seats .table-seat:nth-of-type(13) {
  --seat-number: 13;
}
.table-with-seats .table-seat:nth-of-type(14) {
  --seat-number: 14;
}
.table-with-seats .table-seat:nth-of-type(15) {
  --seat-number: 15;
}
.table-with-seats .table-seat:nth-of-type(16) {
  --seat-number: 16;
}
.table-with-seats .table-seat .guest-name {
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

/* End of Table Seats */
/* Board Design */
#board {
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}
#board .wrapper {
  max-width: inherit !important;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px !important;
  margin: 0px !important;
  overflow-x: scroll;
  display: flex;
  padding-bottom: 20px !important;
  position: relative;
}
#board .board-column {
  flex: none;
  width: 300px;
  margin: 5px;
  border-radius: 15px;
  background-color: #f4eedf;
  border: 1px solid #ede3c9;
  padding: 20px;
}
#board .board-column.status-2 .tickets-wrapper {
  max-height: 400px;
  overflow-y: scroll;
}
#board .board-column .tickets-wrapper {
  display: block;
  width: 100%;
  min-height: 100px;
  height: 100%;
}
#board .board-column h3.status-name {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.ticket {
  position: relative;
  margin: 10px 0px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.16);
  padding: 10px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: move;
  border-left: 4px solid white;
  pointer-events: auto;
}
.ticket.overdue-1 {
  border-left: 4px solid #ff8282;
  background: #fff2f2;
}
.ticket.prio-1 {
  border-left: 4px solid #d5e6ff;
}
.ticket.prio-2 {
  border-left: 4px solid #6b9dff;
}
.ticket.prio-3 {
  border-left: 4px solid #ffea00;
}
.ticket.prio-4 {
  border-left: 4px solid #e17400;
}
.ticket.prio-5 {
  border-left: 4px solid #be0000;
}
.ticket .deleteTicketButton {
  position: absolute;
  top: 5px;
  right: -20px;
  z-index: 3;
  display: none;
  width: 20px;
  height: 20px;
  background-color: red;
  color: white;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 12px;
}
.ticket:hover .deleteTicketButton {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  /* allow clicking on it */
  pointer-events: auto;
}
.ticket .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0px !important;
  min-height: inherit !important;
}
.ticket .excerpt {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  /* display 2 lines only */
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.ticket.compact {
  padding: 5px 5px;
}
.ticket.compact .excerpt {
  display: none;
}
.ticket.compact .meta .group.id {
  padding: 1px 6px !important;
  margin-left: -5px !important;
}
.ticket.compact .title {
  font-size: 16px !important;
  font-weight: bold !important;
  margin-bottom: 0px !important;
}
.ticket .meta {
  display: flex;
  flex-wrap: wrap;
}
.ticket .meta .group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  margin-top: 5px;
}
.ticket .meta .group:empty {
  display: none;
}
.ticket .meta .group.id {
  background-color: #d4ac6d;
  padding: 3px 10px;
  margin-left: -10px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ticket .meta .group.id span {
  text-shadow: 0 0 20px 0 black;
}
.ticket .meta .group.id.background-1 {
  background-color: #d5e6ff;
}
.ticket .meta .group.id.background-2 {
  background-color: #6b9dff;
}
.ticket .meta .group.id.background-3 {
  background-color: #ffea00;
}
.ticket .meta .group.id.background-4 {
  background-color: #e17400;
}
.ticket .meta .group.id.background-5 {
  background-color: #be0000;
}
.ticket .meta .group i {
  margin-right: 5px;
  font-size: 14px;
  color: #d4ac6d;
}
.ticket .meta .group span {
  font-size: 12px;
}
.ticket .meta .group .icon-img {
  width: 20px;
  height: 20px;
}
.ticket .meta .group.overdue i {
  color: rgb(225, 72, 72);
}
.ticket .meta .group.overdue span {
  color: rgb(225, 72, 72);
}

.tasks-filter-bar {
  background-color: #fff;
  border: 1px solid #ede3c9;
  padding: 10px 20px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.tasks-filter-bar .tasks-filter-title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tasks-filter-bar .tasks-filter-title i {
  font-size: 18px;
  color: black;
}
.tasks-filter-bar .tasks-filter-title span {
  font-size: 14px;
  font-weight: bold;
  color: black;
}
.tasks-filter-bar .items {
  display: flex;
  gap: 5px;
}
.tasks-filter-bar .items .item {
  background-color: #fff0d4;
  padding: 5px 10px;
  border-radius: 4px;
  color: black;
  border: 1px solid #fff0d4;
}
.tasks-filter-bar .items .item:hover, .tasks-filter-bar .items .item.selected {
  font-weight: bold;
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
  cursor: pointer;
}

.user-avatar-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #8b8b8b;
}
.user-avatar-preview span {
  font-size: 10px !important;
  letter-spacing: -1px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.user-avatar-preview img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.estimation-icon {
  height: 25px;
  padding: 0px 5px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #6b6b6b;
  background-color: gainsboro;
}

.board-top-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #efefef;
  border-radius: 10px;
  margin: 10px 0px;
  padding: 15px;
  margin-top: 30px;
}
.board-top-wrapper .btn-primary {
  margin-right: 50px;
}
@media (max-width: 992px) {
  .board-top-wrapper .btn-primary {
    margin-bottom: 10px;
  }
}
.board-top-wrapper .legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: 20px;
}
.board-top-wrapper .legend .group {
  margin-right: 15px;
}
@media (max-width: 992px) {
  .board-top-wrapper .legend .group {
    margin-bottom: 10px;
  }
}
.board-top-wrapper .legend .group .label {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.board-top-wrapper .legend .group .items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.board-top-wrapper .legend .group .items .item {
  margin-right: 15px;
  padding: 5px;
}
.board-top-wrapper .legend .group .items .item img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
.board-top-wrapper .legend .group .items .item span {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: #666;
}

/* End of Board Design */
/* Dragula CSS Release 3.2.0 from: https://github.com/bevacqua/dragula */
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* End of Demo Board */
/* Join Event Page */
.join-event-hero {
  min-height: 100vh;
  background: rgb(255, 255, 255);
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(255, 250, 241) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  text-align: center;
  position: relative;
}
.join-event-hero .instructions .qr {
  width: 90%;
  max-width: 200px;
  display: block;
  margin: auto;
}
.join-event-hero .instructions .download-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.join-event-hero .instructions .download-links img {
  max-height: 50px;
}
.join-event-hero .inner {
  z-index: 2;
  width: 100%;
  padding: 35px 10px;
}
.join-event-hero .inner .logo {
  max-width: calc(100% - 20px);
  height: 60px;
  margin: auto;
  margin-bottom: 30px;
}
.join-event-hero .top-background {
  background-image: url("/assets/images/background-events.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.join-event-hero .corner {
  position: absolute;
  height: 80px;
  z-index: 3;
}
.join-event-hero .corner.corner-1 {
  top: 10px;
  left: 10px;
}
.join-event-hero .corner.corner-2 {
  top: 10px;
  right: 10px;
}
.join-event-hero .corner.corner-3 {
  bottom: 10px;
  right: 10px;
}
.join-event-hero .corner.corner-4 {
  bottom: 10px;
  left: 10px;
}
.join-event-hero .headline {
  margin-bottom: 20px;
  margin-top: 10px;
}
.join-event-hero .headline h2 {
  font-size: 60px;
  font-family: "Dancing Script", cursive;
  font-weight: 800;
  margin: 10px 0px;
  margin-top: 5px;
  margin-bottom: 15px;
  line-height: 62px;
  color: #a37c48;
}
@media (max-width: 992px) {
  .join-event-hero .headline h2 {
    font-size: 50px;
    line-height: 50px;
  }
}
.join-event-hero .headline .date {
  margin-top: 15px;
  font-size: 18px;
  line-height: 26px;
}
.join-event-hero .headline .location {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 26px;
}
.join-event-hero .headline .deco-top, .join-event-hero .headline .deco-bottom {
  max-width: calc(100% - 30px);
  margin: 10px auto;
  height: 25px;
}
.join-event-hero .instructions {
  background-color: white;
  padding: 35px;
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.0392156863);
  max-width: calc(100% - 10px);
  width: 600px;
  margin: 0 auto;
  margin-top: 45px;
}

/* End of Join Event Page */
/* Share Event QR */
.share-event-wrapper img {
  max-width: 100%;
  display: block;
  margin: auto;
  height: 200px;
  padding: 5px;
}
.share-event-wrapper p {
  text-align: center;
}
.share-event-wrapper .link {
  font-weight: bold;
  text-align: center;
  color: #d4ac6d;
}
.share-event-wrapper .items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.share-event-wrapper .items .item {
  font-size: 30px;
  color: #d4ac6d;
}
.share-event-wrapper .items .item:hover {
  transform: scale(1.1);
  transition: 0.2s;
  cursor: pointer;
}

/* End of Share Event QR */
/* Product Card */
.product-card {
  border: 1px solid #e4e6ff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.product-card .image-wrapper {
  height: 260px;
  overflow: hidden;
  position: relative;
  color: #d4ac6d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card .image-wrapper img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.product-card .shadow {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.24) 59%, rgba(1, 1, 1, 0.74) 100%);
}
.product-card:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  transition: 0.2s;
}
.product-card .meta {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  z-index: 8;
  width: 100%;
}
.product-card .meta .details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 8;
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
}
.product-card h2.title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 7px;
  margin-top: 0px;
  color: black;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-card .title-wrapper {
  padding: 15px 20px;
}
.product-card .datetime {
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  opacity: 0.5;
  padding-top: 0px;
  margin-bottom: 0px;
}
.product-card .icon-text {
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
}
.product-card .icon-text p {
  margin-bottom: 0px;
  padding-left: 7px;
}
.product-card .badge {
  position: absolute;
  top: 15px;
  right: 0px;
  background-color: #d4ac6d;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 12px;
  padding: 10px;
  z-index: 100;
}
.product-card .badge.badge-1 {
  background-color: #d4ac6d;
  color: white;
}
.product-card .actions {
  position: absolute;
  z-index: 9;
  top: 7px;
}
.product-card .actions .item {
  color: white;
  background-color: #d4ac6d;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 1px;
  margin-left: 0px;
}
.product-card .actions .item:hover {
  cursor: pointer;
  transition: 0.2s;
}

/* End of Product Card */
/* Custom Colors Menu */
.side-menu .color-custom-client .side-menu__icon,
.side-menu .color-custom-client .side-menu__label {
  color: var(--color-client);
}

.side-menu .color-custom-client .badge {
  background-color: var(--color-client);
}

.side-menu .color-custom-furnizor .side-menu__icon,
.side-menu .color-custom-furnizor .side-menu__label {
  color: var(--color-furnizor);
}

.side-menu .color-custom-furnizor .badge {
  background-color: var(--color-furnizor);
}

.side-menu .color-custom-stoc .side-menu__icon,
.side-menu .color-custom-stoc .side-menu__label {
  color: var(--color-stoc);
}

.side-menu .color-custom-stoc .badge {
  background-color: var(--color-stoc);
}

.side-menu .color-custom-garantie .side-menu__icon,
.side-menu .color-custom-garantie .side-menu__label {
  color: var(--color-garantie);
}

.side-menu .color-custom-garantie .badge {
  background-color: var(--color-garantie);
}

.side-menu .color-custom-factura .side-menu__icon,
.side-menu .color-custom-factura .side-menu__label {
  color: var(--color-factura);
}

.side-menu .color-custom-factura .badge {
  background-color: var(--color-factura);
}

.side-menu .color-custom-scadenta .side-menu__icon,
.side-menu .color-custom-scadenta .side-menu__label {
  color: var(--color-scadenta);
}

.side-menu .color-custom-scadenta .badge {
  background-color: var(--color-scadenta);
}

/* End of Custom Colors Menu */
.dropdown .avatar.profile-user {
  padding: 4px;
  background-color: #a37c48;
}

/* Custom Alert */
.custom-popup-alert {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10001;
  width: 300px;
  max-width: 90%;
}
.custom-popup-alert h4 {
  font-weight: 800;
  color: #a37c48;
}
.custom-popup-alert .card {
  border: 1px solid #ede3c9 !important;
}

.custom-popup-alert .card-header {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  z-index: 10001;
}

.custom-popup-alert .card-options a:not(.btn) {
  margin-left: 0px;
}

.custom-popup-alert .card-options {
  margin-right: 0px;
}

/* End of Custom Alert */
h4.widget-title {
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 22px;
  font-size: 18px;
}

/* Custom Modal */
.customModal {
  z-index: 99900;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  transition: opacity 0.3s ease;
}

.customModal .wrapper {
  background-color: white;
  border-radius: 10px;
  max-width: 90%;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 35px;
  position: relative;
}

.customModal.small .wrapper {
  max-width: 600px;
  width: 90%;
}

.customModal .hardToClose .close {
  position: fixed !important;
}

.customModal .largeModal .wrapper {
  max-width: 90%;
  width: 90%;
}

.customModal h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.customModal .actions {
  margin-top: 20px;
}

.customModal .close {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #d4ac6d;
  color: white;
  font-size: 24px;
  z-index: 99901;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}

.customModal .close:hover {
  cursor: pointer !important;
}

.customModal.hideClose .close {
  display: none !important;
}

.toFillWrapper {
  display: block;
  position: relative;
}

#toFill #overlay {
  background-color: rgb(255, 255, 255);
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
}

/* End of Custom Modal */
/* Contact Form */
.contact-form {
  width: 600px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.input-row {
  width: 100%;
}

.input-row * {
  width: 100%;
}

.input-row.half {
  display: flex;
  justify-content: space-between;
}

.input-row.half .input-group {
  width: 50%;
}

.input-row.half .input-group:first-child {
  width: calc(50% - 25px);
}

@media (max-width: 992px) {
  .input-row.half {
    flex-direction: column;
  }
  .input-row.half .input-group {
    width: 100%;
    margin-bottom: 1rem;
  }
  .input-row.half .input-group:last-child {
    margin-bottom: 0px;
  }
  .input-row.half .input-group:first-child {
    width: 100%;
  }
}
/* End of Contact Form */
/* Inputs */
::-webkit-input-placeholder {
  /* Edge */
  color: #2e2e2e;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2e2e2e;
}

::placeholder {
  color: #2e2e2e;
}

/*
.input-group select{
    color: #2E2E2E;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #cecece;
    font-size: 16px;
    font-weighT: 600;
    background-color: white;
    background-image: url(/assets/images/down-arrow.svg);
    background-size: 12px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-color: white;
    background-position: calc(100% - 15px) 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.input-group textarea{
    color: #2E2E2E;
    width: 100%;
    min-height: 120px;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #cecece;
    font-size: 16px;
    font-weight: 600;
    -moz-appearance: none;
    -webkit-appearance: none;
}*/
/*
.input-group select:hover, .input-group input:hover, .input-group textarea:hover{
    border: 1px solid var(--primary);
    outline: none;
    transition: 0.2s;
}

.input-group select:focus, .input-group input:focus, .input-group textarea:focus{
    border: 1px solid var(--primary);
    outline: none;
    transition: 0.2s;
}

.input-group input{
    color: #2E2E2E;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #cecece;
    font-size: 16px;
    font-weight: 600;
    -moz-appearance: none;
    -webkit-appearance: none;
}
*/
.input-group .notice {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  opacity: 0.6;
}

label.error {
  font-size: 12px;
  margin-top: 5px;
  color: var(--red);
  font-style: italic;
}

.input-group span.label {
  margin-bottom: 5px;
  display: block;
  margin-left: 0px;
  padding-left: 0px;
}

/* End of Inputs */
/* Dropdown search ajax */
.dropdown-results-wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 10px;
}

.item-drop-pick-box .item {
  padding: 10px 15px;
  width: 100%;
  border: 1px solid #f3f3f3;
  border-radius: 7px;
  margin-bottom: 2px;
}

.item-drop-pick-box .item:hover {
  font-weight: bold;
  background-color: #f3f3f3;
  transition: 0.2s;
  cursor: pointer;
}

.item-drop-pick-box .item.create-new-client {
  background-color: rgb(233, 255, 233);
  border: 1px solid rgb(0, 128, 64);
  font-weight: 300;
}

.item-drop-pick-box .item.create-new-client strong {
  font-weight: bold;
}

/* End of Dropdown search ajax */
.open-order-row {
  background-color: rgb(226, 255, 243);
}

.open-order-row td {
  border: 1px solid #c0eddb !important;
}

.factura-conta-platita td {
  background-color: rgba(0, 128, 0, 0.1);
}

.se-poate-expedia {
  background-color: rgba(255, 204, 0, 0.1019607843);
}

.se-poate-expedia td {
  border: 1px solid rgba(255, 213, 0, 0.1568627451);
}

.livrare-directa-order-row {
  background-color: rgba(255, 0, 0, 0.1019607843) !important;
}

.livrare-directa-order-row td {
  border: 1px solid rgba(255, 0, 0, 0.1568627451) !important;
}

.finished-order-row {
  background-color: rgba(39, 95, 236, 0.053) !important;
}

.se-asteapta-aprobarea-row {
  background-color: rgb(255, 234, 224) !important;
}

.finished-order-row td {
  border: 1px solid #d7e0f7 !important;
}

.table-legend {
  display: flex;
  flex-wrap: wrap;
}

.table-legend .item {
  padding-right: 15px;
  display: flex;
  align-items: center;
}

.table-legend .item .box {
  height: 30px;
  width: 30px;
  border: 1px solid green;
  background-color: rgba(0, 128, 0, 0.15);
  margin-right: 5px;
}

.table-legend .item.livrare-directa .box {
  background-color: rgba(255, 0, 0, 0.1019607843);
  border: 1px solid rgba(255, 0, 0, 0.1568627451);
}

.table-legend .item.finalizata .box {
  background-color: #f3f6fe;
  border: 1px solid #d7e0f7;
}

.table-legend .item.se-poate-expedia2 .box {
  background-color: rgba(255, 204, 0, 0.1019607843);
  border: 1px solid rgba(255, 213, 0, 0.1568627451);
}

.table-legend .item.se-asteapta-aprobarea .box {
  border: 1px solid #ff8600;
  background-color: rgba(255, 112, 16, 0.15);
}

.table-legend .item.deschisa .box {
  background-color: #e2fef3;
  border: 1px solid #d1f6e7;
}

tr.red {
  background-color: #ffcece;
}

tr.red td {
  border-color: #ffa0a0;
}

/* Modal Open Order */
.order-details-header {
  border: 1px solid #eeeeee;
  padding: 15px;
  border-radius: 4px;
}

.order-details-header .item p {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-weight: bold;
}

.order-details-header .item {
  margin-bottom: 10px;
}

.order-details-header .item:last-child {
  margin-bottom: 0px;
}

.order-details-header .item span.label {
  padding-left: 0px;
  margin-bottom: 2px;
}

.order-details-item {
  border: 1px solid #eeeeee;
  padding: 15px;
  border-radius: 4px;
  overflow-x: scroll;
  display: block;
}

.order-details-item .order-item {
  margin-bottom: 10px;
  display: flex;
  flex-grow: 1;
  width: max-content;
}

.order-details-item .order-item .group {
  margin-right: 10px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  padding: 5px 10px;
}

.order-details-item .order-item.ready-for-shipping .group {
  border: 1px solid #ffdb39;
  background-color: rgba(255, 219, 57, 0.1215686275);
}

.order-details-item .order-item.toate-livrate .group {
  border: 1px solid #39ff6b;
  background-color: rgba(57, 255, 126, 0.1215686275);
}

.order-details-item .order-item.wrong .group {
  border: 1px solid red;
}

.order-details-item .order-item .group span.label {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 2px;
  display: block;
}

.order-details-item .order-item .group p {
  margin-bottom: 0px;
  font-weight: bold;
}

.order-details-item .order-item.no-label .label {
  display: none !important;
}

.cw-300 {
  width: 300px;
}

.cw-200 {
  width: 200px;
}

.cw-100 {
  width: 100px;
}

.cw-50 {
  width: 50px;
}

/* End of Modal Open Order */
p.section-title {
  font-weight: bold;
  font-size: 18px;
}

/* Auto Save Input */
.autoUpdateWrapper {
  overflow: hidden;
  border-radius: 4px !important;
}

.autoUpdateWrapper .saved {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: green;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}

.autoUpdateWrapper .not-saved {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: red;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}

.autoUpdateWrapper i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

/* End of Auto Save Input */
.stock-info {
  border: 1px solid #1d359b;
  border-radius: 4px;
  padding: 5px 10px;
  margin-top: 15px;
}

.stock-info span {
  font-weight: 300;
  font-size: 14px;
  display: block;
}

.stock-info p {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  font-size: 18px;
}

/* Open Order Inputs */
.open-order-item .group {
  position: relative;
}

/* End of Open Order Inputs */
.order-item.pozitie-anulata {
  opacity: 0.3 !important;
}

.successBorder {
  border: 1px solid green !important;
  box-shadow: 0 0 20px #d6ffd6 !important;
}

.failedBorder {
  border: 1px solid red !important;
  box-shadow: 0 0 20px #ffd6d6 !important;
}

#scannerWrapper #errorScan {
  color: red;
  display: block;
  margin-top: 10px;
  margin-bottom: 0px;
}

.raftul-meu-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 25px;
}

@media (max-width: 1200px) {
  .raftul-meu-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 992px) {
  .raftul-meu-wrapper {
    grid-template-columns: 1fr;
  }
}
.raftul-meu-wrapper .pregatit-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.raftul-meu-wrapper .pregatit-box .box-image {
  display: block;
  width: 100%;
  height: 180px;
}

.raftul-meu-wrapper .pregatit-box .content {
  position: relative;
}

.raftul-meu-wrapper .pregatit-box .texts {
  text-align: center;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.raftul-meu-wrapper .pregatit-box .texts .product {
  color: white;
  font-weight: bold;
  margin-bottom: 10px;
}

.raftul-meu-wrapper .pregatit-box .qty {
  position: absolute;
  top: 0px;
  right: 30px;
  background-color: white;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2392156863);
}

.raftul-meu-wrapper .pregatit-box .client {
  margin-bottom: 0px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  opacity: 0.4;
}

table .btn-sm {
  display: inline-flex;
  align-items: center;
}

table .btn-sm .text {
  margin-left: 5px;
}

/* Flags */
.elementWithFlag {
  display: inline-flex;
  align-items: center;
}

.elementWithFlag p {
  margin-bottom: 0px;
}

.elementWithFlag .flags-wrapper {
  display: flex;
  align-items: center;
}

.elementWithFlag .flags-wrapper .flag-element i {
  padding-left: 10px;
  transform: scale(1);
}

.elementWithFlag .flags-wrapper .flag-element:hover > i {
  cursor: pointer;
  transform: scale(1.2);
  transition: 0.2s;
}

.elementWithFlag .flags-wrapper .flag-element.red {
  color: red;
}

.elementWithFlag .flags-wrapper .flag-element.yellow {
  color: #ffd663;
}

.openFlagWrapper .description {
  font-size: 20px;
}

.openFlagWrapper .author {
  margin-bottom: 5px;
  font-weight: bold;
}

.openFlagWrapper .date {
  margin-bottom: 0px;
  font-style: italic;
}

/* End of Flags */
h5.notification-label {
  white-space: break-spaces;
}

.notifications-menu .notifyimg {
  flex: none;
}

.raportare-medie td {
  border: 1px solid #ffff39;
  background-color: rgba(229, 255, 57, 0.1215686275);
}

.raportare-mare td {
  border: 1px solid #ff9239;
  background-color: rgba(255, 163, 57, 0.1215686275);
}

.raportare-maxima td {
  border: 1px solid #ff3939;
  background-color: rgba(255, 57, 57, 0.1215686275);
}

.reporting-done td {
  border: 1px solid #0dce84;
  background-color: rgba(13, 206, 132, 0.1568627451);
}

.table-note-wrap {
  white-space: initial;
}

.side-menu li:hover {
  background-color: #f6f6f6;
  transition: 0.2s;
}

.order-item .group .scanned {
  position: relative;
  padding-left: 5px;
}

.order-item .group .scanned.all-scanned {
  color: #1e9c80;
}

.order-item .group .scanned.can-be-scanned {
  color: #ecad0f;
}

.order-item .group .scanned.nothing-to-scan {
  color: #9c1e1e;
}

#previewOrder .wrapper {
  background-color: #f0f0f5;
}

.textarea-cf-copy {
  padding: 10px 15px;
  width: 100%;
  height: 87px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}

.reporting-item-status i {
  color: rgb(40, 203, 119);
  font-size: 24px;
}

/* custom file upload form */
.file-upload {
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #f5f6fa;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid var(--primary-color);
  transition: all 0.2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: var(--primary-color);
  color: #ffffff;
  transition: all 0.2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all 0.2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 20px;
  border: 2px dashed var(--primary-color);
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #f0f0f0;
  border: 2px dashed #ffffff;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: var(--primary-color);
  padding: 60px 0;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
  background-color: #f5f6fa;
}

.remove-image {
  width: 200px;
  margin: 0;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #b02818;
  transition: all 0.2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all 0.2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all 0.2s ease;
}

/* end of custom file upload form */
.reporting-img-prev {
  height: 80px;
  width: auto;
  border-radius: 2px;
  border: 2px solid #f8f8f8;
}

.wrong-products {
  color: red;
  margin-top: 20px;
  margin-bottom: 20px;
}

.stock-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.stock-list-wrapper .left {
  margin-right: 30px;
}

.stock-list-wrapper .sec-title {
  margin-bottom: 5px !important;
  padding-bottom: 0px !important;
  font-weight: bold;
  margin-top: 0px;
}

.depozit-scanner-header {
  background-color: var(--color-client);
  display: flex;
  flex-wrap: wrap;
}

.depozit-scanner-header .group-item {
  display: inline-flex;
  margin-right: 40px;
  flex-direction: column;
}

.depozit-scanner-header .group-item .label {
  color: white;
  font-weight: 300;
  font-size: 16px;
  display: block;
  padding: 0px;
  margin: 0px;
}

.depozit-scanner-header .group-item .value-text {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 900;
  color: white;
}

.scanate-card-bg {
  background-color: white;
  border: 2px solid #40e878 !important;
}

.side-menu li.active {
  background-color: #d4ac6d;
}

.side-menu li.active i,
.side-menu li.active span {
  color: white !important;
}

.side-menu {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.side-menu .side-menu__icon {
  color: #d4ac6d;
}

.btn.red-bg {
  background-color: red !important;
  border: 1px solid red !important;
}

.table-cta-simple {
  font-size: 12px;
  padding: 2px 7px;
  background-color: #d4ac6d;
  color: white !important;
  border-radius: 4px;
  border: 1px solid #d4ac6d;
}

.table-cta-simple:hover {
  color: #d4ac6d !important;
  background-color: white !important;
  transition: 0.2s;
  cursor: pointer;
}

.stoc-disp-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  align-items: stretch;
  justify-content: stretch;
}

.stoc-disp-item .group {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  height: auto;
  margin-right: 5px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.stoc-disp-item .group .label {
  padding-left: 0px;
  margin-left: 0px;
  display: block;
  margin-bottom: 2px;
}

.stoc-disp-item .group p {
  margin-bottom: 0px;
  font-weight: bold;
}

.stock-list-wrong-1 {
  color: red;
}

.btn-table-action-small {
  border: 1px solid #d4ac6d;
  background-color: #d4ac6d;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 4px;
  color: white !important;
}

.btn-table-action-small.ml-3 {
  margin-left: 12px;
}

.btn-table-action-small i {
  margin-right: 7px;
}

.btn-table-action-small:hover {
  background-color: white !important;
  color: #d4ac6d !important;
  transition: 0.2s;
  cursor: pointer;
}

.user-for-client-table {
  background-color: #f3f3f3;
  border-radius: 4px;
  color: black;
  font-weight: 400;
  font-size: 12px;
  padding: 3px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
  margin-left: 0px;
}

.user-for-client-table .remove-user-from-client {
  margin-left: 10px;
  color: red;
  font-size: 18px;
}

.user-for-client-table .remove-user-from-client:hover {
  cursor: pointer;
}

.adauga-user-for-client {
  color: rgb(0, 128, 64);
  font-size: 18px;
}

.adauga-user-for-client:hover {
  cursor: pointer;
}

.reorder-notice {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  background-color: rgba(250, 115, 100, 0.1607843137);
  border-radius: 4px;
  border: 2px solid var(--color-stoc);
  margin-bottom: 30px;
}

.reorder-notice .icon {
  margin-right: 10px;
  font-size: 30px;
  color: var(--color-stoc);
}

.reorder-notice p {
  margin-bottom: 0px;
}

/* Bulk payment */
.check-for-bulk {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d3d3d3;
}

.check-for-bulk .inner {
  opacity: 0;
}

.check-for-bulk.selected .inner {
  opacity: 1;
  background-color: #d4ac6d;
  height: 18px;
  border-radius: 4px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
}

/* End of Bulk payment */
.scanner-double-column.grid-2-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 25px;
}

@media (max-width: 992px) {
  .scanner-double-column.grid-2-col {
    grid-template-columns: 1fr;
  }
}
.input-row .serial-error {
  display: none !important;
}

.input-row.error .serial-error {
  display: block !important;
  font-size: 14px;
  color: red;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: bold;
}

.serial-number-product-listing {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.serial-number-product-listing i {
  font-size: 22px;
  margin-right: 5px;
  color: #d4ac6d;
}

.serial-number-product-listing p {
  font-size: 12px;
  font-weight: bold;
  color: red;
  margin-bottom: 0px;
}

.table > thead > tr > td,
.table > thead > tr > th,
.table tbody tr td,
.table tbody tr th {
  text-align: center;
}

table tbody tr td .d-flex {
  justify-content: center !important;
}

#exportStockButton .loader {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.wrong-items .wrong-item {
  font-size: 20px !important;
  margin-bottom: 10px;
}

.errors-login {
  text-align: center;
  margin-top: 15px;
  color: red;
  font-weight: bold;
}

.success-login {
  text-align: center;
  color: green;
  font-weight: bold;
  max-width: 100%;
  width: 300px;
  margin: auto;
  margin-top: 15px;
}

.forgot-notice-text {
  margin-bottom: 0px;
  color: var(--color-client);
  font-weight: bold;
}

.client-box-inactive {
  background-color: rgba(255, 0, 0, 0.0784313725);
  color: red;
  font-weight: bold;
  font-style: italic;
}

.week-number-sidebar {
  background-color: #dce2ff;
  color: #d4ac6d;
}

.week-number-sidebar i {
  color: #d4ac6d !important;
}

.week-number-sidebar:hover {
  color: #d4ac6d !important;
}

.week-number-sidebar:hover span {
  color: #d4ac6d !important;
}

.manual-scan-btn {
  padding: 2px 10px;
  line-height: 20px;
}

.totals-neplatite {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: -10px;
}

.totals-neplatite .item {
  font-size: 24px;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 3px;
}

/* Progress Bar */
.progress-bar-wrapper {
  position: relative;
}
.progress-bar-wrapper .inner {
  position: relative;
  width: 100%;
}
.progress-bar-wrapper .inner .progress-bar {
  background-color: white !important;
  padding: 3px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  height: 40px;
}
.progress-bar-wrapper .inner .progress-bar .filled {
  background-color: #d4ac6d;
  height: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 10px;
  transition: 0.2s;
}
.progress-bar-wrapper .inner .progress-bar .value-info {
  background-color: rgba(255, 255, 255, 0.687);
  padding: 2px 10px;
  border-radius: 4px;
  border: 1px solid #ede3c9;
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: black;
  font-weight: 500;
  top: 8px;
  width: 140px;
  left: calc(50% - 70px);
}

/* End of Progress Bar */
/* Website Methods */
.website-methods-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.website-methods-wrapper .box {
  border-radius: 10px;
  border: 2px solid #d3d3d3;
  padding: 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px;
  max-width: 100%;
  width: 300px;
}
.website-methods-wrapper .box.selected, .website-methods-wrapper .box:hover {
  border: 2px solid #d4ac6d;
  background-color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.website-methods-wrapper .box.selected .title, .website-methods-wrapper .box.selected .description, .website-methods-wrapper .box:hover .title, .website-methods-wrapper .box:hover .description {
  color: white;
}
.website-methods-wrapper .box.selected .icon, .website-methods-wrapper .box:hover .icon {
  background-color: white;
}
.website-methods-wrapper .box.selected .icon img, .website-methods-wrapper .box:hover .icon img {
  filter: invert(0);
}
.website-methods-wrapper .box .title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: black;
  line-height: 26px;
  margin: 0px !important;
  padding: 0px;
}
.website-methods-wrapper .box .description {
  font-size: 14px;
  font-weight: 300;
  color: black;
  font-style: italic;
  line-height: 18px;
  margin: 0px;
}
.website-methods-wrapper .box .icon {
  margin: auto;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background-color: #d4ac6d;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.website-methods-wrapper .box .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: invert(1);
}

/* End of Website Methods */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Suggestions Invitations */
.suggestions-invitations {
  background-color: white;
  padding: 25px;
  margin-bottom: 15px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.suggestions-invitations .suggestions-title {
  display: flex;
  gap: 10px;
}
.suggestions-invitations .suggestions-title i {
  font-size: 22px;
  color: #d4ac6d;
}
.suggestions-invitations .suggestions-title span {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: black;
  padding: 0px;
  margin: 0px;
}
.suggestions-invitations .suggestions-quiz-needed {
  margin-top: 15px;
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  border-radius: 6px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.suggestions-invitations .suggestions-quiz-needed i {
  font-size: 24px;
  color: white;
}
.suggestions-invitations .suggestions-quiz-needed p {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  color: white;
  font-weight: 400;
}
.suggestions-invitations .suggestions-quiz-needed p a {
  font-weight: bold;
  color: white;
  text-decoration: none;
}
.suggestions-invitations .suggestions-wrapper {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 15px;
  overflow: hidden;
}
.suggestions-invitations .suggestions-wrapper .item {
  padding: 15px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
.suggestions-invitations .suggestions-wrapper .item p {
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
}
.suggestions-invitations .suggestions-wrapper .item .copy-button {
  display: flex;
  padding: 5px 10px;
  background-color: #e4bf7b;
  color: white;
  border: 1px solid #e4bf7b;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  width: max-content;
  align-items: center;
  gap: 7px;
}
.suggestions-invitations .suggestions-wrapper .item .copy-button:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.suggestions-invitations .suggestions-wrapper .item .copied {
  display: none;
}
.suggestions-invitations .suggestions-wrapper .item .copied.show {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(68, 136, 90, 0.52);
  color: #d4ac6d;
  transition: showFor 2s;
  gap: 10px;
}
.suggestions-invitations .suggestions-wrapper .item .copied.show i {
  font-size: 24px;
  color: white;
}
.suggestions-invitations .suggestions-wrapper .item .copied.show span {
  font-size: 16px;
  font-weight: bold;
  color: white;
}

@keyframes showFor {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* End of Suggestions Invitations */
/* Tasks Ideas */
.tasks-ideas {
  border: 1px solid #ede3c9;
  background-color: white;
  padding: 15px;
  border-radius: 10px;
  position: relative;
}
.tasks-ideas .do-not-show-again {
  display: inline-flex;
  gap: 5px;
  background-color: #d4ac6d;
  color: white;
  border: 1px solid #d4ac6d;
  padding: 2px 5px;
  border-radius: 4px;
}
.tasks-ideas .do-not-show-again i {
  color: white;
  font-size: 18px;
}
.tasks-ideas .do-not-show-again span {
  font-size: 12px;
  color: white;
}
.tasks-ideas .do-not-show-again:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.tasks-ideas .do-not-show-again:hover i, .tasks-ideas .do-not-show-again:hover span {
  color: #d4ac6d !important;
}
.tasks-ideas .tasks-ideas-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tasks-ideas .tasks-ideas-title i {
  font-size: 20px;
  color: #d4ac6d;
}
.tasks-ideas .tasks-ideas-title span {
  margin: 0;
  font-size: 14px;
  font-style: italic;
  color: black;
}
.tasks-ideas .tasks-ideas-wrapper {
  margin-top: 15px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.tasks-ideas .tasks-ideas-wrapper .item {
  background-color: #fff0d4;
  padding: 5px 15px;
  border-radius: 4px;
  display: inline-flex;
}
.tasks-ideas .tasks-ideas-wrapper .item:hover {
  background-color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.tasks-ideas .tasks-ideas-wrapper .item:hover p {
  color: white;
}
.tasks-ideas .tasks-ideas-wrapper .item p {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
}

/* End of Tasks Ideas */
/* Live Search Input */
.live-search-input {
  position: relative;
}
.live-search-input .results-wrapper {
  margin-top: 10px;
  display: flex;
  gap: 5px;
  flex-direction: column;
}
.live-search-input .results-wrapper:empty {
  display: none !important;
  margin-top: 0px;
}
.live-search-input .results-wrapper .item {
  padding: 5px 10px;
  background-color: #f3f3f3;
  border-radius: 4px;
  border: 1px solid #f3f3f3;
  color: black;
}
.live-search-input .results-wrapper .item.new {
  background-color: white;
  border: 1px solid #d4ac6d;
  color: #d4ac6d;
}
.live-search-input .results-wrapper .item:hover {
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
  cursor: pointer;
}

/* End of Live Search Input */
.existing-keywords {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.existing-keywords:empty {
  display: none !important;
  margin: 0px;
}
.existing-keywords .keyword {
  width: auto;
  background-color: #d4ac6d;
  padding: 5px 10px;
  border-radius: 4px;
  color: white;
  display: inline-flex;
  gap: 5px;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.existing-keywords .keyword .delete-keyword {
  font-size: 18px;
  color: red;
}

.addGuestKeywordsSuggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.addGuestKeywordsSuggestions .item {
  display: flex;
  background-color: #d4ac6d;
  width: auto;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  border-radius: 4px;
  border: 1px solid #d4ac6d;
}
.addGuestKeywordsSuggestions .item:hover {
  filter: brightness(0.9);
  cursor: pointer;
  transition: 0.2s;
}

.extra-people-wrapper {
  padding: 10px;
  border: 2px solid #d3d3d3;
  margin-bottom: 20px;
}
.extra-people-wrapper:empty {
  display: none !important;
  padding: 0px;
  border: 0px;
  margin: 0px;
}

/* Guests Table */
.guests-table .guest-name {
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.guests-table .guest-name .comming-with-badge {
  background-color: #d4ac6d;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.guests-table .keywords {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.guests-table .keywords .keyword {
  background-color: #f3f3f3;
  padding: 5px 10px;
  border-radius: 4px;
  color: black;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.guests-table .status-badge.accepted {
  color: #1e9c80;
}
.guests-table .status-badge.pending {
  color: #ff8600;
}
.guests-table .status-badge.declined {
  color: red;
}

/* End of Guests Table */
/* Memories Filters */
.memories-filters {
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  gap: 10px;
}
.memories-filters .item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ede3c9;
}
.memories-filters .item i {
  color: black;
  font-size: 18px;
}
.memories-filters .item span {
  color: black;
  font-size: 14px;
  font-weight: 400;
}
.memories-filters .item:hover, .memories-filters .item.selected {
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  color: white;
  transition: 0.2s;
  cursor: pointer;
}
.memories-filters .item:hover span, .memories-filters .item:hover i, .memories-filters .item.selected span, .memories-filters .item.selected i {
  color: white;
}

/* End of Memories Filters */
/* Acount Type Register */
.register-form-wrapper .errors {
  background-color: red;
  border-radius: 4px;
  color: white;
  padding: 8px 10px;
  margin-bottom: 20px;
}
.register-form-wrapper .errors p {
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

.register-account-type {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.register-account-type .item {
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding: 10px 15px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background-color: white;
}
.register-account-type .item i {
  font-size: 22px;
  color: #d4ac6d;
}
.register-account-type .item span {
  font-size: 14px;
  font-weight: bold;
  color: black;
}
.register-account-type .item:hover, .register-account-type .item.selected {
  cursor: pointer;
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  color: white;
  transition: 0.2s;
}
.register-account-type .item:hover i, .register-account-type .item:hover span, .register-account-type .item.selected i, .register-account-type .item.selected span {
  color: white;
}

/* End of Account Type Register */
.budget-contact-person-wrapper {
  padding: 25px;
  border: 2px solid #d3d3d3;
}
.budget-contact-person-wrapper .info-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.budget-contact-person-wrapper .info-title i {
  font-size: 22px;
  color: #d4ac6d;
}
.budget-contact-person-wrapper .info-title span {
  font-size: 18px;
  font-weight: 300;
}

/* Alerts Crono */
.alerts-crono-wrapper {
  position: relative;
  margin-bottom: 30px;
}
.alerts-crono-wrapper .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.alerts-crono-wrapper .inner .crono-line {
  position: absolute;
  top: 0px;
  left: 30px;
  width: 4px;
  background-color: #d4ac6d;
  border-radius: 4px;
  height: 100%;
}
.alerts-crono-wrapper .inner .alert-item {
  width: 100%;
  max-width: 700px;
  margin-left: 100px;
  padding: 24px;
  border-radius: 10px;
  border-top-left-radius: 22px;
  background-color: white;
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.0588235294);
}
@media (max-width: 992px) {
  .alerts-crono-wrapper .inner .alert-item {
    width: calc(100% - 100px);
  }
}
.alerts-crono-wrapper .inner .alert-item .background-color {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 10px;
  border-top-left-radius: 22px;
}
.alerts-crono-wrapper .inner .alert-item .corner-icon {
  height: 80px;
  position: absolute;
  top: 4px;
  left: -23px;
  z-index: 1;
}
.alerts-crono-wrapper .inner .alert-item *, .alerts-crono-wrapper .inner .alert-item h2, .alerts-crono-wrapper .inner .alert-item p {
  z-index: 3;
  position: relative;
}
.alerts-crono-wrapper .inner .alert-item h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 32px;
}
.alerts-crono-wrapper .inner .alert-item h2, .alerts-crono-wrapper .inner .alert-item p {
  margin: 0px;
  padding: 0px;
}
.alerts-crono-wrapper .inner .alert-item .date-wrapper {
  position: absolute;
  top: 0px;
  left: -95px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.alerts-crono-wrapper .inner .alert-item .date-wrapper .date-texts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  background-color: #d4ac6d;
  padding: 5px;
  border-radius: 4px;
}
.alerts-crono-wrapper .inner .alert-item .date-wrapper .date-texts span {
  color: white;
  line-height: 15px;
}
.alerts-crono-wrapper .inner .alert-item .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  flex-direction: column;
  position: absolute;
  right: -40px;
  top: 12px;
}
.alerts-crono-wrapper .inner .alert-item .actions .action {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  gap: 5px;
  border: 1px solid #d4ac6d;
  background-color: #d4ac6d;
  color: white;
}
.alerts-crono-wrapper .inner .alert-item .actions .action:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}
.alerts-crono-wrapper .inner .alert-item .actions .action.danger {
  background-color: #d05b5b;
  border: 1px solid #d05b5b;
  color: white;
}
.alerts-crono-wrapper .inner .alert-item .actions .action.danger:hover {
  color: #d05b5b;
  background-color: white;
}
.alerts-crono-wrapper .inner .alert-item .alert-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.alerts-crono-wrapper .inner .alert-item .sent-status {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 14px;
  border-top: 1px solid #ede3c9;
  margin-top: 16px;
}
.alerts-crono-wrapper .inner .alert-item .sent-status .checks {
  display: flex;
  align-items: center;
}
.alerts-crono-wrapper .inner .alert-item .sent-status .checks i {
  font-size: 18px;
  color: #d4ac6d;
}
.alerts-crono-wrapper .inner .alert-item .sent-status .checks i:last-child {
  margin-left: -10px;
}
.alerts-crono-wrapper .inner .alert-item .sent-status span {
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  color: black;
}
.alerts-crono-wrapper .inner .alert-item .sent-status.sent-0 .checks i {
  color: #d3d3d3;
}
.alerts-crono-wrapper .inner .alert-item .sent-status.sent-0 .checks i:last-child {
  display: none;
}
.alerts-crono-wrapper .inner .alert-item .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  row-gap: 6px;
  border-bottom: 1px solid #ede3c9;
  padding-bottom: 14px;
}
.alerts-crono-wrapper .inner .alert-item .meta .group {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.alerts-crono-wrapper .inner .alert-item .meta .group i {
  color: #d4ac6d;
  font-size: 16px;
}
.alerts-crono-wrapper .inner .alert-item .meta .group span {
  font-size: 12px;
  font-weight: bold;
  color: black;
}
.alerts-crono-wrapper .inner .alert-item .draft-badge {
  display: none;
  width: fit-content;
  align-items: center;
  padding: 2px 10px;
  font-size: 14px;
  font-style: italic;
  background-color: white;
  color: black;
  border: 1px solid #d4ac6d;
  border-radius: 4px;
}
.alerts-crono-wrapper .inner .alert-item.show-draft-badge .draft-badge {
  display: flex;
}
.alerts-crono-wrapper .inner .alert-item.big-day {
  background-color: #d4ac6d;
}
.alerts-crono-wrapper .inner .alert-item.big-day .background-color {
  background-color: #d4ac6d;
}
.alerts-crono-wrapper .inner .alert-item.big-day .corner-icon {
  filter: invert(80%) sepia(7%) saturate(2436%) hue-rotate(353deg) brightness(92%) contrast(79%) !important;
}
.alerts-crono-wrapper .inner .alert-item.big-day h2, .alerts-crono-wrapper .inner .alert-item.big-day p {
  color: white;
}
.alerts-crono-wrapper .inner .alert-item.big-day .actions, .alerts-crono-wrapper .inner .alert-item.big-day .meta, .alerts-crono-wrapper .inner .alert-item.big-day .draft-badge {
  display: none;
}

.invited-users-wrapper .users-wrapper .filtering {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.invited-users-wrapper .users-wrapper .listing {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.invited-users-wrapper .users-wrapper .listing .user {
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid #d4ac6d;
  background-color: white;
  color: #d4ac6d;
  width: auto;
  display: inline-flex;
}
.invited-users-wrapper .users-wrapper .listing .user:hover, .invited-users-wrapper .users-wrapper .listing .user.selected {
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
  cursor: pointer;
}

.max-2-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* End of Alerts Crono */
.register-link-login a {
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #a37c48;
  margin: 0px;
  display: block;
  margin: auto;
  margin-top: 10px;
}
.register-link-login a.forgot {
  color: #d4ac6d;
}

/* Card With Background */
.card.with-bg {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}
.card.with-bg .card-background {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.card.with-bg .card-background.event {
  background-image: url("/assets/images/background-events.jpg");
}
.card.with-bg .card-background.website {
  background-image: url("/assets/images/bg-website.jpg");
}
.card.with-bg .shade {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 16%, rgba(255, 255, 255, 0.2091430322) 100%);
  z-index: 2;
  min-height: 500px;
}
.card.with-bg .card-body {
  z-index: 3;
  position: relative;
}

.card-body.all-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* End of Card With Background */
/* Event Details */
.event-details-modal-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: row;
  justify-content: space-between;
}
.event-details-modal-wrapper .left {
  flex: 1;
}
.event-details-modal-wrapper .left .question-wrapper {
  position: relative;
  border: 1px solid #d4ac6d;
  border-radius: 8px;
  padding: 15px;
}
.event-details-modal-wrapper .left .question-wrapper .delete {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: red;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a37c48;
  z-index: 2;
}
.event-details-modal-wrapper .left .question-wrapper .delete i {
  color: white;
}
.event-details-modal-wrapper .left .question-wrapper .delete:hover {
  cursor: pointer;
}
.event-details-modal-wrapper .right {
  width: 400px;
}

/* End of Event Details */
.explainer-box {
  background-color: #fff1da;
  border-radius: 8px;
  padding: 25px;
  display: flex;
  gap: 10px;
}
.explainer-box i {
  font-size: 28px;
  color: #d4ac6d;
}
.explainer-box p {
  flex: 1;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: black;
}

/* Profile Picture */
.profile-pic {
  color: transparent;
  transition: all 0.3s ease;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  transition: all 0.3s ease;
}

.profile-pic input {
  display: none;
}

.profile-pic img {
  position: absolute;
  object-fit: cover;
  width: 165px;
  height: 165px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  border-radius: 100px;
  z-index: 0;
}

.profile-pic .-label {
  cursor: pointer;
  height: 165px;
  width: 165px;
}

.profile-pic:hover .-label {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  color: #fafafa;
  transition: background-color 0.2s ease-in-out;
  border-radius: 100px;
  margin-bottom: 0;
}

.profile-pic span {
  display: inline-flex;
  padding: 0.2em;
  height: 2em;
}

/* End of Profile Picture */
/* Wed games */
.wedgames-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 25px;
}
.wedgames-listing .wedgame-box {
  width: calc(25% - 25px);
  position: relative;
  background-color: white;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .wedgames-listing .wedgame-box {
    width: calc(50% - 25px);
  }
}
@media (max-width: 992px) {
  .wedgames-listing .wedgame-box {
    width: 100%;
  }
}
.wedgames-listing .wedgame-box .selected-icon {
  display: none;
}
.wedgames-listing .wedgame-box.selected .selected-icon {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.wedgames-listing .wedgame-box.selected .selected-icon i {
  background: #d4ac6d;
  color: white;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  border-radius: 25px;
}
.wedgames-listing .wedgame-box .status-badge {
  background-color: #a37c48;
  padding: 4px 10px;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 3;
}
.wedgames-listing .wedgame-box .status-badge.status-1 {
  background-color: #73bd81;
}
.wedgames-listing .wedgame-box .status-badge p {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.wedgames-listing .wedgame-box .schedule-badge {
  background: linear-gradient(135deg, #78562d 0%, #c69d5c 100%);
  padding: 6px 12px;
  border-radius: 6px;
  position: absolute;
  top: 45px;
  left: 0px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  animation: scheduleFloatIn 0.4s ease-out;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.wedgames-listing .wedgame-box .schedule-badge i {
  color: white;
  font-size: 13px;
}
.wedgames-listing .wedgame-box .schedule-badge span {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
@keyframes scheduleFloatIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.wedgames-listing .wedgame-box .image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  height: 200px;
}
.wedgames-listing .wedgame-box .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.wedgames-listing .wedgame-box .meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
.wedgames-listing .wedgame-box .meta .name {
  margin-bottom: 0;
  padding-bottom: 0px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
}
.wedgames-listing .wedgame-box .meta .read-more-wrapper {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.wedgames-listing .wedgame-box .meta .read-more-wrapper a {
  text-decoration: none;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  flex: 1;
  gap: 12px;
  align-items: center;
}
.wedgames-listing .wedgame-box .meta .read-more-wrapper a span {
  color: #a37c48;
  font-size: 14px;
  font-weight: bold;
}
.wedgames-listing .wedgame-box .meta .read-more-wrapper a i {
  color: #a37c48;
  font-size: 16px;
}
.wedgames-listing .wedgame-box .actions {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 9;
  display: flex;
  flex-direction: column;
}
.wedgames-listing .wedgame-box .actions .action {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a37c48;
  color: white;
}
.wedgames-listing .wedgame-box .actions .action i {
  font-size: 16px;
  color: white;
}

.wedgame-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.wedgame-cards .wedgame-card {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  max-width: 100%;
  width: 300px;
  border-radius: 10px;
  background-color: white;
  overflow: hidden;
  position: relative;
  padding: 15px;
}
.wedgame-cards .wedgame-card.add-wed-card-button {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.wedgame-cards .wedgame-card.add-wed-card-button:hover {
  background-color: #ede3c9;
  cursor: pointer;
  transition: 0.2s;
}
.wedgame-cards .wedgame-card.add-wed-card-button i {
  font-size: 30px;
  color: #d4ac6d;
}
.wedgame-cards .wedgame-card.add-wed-card-button span {
  font-size: 20px;
  font-weight: 300;
  color: black;
}
.wedgame-cards .wedgame-card .image-wrapper {
  height: 140px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 8px;
  border: 1px solid #e3e3e3;
}
.wedgame-cards .wedgame-card .image-wrapper .inner-image {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  widtH: 100%;
}
.wedgame-cards .wedgame-card .image-wrapper img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wedgame-cards .wedgame-card .image-wrapper span {
  z-index: 2;
  background-color: white;
  padding: 3px 10px;
  border-radius: 4px;
}
.wedgame-cards .wedgame-card .image-wrapper:hover {
  cursor: pointer;
  border: 1px solid #d4ac6d;
  transition: 0.2s;
}
.wedgame-cards .wedgame-card .actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.wedgame-cards .wedgame-card .actions .action {
  min-width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  background-color: #a37c48;
  border: 1px solid #a37c48;
  color: white;
  padding: 0px 8px;
}
.wedgame-cards .wedgame-card .actions .action i {
  color: white;
  font-size: 16px;
}
.wedgame-cards .wedgame-card .actions .action:hover {
  background-color: white;
  transition: 0.2s;
  cursor: pointer;
}
.wedgame-cards .wedgame-card .actions .action:hover i, .wedgame-cards .wedgame-card .actions .action:hover span {
  color: #a37c48;
}
.wedgame-cards .wedgame-card .actions .action.delete {
  background-color: #851010;
  border: 1px solid #851010;
}
.wedgame-cards .wedgame-card .actions .action.delete:hover {
  background-color: white;
}
.wedgame-cards .wedgame-card .actions .action.delete:hover i {
  color: #851010;
}
.wedgame-cards .wedgame-card .question-details .grila-item .correct-input {
  position: absolute;
  top: 28px;
  right: 5px;
  width: auto;
}
.wedgame-cards .wedgame-card .question-details .grila-item .correct-input input {
  height: 30px;
}

/* End of Wed games */
/* Input Switcher */
.input-switcher .options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0px;
  padding-bottom: 10px;
}

.input-switcher .options .option-group {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  padding: 10px 25px;
  margin-right: 25px;
}

.input-switcher .options .option-group:hover, .input-switcher .options .option-group.selected {
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
  cursor: pointer;
}

.input-switcher .options .option-group:hover i, .input-switcher .options .option-group.selected i {
  color: white;
}

.input-switcher .options .option-group i {
  font-size: 40px;
  color: #d4ac6d;
}

.input-switcher .options .option-group span {
  font-size: 18px;
  font-weight: bold;
}

/* End of Input Switcher */
.gif-results {
  display: flex;
  flex-wrap: wrap;
}

.gif-results .result {
  height: 200px;
  width: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
}

/* Card games */
.cardgames-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 25px;
}
.cardgames-listing .cardgame-box {
  width: calc(25% - 25px);
  position: relative;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
  .cardgames-listing .cardgame-box {
    width: 100%;
  }
}
.cardgames-listing .cardgame-box .status-badge {
  background-color: #a37c48;
  padding: 4px 10px;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 3;
}
.cardgames-listing .cardgame-box .status-badge.status-1 {
  background-color: #73bd81;
}
.cardgames-listing .cardgame-box .status-badge p {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.cardgames-listing .cardgame-box .image-wrapper {
  position: relative;
  overflow: hidden;
}
.cardgames-listing .cardgame-box .image-wrapper img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.cardgames-listing .cardgame-box .meta {
  padding: 15px;
  position: relative;
}
.cardgames-listing .cardgame-box .meta .name {
  font-size: 20px;
  font-weight: bold;
  color: black;
  text-align: center;
  line-height: 28px;
  margin: 0;
  padding: 0;
}
.cardgames-listing .cardgame-box .actions {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 9;
  display: flex;
  flex-direction: column;
}
.cardgames-listing .cardgame-box .actions .action {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a37c48;
  color: white;
}
.cardgames-listing .cardgame-box .actions .action i {
  font-size: 16px;
  color: white;
}

.cardsgame-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.cardsgame-cards .cardsgame-card {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  max-width: 100%;
  width: 300px;
  border-radius: 10px;
  background-color: white;
  overflow: hidden;
  position: relative;
  padding: 15px;
}
.cardsgame-cards .cardsgame-card.add-wed-card-button {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.cardsgame-cards .cardsgame-card.add-wed-card-button:hover {
  background-color: #ede3c9;
  cursor: pointer;
  transition: 0.2s;
}
.cardsgame-cards .cardsgame-card.add-wed-card-button i {
  font-size: 30px;
  color: #d4ac6d;
}
.cardsgame-cards .cardsgame-card.add-wed-card-button span {
  font-size: 20px;
  font-weight: 300;
  color: black;
}
.cardsgame-cards .cardsgame-card .image-wrapper {
  height: 140px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 8px;
  border: 1px solid #e3e3e3;
}
.cardsgame-cards .cardsgame-card .image-wrapper .inner-image {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  widtH: 100%;
}
.cardsgame-cards .cardsgame-card .image-wrapper img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cardsgame-cards .cardsgame-card .image-wrapper span {
  z-index: 2;
  background-color: white;
  padding: 3px 10px;
  border-radius: 4px;
}
.cardsgame-cards .cardsgame-card .image-wrapper:hover {
  cursor: pointer;
  border: 1px solid #d4ac6d;
  transition: 0.2s;
}
.cardsgame-cards .cardsgame-card .actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.cardsgame-cards .cardsgame-card .actions .action {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a37c48;
  border: 1px solid #a37c48;
}
.cardsgame-cards .cardsgame-card .actions .action i {
  color: white;
  font-size: 16px;
}
.cardsgame-cards .cardsgame-card .actions .action:hover {
  background-color: white;
  transition: 0.2s;
  cursor: pointer;
}
.cardsgame-cards .cardsgame-card .actions .action:hover i {
  color: #a37c48;
}
.cardsgame-cards .cardsgame-card .actions .action.delete {
  background-color: #851010;
  border: 1px solid #851010;
}
.cardsgame-cards .cardsgame-card .actions .action.delete:hover {
  background-color: white;
}
.cardsgame-cards .cardsgame-card .actions .action.delete:hover i {
  color: #851010;
}
.cardsgame-cards .cardsgame-card .question-details .grila-item .correct-input {
  position: absolute;
  top: 28px;
  right: 5px;
  width: auto;
}
.cardsgame-cards .cardsgame-card .question-details .grila-item .correct-input input {
  height: 30px;
}

/* End of Card games */
/* Pricing Table */
.pricing-table-wrapper .pricing-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
}

.pricing-col {
  position: relative;
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(6, 6, 6, 0.062);
  overflow: hidden;
  padding-bottom: 20px;
}
.pricing-col .current-plan-badge {
  display: none;
}
.pricing-col.current-plan {
  border: 4px solid #d4ac6d;
}
.pricing-col.current-plan .current-plan-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -3px;
  right: -3px;
  background-color: #d4ac6d;
  color: white;
  padding: 5px 10px;
  border-radius: 0px 0px 0px 20px;
  font-size: 14px;
  font-weight: bold;
}
.pricing-col .pricing-col-header {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  padding: 35px;
}
.pricing-col .pricing-col-header .featured-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-col .pricing-col-header .featured-image img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  max-width: 100%;
  border-radius: 8px;
}
.pricing-col .pricing-col-header .name {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: black;
  padding: 5px 15px;
  border-radius: 30px;
  color: white;
}
.pricing-col .pricing-col-header.silver {
  background: rgb(246, 246, 246);
  background: linear-gradient(135deg, rgb(246, 246, 246) 0%, rgb(217, 217, 217) 50%, rgb(226, 226, 226) 100%);
}
.pricing-col .pricing-col-header.silver .name {
  background-color: #a8a8a8;
}
.pricing-col .pricing-col-header.gold {
  background: rgb(255, 244, 227);
  background: linear-gradient(135deg, rgb(255, 244, 227) 0%, rgb(255, 215, 152) 50%, rgb(255, 234, 201) 100%);
}
.pricing-col .pricing-col-header.gold .name {
  background-color: #d19b3e;
}
.pricing-col .pricing-col-header.diamond {
  background: rgb(255, 240, 237);
  background: linear-gradient(135deg, rgb(255, 240, 237) 0%, rgb(255, 192, 179) 50%, rgb(255, 214, 200) 100%);
}
.pricing-col .pricing-col-header.diamond .name {
  background-color: #ae7264;
}
.pricing-col .pricing-col-header .price-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.pricing-col .pricing-col-header .price-wrapper .old-price {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0;
  text-decoration: line-through;
  opacity: 0.5;
}
.pricing-col .pricing-col-header .price-wrapper .price {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 0;
  padding: 0;
}
.pricing-col .pricing-col-header .description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  opacity: 0.7;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-top: -10px;
  min-height: 96px;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .pricing-col .pricing-col-header .description {
    font-size: 16px;
    line-height: 22px;
  }
}
.pricing-col .feature-group .feature-group-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  background-color: #f4eedf;
  padding: 10px;
}
.pricing-col .feature-group .feature-group-header img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  max-width: 100%;
}
.pricing-col .feature-group .feature-group-header h4 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 0;
  padding: 0;
  color: black;
}
.pricing-col .feature-group .pricing-col-features {
  padding: 35px;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pricing-col .feature-group .pricing-col-features .feature {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pricing-col .feature-group .pricing-col-features .feature .status {
  background-color: #f4eedf;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.pricing-col .feature-group .pricing-col-features .feature .status i {
  color: #d4ac6d;
  font-size: 18px;
  text-align: center;
}
.pricing-col .feature-group .pricing-col-features .feature .status span {
  font-size: 14px;
  font-weight: 800;
  color: #d4ac6d;
}
.pricing-col .feature-group .pricing-col-features .feature .value {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: black;
  flex: 1;
}
.pricing-col .feature-group .pricing-col-features .feature.not .status {
  background-color: rgb(255, 231, 231);
}
.pricing-col .feature-group .pricing-col-features .feature.not .status i {
  color: rgb(170, 96, 96);
}
.pricing-col .feature-group .pricing-col-features .feature.not .status span {
  color: rgb(170, 96, 96);
}
.pricing-col .feature-group .pricing-col-features .feature.not .value {
  opacity: 0.3;
}
.pricing-col .pricing-col-action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px;
  padding-top: 0px;
}

.pricingSwiper {
  width: calc(100% - 80px);
  overflow: visible !important;
  margin: 0 auto;
}

.pricing-swiper-full {
  width: 100%;
  overflow: hidden;
}

.section-pricing-carousel {
  margin-bottom: 80px;
}
.section-pricing-carousel .an-content {
  padding: 0px !important;
}

/* End of Pricing Table */
.currency-wrapper-input {
  display: flex;
  align-items: center;
  gap: 5px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 3px;
  width: fit-content;
}
.currency-wrapper-input .item {
  width: fit-content;
  background-color: #d3d3d3;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
.currency-wrapper-input .item.selected, .currency-wrapper-input .item:hover {
  background-color: #a37c48;
  color: white;
  transition: 0.2s;
  cursor: pointer;
}

.editTextForInvitationWrapper {
  position: relative;
}
.editTextForInvitationWrapper .addShortcode {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.editTextForInvitationWrapper .addShortcode button {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: #a37c48;
  border: 1px solid #a37c48;
  border-radius: 4px;
  color: white;
  opacity: 0.5;
}
.editTextForInvitationWrapper .addShortcode button:hover {
  opacity: 1;
  transition: 0.2s;
  cursor: pointer;
}
.editTextForInvitationWrapper .addShortcode button i {
  font-size: 16px;
}
.editTextForInvitationWrapper .addShortcode button span {
  font-size: 14px;
  font-weight: bold;
}

.personalized-invitations .list-input .addFromGuestsButton {
  width: fit-content;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid #d4ac6d;
  background-color: #d4ac6d;
  color: white;
}
.personalized-invitations .list-input .addFromGuestsButton i {
  font-size: 16px;
}
.personalized-invitations .list-input .addFromGuestsButton span {
  font-size: 14px;
  font-weight: bold;
}
.personalized-invitations .list-input .addFromGuestsButton:hover {
  cursor: pointer;
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
}
.personalized-invitations #personalizedInvitationsList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.personalized-invitations #personalizedInvitationsList .invitation-pers-card {
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #ede3c9;
}
.personalized-invitations #personalizedInvitationsList .invitation-pers-card .name {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.personalized-invitations #personalizedInvitationsList .invitation-pers-card .actions {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.personalized-invitations #personalizedInvitationsList .invitation-pers-card .actions .action {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  color: white;
}
.personalized-invitations #personalizedInvitationsList .invitation-pers-card .actions .action:hover {
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
  cursor: pointer;
}

/* Print Invitations */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.print-invitation-process {
  position: relative;
  overflow: hidden;
}
.print-invitation-process .loading-wrapper {
  display: none !important;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 50px;
  color: #a37c48;
}
.print-invitation-process .loading-wrapper i {
  animation: spin 2s linear infinite;
}
.print-invitation-process.loading .loading-wrapper {
  display: flex !important;
}
.print-invitation-process .progress-wrapper {
  position: relative;
  width: 100%;
}
.print-invitation-process .progress-wrapper .progress-items {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.print-invitation-process .progress-wrapper .progress-items .line {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: #d4ac6d;
  z-index: 1;
  border-radius: 8px;
}
.print-invitation-process .progress-wrapper .progress-items .step-wrapper {
  position: relative;
  z-index: 2;
}
.print-invitation-process .progress-wrapper .progress-items .step-wrapper .step {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: white;
  border: 1px solid #a37c48;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
}
.print-invitation-process .progress-wrapper .progress-items .step-wrapper .step span {
  color: #a37c48;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.print-invitation-process .progress-wrapper .progress-items .step-wrapper.current .step {
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
}
.print-invitation-process .progress-wrapper .progress-items .step-wrapper.current .step span {
  color: white;
}
.print-invitation-process .progress-wrapper .progress-items .step-wrapper.done .step {
  background-color: #a37c48;
  border: 1px solid #a37c48;
}
.print-invitation-process .progress-wrapper .progress-items .step-wrapper.done .step span {
  color: white;
}
.print-invitation-process .details .title {
  margin: 0;
  padding: 0;
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  color: black;
  font-weight: 700;
}
.print-invitation-process .choose-invite .selection-card {
  opacity: 0.6;
  position: relative;
  width: fit-content;
}
.print-invitation-process .choose-invite .selection-card .selected-icon {
  display: none;
}
.print-invitation-process .choose-invite .selection-card:hover, .print-invitation-process .choose-invite .selection-card.selected {
  opacity: 1;
  transition: 0.2s;
  cursor: pointer;
}
.print-invitation-process .choose-invite .selection-card:hover .selected-icon, .print-invitation-process .choose-invite .selection-card.selected .selected-icon {
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: #0dce84;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: white;
  z-index: 2;
}

/* End of Print Invitations */
/* List Typing Input */
.list-typing-input {
  position: relative;
}
.list-typing-input input {
  width: 100%;
}
.list-typing-input .selected-options {
  position: relative;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
  margin-bottom: 5px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.list-typing-input .selected-options:empty {
  display: none;
}
.list-typing-input .selected-options .option {
  background-color: #d4ac6d;
  color: white;
  padding: 2px 10px;
  border-radius: 4px;
  border: 1px solid #d4ac6d;
  width: fit-content;
  font-size: 14px;
  font-weight: bold;
}
.list-typing-input .selected-options .option:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
  cursor: pointer;
}
.list-typing-input .options {
  position: relative;
  max-height: 120px;
  overflow: scroll;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
  margin-top: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.list-typing-input .options:empty {
  display: none;
}
.list-typing-input .options .option {
  background-color: #a37c48;
  color: white;
  padding: 2px 10px;
  border-radius: 4px;
  border: 1px solid #a37c48;
  width: fit-content;
  font-size: 14px;
  font-weight: bold;
}
.list-typing-input .options .option:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
  cursor: pointer;
}

/* End of List Typing Input */
/* Share Link */
.share-link {
  position: relative;
}
.share-link .input-wrapper {
  position: relative;
  overflow: hidden;
}
.share-link .input-wrapper .copied {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #d4ac6d;
  opacity: 0.8;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.share-link .buttons {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.share-link .buttons .action-item {
  background-color: #a37c48;
  color: white;
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid #a37c48;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.share-link .buttons .action-item i {
  color: white;
  font-size: 16px;
}
.share-link .buttons .action-item span {
  font-size: 14px;
  font-weight: bold;
}
.share-link .buttons .action-item:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
  cursor: pointer;
}
.share-link .buttons .action-item:hover i {
  color: #d4ac6d;
}

/* End of Share Link */
.addWedgameSwitcher {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.addWedgameSwitcher .item {
  max-width: 100%;
  width: 200px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: white;
  color: #a37c48;
  border: 1px solid #ede3c9;
  border-radius: 8px;
  padding: 10px 25px;
}
.addWedgameSwitcher .item i {
  font-size: 40px;
}
.addWedgameSwitcher .item span {
  font-size: 16px;
  font-weight: bold;
}
.addWedgameSwitcher .item:hover, .addWedgameSwitcher .item.selected {
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
  cursor: pointer;
}

/* Preview Wedgame */
.preview-wedgame .swiper {
  max-width: 300px;
  width: 100%;
}
.preview-wedgame .swiper-3d .swiper-slide-shadow {
  display: none;
}
.preview-wedgame .item {
  width: 100%;
  max-width: 280px;
  gap: 15px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d3d3d3;
}
.preview-wedgame .item .image-wrapper {
  position: relative;
  overflow: hidden;
}
.preview-wedgame .item .image-wrapper img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.preview-wedgame .item .details {
  background-color: white;
  padding: 15px 20px;
}
.preview-wedgame .item .details .name {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
.preview-wedgame .prev-button {
  position: absolute;
  top: calc(50% - 20px);
  left: -40px;
  z-index: 9;
  width: 40px;
  height: 40px;
  background-color: #d4ac6d;
  color: white;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.preview-wedgame .next-button {
  position: absolute;
  top: calc(50% - 20px);
  right: -40px;
  z-index: 9;
  width: 40px;
  height: 40px;
  background-color: #d4ac6d;
  color: white;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* End of Preview Wedgame */
.player-entries-wrapper {
  position: relative;
  margin-top: 10px;
}
.player-entries-wrapper .question {
  font-size: 22px;
  font-weight: bold;
  color: #a37c48;
  margin: 0;
  margin-bottom: 15px;
  line-height: 30px;
}
.player-entries-wrapper .answers {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.player-entries-wrapper .answers .item {
  position: relative;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  overflow: hidden;
}
.player-entries-wrapper .answers .item .player-details {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 10px;
  position: relative;
  border-bottom: 1px solid #d3d3d3;
}
.player-entries-wrapper .answers .item .player-details .avatar-wrapper {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
}
.player-entries-wrapper .answers .item .player-details .avatar-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.player-entries-wrapper .answers .item .player-details .details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.player-entries-wrapper .answers .item .player-details .details .name {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: black;
  margin: 0px;
  padding: 0px;
}
.player-entries-wrapper .answers .item .player-details .details .date {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: black;
  opacity: 0.6;
  margin: 0px;
  padding: 0px;
}
.player-entries-wrapper .answers .item .player-answer {
  padding: 15px 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: black;
}
.player-entries-wrapper .answers .item .answer-type p {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: black;
}
.player-entries-wrapper .answers .item .answer-type.poll {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper .circle {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  border: 1px solid #d4ac6d;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper .circle .inner-circle {
  display: none;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper .value {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  color: black;
  font-weight: bold;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper.selected .circle {
  border: 1px solid #a37c48;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper.selected .circle .inner-circle {
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  background-color: #a37c48;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper.selected .value {
  color: #a37c48;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper.correct .circle {
  border: 1px solid #1e6b63;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper.correct .circle .inner-circle {
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  background-color: #1e6b63;
}
.player-entries-wrapper .answers .item .answer-type.poll .grila-wrapper.correct .value {
  color: #1e6b63;
}

/* Dashboard */
.dashboard-page .widgets {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding: 0px;
}
.dashboard-page .widgets .widget {
  position: relative;
  background-color: white;
  border-radius: 12px;
  padding: 16px;
  padding-bottom: 45px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: column;
}
.dashboard-page .widgets .widget.gradient-bg-1 {
  background: rgb(255, 244, 227);
  background: linear-gradient(135deg, rgba(255, 244, 227, 0.59) 0%, rgb(255, 255, 255) 50%, rgba(212, 172, 109, 0.08) 100%);
  border: 1px solid rgba(212, 172, 109, 0.2117647059);
}
.dashboard-page .widgets .widget .progress-bar {
  position: absolute;
  bottom: 4px;
  left: 4px;
  height: 16px;
  border-radius: 8px;
  width: calc(100% - 8px);
  padding: 2px;
  border: 1px solid #f4eedf;
  background-color: #f4eedf !important;
}
.dashboard-page .widgets .widget .progress-bar .filled {
  background-color: #d4ac6d;
  border-radius: 10px;
  height: 100%;
}
.dashboard-page .widgets .widget .icon {
  font-size: 24px;
  color: #d4ac6d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-page .widgets .widget .icon .right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dashboard-page .widgets .widget .icon .right a {
  width: 32px;
  height: 32px;
  background: #efe7d7;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.dashboard-page .widgets .widget .icon .right a i {
  font-size: 18px;
  color: #a37c48;
}
.dashboard-page .widgets .widget .icon .right a:hover {
  background-color: #d4ac6d;
}
.dashboard-page .widgets .widget .icon .right a:hover i {
  color: white;
}
.dashboard-page .widgets .widget .texts .value-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.dashboard-page .widgets .widget .texts .widget-title {
  font-size: 16px;
  font-weight: bold;
  color: black;
  opacity: 0.5;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}
.dashboard-page .widgets .widget .texts .value {
  margin: 0px;
  padding: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #a37c48;
  line-height: 32px;
}
.dashboard-page .widgets .widget .texts .sub-value {
  background-color: #f4eedf;
  border-radius: 30px;
  padding: 2px 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}
.dashboard-page .widgets .widget .texts .sub-value .number {
  font-size: 14px;
  font-weight: bold;
  color: #a37c48;
}
.dashboard-page .widgets .widget .texts .sub-value .text {
  font-size: 14px;
  font-weight: 300;
  color: #a37c48;
  height: inherit;
}
.dashboard-page .widgets .widget.full {
  width: 100%;
}
.dashboard-page .widgets .widget.w1-4 {
  width: calc(25% - 12px);
}
@media (max-width: 992px) {
  .dashboard-page .widgets .widget.w1-4 {
    width: 100%;
  }
}
.dashboard-page .widgets .widget.w1-3 {
  width: calc(33.3333333333% - 16px);
}
@media (max-width: 992px) {
  .dashboard-page .widgets .widget.w1-3 {
    width: 100%;
  }
}
.dashboard-page .widgets .widget.w1-2 {
  width: calc(50% - 16px);
}
@media (max-width: 992px) {
  .dashboard-page .widgets .widget.w1-2 {
    width: 100%;
  }
}
.dashboard-page .widgets .widget.full-experience {
  position: relative;
}
.dashboard-page .widgets .widget.full-experience .experience-items {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px;
  background-color: #f4eedf;
  border-radius: 100px;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item .status {
  height: 60px;
  width: 60px;
  border-radius: 100px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item .status i {
  font-size: 30px;
  color: #a37c48;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item .in-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0px 15px;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item .in-details i {
  font-size: 25px;
  color: #a37c48;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item .in-details .value {
  font-size: 18px;
  font-weight: bold;
  color: #a37c48;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item.on .status {
  background-color: #d4ac6d;
  color: white;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item.on .status i {
  color: white;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item.on .status .off {
  display: none;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item.off {
  opacity: 0.5;
}
.dashboard-page .widgets .widget.full-experience .experience-items .exp-item.off .status .on {
  display: none;
}
.dashboard-page .welcome-area {
  padding: 16px 0px;
}
.dashboard-page .welcome-area h2 {
  font-family: "Libre Baskerville", serif;
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.dashboard-page .welcome-area h2 strong {
  font-weight: 700;
}
.dashboard-page .welcome-area .new-event-area {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 24px;
}
.dashboard-page .event-details .event-name {
  font-family: "Libre Baskerville", serif;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  margin: 0;
  padding: 0;
}
.dashboard-page .event-details .event-meta {
  display: flex;
  column-gap: 24px;
  row-gap: 8px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.dashboard-page .event-details .event-meta .event-actions-group {
  display: flex;
  align-items: center;
  column-gap: 16px;
  background-color: rgba(237, 227, 201, 0.3607843137);
  padding: 8px 16px;
  border-radius: 12px;
}
.dashboard-page .event-details .event-meta .meta-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dashboard-page .event-details .event-meta .meta-group i {
  font-size: 22px;
  color: #d4ac6d;
}
.dashboard-page .event-details .event-meta .meta-group span {
  font-size: 16px;
  font-weight: 400;
  color: black;
}
.dashboard-page .event-features .features {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.dashboard-page .event-features .features .item {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, rgb(228, 191, 123) 0%, rgb(203, 169, 106) 50%, rgba(163, 124, 72, 0.84) 100%);
}
.dashboard-page .event-features .features .item i {
  font-size: 28px;
  color: white;
}
.dashboard-page .event-features .features .item span {
  color: white;
  font-weight: 700;
  font-size: 12px;
}
.dashboard-page .share-event-wrapper .share-qr-wrapper {
  padding: 5px;
  border: 2px solid #d4ac6d;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: auto;
  margin-bottom: 20px;
  position: relative;
}
.dashboard-page .share-event-wrapper .share-qr-wrapper .download-button {
  background-color: #d4ac6d;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
}
.dashboard-page .share-event-wrapper .share-qr-wrapper .download-button i {
  color: white;
  font-size: 20px;
}
.dashboard-page .tutorials-card h3 {
  font-size: 24px;
  line-height: 32px;
  color: black;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.dashboard-page .tutorials-card .tutorial-card {
  position: relative;
}
.dashboard-page .tutorials-card .tutorial-card .name p {
  font-size: 18px;
  line-height: 24px;
  color: black;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.dashboard-page .tutorials-card .tutorial-card .image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.dashboard-page .tutorials-card .tutorial-card .image-wrapper img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.dashboard-page .tutorials-card .tutorial-card .image-wrapper .play-button {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  background-color: #d4ac6d;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-page .tutorials-card .tutorial-card .image-wrapper .play-button i {
  font-size: 30px;
  color: white;
}

.love-separator {
  position: relative;
  padding: 30px 0px;
}
.love-separator .line {
  height: 1px;
  width: 100%;
  background-color: #a37c48;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  left: 0px;
}
.love-separator .icon-wrapper {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}
.love-separator .icon-wrapper i {
  font-size: 24px;
  color: #a37c48;
}

/* End of Dashboard */
/* Blog Posts Home */
.blog-posts-footer {
  background-color: #e6d8c2;
  padding: 50px 0px !important;
}

.blog-posts-carousel-wrapper {
  position: relative;
}

.blog-posts-carousel-wrapper .arrows-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 25px);
  z-index: 0;
  width: 100%;
  left: 0px;
  height: 50px;
}

.blog-posts-carousel-wrapper .arrows-wrapper .arrow-left {
  position: relative;
  left: -40px;
  font-size: 40px;
  color: #a37c48;
}

.blog-posts-carousel-wrapper .arrows-wrapper .arrow-right {
  position: relative;
  right: -40px;
  font-size: 40px;
  color: #a37c48;
}

@media (max-width: 992px) {
  .blog-posts-carousel-wrapper {
    width: calc(100% - 100px);
    margin: auto;
  }
}
.post-box {
  background-color: white;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
}

.post-box:hover .image-wrapper img {
  transform: scale(1.1);
  transition: 0.2s;
}

.post-box .image-wrapper {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

.post-box .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.post-box .info {
  padding: 20px;
}

.post-box .info .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 10px;
}

.post-box .info .title a {
  text-decoration: none;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 20px;
  line-height: 28px;
}

.post-box .info .meta {
  display: flex;
  align-items: center;
  justify-content: center;
}

.post-box .info .meta .item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.post-box .info .meta .item i {
  color: #fa6e3a;
  font-size: 14px;
  margin-right: 5px;
}

.post-box .info .meta .item span {
  font-size: 12px;
  font-weight: 500;
}

.blog-posts-carousel-wrapper {
  position: relative;
}

.blog-posts-carousel-wrapper .arrows-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 25px);
  z-index: 0;
  width: 100%;
  left: 0px;
  height: 50px;
}

.blog-posts-carousel-wrapper .arrows-wrapper .arrow-left {
  position: relative;
  left: -40px;
  font-size: 40px;
  color: #a37c48;
}

.blog-posts-carousel-wrapper .arrows-wrapper .arrow-right {
  position: relative;
  right: -40px;
  font-size: 40px;
  color: #a37c48;
}

.blog-posts-carousel-wrapper .swiper-wrapper {
  overflow: hidden;
}

@media (max-width: 992px) {
  .blog-posts-carousel-wrapper {
    width: calc(100% - 100px);
    margin: auto;
  }
}
/* End of Blog Posts Home */
/* Onboarding Modal */
.onboarding-modal .close {
  display: none;
}
.onboarding-modal h2.title {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  color: black;
}
.onboarding-modal .desc {
  text-align: center !important;
  font-size: 16px;
  font-weight: 400;
  color: black;
}
.onboarding-modal .quiz-onboarding .step {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.onboarding-modal .quiz-onboarding .step .question {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  margin: 0;
  padding: 0;
}
.onboarding-modal .quiz-onboarding .step .answers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
}
@media (max-width: 992px) {
  .onboarding-modal .quiz-onboarding .step .answers {
    flex-direction: column;
  }
}
.onboarding-modal .quiz-onboarding .step .answers .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: calc(50% - 25px);
  border: 2px solid #ffdcad;
  border-radius: 8px;
  padding: 15px;
  background-color: #fff9f0;
  cursor: pointer;
}
@media (max-width: 992px) {
  .onboarding-modal .quiz-onboarding .step .answers .item {
    width: 100%;
  }
}
.onboarding-modal .quiz-onboarding .step .answers .item .image-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fef9f0;
  padding: 15px;
}
.onboarding-modal .quiz-onboarding .step .answers .item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.onboarding-modal .quiz-onboarding .step .answers .item p {
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0;
}
.onboarding-modal .quiz-onboarding .step .answers .item:hover, .onboarding-modal .quiz-onboarding .step .answers .item.selected {
  background-color: #d4ac6d;
  border: 2px solid #a37c48;
  transition: 0.2s;
}
.onboarding-modal .quiz-onboarding .step .answers .item:hover p, .onboarding-modal .quiz-onboarding .step .answers .item.selected p {
  color: white;
}
.onboarding-modal .quiz-onboarding .next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.onboarding-modal .quiz-onboarding .next-button .btn.disabled {
  opacity: 0.3;
}
.onboarding-modal .quiz-onboarding .step-2-continue-later {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.onboarding-modal .quiz-onboarding .step-2-continue-later .separator {
  height: 1px;
  width: 100%;
  background-color: black;
  opacity: 0.1;
  margin-bottom: 25px;
  margin-top: 25px;
  padding: 0px;
  position: relative;
}
.onboarding-modal .quiz-onboarding .step-2-continue-later .separator .text {
  background-color: white;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 2px 10px;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 50px);
  width: 100px;
}
.onboarding-modal .quiz-onboarding .step-2-continue-later .separator .text span {
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-align: center;
}

/* End of Onboarding Modal */
.invite-code-wrapper input {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #a37c48;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.invite-code-wrapper .btn-primary {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  border-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px 5px;
}

.table-invited-digital {
  display: flex;
  gap: 8px;
  align-items: center;
}
.table-invited-digital .avatar-wrapper {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  border: 2px solid #d4ac6d;
  overflow: hidden;
}
.table-invited-digital .avatar-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.table-invited-digital .name {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}

/* Onboarding Tutorials */
.onboarding-tutorial {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.6);
}
.onboarding-tutorial .buttons-wrapper {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}
.onboarding-tutorial .buttons-wrapper .button-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  animation: shadeAnimation 1s infinite;
}
.onboarding-tutorial .buttons-wrapper .button-wrapper i {
  font-size: 28px;
  animation: pulseTutorialIcon 1s infinite;
}
.onboarding-tutorial .buttons-wrapper .onboarding-skip {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: bold;
  text-transform: uppercase;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.431372549);
  padding: 5px 15px;
  border-radius: 20px;
  cursor: pointer;
}
.onboarding-tutorial .buttons-wrapper .onboarding-skip:hover {
  color: white;
  background-color: #000000;
  transition: 0.2s;
}

.customModal.onboardingTutorialModal .wrapper {
  height: 100vh;
  width: 100%;
  max-width: 100%;
  border-radius: 0px;
  max-height: 100vh;
}
.customModal.onboardingTutorialModal .wrapper .onboarding-tutorial-progress {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.8);
}
.customModal.onboardingTutorialModal .wrapper .onboarding-tutorial-progress .filled {
  background-color: #d4ac6d;
  height: 100%;
  width: 0%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.customModal.onboardingTutorialModal .wrapper .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  position: absolute;
  bottom: 34px;
  right: 14px;
}
.customModal.onboardingTutorialModal .wrapper .arrows i {
  font-size: 40px;
  color: black;
}

@keyframes shadeAnimation {
  0% {
    box-shadow: 0 0 10px 0 rgba(228, 191, 123, 0.6);
  }
  50% {
    box-shadow: 0 0 20px 0 rgba(228, 191, 123, 0);
  }
  100% {
    box-shadow: 0 0 10px 0 rgba(228, 191, 123, 0.6);
  }
}
@keyframes pulseTutorialIcon {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* End of Onboarding Tutorials */
/* Affiliates */
.affiliatesHero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: url("/assets/images/hero-affiliates.jpg");
  background-size: cover;
  background-position: center;
}
.affiliatesHero .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #392e20;
  opacity: 0.85;
  z-index: 1;
}
.affiliatesHero .inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding-top: 60px;
}
@media (max-width: 992px) {
  .affiliatesHero .inner {
    flex-direction: column;
    gap: 30px;
    padding-top: 120px;
  }
}
.affiliatesHero .inner .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  width: calc(50% - 25px);
}
@media (max-width: 992px) {
  .affiliatesHero .inner .left {
    width: 100%;
    align-items: center;
    text-align: center;
  }
}
.affiliatesHero .inner .left h1 {
  color: white;
  margin: 0;
  font-size: 40px;
  line-height: 48px;
}
@media (max-width: 992px) {
  .affiliatesHero .inner .left h1 {
    font-size: 30px;
    line-height: 38px;
  }
}
.affiliatesHero .inner .left p {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin: 0;
  color: white;
}
@media (max-width: 992px) {
  .affiliatesHero .inner .left p {
    font-size: 18px;
    line-height: 26px;
  }
}
.affiliatesHero .inner .left .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 992px) {
  .affiliatesHero .inner .left .actions {
    justify-content: center;
  }
}
.affiliatesHero .inner .left .actions a {
  cursor: pointer;
}
.affiliatesHero .inner .left .actions a:first-child {
  background-color: #d4ac6d;
  color: white;
}
.affiliatesHero .inner .left .actions a:first-child:hover {
  background-color: #a37c48;
  transition: 0.2s;
}
.affiliatesHero .inner .left .actions a:last-child {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.affiliatesHero .inner .left .actions a:last-child:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
}
.affiliatesHero .inner .right {
  width: calc(50% - 25px);
}
@media (max-width: 992px) {
  .affiliatesHero .inner .right {
    width: 100%;
  }
}
.affiliatesHero .inner .right img {
  width: 100%;
  height: auto;
}

/* End of Affiliates */
/* Affiliates Wedplanners */
.affiliatesHeroWedplanners {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: url("/assets/images/hero-wedplanner.jpg");
  background-size: cover;
  background-position: center;
}
.affiliatesHeroWedplanners .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #392e20;
  opacity: 0.85;
  z-index: 1;
}
.affiliatesHeroWedplanners .inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding-top: 60px;
  padding-bottom: 30px;
}
@media (max-width: 992px) {
  .affiliatesHeroWedplanners .inner {
    flex-direction: column;
    gap: 30px;
    padding-top: 110px;
    padding-bottom: 60px;
  }
}
.affiliatesHeroWedplanners .inner .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
}
.affiliatesHeroWedplanners .inner .left h1 {
  color: white;
  margin: 0;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
}
@media (max-width: 992px) {
  .affiliatesHeroWedplanners .inner .left h1 {
    font-size: 30px;
    line-height: 38px;
  }
}
.affiliatesHeroWedplanners .inner .left h3 {
  font-size: 24px;
  line-height: 32px;
  color: white;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .affiliatesHeroWedplanners .inner .left h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
.affiliatesHeroWedplanners .inner .left p {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  margin: 0;
  color: white;
}
@media (max-width: 992px) {
  .affiliatesHeroWedplanners .inner .left p {
    font-size: 16px;
    line-height: 24px;
  }
}
.affiliatesHeroWedplanners .inner .left .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 992px) {
  .affiliatesHeroWedplanners .inner .left .actions {
    justify-content: center;
  }
}
.affiliatesHeroWedplanners .inner .left .actions a {
  cursor: pointer;
}
.affiliatesHeroWedplanners .inner .left .actions a:first-child {
  background-color: #d4ac6d;
  color: white;
}
.affiliatesHeroWedplanners .inner .left .actions a:first-child:hover {
  background-color: #a37c48;
  transition: 0.2s;
}
.affiliatesHeroWedplanners .inner .left .actions a:last-child {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.affiliatesHeroWedplanners .inner .left .actions a:last-child:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
}

/* End of Affiliates Wedplanners */
/* SMS Feature Alerts */
.alert-type-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.alert-type-selector .item {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 25px;
  border: 1px solid #ede3c9;
  border-radius: 8px;
  background-color: white;
  cursor: pointer;
}
.alert-type-selector .item span, .alert-type-selector .item i {
  color: #a37c48;
}
.alert-type-selector .item i {
  font-size: 40px;
}
.alert-type-selector .item span {
  font-size: 18px;
  font-weight: bold;
}
.alert-type-selector .item.selected, .alert-type-selector .item:hover {
  background-color: #a37c48;
  transition: 0.2s;
}
.alert-type-selector .item.selected span, .alert-type-selector .item.selected i, .alert-type-selector .item:hover span, .alert-type-selector .item:hover i {
  color: white;
}

/* Schedule Type Selector for Wedgames */
.schedule-type-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.schedule-type-selector .item {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 25px 20px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  background: linear-gradient(135deg, white, #f9fafb);
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.schedule-type-selector .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(120, 86, 45, 0.1), transparent);
  transition: left 0.5s ease;
}
.schedule-type-selector .item span, .schedule-type-selector .item i {
  color: #6b7280;
  transition: all 0.3s ease;
}
.schedule-type-selector .item i {
  font-size: 36px;
}
.schedule-type-selector .item span {
  font-size: 16px;
  font-weight: 600;
}
.schedule-type-selector .item.selected {
  background: linear-gradient(135deg, #fef3e2, #fce6c3);
  border-color: #78562d;
  box-shadow: 0 0 0 3px rgba(120, 86, 45, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
}
.schedule-type-selector .item.selected span, .schedule-type-selector .item.selected i {
  color: #78562d;
}
.schedule-type-selector .item.selected i {
  transform: scale(1.1);
}
.schedule-type-selector .item.selected span {
  font-weight: 700;
}
.schedule-type-selector .item:hover {
  background: linear-gradient(135deg, #fef3e2, white);
  border-color: #c69d5c;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.schedule-type-selector .item:hover::before {
  left: 100%;
}
.schedule-type-selector .item:hover span, .schedule-type-selector .item:hover i {
  color: #78562d;
}
.schedule-type-selector .item:hover i {
  transform: scale(1.15) rotate(5deg);
}
.schedule-type-selector .item:active {
  transform: scale(0.98);
}

.schedule-fields {
  animation: fadeInDown 0.3s ease-out;
}
.schedule-fields .datetime-group .form-text {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
}
.schedule-fields .datetime-group .form-text i {
  color: #78562d;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* End of SMS Feature Alerts */
/* Multiple Select */
.multiple-select-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.multiple-select-wrapper .item {
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #eeeeee;
  color: black;
  width: auto;
  cursor: pointer;
}
.multiple-select-wrapper .item.selected, .multiple-select-wrapper .item:hover {
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
}

/* End of Multiple Select */
/* Manager Tasks */
.manager-tasks-wrapper-edit {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-wrap: wrap;
}
.manager-tasks-wrapper-edit .task-item {
  border: 2px solid #d4ac6d;
  padding: 16px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.manager-tasks-wrapper-edit .task-item .input-comment {
  width: 300px;
  max-width: 100%;
}
.manager-tasks-wrapper-edit .task-item button {
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.manager-tasks-wrapper-edit .task-item.status-1 {
  background-color: #edf8f7;
  border: 2px solid #1e6b63;
}
.manager-tasks-wrapper-edit .addTaskBtn {
  width: fit-content;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #a37c48;
  color: white;
  cursor: pointer;
  border: 1px solid #a37c48;
}
.manager-tasks-wrapper-edit .addTaskBtn:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
}

/* End of Manager Tasks */
.edit-furnizor-existing-media {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.edit-furnizor-existing-media .media-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-furnizor-existing-media .media-item img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.edit-furnizor-existing-media .media-item .delete-media {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: red;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  cursor: pointer;
  color: white;
}
.edit-furnizor-existing-media .media-item .delete-media:hover {
  background-color: white;
  color: red;
  transition: 0.2s;
}

.extra-filters-furnizori-operator {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.extra-filters-furnizori-operator .group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2px;
  max-width: 100%;
  width: 200px;
}
.extra-filters-furnizori-operator .group .label {
  font-size: 14px;
  font-weight: 400;
  color: black;
  margin: 0;
  padding: 0;
}
.extra-filters-furnizori-operator .group input, .extra-filters-furnizori-operator .group select {
  padding: 2px 8px;
}

.in-table-categories-badges {
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 300px;
  flex-wrap: wrap;
  gap: 4px;
}
.in-table-categories-badges .cat {
  padding: 2px 8px;
  border-radius: 4px;
  width: auto;
  cursor: pointer;
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
}

.select2-dropdown {
  z-index: 999999 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #a37c48 !important;
  color: white;
}

/* Guests Interactive */
.guests-2-wrapper {
  position: relative;
  border: 2px solid #a37c48;
  border-radius: 8px;
  overflow: auto;
  height: calc(100vh - 190px);
  margin-top: 0px;
  transition: margin-top 0.2s;
}
.guests-2-wrapper.full-screen-type {
  margin-top: 0px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 99800;
  border-radius: 0px;
  background: white;
}
.guests-2-wrapper .actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.guests-2-wrapper #outer-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  touch-action: none;
}
.guests-2-wrapper #guestsCanvas {
  position: relative;
  width: 4000px;
  height: 4000px;
  background-color: #fff;
  transform-origin: top left;
  transition: transform 0.2s ease;
  background-image: url(/assets/images/grid.svg);
  background-repeat: repeat;
  background-size: 60px;
  background-position: center;
}
.guests-2-wrapper .table-item {
  position: absolute;
  background-color: rgba(163, 124, 72, 0.6392156863);
  border: 2px solid #a37c48;
  text-align: center;
  cursor: grab;
  transition: background-color 0.2s;
  user-select: none;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 12px;
  width: fit-content;
  min-height: fit-content;
}
.guests-2-wrapper .table-item p {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
  font-weight: bold;
  min-height: inherit;
  border: 1px solid transparent;
  outline: none;
}
.guests-2-wrapper .table-item p:hover {
  border: 1px solid rgba(255, 255, 255, 0.568627451);
  border-radius: 4px;
  transition: 0.2s;
}
.guests-2-wrapper .table-item .delete-button {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 32px;
  height: 32px;
  background: #d16f6f;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  z-index: 2;
  cursor: pointer;
}
.guests-2-wrapper .table-item .seats-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.guests-2-wrapper .table-item .seats-wrapper .seat {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #ffebc5;
  color: black;
  border-radius: 24px !important;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.guests-2-wrapper .table-item .seats-wrapper .seat span {
  color: black;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
.guests-2-wrapper .table-item .seats-wrapper .seat.free-seat {
  background-color: white;
  opacity: 0.5;
}
.guests-2-wrapper .table-item .seats-wrapper .seat.free-seat:hover {
  opacity: 1;
  transition: 0.2s;
}
.guests-2-wrapper .table-item .seats-wrapper .seat.free-seat span {
  font-size: 18px;
  color: #a37c48;
  font-weight: bold;
}
.guests-2-wrapper .table-item .seats-wrapper .seat .removeSeat {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.8588235294);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: white;
}
.guests-2-wrapper .actions button, .guests-2-wrapper .actions a {
  text-decoration: none;
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: #d4ac6d;
  border: 2px solid #d4ac6d;
  color: white;
  opacity: 0.4;
  transition: 0.2s;
  cursor: pointer;
}
.guests-2-wrapper .actions button i, .guests-2-wrapper .actions a i {
  font-size: 18px;
}
.guests-2-wrapper .actions button span, .guests-2-wrapper .actions a span {
  font-size: 12px;
  font-weight: bold;
}
.guests-2-wrapper .actions button:hover, .guests-2-wrapper .actions a:hover {
  opacity: 1;
  background-color: #a37c48;
  border: 2px solid #a37c48;
}
.guests-2-wrapper .main-actions {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 100;
  display: flex;
  gap: 10px;
}
@media (max-width: 992px) {
  .guests-2-wrapper .main-actions {
    flex-direction: column;
  }
}
.guests-2-wrapper .main-actions .zoom-controls {
  display: flex;
  gap: 4px;
}
.guests-2-wrapper .main-actions button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: #d4ac6d;
  border: 2px solid #d4ac6d;
  color: white;
  opacity: 0.6;
  transition: 0.2s;
  cursor: pointer;
}
.guests-2-wrapper .main-actions button i {
  font-size: 18px;
}
.guests-2-wrapper .main-actions button span {
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .guests-2-wrapper .main-actions button {
    padding: 4px 8px;
    justify-content: center;
  }
  .guests-2-wrapper .main-actions button span {
    font-size: 10px;
  }
}
.guests-2-wrapper .main-actions button:hover {
  opacity: 1;
  background-color: #a37c48;
  border: 2px solid #a37c48;
}
.guests-2-wrapper #stats {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;
  background-color: #fff0db;
  border: 1px solid #d4ac6d;
  padding: 12px 16px;
  border-radius: 8px;
}
.guests-2-wrapper #stats:empty {
  display: none;
}
.guests-2-wrapper #stats .stats-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.guests-2-wrapper #stats .stats-wrapper .group .icons {
  position: relative;
}
.guests-2-wrapper #stats .stats-wrapper .group .icons i {
  font-size: 12px;
  color: #a37c48;
  margin-right: -2px;
}
.guests-2-wrapper #stats .stats-wrapper .group span {
  font-size: 12px;
  color: #000000;
  margin-top: -2px;
  display: block;
}
.guests-2-wrapper #stats .stats-wrapper .group span strong {
  font-weight: bold;
  color: #a37c48;
}
.guests-2-wrapper #stats .stats-wrapper .group.ocupate i {
  color: rgba(0, 0, 0, 0.1411764706);
}
.guests-2-wrapper #stats .stats-wrapper .group.ramase i {
  color: #bf863a;
}

/* End of Guests Interactive */
/* Furnizor Page */
.furnizor-page .images {
  max-width: calc(100% - 20px);
  margin: auto;
  width: 1200px;
  border-radius: 20px;
  overflow: hidden;
  height: 500px;
  display: flex;
  gap: 10px;
  position: relative;
}
.furnizor-page .images .see-all {
  position: absolute;
  z-index: 2;
  right: 10px;
  padding: 3px 10px;
  bottom: 10px;
  border-radius: 4px;
  border: 1px solid #d4ac6d;
  background-color: #d4ac6d;
  display: flex;
  align-items: center;
  gap: 5px;
}
.furnizor-page .images .see-all i {
  font-size: 14px;
  color: white;
}
.furnizor-page .images .see-all span {
  font-size: 14px;
  font-weight: 400;
  color: white;
}
.furnizor-page .images .see-all:hover {
  cursor: pointer;
  background-color: white;
  color: #d4ac6d;
  transition: 0.2s;
}
.furnizor-page .images .see-all:hover i {
  color: #d4ac6d;
}
.furnizor-page .images .see-all:hover span {
  color: #d4ac6d;
}
.furnizor-page .images .left {
  width: 50%;
}
@media (max-width: 992px) {
  .furnizor-page .images .left {
    width: 100%;
  }
}
.furnizor-page .images .left .image-wrapper {
  height: 100%;
  overflow: hidden;
}
.furnizor-page .images .left .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.furnizor-page .images .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .furnizor-page .images .right {
    display: none;
  }
}
.furnizor-page .images .right .image-wrapper {
  height: 50%;
  width: calc(50% - 5px);
  overflow: hidden;
  display: flex;
}
.furnizor-page .images .right .image-wrapper.first-row {
  padding-bottom: 10px;
}
@media (max-width: 992px) {
  .furnizor-page .images .right .image-wrapper.first-row {
    padding-bottom: 0px;
  }
}
.furnizor-page .images .right .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.furnizor-page .images.images-counter-1 .left {
  width: 100%;
}
.furnizor-page .images.images-counter-1 .left .image-wrapper {
  height: 100%;
  width: 100%;
  padding-bottom: 0px;
}
.furnizor-page .images.images-counter-2 .right .image-wrapper, .furnizor-page .images.images-counter-3 .right .image-wrapper, .furnizor-page .images.images-counter-4 .right .image-wrapper {
  height: 100%;
  width: 100%;
  padding-bottom: 0px;
}

/* End of Furnizor Page */
/* Contract */
/* End of Contract */
/* New Register Page */
.new-register-page {
  display: flex;
  justify-content: center;
  min-height: 100dvh;
}
.new-register-page.login .left .logo-wrapper {
  justify-content: center !important;
}
.new-register-page .left {
  width: 40%;
  padding: 32px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992px) {
  .new-register-page .left {
    width: 100%;
    padding: 32px;
  }
}
.new-register-page .left .logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.new-register-page .left .logo-wrapper img {
  max-height: 40px;
  max-width: 100%;
}
.new-register-page .left .form-wrapper {
  margin-top: 24px;
}
.new-register-page .left .form-wrapper h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 30px;
  margin: 0;
}
.new-register-page .left .form-wrapper h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
  margin-top: 0px;
}
.new-register-page .left .form-wrapper form {
  margin-top: 24px;
}
.new-register-page .left .form-wrapper form .input-row {
  position: relative;
}
.new-register-page .left .form-wrapper form .input-row .input-group {
  position: relative;
  border-radius: 8px !important;
  padding-left: 40px;
  background-color: #f8f2ea;
  display: flex;
  align-items: center;
}
.new-register-page .left .form-wrapper form .input-row .input-group input {
  padding: 8px 12px;
  min-height: 46px;
  border: none !important;
  width: 100% !important;
  color: #360802 !important;
  font-size: 16px !important;
  caret-color: #a37c48 !important;
  background-color: transparent !important;
  transition: all 0.3s;
  padding: 0px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 100% !important;
  position: relative;
  z-index: 2 !important;
  outline: none !important;
  border: 0px !important;
}
.new-register-page .left .form-wrapper form .input-row .input-group input:hover, .new-register-page .left .form-wrapper form .input-row .input-group input:focus {
  border: 0px !important;
}
.new-register-page .left .form-wrapper form .input-row .extra-icon-wrapper {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
}
.new-register-page .left .form-wrapper form .input-row .extra-icon-wrapper i {
  font-size: 20px;
  color: #a37c48;
}
.new-register-page .left .form-wrapper form .btn-primary {
  padding: 10px 11px;
  font-size: 16px;
  background-color: #a37c48;
  color: white;
  border: 1px solid #a37c48;
}
.new-register-page .left .form-wrapper form .btn-primary:hover {
  background-color: white;
  color: #a37c48;
  transition: all 0.3s;
}
.new-register-page .left .form-wrapper form .errors p {
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  font-weight: 600;
  color: #e71313;
  margin: 0;
}
.new-register-page .left .form-wrapper form .agreement-check-wrapper {
  margin: 0px;
  padding: 0px;
}
.new-register-page .left .form-wrapper form .agreement-check-wrapper li {
  list-style: none;
}
.new-register-page .left .form-wrapper form .agreement-check-wrapper label {
  font-size: 16px;
  line-height: 22px;
}
.new-register-page .left .form-wrapper form .styled-checkbox {
  position: absolute;
  opacity: 0;
}
.new-register-page .left .form-wrapper form .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.new-register-page .left .form-wrapper form .styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 4px;
  border: 1px solid #a37c48;
  outline: none;
}
.new-register-page .left .form-wrapper form .styled-checkbox:hover + label:before {
  background: #a37c48;
}
.new-register-page .left .form-wrapper form .styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.new-register-page .left .form-wrapper form .styled-checkbox:checked + label:before {
  background: #a37c48;
}
.new-register-page .left .form-wrapper form .styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.new-register-page .left .form-wrapper form .styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.new-register-page .left .form-wrapper form .styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.new-register-page .left .form-wrapper .separator {
  height: 1px;
  width: 100%;
  background-color: #000000;
  opacity: 0.1;
  margin: 24px 0px;
}
.new-register-page .left .form-wrapper .guest-hint {
  background: rgb(255, 244, 227);
  background: linear-gradient(135deg, rgb(245, 224, 197) 0%, rgb(255, 237, 213) 50%, rgb(255, 248, 238) 100%);
  padding: 12px 16px;
  border-radius: 12px;
}
.new-register-page .left .form-wrapper .guest-hint p {
  line-height: 20px;
  font-size: 14px;
}
.new-register-page .left .form-wrapper .guest-hint strong {
  color: #5a4831;
  display: block;
  font-size: 16px;
  margin-bottom: 2px;
}
.new-register-page .left .form-wrapper .guest-hint a {
  text-decoration: none;
  font-weight: bold;
  color: #a37c48;
  font-size: 14px;
}
.new-register-page .left .form-wrapper .guest-hint .download-links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 8px;
}
.new-register-page .left .form-wrapper .guest-hint .download-links a {
  text-decoration: none;
  margin: 0px;
}
.new-register-page .left .form-wrapper .guest-hint .download-links a img {
  max-height: 38px;
  max-width: 90%;
}
.new-register-page .right {
  width: 60%;
  padding: 24px;
}
@media (max-width: 992px) {
  .new-register-page .right {
    display: none;
  }
}
.new-register-page .right .image-wrapper {
  position: relative;
  border-radius: 24px;
  padding: 24px;
  overflow: hidden;
  height: 100%;
}
.new-register-page .right .image-wrapper #videoSlider {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  filter: grayscale(1);
}
.new-register-page .right .image-wrapper .shade {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.87);
}
.new-register-page .right .image-wrapper .shade .gradient {
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(212, 172, 109, 0.62) 0%, rgba(212, 172, 109, 0) 100%);
}
.new-register-page .right .image-wrapper .texts {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  height: 100%;
}
.new-register-page .right .image-wrapper .texts h2 {
  margin: 0px;
  text-align: center;
  font-family: "Libre Baskerville", serif;
  color: white;
  font-size: 40px;
  line-height: 120%;
}
.new-register-page .right .image-wrapper .texts p {
  margin: 0px;
  text-align: center;
  color: white;
  font-size: 20px;
  line-height: 28px;
}

/* End of New Register Page */
.account-carousel-wrapper {
  position: relative;
}
.account-carousel-wrapper .swiper-container {
  overflow: hidden;
}
.account-carousel-wrapper .arrow-left {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff8ed;
  z-index: 9;
}
.account-carousel-wrapper .arrow-right {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff8ed;
  z-index: 9;
}
.account-carousel-wrapper .post-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: none;
  border: 1px solid #ededed;
}
.account-carousel-wrapper .post-box .image-wrapper {
  height: 200px;
}
.account-carousel-wrapper .post-box .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.account-carousel-wrapper .post-box .title {
  margin-bottom: 0;
  padding-bottom: 0px;
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
  margin-top: 0px !important;
}
.account-carousel-wrapper .post-box .read-more-wrapper {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.account-carousel-wrapper .post-box .read-more-wrapper .read-more {
  text-decoration: none;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  flex: 1;
  gap: 12px;
  align-items: center;
}
.account-carousel-wrapper .post-box .read-more-wrapper .read-more i {
  color: #a37c48;
  font-size: 16px;
}
.account-carousel-wrapper .post-box .read-more-wrapper .read-more span {
  color: #a37c48;
  font-size: 14px;
  font-weight: bold;
}

/* Overall Loader */
.overall-loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.overall-loader-wrapper .inner {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
}
.overall-loader-wrapper .inner i {
  color: #d4ac6d;
  font-size: 40px;
  animation: spin 1s linear infinite;
}
.overall-loader-wrapper .inner p {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-align: center;
}

.noscroll {
  overflow: hidden;
}

/* End of Overall Loader */
.custom-listing-with-filtering {
  padding: 24px;
  border: 2px solid #a37c48;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* 
  <div class="custom-filters">
            <div class="group">
                <span class="custom-filter-name">
                    Keywords
                </span>
                <div class="custom-filter-checkbox">
                    <input type="checkbox" id="filter1" name="filter1" value="1">
                    <label for="filter1">Filter 1</label>
                </div>
            </div>
        </div>
  */
}
.custom-listing-with-filtering .search-wrapper input {
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #ededed;
  width: 100%;
  font-size: 14px;
  color: black;
}
.custom-listing-with-filtering .search-wrapper input:focus {
  outline: none;
  border: 1px solid #d4ac6d;
}
.custom-listing-with-filtering .listing {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.custom-listing-with-filtering .listing .item {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #d4ac6d;
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  cursor: pointer;
}
.custom-listing-with-filtering .listing .item .name {
  font-size: 12px;
  font-weight: bold;
  color: #a37c48;
}
.custom-listing-with-filtering .listing .item .check-icon {
  width: 18px;
  height: 18px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border: 1px solid #a37c48;
}
.custom-listing-with-filtering .listing .item .check-icon i {
  font-size: 14px;
  color: #a37c48;
  display: none;
}
.custom-listing-with-filtering .listing .item.selected {
  background-color: #d4ac6d;
  border: 1px solid #d4ac6d;
  transition: 0.2s all;
  cursor: pointer;
}
.custom-listing-with-filtering .listing .item.selected .check-icon {
  background-color: white;
}
.custom-listing-with-filtering .listing .item.selected .check-icon i {
  display: block;
  color: #a37c48;
}
.custom-listing-with-filtering .listing .item.selected .name {
  color: white;
}
.custom-listing-with-filtering .selected-counter {
  /* 
  <div class="selected-counter">
      <span class="selected-count">0</span> invitați selectați.
  </div>
  */
  font-size: 14px;
  font-weight: 400;
  color: #a37c48;
}
.custom-listing-with-filtering .selected-counter .selected-count {
  color: #d4ac6d;
  font-weight: bold;
}
.custom-listing-with-filtering .selection-actions {
  display: flex;
  gap: 4px;
}
.custom-listing-with-filtering .selection-actions a {
  text-decoration: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #a37c48;
  border: 1px solid #a37c48;
  display: flex;
  gap: 4px;
  align-items: center;
  width: fit-content;
}
.custom-listing-with-filtering .selection-actions a i {
  font-size: 14px;
  color: white;
}
.custom-listing-with-filtering .selection-actions a span {
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.custom-listing-with-filtering .selection-actions a:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
}
.custom-listing-with-filtering .selection-actions a:hover i {
  color: #a37c48;
}
.custom-listing-with-filtering .selection-actions a:hover span {
  color: #a37c48;
}
.custom-listing-with-filtering .custom-filters {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.custom-listing-with-filtering .custom-filters .item-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-direction: row;
  border: 1px solid #ededed;
  border-radius: 4px;
  padding: 8px 12px;
  align-items: center;
}
.custom-listing-with-filtering .custom-filters .item-group .custom-filter-name {
  font-size: 14px;
  font-weight: 400;
  color: black;
}
.custom-listing-with-filtering .custom-filters .item-group .custom-filter-checkbox {
  display: flex;
  gap: 4px;
}
.custom-listing-with-filtering .custom-filters .item-group .custom-filter-checkbox input[type=checkbox] {
  display: none;
}
.custom-listing-with-filtering .custom-filters .item-group .custom-filter-checkbox input[type=checkbox]:checked + label {
  background-color: #d4ac6d;
  color: white;
}
.custom-listing-with-filtering .custom-filters .item-group .custom-filter-checkbox label {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #d4ac6d;
  font-size: 12px;
  font-weight: 700;
  color: #d4ac6d;
  cursor: pointer;
  margin: 0;
  line-height: 1.2;
  cursor: pointer;
}
.custom-listing-with-filtering .custom-filters .item-group .custom-filter-checkbox label:hover {
  background-color: #d4ac6d;
  color: white;
  transition: 0.2s;
}

.budget-payments-wrapper {
  padding: 24px;
  border: 2px solid #a37c48;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

td.actions-col {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2px;
  column-gap: 8px;
}

.moodboard-type-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  border: 1px solid #ededed;
  padding: 4px;
  border-radius: 4px;
  width: fit-content;
}
.moodboard-type-wrapper .type-item {
  padding: 4px 12px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #a37c48;
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  cursor: pointer;
}
.moodboard-type-wrapper .type-item i, .moodboard-type-wrapper .type-item span {
  color: #a37c48;
  font-size: 14px;
  font-weight: bold;
}
.moodboard-type-wrapper .type-item.selected, .moodboard-type-wrapper .type-item:hover {
  background-color: #a37c48;
  transition: 0.2s;
}
.moodboard-type-wrapper .type-item.selected i, .moodboard-type-wrapper .type-item.selected span, .moodboard-type-wrapper .type-item:hover i, .moodboard-type-wrapper .type-item:hover span {
  color: white;
}

/* New Preview Wedgame Modal */
.preview-wedgame-wrapper .carousel-actions-preview {
  position: relative;
}
.preview-wedgame-wrapper .navigator-btn {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--dark-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: white;
}
.preview-wedgame-wrapper .navigator-btn i {
  color: white;
  background: none;
  line-height: 0px;
  height: inherit;
  width: inherit;
  text-align: center;
  transforM: none;
  box-shadow: none;
  padding: 0px;
  margin: 0px;
  top: inherit;
  left: inherit;
  position: relative;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-wedgame-wrapper .preview-left {
  position: absolute;
  z-index: 9;
  top: 204px;
  left: 0px;
  margin: 5px;
  opacity: 0.8;
}
.preview-wedgame-wrapper .preview-left:hover {
  opacity: 1;
  transition: 0.2s all;
}
.preview-wedgame-wrapper .preview-left i {
  top: auto;
}
.preview-wedgame-wrapper .preview-right {
  position: absolute;
  z-index: 9;
  top: 204px;
  right: 0px;
  margin: 5px;
  opacity: 0.8;
}
.preview-wedgame-wrapper .preview-right:hover {
  opacity: 1;
  transition: 0.2s all;
}
.preview-wedgame-wrapper .preview-right i {
  top: auto;
}
.preview-wedgame-wrapper #desc img {
  display: flex;
  max-width: 100%;
}

.modal-preview-wedgame-transparent .wrapper {
  max-width: inherit !important;
  width: inherit !important;
  background-color: transparent;
  max-height: 100vh !important;
  padding: 0px !important;
}
@media (max-width: 992px) {
  .modal-preview-wedgame-transparent .iphone-x {
    height: calc(100vh - 100px);
  }
}
@media (max-width: 992px) {
  .modal-preview-wedgame-transparent .preview-action .inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.preview-action {
  position: relative;
}

.iphone-x {
  position: relative;
  overflow: hidden;
  margin: 40px auto;
  width: 360px;
  max-width: 90%;
  height: 780px;
  background-color: white;
  /* background-image: linear-gradient(60deg, #7371ee 1%, #a1d9d6 100%); */
  border-radius: 40px;
  box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 13px #191919, 0px 0px 0px 20px #111;
}

@media (max-width: 992px) {
  .iphone-x {
    height: 520px;
  }
}
.iphone-x .device-content {
  height: 100%;
  overflow-y: scroll;
  margin-right: -2px;
}

.iphone-x:before, .iphone-x:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.iphone-x:after {
  bottom: 7px;
  width: 140px;
  height: 4px;
  background-color: #f2f2f2;
  border-radius: 10px;
}

.iphone-x:before {
  z-index: 4;
  top: 0px;
  width: 56%;
  height: 30px;
  background-color: #1f1f1f;
  border-radius: 0px 0px 40px 40px;
}

.preview-action .top {
  padding: 40px 15px 20px 15px;
  height: 250px;
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  width: 100%;
  padding-bottom: 20px;
}

.preview-action .top .bg-shade {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--primary-bg-color);
  opacity: 0;
  z-index: 2;
}

.preview-action .top .elements {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12px 16px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 3;
}

.preview-action .top h4 {
  font-size: 20px;
  font-weight: bold;
  color: white;
  line-height: 28px;
  margin-bottom: 0px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.preview-action .top .mission-name {
  font-size: 13px;
  color: white;
  opacity: 0.7;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.preview-action .top .points .number {
  font-weight: 800;
  color: white;
  text-align: center;
  font-size: 30px;
  margin-bottom: 0px;
}

.preview-action .top .points .label {
  font-size: 13px;
  text-align: center;
  width: 100%;
  margin-top: -7px;
  display: block;
  margin-bottom: 0px;
  color: white;
}

.preview-action .swiper-notification {
  display: none;
}

.preview-action .white-area {
  background-color: white;
  padding: 24px;
  z-index: 6;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.preview-action .white-area .answer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.preview-action .white-area .answer .answer-label {
  font-size: 16px;
  font-weight: bold;
  opacity: 0.6;
  margin: 0;
  padding: 0;
}
.preview-action .white-area .answer .answer-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.preview-action .white-area .answer .answer-input input {
  padding: 8px 12px;
  width: 100%;
  border-radius: 4px;
  border: 2px solid #a37c48;
  width: 100%;
  font-size: 16px;
  color: black;
}
.preview-action .white-area .answer .answer-input input:focus {
  outline: none;
  border: 2px solid #d4ac6d;
}
.preview-action .white-area .answer .answer-input .secret-word-wrapper {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.preview-action .white-area .answer .answer-input .secret-word-wrapper .box {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid rgba(163, 124, 72, 0.3294117647);
}
.preview-action .white-area .answer .answer-input .upload-picture-mock, .preview-action .white-area .answer .answer-input .upload-video-mock {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.preview-action .white-area .answer .answer-input .upload-picture-mock .item, .preview-action .white-area .answer .answer-input .upload-video-mock .item {
  background-color: #a37c48;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  border: 1px solid #a37c48;
  width: calc(50% - 8px);
  min-height: 100px;
  text-align: center;
  cursor: pointer;
}
.preview-action .white-area .answer .answer-input .upload-picture-mock .item i, .preview-action .white-area .answer .answer-input .upload-video-mock .item i {
  font-size: 22px;
  color: white;
}
.preview-action .white-area .answer .answer-input .upload-picture-mock .item p, .preview-action .white-area .answer .answer-input .upload-video-mock .item p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: white;
}
.preview-action .white-area .answer .answer-input .upload-picture-mock .item:hover, .preview-action .white-area .answer .answer-input .upload-video-mock .item:hover {
  background-color: white;
  color: #a37c48;
}
.preview-action .white-area .answer .answer-input .upload-picture-mock .item:hover p, .preview-action .white-area .answer .answer-input .upload-picture-mock .item:hover i, .preview-action .white-area .answer .answer-input .upload-video-mock .item:hover p, .preview-action .white-area .answer .answer-input .upload-video-mock .item:hover i {
  color: #a37c48;
}
.preview-action .white-area .answer .answer-input .upload-video-mock .item {
  width: 100%;
}
.preview-action .white-area .answer .answer-input .poll-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.preview-action .white-area .answer .answer-input .poll-card-wrapper .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.preview-action .white-area .answer .answer-input .poll-card-wrapper .item .radio-wrapper {
  width: 24px;
  height: 24px;
  border: 2px solid #a37c48;
  border-radius: 16px;
  background-color: white;
  flex: none;
}
.preview-action .white-area .answer .answer-input .poll-card-wrapper .item p {
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  color: black;
  margin: 0;
  padding: 0;
}
.preview-action .white-area .submit-wrapper {
  display: flex;
  align-items: center;
}
.preview-action .white-area .submit-wrapper button {
  background-color: #a37c48;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: white;
  border: 1px solid #a37c48;
  cursor: pointer;
  transition: 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.preview-action .white-area .submit-wrapper button:hover {
  background-color: white;
  color: #a37c48;
  transition: 0.2s;
}
.preview-action .white-area .submit-wrapper button:hover i {
  color: #a37c48;
}
.preview-action .white-area .submit-wrapper button:hover span {
  color: #a37c48;
}

.preview-action .description {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

.preview-action .ck-editor__editable {
  height: 100%;
  border: none !important;
  border-color: white;
}

.preview-action .ck-reset_all {
  display: none;
}

.preview-action .white-area h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  color: var(--primary-bg-color);
  margin-bottom: 10px;
}

.preview-action .white-area h3 {
  font-size: 22px;
  font-weight: bold;
  color: black;
  margin-bottom: 8px;
}

.preview-action .white-area h4 {
  font-size: 20px;
  font-weight: bold;
  color: black;
  margin-bottom: 8px;
}

.preview-action .white-area p {
  font-size: 16px;
  font-weight: 500;
  color: black;
  margin-bottom: 8px;
}

.preview-action .submit-button {
  background-color: var(--primary-bg-color);
  border-radius: 6px;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px 15px;
  margin-bottom: 20px;
}

.preview-action .answer .label {
  font-size: 12px;
  font-weight: bold;
  color: #cacaca;
  margin-bottom: 10px;
  padding-left: 0px;
}

.preview-action .grile-wrapper {
  margin-bottom: 20px;
  display: block;
}

.preview-action .grile-wrapper .grila {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
  align-items: center;
}

.preview-action .grile-wrapper .grila .round {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #cacaca;
  margin-right: 10px;
  flex: none;
}

.preview-action .grile-wrapper .grila p {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: bold;
}

.preview-action .upload-something img {
  display: block;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.preview-action .link-watch {
  font-weight: bold;
  color: var(--primary-bg-color) !important;
  margin-bottom: 10px;
}

.preview-action .password-input-wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px;
}

.preview-action .password-input-wrapper .password-input {
  margin: 3px;
  width: 40px;
  height: 40px;
  border: 1px solid #cacaca;
  border-radius: 6px;
}

/* End of New Preview Wedgame Modal */
.dar-de-nunta-splitted {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 4px;
}
.dar-de-nunta-splitted p {
  font-size: 14px;
  font-weight: 800;
  color: #a37c48;
  opacity: 0.7;
  margin: 0;
  padding: 0;
}

.dar-de-nunta-total {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dar-de-nunta-total p, .dar-de-nunta-total span {
  margin: 0;
  padding: 0;
}
.dar-de-nunta-total .amounts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dar-de-nunta-total .amounts p {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #a37c48;
}
.dar-de-nunta-total .currency-switcher {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: white;
  width: fit-content;
}
.dar-de-nunta-total .currency-switcher .item {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: white;
  color: #d4ac6d;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  cursor: pointer;
}
.dar-de-nunta-total .currency-switcher .item:hover, .dar-de-nunta-total .currency-switcher .item.selected {
  background-color: #a37c48;
  border: 1px solid #a37c48;
  transition: 0.2s all;
  color: white;
}

.preview-furnizor-link-register {
  background: rgb(255, 244, 227);
  background: linear-gradient(135deg, rgb(245, 224, 197) 0%, rgb(255, 237, 213) 50%, rgb(255, 248, 238) 100%);
  border: 1px solid #a37c48;
  padding: 16px 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  cursor: pointer;
}
.preview-furnizor-link-register i {
  font-size: 24px;
  color: #a37c48;
}
.preview-furnizor-link-register p {
  line-height: 20px;
  font-size: 14px;
}
.preview-furnizor-link-register strong {
  color: #5a4831;
  display: block;
  font-size: 16px;
  margin-bottom: 2px;
}

/* Onboarding Modal */
.onboarding-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}
.onboarding-modal.fade-out {
  animation: fadeOut 0.4s ease;
}
.onboarding-modal[style*="display: flex"] {
  animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.onboarding-wrapper {
  background: white;
  border-radius: 24px;
  max-width: 900px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: slideUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 768px) {
  .onboarding-wrapper {
    padding: 30px 20px;
    max-height: 95vh;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.onboarding-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
  border: none;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: 10;
}
.onboarding-close:hover {
  background: #f5f5f5;
  color: #333;
  transform: rotate(90deg);
}

.onboarding-progress {
  margin-bottom: 40px;
}
.onboarding-progress .progress-bar-onboarding {
  height: 6px;
  background: #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.onboarding-progress .progress-bar-onboarding .progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #a37c48, #d4ac6d);
  border-radius: 10px;
  transition: width 0.4s ease;
  width: 33.33%;
}
.onboarding-progress .progress-text {
  text-align: center;
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.onboarding-step {
  display: none;
}
.onboarding-step.active {
  display: block;
  animation: fadeInStep 0.4s ease;
}
.onboarding-step.exit-left {
  animation: slideOutLeft 0.3s ease;
}
.onboarding-step.exit-right {
  animation: slideOutRight 0.3s ease;
}
.onboarding-step.enter-right {
  animation: slideInRight 0.4s ease;
}
.onboarding-step.enter-left {
  animation: slideInLeft 0.4s ease;
}

@keyframes fadeInStep {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideOutLeft {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes slideOutRight {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    transform: translateX(-50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.step-content {
  text-align: center;
}
.step-content .step-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 30px;
  background: linear-gradient(135deg, #d4ac6d, #a37c48);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: white;
  box-shadow: 0 10px 30px rgba(212, 172, 109, 0.3);
  animation: pulse 2s infinite;
}
.step-content .step-icon.success {
  background: linear-gradient(135deg, #4caf50, #45a049);
  animation: successPulse 0.6s ease;
}
.step-content .step-icon i {
  animation: iconFloat 3s ease-in-out infinite;
}
.step-content h2 {
  font-size: 32px;
  color: #333;
  margin-bottom: 15px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .step-content h2 {
    font-size: 24px;
  }
}
.step-content .step-description {
  font-size: 16px;
  color: #666;
  margin-bottom: 40px;
  line-height: 1.6;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@keyframes successPulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes iconFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.options-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .options-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.option-card {
  background: white;
  border: 3px solid #e0e0e0;
  border-radius: 16px;
  padding: 30px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}
.option-card:hover {
  border-color: #d4ac6d;
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(212, 172, 109, 0.2);
}
.option-card.selected {
  border-color: #d4ac6d;
  background: linear-gradient(135deg, rgba(212, 172, 109, 0.1), rgba(163, 124, 72, 0.05));
  box-shadow: 0 10px 30px rgba(212, 172, 109, 0.3);
}
.option-card.selected .option-icon {
  background: linear-gradient(135deg, #d4ac6d, #a37c48);
  transform: scale(1.1);
}
.option-card.selected .option-icon i {
  color: white;
}
.option-card .option-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #a37c48;
  transition: all 0.3s ease;
}
.option-card h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  font-weight: 600;
}
.option-card p {
  font-size: 14px;
  color: #666;
  margin: 0;
  line-height: 1.5;
}

.event-types-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .event-types-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 992px) {
  .event-types-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .event-types-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

.event-type-card {
  display: flex;
  flex-direction: column;
  background: white;
  border: 3px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
.event-type-card:hover {
  border-color: #d4ac6d;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(212, 172, 109, 0.2);
}
.event-type-card:hover .event-image img {
  transform: scale(1.1);
}
.event-type-card.selected {
  border-color: #d4ac6d;
  box-shadow: 0 8px 20px rgba(212, 172, 109, 0.3);
}
.event-type-card.selected .event-label {
  background: linear-gradient(135deg, #d4ac6d, #a37c48);
  color: white;
}
.event-type-card.selected .event-image img {
  transform: scale(1.1);
}
.event-type-card .event-image {
  height: 100px;
  overflow: hidden;
}
.event-type-card .event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.event-type-card .event-label {
  padding: 12px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  transition: all 0.3s ease;
  text-align: center;
}

.navigation-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .navigation-buttons {
    flex-direction: column;
    gap: 10px;
  }
}

.skip-button {
  background: transparent;
  border: none;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.skip-button:hover {
  color: #a37c48;
  background: rgba(212, 172, 109, 0.1);
}
.skip-button i {
  font-size: 12px;
}

.back-button {
  background: #f5f5f5;
  border: none;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  padding: 12px 24px;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.back-button:hover {
  background: #e0e0e0;
  color: #333;
}

.back-button-standalone {
  background: transparent;
  border: 2px solid #e0e0e0;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  padding: 12px 24px;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  margin-top: 20px;
}
.back-button-standalone:hover {
  border-color: #d4ac6d;
  color: #a37c48;
  background: rgba(212, 172, 109, 0.05);
}

.final-actions {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 40px auto;
  max-width: 400px;
}

.primary-action-button {
  background: linear-gradient(135deg, #d4ac6d, #a37c48);
  border: none;
  color: white;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  padding: 18px 36px;
  border-radius: 12px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-shadow: 0 8px 20px rgba(212, 172, 109, 0.3);
}
.primary-action-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(212, 172, 109, 0.4);
}
.primary-action-button:active {
  transform: translateY(-1px);
}
.primary-action-button i {
  font-size: 18px;
}

.secondary-action-button {
  background: white;
  border: 2px solid #d4ac6d;
  color: #a37c48;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  padding: 18px 36px;
  border-radius: 12px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.secondary-action-button:hover {
  background: rgba(212, 172, 109, 0.1);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(212, 172, 109, 0.2);
}
.secondary-action-button:active {
  transform: translateY(-1px);
}
.secondary-action-button i {
  font-size: 18px;
}

/* End of Onboarding Modal */
/* Event Switcher in Sidebar */
.event-switcher-wrapper {
  padding: 20px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  margin-top: 14px;
  background-color: #382c1d;
}

.event-switcher-dropdown {
  position: relative;
}
.event-switcher-dropdown .event-role-badge {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border: 1px solid rgba(212, 172, 109, 0.34);
  border-radius: 999px;
  color: #f5d8aa;
  background: rgba(212, 172, 109, 0.14);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.event-switcher-dropdown .event-role-badge i {
  color: #e8b96f;
  font-size: 9px;
}
.event-switcher-dropdown .event-role-badge span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.event-switcher-dropdown .current-event {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  overflow: hidden;
}
.event-switcher-dropdown .current-event:hover {
  background: rgba(255, 255, 255, 0.12);
}
.event-switcher-dropdown .current-event .event-info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.event-switcher-dropdown .current-event .event-info .event-icon {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #d4ac6d, #a37c48);
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.event-switcher-dropdown .current-event .event-info .event-icon i {
  color: white;
  font-size: 16px;
}
.event-switcher-dropdown .current-event .event-info .event-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.event-switcher-dropdown .current-event .event-info .event-details .event-name {
  color: white;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-switcher-dropdown .current-event .event-info .event-details .event-date {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.event-switcher-dropdown .current-event .dropdown-arrow {
  margin-left: 8px;
  flex-shrink: 0;
}
.event-switcher-dropdown .current-event .dropdown-arrow i {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  transition: transform 0.3s ease;
}
.event-switcher-dropdown .events-dropdown-list {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #34291b;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  z-index: 2;
  max-height: 400px;
  overflow-y: auto;
  padding: 8px;
  animation: dropdownSlideDown 0.3s ease;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.event-switcher-dropdown .events-dropdown-list .event-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
  text-decoration: none;
}
.event-switcher-dropdown .events-dropdown-list .event-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
.event-switcher-dropdown .events-dropdown-list .event-item.active {
  background: rgba(212, 172, 109, 0.15);
}
.event-switcher-dropdown .events-dropdown-list .event-item.active .event-item-icon {
  background: linear-gradient(135deg, #d4ac6d, #a37c48);
}
.event-switcher-dropdown .events-dropdown-list .event-item.active .event-item-icon i {
  color: white;
}
.event-switcher-dropdown .events-dropdown-list .event-item.active .event-item-image {
  border: 2px solid #d4ac6d;
}
.event-switcher-dropdown .events-dropdown-list .event-item.create-new .event-item-icon {
  background: rgba(229, 173, 91, 0.16);
}
.event-switcher-dropdown .events-dropdown-list .event-item.create-new .event-item-icon i {
  color: #e5ad5b;
}
.event-switcher-dropdown .events-dropdown-list .event-item.create-new .event-item-name {
  color: #4caf50;
  font-weight: 600;
}
.event-switcher-dropdown .events-dropdown-list .event-item.create-new:hover {
  background: rgba(229, 173, 91, 0.09);
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-icon i {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-image {
  width: 45px;
  height: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.08);
  border: none;
  transition: all 0.2s ease;
  position: relative;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-image i {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-info .event-item-name {
  color: white;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-info .event-item-date {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-check {
  margin-left: 8px;
}
.event-switcher-dropdown .events-dropdown-list .event-item .event-item-check i {
  color: #d4ac6d;
  font-size: 14px;
}
.event-switcher-dropdown .events-dropdown-list .event-item-separator {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 8px 0;
}
.event-switcher-dropdown .events-dropdown-list::-webkit-scrollbar {
  width: 6px;
}
.event-switcher-dropdown .events-dropdown-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.event-switcher-dropdown .events-dropdown-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}
.event-switcher-dropdown .events-dropdown-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.sidenav-toggled .current-event {
  padding: 0px;
  padding-left: 12px !important;
}
.sidenav-toggled .current-event .event-details {
  display: none;
}
.sidenav-toggled .dropdown-arrow {
  display: none;
}
.sidenav-toggled .event-info {
  justify-content: center;
  padding: 4px;
}

@keyframes dropdownSlideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.no-events-wrapper {
  text-align: center;
  padding: 20px 10px;
}
.no-events-wrapper .no-events-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 15px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-events-wrapper .no-events-icon i {
  color: rgba(255, 255, 255, 0.4);
  font-size: 28px;
}
.no-events-wrapper h4 {
  color: white;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.no-events-wrapper p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.no-events-wrapper .create-event-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, #d4ac6d, #a37c48);
  color: white;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(212, 172, 109, 0.3);
}
.no-events-wrapper .create-event-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(212, 172, 109, 0.4);
  color: white;
}
.no-events-wrapper .create-event-button i {
  font-size: 14px;
}

.event-premium-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  background: linear-gradient(135deg, rgb(228, 191, 123) 0%, rgb(203, 169, 106) 50%, rgba(163, 124, 72, 0.84) 100%);
  backdrop-filter: blur(10px);
  color: white;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 23px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-premium-badge i {
  font-size: 10px !important;
  color: white !important;
}

/* End of Event Switcher */
/* Create Event Wizard */
.create-event-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 0 20px;
  position: relative;
}

.create-event-steps .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
  opacity: 0.5;
  transition: all 0.3s ease;
  z-index: 1;
}

.create-event-steps .step.active {
  opacity: 1;
}

.create-event-steps .step.completed {
  opacity: 1;
}

.create-event-steps .step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20px;
  left: calc(50% + 25px);
  width: calc(100% - 50px);
  height: 3px;
  background: #e0e0e0;
  z-index: 0;
  transition: background 0.3s ease;
}

.create-event-steps .step.completed:not(:last-child)::after {
  background: linear-gradient(90deg, #d4ac6d 0%, #a37c48 100%);
}

.create-event-steps .step-number {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f0f0f0;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  border: 3px solid #f0f0f0;
  font-size: 18px;
  position: relative;
  z-index: 2;
}

.create-event-steps .step.completed .step-number {
  background: linear-gradient(135deg, #d4ac6d 0%, #a37c48 100%);
  color: white;
  border-color: #d4ac6d;
}

.create-event-steps .step.active .step-number {
  background: linear-gradient(135deg, #d4ac6d 0%, #a37c48 100%);
  color: white;
  box-shadow: 0 4px 20px rgba(212, 172, 109, 0.4);
  border-color: #d4ac6d;
  transform: scale(1.1);
}

.create-event-steps .step-label {
  font-size: 12px;
  text-align: center;
  color: #666;
  font-weight: 500;
}

.create-event-steps .step.active .step-label {
  color: #d4ac6d;
  font-weight: 600;
}

.form-step {
  display: none;
  animation: fadeIn 0.3s ease;
}

.form-step.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.step-title {
  font-size: 24px;
  font-weight: 600;
  color: #d4ac6d;
  margin-bottom: 10px;
  text-align: center;
}

.step-description {
  text-align: center;
  color: #666;
  margin-bottom: 30px;
}

.event-types-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.event-type-card {
  background-size: cover;
  background-position: center;
  border: 3px solid #382c1d;
  border-radius: 16px;
  padding: 0;
  height: 180px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

.event-type-card .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  transition: all 0.3s ease;
}

.event-type-card:hover {
  border-color: #d4ac6d;
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.event-type-card:hover .card-overlay {
  background: linear-gradient(180deg, rgba(212, 172, 109, 0.1) 0%, rgba(212, 172, 109, 0.8) 100%);
}

.event-type-card.selected {
  border-color: #d4ac6d;
  box-shadow: 0 8px 25px rgba(212, 172, 109, 0.4);
  transform: translateY(-8px);
}

.event-type-card.selected .card-overlay {
  background: linear-gradient(180deg, rgba(212, 172, 109, 0.2) 0%, rgba(212, 172, 109, 0.85) 100%);
}

.event-type-card span {
  font-size: 18px;
  font-weight: 600;
  color: white;
  position: relative;
  z-index: 1;
  padding: 15px;
  width: 100%;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.form-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 2px solid #f0f0f0;
}

.form-navigation .btn {
  padding: 12px 30px;
  font-weight: 500;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.form-navigation .btn i {
  margin: 0 5px;
}

.useful-info-item {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
}

.useful-info-item .input-group {
  margin-bottom: 0;
}

.useful-info-item .btn-danger {
  margin-left: 10px;
}

@media (max-width: 768px) {
  .create-event-steps {
    padding: 0 5px;
  }
  .create-event-steps .step-label {
    font-size: 10px;
  }
  .create-event-steps .step-number {
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-width: 2px;
  }
  .event-types-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .event-type-card {
    height: 150px;
  }
  .event-type-card span {
    font-size: 16px;
    padding: 12px;
  }
  .form-navigation {
    flex-direction: column;
    gap: 10px;
  }
  .form-navigation .btn {
    width: 100%;
  }
}
/* End of Create Event Wizard */
.branch-period {
  font-size: 13px;
  color: #64748b;
  font-weight: 400;
  margin: 8px 0 0 0;
  padding: 6px 12px;
  background: rgba(148, 163, 184, 0.08);
  border-radius: 6px;
  display: inline-block;
  letter-spacing: 0.3px;
}

.branch-header h3 {
  margin-bottom: 4px;
}

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