/* Add custom CSS styles below */ 
.s-block__title {
  position: relative;
  text-align: center;
  font-weight: 600;
   font-size: 32px;
}

h2{
   font-size: 32px;


}

.s-block__title::before,
.s-block__title::after {
  content: "";
  position: absolute;
  top: 50%;
  width:500px; /* طول الخط */
  height: 2px; /* سمك الخط */
  background-color: #21315C; /* لون الخط - ممكن تغيره للون الذهبي مثلاً */
}

.s-block__title::before {
  left: 0;
  transform: translateY(-50%);
}

.s-block__title::after {
  right: 0;
  transform: translateY(-50%);
}

@media (max-width: 767px) {


.s-block__title::before,
.s-block__title::after {
  content: "";
  position: absolute;
  top: 50%;
  width:100px; /* طول الخط */
  height: 2px; /* سمك الخط */
  background-color: #21315C; /* لون الخط - ممكن تغيره للون الذهبي مثلاً */
}

}


@media (min-width: 768px) and (max-width: 1024px) {
 


.s-block__title::before,
.s-block__title::after {
  content: "";
  position: absolute;
  top: 50%;
  width:250px; /* طول الخط */
  height: 2px; /* سمك الخط */
  background-color: #21315C; /* لون الخط - ممكن تغيره للون الذهبي مثلاً */
}

}