html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'ProximaNova', sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    min-height: 100%;
    position: relative
  }

  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }

  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }

  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }

  textarea {
    resize: vertical;
  }

  img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
  }

  a {
    text-decoration: none;
    color: #222;
  }

  *,
  *:focus,
  *:hover {
    outline: none;
  }

  button {
    border: none;
    background: #fff0;
    cursor: pointer;
  }

  .h-spacer {
    height: 60px;
  }

  /* main style - mobile firest */
  body {
    font-family: 'ProximaNova', sans-serif;
  }

  .container {
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
  }

  .container.full-width {
    padding: 0;
  }

  .inner {}

  .admin-top-bar {
    background-color: #ffeb3b;
  }

  .admin-top-bar .inner {
    padding: 10px 10px;
    align-items: center;
  }

  .admin-top-bar .links {}

  .admin-top-bar .links a {
    font-size: 0.8em;
    padding: 5px 8px;
    margin-right: 5px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .admin-top-bar .name {
    align-items: center;
  }

  .admin-top-bar .name span {
    font-size: 0.8
  }

  .admin-top-bar .name a {
    font-size: 0.6em;
    padding: 5px 10px;
    margin-left: 5px;
    background-color: #FF5722;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobileHeader {
    background: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 60;
    box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.30);
  }

  .m-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 54px;
    overflow: hidden;
  }

  .m-header .left {
    flex: 1;
    display: flex;
    height: 100%;
  }

  .m-header .nav-toggle {
    height: 100%;
  }

  .m-header .logo {
    width: 93px;
  }

  .m-header .right {
    flex: 1;
    display: flex;
    height: 100%;
    justify-content: flex-end;
  }

  .m-header .search-toggle {
    height: 100%;
  }

  .m-header .cart {
    display: flex;
    align-items: center;
    padding: 0 10px;
  }

  .m-header .cart a {
    position: relative;
  }

  .m-header .counter {
    position: absolute;
    top: -6px;
    right: -7px;
    width: 18px;
    height: 18px;
    line-height: 1;
    background-color: rgb(245, 81, 80);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 100%;
  }

  /* mobile nav style - show only in mobile - 921px and dwon */
  .mobileNav {}

  .mobileNav .menu-overlay {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 290;
    opacity: 0;
    display: none;
  }

  .mobileNav.active .menu-overlay {
    opacity: 1;
    display: block;
  }

  .mobile-nav {
    width: 80%;
    left: -80%;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 300;
    background: #fff;
    color: #fff;
    transition: all 0.3s ease;
    overflow-y: scroll;
  }

  .mobileNav.active .mobile-nav {
    left: 0;
    box-shadow: 6px -10px 10px -5px rgba(0, 0, 0, 0.5);
  }

  .mobile-nav .form-ctr {
    display: flex;
    padding: 5px 0;
  }

  .mobile-nav .form-ctr input {
    width: calc(100% - 40px);
    height: 46px;
    padding: 10px;
    padding-right: 0;
    border-radius: 5px 0 0 5px;
    border: 1px solid #e0e6ea;
    border-right: none;
    background-color: #f9fafb;
    box-sizing: border-box;
  }

  .mobile-nav .form-ctr button {
    width: 40px;
    height: 46px;
    padding-right: 0;
    border-radius: 0 5px 5px 0;
    border: 1px solid #e0e6ea;
    border-left: none;
    background-color: #f9fafb;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .mobile-nav .form-ctr button .fi {
    color: rgb(245, 81, 80);
  }

  .mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #000;
  }

  .mobile-nav li {}

  .mobile-nav .wrapper {
    border-bottom: 1px solid #e4eaef;
  }
  .mobile-nav .search-wrapper {
  padding: 10px;
    border-bottom: 1px solid #e4eaef;
  }
  .mobile-nav .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    padding: 10px;
  }

  .mobile-nav .item .category {
    display: flex;
    align-items: center;
  }

  .mobile-nav .item .photo {
    width: 46px;
  }

  .mobile-nav .item .title {
    text-transform: uppercase;
    -webkit-letter-spacing: 0.2px;
    -moz-letter-spacing: 0.2px;
    -ms-letter-spacing: 0.2px;
    letter-spacing: 0.2px;
    font-weight: 600;
    padding-left: 10px;
    color: #333435;
  }

  .mobile-nav .item .fi {
    color: #a4b6bf;
  }

  .mobile-nav .child {
    width: 80%;
    left: -80%;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 80;
    background: #fff;
    color: #fff;
    transition: all 0.2s ease;
    overflow-y: scroll;
  }

  .mobile-nav .lvl2-child.active {
    left: 0;
  }

  .mobile-nav .lvl3-child.active {
    left: 0;
  }

  .mobile-nav .back .item {
    justify-content: inherit;
  }

  .mobile-nav .back .chevron .fi {
    color: rgb(245, 81, 80);
  }

  .mobile-nav .back .title {
    font-weight: 400;
    font-size: 18px;
    color: #6f6f6f;
    margin-top: 2px;
    padding-left: 2px;
  }

  .mobile-nav .all .title {
    text-transform: none;
  }

  /* End of mobile nav style */

  /* desktop header style - show only in desktop - 922px and up */
  .deskHeader {}

  .deskHeader .top-sc {
    background-color: #1F1F2D;
  }

  .h-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .h-top-bar .left {
    display: flex;
  }

  .h-top-bar .right {
    position: relative;
  }

  .h-top-bar .features {
    display: flex;
    align-items: center;
    margin-right: 10px;
    padding: 7px 0;
  }

  .h-top-bar .features .icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }

  .h-top-bar .features .icon img {
    opacity: 0.8;
  }

  .h-top-bar .features .value {
    color: #9797af;
    font-size: 12px;
  }

  .h-top-bar .shipment {
    display: flex;
    align-items: center;
    padding: 5px;
    cursor: pointer;
  }

  .h-top-bar .shipment .value {
    color: #9797af;
    font-size: 12px;
  }

  .h-top-bar .shipment .value span {
    font-weight: bold;
  }

  .h-top-bar .shipment .icon {
    width: 21px;
    margin-left: 5px;
  }

  .h-top-bar .country-select {
    background-color: rgb(255, 255, 255);
    color: rgb(64, 69, 83);
    box-shadow: rgb(0 0 0 / 18%) 0px 5px 4px 0px;
    border-radius: 2px;
    position: absolute;
    top: 28px;
    right: 0px;
    z-index: 1003;
    white-space: nowrap;
    transition: 0.2s;
    display: none;
    opacity: 0;
  }

  .h-top-bar .country-select.open {
    display: initial;
    opacity: 1;
  }

  .h-top-bar .country-select::after {
    content: "";
    bottom: 100%;
    right: 20px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent rgb(255, 255, 255);
    border-image: initial;
    position: absolute;
    width: 0px;
    height: 0px;
  }

  .h-top-bar .country-select .wrapper {}

  .h-top-bar .country-select .option {}

  .h-top-bar .country-select .option a {
    display: flex;
    padding: 10px;
    align-items: center;
    transition: 0.2s;
    border-bottom: 1px solid #f7f7fa;
  }

  .h-top-bar .country-select .option a.active {
    background-color: #cfcfe6;
  }

  .h-top-bar .country-select .option a:hover {
    background-color: #eeeef5;
  }

  .h-top-bar .country-select .option .flag {
    width: 21px;
    margin-right: 5px;
  }

  .h-top-bar .country-select .option .flag img {}

  .h-top-bar .country-select .option .flag .fi {
    width: 18px;
    height: 18px;
    color: #2196f3;
  }

  .h-top-bar .country-select .option .title {
    font-size: 14px;
    padding-right: 46px;
  }

  .deskHeader .main-sc {
    background-color: #1F1F2D;
  }

  .h-desk-header {
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
  }

  .h-desk-header .col.logo {
    width: 20%;
  }

  .h-desk-header .logo a {
    display: inline-block;
  }

  .h-desk-header .logo img {
    width: 125px;
  }

  .h-desk-header .col.search-form {
    width: 60%;
  }

  .h-desk-header .form-wrapper {
    display: flex;
  }

  .h-desk-header .form-wrapper input {
    width: calc(100% - 50px);
    border-radius: 999px 0px 0px 999px;
    border: none;
    padding: 10px 15px;
    height: 44px;
  }

  .h-desk-header .form-wrapper button {
    background-color: #fff;
    border-radius: 0px 999px 999px 0px;
    width: 50px;
    color: #f55150;
  }

  .h-desk-header .col.cart {
    width: 20%;
    display: flex;
    justify-content: flex-end;
  }

  .h-desk-header .cart a {
    display: inline-block;
  }

  .h-desk-header .cart .wrapper {
    display: flex;
    align-items: center;
    height: 44px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #4e4e71;
    border-radius: 999px;
    box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.74), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
    transition: 0.2s;
  }

  .h-desk-header .cart .wrapper:hover {
    background-color: #404052;
  }

  .h-desk-header .cart .title {
    color: #fff;
    padding: 0 15px 0 20px;
  }

  .h-desk-header .cart .fi {
    color: #fff;
    padding-right: 20px;
  }

  .h-desk-header .cart .counter {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 18px;
    height: 18px;
    line-height: 1;
    background-color: rgb(245, 81, 80);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 100%;
  }

  .deskHeader .nav-sc {
    background-color: #fff;
    box-shadow: 0px 2px 3px -1px #E3E3EF;
    transition: 0.2s;
  }

  .deskHeader .top-sc .container {
    overflow: initial !important;
  }

  .h-main-nav .nav {
    padding: 0 15px;
    margin: 0;
    list-style: none;
    display: flex;
    position: relative;
  }

  .h-main-nav .item.logo {
    width: 0px;
    opacity: 0;
    transition: 0.2s;
  }

  .h-main-nav .item.logo .media-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .h-main-nav .item.logo img {
    height: 30px;
  }

  .h-main-nav .item.grocery {
    position: absolute;
    right: 0;
  }

  .h-main-nav .item.grocery .parent-title {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .h-main-nav .item.grocery .parent-title a {
    padding: 10px 16px;
    border-radius: 999px;
    color: #1f1f2d;
    transition: 0.2s;
  }

  .h-main-nav .item.grocery .parent-title a:hover {
    background-color: #16c57a;
    color: #fff;
  }

  .mob-contry-select {
    padding-top: 120px;
    padding-bottom: 30px;
  }

  .mob-contry-select .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-bottom: none;
  }

  .mob-contry-select .select-container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
  }

  .mob-contry-select .select-container .label {
    color: #929ea7;
    margin-bottom: 5px;
    padding-left: 5px;
    font-size: 14px;
    width: 80%;
  }

  .mob-contry-select .selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #cdd9e2;
    border-radius: 999px;
    width: 80%;
    box-sizing: border-box;
  }

  .mob-contry-select .selected .left {
    display: flex;
    align-items: center;
  }

  .mob-contry-select .selected .right {
    display: flex;
    align-items: center;
  }

  .mob-contry-select .selected .right .fi {
    color: #cdd9e2;
  }

  .mob-contry-select .selected .flag {
    width: 23px;
  }

  .mob-contry-select .selected .flag img {}

  .mob-contry-select .selected .title {
    color: #000;
    padding-left: 6px;
    font-weight: 500;
  }

  .mob-contry-select .selectbox {
    position: absolute;
    bottom: 0px;
    border: 1px solid #cdd9e2;
    border-radius: 18px;
    width: 81%;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
  }

  .mob-contry-select .selectbox.open {
    display: initial;
  }

  .mob-contry-select .selectbox .option {
    width: 100%;
  }

  .mob-contry-select .selectbox .option a {
    display: flex;
    align-items: center;
    padding: 13px 15px;
    border-top: 1px solid #cdd9e2;
  }

  .mob-contry-select .selectbox .option:nth-child(1) a {
    border: none;
  }

  .mob-contry-select .selectbox .option .flag {
    width: 23px;
  }

  .mob-contry-select .selectbox .option .flag img {}

  .mob-contry-select .selectbox .option .title {
    color: #000;
    padding-left: 6px;
    font-weight: 500;
  }

  .h-main-nav .item .parent-title {
    text-transform: uppercase;
    padding: 0 15px;
    -webkit-letter-spacing: 0.2px;
    -moz-letter-spacing: 0.2px;
    -ms-letter-spacing: 0.2px;
    letter-spacing: 0.2px;
    font-weight: 600;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
  }

  .h-main-nav .item a {
    color: #434348;
  }

  .deskHeader .nav-sc .container {
    position: relative;
    overflow: visible;
  }

  .h-main-nav .dropdwon {
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
    left: 0;
    z-index: 18;
    background-color: #fff;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    transition: all 0.5s ease;
    box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.2), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
    border-top: 1px solid #eaeaf3;
  }

  .h-main-nav .item:hover .parent-title,
  .dropdwon:hover+.parent-title {
    box-shadow: 2px 10px 8px -3px rgba(31, 31, 45, 0.3), -2px 10px 8px -3px rgba(31, 31, 45, 0.3);
  }

  .h-main-nav .item:hover .dropdwon,
  .dropdwon:hover {
    visibility: visible;
    opacity: 1;
    display: block;
  }

  .h-main-nav .item.grocery .parent-title:hover {
    box-shadow: none;
  }

  .h-main-nav .dropdwon .wrapper {
    padding: 15px 0px;
  }

  .h-main-nav .dropdwon .row {
    display: flex;
    justify-content: space-between;
  }

  .h-main-nav .dropdwon .col {
    box-sizing: border-box;
    border-right: 1px solid #dfdfe4;
    padding: 0 15px;
  }

  .h-main-nav .dropdwon .col:nth-last-child(1) {
    border-right: none;
  }

  .h-main-nav .dropdwon .col-20 {
    width: 20%;
  }

  .h-main-nav .dropdwon .col-30 {
    width: 30%;
  }

  .h-main-nav .dropdwon .col-40 {
    width: 40%;
  }

  .h-main-nav .dropdwon .col-50 {
    width: 50%;
  }

  .h-main-nav .dropdwon .col-60 {
    width: 60%;
  }

  .h-main-nav .dropdwon .col-70 {
    width: 70%;
  }

  .h-main-nav .dropdwon .col-80 {
    width: 80%;
  }

  .h-main-nav .dropdwon .sub-item {
    padding: 6px 0;
  }

  .h-main-nav .dropdwon .sub-title a {
    transition: 0.2s;
  }

  .h-main-nav .dropdwon .sub-item .value {
    padding-right: 20px;
  }

  .h-main-nav .dropdwon .sub-item.main-item .sub-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .h-main-nav .dropdwon .sub-item.main-item .sub-title .value {
    font-weight: bold;
    color: #000;
    transition: 0.2s;
    font-size: 17px;
  }

  .h-main-nav .dropdwon .sub-item.main-item .sub-title .all {
    font-size: 12px;
    color: #f55150;
    display: block;
  }

  .h-main-nav .dropdwon .sub-title a:hover {
    text-decoration: underline;
    color: #000;
  }

  .h-main-nav .dropdwon .spacer {
    height: 8px;
  }

  .women-sc {
    display: flex;
  }

  .women-sc .b-wrapper:nth-last-child(1) {
    padding-left: 15px;
  }

  .scroll-up .deskHeader.stick {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 60;
  }

  .scroll-up .deskHeader.stick .nav-sc {
    box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.15);
  }

  .scroll-up .deskHeader.stick .h-main-nav .item.logo {
    width: 40px;
    opacity: 1;
  }

  /* END of desktop header style */


  .content {
    padding-top: 54px;
  }

  .top-slider .swiper-pagination-bullet {
    width: 22px;
    border-radius: 0;
    height: 4px;
  }

  .top-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f55150;
  }

  .top-slider .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 24%;
  }

  .topBanners {
    z-index: 10;
    position: relative;
    margin-top: -100px;
  }

  .top-banners .w-banner {
    padding-bottom: 20px;
  }

  .top-banners .w-banner img {
    border-radius: 5px;
    border: 1px solid #e3edf5;
    box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
  }

  .banner-wrapper .banner {
    display: block;
    margin-top: 15px;
  }

  .banner-wrapper .banner img {
    border-radius: 10px;
  }

  .banner-wrapper.double {
    display: flex;
    justify-content: space-between;
  }

  .banner-wrapper.double .banner {
    width: 49.5%;
  }

  .banner-wrapper.double .banner:nth-last-child(1) {
    margin-left: 15px;
  }

  .top-banners .wide-banner .banner {
    margin: auto;
  }

  .f-cat {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .f-cat .swiper-container {
    padding-right: 15px;
  }

  .f-cat .swiper-slide {
    width: auto;
  }

  .f-cat .overlay {
    height: 100%;
    width: 10%;
    position: absolute;
    z-index: 15;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    right: 0;
  }

  .f-cat .cat-thumb {
    width: 120px;
    display: block;
    padding-left: 20px;
    padding-bottom: 20px;
  }

  .f-cat .swiper-slide:nth-child(1) .cat-thumb {
    padding-left: 15px;
  }

  .f-cat .cat-img {
    padding: 3px;
    border-radius: 100%;
    border: 2px solid #ececec;
  }

  .f-cat .cat-img img {
    border-radius: 100%;
  }

  .f-cat .cat-thumb .title {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: 500;
    color: #5c7080;
  }

  .prd-car .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto 15px;
  }

  .prd-car .header .title {
    font-weight: bold;
    font-size: 1.2em;
  }

  .prd-car .header .view-all {
    text-decoration: none;
    font-size: 1.2em;
    color: #f55150;
  }

  .prd-car .swiper-slide {
    width: auto;
  }

  .prd-car .swiper-slide:nth-child(1) {
    margin-left: 7px;
  }

  .prd-car .swiper-slide.last-item {}

  .prd-car .wrapper {
    padding: 8px;
    padding-bottom: 12px;
    box-sizing: border-box;
    width: 160px;
  }

  .prd-car .wrapper .photo {
    margin-bottom: 5px;
  }

  .prd-car .wrapper .media-container {
    text-align: center;
    height: 190px;
    background-color: #f9f9f9;
    border-radius: 4px;
  }

  .prd-car .wrapper .photo img {
    border-radius: 3px;
    margin: 0 auto;
    transition: 0.2s;

  }

  .prd-car .wrapper .photo .view-all {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .prd-car .wrapper .photo .view-all .fi {
    width: 56px;
    height: 56px;
    color: #cad1d6;
    box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
    border-radius: 100%;
  }

  .prd-car .wrapper .name {
    color: #000;
    font-size: 12px;
    height: 24px;
    overflow: hidden;
    margin-bottom: 5px;
  }

  .prd-car .wrapper .price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
  }

  .prd-car .wrapper .main-price .value {
    font-weight: bold;
    color: #000;
  }

  .prd-car .wrapper .main-price .aed {
    font-weight: normal;
    font-size: 14px;
    color: #9093a7;
  }

  .prd-car .wrapper .old-price span {
    font-weight: normal;
    font-size: 14px;
    color: #9093a7;
    text-decoration: line-through;
  }

  .prd-car .wrapper .discount {
    font-size: 12px;
    background-color: #D7EFCD;
    height: 18px;
    line-height: 20px;
    padding: 0 12px;
    color: #298A1F;
  }

  .dmocarousel .inner {
    background: rgb(64, 69, 80, 1);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(64, 69, 80, 1) 50%);
    padding-bottom: 30px;
  }

  .dmo-car .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
  }

  .dmo-car .header .title {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    margin: 0;
  }

  .dmo-car .header .view-all {
    background-color: #404550;
    border-radius: 999px;
    text-decoration: none;
    color: #8B8BA2;
    font-size: 1em;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #8B8BA2;
    box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.36), 0 3px 3px -3px rgba(0, 0, 0, 0.41);
  }

  .dmo-car .swiper-slide {
    width: auto;
  }

  .dmo-car .swiper-slide:nth-child(1) .dmo-thumb {
    margin-left: 7px;
  }

  .dmo-car .dmo-thumb {
    display: block;
    width: 300px;
    padding: 0 8px;
    height: 280px;
  }

  .dmo-car .dmo-thumb .wrapper {
    position: relative;
    transition: 0.2s;
  }

  .dmo-car .dmo-thumb .media-container img {
    border-radius: 10px;
    width: 300px;
    height: 280px;
  }

  .dmo-car .dmo-thumb .gradient-overlay {
    height: 280px;
    position: absolute;
    border-radius: 10px;
    width: 100%;
    top: 0;
    background: rgb(64, 69, 83);
    background: linear-gradient(0deg, rgba(64, 69, 83, 1) 0%, rgba(255, 255, 255, 0) 55%);
  }

  .dmo-car .dmo-thumb .details {
    position: absolute;
    bottom: 0;
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    font-size: 1em;
  }

  .dmo-car .dmo-thumb .box {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
  }

  .dmo-car .box .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3px;
  }

  .dmo-car .box .top .timer {
    display: flex;
    align-items: center;
  }

  .dmo-car .box .top .timer .fi {
    width: 16px;
    color: #91b1ca;
    height: 16px;
    margin-right: 3px;
  }

  .dmo-car .box .top .timer span {
    font-weight: 500;
    color: #000;
  }

  .dmo-car .box .top .price .value {
    font-weight: bold;
    color: #000;
    font-size: 1.2em;
  }

  .dmo-car .box .top .price .aed {
    color: #757575;
  }

  .dmo-car .box .bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 3px;
  }

  .dmo-car .box .bot .discount {
    background-color: #D7EFCD;
    border-radius: 4px;
    text-align: center;
    color: #598447;
    padding: 4px 20px;
  }

  .dmo-car .box .bot .price .value {
    color: #f55150;
    text-decoration: line-through;
    text-align: right;
    margin-top: 3px;
    font-weight: 500
  }

  .dmo-car .box .bot .price .aed {
    color: #f55150;
    text-decoration: line-through;
    text-align: right;
    margin-top: 3px;
    font-weight: 500
  }

  .midBanners {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .banners .banner-wrapper {
    margin-bottom: 15px;
  }

  .brd-car {
    background: rgb(227, 231, 236);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(227, 231, 236) 50%);
    padding-bottom: 50px;
    padding-top: 30px;
  }

  .brd-car .swiper-slide {
    width: auto;
  }

  .brd-car .brand-thumb {
    display: block;
    width: 200px;
    margin-left: 15px;
  }

  .brd-car .brand-thumb .wrapper {
    padding-bottom: 20px;
    box-sizing: border-box;
  }

  .brd-car .brand-thumb img {
    border-radius: 8px;
    border: 1px solid #dedfe0;
    box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
  }

  .new-prd .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto 15px;
  }

  .new-prd .header .title {
    font-weight: bold;
    font-size: 1.2em;
  }

  .new-prd .header .view-all {
    text-decoration: none;
    font-size: 1.2em;
    color: #f55150;
  }

  .new-prd .prd-wrapper {
    padding: 0 8px;
    display: flex;
    flex-wrap: wrap;
  }

  .new-prd .product-g {
    width: 25%;
    box-sizing: border-box;
    padding: 7px 7px
  }

  .new-prd .item {
    position: relative;
    width: 100%;
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
  }

  .new-prd .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .new-prd .item a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }

  .new-prd .item .media-container {
    height: 100%;
  }

  .new-prd .item .media-container img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
  }

  .new-prd .item .gradiant-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    background: rgb(64, 69, 83);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 55%);
  }

  .new-prd .item .prices {
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.2em;
    align-items: center;
  }

  .new-prd .item .price .value {
    font-weight: bold;
    color: #fff;
  }

  .new-prd .item .price .aed {
    font-size: 0.6em;
    color: #ffffff80;
    font-weight: bold;
  }

  .new-prd .item .old-price .value {
    color: #FF5722;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 0.9em;
  }

  .new-prd .footer {
    margin-top: 0;
    display: flex;
    justify-content: center;
  }

  .new-prd .footer a {
    display: block;
    width: 100%;
    padding: 20px 15px 0px 15px;
  }

  .new-prd .footer .view-all {
    padding: 18px 0;
    border-radius: 8px;
    background: rgb(232, 235, 241);
    color: #fff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    transition: 0.2s;
  }

  .new-prd .footer .view-all:hover {
    background-color: rgb(208, 214, 226);
  }

  .new-prd .footer span {
    font-size: 1.2em;
    font-weight: 500;
    color: #323b40;
  }

  .footer {
    margin-top: 160px;
  }

  .footer-top {
    background-color: #F7F9FE;
    text-align: center;
    border-top: 1px solid #e2e5f1;
    border-bottom: 1px solid #e2e5f1;
  }

  .footer-top .inner {
    padding: 20px;
  }

  .footer-top .inner .back-to-top {
    display: inline-block;
    font-size: 1.2em;
    width: auto;
    padding: 12px 30px;
    background-color: #fff;
    border-radius: 999px;
    border: 1px solid #dce1ec;
    box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
    cursor: pointer;
  }

  .footer-top .inner .back-to-top .fi {
    color: #f55150;
  }

  .footer-cat {
    background-color: #404550;
    border-bottom: 1px solid #00000017;
  }

  .footer-cat .inner {
    display: flex;
  }

  .footer-cat .col {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .footer-cat .col-2 {
    width: 14.28%;
  }

  .footer-cat ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .footer-cat .cat-name {
    color: #c0c5d0;
    margin-bottom: 10px;
    display: block;
    transition: 0.2s;
  }

  .footer-cat .cat-name.bold {
    font-weight: bold;
    color: #fff;
    padding-top: 10px
  }

  .footer-content {
    background-color: #404550;
    padding: 50px 0;
  }

  .footer-content .socila-links {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 15px;
  }

  .footer-content .socila-links .wrapper {
    display: flex;
    justify-content: center;
  }

  .footer-content .socila-links .s-link {
    padding: 18px;
    border-radius: 999px;
    background-color: #1e2025;
    margin: 0 10px;
    color: #bfc6d6;
    color: #ffffff;
  }
  .footer-content .socila-links .s-link .media-container {

  }
  .footer-content .socila-links .s-link img {

  }

  .footer-content .support-links {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .footer-content .support-links .wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer-content .support-links .o-link {
    color: #fff;
    padding: 4px 10px;
    border-right: 1px solid #727680;
    display: block;
    margin-bottom: 15px;
  }

  .footer-content .support-links .o-link:nth-last-child(1) {
    border: none;
  }

  .footer-content .logo {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-content .logo .media-container {}

  .footer-content .logo .media-container img {
    margin: 0 auto;
    width: 160px;
  }

  .footer-bot {
    background-color: #1e2025;
    padding: 15px;
  }

  .footer-bot .inner {
    text-align: center;
    color: #a3a7b1;
    display: block;
    font-size: 0.8em;
    padding: 10px;
  }

  .page-width {
    max-width: 1440px;
  }

  .bread-crump ul {
    list-style: none;
    display: flex;
    padding: 20px 0;
    margin: 0;
    font-size: 14px;
  }

  .bread-crump li a {
    transition: 0.2s;
    color: #848a8e;
    transition: 0.2s;
  }

  .bread-crump li a:hover {
    color: #f55150;
  }

  .bread-crump li a::before {
    content: '>';
    margin-right: 10px;
    margin-left: 10px;
    color: #c8cbce;
  }

  .bread-crump li:nth-child(1) a::before {
    content: '';
    margin: 0;
  }

  .productcarousel .prd-car-custom {
    padding-bottom: 10px;
  }

  .sub-categories {
    background-color: #fff;
    padding: 0 15px;
    padding-top: 15px;
    border-top: 1px solid #f1f1f1;
  }

  .sub-categories .header .title {
    margin: 0;
  }

  .sub-cats {
    padding: 20px 0;
  }

  .sub-cats .swiper-slide {
    width: auto;
  }

  .sub-cats .cat-box {
    padding: 5px 12px 5px 10px;
    margin-right: 10px;
    border: 1px solid #cfd8de;
    border-radius: 5px;
    transition: 0.2s;
    color: #7d9ab1;
    /* box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04); */
  }

  .sub-cats .cat-box a {
    display: flex;
    align-items: center;
  }

  .sub-cats .cat-box .cat-name {
    color: #778b9a;
    transition: 0.2s;
  }

  .sub-cats .cat-box .cat-photo {
    width: 42px;
    padding-right: 10px;
  }

  .sub-cats .cat-box:hover {
    border: 1px solid #f55150;
  }

  .sub-cats .cat-box:hover .cat-name {
    color: #f55150;
  }

  .sub-cats .overlay {
    height: 100%;
    width: 10%;
    position: absolute;
    z-index: 15;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    right: 0;
  }

  .ppc .filters-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 60;
  }

  .ppc .filters-panel .pos-div {
    position: relative;
    height: 100%;
    width: 100%;
  }

  .ppc .filters-panel .pos-div .mob-overlay {
    background-color: #0000006e;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 65;
    right: 0;
    left: 0;
  }

  .ppc .filters-panel .pos-div .wrapper {
    z-index: 70;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .ppc .filters-panel .modal-header {
    padding-left: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #d5dee4;
    box-sizing: border-box;
    display: flex;
    box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    z-index: 250;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5em;
    font-weight: bold;
  }

  .ppc .filters-panel .modal-header .close .fi {
    padding: 15px 15px;
    width: 30px;
    height: 30px;
    color: #a9a9a9;
  }

  .ppc .filters-panel .modal-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e7e9ea;
    box-sizing: border-box;
    box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.18);
    z-index: 250;
  }

  .ppc .product-list {
    width: 100%;
  }

  .ppc .product-list .top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
  }

  .ppc .product-list .top-header .name {
    font-weight: bold;
    font-size: 1.2em;
  }

  .ppc .product-list .top-header .counter {
    color: #a0a0a0;
  }

  .ppc .product-list .filter-and-sort {
    display: flex;
    border-top: 1px solid #d1d8de;
    border-bottom: 1px solid #d1d8de;
    margin-bottom: 15px;
  }

  .ppc .product-list .fas .m-bt {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    position: relative;
  }

  .ppc .product-list .fas .m-bt:nth-child(1) {
    border-right: 1px solid #d1d8de;
  }

  .ppc .product-list .fas .fake-bt {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.01);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .ppc .product-list .fas .button span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
  }

  .ppc .product-list .fas .button .fi {
    width: 18px;
    height: 18px;
    margin-bottom: 2px;
    margin-right: 5px;
    color: #a8b1b9;
  }

  .ppc .prd-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0 7px;
  }

  .ppc .prd-grid .item {
    width: 25%;
    box-sizing: border-box;
  }

  .ppc .prd-grid .item.unavailable {
    opacity: 0.8;
  }

  .ppc .prd-grid .item.unavailable .photo::after {
    content: 'Sold out :(';
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    background-color: rgb(31 31 45 / 0.8);
    color: #fff;
  }

  .ppc .prd-grid .wrapper {
    padding: 8px 8px 20px 8px;
    background-color: #fff;
  }

  .ppc .prd-grid .item a:hover .media-container img {
    opacity: 0.8;
  }

  .ppc .prd-grid .item a:hover .details .name {
    color: #f55150;
  }

  .ppc .prd-grid .item .media-container {
    padding-top: 128%;
    position: relative;
    box-sizing: border-box;
    background-color: #f9f9f9;
  }

  .ppc .prd-grid .item .photo {
    position: relative;
  }

  .ppc .prd-grid .item .discount-timer {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }

  .ppc .prd-grid .item .dt-wrapper {
    background-color: rgb(255 255 255 / 75%);
    padding: 10px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    font-weight: 500;
  }

  .ppc .prd-grid .item .dt-wrapper .fi {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 11px;
    color: #f55150;
  }

  .ppc .prd-grid .item .dt-wrapper #countdown {}

  .ppc .prd-grid .item .media-container img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    transition: 0.2s;
  }

  .ppc .prd-grid .item .name {
    color: #000;
    font-size: 12px;
    height: 24px;
    overflow: hidden;
    margin: 5px 0;
  }

  .ppc .prd-grid .item .price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
  }

  .ppc .prd-grid .item .main-price .value {
    font-weight: bold;
    color: #000;
  }

  .ppc .prd-grid .item .main-price .aed {
    font-weight: normal;
    font-size: 0.8em;
    color: #9093a7;
  }

  .ppc .prd-grid .item .discount {
    font-size: 0.8em;
    background-color: #D7EFCD;
    height: 18px;
    line-height: 20px;
    padding: 0 12px;
    color: #298A1F;
  }

  .ppc .prd-grid .item .old-price .value {
    font-weight: normal;
    font-size: 0.8em;
    color: #9093a7;
    text-decoration: line-through;
  }

  .ppc .prd-grid .item .old-price .aed {
    font-weight: normal;
    font-size: 0.8em;
    color: #9093a7;
    text-decoration: line-through;
  }

  .pog .pagination .wrapper {
    padding: 30px 0;
  }

  .pog .pagination ul {
    list-style: none;
    margin: 0 auto;
    padding: 10px;
    display: flex;
    width: max-content;
    border-radius: 5px;
    background-color: #f1f3f9;
    border: 10px solid #fff;
  }

  .pog .pagination li {
    width: 36px;
    height: 36px;
    margin: 0 5px;
    font-size: 18px;
  }

  .pog .pagination li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3f484e;
    transition: 0.2s;
    border-radius: 5px;
  }

  .pog .pagination li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
  }

  .pog .pagination li.disabled a:hover {
    background-color: #0000;
  }

  .pog .pagination li .fi {
    width: 18px;
    height: 18px;
  }

  .pog .pagination .page.active a {
    background-color: #f55150;
    color: #fff;
    font-weight: 500;
  }

  .pog .pagination .control.disabled a {
    opacity: 0.6;
    cursor: no-drop;
  }

  .ppc .filters-panel .wrapper {
    background-color: #fff;
    width: 100%;
  }

  .ppc .fp .main-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 75px;
    padding-top: 61px;
  }

  .ppc .fp .main-ul .filter .header {
    display: flex;
    justify-content: space-between;
    padding: 12px 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
  }

  .ppc .fp .main-ul .filter .header::after {
    content: "\203A";
    font-size: 25px;
    font-weight: normal;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #f55150;
    transition: 0.2s;
  }

  .ppc .fp .main-ul .filter.open .header::after {
    -ms-transform: rotate(270deg);
    /* IE 9 */
    transform: rotate(270deg);
  }

  .ppc .fp .main-ul .filter .submenu {
    margin: 0;
    padding: 0 10px;
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    transform: scaleY(0);
    transition: 0.2s;
    transform-origin: center top;
    opacity: 0;
    height: 1px;
  }

  .ppc .fp .main-ul .filter.open .submenu {
    transform: scaleY(1);
    opacity: 1;
    height: auto;
    padding: 15px 10px 20px 10px;
  }

  .ppc .fp .submenu .form-ctr {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .ppc .fp .submenu .form-ctr .checkbox {
    width: 100%;
    padding: 5px 0;
  }

  .ppc .fp .submenu .form-ctr .checkbox label {
    display: flex;
    justify-content: space-between;
    font-size: 0.75em;
    padding: 5px 0;
    cursor: pointer;
    align-items: center;
  }

  .ppc .fp .submenu .form-ctr .checkbox label .name {
    display: flex;
    align-items: center;
  }

  .ppc .fp .submenu .form-ctr .checkbox label .box {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 4px;
    border: 1px solid #c2c2ca;
    box-sizing: border-box;
  }

  .ppc .fp .submenu .form-ctr .checkbox input:checked+label .box {
    background-color: #2196F3;
    border: 1px solid #2196F3;
  }

  .ppc .fp .submenu .form-ctr .checkbox label .value {
    font-weight: 500;
  }

  .ppc .fp .submenu .form-ctr .checkbox input:checked+label .value {
    color: #2196F3;
  }

  .ppc .fp .submenu .form-ctr .checkbox label .counter {
    color: #aeb9c1;
  }

  .ppc .fp .submenu .form-ctr.price-filter {
    display: block;
  }

  .ppc .fp .submenu .form-ctr.price-filter label {
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5px;
    color: #a1acb5;
  }

  .ppc .fp .submenu .form-ctr .input-p {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 12px;
  }

  .ppc .fp .submenu .form-ctr .to {
    font-size: 12px;
  }

  .ppc .fp .submenu .form-ctr .price {
    padding: 10px 30px 10px 10px;
    border-radius: 5px;
    border: 1px solid #b2bcc3;
    box-sizing: border-box;
    width: 100%;
    font-weight: 500;
    transition: 0.2s;
  }

  .ppc .fp .submenu .form-ctr .price:focus {
    border: 1px solid rgba(245, 81, 80, 0.7);
  }

  .ppc .fp .submenu .form-ctr .aed {
    position: absolute;
    top: 15px;
    right: 5px;
    font-size: 12px;
    color: #97adbf;
  }

  .ppc .fp .filets-submit {
    display: flex;
    justify-content: space-between;
    padding: 15px 10px;
  }

  .ppc .fp .filets-submit .bt {
    display: block;
    padding: 12px 10px;
    width: 47%;
    text-align: center;
    box-sizing: border-box;
    border-radius: 6px;
    cursor: pointer;
  }

  .ppc .fp .filets-submit .bt.submit {
    background-color: #2196F3;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
  }

  .ppc .fp .filets-submit .bt.clear {
    color: #2196F3;
    font-weight: 500;
    font-size: 18px;
    border: 1px solid #2196F3;
  }

  .sort-filter.active .drop-down {
    display: block;
  }

  .sort-filter .drop-down ul {
    list-style: none;
    margin: 0;
    padding: 5px 0;
  }

  .sort-filter .drop-down .radio-box {
    padding: 15px;
    cursor: pointer;
    font-size: 14px;
  }

  .brand-header {}

  .brand-header .wrapper {
    position: relative;
  }

  .brand-header .bg-image {}

  .brand-header .bg-image img {}

  .brand-header .title-wrapper {
    position: absolute;
    top: 0;
    bottom: 20%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .brand-header .title {}

  .brand-header .title .logo {
    width: 140px;
    margin: 0 auto;
  }

  .brand-header .title .logo img {
    border-radius: 15px;
    box-shadow: 0 10px 15px -5px rgb(0, 0, 0), 0 5px 5px -3px rgb(0, 0, 0);
  }

  .brand-header .title .name {
    text-align: center;
    color: #fff;
    font-size: 42px;
    margin-top: 20px;
    font-weight: 500;
  }

  .brandPageContainer {
    margin-top: -120px;
    position: relative;
  }

  .product-c .top-sc {
    padding-bottom: 20px;
  }

  .product-c .gallery-main .swiper-container {
    background-color: #f3f5f7;
  }

  .product-c .gallery-main .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
  }

  .product-c .gallery-main .swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 999px;
    background-color: #f55150;
  }

  .product-c .top-sc .details {
    padding: 15px
  }

  .product-c .details .brand .name {
    font-size: 1em;
    color: #9fadb7;
  }

  .product-c .details .prd-name {
    font-size: 1.2em;
    font-weight: 500;
    padding: 10px 0;
  }

  .product-c .details .price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .product-c .details .main-price .value {
    font-size: 1.5em;
    font-weight: bold;
  }

  .product-c .details .main-price .aed {
    font-size: 1.2em;
  }

  .product-c .details .discount {
    font-size: 1em;
    background-color: #D7EFCD;
    line-height: 20px;
    padding: 5px 20px 3px 20px;
    color: #298A1F;
    border-radius: 5px;
  }

  .product-c .details .old-price {
    text-decoration: line-through;
    font-size: 1.2em;
    color: #9eabb5;
    border-bottom: 1px solid #ececec;
    margin: 0 -15px;
    padding: 5px 15px 15px 15px;
  }

  .product-c .details .prd-option {
    display: flex;
    padding-top: 10px;
    margin-bottom: 5px;
  }

  .product-c .details .size-guide {
    padding-top: 10px;
  }

  .product-c .details .size-guide span {
    font-size: 0.8em;
    cursor: pointer;
    color: #03A9F4;
  }

  .size-chart-modal .modal__container {
    padding: 15px;
    padding-top: 30px;
    position: relative;
  }

  .size-chart-modal .modal__content {
    margin: 0;
  }

  .size-chart-modal .close-modal {
    position: absolute;
    top: 3px;
    right: 2px;
    padding: 0;
  }

  .size-guide-sc {}

  .size-guide-sc .wrapper {}

  .size-guide-sc .wrapper table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
  }

  .size-guide-sc .wrapper tr {}

  .size-guide-sc .wrapper td {
    border: none;
    padding: 5px;
    font-size: 0.8em;
    font-weight: normal;
  }

  .size-guide-sc table tr:nth-child(2n+1) td {
    background-color: rgb(244, 247, 254);
  }

  .product-c .prd-option .form-control label {
    display: block;
    color: #808b94;
    margin-bottom: 5px;
    font-size: 0.8em;
  }

  .product-c .prd-option .form-control select {
    border: 1px solid #c8cad6;
    font-size: 1em;
    width: 100%;
    padding: 15px 10px;
    border-radius: 5px;
  }

  .product-c .prd-option .form-control.option {
    width: calc(100% - 70px);
  }

  .product-c .prd-option .form-control.qty {
    width: 60px;
    padding-right: 10px;
  }

  .product-c .prd-option .form-control.qty select {
    width: 60px;
    max-width: 60px;
  }

  .product-c .add-to-cart {
    padding: 8px 10px;
    margin: 0 -15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 250;
    box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.08);
  }

  .product-c .add-to-cart .wrapper {
    display: flex;
  }

  .product-c .add-to-cart .add-to-cart-bt {
    width: calc(100% - 64px);
  }

  .product-c .add-to-cart .add-to-cart-bt button {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #2fc575;
    width: 100%;
    border-radius: 5px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.2s;
    color: #fff;
  }

  .product-c .add-to-cart .add-to-cart-bt button .fi {
    position: absolute;
    left: 15px;
    color: #23a55f;
  }

  .product-c .add-to-cart .add-to-cart-bt.unavailable button {
    background-color: #d7dae4;
    cursor: no-drop;
  }

  .product-c .add-to-cart .add-to-cart-bt.unavailable button .fi {
    display: none;
  }

  .product-c .add-to-cart .add-to-cart-bt.unavailable button:hover {
    box-shadow: none;
    color: #fff;
  }

  .product-c .add-to-cart .whatsapp {
    padding-left: 10px;
  }

  .product-c .add-to-cart .whatsapp a {}

  .product-c .add-to-cart .whatsapp-bt {
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    padding: 10px;
    border: 2px solid #e2e5f1;
    border-radius: 6px;
    box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
  }

  .product-c .prd-short-desc {
    margin-top: 30px;
  }

  .product-c .prd-short-desc .content {
    padding: 15px 10px;
    background-color: #eaedf1;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(231, 236, 239) 100%);
    width: 100%;
    box-sizing: border-box;
  }

  .product-c .prd-short-desc .fix {
    padding-bottom: 10px;
  }

  .product-c .prd-short-desc .fix .row {
    font-size: 0.8em;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }

  .product-c .prd-short-desc .fix .fi {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    color: #7f9096;
  }

  .productDesc {
    border-top: 1px solid #ececec;
    margin-top: 20px;
  }

  .productDesc .inner {
    padding: 15px;
    background-color: #fff;
  }

  .productDesc .header {}

  .productDesc .header .title {
    font-size: 1.2em;
    font-weight: bold;
  }

  .productDesc .content {
    padding: 0;
    line-height: 1.3;
    color: #686871;
  }

  .productDesc .content .wrapper {}

  .similar-prd {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin-top: 20px;
  }

  .similar-prd .prd-car .header .title {
    margin: 20px 0 5px 0;
  }

  .m-bread-crump .inner {
    padding: 30px 0;
    border-bottom: 1px solid #ececec;
  }

  .m-bread-crump .swiper-container .overlay {
    height: 100%;
    width: 10%;
    position: absolute;
    z-index: 15;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    right: 0;
  }

  .m-bread-crump .swiper-slide {
    width: auto;
    padding-left: 15px;
  }

  .m-bread-crump .swiper-slide a {
    width: auto;
    padding: 15px 5px;
    border: 1px solid #ccd6de;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
  }

  .m-bread-crump .swiper-slide span {
    padding-right: 10px;
    padding-left: 5px;
  }

  .m-bread-crump .swiper-slide .fi {
    width: 14px;
    height: 14px;
    color: #f55150;
  }

  .adminPanel {}

  .adminPanel .inner {
    padding: 10px;
  }

  .adminPanel .inner .info {
    flex-wrap: wrap;
    background-color: #eaeef1;
    padding: 10px;
    border-radius: 5px;
  }

  .adminPanel .inner .info .sc {
    width: 100%;
  }

  .adminPanel .inner .info .catalog {}

  .adminPanel .inner .catalog .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
  }

  .adminPanel .inner .catalog .title {
    white-space: nowrap;
  }

  .adminPanel .inner .catalog .balance {
    white-space: nowrap;
    font-weight: 500;
  }

  .adminPanel .inner .catalog .balance a {
    white-space: nowrap;
    text-decoration: underline;
  }

  .adminPanel .inner .catalog .balance i {
    font-weight: normal;
    font-size: 0.8em;
    color: #b3b3b3;
  }

  .adminPanel .inner .catalog .row .line {
    border-bottom: 1px solid #c8d4dc;
    width: 100%;
    margin: 0 10px;
    height: 1px;
  }

  .adminPanel .inner .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 15px;
  }
  .adminPanel .inner .links.size-table {
    padding: 15px 0;
  }
  .adminPanel .inner .admin-st {

  }
  .adminPanel .inner .admin-st table {
    border-collapse: collapse;
    width: 100%;
  }
  .adminPanel .inner .admin-st table tr {

  }
  .adminPanel .inner .admin-st table td {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 6px;
  }
  .adminPanel .inner .admin-st table td.title {
    font-weight: 600;
  }
  .adminPanel .inner .admin-st table td.total {
    background-color: #f0f4f7;
  }

  .adminPanel .inner .links a {}

  .adminPanel .inner .links .btn {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #d1d1dc;
    border-radius: 8px;
    transition: 0.2s;
    justify-content: space-between;
    height: 46px;
    box-sizing: border-box;
    width: 30%;
    margin-bottom: 15px;
  }

  .adminPanel .inner .links .btn:hover {
    border: 1px solid #2196F3;
  }

  .adminPanel .inner .links .btn:hover .fi {
    color: #2196F3;
  }

  .adminPanel .inner .links .btn .fi {
    width: 20px;
    height: 20px;
    color: #899eaf;
  }

  .adminPanel .inner .links .btn span {}

  .modal__overlay {
    z-index: 300;
  }

  .add-cart-modal .modal__container {
    padding: 0px;
  }

  .add-cart-modal .modal__content {
    margin: 0;
    position: relative;
  }

  .add-cart-modal .modal__content .header .title {
    text-align: center;
    padding: 15px 0 20px 0;
    font-weight: bold;
    font-size: 18px;
    color: #2bc676;
    text-transform: uppercase;
  }

  .add-cart-modal .close-modal {
    position: absolute;
    top: 4px;
    right: 5px;
    color: #c8cace;
    padding: 0;
  }

  .add-cart-modal .close-modal .fi {
    width: 32px;
    height: 32px;
  }

  .add-cart-modal .modal__content .prd-photo {
    margin-bottom: 10px;
  }

  .add-cart-modal .modal__content .prd-photo .wrapper {
    position: relative;
  }

  .add-cart-modal .modal__content .prd-photo .media-container img {
    width: 120px;
    height: 120px;
    border-radius: 999px;
    margin: 0 auto;
  }

  .add-cart-modal .modal__content .prd-photo .chek-icon {
    position: absolute;
    top: 80px;
    right: 70px;
    width: 36px;
  }

  .add-cart-modal .modal__content .bts {
    padding: 0 15px;
  }

  .add-cart-modal .modal__content .bts a {
    display: block;
    width: 260px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #404553;
    color: #fff;
    padding: 15px 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
  }

  .add-cart-modal .modal__content .bts .continue {
    border: 2px solid #2bc676;
    background-color: #fff;
    color: #2bc676;
    border-radius: 6px;
  }

  .add-cart-modal .modal__content .variant-info {
    margin-bottom: 10px;
    text-align: center;
  }

  .add-cart-modal .modal__content .variant-info span {
    text-align: center;
    font-size: 1.2em;
  }

  .add-cart-modal .modal__content .variant-info span.var {}

  .add-cart-modal .modal__content .variant-info span.qty {
    background-color: #a5bed2;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
  }

  .cart-p {
    margin-bottom: 10px;
  }

  .cart-p .header {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaecef;
  }

  .cart-p .page-title {
    display: flex;
    align-items: center;
  }

  .cart-p .page-title .title {
    font-weight: bold;
    font-size: 1.5em;
    color: #384a67;
  }

  .cart-p .page-title .counter {
    color: #9eafcc;
    margin-left: 5px;
  }

  .cart-p .cart-total {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: #eaecef;
    border-radius: 999px;
  }

  .cart-p .cart-total .value {
    font-weight: bold;
    color: #08c18a;
    font-size: 1.2em;
  }

  .cart-p .cart-total .aed {
    margin-left: 5px;
    color: #a6aab1;
  }

  .cart-p .page-content {}

  .cart-p .items {}

  .cart-p .items .wrapper {}

  .cart-p .item {
    padding: 15px 15px;
    border-bottom: 1px solid #eaecef;
  }

  .cart-p .item .desc {
    display: flex;
  }

  .cart-p .item .image {
    padding-right: 10px;
  }

  .cart-p .item .image a {}

  .cart-p .item .image .media-container {}

  .cart-p .item .image img {
    width: 110px;
    border-radius: 5px;
  }

  .cart-p .item .details {
    width: calc(100% - 120px);
  }

  .cart-p .item .name {
    font-size: 1.3em;
    color: #384a67;
    margin-bottom: 5px;
  }

  .cart-p .item .name a {}

  .cart-p .item .name a span {}

  .cart-p .item .options {
    font-weight: bold;
    font-size: 1.3em;
    color: #647792;
    margin-bottom: 15px;

  }

  .order-p .item .options {
    display: flex;
    align-items: center;
  }

  .order-p .item .options .qty {
    font-weight: normal;
    font-size: 0.8em;
    padding: 5px 10px;
    background-color: #6477925c;
    border-radius: 5px;
    color: #fff;
    margin-left: 5px;
  }

  .order-p .cart-header {
    padding: 15px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
  }

  .order-p .cart-header .title {
    font-size: 1.3em;
    font-weight: bold;
  }

  .order-p .cart-header .counter {
    margin-left: 5px;
    color: #a5abb5;
  }

  .order-p .order-info {}

  .order-p .order-info .wrapper {
    padding: 20px 15px;
    background-color: #fff;
    border-top: 1px solid #dde1e8;

  }

  .order-p .order-info .row {
    display: flex;
    margin-bottom: 15px;
    font-size: 1em;
  }

  .order-p .order-info .title {
    font-size: 1.2em;
    color: #8d96a9;
    width: 80px;
  }

  .order-p .order-info .value {
    font-size: 1.2em;
  }

  .cart-p .item .price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .cart-p .item .main-price {}

  .cart-p .item .main-price .value {
    font-size: 1.4em;
    font-weight: bold;
  }

  .cart-p .item .main-price .aed {
    font-size: 1em;
  }

  .cart-p .item .discount {
    background-color: #D7EFCD;
    line-height: 20px;
    padding: 5px 15px 3px 15px;
    color: #298A1F;
    border-radius: 5px;
    font-size: 0.8em;
  }

  .cart-p .item .old-price {
    text-decoration: line-through;
    color: #b4b8bf;
    font-size: 1.2em;

  }

  .cart-p .item .old-price .value {}

  .cart-p .item .old-price .aed {
    font-size: 0.8em;
  }

  .cart-p .item .bot {
    display: flex;
    justify-content: space-between;
  }

  .cart-p .item .bot .form-ctr {
    display: flex;
    align-items: center;
    width: 110px;
    padding-top: 10px;
  }

  .cart-p .item .bot .form-ctr label {
    color: #cdd1d8;
  }

  .cart-p .item .bot .form-ctr select {
    margin-left: 8px;
    padding: 10px;
    width: 100%;
    border: 1px solid #c8cad6;
    border-radius: 5px;
  }

  .cart-p .item .bot .delete-bt {
    padding-top: 10px;
  }

  .cart-p .item .bot .remove {
    border: 1px solid #c8cad6;
    border-radius: 5px;
    padding: 0px 15px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cart-p .item .bot .remove .fi {
    color: #f55150;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 2px;
  }

  .cart-p .item .bot .remove span {}

  .cart-p .total-sc {
    padding: 20px 0;
  }

  .cart-p .total-sc .wrapper {}

  .cart-p .total-sc .banner {
    padding: 15px;
  }

  .cart-p .total-sc .banner .media-container {}

  .cart-p .total-sc .banner img {}

  .cart-p .total-sc .total-table {
    padding: 0 15px;
  }

  .order-p .total-sc .total-table {
    padding: 15px;
  }

  .cart-p .total-sc .t-wrapper {
    padding: 15px;
    background: #f1f3f7;
    border-radius: 10px;
  }

  .cart-p .total-sc .row {
    display: flex;
    justify-content: space-between;
    font-size: 1.3em;
    align-items: center;
    color: #5c6574;
    padding: 15px 0;
  }

  .cart-p .total-sc .title {}

  .cart-p .total-sc .balance {
    display: flex;
    align-items: center;
  }

  .cart-p .total-sc .balance .value {
    font-weight: 500;
  }

  .cart-p .total-sc .balance .aed {
    font-size: 0.8em;
    margin-left: 5px;
    color: #9098a5
  }

  .cart-p .total-sc .row.main {
    border-top: 1px solid #c6c9d4;
    padding-top: 25px;
    margin-top: 10px;
    font-weight: 500;
    font-size: 1.4em;
  }

  .cart-p .total-sc .row.main .title {}

  .cart-p .total-sc .row.main .balance {}

  .cart-p .total-sc .row.main .balance .value {
    font-weight: 500;
  }

  .cart-p .total-sc .row.main .balance .aed {
    font-weight: 500;
    color: #5c6574;
  }

  .cart-p .total-sc .submit-cart {
    padding: 12px 15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 250;
    box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.08);
  }

  .cart-p .total-sc .submit-cart .wrapper {}

  .cart-p .total-sc .submit-cart .go-checkout {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #2890eb;
    width: 100%;
    border-radius: 5px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.2s;
    color: #fff;
  }

  .cart-p .total-sc .submit-cart .go-checkout span {}

  .cart-p .total-sc .submit-cart .go-checkout .fi {
    color: #0f4879;
    margin-left: 5px;
  }

  .gurantees {
    background-color: #fff;
    margin-top: 80px;
  }

  .gurantees .wrapper {
    display: flex;
  }

  .gurantees .wrapper .item {
    width: 33.3333%;
    box-sizing: border-box;
    padding: 30px 15px;
    display: flex;
    align-items: center;
  }

  .gurantees .wrapper .item .icon {
    width: 100px;
    margin-right: 10px;
  }

  .gurantees .wrapper .item .icon img {}

  .gurantees .wrapper .item .details {}

  .gurantees .wrapper .item .details .title {
    font-weight: bold;
    font-size: 26px;
    color: #6b7a96
  }

  .gurantees .wrapper .item .details .desc {
    font-size: 12px;
    margin-top: 10px;
    color: #bac2d0;
  }

  .checkout-p .page-content {
    padding: 15px;
  }

  .checkout-p .shipping-info {}

  .checkout-p .shipping-info .wrapper {}

  .checkout-p .shipping-info form {}

  .checkout-p .shipping-info form {}

  .checkout-p .shipping-info .row {}

  .checkout-p .shipping-info .form-ctr {
    padding: 10px 0;
  }

  .checkout-p .shipping-info .form-ctr input {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 1.2em;
    border-radius: 5px;
    border: 1px solid #c8cad6;
  }

  .checkout-p .shipping-info .form-ctr input:focus {
    border: 1px solid #2196F3;
  }

  .checkout-p .shipping-info .form-ctr label {
    display: block;
    font-size: 1.2em;
    padding-bottom: 7px;
    color: #6179a0;
  }

  .checkout-p .shipping-info .form-ctr label span {
    font-size: 12px;
    margin-left: 5px;
    color: #8BC34A;
  }

  .checkout-p .shipping-info .form-ctr select {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 1.2em;
    border-radius: 5px;
    border: 1px solid #c8cad6;
  }

  .checkout-p .shipping-info .form-ctr textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 1.2em;
    border-radius: 5px;
    border: 1px solid #c8cad6;
  }

  .checkout-p .shipping-info .form-ctr.phone {}

  .checkout-p .shipping-info .form-ctr .country-code {
    width: 80px;
    border-radius: 5px 0 0 5px;
    border-right: none;
  }

  .checkout-p .shipping-info .form-ctr .carrier_code {
    width: 80px;
    border-radius: 0;
    border-right: none;
  }

  .checkout-p .shipping-info .form-ctr .phone-number {
    border-radius: 0 5px 5px 0;
  }

  .checkout-p .shipping-info .form-ctr.address textarea {
    min-height: 200px;
  }

  .checkout-p .shipping-info .form-ctr.note textarea {
    min-height: 120px;
  }

  .checkout-p .chekout-bt {
    padding: 12px 15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 250;
    box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.08);
    margin-left: -15px;
  }

  .checkout-p .submit-order {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #2fc575;
    width: 100%;
    border-radius: 5px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.2s;
    color: #fff;
    position: relative;
  }

  .checkout-p .submit-order span {}

  .checkout-p .submit-order .fi {
    position: absolute;
    right: 15px;
    color: #208e53;
  }
  .page-p .inner {
    margin-top: 2px;
  }
  .page-p .inner::before {
    content: '';
  }
  .page-p .inner .page-content {
    border-radius: 0 0 20px 20px;
    background-color: #fff;
  }
  .page-p .page-content .top-cover img {
    margin: 0 auto;
  }
  .page-p .page-content h1.title {
    font-size: 2em;
    margin: 0;
    padding: 15px 0;
    color: #f63746;
    margin-top: -10px;
    text-align: center;
  }
  .page-p .page-content .text-container {
    padding: 10px;
    padding-top: 0;
  }
  .page-p .page-content .callout {
    padding: 10px;
    background-color: #fafafb;
    border-radius: 15px;
  }
  .page-p .page-content .text-container li {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    margin-bottom: 10px;
  }
  .page-p .page-content .text-container p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    margin-bottom: 10px;
  }
  .page-p .inner .other-pages {
    padding-top: 15px;
    border-top: 1px solid #ededf1;
    margin-top: 15px;
  }
  .page-p .inner .other-pages .wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .page-p .inner .other-pages .cell {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
  }
  .page-p .inner .other-pages .cell a {
    display: block;
    background-color: #fff;
    border-radius: 10px;
    padding: 16px 20px;
    text-align: center;
    border: 1px solid #e7ecf0;
    box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
    transition: 0.2s;
  }
  .page-p .inner .other-pages .cell a:hover {
    color: #fff;
    background-color: #f63746;
  }
  .page-p .form-wrapper {

  }
  .page-p .form-wrapper form {

  }
  .page-p .form-wrapper .input-wrapper {
    margin-bottom: 15px;
  }
  .page-p .form-wrapper .input-wrapper label {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    color: #607d8b;
  }
  .page-p .form-wrapper .input-wrapper label span {
    font-size: 0.8em;
    color: #b7b7b7;
  }
  .page-p .form-wrapper .input-wrapper input {
    box-sizing: border-box;
    border: 1px solid #e3e3ea;
    box-shadow: inset 0px 0px 4px -2px #0000002e;
    border-radius: 5px;
    padding: 10px;
    outline: 0;
    width: 100%;
    font-size: 18px;
  }
  .page-p .form-wrapper .input-wrapper textarea {
    width: 100%;
    min-height: 100px;
    box-sizing: border-box;
    border: 1px solid #e3e3ea;
    padding: 10px;
    font-size: 18px;
  }
  .page-p .form-wrapper .input-wrapper i {
    padding-top: 5px;
    display: block;
    font-size: 14px;
    color: #9595ad;
  }
  .page-p .form-wrapper .input-wrapper button {
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    background-color: #2196f3;
    padding: 15px;
    color: #fff;
  }
  .page-p .success-alert {
    padding: 10px;
      background-color: #82de86;
      border-radius: 5px;
      border: 1px solid #4caf50;
      color: #fff;
      text-align: center;
  }
  .page-p .page-content .success-alert p {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
  }
  .page-p .success-alert span {
    color: #2f5f31;
  }
  .alert {
    padding-top: 15px;
  }

  .alert .wrapper {
    padding: 15px;
    background-color: #000;
    border-radius: 5px;
  }

  .alert.blue .wrapper {
    background-color: #4996d4;
  }

  .alert.red .wrapper {
    background-color: #f55150;
  }

  .alert.green .wrapper {
    background-color: #4CAF50;
  }

  .alert .wrapper p {
    margin: 10px 0;
    color: #fff;
  }

  .alert .wrapper a {
    color: #fff;
    text-decoration: underline;
    padding: 5px;
    background-color: rgb(255 255 255 / 0.2);
    border-radius: 5px;
    margin: 0 5px;
  }

  .success-p .inner {
    padding: 15px;
  }

  .success-p .wrapper {
    margin-top: 5px;
    background-color: #fff;
    text-align: center;
  }

  .success-p .animation {
    margin: 0 auto;

    max-width: 400px;
  }

  .success-p .animation img {
    border-radius: 999px;
  }

  .success-p .ty {
    font-size: 38px;
    font-weight: bold;
    color: #3e4754;
    margin-top: -30px;
  }

  .success-p .desc {
    font-size: 20px;
    text-align: center;
    color: #a0aab9;
    margin-top: 5px;
  }

  .success-p .details {
    background-color: #eef2f7;
    padding: 20px;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 5px;
    display: inline-block;
  }

  .success-p .details .top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    color: #8a939c;
  }

  .success-p .details .top .id {
    margin-right: 100px;
  }

  .success-p .details .top .id span {}

  .success-p .details .top .id span:nth-child(1) {}

  .success-p .details .top .date {}

  .success-p .details .view {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #2890eb;
    width: 100%;
    border-radius: 5px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.2s;
    color: #fff;
  }

  .order-p {}

  .order-p .header {}

  .order-p .header .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .order-p .header .order-id {
    font-size: 1.5em;
    font-weight: bold;
    color: #9a9aaf;
  }

  .order-p .header .date {
    padding: 5px 15px;
    background-color: #f1f3f7;
    border-radius: 999px;
  }

  .order-p .order-timeline {
    min-height: 30px;
    background-color: #fff;
    border-bottom: 1px solid #dde1e8;
  }

  .order-p .order-timeline .wrapper {}

  .order-p .timeline {
    display: flex;
    justify-content: center;
    width: 862px;
    padding: 20px 15px;
    margin: 0 auto;

  }

  .order-p .timeline .cell {
    display: flex;
    align-items: center;
  }

  .order-p .timeline .box {
    text-align: center;
    width: 140px;
    height: 80px;
    background-color: #e6e9ef;
    border-radius: 8px;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .order-p .timeline .title {}

  .order-p .timeline .step {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 1.2em;
  }

  .order-p .timeline .date {
    font-size: 0.8em;
    color: #8d929c;
  }

  .order-p .timeline .line {
    height: 10px;
    width: 100px;
    background-color: #e6e9ef;
  }

  .order-p .timeline .active .box {
    background-color: #2fc575;
    color: #fff;
  }

  .order-p .timeline .active .line {
    background-color: #2fc575;
  }

  .order-p .timeline .active .box .date {
    color: #000;
  }

  .product-c .details .discount-timer {
    margin-top: 10px;
  }

  .product-c .details .dt-wrapper {
    position: relative;
    padding: 15px;
    text-align: center;
    background-color: #eaeef1;
    border-radius: 5px;
  }

  .product-c .details .dt-wrapper .fi {
    position: absolute;
    left: 15px;
    color: #a9b8c3;
  }

  .product-c .details #countdown {
    font-size: 23px;
    font-weight: 500;
  }

  .prd-alert.red .prd-a-wrapper {
    background-color: rgb(245 81 80 / 10%);
    border: 1px solid #ff8a89;
  }

  .prd-alert.blue .prd-a-wrapper {
    background-color: hsl(207 90% 54% / 0.1);
    border: 1px solid #78c3ff;
  }

  .prd-alert.green .prd-a-wrapper {
    background-color: hsl(148 61% 48% / 0.1);
    border: 1px solid #74d4a1;
  }

  .prd-alert .prd-a-wrapper {
    padding: 12px;
    background-color: #f7f7fa;
    border-radius: 5px;
    border: 1px solid #bdbdc5;
    margin-bottom: 15px;
    font-size: 18px;
  }

  .unavailable-prd {}

  .unavailable-prd .unv-wrapper {
    padding: 20px;
    text-align: center;
    font-size: 18px;
    background-color: #f55150;
    font-weight: 500;
    color: #fff;
  }

  .scp .page-wrapper {}

  .scp .main-container {
    margin: 0;
    padding: 0;
    background-image: url(../../img/background2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /* opacity: 0.6; */
    min-height: 100vh;
  }

  .scp .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e9edf1ab;
  }

  .scp .splash-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* display: none; */
  }

  .scp .splash-container .panel {
    background-color: #FFFFFF;
    color: #000000;
    margin: 0 auto;
    padding: 32px 32px 17px;
    text-align: center;
    width: 300px;
    box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
    border-radius: 15px;
  }

  .scp .splash-container .top-logo {}

  .scp .splash-container .top-logo img {
    margin: 0 auto;
    width: 180px;
    padding-bottom: 50px;
  }

  .scp .splash-container .countries {}

  .scp .splash-container .countries ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
  }

  .scp .splash-container .countries li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .scp .splash-container .countries .link {
    display: block;
    padding: 15px;
    background-color: #f3f5f7;
    border-radius: 10px;
    transition: 0.2s;
  }

  .scp .splash-container .countries .link:hover {
    background-color: #dae5f1;
    box-shadow: rgb(218 229 241) 0px 8px 24px;
  }

  .scp .splash-container .link .flag {
    width: 54px;
    margin-bottom: 10px;
  }

  .scp .splash-container .link .flag img {}

  .scp .splash-container .link .title {}

  .scp .splash-container .link .title.en {
    font-weight: bold;
    font-size: 18px;
  }

  .scp .splash-container .link .title.ar {
    margin-top: 5px;
    color: #929eab;
  }

  .scp .splash-container .footer {
    margin-top: 60px;
  }

  .scp .splash-container .footer .copyright {}

  .character {
    width: 100%;
    display: block;
  }

  .character .box-wrapper {
    text-align: center;
    padding: 60px 30px 90px 30px;
    box-sizing: border-box;
  }

  .character .box-wrapper .media-container {
    /* padding: 0 30px; */
  }

  .character .box-wrapper .media-container img {
    margin: 0 auto;
  }

  .character .box-wrapper .title {
    font-weight: bold;
    font-size: 42px;
  }

  .character .box-wrapper .desc {
    font-size: 20px;
    margin-top: 8px;
    color: #a2a2b1;
  }

  .character.not-found .link {
    margin-top: 20px;
    display: block;
    font-size: 22px;
    text-decoration: underline;
    color: #2196f3;
    font-weight: 300;
  }
  .order-bt-modal .modal__overlay {
    align-items: flex-end;
  }
  .order-bt-modal .modal__container {
    background-color: #fff;
    padding: 15px;
    max-width: 500px;
    max-height: 100vh;
    border-radius: 15px 15px 0 15px;
    overflow-y: auto;
    box-sizing: border-box;
    margin-bottom: 80px;
    width: 94%;
  }
  .order-bt-modal .modal__content {
    margin-top: 30px;
    margin-bottom: 5px;
  }
  .order-bt-modal .links-container {

  }
  .order-bt-modal .link {

  }
  .order-bt-modal .wp-link {
    margin-bottom: 15px;
  }
  .order-bt-modal .link .cover {
      display: flex;
      align-items: center;
      border: 1px solid #ababab;
      border-radius: 10px;
      padding: 7px 7px;
      box-shadow: rgb(99 99 99 / 12%) 0px 2px 8px 0px;
  }
  .order-bt-modal .link .icon {
    width: 36px;
    margin-right: 10px;
    padding: 2px;
    box-sizing: border-box;
  }
  .order-bt-modal .link .icon img {

  }
  .order-bt-modal .link .title {
    font-weight: 600;
  }
  .order-bt-modal .close-orderbt-modal {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  /* media queries */

  @media screen and (min-width: 769px) {
    .prd-car .wrapper {
        width: 196px;
    }

    .prd-car .wrapper .media-container {
        height: 233px;
    }

    .scp .splash-container .panel {
        width: 460px;
    }

    .scp .splash-container .link .flag {
        width: 73px;
    }
  }

  @media screen and (min-width: 992px) {

    body {
        background-color: #F7F7FA;
    }

    .mobile-only {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .desk-only {
        display: block;
    }

    .content {
        padding-top: 0;
    }

    .scroll-up .content.stick {
        padding-top: 50px;
    }

    .top-banners {
        display: flex;
        padding-bottom: 15px;
    }

    .top-banners .banner-wrapper .banner {
        margin-top: 0;
    }

    .banner-wrapper.double .banner:first-child {
        margin-left: 15px;
    }

    .topBanners .container {
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        border-bottom: 1px solid #f4f4f7;
    }

    .f-cat {
        background-color: #fff;
    }

    .prd-car {
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .prd-car .header .title {
        margin-bottom: 15px;
    }

    .dmocarousel .inner {
        background-color: #404553;
        display: flex;
        padding-top: 30px;
    }

    .dmo-car .header {
        width: 220px;
        display: block;
        margin: 0;
        box-sizing: border-box;
        padding: 0 15px;
        padding-left: 30px;
    }

    .dmo-car .swiper-container {
        width: calc(100% - 220px);
    }

    .dmo-car .header .title {
        font-size: 3.2em;
    }

    .dmo-car .header .view-all {
        display: block;
        text-align: center;
        width: 110px;
        padding: 0;
        margin-top: 80px;
        transition: 0.2s;
    }

    .dmo-car .header .view-all:hover {
        background-color: #8B8BA2;
        color: #000;
    }

    .f-cat .cat-img {
        transition: 0.2s;
    }

    .f-cat .cat-img:hover {
        border: 2px solid #f55150;
    }

    .prd-car .wrapper {
        transition: 0.2s;
    }

    .prd-car .wrapper:hover .photo img {
        opacity: 0.8;
    }

    .prd-car .wrapper:hover .name {
        color: #f55150;
    }

    .prd-car .header .view-all {
        font-size: 1em;
        color: #000;
        background-color: #fff;
        border: 1px solid #dedfe0;
        box-shadow: 0 9px 12px -5px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
        padding: 7px 12px;
        border-radius: 999px;
        transition: 0.2s;
    }

    .prd-car .header .view-all:hover {
        background-color: #f55150;
        color: #fff;
        border: 1px solid #f55150;
    }

    .dmo-car .dmo-thumb .gradient-overlay {
        background: linear-gradient(0deg, rgb(100, 105, 117) 0%, rgba(255, 255, 255, 0) 55%);
        transition: 0.2s;
    }

    .dmo-car .dmo-thumb .wrapper:hover .gradient-overlay {
        background: linear-gradient(0deg, rgb(40, 45, 56) 0%, rgba(255, 255, 255, 0) 55%);
    }

    .midBanners .container {
        background-color: #fff;
    }

    .midBanners .banners {
        display: flex;
        justify-content: space-between;
    }

    .midBanners.double-banner .banner-wrapper:nth-child(2) {
        margin-left: 15px;
    }

    .new-prd .product-g {
        width: 20%;
    }

    .new-prd {
        background-color: #fff;
        padding-bottom: 30px;
        padding-top: 10px;
    }

    .new-prd .header .title {
        margin-bottom: 15px;
    }

    .new-prd .header .view-all {
        font-size: 1em;
        color: #000;
        background-color: #fff;
        border: 1px solid #dedfe0;
        box-shadow: 0 9px 12px -5px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
        padding: 7px 12px;
        border-radius: 999px;
        transition: 0.2s;
    }

    .new-prd .header .view-all:hover {
        background-color: #f55150;
        color: #fff;
        border: 1px solid #f55150;
    }

    .car-custom-nav .swiper-button- {
        background-color: rgba(255, 255, 255, 0.5);
        padding: 10px;
        margin-top: -66px;
        height: 40px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .car-custom-nav .swiper-button-.swiper-button-disabled {
        display: none;
    }

    .car-custom-nav .swiper-button-prev {
        left: 0;
    }

    .car-custom-nav .swiper-button-next {
        right: 0;
    }

    .car-custom-nav .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 30px;
        color: #f55150;
    }

    .dmo-car .gradient-overlay-s {
        height: 100%;
        width: 10%;
        position: absolute;
        z-index: 15;
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(64, 69, 81, 0) 0%, rgb(64, 69, 81) 100%);
        right: 0;
        top: 0;
        z-index: 10;
    }

    .car-custom-nav-2 .swiper-button- {
        background-color: rgb(255, 255, 255);
        width: 40px;
        margin-top: -40px;
        height: 40px;
        padding: 8px;
        border-radius: 999px;
        text-align: center;
        display: flex;
        align-items: center;
        box-shadow: 0 9px 12px -5px rgba(0, 0, 0, 0.44), 0 3px 3px -3px rgba(0, 0, 0, 0.04);
    }

    .car-custom-nav-2 .swiper-button- .fi {
        width: 28px;
        height: 28px;
        color: #8BC34A;
    }

    .car-custom-nav-2 .swiper-button-.swiper-button-disabled {
        display: none;
    }

    .car-custom-nav-2 .swiper-button-prev {
        left: 0;
    }

    .car-custom-nav-2 .swiper-button-next:after {
        content: '';
    }

    .car-custom-nav-2 .swiper-button-prev:after {
        content: '';
    }

    .footer-content .inner {
        display: flex;
    }

    .footer-content .col {
        padding: 30px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-content .socila-links {
        width: 25%;
    }

    .footer-content .support-links {
        width: 50%;
    }

    .footer-content .logo {
        width: 25%;
    }

    .footer-content .socila-links .s-link {
        padding: 12px;
        margin: 0 5px;
    }

    .footer-content .support-links .o-link {
        font-size: 0.8em;
    }

    .h-main-nav .item .parent-title {
        font-size: 0.9em;
    }

    .h-main-nav .item .parent-title {
        padding: 0 10px;
    }

    .footer-cat .cat-name {
        font-size: 14px;
    }

    .sort-filter .wrapper {
        display: flex;
        align-items: center;
    }

    .sort-filter label {
        text-transform: uppercase;
        font-size: 14px;
        margin-right: 10px;
        font-weight: 500;
        color: #7f97ab;
    }

    .sort-filter .option-container {
        position: relative;
        overflow: visible;
    }

    .sort-filter .option-container .sort-bt {
        background-color: #fff;
        border: 1px solid #d5d5e2;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: uppercase;
        font-size: 14px;
        padding: 0 10px;
        font-weight: bold;
        color: #1b1c1d;
        height: 40px;
        width: 140px;
    }

    .sort-filter .option-container .sort-bt::after {
        content: "\203A";
        font-size: 25px;
        font-weight: normal;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #f55150;
        transition: 0.2s;
    }

    .sort-filter .drop-down {
        position: absolute;
        z-index: 160;
        box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 12px 0px;
        line-height: initial;
        min-width: 180px;
        top: 122%;
        right: 0px;
        background-color: rgb(255, 255, 255);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(226, 229, 241);
        border-image: initial;
        transition: 0.1s;
        display: none;
    }

    .sort-filter.active .drop-down {
        display: block;
    }

    .sort-filter .drop-down ul {
        list-style: none;
        margin: 0;
        padding: 5px 0;
    }

    .sort-filter .drop-down .radio-box {
        padding: 15px;
        cursor: pointer;
        font-size: 14px;
    }

    .sort-filter .drop-down .radio-box a {
        display: flex;
        align-items: center;
    }

    .sort-filter .drop-down .radio-box:hover {
        background-color: #f7f7f7;
    }

    .sort-filter .drop-down .radio-box .check-box {
        width: 12px;
        height: 12px;
        background-color: #d9dee2;
        border-radius: 999px;
        margin-right: 8px;
        margin-bottom: 1px;
    }

    .sort-filter .drop-down .radio-box.checked .check-box {
        background-color: #f55150;
        box-shadow: 0px 0px 0px 1px #ff00005e;
        border: 1px solid #fff;
        width: 10px;
        height: 10px;
    }

    .sort-filter .drop-down .radio-box.checked .radio-label {
        font-weight: bold;
    }

    .ppc .filters-panel {
        width: 230px;
        box-sizing: border-box;
        padding-right: 15px;
    }

    .ppc .product-list {
        width: calc(100% - 230px);
    }

    .ppc .inner {
        display: flex;
        padding: 0 15px;
    }

    .ppc.bpc .inner {
        display: block;
    }

    .ppc .product-list .top-header {
        padding: 0 0 10px 0;
    }

    .ppc .prd-grid {
        margin: -8px 0 0 -8px;
        padding: 0;
    }

    .ppc .prd-grid .item {
        padding: 8px 0 0 8px;
    }

    .ppc .prd-grid .wrapper {
        padding: 8px 8px 12px 8px;
    }

    .ppc .filters-panel {
        position: relative;
        height: auto;
        z-index: 1;
    }

    .ppc .product-list .filter-and-sort {
        display: none;
    }

    .ppc .filters-panel .pos-div {
        height: auto;
        width: auto;
    }

    .ppc .filters-panel .pos-div .mob-overlay {
        display: none;
    }

    .ppc .filters-panel .pos-div .wrapper {
        position: static;
        overflow-x: auto;
        overflow-y: auto;
    }

    .ppc .fp .main-ul {
        padding: 0;
    }

    .ppc .filters-panel .modal-footer {
        position: static;
        width: auto;
        border: none;
        box-shadow: none;
        z-index: 1;
    }

    .ppc .filters-panel .modal-header {
        display: none;
    }

    .ppc.bpc .product-list {
        width: 100%;
    }

    .ppc.bpc .prd-grid .item {
        width: 20%;
    }

    .brandPageContainer {
        margin-top: -80px;
    }

    .brand-header .title .logo {
        width: 100px;
    }

    .brand-header .title .name {
        font-size: 30px;
        margin-top: 10px;
    }

    .product-c .top-sc {
        display: flex;
        background-color: #fff;
        padding: 10px;
    }

    .product-c .top-sc .wrapper {
        display: flex;
    }

    .product-c .gallery-thumbs {
        padding-right: 10px;
    }

    .product-c .gallery-thumbs .swiper-container {
        width: 60px;
    }

    .product-c .gallery-thumbs .swiper-slide {
        /* width: auto; */
        width: 100%;
        height: auto !important;
        margin-bottom: 10px;
        cursor: pointer;
        transition: 0.2s;
        padding: 2px;
    }

    .product-c .gallery-thumbs .swiper-slide:hover {
        opacity: 0.6;
    }

    .product-c .gallery-thumbs .media-container {}

    .product-c .gallery-thumbs .swiper-slide-thumb-active {
        padding: 2px;
    }

    .product-c .gallery-thumbs .swiper-slide-thumb-active .media-container {
        border: 2px solid #1f1f2d;
    }

    .product-c .gallery-main .swiper-slide {
        /* width: auto; */
    }

    .product-c .gallery-main .swiper-container {
        width: 460px;
    }

    .product-c .top-sc .details {
        padding: 0;
        padding-left: 15px;
        padding-right: 5px;
        width: 100%;
    }

    .product-c .details .brand a {
        display: flex;
        align-items: center;
    }

    .product-c .details .brand .media-container {
        max-width: 86px;
        margin-right: 5px;
    }

    .product-c .details .brand .media-container img {
        max-height: 42px;
    }

    .product-c .details .prd-name {
        font-size: 1.5em;
        padding-bottom: 20px;
    }

    .product-c .details .main-price .value {
        font-size: 2em;
    }

    .product-c .details .price-row {
        /* justify-content: flex-start; */
    }

    .product-c .details .discount {
        font-size: 0.8em;
        padding: 5px 10px 3px 11px;
    }

    .product-c .details .old-price {
        border: none;
    }

    .product-c .prd-option .form-control.option select {
        max-width: 360px;
    }

    .product-c .details .prd-option {
        padding-top: 25px;
    }

    .product-c .add-to-cart {
        position: inherit;
        padding: 0;
        margin: 0;
        box-shadow: none;
        padding-bottom: 30px;
        border-bottom: 1px solid #edf1f5;
    }

    .product-c .add-to-cart .add-to-cart-bt button {
        width: 430px;
        margin-top: 25px;
    }

    .product-c .add-to-cart .add-to-cart-bt button:hover {
        /* background-color: #26b167; */
        box-shadow: 0px 8px 15px -10px #2fc575;
        color: #09502a;
    }

    .product-c .add-to-cart .add-to-cart-bt button:hover .fi {}

    .product-c .prd-short-desc .content {
        background: #edf1f5;
        border-radius: 0;
    }

    .product-c .prd-short-desc .fix {
        padding: 0;
    }

    .product-c .prd-short-desc .fix .row {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .product-c .prd-short-desc .fix .row:nth-last-child(1) {
        margin: 0;
    }

    .product-c .prd-short-desc .fix .fi {
        width: 22px;
        height: 22px;
    }

    .similar-prd {
        border: none;
    }

    .add-cart-modal .modal__content {
        padding: 10px 20px;
    }

    .add-cart-modal .modal__content .bts a {
        width: 320px;
    }

    .add-cart-modal .modal__content .prd-photo .chek-icon {
        top: 85px;
        right: 110px;
    }

    .cart-p .header {
        background-color: #fff;
        margin-top: 30px;
        border-bottom: 1px solid #dde1e8;
    }

    .cart-p .page-content {
        display: flex;
        background-color: #fff;
    }

    .cart-p .items {
        width: 65%;
        border-right: 1px solid #dde1e8;
    }

    .cart-p .total-sc {
        width: 35%;
        padding: 0;
    }

    .cart-p .item {
        border-bottom: 1px solid #dde1e8;
    }

    .cart-p .item:nth-last-child(1) {
        border: none;
    }

    .cart-p .total-sc .submit-cart {
        position: inherit;
        box-shadow: none;
        padding: 15px;
        padding-top: 30px;
        transition: 0.2s;
    }

    .cart-p .total-sc .submit-cart .go-checkout .fi {
        transition: 0.2s;
    }

    .cart-p .total-sc .submit-cart .go-checkout:hover .fi {
        margin-left: 12px;
        color: #ffffff;
    }

    .cart-p .item .bot .remove {
        transition: 0.2s;
    }

    .cart-p .item .bot .remove:hover {
        background-color: #f55150;
        border: 1px solid #f55150;
        color: #fff;
    }

    .cart-p .item .bot .remove:hover .fi {
        color: #fff;
    }

    .checkout-p .shipping-info {
        width: 65%;
        border-right: 1px solid #dde1e8;
        padding: 7px;
    }

    .checkout-p .right-sc {
        width: 35%;
        padding-top: 15px;
    }

    .checkout-p .page-content {
        padding: 0;
    }

    .checkout-p .shipping-info .row {
        display: flex;
    }

    .checkout-p .shipping-info .form-ctr {
        width: 50%;
        padding: 15px 10px;
        box-sizing: border-box;
    }

    .checkout-p .chekout-bt {
        position: inherit;
        box-shadow: none;
        padding: 15px;
        padding-top: 30px;
        transition: 0.2s;
        margin: 0;
    }

    .success-p .wrapper {
        padding-bottom: 120px;
    }

    .product-c .details .dt-wrapper {
        max-width: 400px;
    }

    .unavailable-prd .unv-wrapper {
        text-align: left;
        border-radius: 10px 10px 0 0;
    }

    .productDesc {
        border: none;
    }

    .adminPanel .inner {
        background-color: #fff;
        margin-top: 15px;
        padding: 0;
    }

    .adminPanel .inner .info {
        background-color: #fff;
        padding: 0;
    }

    .adminPanel .inner .info .sc {
        width: 33.2%;
        padding: 15px;
        box-sizing: border-box;
    }

    .adminPanel .inner .catalog .row .line {
        border-bottom: 1px solid #e9e9f3;
    }

    .adminPanel .inner .catalog .row:nth-child(odd) .line {
        border-bottom: 1px dashed #e9e9f3;
    }

    .adminPanel .inner .links {
        border-top: 1px solid #e7e7ef;
        justify-content: center;
    }

    .adminPanel .inner .links .btn {
        width: 130px;
        margin: 15px;
    }
    .page-p .page-content .text-container {
      padding: 30px;
      padding-top: 0;
    }
    .page-p .page-content .callout {
      padding: 15px;
      background-color: #fafafb;
      border-radius: 15px;
    }
    .page-p .page-content .text-container li {
      margin: 0;
      font-size: 18px;
      line-height: 1.5;
      color: #000;
      margin-bottom: 10px;
    }
    .page-p .page-content .text-container p {
      margin: 0;
      font-size: 18px;
      line-height: 1.5;
      color: #000;
      margin-bottom: 10px;
    }
    .page-p .page-content h1.title {
      font-size: 3em;
      margin: 0;
      padding: 15px 0;
      color: #f63746;
      margin-top: -10px;
      text-align: left;
  }
  .page-p .inner .other-pages {
    border: none;
  }
  .page-p .inner .other-pages .wrapper {
    margin: -10px;
    padding-top: 10px;
  }
  .page-p .inner .other-pages .cell {
    width: 25%;
  }
  .page-p .inner .other-pages .cell a {
    border-radius: 12px;
    padding: 20px 20px;
    text-align: revert;
    border: none;
    box-shadow: none;
  }


  }

  /* qqq */

  @media screen and (min-width: 1080px) {
    .product-c .gallery-main .swiper-container {
        width: 520px;
    }

  }

  @media screen and (min-width: 1216px) {
    .page-width {
        max-width: 1180px;
    }

    .new-prd .product-g {
        width: 12.5%;
    }

    .new-prd .item .prices {
        font-size: 1em;
    }

    .footer-content .socila-links .s-link {
        padding: 15px;
        margin: 0px 8px;
    }

    .footer-content .support-links .o-link {
        font-size: 1em;
    }

    .h-main-nav .item .parent-title {
        font-size: 1em;
    }

    .h-main-nav .item .parent-title {
        padding: 0 15px;
    }

    .ppc .prd-grid .item {
        width: 20%;
    }

    .ppc.bpc .prd-grid .item {
        width: 16.665%;
    }

    .ppc .prd-grid {
        margin: -12px 0 0 -12px;
    }

    .ppc .prd-grid .item {
        padding: 12px 0 0 12px;
    }

    .ppc .filters-panel {
        width: 250px;
    }

    .ppc .product-list {
        width: calc(100% - 250px);
    }

    .product-c .gallery-main .swiper-container {
        width: 520px;
    }

    .cart-p .items {
        width: 70%;
    }

    .cart-p .total-sc {
        width: 30%;
    }

    .checkout-p .shipping-info {
        width: 70%;
    }

    .checkout-p .right-sc {
        width: 30%;
    }



  }

  @media screen and (min-width: 1408px) {
    .page-width {
        max-width: 1440px;
    }

    .brd-car .brand-thumb {
        width: 223px;
    }

    .new-prd .item .prices {
        font-size: 1.2em;
    }

    .f-cat .swiper-slide {
        width: 10%;
        box-sizing: border-box;
    }

    .f-cat .cat-thumb {
        width: auto;
    }

    .f-cat .overlay {
        display: none;
    }

    .footer-cat .cat-name {
        font-size: 16px;
    }

    .brand-header .title .logo {
        width: 140px;
    }

    .brand-header .title .logo img {
        border-radius: 20px;
    }

    .brand-header .title .name {
        font-size: 42px;
        margin-top: 20px;
    }

    .product-c .gallery-main .swiper-container {
        width: 580px;
    }
  }

  @media screen and (min-width: 1440px) {
    .ppc .inner {
        padding: 0;
    }

    .brd-crp {
        margin: 0 -15px;
    }

    .ppc.bpc .inner {
        padding: 0 15px;
    }

    .product-c .gallery-main .swiper-container {
        width: 620px;
    }

  }

  @media screen and (max-width: 991px) {
    .page-width {
        max-width: 1024px;
    }

    .desk-only {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .ppc .filters-panel {
        display: none;
    }

    .ppc .filters-panel.open {
        display: block;
    }

    .sort-filter .option-container .sort-bt {
        display: none;
    }

    .sort-filter label {
        display: none;
    }

    .ppc .product-list .sort-filter .sort-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000000b5;
        z-index: 61;
        display: none;
    }

    .ppc .product-list .sort-filter.active .sort-overlay {
        display: block;
    }

    .sort-filter .drop-down {
        z-index: 65;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        padding-top: 10px;
        border-radius: 15px 15px 0 0;
        display: none;
    }

    .ppc .product-list .sort-filter.active .drop-down {
        display: block;
    }

    .sort-filter .drop-down .header {
        padding: 10px 15px 15px 15px;
        font-size: 1.5em;
        font-weight: bold;
    }

    .sort-filter .drop-down .header .flex {
        align-items: center;
    }

    .sort-filter .drop-down .header .close .fi {
        color: #a9a9a9;
        height: 28px;
        width: 28px;
    }

    .sort-filter .drop-down .radio-box {
        font-size: 1em;
        font-weight: normal;
        padding: 20px 15px;
    }

    .sort-filter .drop-down .radio-box a {
        display: flex;
        align-items: center;
    }

    .sort-filter .drop-down .radio-box .check-box {
        width: 12px;
        height: 12px;
        background-color: #d9dee2;
        border-radius: 999px;
        margin-right: 8px;
        margin-bottom: 1px;
    }

    .sort-filter .drop-down .radio-box.checked .check-box {
        background-color: #f55150;
        box-shadow: 0px 0px 0px 1px #ff00005e;
        border: 1px solid #fff;
        width: 10px;
        height: 10px;
    }

    .sort-filter .drop-down .radio-box.checked .radio-label {
        font-weight: bold;
    }

    .ppc .fp .main-ul .filter.open .submenu {
        background-color: #f9f9f9;
    }

    .n-products-page .ppc .product-list .top-header {
        padding-bottom: 25px;
        justify-content: center;
    }

    .search-prd .ppc .product-list .top-header {
        padding-bottom: 25px;
    }

    .ppc.bpc .product-list {
        width: 100%;
        padding-top: 10px;
        background-color: #fff;
    }

    .brandPageContainer {
        padding: 0 10px;
    }

    .order-p .order-timeline .wrapper {
        overflow-x: scroll;
    }
  }

  @media screen and (max-width: 800px) {
    .brand-header .title .logo {
        width: 120px;
    }

    .brandPageContainer {
        margin-top: -100px;
    }
  }

  @media screen and (max-width: 768px) {
    .page-width {
        max-width: 768px;
    }

  }

  @media screen and (max-width: 650px) {
    .new-prd .item .prices {
        font-size: 1em;
    }

    .brd-car .brand-thumb {
        width: 170px;
    }

    .topBanners {
        margin-top: -90px;
    }

    .brand-header .title .logo {
        width: 100px;
    }

    .brandPageContainer {
        margin-top: -70px;
    }

    .brand-header .title .name {
        font-size: 36px;
    }
  }

  @media screen and (max-width: 600px) {
    .f-cat .cat-thumb {
        width: 100px;
    }

    .f-cat .cat-thumb .title {
        font-size: 1em;
    }

    .new-prd .product-g {
        width: 33.333%;
        padding: 3px;
    }
    .new-prd .wrapper {
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .ppc .prd-grid .item {
        width: 33.333%;
    }
    .new-prd .item .prices {
        padding: 7px;
    }
    .new-prd .item .media-container img{
        border-radius: 4px;
    }
    .new-prd .item .gradiant-overlay {
        position: absolute;
        width: 100%;
        height: 23%;
        top: auto;
        left: 0;
        bottom: 0;
        right: 0;
        box-sizing: border-box;
        border-radius: 0 0 4px 4px;
        background: rgb(0 0 0 / 15%);
    }
    .new-prd .item .price .aed {
        display: none;
    }


  }

  @media screen and (max-width: 550px) {
    .topBanners {
        margin-top: -80px;
    }
  }

  @media screen and (max-width: 500px) {
    .midBanners {
        margin: 0;
    }

    .topBanners {
        margin-top: -75px;
    }

    .ppc .prd-grid .item {
        width: 50%;
    }

    .brand-header .title .logo {
        width: 80px;
    }

    .brandPageContainer {
        margin-top: -50px;
    }

    .brand-header .title .name {
        font-size: 28px;
    }

    .order-p .order-info .row {
        display: block;
    }

    .order-p .order-info .title {
        margin-bottom: 5px;
    }
  }

  @media screen and (max-width: 450px) {
    .f-cat .cat-thumb {
        width: 80px;
    }

    .f-cat .cat-thumb .title {
        font-size: 0.8em;
    }

    .f-cat .cat-img {
        padding: 2px;
        border: 1px solid #ececec;
    }

    .topBanners {
        margin-top: -70px;
    }

    .order-p .timeline .line {
        width: 60px;
    }

    .order-p .timeline .step {
        font-size: 1em;
    }

    .order-p .timeline .box {
        width: 120px;
    }

    .order-p .timeline {
        width: 660px;
    }
  }

  @media screen and (max-width: 400px) {
    .new-prd .product-g {
        width: 50%;
    }

    .dmo-car .header .title {
        font-size: 1.5em;
    }

    .dmo-car .header .view-all {
        font-size: 0.8em;
        height: 32px;
        line-height: 33px;
    }

    .topBanners {
        margin-top: -60px;
    }

    .pog .pagination ul {
        padding: 8px;
            flex-flow: wrap;
    justify-content: center;
    width: auto;
    }

    .pog .pagination li {
        width: 30px;
        height: 30px;
        margin: 0 3px;
        font-size: 16px;
    }

    .brand-header .title .logo {
        width: 70px;
    }

    .brandPageContainer {
        margin-top: -50px;
    }

    .brand-header .title .name {
        font-size: 18px;
        margin-top: 10px;
    }

    .cart-p .item .image img {
        width: 90px;
    }

    .cart-p .item .details {
        width: calc(100% - 100px);
    }

    .cart-p .item .bot .form-ctr {
        width: 90px;
    }

    .cart-p .item .name {
        font-size: 1em;
    }

    .cart-p .item .options {
        font-size: 1em;
    }

    .cart-p .item .main-price {
        font-size: 0.8em;
    }

    .cart-p .item .discount {
        font-size: 12px;
    }

    .cart-p .item .old-price {
        font-size: 1em;
    }

    .cart-p .item .bot .form-ctr select {
        padding: 7px 5px;
    }

    .cart-p .item .bot .remove {
        height: 34px;
        padding: 0px 7px;
    }

    .cart-p .item .bot .remove .fi {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

    .success-p .ty {
        margin-top: 0;
    }

    .success-p .details {
        padding: 15px;
        /* font-size: 0.9em; */
    }

    .success-p .details .top .id {
        margin-right: 50px;
    }

    .prd-alert .prd-a-wrapper {
        font-size: 16px;
    }

    .scp .splash-container .panel {
        width: 280px;
        padding: 25px 15px;
    }

    .scp .splash-container .top-logo img {
        width: 128px;
        padding-bottom: 40px;
    }

    .scp .splash-container .link .title.en {
        font-size: 16px;
        width: 54px;
        text-align: center;
    }

    .scp .splash-container .link .flag {
        margin-bottom: 10px;
        width: 100%;
    }

    .scp .splash-container .link .flag img {
        width: 37px;
        margin: 0 auto;
    }

    .scp .splash-container .countries .link {

        padding: 12px;
    }

    .scp .splash-container .footer .copyright {
        font-size: 12px;
    }

  }

  @media screen and (max-width: 350px) {
    .brd-car .brand-thumb {
        width: 140px;
    }

    .f-cat .cat-thumb {
        padding-left: 12px;
    }

    .prd-car .header .title {
        font-size: 1em;
    }

    .prd-car .header .view-all {
        font-size: 1em;
    }

    .new-prd .header .title {
        font-size: 1em;
    }

    .new-prd .header .view-all {
        font-size: 1em;
    }

    .dmo-car .header .title {
        font-size: 1.2em;
    }

    .dmo-car .header .view-all {
        font-size: 0.8em;
        height: 30px;
        line-height: 31px;
        padding: 0 10px;
    }

    .topBanners {
        margin-top: -50px;
    }

    .ppc .product-list .top-header .name {
        font-size: 1em;
    }

    .ppc .prd-grid .item .details {
        font-size: 0.9em;
    }

    .brand-header .title .logo {
        width: 60px;
    }

    .brandPageContainer {
        margin-top: -40px;
    }

    .brand-header .title .name {
        font-size: 16px;
    }

    .add-cart-modal .modal__content .bts a {
        width: 230px;
    }

    .add-cart-modal .modal__content .prd-photo .media-container img {
        width: 100px;
        height: 100px;
    }

    .add-cart-modal .modal__content .prd-photo .chek-icon {
        position: absolute;
        top: 70px;
        right: 75px;
        width: 32px;
    }

    .add-cart-modal .modal__content .header .title {
        font-size: 15px;
    }

    .success-p .details {
        padding: 15px;
        font-size: 0.9em;
    }

    .success-p .details .top .id {
        margin-right: 50px;
    }

    .order-p .order-info .row {
        font-size: 0.9em;
    }

    .productDesc .header .title {
        font-size: 1em;
    }

  }

  @media screen and (max-width: 320px) {
    .checkout-p .shipping-info .form-ctr {
        font-size: 0.8em;
    }

    .checkout-p .shipping-info .form-ctr .country-code {
        width: 50px;
        padding: 5px;
    }

    .checkout-p .shipping-info .form-ctr .carrier_code {
        width: 80px;
        padding: 5px;
    }

    .cart-p .header {
        font-size: 0.8em;
    }

    .scp .splash-container .panel {
        width: 230px;
        padding: 15px;
    }

    .scp .splash-container .countries .link {
        padding: 10px;
    }

    .scp .splash-container .link .flag img {
        width: 33px;
    }

    .scp .splash-container .link .title.en {
        font-size: 14px;
        width: 48px;
    }

    .scp .splash-container .link .title.ar {
        font-size: 14px;
    }
  }

  @media screen and (max-width: 300px) {
    .f-cat .cat-thumb {
        width: 70px;
    }

    .f-cat .cat-thumb .title {
        font-size: 0.6em;
    }

    .dmo-car .dmo-thumb .wrapper {
        height: 240px;
    }

    .dmo-car .dmo-thumb {
        width: 260px;
        height: 240px;
    }

    .dmo-car .dmo-thumb .gradient-overlay {
        height: 240px;
    }

    .dmo-car .dmo-thumb .details {
        font-size: 0.8em;
    }

    .dmo-car .dmo-thumb .box {
        padding: 7px;
    }

    .topBanners {
        margin-top: -40px;
    }

    .ppc .prd-grid .item .details {
        font-size: 0.8em;
    }

    .product-c .add-to-cart .add-to-cart-bt button .fi {
        display: none;
    }

    .cart-p .item .details {
        font-size: 0.9em;
    }

    .cart-p .item .discount {
        padding: 3px 8px 1px 8px;
    }

    .success-p .details {
        padding: 15px;
        font-size: 0.8em;
    }

    .success-p .details .top .id {
        margin-right: 30px;
    }

    .order-p .order-info .row {
        font-size: 0.8em;
    }

    .ppc .prd-grid .item .dt-wrapper {
        font-size: 13px;
    }

    .ppc .prd-grid .item .dt-wrapper .fi {
        left: 8px;
        top: 8px;
    }

    .scp .splash-container .panel {
        width: 90%;
    }

    .scp .splash-container .countries ul {
        flex-wrap: wrap;
    }

    .scp .splash-container .countries .link {
        margin-bottom: 20px;
    }

  }

  /* helper class */
  .hidden,
  [hidden] {
    display: none !important;
  }

  .invisible {
    visibility: hidden;
  }

  .clearfix::before,
  .clearfix::after {
    content: " ";
    display: table;
  }

  .clearfix::after {
    clear: both;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .flex-between {
    justify-content: space-between;
  }

  .flex-center {
    justify-content: center;
  }

  .m-15 {
    margin: 0 15px;
  }

  .h-spacer-15 {
    height: 15px;
  }

  .h-spacer-30 {
    height: 30px;
  }

  .h-spacer-60 {
    height: 60px;
  }

  .container.show-over {
    overflow: initial !important;
  }

  @media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {}

  @media print {

    *,
    *::before,
    *::after {
        background: #fff !important;
        color: #000 !important;
        /* Black prints faster */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " ("attr(href) ")";
    }

    abbr[title]::after {
        content: " ("attr(title) ")";
    }

    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
  }

  .h-main-nav .dropdwon.small-col {
    width: 20%;
    left: auto;
  }

  .h-main-nav .dropdwon .col-100 {
    width: 100%;
  }

  .alert ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .alert ul li {
    padding: 6px;
    font-size: 20px;
    color: #fff;
  }

  .prd-car .wrapper.unavailable .photo::after {
    content: 'Sold out :(';
    position: absolute;
    top: 43%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    background-color: rgb(31 31 45 / 0.8);
    color: #fff;
  }

  .prd-car .wrapper.unavailable .photo img {
    opacity: 0.6;
  }

  .prd-car .wrapper .photo {
    position: relative;
  }

  .ppc .prd-grid .item .media-container {
    padding-top: 123%;
  }

  .productDesc .inner {
    padding: 30px;
  }

  .prd-car .wrapper .media-container {
    height: 176px;
  }

  @media screen and (min-width: 769px) {
    .prd-car .wrapper .media-container {
        height: 222px;
    }
  }

  .ppc .fp .main-ul .filter .header.brands::before {
    content: 'Brands';
  }

  .ppc .fp .main-ul .filter .header.size::before {
    content: 'Size';
  }

  .ppc .fp .main-ul .filter .header.color::before {
    content: 'Color';
  }

  .ppc .fp .main-ul .filter .header.price::before {
    content: 'Price';
  }