.elementor-2197 .elementor-element.elementor-element-e6b0892{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2197 .elementor-element.elementor-element-def7e3a.elementor-element{--align-self:stretch;}.elementor-2197 .elementor-element.elementor-element-1196505{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2197 .elementor-element.elementor-element-96012de{--display:flex;}.elementor-2197 .elementor-element.elementor-element-11527de{--display:flex;}.elementor-2197 .elementor-element.elementor-element-2efc992 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2197 .elementor-element.elementor-element-254a594{--display:flex;}.elementor-2197 .elementor-element.elementor-element-2d77184.elementor-element{--align-self:stretch;}.elementor-2197 .elementor-element.elementor-element-df1c65d{--display:flex;}.elementor-2197 .elementor-element.elementor-element-73e9bf1{--display:flex;}.elementor-2197 .elementor-element.elementor-element-5e3005f.elementor-element{--align-self:stretch;}@media(max-width:767px){.elementor-2197 .elementor-element.elementor-element-1196505{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-def7e3a */.hero {
  background: linear-gradient(90deg, #8B0000, #ff0000, #8B0000, #ff0000, #b30000);
  background-size: 200% 200%;
  animation: redMotion 6s ease infinite;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  position: relative;
  border-radius: 100px

}

.hero-content {
  max-width: 800px;
  padding: 2rem;
}

.hero h1 {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  color: #ffffff; /* متن سفید */
  text-shadow: 0 2px 10px rgba(0,0,0,0.4);
}

.hero p {
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  color: #f5f5f5; /* خاکستری روشن */
}

.hero-buttons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

/* دکمه اصلی - طلایی */
.btn-main {
  background: #DAA520;
  color: #111111;
  padding: 1rem 2.5rem;
  border-radius: 30px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}

.btn-main:hover {
  background: #b8860b; /* طلایی تیره‌تر */
  color: #fff;
  transform: translateY(-4px);
}

/* دکمه جایگزین - مشکی */
.btn-alt {
  background: #111111;
  color: #ffffff;
  border: 2px solid #DAA520;
  padding: 1rem 2.5rem;
  border-radius: 30px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}

.btn-alt:hover {
  background: #DAA520;
  color: #111111;
  transform: translateY(-4px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42a35cb */section {
  background: linear-gradient(90deg, #8B0000, #ff0000, #8B0000, #ff0000, #b30000);
  background-size: 200% 200%;
  padding: 5rem 3rem;
  border-radius: 20px;
  margin: 3rem auto;
  max-width: 1200px;
  color: #ffffff; /* متن سفید */
}

section h2 {
  text-align: center;
  font-size: 2.2rem;
  color: #ffffff; /* تغییر به سفید */
  margin-bottom: 3rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.4);
}

.features {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  gap: 2.5rem;
  margin: auto;
}

.features .card1 {
  background: #111111; /* مشکی لوکس */
  border: 2px solid #DAA520; /* طلایی */
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 2.5rem;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  text-align: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  color: #ffffff; /* متن سفید */
  font-size: 1.1rem;
  font-weight: 500;
}

.features .card1:hover {
  transform: translateY(-8px) scale(1.05);
  box-shadow: 0 15px 35px rgba(0,0,0,0.6);
  background: linear-gradient(145deg, #8B0000, #DAA520); /* قرمز + طلایی */
  border: none;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2efc992 */section:nth-of-type(2) {
  background: #8B0000;
  padding: 5rem 3rem;
  border-radius: 20px;
  margin: 3rem auto;
  max-width: 1200px;
  color: #ffffff;
}

section:nth-of-type(2) h2 {
  text-align: center;
  font-size: 2.2rem;
  color: #ffffff;
  margin-bottom: 3rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.services .card {
  background: #111111;
  border: 2px solid #DAA520;
  padding: 2.5rem;
  margin: 1rem 1rem 1rem 1rem;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  text-align: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  color: #ffffff;
}

.services .card:hover {
  transform: translateY(-8px) scale(1.05);
  background: linear-gradient(145deg, #8B0000, #DAA520);
  border: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d77184 */section:nth-of-type(3) {
  background: #8B0000;
  padding: 5rem 3rem;
  border-radius: 20px;
  margin: 3rem auto;
  max-width: 900px;
  color: #ffffff;
}

section:nth-of-type(3) h2 {
  text-align: center;
  font-size: 2.2rem;
  color: #ffffff;
  margin-bottom: 3rem;
}

.timeline {
    margin-bottom: 1rem;

  list-style: none;
  position: relative;
  padding-left: 2rem;
}

.timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: 4px;
  height: 100%;
  background: #DAA520;
  border-radius: 2px;
}

.timeline li {
  position: relative;
  background: #111111;
  margin-bottom: 2.5rem;
  padding: 2rem;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  color: #ffffff;
  border: 2px solid #DAA520;
}

.timeline li::before {
  content: '';
  position: absolute;
  left: -32px;
  top: 1rem;
  width: 16px;
  height: 16px;
  background: #DAA520;
  border-radius: 50%;
  border: 4px solid #111111;
}

.timeline li:hover {
  transform: translateY(-5px);
  background: linear-gradient(145deg, #8B0000, #DAA520);
  border: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e39ac4 */section:nth-of-type(4) {
  background: #8B0000;
  padding: 5rem 3rem;
  border-radius: 20px;
  margin: 3rem auto;
  max-width: 1200px;
  color: #ffffff;
}

section:nth-of-type(4) h2 {
  text-align: center;
  font-size: 2.2rem;
  color: #ffffff;
  margin-bottom: 3rem;
  font-weight: 700;
}

.why-us .card {
    margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
  background: #111111;
  border: 2px solid #DAA520;
  padding: 2.5rem;
  border-radius: 20px;
  color: #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  transition: 0.4s;
}

.why-us .card:hover {
  transform: translateY(-8px) scale(1.05);
  background: linear-gradient(145deg, #8B0000, #DAA520);
  border: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e3005f */section:nth-of-type(5) {
  background: #8B0000;
  padding: 5rem 3rem;
  border-radius: 20px;
  margin: 3rem auto;
  max-width: 1200px;
  color: #ffffff;
}

section:nth-of-type(5) h2 {
  text-align: center;
  font-size: 2.2rem;
  color: #ffffff;
  margin-bottom: 3rem;
}

.faq .card {
        margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
  background: #111111;
  border: 2px solid #DAA520;
  padding: 2.5rem;
  border-radius: 20px;
  color: #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  transition: 0.4s;
}

.faq .card h3 {
  color: #DAA520; /* عنوان پرسش‌ها طلایی */
  margin-bottom: 1rem;
}

.faq .card:hover {
  transform: translateY(-8px) scale(1.05);
  background: linear-gradient(145deg, #8B0000, #DAA520);
  border: none;
}/* End custom CSS */