@font-face {
  font-family: "vazir";
  font-weight: 400;
  src: url("asset/fonts/Vazir-Regular.woff2") format("woff2");
}
body {
  font-family: "vazir", sans-serif;
  background-color: #f2efea;
}

.image-wrapper {
  height: 700px;
  width: 100%;
  overflow: hidden;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-position: center;
}
h4 {
  font-size: xx-large;
  font-weight: 900;
}
h5 {
  font-size: medium;
  font-weight: 100;
  color: #2a2623;
}

.card {
  border: none;
  background: #eeeeee00;
  text-align: center;
  margin-bottom: 20px;
}
.card-title {
  font-size: x-large;
  font-weight: 700;
}
a {
  text-decoration: none;
  color: #bba991;
}
.card-footer {
  border: none;
  background: #f7f7f700;
}
.wooden_product {
  background-color: #f0e9e1;
}

.img-wooden-product {
  width: 100%;
  height: auto;
}
.wooden_product h4 {
  font-size: xx-large;
  font-weight: 900;
  text-align: start;
}
ol {
  margin-top: 50px;
}

ol.two-column-list {
  column-count: 2;
  padding-left: 1.5rem;
  list-style-position: outside;
}

ol.two-column-list li::marker {
  color: #bba991;
}

@media (max-width: 768px) {
  ol.two-column-list {
    column-count: 1;
  }
}

h1 {
  font-size: 37px;
  font-weight: 900;
}
.title-wrapper {
  position: relative;
  margin-bottom: 30px; /* فضای پایین برای دیده شدن faded */
}

.title-wrapper h2 {
  position: relative;
  z-index: 2;
  margin: 0;
}

.title-wrapper .faded {
  position: absolute;
  top: -35%; /* قرار دادن دقیقا زیر h2 */
  left: 45%;
  font-size: 200px;
  line-height: 1;
  z-index: -1;
  pointer-events: none;
  color: #ece5dd;
}
h2 {
  font-weight: 900;
}
.handmade p,
h6 {
  text-align: left;
  margin-bottom: 5px;
  font-weight: bold;
}
.handmade .card-body span {
  text-decoration-line: line-through;
  color: #7b7c77;
  font-size: small;
}

.handmade .badge {
  background: #f8e7d4;
  color: #362e23;
  font-weight: 100;
}
.naturalProduct {
  background: #636c51;
}
.naturalProduct h2 {
  font-size: 50px;
}

.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: #565e47;
  color: white;
}

.accordion-button {
  background-color: #636c51;
  color: white;
  font-weight: 100;
  border-bottom: #9e723c;
}
.accordion-button::after {
  display: none;
}
.accordion-item {
  background-color: #ffffff00;
}

.accordion .accordion-body {
  text-align: justify;
  color: #fff7ec;
}
.Why {
  background-color: #f2efea;
}
.Why h2 {
  font-size: 60px;
}

.WhyUl li {
  margin-bottom: 12px;
}

.WhyUl li::marker {
  color: #bca271;
}

.parallax {
  background-image: url("../img/parallax/parallax.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-map iframe {
  box-shadow: 0 0 15px #00000040;
  margin-bottom: 30px;
  margin-top: 30px;
  border: 0.1px solid #00000043;
}
.contact h2 {
  font-size: 60px;
  margin-top: 50px;
  font-weight: 600;
}
.contact h3 {
  margin-top: 50px;
  font-weight: 700;
}
.unic_wood a,
p {
  color: black;
  font-weight: 200;
  font-size: 15px;
}
.unic_wood span {
  display: block;
  font-size: 17px;
  font-weight: 600;
  color: #000000ac;
}

footer {
  background-color: #2a2623;
}
footer p {
  color: white;
}
footer .title {
  color: #b29364;
}
.copyrightSection {
  margin-top: 150px;
  background: #201c19;
}
.copyrightSection p {
  font-size: 15px;
  color: #ffffff58;
}
footer img {
  margin-top: 100px;
}
.threecards {
  width: 100%;
  height: 500px;
}
.swiper .threecardsSwiper-slide {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.swiper-button-prev,
.swiper-button-next {
  color: #bba991;
  font-size: 15px !important;
}