.elementor-21 .elementor-element.elementor-element-28c919c{--display:flex;}.elementor-21 .elementor-element.elementor-element-ee8d245{--display:flex;}.elementor-21 .elementor-element.elementor-element-d168252{--display:flex;}.elementor-21 .elementor-element.elementor-element-f6acd3a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4506620 */.vv2-services {
  background: linear-gradient(91deg, #eafcfb 60%, #fafdff 100%);
  padding: 48px 0 37px 0;
  direction: rtl;
}
.services-title {
  text-align: center;
  font-family: 'BYekan', sans-serif;
  color: #155061;
  font-weight: bold;
  font-size: 2.0rem;
  margin-bottom: 27px;
  letter-spacing: -.5px;
}
.services-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: center;
  max-width: 1320px;
  margin: 0 auto;
}
.service-card {
  background: #fff;
  border-radius: 22px;
  border: 1.7px solid #10dfbc;
  box-shadow: 0 4px 18px #0cdec824;
  width: 275px;
  min-height: 145px;
  padding: 22px 16px 13px 13px;
  text-align: center;
  transition: box-shadow .14s, border-color .12s, transform .12s;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'BYekan', sans-serif;
}
.service-card:hover {
  box-shadow: 0 16px 38px #00f1e744;
  border-color: #118c7b;
  transform: translateY(-6px) scale(1.03);
}
.service-icon {
  font-size: 2.3rem;
  margin-bottom: 10px;
  color: #17afe2;
  display: block;
}
/* تیتر و متن کارت */
.service-card h3 {
  color: #124d5a;
  font-weight: bold;
  margin: 0 0 7px 0;
  font-size: 1.11rem;
}
.service-card p {
  color: #26707a;
  font-size: .97rem;
  opacity: .92;
  margin: 0;
  line-height: 1.7;
}
@media (max-width: 1000px) {
  .services-cards { gap: 11px;}
  .service-card { max-width: 370px; min-width: 90vw; margin:0 auto;}
}
@media (max-width: 650px) {
  .services-title { font-size: 1.15rem; margin-bottom: 14px;}
  .vv2-services { padding: 13px 0 9px 0;}
  .services-cards { flex-direction: column; gap: 9px;}
  .service-card { padding: 15px 8px; max-width: 98vw;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29cae44 */.why-choose-us {
  background: linear-gradient(91deg,#f1f7f7 60%, #fefdff 100%);
  padding: 42px 0 37px 0;
  direction: rtl;
}
.why-title {
  text-align: center;
  font-family: 'BYekan', sans-serif;
  color: #155061;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 22px;
}
.why-list {
  display: flex;
  gap: 19px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto;
}
.why-item {
  background: #fff;
  border-radius: 18px;
  border: 1.2px solid #16e5ba;
  box-shadow: 0 4px 18px #13e6b624;
  min-width: 200px;
  padding: 18px 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 320px;
  transition: box-shadow .14s, border-color .12s, transform .12s;
}
.why-item:hover {
  box-shadow: 0 11px 30px #16e6b632;
  border-color: #18c7b7;
  transform: translateY(-5px) scale(1.05);
}
.why-icon {
  font-size: 2rem;
  color: #14a8b8;
  margin-left: 14px;
  margin-top: 3px;
  flex-shrink: 0;
}
.why-item h3 {
  margin: 0 0 6px 0;
  font-size: 1.03rem;
  color: #11505a;
  font-weight: bold;
  letter-spacing: -.3px;
}
.why-item p {
  margin: 0;
  font-size: 0.91rem;
  color: #296364;
  opacity: .93;
}

/* واکنش‌گرایی */
@media (max-width: 750px) {
  .why-list { gap: 8px; flex-direction: column;}
  .why-item { min-width: unset; max-width: 98vw;}
  .why-title { font-size: 1.15rem;}
  .why-choose-us{padding:13px 0 10px 0;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24bff1f */.webdesign-pricing-block {
  background: linear-gradient(110deg,#f4fdff 60%,#eaf8ff 100%);
  padding: 55px 0 39px 0;
  direction: rtl;
}
.pricing-title {
  text-align: center;
  color: #15637c;
  font-family: 'BYekan', Tahoma, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 42px;
  letter-spacing: -.02em;
}
.pricing-cols {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 29px;
  max-width: 1050px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.pricing-card {
  background: #fff;
  box-shadow: 0 6px 24px #aedaf944, 0 0 0 0 #fff;
  border-radius: 18px;
  border: 1.7px solid #d3f9ff;
  min-width: 264px;
  max-width: 335px;
  padding: 34px 21px 24px 21px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow .17s, border-color .13s;
  position: relative;
  z-index: 0;
  text-align: center;
}
.pricing-card.popular {
  border-color: #0ab3cd;
  box-shadow: 0 10px 30px #99e4ee55,0 0 0 #fff;
  z-index: 2;
  transform: translateY(-12px) scale(1.045);
}
.popular-badge {
  position: absolute;
  top: -18px;
  right: 24px;
  background: linear-gradient(87deg,#08c6e7 60%,#088ccd 100%);
  color: #fff;
  border-radius: 9px;
  padding: 4px 19px 4px 15px;
  font-size: .91rem;
  font-weight: bold;
  box-shadow: 0 2px 8px #08b7d722;
  letter-spacing: .01em;
}
.card-title {
  font-size: 1.15rem;
  color: #12a1b0;
  margin-bottom: 12px;
  font-weight: bold;
}
.card-price {
  background: #e2fbff;
  border-radius: 7px;
  padding: 9px 18px;
  color: #0c788c;
  font-size: 1.39rem;
  font-weight: bold;
  margin-bottom: 23px;
  text-shadow: 0 2px 8px #5be6e944;
  display: flex;
  gap: 5px;
  align-items: flex-end;
  justify-content: center;
}
.price-unit {font-size: .99rem; color: #1095a7;}
.card-features {
  list-style: none;
  padding: 0;
  margin-bottom: 28px;
  width: 100%;
  text-align: right;
  direction: rtl;
}
.card-features li {
  color: #185c65;
  font-size: .98rem;
  margin-bottom: 7px;
  line-height: 1.82;
  position: relative;
  padding-right: 19px;
}
.card-features li:before {
  content: '✓';
  position: absolute;
  right: 1px;
  color: #19b497;
  font-weight: bold;
}
.select-btn {
  display: inline-block;
  background: linear-gradient(87deg,#0ca9d3 60%,#16e2dc 100%);
  color: #fff;
  border: none;
  padding: 10px 27px;
  border-radius: 7px;
  font-size: 1.11rem;
  font-family: inherit;
  font-weight: bold;
  margin-top: auto;
  box-shadow: 0 2px 19px #09b6d344;
  transition: all .13s;
  cursor: pointer;
  text-decoration: none;
}
.select-btn:hover {
  background: linear-gradient(90deg,#13c9e1 60%,#17beb6 100%);
  transform: scale(1.05);
  box-shadow: 0 6px 26px #22bbe155;
}
@media (max-width: 900px) {
  .pricing-cols { flex-direction: column; align-items: center; gap: 19px;}
  .pricing-card {max-width: 96vw;}
  .pricing-title { font-size: 1.22rem;}
}/* End custom CSS */