html {
  scroll-behavior: smooth;
}

body[dir="rtl"] {
  text-align: right;
}

body[dir="ltr"] {
  text-align: left;
}

.rtl-select {
  direction: rtl;
  text-align: right;
  appearance: none;
  background-position: left 0.75rem center;
  padding-left: 2rem;
}

#spanname {
  font-family: 'El Messiri';
}

.fit-cover {
}

#paragraf {
  font-family: 'El Messiri';
}

/* Desktop default */

.slide-1 {
  background: url('../../assets/img/header1.png') center center / contain no-repeat;
}

.slide-2 {
  background: url('../../assets/img/header2.png') center center / contain no-repeat;
}
.slide-3 {
  background: url('../../assets/img/header3.png') center center / contain no-repeat;
}
.slide-4 {
  background: url('../../assets/img/header4.png') center center / contain no-repeat;
}


@media (max-width: 768px) {
  .columnpic {
    display: none;
  }

  .simple-slider .swiper-slide {
    height: auto;
    aspect-ratio: 4 / 3;
    background-size: contain;
  }

  .slide-1 {
    background: url('../../assets/img/header1-mobile.png') center center / contain no-repeat;
  }
  .slide-2 {
    background: url('../../assets/img/header2-mobile.png') center center / cover no-repeat;
  }
  .slide-3 {
    background: url('../../assets/img/header3-mobile.png') center center / contain no-repeat;
  }
  .slide-4 {
    background: url('../../assets/img/header4-mobile.png') center center / contain no-repeat;
  }

}


.order-now-btn {
  display: inline-block;
  background: linear-gradient(135deg, #00bfa6, #007bff);
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 14px 28px;
  border-radius: 50px;
  box-shadow: 0 8px 16px rgba(0, 123, 255, 0.3);
  text-decoration: none;
  transition: all 0.3s ease;
  letter-spacing: 1px;
}

.order-now-btn:hover {
  background: linear-gradient(135deg, #007bff, #00bfa6);
  transform: translateY(-3px);
  box-shadow: 0 12px 20px rgba(0, 123, 255, 0.4);
}



#order-now-btn {
  background: linear-gradient(135deg, #00bfa6, #007bff);
  color: white;
}

#htitle {
  color: linear-gradient(135deg, #00bfa6, #007bff);
}

#submit {
  background: linear-gradient(135deg, #00bfa6, #007bff);
  color: white;
}