/* your custom style rtl goes here */
@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../fonts/ar-fonts/Droid_Arabic_Kufi.eot');
    src: url('../fonts/ar-fonts/Droid_Arabic_Kufi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ar-fonts/Droid_Arabic_Kufi.woff') format('woff'),
    url('../fonts/ar-fonts/Droid_Arabic_Kufi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Sakkal Majalla';
    src: url('../fonts/ar-fonts/Sakkal_Majalla.eot');
    src: url('../fonts/ar-fonts/Sakkal_Majalla.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ar-fonts/Sakkal_Majalla.woff') format('woff'),
    url('../fonts/ar-fonts/Sakkal_Majalla.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  /* *{font-family: 'Droid Arabic Kufi',serif !important;} */

  h1, h2, h3, h4, h5, p, .has-sub a,strong, .header ul li a, .navbar-nav > li > a, .dropdown-menu > li > a, .btn, footer ul.link-list li a, .list-group li a {
    /*font-family: smart4dsTitles, sans-serif;*/
    font-family: 'Droid Arabic Kufi',serif !important;
  }

  body {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    text-align: right;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
  }

.featured-section-title{
    background: #314a6e;
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem !important;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.text-truncate-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mr-top-5{
    margin-top: 5px;
}
.jssocials-share:last-child{margin-right: 0.6em;}

.product-status {
  position: absolute;
    /*background: #268543;*/
    right: 0px;
    top: 20px;
    width: 35%;
    height: 30px;
    /* line-height: 30px; */
    color: #fff;
    /* padding-left: 12px; */
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.img-fit-1 {
  max-height: 100%;
  /*width: 100%;*/
  object-fit: none;
}
.section-store-description{
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: rgb(239, 238, 238);
}
#store-description {
  min-height: 150px;
}

#store-description h1 {
  /*color: #000;*/
  font-size: 26px;
  font-weight: 600;
  padding-top: 25px;
  color: rgb(239, 238, 238);
}

#store-gulf-description h1 {
  /*color: #000;*/
  font-size: 26px;
  font-weight: 600;
  padding-top: 25px;
  color: rgb(0, 0, 0);
}

.lightener[data-v-0760ba2e] {
  background-color: rgba(255,255,255,.04);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}

#store-description p {
  /*color: #000;*/
  font-size: 16px;
  line-height: 26px;
  color: rgb(239, 238, 238);
}

#store-gulf-description p {
  /*color: #000;*/
  font-size: 16px;
  line-height: 26px;
  color: rgb(0, 0, 0);
}

#store-description .social-bar {
  margin: 15px 0;
}
.scroll-y{
  height:400px;
  overflow-y: scroll;
}
.scroll-y-400{
  height:400px;
  overflow-y: scroll;
}

/*stripe payment form*/
.creditCardForm {
  max-width: 700px;
  background-color: var(--background-white-bg-color);
  overflow: hidden;
  padding: 10px;
  color: #4C4E56;
}
.creditCardForm label {
  width: 100%;
  margin-bottom: 10px;
}
.creditCardForm .heading h1 {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #4C4E56;
}
.creditCardForm .payment {
  float: right;
  font-size: 18px;
  padding: 10px 10px;
  margin-top: 10px;
  position: relative;
}
.creditCardForm .payment .form-group {
  float: right;
  margin-bottom: 15px;
}
.creditCardForm .payment .form-control {
  line-height: 40px;
  height: auto;
  padding: 0 16px;
}
.creditCardForm .owner {
  width: 60%;
  margin-left: 10px;
}
.creditCardForm .CVV {
  width: 30%;
}
.creditCardForm #card-number-field {
  width: 93%;
}
.creditCardForm #expiration-date {
  width: 49%;
}
.creditCardForm .expiry_month {
  width: 35%;
  border: 1px solid #e2e5ec;
  color: #898b92;
}

.creditCardForm .expiry_year {
  width: 35%;
  border: 1px solid #e2e5ec;
  color: #898b92;
}

.creditCardForm #credit_cards {
  width: 50%;
  margin-top: 25px;
  text-align: right;
}
.creditCardForm #pay-now {
  width: 100%;
  margin-top: 25px;
}
.creditCardForm .payment .btn {
  width: 100%;
  margin-top: 3px;
  font-size: 24px;
  background-color:var(--background-red-bg-color);
  color: white;
}
.creditCardForm .payment select {
  padding: 10px;
  margin-left: 15px;
}
.transparent {
  opacity: 0.2;
}
@media(max-width: 650px) {
  .creditCardForm .owner,
  .creditCardForm .CVV,
  .creditCardForm #expiration-date,
  .creditCardForm #credit_cards {
    width: 100%;
  }
  .creditCardForm #credit_cards {
    text-align: right;
  }
  .creditCardForm {
    padding: 0; 
  }
}
/*stripe payment form end*/
/*Style By Fatehi*/ 
.text-underline{
  text-decoration: underline;
}
.text-red {
  color: rgb(248, 6, 6) !important;
  font-style: italic;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.link-muted {
  color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}
.link-black {
  color: #666;
}
.link-black:hover,
  .link-black:focus {
    color: #999;
  }
.link-red {
  color: #dd4b39 !important;
}
.link-red:hover,
.link-red:focus {
  color: rgb(253, 6, 6);
}

.profit-style{
  margin: 10px; 
  border-style: dashed;
  padding-top: .2rem;
  padding-bottom: .3rem !important;
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

[dir="rtl"] .ml-3,.mx-3{
  margin-left: 0rem!important
}

[dir="rtl"] .ml-2, .mx-2 {
  margin-left: 0rem!important;
}

[dir="rtl"] .pr-3 {
  margin-right: 0rem!important;
}
/*end Style By Fatehi*/