#not-found-body #navbar.top, #not-found-body #navbar-mobile.top {
  background: var(--black-1);
  opacity: 0.9;
}
#not-found-body .showcase-not-found::before {
  display: none;
}
#not-found-body .showcase-not-found .showcase-wrapper {
  padding: var(--spacing-xxl);
  align-items: center;
  text-align: center;
}
#not-found-body .showcase-not-found .showcase-wrapper > *:not(.main-button) {
  color: var(--body-text);
}
#not-found-body .showcase-not-found .showcase-wrapper .showcase-title span {
  color: var(--primary-default);
}
#not-found-body .showcase-not-found .showcase-wrapper .not-found-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
#not-found-body .showcase-not-found .showcase-wrapper .not-found-wrapper p {
  font-size: 128px;
}

#about-body .showcase-about {
  background: url("../images/about/showcase.jpg") no-repeat center/cover;
  margin: 0;
}
#about-body .showcase-about::before {
  background: rgba(0, 0, 0, 0.2);
}
#about-body .showcase-about .showcase-wrapper span {
  color: var(--primary-default);
  text-transform: uppercase;
}
#about-body .showcase-about .showcase-wrapper .showcase-subtitle {
  width: 70%;
}
#about-body .team-wrapper .cards-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-xxl);
}
#about-body .team-wrapper .cards-container .card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  gap: var(--spacing-lg);
}
#about-body .about-us-wrapper {
  background: url("../images/about/bg-image-media.png") no-repeat 0 80%/cover;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-xxl);
  padding-top: calc(2 * var(--spacing-xxl));
}
#about-body .about-us-wrapper > div:first-child {
  width: 45%;
}
#about-body .about-us-wrapper .container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl);
}
#about-body .about-us-wrapper .container .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
#about-body .about-us-wrapper .container .content-wrapper .description {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-md);
}
#about-body .about-us-wrapper .container.stats-wrapper .stats-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: var(--spacing-xl);
  gap: var(--spacing-md);
  background: var(--white);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 0.8;
  border-radius: var(--border-radius-lg);
  width: 280px;
}
#about-body .about-us-wrapper .container.stats-wrapper .stats-box h2 {
  color: var(--primary-default);
}
#about-body .about-us-wrapper .container.stats-wrapper > div {
  display: flex;
  gap: var(--spacing-xxl);
}

#contact-body .showcase-contact {
  background: url(../images/contact/showcase.webp) no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#contact-body .showcase-contact::before {
  background: rgba(0, 0, 0, 0.2);
}
#contact-body .showcase-contact .contact-wrapper {
  display: flex;
  justify-content: center;
  padding: var(--spacing-xxl) 0 0;
}
#contact-body .showcase-contact .contact-wrapper .contact-left, #contact-body .showcase-contact .contact-wrapper .contact-right {
  padding: var(--spacing-xxl);
}
#contact-body .showcase-contact .contact-wrapper .contact-left .title, #contact-body .showcase-contact .contact-wrapper .contact-right .title {
  margin: 0 0 var(--spacing-xl);
}
#contact-body .showcase-contact .contact-wrapper .contact-left {
  background: var(--primary-default);
  border-top-left-radius: var(--border-radius-md);
  border-bottom-left-radius: var(--border-radius-md);
}
#contact-body .showcase-contact .contact-wrapper .contact-left > * {
  color: var(--white);
}
#contact-body .showcase-contact .contact-wrapper .contact-left .contact-data {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
#contact-body .showcase-contact .contact-wrapper .contact-left .contact-data .contact-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
#contact-body .showcase-contact .contact-wrapper .contact-left .contact-data .contact-item > * {
  color: var(--white);
  font-weight: 400;
  word-break: break-word;
}
#contact-body .showcase-contact .contact-wrapper .contact-right {
  background: var(--white);
  border-top-right-radius: var(--border-radius-md);
  border-bottom-right-radius: var(--border-radius-md);
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  /* Container to hold the input, label, and underline */
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form > div * {
  line-height: normal;
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data {
  position: relative;
  /* Input field */
  /* Label styling */
  /* Underline styling */
  /* Focused state for underline */
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data input {
  width: 100%;
  padding: var(--spacing-sm);
  border: none;
  border-bottom: 1px solid var(--gray-3);
  outline: none;
  font-size: var(--heading-5);
  transition: border-color 300ms ease-in-out;
  /* When input is focused or has a value, move the label */
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data input:focus + label, #contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data input:valid + label, #contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data input.has-value + label {
  top: calc(-1 * var(--spacing-sm));
  font-size: var(--small);
  color: var(--primary-default);
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data label {
  position: absolute;
  top: var(--spacing-sm);
  left: var(--spacing-sm);
  font-size: var(--heading-5);
  font-family: var(--primary-font-family);
  color: var(--gray-3);
  transition: top 200ms ease, font-size 200ms ease;
  pointer-events: none;
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data .underline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--gray-3);
  transition: background-color 300ms ease-in-out;
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .input-data input:focus ~ .underline {
  background: var(--primary-default);
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .is-invalid {
  visibility: hidden;
  color: var(--red-default);
}
#contact-body .showcase-contact .contact-wrapper .contact-right .contact-form .submit-button {
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  margin: var(--spacing-lg) 0 0;
}

#events-body .showcase-events {
  background: url("../images/events/showcase.webp") no-repeat 60%/cover;
}
#events-body .showcase-events::before {
  background: rgba(0, 0, 0, 0.2);
}
#events-body .showcase-events .showcase-wrapper .showcase-title span {
  color: var(--primary-default);
  text-transform: uppercase;
}
#events-body .showcase-events .showcase-wrapper .showcase-subtitle {
  width: 70%;
}
#events-body .events-wrapper {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "nunta nunta botez" "cununie petrecere botez" "majorat majorat corporate";
  gap: var(--spacing-md);
  padding: var(--spacing-xxl);
  margin: 0 0 var(--spacing-xxl);
  overflow: hidden;
}
#events-body .events-wrapper .event {
  position: relative;
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius-md);
  transition: background-size 600ms ease;
  min-height: 250px;
}
#events-body .events-wrapper .event::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
#events-body .events-wrapper .event:hover {
  background-size: 120%;
}
#events-body .events-wrapper .event .link-arrow {
  align-self: flex-end;
}
#events-body .events-wrapper .event .tag {
  margin: auto 0 0;
  color: var(--white);
}
#events-body .events-wrapper .nunta {
  background: url("../images/events/nunta.webp") no-repeat center/cover;
  grid-area: nunta;
  background-size: 100%;
}
#events-body .events-wrapper .botez {
  grid-area: botez;
  background: url("../images/events/botez.webp") no-repeat center/cover;
  background-size: 100%;
  height: auto;
}
#events-body .events-wrapper .cununie {
  grid-area: cununie;
  background: url("../images/events/cununie.webp") no-repeat center/cover;
  background-size: 100%;
}
#events-body .events-wrapper .petrecere {
  grid-area: petrecere;
  background: url("../images/events/petrecere.webp") no-repeat center/cover;
  background-size: 100%;
}
#events-body .events-wrapper .majorat {
  grid-area: majorat;
  background: url("../images/events/majorat.webp") no-repeat center/cover;
  background-size: 100%;
}
#events-body .events-wrapper .corporate {
  grid-area: corporate;
  background: url("../images/events/corporate.webp") no-repeat center/cover;
  background-size: 100%;
}
#events-body .pre-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: var(--primary-default);
  padding: var(--spacing-xxl);
  gap: var(--spacing-xl);
}
#events-body .pre-footer h5 {
  color: var(--white);
  font-weight: 400;
}
#events-body .pre-footer > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-lg);
}
#events-body .pre-footer .outline-button {
  border: 1px solid var(--white);
  color: var(--white);
}

#services-body .showcase-services {
  background: url("../images/services/showcase.jpg") no-repeat center/cover;
}
#services-body .showcase-services .showcase-wrapper span {
  color: var(--primary-default);
  text-transform: uppercase;
}
#services-body .showcase-services .showcase-wrapper .showcase-subtitle {
  width: 70%;
}
#services-body .services-wrapper .cards-container {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-xl);
}
#services-body .services-wrapper .cards-container .card {
  display: grid;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-lg);
  box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.15);
}
#services-body .services-wrapper .cards-container .card .card-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
#services-body .services-wrapper .cards-container .card .card-text-wrapper .card-text-content {
  color: var(--primary-default);
}

#home-body .showcase-home {
  background: url("../images/home/showcase.webp") no-repeat center/cover;
}
#home-body .events-wrapper .cards-container {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-xl);
}
#home-body .events-wrapper .cards-container .card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-lg);
  box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.15);
}
#home-body .events-wrapper .cards-container .card .card-text-wrapper .card-title {
  margin: 0 0 var(--spacing-md);
}
#home-body .events-wrapper .cards-container .card .card-text-wrapper .card-text-content {
  margin: 0 0 var(--spacing-lg);
}
#home-body .about-wrapper, #home-body .services-wrapper {
  position: relative;
}
#home-body .about-wrapper .container, #home-body .services-wrapper .container {
  background: var(--gray-default);
  width: 80%;
  padding: var(--spacing-xl);
  display: flex;
}
#home-body .about-wrapper .container .content-wrapper, #home-body .services-wrapper .container .content-wrapper {
  width: 50%;
}
#home-body .about-wrapper .container .content-wrapper .title, #home-body .services-wrapper .container .content-wrapper .title {
  margin: 0 0 var(--spacing-md);
}
#home-body .about-wrapper .container .content-wrapper .description, #home-body .services-wrapper .container .content-wrapper .description {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--spacing-lg);
  gap: var(--spacing-md);
}
#home-body .about-wrapper .promo-image, #home-body .services-wrapper .promo-image {
  position: absolute;
}
#home-body .about-wrapper .promo-image {
  right: 10%;
  bottom: 20%;
}
#home-body .services-wrapper .container {
  justify-content: flex-end;
}
#home-body .services-wrapper .promo-image {
  left: 10%;
  bottom: 20%;
}
#home-body .most-popular-wrapper {
  background: url("../images/bg-image-media.png") no-repeat center/cover;
  margin: 0;
}
#home-body .most-popular-wrapper .items-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-xxl);
}
#home-body .most-popular-wrapper .items-wrapper .item {
  border-radius: var(--border-radius-lg);
  padding: var(--spacing-xxl);
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.15);
  gap: var(--spacing-xl);
  transition: 600ms ease;
}
#home-body .most-popular-wrapper .items-wrapper .item img {
  border-radius: var(--border-radius-xxl);
}
#home-body .most-popular-wrapper .items-wrapper .item:hover {
  scale: 1.05;
  transition: 600ms ease;
}/*# sourceMappingURL=index.css.map */