.elementor-35582 .elementor-element.elementor-element-231aef8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-35582 .elementor-element.elementor-element-d56832b{--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-35582 .elementor-element.elementor-element-6046193{--display:flex;}.elementor-35582 .elementor-element.elementor-element-162704a > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-35582 .elementor-element.elementor-element-c5bf1e1{--display:flex;}.elementor-35582 .elementor-element.elementor-element-23eba16{--lottie-container-max-width:70%;}@media(max-width:767px){.elementor-35582 .elementor-element.elementor-element-23eba16{--lottie-container-max-width:100%;}}/* Start custom CSS for button, class: .elementor-element-162704a */#contact-section .custom-btn .elementor-button {
background: linear-gradient(135deg, #228B22, #32CD32) !important; /* دکمه سبز با هارمونی */
color: #fff !important;
box-shadow: 0 5px 15px rgba(34,139,34,0.4) !important;
  font-weight: 600 !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  transition: all 0.35s ease !important;
  display: inline-block !important;
  align-self: flex-start !important;

}

/* هاور دکمه اختصاصی */
#contact-section .custom-btn .elementor-button:hover {
  background: linear-gradient(135deg, #32CD32, #7CFC00) !important; /* Lime Green → Lawn Green */
  transform: translateY(-3px) scale(1.08) !important;
  box-shadow: 0 8px 20px rgba(50,205,50,0.6) !important;
  color: #fff !important;
  transform: translateY(-3px) scale(1.08) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-231aef8 *//* کانتینر کل سکشن */
#contact-section {
  display: flex;
  width: 80%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #006400, #32CD32);

  border-radius: 15px;

}

/* نیمه چپ برای لوتی */
#contact-section .left {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: fadeInLeft 0.8s ease forwards;
}

/* نیمه راست برای متن و دکمه */
#contact-section .right {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  animation: fadeInRight 0.8s ease forwards;
}

/* متن داخل سمت راست */
#contact-section .right .text-content p {
  font-size: 14px;
  line-height: 1.6;
  color: #034e9e;
  opacity: 0;
  transform: translateY(15px);
  animation: textFade 0.8s ease forwards;
  animation-delay: 0.2s;
}

/* نام و عنوان */
#contact-section .right .text-content p:last-child {
  font-weight: 600;
  font-size: 15px;
  color: #012f5a;
}

/* دکمه */
#contact-section .right .elementor-button {
  background: #0066ff;
  color: #fff;
  font-weight: 600;
  border-radius: 50px;
  font-size: 14px;
  transition: all 0.35s ease;
  display: inline-block;
  align-self: flex-start;
  box-shadow: 0 5px 15px rgba(0, 102, 255, 0.4);
  opacity: 0;
  transform: translateY(15px);
  animation: buttonFade 0.8s ease forwards;
  animation-delay: 0.5s;
}

#contact-section .right .elementor-button:hover {
  background: linear-gradient(135deg, #0052cc, #3399ff);
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 8px 20px rgba(0, 102, 255, 0.6);
}

/* انیمیشن‌ها */
@keyframes fadeInLeft {
  0% { opacity: 0; transform: translateX(-40px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInRight {
  0% { opacity: 0; transform: translateX(40px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes textFade {
  0% { opacity: 0; transform: translateY(15px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes buttonFade {
  0% { opacity: 0; transform: translateY(15px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* ریسپانسیو موبایل */
@media screen and (max-width: 900px) {
  #contact-section {
    flex-direction: column;
    gap: 20px;
    padding: 30px 10px;
  }

  #contact-section .left,
  #contact-section .right {
    flex: 1 1 100%;
    text-align: center;
  }

  #contact-section .right .elementor-button {
    align-self: center;
  }
}/* End custom CSS */