@charset "UTF-8";
:root {
  --background: #ffffff;
  --foreground: #171717;
}

:root {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}
body {
  background: var(--background);
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: "Inter", sans-serif;
}

.root-background {
  background: linear-gradient(180deg, #544031 0%, #000000 17%, #604837 100%);
}

.szolgaltatas-aloldal-background {
  background: linear-gradient(180deg, #5b4534 2%, #000000 10%, #49372a 100%);
}

/* Szolgáltatás aloldal */
.hexagon-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.row {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.szolgaltatas-aloldal-polygon {
  clip-path: polygon(0% 50%, 20% 10%, 80% 10%, 100% 50%, 80% 90%, 20% 90%);
}

.szolgaltatas-aloldal-line {
  background: linear-gradient(90deg, #4d3925 0%, #e4af89 48.5%, #472e1d 100%);
}

/* Szolgáltatás */
.szolgaltatas-line {
  background: linear-gradient(90deg, #4d3325 19.46%, #f0ba93 66.17%, #462b1e 100%);
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
}

.szolgaltatas-line-reverse {
  background: linear-gradient(90deg, #4d3325 19.46%, #f0ba93 66.17%, #462b1e 100%);
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* */
.hexagon {
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}

.hexagon-contact {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

@media (min-width: 768px) {
  .hexagon-contact {
    clip-path: polygon(50% 0%, 90% 25%, 90% 75%, 50% 100%, 0% 75%, 0% 25%);
  }
}
.button-gradient {
  background: linear-gradient(90deg, #302212 0%, #eab48e 50%, #422a1a 100%);
  clip-path: polygon(0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%);
  color: #010101;
  font-weight: 800;
  font-size: 20px;
  padding: 10px 40px;
}

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

.input-shape {
  clip-path: polygon(0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%);
  height: 70px;
  min-width: 50svh;
  padding: 16px 30px;
  color: #000;
}

.input-shape-szaloldal {
  clip-path: polygon(0% 50%, 2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%);
  height: 70px;
  padding: 16px 30px;
  color: #000;
}

.border-gradient {
  border: 4px solid;
  border-image-source: linear-gradient(180deg, #7c6a62 0%, #eab58f 27.15%, #4d3325 52.21%);
  border-image-slice: 1;
}

.login-polygon-container {
  position: relative;
  width: 60svw;
  height: 50svh;
}

.login-polygon-shape {
  clip-path: polygon(0% 50%, 10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%);
}

.login-polygon-border {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #7c6a62 0%, #eab58f 27.15%, #4d3325 52.21%);
  z-index: 0;
}

.login-polygon-inner {
  position: absolute;
  inset: 4px;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99999;
}

.contact-list-item {
  font-weight: 800;
  font-size: 32px;
  line-height: normal;
  text-transform: uppercase;
  text-align: justify;
  text-wrap: nowrap;
}

.line {
  background: linear-gradient(90deg, #4d3325 7.33%, #f0ba93 56.95%, #462b1e 92.88%);
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.line-reverse {
  background: linear-gradient(90deg, #4d3325 7.88%, #f0ba93 61.29%, #462b1e 99.96%);
  clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 5% 100%);
}

.blog-background {
  background: linear-gradient(180deg, #000000 0%, #715340 100%);
}

.introduction-background {
  background: linear-gradient(180deg, #000000 0%, #533e31 100%);
}

.blogpost-line {
  background: linear-gradient(90deg, #4d3925 0%, #e4af89 48.5%, #472e1d 100%);
}

.blogpost-background {
  background: linear-gradient(180deg, #000000 0%, #6f523f 100%);
}

/* Carousel container */
.carousel-container {
  width: 100%;
  position: relative;
}

/* Carousel content */
.carousel-content {
  display: flex;
  padding: 0 0px;
  justify-content: center;
  gap: 70px;
}

/* Carousel item */
.carousel-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 0px;
}

/* Placeholder image */
.placeholder-image {
  width: 100%;
  width: 380px;
  height: 340px;
  background-color: #9c826f;
  margin-bottom: 24px;
}

/* Item title */
.item-title {
  color: white;
  font-weight: bold;
  font-size: 32px;
  max-width: 340px;
  text-align: center;
  margin-bottom: 16px;
  text-transform: uppercase;
}

/* Item content */
.item-content {
  color: white;
  text-align: justify;
  font-size: 24px;
  max-width: 380px;
  line-height: 1.7;
}

/* Responsive styles */
@media (max-width: 768px) {
  .carousel-content {
    flex-direction: column;
    gap: 40px;
  }
  .carousel-item {
    max-width: 400px;
    margin: 0 auto;
  }
}
.referencia-aloldal-background {
  background: linear-gradient(180deg, #785844 0%, #000000 26%);
}

.referencia-aloldal-first-section {
  clip-path: polygon(0% 50%, 20% 0%, 100% 0%, 100% 100%, 20% 100%);
}

.referencia-aloldal-second-section {
  clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 0% 100%);
}

.referencia-galeria-polygon {
  clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 20% 100%);
}

.referencia-aloldal-first-section-polygon {
  clip-path: polygon(0% 10%, 65% 10%, 100% 50%, 65% 90%, 0% 90%);
  background: linear-gradient(0deg, #3f2e1c 4.71%, #c89876 94.84%);
}

.image-line-polygon-1 {
  background: #000;
  clip-path: polygon(10% 0%, 13% 0%, 43% 100%, 40% 100%);
}

.image-line-polygon-2 {
  background: #000;
  clip-path: polygon(30% 0%, 33% 0%, 68% 100%, 65% 100%);
}

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