.w-50px{width: 50px}
.h-50px{height: 50px}
.lang-flag{
  width: 50px;
  height: 40px;
}
.btn-lang .wsarrow{
  position: relative;
  left: 15px;
  top: -25px;
}
.desktoplogo img , .desktoplogo img{
  min-height: 80px;
}
.loading--theme .loader::after {
  border-color: #f89b18 rgb(65 73 121);
}
.loading--theme .loader {
  border-color: transparent #4c58a2;
}
.btn--theme {
  color: #fff!important;
  border-color: #454e86!important;
  background-color: #f7941a!important;
}
body, .color--theme, .color--theme h1, .color--theme h2, .color--theme h3, .color--theme h4, .color--theme h5, .color--theme h6, .color--theme p, .color--theme a, .color--theme li, .color--theme i, .color--theme span, .color--white .color--theme{
  color:#454e86;

}
.mh-400px{
  max-height: 400px;
}
input[aria-invalid="true"],
textarea[aria-invalid="true"] {
  border: 2px solid red;
}
/* Style for error messages */
.error-message {
  color: red;
  margin-top: 5px;
}

.h-100px{
  height: 100px;
}
.text-yallow{
  color: #f89e16 !important;
}
.shape-ico.color--theme path, .shape-ico.color--theme path, .shape-ico.color--theme path {
  fill: #0789fd;
}

.owl-carousel.full {
  height: 100vh; /* Set carousel height to 100% of viewport height */
}
.owl-carousel.full .item {
  height: 100%; /* Set item height to 100% of carousel height */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.owl-carousel.full .item img {
  width: 100%;
  max-height:100vh;
  height: 100vh;
  object-fit: cover; /* Ensure images cover the entire item */
}
.owl-carousel.full .item h3{
  color: white;
}
.owl-carousel.full .item .text {
  position: absolute;
  font-size: 48px;
  font-weight: bold;
  background: #00000066;
  color: white;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  text-align: center;
  margin: 0;
}
.owl-carousel.full .item .text div p{
  margin-top: 20px;
}
.fbox-ico .shape-ico span.icon,
.fbox-ico .shape-ico span{
  color: #fff !important;
  margin: 5px;
}
.nav-center .owl-nav button{
  position: absolute;
  top: 45%;
  background-color: rgba(255, 255, 255, 0.8) !important;
  padding: 10px !important;
  border-radius: 5px !important;
}
.nav-center .owl-nav button span {
  padding: 10px;
}
.nav-center .owl-nav button.owl-next {
  right: 0;
}
.nav-center .owl-nav button.owl-prev {
  left: 0;
}
[dir="rtl"] .owl-nav button.owl-prev,
[dir="rtl"] .owl-nav button.owl-next
{
  transform: rotate(180deg);
}


@media screen and (max-width: 979px) {


}
.text- {
  direction: rtl;
  text-align: right;
}
img.footer-logo{
  min-height: 80px;
}