@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800&display=swap');

body,
html,
div,
p,
b,
span,
h1,
h2,
h3,
h4,
h5,
h6,
.product-menu button {
  font-family: 'Tajawal', sans-serif !important;
}


.product-menu button {
  text-align: right;
}

.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-12,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-12 {
  direction: rtl;
}

.f-left {
  float: right;
}

.f-right {
  float: left;
}

.banner-bg {
  left: 0;
  right: auto;
  transform: rotateY(180deg);
}

.off-canvas-widget {
  right: auto;
  left: -100%;
}

.sidebar-off-canvas .off-canvas-overlay {
  right: 100%;
  left: auto;
}

.sidebar-off-canvas.isActive .off-canvas-overlay {
  right: 0;
  left: auto;
}

.sidebar-off-canvas.isActive .off-canvas-widget {
  left: 0;
  right: auto;
}

.sidebar-off-canvas .contact-info h4.title::after,
.oc-newsletter h4.title::after {
  left: auto;
  right: 0;
}

.sidebar-off-canvas .contact-info ul li i {
  margin-right: 0;
  margin-left: 10px;
}

.breadcrumb-bg .transparent-title {
  left: auto !important;
  right: 0 !important;
}

.mobile-menu .navigation h3 {
  padding-left: 0;
  padding-right: 15px;
}

.header-action>ul li {
  margin-left: 0;
  margin-right: 25px;
}

.header-shop-cart .minicart .cart-content {
  text-align: right;
  padding: 0 15px 0 25px;
}

.header-shop-cart .minicart>li {
  margin: 0 0 20px;
}

.header-shop-cart ul.minicart {
  right: auto;
  left: -15px;
}

.banner-content .sub-title,
.section-title .sub-title {
  padding-left: 0;
  padding-right: 15px;
}

.banner-content .sub-title::before,
.section-title .sub-title::before,
.section-title.text-center .sub-title::after {
  left: auto;
  right: 0;
}

.btn {
  padding-left: 10px;
  padding-right: 35px;
  margin-left: 15px;
  margin-right: 0;
}

.protein-btn i,
.gradient-btn i,
.special-btn i {
  margin-left: 0;
  margin-right: 25px;
}

.solid-btn i,
.transparent-btn i {
  margin-left: 0;
  margin-right: 20px;
}

.product-menu button::after {
  left: auto;
  right: 0;
}

.product-menu button::before {
  margin-right: 0;
  margin-left: 25px;
}

.fact-item .chart,
.fact-item .chart-two {
  margin-right: 0;
  margin-left: 25px;
}

.blog-post-content .post-date>i {
  margin-right: 0;
  margin-left: 5px;
}

.blog-post-content>.read-more span {
  margin-left: 10px;
  margin-right: 0;
}

.fw-blog-post ul li .thumb {
  margin-right: 0;
  margin-left: 20px;
}

.fw-blog-post ul li .content .date i {
  margin-right: 0;
  margin-left: 5px;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
  right: auto;
  left: 6px;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media (max-width: 1800px) {
  .banner-bg {
    right: auto;
    left: 0%;
  }

  .banner-shape li:nth-child(5n+1) {
    right: auto;
    left: 4%;
  }

  .banner-shape li:nth-child(5n+3) {
    right: auto;
    left: 16%;
  }

  .banner-shape li:nth-child(5n+4) {
    right: auto;
    left: 3%;
  }

  .capsule-banner .banner-img {
    margin-left: 0;
    margin-right: -30%;
  }

  .capsule-banner.bar-banner .banner-img {
    margin-left: 0;
    margin-right: -8%;
  }
}

/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1500px) {
  .banner-img-wrap .man-img {
    margin-left: 0;
    margin-right: -70px;
  }

  .banner-shape li:nth-child(5n+1) {
    left: auto;
    right: 15px;
  }

  .choose-img {
    left: auto;
    right: -75px;
  }

  .capsule-banner-shape {
    left: auto;
    right: -3%;
  }

  .capsule-banner-content .capsule-info {
    margin-left: 0;
    margin-right: 15px;
  }

  .capsule-banner-content .capsule-info::before {
    left: auto;
    right: 16px;
  }

  .capsule-banner.bar-banner .banner-img {
    margin-left: 0;
    margin-right: -18%;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
  .first-products .overlay-products .inner-products .slick-arrow.slick-prev {
    left: -30px;
  }

  .first-products .overlay-products .inner-products .slick-arrow {
    right: -30px;
    height: 40px;
    width: 40px;
  }

  .header-shop-cart ul.minicart {
    right: auto;
    left: 0;
  }

  .banner-bg {
    right: auto;
    left: 0;
  }

  .navbar-wrap ul {
    margin-left: 0;
    margin-right: 20px;
  }

  .header-action>ul {
    margin-left: 0;
    margin-right: 10px;
  }

  .header-action>ul li {
    margin-left: 0;
    margin-right: 10px;
  }

  .banner-img-wrap .man-img {
    margin-left: 0;
    margin-right: -50px;
  }

  .choose-content {
    margin-left: 0;
    margin-right: 10px;
  }

  .choose-list-wrap {
    margin-right: 0;
    margin-left: 20px;
  }

  .video-active {
    margin-left: 0;
    margin-right: 10px;
  }

  .faq-wrapper .accordion>.card>.card-header button {
    padding: 20px 20px 20px 65px;
  }

  .faq-wrapper .accordion>.card .card-body {
    padding: 0 20px 35px 30px;
  }

  .shop-details-nav-wrap {
    margin-left: 0;
    margin-right: auto;
  }

  .shop-details-nav-wrap .nav-item .rating {
    right: auto;
    left: 0;
  }

  .cart-plus-minus form::before {
    left: auto;
    right: 50px;
  }

  .cart-plus-minus form::after {
    left: 50px;
    right: auto;
  }

  .footer-quick-link ul li {
    margin-right: 0;
    margin-left: 35px;
  }

  .sidebar-social a {
    margin-right: 0;
    margin-left: 6px;
  }

  .single-comment.children {
    margin-left: 0;
    margin-right: 60px;
  }

  .capsule-header .header-action ul li+li {
    margin-left: 0;
    margin-right: 8px;
  }

  .capsule-banner .banner-img {
    margin-left: 0;
    margin-right: -15%;
  }

  .capsule-banner-content .capsule-info {
    margin-left: 0;
    margin-right: 15px;
  }

  .capsule-banner-content .capsule-info::before {
    left: auto;
    right: 8px;
  }

  .capsule-banner-shape {
    left: auto;
    right: -3%;
  }

  .capsule-features-item:hover .cf-overlay-icon {
    right: auto;
    left: -40px;
  }

  .faq-round-shape {
    right: auto;
    left: -5%;
  }

  .faq-style-two .accordion>.card>.card-header button::after {
    left: auto;
    right: 13px;
  }

  .faq-style-two .accordion>.card>.card-header button {
    padding: 20px 65px 20px 20px;
  }

  .faq-style-two .faq-card-img {
    margin-right: 0;
    margin-left: 20px;
  }

  .testimonial-item::before {
    right: auto;
    left: 20px;
  }

  .inner-shop-details-content {
    padding-left: 0;
    padding-right: 10px;
  }

  .capsule-banner.bar-banner .banner-img {
    margin-left: 0;
    margin-right: -10%;
  }

  .bar-ingredient .ingredients-img {
    margin-left: -25px;
    margin-right: -25px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
  .header-action {
    margin-right: 0;
    margin-left: 30px;
  }

  .banner-img-wrap .man-img {
    margin-left: 0;
    max-width: 380px;
  }

  .banner-btn .btn {
    margin: 15px 0 0 7.5px !important;
  }

  .choose-list-wrap ul li {
    text-align: right;
  }

  .choose-list-wrap .icon {
    margin-left: 30px;
    margin-right: 0;
  }

  .choose-img {
    left: 9%;
    right: auto;
  }

  .faq-wrapper .accordion>.card>.card-header button {
    padding: 23px 40px 23px 90px;
  }

  .cart-plus-minus form::before {
    left: auto;
    right: 60px;
  }

  .cart-plus-minus form::after {
    left: 60px;
    right: auto;
  }

  .sidebar-social a {
    margin-right: 0;
    margin-left: 8px;
  }

  .capsule-banner-content .capsule-info {
    margin-left: 0;
    margin-right: 15px;
  }

  .capsule-banner-content .capsule-info::before {
    left: auto;
    right: 16px;
  }

  .faq-style-two .accordion>.card>.card-header button {
    padding: 23px 80px 23px 40px;
  }

  .faq-style-two .accordion>.card>.card-header button::after {
    left: auto;
    right: 20px;
  }

  .faq-style-two .accordion>.card .card-body {
    padding: 13px 30px 30px 55px;
  }

  .faq-style-two .faq-card-img {
    margin-right: 0;
    margin-left: 30px;
  }

  .contact-form-wrap .form-grp input,
  .contact-form-wrap .form-grp textarea {
    padding: 18px 25px 18px 55px;
  }

  .contact-form-wrap .form-grp .custom-select {
    padding: 18px 25px 18px 55px;
  }

  .contact-form-wrap .form-grp i {
    right: auto;
    left: 25px;
  }

  .capsule-header .header-action {
    margin-right: 0;
    margin-left: 20px;
  }

  .special-ingredient-area .choose-list-wrap ul li {
    text-align: right;
  }

  .special-ingredient-area .choose-list-wrap .icon {
    margin-left: 25px;
    margin-right: 0;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
  .banner-img-wrap .banner-sup {
    right: auto;
    left: 0;
  }

  .product-menu button::before {
    margin-right: 0;
    margin-left: 15px;
  }

  .faq-wrapper .accordion>.card>.card-header button {
    padding: 20px 20px 20px 65px;
  }

  .faq-wrapper .accordion>.card .card-body {
    padding: 0 20px 35px 30px;
  }

  .shop-details-nav-wrap .nav-item .rating {
    right: auto;
    left: 0;
  }

  .shop-details-price .rating {
    margin-left: 25px;
    margin-right: 0;
  }

  .scroll-top {
    right: 0;
    left: 15px;
  }

  .blog--read--more {
    margin-left: 0;
    margin-right: auto;
  }

  .blog-thumb-active .slick-arrow {
    left: 0;
    right: 20px;
  }

  .blog-thumb-active .slick-arrow.slick-next {
    right: auto;
    left: 20px;
  }

  .sidebar-social a {
    margin-right: 0;
    margin-left: 6px;
  }

  .d-post-tag ul li {
    margin-right: 0;
    margin-left: 7px;
  }

  .post-share ul li {
    margin-left: 20px;
    margin-right: 0;
  }

  .capsule-banner-content .capsule-info {
    padding: 7px 22px 7px 18px;
    margin-left: 0;
    margin-right: 15px;
  }

  .capsule-banner-content .capsule-info::before {
    left: auto;
    right: 0;
  }

  .capsule-banner-shape {
    left: auto;
    right: -3%;
  }

  .faq-style-two .accordion>.card>.card-header button {
    padding: 20px 65px 20px 20px;
  }

  .faq-style-two .accordion>.card>.card-header button::after {
    left: auto;
    right: 13px;
  }

  .faq-round-shape {
    right: auto;
    left: 0;
  }

  .product-desc-wrap .nav-tabs .nav-item {
    margin: 0 0 0 35px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-img-wrap .banner-sup {
    right: auto;
    left: 0;
  }

  .choose-list-wrap ul li {
    text-align: right;
  }

  .choose-list-wrap .icon {
    margin: 0 0 0 25px;
  }

  .faq-wrapper .accordion>.card>.card-header button {
    padding: 23px 40px 23px 80px;
  }

  .shop-details-nav-wrap .nav-item .rating {
    right: auto;
    left: 0;
  }

  .comment-text .avatar-name .comment-reply {
    float: left;
  }

  .capsule-banner-content .capsule-info {
    padding: 12px 25px 12px 20px;
    margin-right: 20px;
    margin-left: 0;
  }

  .faq-style-two .accordion>.card>.card-header button {
    padding: 23px 80px 23px 40px;
  }

  .faq-style-two .accordion>.card>.card-header button::after {
    left: auto;
    right: 20px;
  }

  .shop-top-left {
    text-align: right;
  }

  .sup-info-area .choose-list-wrap ul li {
    text-align: right;
  }

  .sup-info-area .choose-list-wrap .icon {
    margin: 0 0 0 25px;
  }
}

@media (max-width: 991px) {
  .logo {
    margin-right: 0;
    margin-left: auto;
  }
}
.widget .categories-list li::before {
  right: 0;
  left: auto;
}

.widget .categories-list li a{
  margin-right: 12px;
  margin-left: 0;
}
.widget .categories-list li a i{
  margin-right: auto;
  margin-left: 0;
}
.price_slider_amount .btn{
  margin-right: 10px;
}
.price_slider_amount > input[type="submit"]{
  padding: 8px 15px;
}

.breadcrumb-item+.breadcrumb-item::before{
  float: right;
}
.lp-post-content {
  margin-right: 15px;
  margin-left: 0;
}
.inner-shop-perched-info > .cart-btn{
  margin-left: 12px;
}
.inner-shop-details-list ul li::before{
  right: 0;
  left: auto;
  content: "\f0a8";

}
.inner-shop-details-list ul li{
  padding-right: 22px;
  padding-left: 0;
}
.product-desc-wrap .nav-tabs .nav-item {
  margin: 0 0 0 55px ;
}

.inner-shop-details-meta ul li {
  padding-left: 15px !important;
  margin-left: 15px !important;
}

.inner-shop-details-meta ul li::before {
  left: -2px !important;
  right: auto !important;
}
.inner-shop-details-price .stock-status {
  margin-right: 15px;
}
.navbar-wrap > ul > li .submenu li a::before {
  right: 0px;
  left: auto;
}
.navbar-wrap ul li .submenu li {
  text-align: right;
}
.navbar-wrap ul li .submenu li a {
  padding: 0 25px 0 10px;
}
.fab,.fa {
    font-family: "Font Awesome 5 Brands" !important;
}
/*# sourceMappingURL=style-custome-rtl.css.map */