@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
html {
    height:100%;
    direction: rtl;
  }
  body{
    overflow-x: hidden;
  }
  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      outline: 0;
      list-style: none;
      font-style: normal!important;
  }

  body, html {
      height: 100%;
      min-height: 100%;
      font-size: 16px;
      color: #050608;
      direction: rtl;
      font-family: 'Almarai', sans-serif;
      overflow-x: hidden;
      background: #fff;
      text-align: right;
  }
.topheader {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-bottom: .1rem solid rgb(17 17 17 / 8%);
    text-align: center;
    padding: 5px 0;
}

.topheader p {
    text-align: center;
    margin: 0;
    font-family: 'Almarai', sans-serif;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.topper {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}
.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky!important;
  top: 0;
  z-index: 9999;
}
.container {
    width: 100%;
    max-width: 1200px !important;
    padding: 0 !important;
}
a:hover, a:active, a:focus {
    text-decoration: none;
    color: #009ce7;
    outline: none;
}

header.main_menu.home_menu.sticky {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 3%);
    background: #fff;
    border-bottom: 1px solid rgb(18 18 18 / 7%);
}

.main_menu .main-menu-item ul li .nav-link {
    padding: 29px 9px;
    padding-bottom: 24px;
    font-family: 'Almarai', sans-serif;
    margin-left: 22px;
}

.main_menu .navbar-brand {
    margin-right: 0;
}

section.banner {
    display: block;
    width: 100%;
    overflow: hidden;
}

.bannerslid {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 420px;
}

.bannerslid img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.single_product_item p {
    text-decoration: line-through;
    color: rgb(21 21 21 / 75%);
    font-size: 13px;
}

section.subscribe_area.section_padding {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    border-top: .1rem solid rgb(18 18 18 / 7%);
}

.subscribe_area_text.text-center input.form-control {
    border: 1px solid #000;
    line-height: 60px;
}
a#basic-addon2 {
    position: absolute;
    left: 19px;
    bottom: 11px;
    font-size: 20px;
    color: #000;
}

.inputgroup {
    position: relative;
    display: block;
    overflow: hidden;
}

.copyright_text {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

ul.policies.list-unstyled {
    display: inline-block;
}

ul.policies.list-unstyled li {
    display: inline-block;
}

.copyright_text small ,.copyright_text small a {
    font-size: 11px;
    color: #000;
    padding-left: 8px;
}

h1.collection-hero__title {
    font-family: 'Almarai', sans-serif;
    margin: 25px 0;
}

section.cat_product_area.section_padding {
    padding-top: 0px;
}

.card__badge.bottom.left {
    position: absolute;
    top: -27px;
    left: 20px;
}

.card__badge.bottom.left span {
    border: 1px solid transparent;
    border-radius: 4.0rem;
    font-size: 12px;
    letter-spacing: .1px;
    line-height: 1;
    padding: .5rem 1.3rem .6rem;
    text-align: center;
    background-color: rgb(35 39 49);
    border-color: rgb(255 255 255 / 1%);
    word-break: break-word;
    color: rgb(247 241 241 / 75%);
    font-weight: 400;
}

.rte {
    position: relative;
    display: block;
    overflow: hidden;
}

.rte p {
    text-align: left;
    font-size: 16px;
}

.rte p strong {
    font-weight: 600;
}
.rte h1.collection-hero__title {
    text-align: center;
}

.lSSlideOuter.vertical {
    padding-left: 105px;
    padding-right: 0 !important;!i;!;
}

.lSSlideOuter.vertical .lSGallery {
    right: auto;
    left: 0;
}

.s_product_text {
    position: relative;
    display: block;
    width: 100%;
}

.s_product_text span.permo {
    font-size: 12px;
    margin-bottom: 12px;
}
.product_count span {
    color: rgb(21 21 21 / 75%);
    font-size: 18px;
}

.s_product_text .price {
    text-decoration: line-through;
    margin-right: 28px;
}

p.TaxesIN {
    padding-bottom: 0;
    border: 0;
    padding-top: 7px;
}

.canxytt {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.canxytt p {
    padding-top: 1px;
    color: #706a6a;
    font-weight: 500;
    font-family: 'Almarai', sans-serif;
}

.product_count {border-radius: 0px;width: 137px;}
.footer_part {
    padding: 30px 0px 25px;
    border-top: 0.1rem solid rgba(18, 18, 18, 0.07);
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    border-bottom: 2px solid #000;
}
.main_menu #search_input_box .form-control::placeholder {
    color: #000 !important;
  }

h1.title.title--primary {
    font-family: 'Almarai', sans-serif;
}

.title-wrapper-with-link {
    text-align: left;
}

.title-wrapper-with-link a.underlined-link {
    text-decoration: underline;
    padding-bottom: 4px;
    width: 100%;
    color: #000;
}

.img-pro {
    width: 90px;
    height: 90px;
    margin-left: 11px;
    overflow: hidden;
}
.cart_inner .table tbody tr td .media .media-body p a {color: #000;display: block;font-size: 15px;}
.cart_inner .table tbody tr td .media .media-body p:hover a {
  margin-bottom: 0px;
  text-decoration: underline;
  text-underline-offset: .3rem;
  text-decoration-thickness: .2rem;
}

h6.product-option {
    font-size: 14px;
    word-break: break-word;
    color: rgba(18, 18, 18, 0.75);
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
}

.cart_inner .table thead {
    position: relative;
    width: 100%;
}

.cart_inner .table thead tr {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.s_product_text.cart-box {
    padding: 20px;
    border: 1px dotted #444;
}

.s_product_text.cart-box p.TaxesIN {
    font-size: 14px;
    color: #333;
    padding-top: 17px;
    padding-bottom: 25px;
}

section.product_list.best_seller h1.collection-hero__title {
    font-size: 20px;
}

.billing_details {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 39px;
}

.creat_account.col-md-12 {
    margin-bottom: 20px;
}


.creat_account.col-md-12 label {
    margin-right: 8px;
}


.s_product_text  button.btn_3.submp {
    background: #910815;
    border-color: #910815;
}


button#basic-addon2 {
    position: absolute;
    bottom: 12px;
    left: 20px;
    font-size: 20px;
}


.seclpeodect {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 33px;
}

.seclpeodect img {
    display: inline-block;
    margin-left: 15px;
    width: 70px !important;
    height: 70px !important;
    overflow: hidden;
    border: 1px solid #d5d0d0;
}

.cart-notification__links {
    position: relative;
    display: block;
}



.seclpeodect span.nameprode {
    font-size: 15px;
    font-weight: 500;
}

.cart-notification__links a#cartbutton {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 0;
    background: none;
    color: #000;
    border: 1px solid #000;
    margin-bottom: 12px;
}

.cart-notification__links .btn_3 {
    text-align: center;
    display: block;
    width: 100%;
    padding: 12px 54px;
    margin-bottom: 12px;
}

.cart-notification__links button.btn.po {
    text-align: center;
    width: 100%;
    text-decoration: underline;
    text-underline-offset: .3rem;
}


h2.title-pop svg {
    font-size: 15px;
    display: inline-block;
}


.topppbuto {
    position: relative;
    display: block;
}

.topppbuto button.btn.close {
    position: absolute;
    left: 0;
    top: -25px;
}


a#linkcart {
    position: relative;
    line-height: normal !important;
}

a#linkcart span.cartnumber {
    position: absolute;
    background: #000;
    border-radius: 39px;
    width: 15px;
    right: 0;
    bottom: 1px;
    height: 15px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    font-size: 10px;
}

.table-responsive button.btn.btn-danger {
    background-color: #000000;
    border-color: #000000;
}


.cartsearchbar {
    text-align: left;
    margin-left: 0 !important;
    padding-top: 11px;
    position: absolute;
    left: 0;
}


.single_product_item .single_product_text h4 {
    min-height: 27px;
    overflow: hidden;
}


h3.titleword {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 32px;
}


h6.vibee {
    font-size: 20px;
    padding-top: 1px;
    margin-left: 23px;
}


button.opentext {
    position: relative;
    font-size: 15px;
}

button.opentext svg {
    display: inline-block;
}


.absolute.mt-2.w-48.bg-white.shadow-md.rounded-lg.z-10.boxbage {
    border-radius: 0 !important;
    padding: 10px;
    width: 270px !important;
}

.boxbage .headeroper {
    border-bottom: 1px solid #bcb9b9;
    padding-bottom: 14px;
    padding-top: 14px;
}

.boxbage .headeroper button.text-red-500.overfied {
    float: left;
    padding-bottom: 17px;
    text-decoration: underline;
}


.py-2.contentlabel input {
    margin-left: 9px !important;
    display: inline-block;
    overflow: hidden;
}


.absolute.mt-2.w-48.bg-white.shadow-md.rounded-lg.z-10.boxbage.box {
    width: 411px !important;
}


.flex.justify-between.items-center.contentox.py-2 {
    width: 100%;
    padding-top: 24px !important;
    padding-bottom: 20px !important;
}

.contentox input {
    border-radius: 0 !important;
    padding: 13px !important;
    border: 1px solid #000 !important;
}


label.lebelboc {
    margin-left: 6px;
}

.inputover {
    margin-left: 12px;
}


button.opentext.Sort {
    margin-left: 30px;
}


h5.relative.concart66 {
    position: relative;
    font-size: 15px;
    padding-top: 6px;
}


.lebonboxing label {
    display: block;
    width: 100%;
}


.absolute.mt-2.w-48.bg-white.shadow-md.rounded-lg.z-10.boxbage.sort {
    width: 224px !important;
}

.lebonboxing label input {
    margin-left: 5px;
}


form#contact-form .form-control {
    height: 50px;
    border-radius: 0;
}

form#contact-form  textarea.form-control {
    height: 107px;
}
.product_slider_img img, video {
    /* max-width: 100%; */
    /* height: auto; */
    /* object-fit: cover; */
    /* height: 100%; */
    width: 100%;
    height: 100%;
}


.cartbutton {
    position: relative;
    display: block;
    padding: 8px;
}


img.imagws {
    height: 150px;
    width: 150px;
}

.lSSlideWrapper.usingCss {
    margin-left: 5px;
}