/*$custom-control-indicator-checked-color: $primary;
$custom-control-indicator-checked-border-color: $gray-300;
$custom-control-indicator-checked-bg: #ffffff;
$custom-control-indicator-bg:$primary;*/
@font-face {
  font-family: "GE-Dinar-Two";
  src: url(../fonts/SomarSans-Light.otf);
}
body.rtl {
  direction: rtl;
  font-family: "GE-Dinar-Two" !important;
  text-align: right;
}

body.rtl .text-left {
  text-align: right !important;
}

body.rtl .text-right {
  text-align: left !important;
}

body.rtl .dropdown-menu {
  text-align: right !important;
}

.rtl .mr-auto {
  margin-right: initial !important;
  margin-left: auto !important;
}

.rtl .ml-auto {
  margin-left: initial !important;
  margin-right: auto !important;
}

.rtl .mr-5 {
  margin-left: 5px !important;
  margin-right: initial !important;
}

.rtl .mr-10 {
  margin-left: 10px !important;
  margin-right: initial !important;
}

.rtl .mr-15 {
  margin-left: 15px !important;
  margin-right: initial !important;
}

.rtl .mr-20 {
  margin-left: 20px !important;
  margin-right: initial !important;
}

.rtl .mr-25 {
  margin-left: 25px !important;
  margin-right: initial !important;
}

.rtl .mr-30 {
  margin-left: 30px !important;
  margin-right: initial !important;
}

.rtl .mr-35 {
  margin-left: 35px !important;
  margin-right: initial !important;
}

.rtl .mr-40 {
  margin-left: 40px !important;
  margin-right: initial !important;
}

.rtl .mr-45 {
  margin-left: 45px !important;
  margin-right: initial !important;
}

.rtl .mr-50 {
  margin-left: 50px !important;
  margin-right: initial !important;
}

.rtl .ml-5 {
  margin-right: 5px !important;
  margin-left: initial !important;
}

.rtl .ml-10 {
  margin-right: 10px !important;
  margin-left: initial !important;
}

.rtl .ml-15 {
  margin-right: 15px !important;
  margin-left: initial !important;
}

.rtl .ml-20 {
  margin-right: 20px !important;
  margin-left: initial !important;
}

.rtl .ml-25 {
  margin-right: 25px !important;
  margin-left: initial !important;
}

.rtl .ml-30 {
  margin-right: 30px !important;
  margin-left: initial !important;
}

.rtl .ml-35 {
  margin-right: 35px !important;
  margin-left: initial !important;
}

.rtl .ml-40 {
  margin-right: 40px !important;
  margin-left: initial !important;
}

.rtl .ml-45 {
  margin-right: 45px !important;
  margin-left: initial !important;
}

.rtl .ml-50 {
  margin-right: 50px !important;
  margin-left: initial !important;
}

.rtl .pr-5 {
  padding-left: 5px !important;
  padding-right: initial !important;
}

.rtl .pr-10 {
  padding-left: 10px !important;
  padding-right: initial !important;
}

.rtl .pr-15 {
  padding-left: 15px !important;
  padding-right: initial !important;
}

.rtl .pr-20 {
  padding-left: 20px !important;
  padding-right: initial !important;
}

.rtl .pr-25 {
  padding-left: 25px !important;
  padding-right: initial !important;
}

.rtl .pr-30 {
  padding-left: 30px !important;
  padding-right: initial !important;
}

.rtl .pr-35 {
  padding-left: 35px !important;
  padding-right: initial !important;
}

.rtl .pr-40 {
  padding-left: 40px !important;
  padding-right: initial !important;
}

.rtl .pr-45 {
  padding-left: 45px !important;
  padding-right: initial !important;
}

.rtl .pr-50 {
  padding-left: 50px !important;
  padding-right: initial !important;
}

.rtl .pl-5 {
  padding-right: 5px !important;
  padding-left: initial !important;
}

.rtl .pl-10 {
  padding-right: 10px !important;
  padding-left: initial !important;
}

.rtl .pl-15 {
  padding-right: 15px !important;
  padding-left: initial !important;
}

.rtl .pl-20 {
  padding-right: 20px !important;
  padding-left: initial !important;
}

.rtl .pl-25 {
  padding-right: 25px !important;
  padding-left: initial !important;
}

.rtl .pl-30 {
  padding-right: 30px !important;
  padding-left: initial !important;
}

.rtl .pl-35 {
  padding-right: 35px !important;
  padding-left: initial !important;
}

.rtl .pl-40 {
  padding-right: 40px !important;
  padding-left: initial !important;
}

.rtl .pl-45 {
  padding-right: 45px !important;
  padding-left: initial !important;
}

.rtl .pl-50 {
  padding-right: 50px !important;
  padding-left: initial !important;
}

@media (min-width: 576px) {
  .rtl .mr-sm-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-sm-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-sm-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-sm-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

@media (min-width: 768px) {
  .rtl .mr-md-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-md-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-md-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-md-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

@media (min-width: 992px) {
  .rtl .mr-lg-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-lg-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-lg-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-lg-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

@media (min-width: 1200px) {
  .rtl .mr-xl-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-xl-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-xl-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-xl-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

.rtl .flagstrap-icon {
  margin-right: 0 !important;
  margin-left: 5px;
  display:none;
}

.rtl .input-group {
  direction: ltr;
}

.rtl .input-group input {
  direction: rtl;
}

.rtl .form-check {
  padding-left: 0;
  padding-right: 1.25rem;
}

.rtl .form-check .form-check-input {
  margin-left: 0;
  margin-right: -1.25rem;
}

.rtl .custom-switch {
  margin-right: -10px;
}
header {
    position: relative;
}
.wrap-sticky {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
footer .link li a::before {
    content: "\e64a";
    font-family: "themify";
    right: 0;
    position: absolute;
    font-size: 10px;
    
}

.navbar img, .top-bar-area img {
    height: 50px;
}
.navbar-brand>img {
    display: block;
}
footer .contact li span {
    padding-right: 20px;
}
.custom-control-label::before{
    right: -2rem;
    left:0px !important;
    
}

.custom-control-label::after{
     right: -2rem;
    left:0px !important;
}
.custom-control{
    padding-right: 2rem;
    padding-left:0px !important;
}
@media (max-width: 768px) {
    .menu-category {
        position: relative; /* Ensures the arrow icon is positioned correctly */
        padding-left: 30px !important; /* Adds space for the icon */
        padding-right:0px !important;
    }

    /* Adding an arrow icon next to the menu-category class */
    .menu-category::after {
       content: ''; /* Empty content for the pseudo-element */
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 10px solid #1363a1; /* Left-pointing arrow (color can be adjusted) */
        position: absolute;
        border-left: unset !important;
        left: 10px; /* Position the icon at the left */
        right : unset !important;
        top: 50%;
        transform: translateY(-50%);
    }
}