/* Font Imports */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

/* For Typo Slab, we'll use a fallback system since it's a custom font */
@font-face {
  font-family: "Typo Slab";
  src: local("Roboto Slab"),
    url("../fonts/TypoSlab-Regular.woff2") format("woff2"),
    url("../fonts/TypoSlab-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Typo Slab";
  src: local("Roboto Slab Bold"),
    url("../fonts/TypoSlab-Bold.woff2") format("woff2"),
    url("../fonts/TypoSlab-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Global Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", "Arial", sans-serif;
  line-height: 1.6;
  color: #2a2a2a;
  background-color: #fff;
}

a {
  text-decoration: none;
  color: inherit !important;
}

ul {
  list-style: none;
}

.container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}

/* Header Styles */
header {
  background-color: #fff;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  position: sticky;
  top: 0;
  z-index: 100;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}

.logo {
  width: 115px;
  height: 45px;
}

.nav-menu {
  display: flex;
  gap: 40px;
}

.nav-menu a,
.nav-link,
.dropdown-item {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif !important;
  font-size: 15px;
  text-transform: uppercase !important;
  position: relative !important;
  color: #2a2a2a !important;
  padding-bottom: 0;
}

.nav-menu a.active::after,
.nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #601c4e;
}

.language-selector {
  width: 33px;
  height: 33px;
}

/* Mobil menü gomb (hamburger) */
.mobile-menu-button {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 22px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 200;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23601c4e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.mobile-menu-button .bar {
  height: 4px;
  width: 100%;
  background-color: #601c4e;
  border-radius: 2px;
}

.language-dropdown {
  position: relative;
}

.language-selector {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.language-selector img {
  width: 100%;
  height: auto;
}

.language-options {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  background: white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  list-style: none;
  margin: 0;
  padding: 5px 0;
  z-index: 150;
  border-radius: 6px;
  min-width: 150px;
}

.language-options li {
  padding: 8px 12px;
}

.language-options li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333;
  text-decoration: none;
}

.language-options li a:hover {
  background-color: #f0f0f0;
}

/* Megjelenítés hoverre */
.language-options.show {
  display: block;
}

/* Mobil menü */
@media (max-width: 768px) {
  .mobile-menu-button {
    display: flex;
  }

  .nav-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    display: none;
  }

  .nav-menu.active {
    display: flex;
    min-width: 250px;
  }

  .header-container {
    position: relative;
  }
}

/* Slider Styles */
.slider {
  width: 100%;
  height: 537px;
  position: relative;
  background-color: #a7d8e4;
  overflow: hidden;
  background-image: url("../images/slider-bg_v2.png");
  background-size: cover;
  background-position: center;
}

.slider-container {
  display: flex;
  height: 100%;
  position: relative;
}

.slider-content {
  width: 50%;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slider-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #601c4e;
  margin-bottom: 0;
  text-transform: uppercase;
}
.slider-subtitle {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #601c4e;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.slider-text {
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #2a2a2a;
  margin-bottom: 30px;
  max-width: 517px;
}

.slider-text strong {
  font-weight: 700;
}

.slider-image {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-button {
  display: inline-block;
  background-color: #fff;
  color: #601c4e;
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 30px;
  border-radius: 30px;
  transition: all 0.3s ease;
  text-decoration: none;
  width: fit-content;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.slider-circle {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 52px;
  height: 52px;
  background-color: #601c4e;
  border-radius: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.slider-circle svg {
  stroke: white;
}

/* About Section Styles */
.about-section {
  background-color: #f3f0eb;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  background-image: url(../images/mezo.png);
  background-size: cover;
}

.about-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.about-text-container {
  width: 50%;
  padding-left: 30px;
}

.about-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #0089ad;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: right;
}
.about-subtitle {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #0089ad;
  margin-bottom: 30px;
  text-transform: uppercase;
  text-align: right;
}
.about-text {
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #2a2a2a;
  margin-bottom: 20px;
  text-align: right;
}

.about-image {
  width: 60%;
  height: 583px;
  /* background-image: url(../images/zab.png); */
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .about-title,
  .about-subtitle,
  .about-text {
    text-align: center;
  }
}
/* Factory Section Styles */
.factory-section {
  padding: 60px 0;
  position: relative;
  background-color: #fff;
}

.factory-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 380px;
  background-image: url("../images/factory-bg.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}
.factory-bg-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/factory-bg-2.png");
  background-size: cover;
  background-position: center;
}

.factory-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #601c4e;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  z-index: 2;
  padding-top: 60px;
}
.factory-subtitle {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #601c4e;
  margin-bottom: 30px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  z-index: 2;
  padding-top: 0;
}
.factory-text {
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #2a2a2a;
  margin-bottom: 20px;
  text-align: center;
  max-width: 1027px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.factory-gallery {
  margin-top: 50px;
  position: relative;
  z-index: 2;
}

.gallery-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.gallery-item {
  width: 24%;
  height: 180px;
  overflow: hidden;
  border-radius: 5px;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

/* Products Section Styles */
.products-section {
  padding: 60px 0;
  background-color: #fff;
}

.products-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #0089ad;
  margin-bottom: 50px;
  text-transform: uppercase;
  text-align: center;
}

.products-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}

.product-category {
  flex: 1;
  display: flex;
  flex-basis: 48%;
  flex-direction: column;
  justify-content: space-between;
}
.product-title {
  background-color: #f3f0eb;
  border-radius: 20px;
  padding: 100px 20px 20px 20px;
  text-align: center;
  transition: transform 0.3s ease;
}
.product-category:hover .product-image img {
  transform: translateY(-5px);
}
.product-category:hover .product-title {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.product-image {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -80px;
  z-index: 99;
}

.product-image img {
  max-width: 75%;
  max-height: 100%;
  object-fit: contain;
  margin: auto;
  display: block;
  transition: transform 0.3s ease;
}

.category-name {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #2a2a2a;
  text-transform: uppercase;
}

.more-button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 48%;
}

.more-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2a2a2a;
  color: #fff !important;
  padding: 20px 30px;
  border-radius: 10px;
  transition: all 0.3s ease;
  width: 100%;
  height: 158px;
  margin-top: auto;
}

.more-link span {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 24px;
  margin-right: 15px;
}

.more-link .arrow-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.more-link .arrow-icon::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #2a2a2a;
  border-right: 2px solid #2a2a2a;
  transform: rotate(45deg);
  display: block;
  margin-left: -2px;
}

.more-link:hover {
  background-color: #0089ad;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Partnership Section Styles */
.partnership-section {
  background-color: rgba(243, 240, 235, 0.85);
  position: relative;
  overflow: hidden;
}

.partnership-container {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

.partnership-left {
  width: 50%;
  padding: 60px 50px 60px 15px;
  background-color: #f3f0eb;
  background-image: url("../images/zab.png");
  background-size: cover;
  background-position: left bottom;
  background-blend-mode: overlay;
  position: relative;
}

.partnership-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(243, 240, 235, 0.85);
  z-index: 0;
}

.partnership-title,
.partnership-subtitle,
.partnership-text,
.partnership-button {
  position: relative;
  z-index: 1;
}

.partnership-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #601c4e;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.partnership-subtitle {
  font-family: "Poppins", "Arial", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #2a2a2a;
  margin-bottom: 20px;
}

.partnership-text {
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #2a2a2a;
  margin-bottom: 20px;
}

.partnership-button {
  display: inline-block;
  background-color: #fff;
  color: #601c4e;
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 30px;
  border-radius: 30px;
  transition: all 0.3s ease;
  text-decoration: none;
  margin-top: 10px;
}

.partnership-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.partnership-right {
  width: 50%;
  background-color: #e6e6e6;
  padding: 60px 15px 60px 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.partnership-option {
  display: flex;
  align-items: center;
  position: relative;
  margin: 40px 0;
}

.option-icon-container {
  position: absolute;
  left: -105px;
  width: 110px;
  height: 110px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.option-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.store-icon {
  background-color: #ffffff;
  position: relative;
}

.store-icon::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><path d="M6.16669 21.5834L19.7642 7.98592C20.3379 7.40881 21.0201 6.95096 21.7715 6.63874C22.523 6.32652 23.3288 6.16611 24.1425 6.16675H49.8575C50.6713 6.16611 51.4771 6.32652 52.2285 6.63874C52.98 6.95096 53.6622 7.40881 54.2359 7.98592L67.8334 21.5834M12.3334 37.0001V61.6668C12.3334 63.3023 12.9831 64.8708 14.1395 66.0272C15.296 67.1837 16.8645 67.8334 18.5 67.8334H55.5C57.1355 67.8334 58.704 67.1837 59.8605 66.0272C61.017 64.8708 61.6667 63.3023 61.6667 61.6668V37.0001" stroke="%230089AD" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M46.25 67.8335V55.5002C46.25 53.8647 45.6003 52.2961 44.4438 51.1397C43.2874 49.9832 41.7189 49.3335 40.0834 49.3335H33.9167C32.2812 49.3335 30.7127 49.9832 29.5562 51.1397C28.3997 52.2961 27.75 53.8647 27.75 55.5002V67.8335M6.16669 21.5835H67.8334V30.8335C67.8334 32.469 67.1837 34.0375 66.0272 35.194C64.8707 36.3505 63.3022 37.0002 61.6667 37.0002C59.8652 36.901 58.1447 36.2193 56.7642 35.0577C56.3963 34.7918 55.9539 34.6487 55.5 34.6487C55.0461 34.6487 54.6038 34.7918 54.2359 35.0577C52.8554 36.2193 51.1348 36.901 49.3334 37.0002C47.5319 36.901 45.8114 36.2193 44.4309 35.0577C44.063 34.7918 43.6206 34.6487 43.1667 34.6487C42.7128 34.6487 42.2704 34.7918 41.9025 35.0577C40.522 36.2193 38.8015 36.901 37 37.0002C35.1985 36.901 33.478 36.2193 32.0975 35.0577C31.7296 34.7918 31.2873 34.6487 30.8334 34.6487C30.3794 34.6487 29.9371 34.7918 29.5692 35.0577C28.1887 36.2193 26.4682 36.901 24.6667 37.0002C22.8652 36.901 21.1447 36.2193 19.7642 35.0577C19.3963 34.7918 18.9539 34.6487 18.5 34.6487C18.0461 34.6487 17.6038 34.7918 17.2359 35.0577C15.8554 36.2193 14.1348 36.901 12.3334 37.0002C10.6979 37.0002 9.12934 36.3505 7.97286 35.194C6.81639 34.0375 6.16669 32.469 6.16669 30.8335V21.5835Z" stroke="%230089AD" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.factory-icon {
  background-color: #ffffff;
  position: relative;
}

.factory-icon::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23601c4e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'%3E%3C/path%3E%3Cpath d='M17 18h1'%3E%3C/path%3E%3Cpath d='M12 18h1'%3E%3C/path%3E%3Cpath d='M7 18h1'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.packaging-icon {
  background-color: #ffffff;
  position: relative;
}

.packaging-icon::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M57.1667 7.1196C57.3417 7.35293 57.4875 7.61543 57.5458 7.9071V7.93627C59.5875 17.0363 63.4375 37.3946 63.4375 49.2363C63.4375 52.0363 63.0875 55.6238 62.4458 59.8821C62.0375 62.3321 60.5208 64.4029 58.2458 65.5696L52.0625 68.6613C51.7417 68.8363 51.4208 68.9238 51.0417 68.9238H14.7583C10.9083 68.9238 7.75833 66.2404 7.2625 62.5363C6.94167 60.2904 6.5625 56.6446 6.5625 52.1529C6.5625 38.2988 10.0625 24.6779 11.6958 19.1071C11.423 18.9531 11.1768 18.7561 10.9667 18.5238C10.5292 18.0279 10.3833 17.3571 10.5 16.7154L10.5992 16.24C11.0195 14.1857 11.4628 12.1361 11.9292 10.0917C12.425 7.78752 14.4667 6.18335 16.8583 6.18335H55.4458C55.8186 6.19241 56.1817 6.30337 56.4958 6.50418C56.7 6.62085 56.875 6.76668 57.0208 6.94168L57.0792 6.98543L57.1375 7.02918C57.1667 7.05835 57.1667 7.1196 57.1667 7.1196ZM16.8583 10.5613C16.5375 10.5613 16.2458 10.7654 16.1875 11.0571V11.0863C15.925 12.2529 15.6333 13.5654 15.3417 14.9654H48.7083C50.4 14.9654 51.9167 13.7113 52.325 12.0196L52.43 11.5296C52.4689 11.3313 52.5117 11.1349 52.5583 10.9404L52.6458 10.5613H16.8583ZM11.5792 61.9238C11.7833 63.4404 13.125 64.5196 14.7583 64.5196H48.3875C47.95 61.9238 47.3958 57.5779 47.3958 52.1238C47.3958 41.0404 49.1458 28.4696 50.925 18.9613C50.1958 19.1654 49.4667 19.3113 48.7083 19.3113H16.1875C14.8458 23.8321 10.9375 38.0654 10.9375 52.1238C10.9375 56.3821 11.2875 59.7946 11.5792 61.9238ZM56.2917 61.6613C57.2833 61.1654 57.9542 60.2613 58.1292 59.1821C58.7417 55.1863 59.0625 51.8029 59.0625 49.2071C59.0625 41.5071 57.2542 29.1988 55.3583 19.0488C53.5792 28.4113 51.7708 41.0404 51.7708 52.1238C51.7708 57.0238 52.2375 61.0196 52.6458 63.4696L56.2917 61.6613ZM38.7042 32.4363C40.1625 32.4363 41.5333 33.0488 42.4958 34.1279V34.0988C43.4875 35.1779 43.9542 36.6363 43.8083 38.0946C43.2833 43.4613 43.0208 48.0404 43.0208 52.0946C43.0228 52.5593 43.0325 53.0143 43.05 53.4596C43.0675 53.8835 43.0772 54.2938 43.0792 54.6904C43.1375 56.1196 42.6125 57.5196 41.6208 58.5404C40.6292 59.5613 39.3167 60.1154 37.9167 60.1154H20.4167C17.675 60.1154 15.4875 58.0154 15.3708 55.3029C15.3125 54.2821 15.3125 53.2321 15.3125 52.1238C15.3125 47.6904 15.6042 42.5863 16.1875 36.9571C16.45 34.3904 18.6083 32.4363 21.2333 32.4363H38.7042ZM38.4708 55.5363C38.5583 55.4488 38.7042 55.2446 38.7042 54.8946H38.7333C38.675 54.0196 38.675 53.0863 38.675 52.1238C38.675 47.9238 38.9375 43.1988 39.4625 37.6863C39.478 37.5709 39.4678 37.4535 39.4325 37.3425C39.3972 37.2316 39.3377 37.1298 39.2583 37.0446C39.1868 36.97 39.1007 36.9108 39.0054 36.8707C38.9101 36.8305 38.8076 36.8103 38.7042 36.8113H21.2333C20.9125 36.8113 20.5917 37.0738 20.5625 37.3946C19.9792 42.9071 19.6875 47.8363 19.6875 52.1238C19.6894 52.6604 19.6992 53.1883 19.7167 53.7075C19.7342 54.2033 19.7439 54.6865 19.7458 55.1571C19.775 55.5363 20.0958 55.7696 20.4167 55.7696H37.9167C38.1792 55.7696 38.3542 55.6529 38.4708 55.5363Z" fill="%23D6CC0A"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.option-content {
  padding-left: 30px;
}

.option-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  color: #2a2a2a;
  text-transform: uppercase;
  margin: 0;
}

.option-description {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #2a2a2a;
  text-transform: uppercase;
  margin: 5px 0 0 0;
}

/* Partners Section Styles */
.partners-section {
  background-color: #fff;
  padding: 50px 0;
}

.partners-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #d6cc0a;
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.partner-logo-img {
  max-width: 120px;
  max-height: 70px;
  object-fit: contain;
  display: block;
  margin: auto;
}

.partner-arrow {
  width: 50px;
  height: 50px;

  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);

  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-arrow.left-arrow {
  left: 0;
}
.partner-arrow.right-arrow {
  right: 0;
}

.arrow-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  background-color: #d6cc0a;
}

.arrow-icon:hover {
  transform: scale(1.1);
}

.left-arrow .arrow-icon::before,
.right-arrow .arrow-icon::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  display: block;
}

.left-arrow .arrow-icon::before {
  transform: rotate(-135deg);
  margin-left: 5px;
}

.right-arrow .arrow-icon::before {
  transform: rotate(45deg);
  margin-right: 5px;
}

/* Stats Section Styles */
.stats-section {
  background-image: url("../images/stats-bg.png");
  background-size: cover;
  background-position: center;
  padding: 80px 0;
  position: relative;
}

.stats-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.stats-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.stat-item {
  text-align: center;
  padding: 20px;
}

.stat-number {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 64px;
  color: #2a2a2a;
  margin-bottom: 10px;
}

.stat-text {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #2a2a2a;
  text-transform: uppercase;
}

/* Contact Form Styles */
.contact-section {
  background-color: #f3f0eb;
  padding: 80px 0;
}

.contact-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 48px;
  text-transform: uppercase;
  color: #0089ad;
  text-align: center;
  margin-bottom: 20px;
}

.contact-description {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  max-width: 600px;
  margin: 0 auto 40px;
}

.contact-info {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #fff;
  padding: 15px 30px;
  border-radius: 30px;
}

.contact-icon {
  color: #0089ad;
  font-size: 24px;
}

.contact-text {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.form-container {
  background-color: #f8f8f8;
  border-radius: 30px;
  padding: 40px;
  max-width: 1013px;
  margin: 0 auto;
}

.form-group {
  margin-bottom: 20px;
}

.form-label {
  display: block;
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.form-input {
  width: 100%;
  padding: 15px 20px;
  border: none;
  border-radius: 30px;
  background-color: #f5f5f5;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
}

.form-select {
  width: 100%;
  padding: 15px 20px;
  border: none;
  border-radius: 30px;
  background-color: #f5f5f5;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%232a2a2a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  background-repeat: no-repeat;
  background-position: right 20px center;
}

.form-textarea {
  width: 100%;
  padding: 15px 20px;
  border: none;
  border-radius: 30px;
  background-color: #f5f5f5;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  min-height: 130px;
  resize: vertical;
}

.form-row {
  display: flex;
  gap: 20px;
}

.form-row .form-group {
  flex: 1;
}

.checkbox-group {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 30px 0;
}

.checkbox-input {
  width: 30px;
  height: 30px;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  appearance: none;
  cursor: pointer;
}

.checkbox-input:checked {
  background-color: #0089ad;
  border-color: #0089ad;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.checkbox-label {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 20px;
}

.captcha {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}

.submit-button {
  display: block;
  width: 194px;
  height: 59px;
  border-radius: 30px;
  background-color: #0089ad;
  color: #fff;
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  margin: 0 auto;
}

/* Footer Styles */
footer {
  background-color: #1c1c1c;
  padding: 60px 0;
  color: #ffffff;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-column {
  flex: 1;
  min-width: 250px;
  margin-bottom: 30px;
}

.footer-title {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 25px;
  color: #ffffff;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  color: #d6cc0a;
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #ffffff;
}

.footer-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer-logo {
  margin-bottom: 20px;
}

.footer-logo-img {
  width: 150px;
  filter: brightness(0) invert(1);
}

.footer-tagline {
  font-family: "Typo Slab", "Roboto Slab", "Trebuchet MS", "Arial", sans-serif;
  font-size: 16px;
  text-align: right;
  margin-bottom: 25px;
}

.footer-social {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #1c1c1c !important;
  transition: all 0.3s ease;
}

.social-icon:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Payment section styles removed as requested */

/* Responsive Styles */
@media (max-width: 1200px) {
  .about-section {
    background: none;
  }
  .about-content {
    flex-direction: column;
  }
  .about-text,
  .about-title,
  .about-subtitle {
    text-align: center;
  }
  .about-image {
    display: none;
  }
  .about-text-container {
    width: 100%;
  }

  .about-text-container {
    padding-left: 0;
  }

  .about-image {
    margin-bottom: 30px;
  }

  .partnership-container {
    flex-direction: column;
  }

  .partnership-left,
  .partnership-right {
    width: 100%;
    padding: 40px 15px;
  }

  .partnership-option {
    margin: 60px 0;
  }

  .option-icon-container {
    left: 50%;
    top: -55px;
    transform: translateX(-50%);
  }

  .option-content {
    padding-left: 0;
    text-align: center;
  }

  .products-grid {
    flex-wrap: wrap;
  }

  .product-category,
  .more-button {
    flex-basis: 48%;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .slider {
    height: auto;
    padding: 50px 0;
  }

  .slider-container {
    flex-direction: column;
  }

  .slider-content,
  .slider-image {
    width: 100%;
  }

  .slider-title {
    font-size: 36px;
  }

  .header-container {
    flex-direction: column;
    gap: 20px;
  }

  .nav-menu {
    flex-wrap: wrap;
    justify-content: center;
  }

  .gallery-row {
    flex-wrap: wrap;
    gap: 10px;
  }

  .gallery-item {
    width: 48%;
    margin-bottom: 10px;
  }

  .contact-info {
    flex-direction: column;
    align-items: center;
  }

  .form-row {
    flex-direction: column;
  }

  .stats-container {
    flex-direction: column;
    gap: 30px;
  }

  .products-grid {
    flex-direction: column;
  }

  .product-category,
  .more-button {
    flex-basis: 100%;
  }

  .footer-container {
    flex-direction: column;
  }

  .footer-column {
    width: 100%;
    margin-bottom: 40px;
  }

  .footer-right {
    align-items: center;
  }

  .footer-tagline {
    text-align: center;
  }

  .partnership-option {
    display: flex;
    align-items: center;
    position: relative;
    margin: 40px 0;
    flex-direction: column;
    gap: 20px;
  }

  .option-icon-container {
    position: unset;
    transform: unset;
  }

  .option-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact-item {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 576px) {
  .slider-title {
    font-size: 28px;
  }

  .about-title,
  .factory-title,
  .partnership-title,
  .partners-title,
  .contact-title,
  .products-title {
    font-size: 32px;
  }

  .form-container {
    padding: 20px;
  }

  .option-card {
    flex-direction: column;
    text-align: center;
  }

  .gallery-item {
    width: 100%;
  }

  .footer-title {
    font-size: 18px;
    text-align: center;
  }

  .footer-links {
    text-align: center;
  }

  .footer-social {
    justify-content: center;
  }

  .social-icon {
    width: 35px;
    height: 35px;
  }

  /* Payment section responsive styles removed as requested */
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: unset;
}
.nav-link {
  color: inherit !important;
}
@media (max-width: 768px) {
  .slider {
    background-image: none;
    padding: 0 !important;
  }
  .slider-container {
    flex-direction: column-reverse;
    padding: 0 !important;
  }
  .slider-content {
    width: 100%;
    padding: 15px;
  }
  .slider-image {
    width: 100%;
    background-image: url("../images/slider-bg_v2.png");
    min-height: 240px;
    background-size: cover;
  }
}