body,
.catalog-product-compare-index
  .table-wrapper.comparison
  .table-comparison
  > tbody
  > tr
  > th,
.table-wrapper.comparison .table-comparison > tbody > tr > tdbody,
.action.primary {
  font-family: "Almarai", "JF Flat", "Open Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
}
.price-box .price {
  font-family: "Almarai", "JF Flat", "Open Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif !important;
}

@font-face {
  font-family: "JF FLat";
  src: url("../fonts/jf-flat-regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Almarai";
  src: url("../fonts/Almarai-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

.product-search-bar,
.homepage-bar {
  background: #da251c !important;
}

.catalog-product-compare-index .page-title-wrapper {
  background: #db241e !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 10px !important;
}

.catalog-product-compare-index .page-title {
  margin: 0 !important;
  padding: 0 !important;
}

.catalog-product-compare-index .base {
  font-size: 3rem !important;
  font-weight: bold !important;
  color: #fff !important;
}

.catalog-product-compare-index
  .table-wrapper.comparison
  .table-comparison
  > tbody
  > tr
  > th,
.table-wrapper.comparison .table-comparison > tbody > tr > td {
  border-left: 1px solid #ccc !important;
  text-align: center !important;
}

.catalog-product-compare-index .table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #ddd !important;
}

.catalog-product-compare-index
  .table-wrapper.comparison
  .table-comparison
  > tbody
  > tr
  > th.info,
.table-wrapper.comparison .table-comparison > tbody > tr > td.info {
  text-align: center !important;
}

.catalog-product-compare-index .product-item-name {
  font-weight: bold !important;
  line-height: 1 !important;
  font-family: Oswald !important;
  background: #db241e !important;
  padding: 10px 0 !important;
}

.catalog-product-compare-index .product-item-name > a {
  font-size: 4rem !important;
  color: #fff !important;
}

.catalog-product-compare-index .product-item-photo {
  border: none !important;
  width: auto !important;
}

.catalog-product-compare-index
  .product-item-photo
  > .product-image-container
  > .product-image-wrapper {
  padding-bottom: 70% !important;
}

.catalog-product-compare-index .print {
  font-size: 3rem;
}

.catalog-product-compare-index .comparison {
  overflow-x: unset !important;
}

.catalog-product-compare-index .table-comparison {
  border-bottom: 1px solid #ccc;
}

.catalog-product-compare-index .table-comparison .cell.label {
  background: #d91e15 !important;
  color: #fff !important;
}

.catalog-product-compare-index .table-comparison .cell.label.product,
.catalog-product-compare-index .table-comparison .cell.remove {
  background: none !important;
  border: none !important;
}

.catalog-product-compare-index .table-comparison .cell.label.product,
.catalog-product-compare-index .table-comparison .cell.remove .action.delete {
  border: 1px solid #dddddd;
  padding: 0 5px 3px 5px;
  margin-right: -1.6rem;
  border-bottom: none;
}

.catalog-product-compare-index .table-comparison .cell.label.product,
.catalog-product-compare-index .table-comparison .product-image-photo {
  bottom: 0;
}

.table-comparison .cell.attribute {
  font-size: 1.4rem !important;
}

html[dir="rtl"] .product-info-main .product-warranty {
  clear: both !important;
  float: right !important;
  margin-top: 5px !important;
}

.product-item-name {
  height: 55px !important;
}

.product-item-name p {
  margin: 0px !important;
  font-weight: bold !important;
}
.footer-top,
.footer-middle {
  padding-top: 20px !important;
}
.maroof-icon {
  height: 50px;
}

.search-category {
  left: 35px !important;
  right: auto !important;
}
.page-header.type5 .search-category select {
  border-right: 1px solid #ccc !important;
  border-right-color: rgba(204, 204, 204, 0.5) !important;
  border-left: none !important;
}
.block-search .action.search:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
  border-radius: 25px 0 0 25px;
  cursor: pointer;
}
input[type="text"] {
  font-family: "Almarai";
}
select {
  font-family: "Almarai";
  line-height: 1.6;
}
.product.info.detailed .additional-attributes > tbody > tr > th {
  padding: 9px 27px;
  text-align: right;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
  background: #dddddd45;
  width: 25%;
}

.product.info.detailed .additional-attributes > tbody > tr > td {
  text-align: right;
  padding: 9px 27px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
}
.product-info-price .value > ul {
  margin-bottom: 0;
}
.product.description ul {
  list-style: square !important;
}
#tabbyPromo {
  margin: 15px 0;
}
.custom_vat_label {
  margin-bottom: 15px;
  font-style: italic;
  color: #818080;
  margin-top: -5px;
  margin-left: 10px;
  margin-right: 10px;
}

/*Custom Additon for Demo - Start */

.cms-index-index .products-grid .product-item .product-item-details {
  width: 90%;
  margin: auto;
}

.cms-index-index .product-item-info .product.name a {
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  white-space: -webkit-pre-wrap;
  /* word-break: break-all; */
  white-space: normal;
}

/*Custom Additon for Demo - End */

@media (min-width: 768px), print {
  html[dir="rtl"] .cart-discount {
    float: left !important;
    clear: none !important;
    width: 33.33333333% !important;
  }
  html[dir="rtl"] .cart-discount .block > .title {
    margin-bottom: 15px;
  }
  html[dir="rtl"] .cart-discount .block > .title strong {
    font-weight: bold !important;
    color: #da251c !important;
  }
  html[dir="rtl"] .block.crosssell {
    clear: both;

    width: 33.333333% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html[dir="rtl"] .block.crosssell > .filterproducts-tab {
    margin-top: 20px !important;
  }
  html[dir="rtl"] .products-grid .product-item {
    float: right !important;
  }
  html[dir="rtl"] .price-container .price {
    font-size: 15px !important;
  }
  html[dir="rtl"]
    .products-grid
    .product-item-details
    .product-item-actions
    .tocart {
    height: 100% !important;
    line-height: 20px !important;
    width: 100% !important;
    white-space: normal !important;
    font-size: 1rem !important;
  }
  html[dir="rtl"] .product-item-name {
    height: auto !important;
  }
  html[dir="rtl"] .products-grid .product-item-details .product-item-actions {
    white-space: normal !important;
    margin: 0 !important;
  }
  html[dir="rtl"] .cart-discount .block {
    width: 100% !important;
  }
  /* Mageplaza Search Module - Custom Changes */
  .page-header.type5:not(.header-newskin) .block-search .action.search {
    left: 5px !important;
    right: auto !important;
    border-left: none !important;
    border-right: 1px solid #ccc !important;
  }
  .block-search input {
    padding: 10px 20px 10px 50px !important;
  }
  .page-header.type5:not(.header-newskin) .block-search .action.search:before {
    color: #f44336 !important;
  }
  .product.data.items > .item.content {
    margin-top: 43.5px !important;
  }
  /* .product-info-main .product-info-stock-sku {
    height: 5em;
  } */
  .product-info-main .product.overview {
    padding-bottom: 10px !important;
  }
  .box-tocart .input-text.qty {
    height: 32px !important;
  }
  .qty.field .qty-changer > a {
    height: 15px;
  }
  .qty-inc .porto-icon-up-dir,
  .qty-dec .porto-icon-down-dir {
    position: relative;
    top: -4px;
    right: -1px;
  }
  .product-reviews-summary .reviews-actions a {
    border-right: 1px solid #bdbdbd;
    margin-right: 10px;
    border-left: none !important;
    margin-left: 0px !important;
  }
  .catalog-product-view .page-wrapper > .breadcrumbs {
    margin-bottom: 0 !important;
  }
  .page-header.type5:not(.header-newskin) .search-area .search-icon {
    z-index: 7 !important;
  }
  .header.panel > .header.links > li.greet.welcome {
    display: inline-block !important;
  }
  .header.panel > .header.links > li:first-child > span {
    padding-left: 0 !important;
  }
  .customer-welcome .action.switch:after {
    margin: 0 5px !important;
  }
  .header.panel > .header.links > li > span {
    padding: 0 3px 0 5px;
  }
  .header.panel > .header.links > .authorization-link a {
    border-right: none !important;
  }
  .account .account-nav-content > ul.nav.items,
  .account ul.items.order-links {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .account .account-nav .nav > li > a:before,
  .account .account-nav .nav > li > strong:before {
    content: "\f822" !important;
    font-family: porto-icons;
    position: absolute;
    right: 5px;
    left: 0px !important;
  }
  .paypal-review .block .block-title > .action,
  .account .column.main .block:not(.widget) .block-title > .action,
  .multicheckout .block-title > .action,
  .magento-rma-guest-returns
    .column.main
    .block:not(.widget)
    .block-title
    > .action,
  [class^="sales-guest-"]
    .column.main
    .block:not(.widget)
    .block-title
    > .action,
  .sales-guest-view .column.main .block:not(.widget) .block-title > .action {
    float: left !important;
  }
  .account table th {
    text-align: right !important;
  }
  .account .order-links .item {
    float: right !important;
    margin: 0 0 0 -1px !important;
  }
  .account .order-details-items .col.name {
    padding-right: 0 !important;
    padding-left: auto !important;
  }
  .account .page-main > .page-title-wrapper .page-title {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
  }
  .account .return-status,
  .order-status {
    vertical-align: middle !important;
    margin-right: 10px !important;
  }
  .account .page-main .page-title-wrapper .order-date {
    margin: 18px 0 18px !important;
  }
  .custom_vat_label {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  html[dir="rtl"] .opc-sidebar button.action.action-edit {
    right: auto !important;
    left: 0 !important;
  }
}
/*@media only screen (min-width: 768px){*/
.sw-megamenu.navigation li.parent > .submenu {
  top: 8.8em;
}

.sw-megamenu.navigation li.level0.classic .submenu {
  left: auto !important;
  right: 0 !important;
}

.page-header.type5 .navigation > ul > li {
  text-align: right !important;
}
/*}*/

@media only screen and (max-width: 767px) {
  .page-header.type5 .nav-toggle {
    float: right;
    margin-left: 10px !important;
    margin-right: 0px !important;
  }
  .page-wrapper {
    right: 0;
  }
  .nav-sections {
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
    left: 0 !important;
    right: calc(-1 * (100% - 54px));
  }
  .nav-open .nav-sections {
    right: 0;
  }
  .nav-open .page-wrapper {
    left: 0 !important;
    right: calc(100% - 54px) !important;
    overflow: visible;
  }
  .nav-before-open .page-wrapper {
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
    right: 0;
    left: inherit !important;
  }
  .navigation .parent .level-top:after {
    left: 15px !important;
    right: inherit !important;
  }
  .sw-megamenu.navigation li.ui-menu-item > .open-children-toggle {
    left: 0 !important;
    right: inherit !important;
  }

  html[dir="rtl"] .menu-left-block .col-sm-6,
  html[dir="rtl"] .subchildmenu.mega-columns.columns3,
  html[dir="rtl"] .menu-right-block.row,
  html[dir="rtl"] .menu-right-block ul {
    margin: 0 !important;
  }

  .navigation .submenu:not(:first-child) ul > li a {
    font-weight: normal !important;
  }

  html[dir="rtl"] .filter-title strong {
    display: none;
  }
}