/*start helpers style*/
/* start main colors variables */
/* end colors variables */
/*start overlay mixin*/
/*end overlay mixin*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap");
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* The following rules are deprecated. */
body {
  position: relative;
  /* clip stops the sideways overflow without making the body a scroll
     container, which is what lets position:sticky work inside the page */
  overflow-x: hidden;
  overflow-x: clip;
  text-align: right;
  background-color: #f4f4f4;
  min-height: 100vh;
}

.article {
  background-color: #F4F4F4;
}

.rtl {
  direction: rtl;
  text-align: right;
  font-family: "Cairo", Tahoma, sans-serif;
}

.ltr {
  direction: ltr;
  text-align: left;
  font-family: "Roboto", Tahoma, sans-serif;
}

@media (max-width: 575.98px) {
  .container,
  .container-fluid {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

@media (min-width: 1440px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1420px;
  }
}
@media (min-width: 1280.25px) and (max-width: 1439.75px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1340px;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1255px;
  }
}

@media (min-width: 3800px) {
  .container-fluid {
    max-width: 2000px;
    width: initial;
  }
}

.section-container {
  clear: both;
}

.global-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.label-danger {
  background: #ff5b57 !important;
}

.label-warning {
  background: #f59c1a !important;
}

.label-yellow {
  color: #2d353c;
  background: #ffd900 !important;
}

.label-lime {
  background: #90ca4b !important;
}

.label-green {
  background: #32a932 !important;
}

.label-success {
  background: #00acac !important;
}

.label-purple {
  background: #727cb6 !important;
}

.label-indigo {
  background: #8753de !important;
}

.label-dark {
  background: #2d353c !important;
}

.label-pink {
  background: #fb5597 !important;
}

.label-secondary {
  background: #6c757d !important;
}

.label-default {
  background: #e4e7ea !important;
  color: #2d353c !important;
}

.index {
  position: relative;
}

@media (max-width: 575.98px) {
  .cookiealert {
    width: 100%;
  }
}

.col {
  float: right;
  flex-basis: auto;
}
@media (max-width: 575.98px) {
  .col {
    padding-left: 0 !important;
  }
}

.row {
  margin-left: 0;
  margin-right: 0;
}
.row .col-grid {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 575.98px) {
  .row {
    width: 100%;
    margin: 0 !important;
  }
}

.wihte-container {
  padding: 15px 25px;
  background-color: #fff;
}
@media (max-width: 575.98px) {
  .wihte-container {
    padding: 15px !important;
  }
}

.fixed-whatsapp {
  position: fixed;
  bottom: 30px;
  right: 25px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
}
.fixed-whatsapp i, .fixed-whatsapp svg {
  color: #fff;
  font-size: 40px;
  width: 40px;
  height: 40px;
}
@media (max-width: 575.98px) {
  .fixed-whatsapp {
    bottom: 20px;
    right: 20px;
  }
}

.fixed-whatsapp-messenger {
  bottom: 92px !important;
}

.yalla-subnav__menu-toggle {
  color: #fff !important;
}

.index, .yalla-page-home {
  background-color: #F4F4F4;
}

.content-container {
  margin: 25px auto 30px;
  min-height: 300px;
}
@media (max-width: 575.98px) {
  .content-container {
    margin: 20px 0;
  }
}

@media (max-width: 575.98px) {
  .col-xs-6 {
    width: 50% !important;
    padding: 4px !important;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 575.98px) {
  .alert {
    font-size: 0.8rem;
    padding: 0.75rem 0.8rem;
  }
}

.alerts-product .alert {
  padding: 20px;
  min-height: 60px;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .alerts-product .alert {
    display: block;
    text-align: center;
    padding: 10px;
  }
}
.alerts-product .alert span {
  display: inline-block;
  width: 86%;
}
@media (max-width: 991.98px) {
  .alerts-product .alert span {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
}
.alerts-product .alert .button {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .alerts-product .alert .button {
    float: none;
  }
}

a:hover {
  text-decoration: none;
}

ul {
  list-style: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 575.98px) {
  .cookiealert {
    width: 100%;
  }
}

/* ========== start head Style =========== */
.head {
  display: inline-block;
  padding: 0px 5px;
  margin-bottom: 15px;
}
.head h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
  line-height: 1.4;
}
@media (max-width: 575.98px) {
  .head h3 {
    font-size: 1.2rem;
    line-height: 1;
  }
}

.ltr .head {
  float: left;
}

/* ========== start article Style =========== */
/* ========== End article Style =========== */
.violet .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .violet .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .violet .contact .section-container .yalla-page-contact__info .media .youtube:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .violet .contact .section-container .yalla-page-contact__info .media .telegram:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .violet .contact .section-container .yalla-page-contact__info .media .instagram:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .violet .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .violet .contact .section-container .yalla-page-contact__info .media .envelope:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .violet .contact .section-container .yalla-page-contact__info .media .twitter:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .violet .contact .section-container .yalla-page-contact__info .media .facebook:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .pink .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .pink .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .pink .contact .section-container .yalla-page-contact__info .media .youtube:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .pink .contact .section-container .yalla-page-contact__info .media .telegram:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .pink .contact .section-container .yalla-page-contact__info .media .instagram:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .pink .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .pink .contact .section-container .yalla-page-contact__info .media .envelope:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .pink .contact .section-container .yalla-page-contact__info .media .twitter:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .pink .contact .section-container .yalla-page-contact__info .media .facebook:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .orange .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .orange .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .orange .contact .section-container .yalla-page-contact__info .media .youtube:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .orange .contact .section-container .yalla-page-contact__info .media .telegram:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .orange .contact .section-container .yalla-page-contact__info .media .instagram:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .orange .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .orange .contact .section-container .yalla-page-contact__info .media .envelope:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .orange .contact .section-container .yalla-page-contact__info .media .twitter:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .orange .contact .section-container .yalla-page-contact__info .media .facebook:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .main .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .main .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .main .contact .section-container .yalla-page-contact__info .media .youtube:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .main .contact .section-container .yalla-page-contact__info .media .telegram:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .main .contact .section-container .yalla-page-contact__info .media .instagram:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .main .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .main .contact .section-container .yalla-page-contact__info .media .envelope:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .main .contact .section-container .yalla-page-contact__info .media .twitter:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .main .contact .section-container .yalla-page-contact__info .media .facebook:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .grey .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .grey .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .grey .contact .section-container .yalla-page-contact__info .media .youtube:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .grey .contact .section-container .yalla-page-contact__info .media .telegram:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .grey .contact .section-container .yalla-page-contact__info .media .instagram:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .grey .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .grey .contact .section-container .yalla-page-contact__info .media .envelope:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .grey .contact .section-container .yalla-page-contact__info .media .twitter:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .grey .contact .section-container .yalla-page-contact__info .media .facebook:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .brown .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .brown .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .brown .contact .section-container .yalla-page-contact__info .media .youtube:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .brown .contact .section-container .yalla-page-contact__info .media .telegram:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .brown .contact .section-container .yalla-page-contact__info .media .instagram:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .brown .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .brown .contact .section-container .yalla-page-contact__info .media .envelope:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .brown .contact .section-container .yalla-page-contact__info .media .twitter:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .brown .contact .section-container .yalla-page-contact__info .media .facebook:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .green .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .green .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .green .contact .section-container .yalla-page-contact__info .media .youtube:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .green .contact .section-container .yalla-page-contact__info .media .telegram:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .green .contact .section-container .yalla-page-contact__info .media .instagram:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .green .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .green .contact .section-container .yalla-page-contact__info .media .envelope:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .green .contact .section-container .yalla-page-contact__info .media .twitter:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .green .contact .section-container .yalla-page-contact__info .media .facebook:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .red .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .red .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .red .contact .section-container .yalla-page-contact__info .media .youtube:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .red .contact .section-container .yalla-page-contact__info .media .telegram:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .red .contact .section-container .yalla-page-contact__info .media .instagram:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .red .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .red .contact .section-container .yalla-page-contact__info .media .envelope:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .red .contact .section-container .yalla-page-contact__info .media .twitter:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .red .contact .section-container .yalla-page-contact__info .media .facebook:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .blue .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover, .blue .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover, .blue .contact .section-container .yalla-page-contact__info .media .youtube:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover, .blue .contact .section-container .yalla-page-contact__info .media .telegram:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover, .blue .contact .section-container .yalla-page-contact__info .media .instagram:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover, .blue .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover, .blue .contact .section-container .yalla-page-contact__info .media .envelope:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover, .blue .contact .section-container .yalla-page-contact__info .media .twitter:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover, .blue .contact .section-container .yalla-page-contact__info .media .facebook:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover, .yalla-footer .yalla-footer__body .media a div:hover, .yalla-blog-card:hover, .yalla-product-card:hover, .yalla-order-item:hover, .yalla-cart-item:hover, .yalla-offers__item:hover, .yalla-product-card section label, .yalla-order-item section label, .yalla-cart-item section label, .yalla-offers__item section label, header nav, .fixed-whatsapp {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.yalla-product-card .img-box .installed, .yalla-product-card .yalla-product-card__media .installed, .yalla-order-item .img-box .installed, .yalla-order-item .yalla-product-card__media .installed, .yalla-cart-item .img-box .installed, .yalla-cart-item .yalla-product-card__media .installed, .yalla-offers__item .img-box .installed, .yalla-offers__item .yalla-product-card__media .installed, .yalla-product-card .img-box .label-Wishes, .yalla-product-card .yalla-product-card__media .label-Wishes, .yalla-order-item .img-box .label-Wishes, .yalla-order-item .yalla-product-card__media .label-Wishes, .yalla-cart-item .img-box .label-Wishes, .yalla-cart-item .yalla-product-card__media .label-Wishes, .yalla-offers__item .img-box .label-Wishes, .yalla-offers__item .yalla-product-card__media .label-Wishes {
  -webkit-box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.2509803922);
  -moz-box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.2509803922);
  -o-box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.2509803922);
  box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.2509803922);
}

.violet .alerts-product .alert .button div, .violet .btn-head, .pink .alerts-product .alert .button div, .pink .btn-head, .orange .alerts-product .alert .button div, .orange .btn-head, .main .alerts-product .alert .button div, .main .btn-head, .grey .alerts-product .alert .button div, .grey .btn-head, .brown .alerts-product .alert .button div, .brown .btn-head, .green .alerts-product .alert .button div, .green .btn-head, .red .alerts-product .alert .button div, .red .btn-head, .blue .alerts-product .alert .button div, .blue .btn-head, .yalla-footer .yalla-footer__body .yalla-footer__col ul li a, .yalla-footer .yalla-footer__body .media a div i, .yalla-footer .yalla-footer__body .media a div svg, .yalla-footer .yalla-footer__body .media a div, .button,
button.a-button, .btn-head, .contac-button, .blog-show .yalla-blog-post article .yalla-blog-post__body a:hover, .trial-store .trial-button .btn-trial, .head a:last-of-type, .yalla-page-toolbar a:last-of-type, .yalla-product-card section section button,
.yalla-product-card section section .a-button, .yalla-order-item section section button,
.yalla-order-item section section .a-button, .yalla-cart-item section section button,
.yalla-cart-item section section .a-button, .yalla-offers__item section section button,
.yalla-offers__item section section .a-button, .yalla-product-card section section .yalla-product-card__title-box a h2,
.yalla-product-card section section .yalla-product-card__title-box a h3, .yalla-product-card section section .yalla-order-item__title a h2,
.yalla-product-card section section .yalla-order-item__title a h3, .yalla-product-card section section .yalla-cart-item__title a h2,
.yalla-product-card section section .yalla-cart-item__title a h3, .yalla-product-card section section .yalla-offers__title a h2,
.yalla-product-card section section .yalla-offers__title a h3, .yalla-order-item section section .yalla-product-card__title-box a h2,
.yalla-order-item section section .yalla-product-card__title-box a h3, .yalla-order-item section section .yalla-order-item__title a h2,
.yalla-order-item section section .yalla-order-item__title a h3, .yalla-order-item section section .yalla-cart-item__title a h2,
.yalla-order-item section section .yalla-cart-item__title a h3, .yalla-order-item section section .yalla-offers__title a h2,
.yalla-order-item section section .yalla-offers__title a h3, .yalla-cart-item section section .yalla-product-card__title-box a h2,
.yalla-cart-item section section .yalla-product-card__title-box a h3, .yalla-cart-item section section .yalla-order-item__title a h2,
.yalla-cart-item section section .yalla-order-item__title a h3, .yalla-cart-item section section .yalla-cart-item__title a h2,
.yalla-cart-item section section .yalla-cart-item__title a h3, .yalla-cart-item section section .yalla-offers__title a h2,
.yalla-cart-item section section .yalla-offers__title a h3, .yalla-offers__item section section .yalla-product-card__title-box a h2,
.yalla-offers__item section section .yalla-product-card__title-box a h3, .yalla-offers__item section section .yalla-order-item__title a h2,
.yalla-offers__item section section .yalla-order-item__title a h3, .yalla-offers__item section section .yalla-cart-item__title a h2,
.yalla-offers__item section section .yalla-cart-item__title a h3, .yalla-offers__item section section .yalla-offers__title a h2,
.yalla-offers__item section section .yalla-offers__title a h3, .yalla-product-card .img-box .yalla-btn, .yalla-product-card .yalla-product-card__media .yalla-btn, .yalla-order-item .img-box .yalla-btn, .yalla-order-item .yalla-product-card__media .yalla-btn, .yalla-cart-item .img-box .yalla-btn, .yalla-cart-item .yalla-product-card__media .yalla-btn, .yalla-offers__item .img-box .yalla-btn, .yalla-offers__item .yalla-product-card__media .yalla-btn, .yalla-product-card .img-box .overlay, .yalla-product-card .yalla-product-card__media .overlay, .yalla-order-item .img-box .overlay, .yalla-order-item .yalla-product-card__media .overlay, .yalla-cart-item .img-box .overlay, .yalla-cart-item .yalla-product-card__media .overlay, .yalla-offers__item .img-box .overlay, .yalla-offers__item .yalla-product-card__media .overlay, .yalla-product-card .img-box .label-Wishes a,
.yalla-product-card .img-box .label-Wishes button, .yalla-product-card .yalla-product-card__media .label-Wishes a,
.yalla-product-card .yalla-product-card__media .label-Wishes button, .yalla-order-item .img-box .label-Wishes a,
.yalla-order-item .img-box .label-Wishes button, .yalla-order-item .yalla-product-card__media .label-Wishes a,
.yalla-order-item .yalla-product-card__media .label-Wishes button, .yalla-cart-item .img-box .label-Wishes a,
.yalla-cart-item .img-box .label-Wishes button, .yalla-cart-item .yalla-product-card__media .label-Wishes a,
.yalla-cart-item .yalla-product-card__media .label-Wishes button, .yalla-offers__item .img-box .label-Wishes a,
.yalla-offers__item .img-box .label-Wishes button, .yalla-offers__item .yalla-product-card__media .label-Wishes a,
.yalla-offers__item .yalla-product-card__media .label-Wishes button, .yalla-subcats .yalla-subcats__item .img-box .yalla-btn, .yalla-breadcrumb section ol li a, .affiliate .affiliate-info .table .b-table .b-cell div a, .contact .section-container .contacts-form form button, .contact .section-container .yalla-page-contact__form form button, .contact .yalla-page-contact__body .contacts-form form button, .contact .yalla-page-contact__body .yalla-page-contact__form form button, .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h3, .account .account-form form button,
.account .yalla-account__form form button,
.yalla-page-account .account-form form button,
.yalla-page-account .yalla-account__form form button, .completed .section-container a, .yalla-thanks__completed .section-container a, .completed .section-container section ul li a, .yalla-thanks__completed .section-container section ul li a, .yalla-cart-empty .yalla-cart-empty__back, .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn, header nav .navbar-collapse .yalla-side-menu__user-links, header nav .yalla-subnav__actions .login a, .yalla-footer .yalla-footer__body .media div, .contact .section-container .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .media div {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.contact .section-container .contacts-form form button, .contact .section-container .yalla-page-contact__form form button, .contact .yalla-page-contact__body .contacts-form form button, .contact .yalla-page-contact__body .yalla-page-contact__form form button, .account .account-form form button,
.account .yalla-account__form form button,
.yalla-page-account .account-form form button,
.yalla-page-account .yalla-account__form form button {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.yalla-footer .yalla-footer__body .media div, .contact .section-container .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .media div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.yalla-breadcrumb .img-box {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.yalla-product-card .img-box .overlay, .yalla-product-card .yalla-product-card__media .overlay, .yalla-order-item .img-box .overlay, .yalla-order-item .yalla-product-card__media .overlay, .yalla-cart-item .img-box .overlay, .yalla-cart-item .yalla-product-card__media .overlay, .yalla-offers__item .img-box .overlay, .yalla-offers__item .yalla-product-card__media .overlay, .yalla-breadcrumb .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  background-color: rgba(41, 37, 37, 0.6117647059);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* ========== start media style =========== */
.yalla-footer .yalla-footer__body .media, .contact .section-container .yalla-page-contact__info .media, .contact .yalla-page-contact__body .yalla-page-contact__info .media {
  justify-content: center;
  direction: ltr;
}
.yalla-footer .yalla-footer__body .media div, .contact .section-container .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .media div {
  width: 40px;
  height: 40px;
  margin: 0 8px;
  font-size: 23px;
  line-height: 1.9;
  text-align: center;
}

/* ========== end media style =========== */
/* ========== start img style =========== */
.img-box {
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-size: cover;
}
.img-box img {
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* ========== end img style =========== */
.yalla-page-static .slider, .contact .slider, .account .slider,
.yalla-page-account .slider, .completed .slider, .yalla-thanks__completed .slider, .single .slider, .category .slider {
  position: relative;
}
.yalla-page-static .slider .overlay, .contact .slider .overlay, .account .slider .overlay,
.yalla-page-account .slider .overlay, .completed .slider .overlay, .yalla-thanks__completed .slider .overlay, .single .slider .overlay, .category .slider .overlay {
  position: absolute;
  z-index: 2;
}
.yalla-page-static .slider .c-img, .contact .slider .c-img, .account .slider .c-img,
.yalla-page-account .slider .c-img, .completed .slider .c-img, .yalla-thanks__completed .slider .c-img, .single .slider .c-img, .category .slider .c-img {
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 !important;
}
.yalla-page-static .slider .container, .contact .slider .container, .account .slider .container,
.yalla-page-account .slider .container, .completed .slider .container, .yalla-thanks__completed .slider .container, .single .slider .container, .category .slider .container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* ========== start no-items =========== */
.yalla-empty-state__inner, .yalla-empty-state {
  width: 100%;
}
.yalla-empty-state__inner .img-box, .yalla-empty-state .img-box {
  width: 220px;
}
.yalla-empty-state__inner .img-box img, .yalla-empty-state .img-box img {
  width: 100%;
  height: 100%;
}
.yalla-empty-state__inner .title h3, .yalla-empty-state .title h3 {
  font-weight: bold;
  font-size: 2rem;
}

/* ========== end no-items =========== */
.close {
  width: 25px;
  height: 25px;
  padding: 0 !important;
  border-radius: 5px;
  position: absolute;
  z-index: 40;
  top: 5px;
  right: 5px;
  font-size: 20px;
  opacity: 1;
  margin: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: #ff4538 !important;
  color: #fff !important;
}
.close i, .close svg {
  color: #fff !important;
}
.close:hover {
  opacity: 1 !important;
}
.close:focus {
  opacity: 1 !important;
}

.delete_customer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 20px;
  border: 1px solid rgba(255, 69, 56, 0.5);
  border-radius: 8px;
  background: transparent;
  color: #ff4538;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.delete_customer i, .delete_customer svg {
  font-size: 13px;
  color: inherit;
}
.delete_customer:hover {
  background: #ff4538;
  border-color: #ff4538;
  color: #fff;
}
.delete_customer:hover i, .delete_customer:hover svg {
  color: #fff;
}

.modal .modal-content .modal-header {
  padding: 10px;
  display: block !important;
}
.modal .modal-content .modal-header h4 {
  margin-top: 0;
}
.modal .modal-content .modal-body {
  padding: 10px;
  text-align: center;
}

.modal-confirm,
.yalla-modal-confirm {
  color: #636363;
  min-width: 280px;
  display: flex;
  align-items: center;
  min-height: 93vh;
}
.modal-confirm .modal-content,
.yalla-modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-size: 14px;
}
.modal-confirm .modal-content .modal-header,
.yalla-modal-confirm .modal-content .modal-header {
  border-bottom: none;
  position: relative;
}
.modal-confirm .modal-content .modal-header h4,
.yalla-modal-confirm .modal-content .modal-header h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -10px;
}
@media (max-width: 575.98px) {
  .modal-confirm .modal-content .modal-header h4,
  .yalla-modal-confirm .modal-content .modal-header h4 {
    font-size: 20px;
    margin: 0 0 -10px;
  }
}
.modal-confirm .close,
.yalla-modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -2px;
}
.modal-confirm .modal-body,
.yalla-modal-confirm .modal-body {
  color: #999;
}
@media (max-width: 575.98px) {
  .modal-confirm .modal-body p,
  .yalla-modal-confirm .modal-body p {
    text-align: center;
    margin-bottom: 0;
  }
}
.modal-confirm .modal-footer,
.yalla-modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a,
.yalla-modal-confirm .modal-footer a {
  color: #999;
}
@media (max-width: 575.98px) {
  .modal-confirm .modal-footer,
  .yalla-modal-confirm .modal-footer {
    padding: 10px 15px 0;
  }
}
.modal-confirm .btn,
.yalla-modal-confirm .btn {
  color: #fff;
  border-radius: 4px;
  background: #60c7c1;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  min-width: 70px;
  border: none;
  min-height: 40px;
  border-radius: 3px;
  margin: 0 5px;
  outline: none !important;
}
.modal-confirm .btn-info,
.yalla-modal-confirm .btn-info {
  background: #c1c1c1;
}
.modal-confirm .btn-info:hover, .modal-confirm .btn-info:focus,
.yalla-modal-confirm .btn-info:hover,
.yalla-modal-confirm .btn-info:focus {
  background: #a8a8a8;
}
.modal-confirm .btn-danger,
.yalla-modal-confirm .btn-danger {
  background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus,
.yalla-modal-confirm .btn-danger:hover,
.yalla-modal-confirm .btn-danger:focus {
  background: #ee3535;
}
.modal-confirm .btn-success:hover, .modal-confirm .btn-success:focus,
.yalla-modal-confirm .btn-success:hover,
.yalla-modal-confirm .btn-success:focus {
  background: #28a745;
}

.trigger-btn {
  display: inline-block;
  margin: 100px auto;
}

/* ========== start pagination =========== */
.pagination {
  justify-content: center;
  padding-left: 0;
  margin: 0;
  border-radius: 4px;
  display: inline-flex;
}
@media (max-width: 575.98px) {
  .pagination {
    display: inline-block;
  }
}

.yalla-pagination__nav, .yalla-pagination__nav nav {
  display: flex;
  justify-content: center;
  align-content: center;
}

.yalla-pagination__nav ul {
  display: block;
  justify-content: center;
  align-content: center;
}

.pagination li {
  margin-bottom: 10px;
  direction: rtl;
  float: right;
}

.pagination li.active span {
  color: #fff;
  font-size: 15px;
  padding: 7px 13px;
  display: block;
}

.pagination li a {
  border-radius: 0 !important;
  background: #fff;
  color: #333;
  font-size: 15px;
  padding: 7px 13px;
  display: block;
}

.pagination li a:hover {
  color: #fff;
  text-decoration: none;
}

.pagination li.disabled span {
  color: #333;
  font-size: 15px;
  padding: 7px 13px;
  display: block;
}

/* ============== end pagination ========== */
.opacity-7 {
  opacity: 0.7 !important;
}

.clear {
  clear: both;
  height: 0 !important;
  height: inherit !important;
}

.ml-none {
  margin-left: 0 !important;
}

.mt-none {
  margin-top: 0 !important;
}

.mb-none {
  margin-bottom: 0 !important;
}

.mr-none {
  margin-right: 0 !important;
}

.pr-none {
  padding-right: 0 !important;
}
@media (max-width: 767.98px) {
  .pr-none {
    padding-right: 15px !important;
  }
}

.p-0 {
  padding: 0 !important;
}

.pl-none {
  padding-left: 0 !important;
  padding: 0;
}
@media (max-width: 767.98px) {
  .pl-none {
    padding-left: 0 !important;
  }
}

.pr-none {
  padding-right: 0 !important;
  padding: 0;
}

.pl-10 {
  padding-left: 10px;
}
@media (max-width: 575.98px) {
  .pl-10 {
    padding-left: 15px !important;
  }
}

.pt-15 {
  padding-top: 15px;
}

.pb-none {
  padding-bottom: 0 !important;
}

.pt-none {
  padding-top: 0 !important;
}

.p-none {
  padding: 0;
}

@media (max-width: 1199.98px) {
  .d-none-1200 {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .d-none-sm {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .d-none-lg {
    display: none !important;
  }
}

.justify-center {
  justify-content: center;
}
@media (max-width: 991.98px) {
  .justify-center {
    justify-content: center;
  }
}

.inline-flex {
  align-items: center;
  display: inline-flex;
}

.class-center {
  justify-content: center;
  display: flex;
  align-items: center;
  margin: auto;
  text-align: center;
}

#st_gdpr_iframe {
  left: 0 !important;
  display: none;
}

img.lazyload {
  display: block;
  /* optional way, set loading as background */
  background-image: url("../images/spinner.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

button:focus {
  outline: none !important;
}

.button:focus {
  outline: none !important;
}

.ltr .ml-none {
  margin-left: inherit !important;
  margin-right: 0 !important;
}
.ltr .mt-none {
  margin-top: 0 !important;
}
.ltr .mb-none {
  margin-bottom: 0 !important;
}
.ltr .mr-none {
  margin-right: inherit !important;
  margin-left: 0 !important;
}
.ltr .pr-none {
  padding-right: 0 !important;
}
@media (max-width: 767.98px) {
  .ltr .pr-none {
    padding-right: 15px !important;
  }
}
.ltr .pl-none {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
@media (max-width: 767.98px) {
  .ltr .pl-none {
    padding-left: 10px !important;
    padding-right: 15px !important;
  }
}
.ltr .pr-none {
  padding-right: inherit !important;
  padding-left: 0 !important;
}
.ltr .pl-10 {
  padding-left: inherit;
  padding-right: 10px;
}
@media (max-width: 575.98px) {
  .ltr .pl-10 {
    padding-left: inherit !important;
    padding-right: 15px;
  }
}
.ltr .pagination li {
  direction: ltr;
  float: left;
}

.inner-cover {
  width: 100%;
  margin-bottom: 20px;
}
.inner-cover .img-box {
  height: 300px;
  border-radius: 8px;
  overflow: hidden;
}
.inner-cover .img-box img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 575.98px) {
  .inner-cover .img-box {
    height: 165px;
  }
}

.global-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/*end helpers style*/
/*start header style*/
header {
  z-index: 99034;
}
header .container {
  max-width: 1300px;
}
header nav {
  height: 60px;
  padding: 0 !important;
}
header nav form,
header nav .yalla-subnav__search-form {
  display: flex;
  align-items: center;
  width: calc(100% - 700px);
  margin: auto;
}
header nav form .form-control,
header nav form .yalla-subnav__search-input,
header nav .yalla-subnav__search-form .form-control,
header nav .yalla-subnav__search-form .yalla-subnav__search-input {
  height: 45px;
  margin-left: -20px;
}
@media (max-width: 575.98px) {
  header nav form .form-control,
  header nav form .yalla-subnav__search-input,
  header nav .yalla-subnav__search-form .form-control,
  header nav .yalla-subnav__search-form .yalla-subnav__search-input {
    height: 40px;
  }
}
header nav form .yalla-btn,
header nav form .yalla-subnav__search-submit,
header nav .yalla-subnav__search-form .yalla-btn,
header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  display: inline-flex;
  flex-shrink: 0;
  margin: 0 10px;
  text-decoration: none;
  min-width: 50px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  padding: 0 25px;
  font-size: 16px;
}
@media (max-width: 575.98px) {
  header nav form .yalla-btn,
  header nav form .yalla-subnav__search-submit,
  header nav .yalla-subnav__search-form .yalla-btn,
  header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    height: 40px;
  }
}
@media (max-width: 575.98px) {
  header nav form .yalla-btn,
  header nav form .yalla-subnav__search-submit,
  header nav .yalla-subnav__search-form .yalla-btn,
  header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    font-size: 16px;
    padding: 0 15px !important;
  }
}
@media (max-width: 1199.98px) {
  header nav form,
  header nav .yalla-subnav__search-form {
    width: calc(100% - 600px);
  }
}
@media (max-width: 991.98px) {
  header nav form,
  header nav .yalla-subnav__search-form {
    width: calc(100% - 500px);
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    width: 100%;
    padding: 10px;
    z-index: 5;
  }
  header nav form .yalla-btn,
  header nav .yalla-subnav__search-form .yalla-btn {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  header nav form,
  header nav .yalla-subnav__search-form {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  header nav form,
  header nav .yalla-subnav__search-form {
    display: none;
  }
}
header nav .yalla-subnav__start {
  display: inline-flex;
  padding: 0 10px;
  align-items: center;
}
@media (max-width: 991.98px) {
  header nav .yalla-subnav__start {
    margin-right: 15px;
  }
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__start {
    width: auto;
    margin-right: 0 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  header nav .yalla-subnav__start .yalla-subnav__brand-link {
    display: none;
  }
  header nav .yalla-subnav__start .yalla-subnav__menu-toggle {
    padding: 0 0 0 8px;
    display: inline-block;
  }
}
header nav .yalla-subnav__start a {
  display: inline-flex;
  align-items: center;
}
header nav .yalla-subnav__start a .yalla-subnav__logo {
  display: inline-flex;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
header nav .yalla-subnav__start a .yalla-subnav__logo span {
  font-size: 20px;
  padding: 0;
  font-family: tahoma !important;
}
header nav .yalla-subnav__start a .yalla-subnav__logo img {
  width: 100%;
  height: 100%;
}
header nav .yalla-subnav__start a span {
  font-size: 22px;
  font-weight: bold;
  padding: 0 10px;
  max-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  display: block;
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__start a span {
    font-size: 20px;
    padding: 0 5px;
    max-width: 160px;
  }
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__start a {
    display: inline-flex;
    margin-left: 0;
  }
}
header nav .yalla-side-menu {
  width: 70%;
  float: left;
}
header nav .yalla-subnav__actions {
  align-items: center;
  justify-content: end;
  display: flex;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__actions {
    position: absolute !important;
    left: 0;
    top: 0;
  }
}
header nav .yalla-subnav__actions li a {
  width: 100%;
  padding: 0 15px;
  height: 60px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
header nav .yalla-subnav__actions li a svg, header nav .yalla-subnav__actions li a i {
  font-size: 17px;
}
header nav .yalla-subnav__actions li a span {
  font-size: 14px;
  padding: 0 5px;
}
header nav .yalla-subnav__actions .login a {
  padding: 10px;
}
header nav .yalla-subnav__actions .login a:hover {
  background-color: #175363;
}
@media (max-width: 767.98px) {
  header nav .yalla-subnav__actions .login {
    display: none !important;
  }
}
header nav .yalla-subnav__actions .login button {
  font-size: 14px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px !important;
  border: none;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
header nav .yalla-subnav__actions .login button svg, header nav .yalla-subnav__actions .login button i {
  margin: 0 5px;
}
header nav .yalla-subnav__actions .login button h6 {
  display: inline-block;
  margin-bottom: 0;
}
header nav .yalla-subnav__actions .login button span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  margin: 5px;
  border: 1px solid #fff;
}
header nav .yalla-subnav__actions .login .dropdown-toggle::after {
  margin-right: 0.455em;
  margin-left: 0;
}
header nav .yalla-subnav__actions .login .dropdown-menu {
  top: 57px;
  padding: 5px 10px 5px;
  min-width: 240px;
  max-width: 240px;
  right: 0;
  left: initial;
}
header nav .yalla-subnav__actions .login .dropdown-menu a {
  justify-content: normal;
  padding: 5px 10px;
  height: 35px;
  font-size: 14px;
}
header nav .yalla-subnav__actions .login .dropdown-menu a i, header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  margin-left: 5px;
}
header nav .yalla-subnav__actions .login .dropdown-menu .dropdown-divider {
  margin: 0.3rem 0;
}
header nav .yalla-subnav__actions .yalla-branches-menu button {
  color: #fff;
}
header nav .yalla-subnav__actions .yalla-branches-menu .dropdown-menu a {
  height: initial;
  justify-content: start;
  padding: 0 10px;
}
@media (max-width: 767.98px) {
  header nav .yalla-subnav__actions .yalla-branches-menu {
    display: none;
  }
}
header nav .yalla-subnav__actions .yalla-subnav__search-toggle {
  display: none;
}
@media (max-width: 992px) {
  header nav .yalla-subnav__actions .yalla-subnav__search-toggle {
    display: flex;
  }
}
header nav .yalla-subnav__actions .yalla-subnav__search-toggle button {
  height: 60px;
  display: flex;
  align-items: center;
  margin: 0 15px;
  background-color: transparent;
  border: none;
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__actions .yalla-subnav__search-toggle button {
    margin: 0 10px;
  }
}
header nav .yalla-subnav__actions .yalla-subnav__search-toggle i, header nav .yalla-subnav__actions .yalla-subnav__search-toggle svg {
  font-size: 18px;
  color: #fff;
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__actions .yalla-subnav__search-toggle i, header nav .yalla-subnav__actions .yalla-subnav__search-toggle svg {
    font-size: 16px;
  }
}
header nav .yalla-subnav__actions .yalla-subnav__cart {
  position: relative;
  margin-right: 0;
}
header nav .yalla-subnav__actions .yalla-subnav__cart a .label {
  position: absolute;
  font-size: 11px;
  color: #fff;
  border-radius: 50%;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 20px;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__actions .yalla-subnav__cart a .label {
    font-size: 9px;
    right: 10px;
    width: 17px;
    height: 17px;
  }
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__actions .yalla-subnav__cart a span {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  header nav .yalla-subnav__actions .yalla-subnav__cart a {
    adding: 0 20px 0 5px;
  }
}
header nav .yalla-subnav__menu-toggle {
  display: none;
  font-size: 30px;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  header nav .yalla-subnav__menu-toggle {
    display: block;
    padding: 5px;
  }
}
header nav .navbar-togglers {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border-radius: 0.25rem;
}
header nav .navbar-togglers span {
  display: initial;
}
@media (min-width: 575.98px) {
  header nav .navbar-togglers {
    display: none;
  }
}
header nav .navbar-collapse {
  padding-top: 0;
  padding-bottom: 0;
  height: 60px;
  line-height: 1.3;
  flex-grow: 0;
}
@media (max-width: 991.98px) {
  header nav .navbar-collapse {
    flex-grow: 1 !important;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  header nav .navbar-collapse {
    flex-basis: 0;
  }
}
@media (max-width: 767.98px) {
  header nav .navbar-collapse {
    height: auto !important;
  }
}
header nav .navbar-collapse .yalla-side-menu__close {
  display: none;
}
header nav .navbar-collapse .yalla-side-menu__user-links {
  display: none;
}
@media (max-width: 767.98px) {
  header nav .navbar-collapse .yalla-side-menu__close {
    display: block;
  }
}
header nav .navbar-collapse .yalla-side-menu {
  width: 0;
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  background-color: rgba(17, 17, 17, 0.6784313725);
  transition: 0.5s;
  padding-top: 0;
  overflow: hidden;
}
header nav .navbar-collapse .yalla-side-menu .yalla-subnav__brand-link {
  display: none;
}
@media (min-width: 768px) {
  header nav .navbar-collapse .yalla-side-menu {
    display: none;
  }
}
@media (min-width: 575.98px) {
  header nav .navbar-collapse .yalla-side-menu .yalla-subnav__brand-link {
    display: block;
  }
}
header nav .navbar-collapse .yalla-side-menu a {
  display: block;
  transition: 0.3s;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  position: absolute;
  top: 0;
  left: -36px;
  font-size: 29px;
  padding: 0 10px;
  background-color: #e63b34;
}
@media (max-width: 575.98px) {
  header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
    left: 0;
  }
}
@media screen and (max-height: 450px) {
  header nav .navbar-collapse .yalla-side-menu .yalla-side-menu {
    padding-top: 15px;
  }
  header nav .navbar-collapse .yalla-side-menu .yalla-side-menu a {
    font-size: 18px;
  }
}
header nav .navbar-collapse .yalla-side-menu ul.yalla-side-menu__body {
  height: 100vh;
  width: 60%;
  padding: 10px !important;
  position: relative;
}
@media (max-width: 575.98px) {
  header nav .navbar-collapse .yalla-side-menu ul.yalla-side-menu__body {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header nav .navbar-collapse .yalla-side-menu ul.yalla-side-menu__body {
    width: 37%;
  }
}
header nav .navbar-collapse .yalla-side-menu ul.yalla-side-menu__body ul .yalla-lang-switch button, header nav .navbar-collapse .yalla-side-menu ul.yalla-side-menu__body ul .yalla-branches-menu button {
  color: #fff;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links {
  display: block;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li:first-of-type {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li {
  margin-bottom: 0;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li span {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  margin: 5px;
  border: 1px solid #fff;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  justify-content: normal;
  padding: 5px 10px;
  height: 40px;
  display: flex;
  align-items: center;
}
header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a i, header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a svg {
  margin-left: 10px;
}
header nav .navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 12px;
  padding-right: 12px;
}

@media (max-width: 991.98px) {
  .ltr header nav .yalla-subnav__start {
    margin-right: inherit;
    margin-left: 15px;
  }
}
@media (max-width: 575.98px) {
  .ltr header nav .yalla-subnav__start {
    margin-right: inherit !important;
    margin-left: 0 !important;
  }
  .ltr header nav .yalla-subnav__start .yalla-subnav__menu-toggle {
    padding: 0 8px 0 5px;
  }
}
@media (max-width: 575.98px) {
  .ltr header nav .yalla-subnav__start a {
    margin-left: inherit;
    margin-right: 0;
  }
}
.ltr header nav .yalla-side-menu {
  float: right !important;
}
@media (max-width: 575.98px) {
  .ltr header nav .yalla-subnav__actions {
    left: inherit;
    right: 0;
  }
}
.ltr header nav .yalla-subnav__actions .login .dropdown-toggle::after {
  margin-right: 0.455em;
}
.ltr header nav .yalla-subnav__actions .login button {
  direction: rtl;
}
.ltr header nav .yalla-subnav__actions .login .dropdown-menu a i, .ltr header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  margin-right: 5px;
}
.ltr header nav .yalla-subnav__actions .yalla-subnav__cart {
  margin-right: inherit;
  margin-left: 0;
}
.ltr header nav .yalla-subnav__actions .yalla-subnav__cart a {
  direction: rtl;
}
.ltr header nav .yalla-subnav__actions .yalla-subnav__cart a .label {
  left: 12px inherit;
  right: 12px;
}
.ltr header .navbar-collapse .yalla-side-menu {
  right: inherit;
  left: 0;
}
.ltr header .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  left: inherit;
  right: -36px;
}
.ltr header .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a i, .ltr header .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a svg {
  margin-left: inherit;
  margin-right: 10px;
}

/*end header style*/
/*start pages style*/
.main-index .section-container {
  background-color: transparent !important;
  padding-top: 0;
  padding-bottom: 0;
}
.main-index .section {
  margin-bottom: 10px !important;
}

.index .content-container, .yalla-page-home .content-container {
  margin: 30px 0;
  min-height: 300px;
}
@media (max-width: 575.98px) {
  .index .content-container, .yalla-page-home .content-container {
    margin: 15px 0;
  }
}
.index .section, .yalla-page-home .section {
  margin: 20px 0;
}
.index .section .section-container, .yalla-page-home .section .section-container {
  clear: both;
  padding: 0;
}
.index .section .yalla-btn, .yalla-page-home .section .yalla-btn {
  text-decoration: none;
}

.ltr .index .slider .filter .filter-container form .form-group input {
  margin-left: inherit;
  margin-right: 10px;
}
.ltr .index .section .yalla-product-card .img-box .label-Wishes, .ltr .index .section .yalla-order-item .img-box .label-Wishes, .ltr .index .section .yalla-cart-item .img-box .label-Wishes, .ltr .index .section .yalla-offers__item .img-box .label-Wishes {
  right: inherit;
  left: 10px;
}
.ltr .index .section .yalla-product-card section .label-left, .ltr .index .section .yalla-order-item section .label-left, .ltr .index .section .yalla-cart-item section .label-left, .ltr .index .section .yalla-offers__item section .label-left {
  left: inherit;
  right: 10px;
}
.ltr .index .section .yalla-product-card section .label-right, .ltr .index .section .yalla-order-item section .label-right, .ltr .index .section .yalla-cart-item section .label-right, .ltr .index .section .yalla-offers__item section .label-right {
  right: inherit;
  left: 10px;
}
.ltr .index .section .yalla-product-card section section .yalla-product-card__pricing, .ltr .index .section .yalla-order-item section section .yalla-product-card__pricing, .ltr .index .section .yalla-cart-item section section .yalla-product-card__pricing, .ltr .index .section .yalla-offers__item section section .yalla-product-card__pricing {
  float: left;
}
.ltr .index .section .yalla-product-card section section .yalla-product-card__pricing span, .ltr .index .section .yalla-order-item section section .yalla-product-card__pricing span, .ltr .index .section .yalla-cart-item section section .yalla-product-card__pricing span, .ltr .index .section .yalla-offers__item section section .yalla-product-card__pricing span {
  display: inline-block;
}
.ltr .index .section .yalla-product-card section section button, .ltr .index .section .yalla-order-item section section button, .ltr .index .section .yalla-cart-item section section button, .ltr .index .section .yalla-offers__item section section button {
  float: right;
}
@media (max-width: 575.98px) {
  .ltr .index .section .section-container .yalla-product-card .img-box .label-Wishes, .ltr .index .section .section-container .yalla-order-item .img-box .label-Wishes, .ltr .index .section .section-container .yalla-cart-item .img-box .label-Wishes, .ltr .index .section .section-container .yalla-offers__item .img-box .label-Wishes {
    right: inherit;
    left: 6px;
  }
  .ltr .index .section .section-container .yalla-product-card section .label-left, .ltr .index .section .section-container .yalla-order-item section .label-left, .ltr .index .section .section-container .yalla-cart-item section .label-left, .ltr .index .section .section-container .yalla-offers__item section .label-left {
    left: inherit;
    right: 6px;
  }
  .ltr .index .section .section-container .yalla-product-card section .label-right, .ltr .index .section .section-container .yalla-order-item section .label-right, .ltr .index .section .section-container .yalla-cart-item section .label-right, .ltr .index .section .section-container .yalla-offers__item section .label-right {
    right: inherit;
    left: 6px;
  }
  .ltr .index .section .section-container .yalla-product-card section section div .yalla-product-card__pricing .yalla-product-card__original-price, .ltr .index .section .section-container .yalla-order-item section section div .yalla-product-card__pricing .yalla-product-card__original-price, .ltr .index .section .section-container .yalla-cart-item section section div .yalla-product-card__pricing .yalla-product-card__original-price, .ltr .index .section .section-container .yalla-offers__item section section div .yalla-product-card__pricing .yalla-product-card__original-price {
    margin-right: 0;
    margin-left: 10px;
  }
  .ltr .index .section .section-container .yalla-product-card section section div button div, .ltr .index .section .section-container .yalla-order-item section section div button div, .ltr .index .section .section-container .yalla-cart-item section section div button div, .ltr .index .section .section-container .yalla-offers__item section section div button div {
    left: inherit;
    right: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
  }
}

.category {
  padding: 0;
  background-color: #F4F4F4;
}
.single .fixed-top {
  z-index: 100000;
}
.single .yalla-product__gallery {
  padding: 30px 15px;
  margin: 0 !important;
}
@media (max-width: 767.98px) {
  .single .yalla-product__gallery {
    padding: 0;
    margin: 0;
  }
}
.single .section {
  margin: 20px 0;
}
@media (max-width: 767.98px) {
  .single .section .p-none {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .single .section .p-none {
    padding-right: 0;
    padding-left: 15px;
    margin-bottom: 10px;
  }
}
.single .section .carousel {
  padding: 0 30px;
}
@media (max-width: 991.98px) {
  .single .section .carousel {
    padding: 10px 0 0 0;
  }
}
.single .section .yalla-product__info {
  box-shadow: none !important;
  margin-bottom: 0 !important;
  height: 100%;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info {
    margin-top: 20px;
  }
}
.single .section .yalla-product__info h6 {
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 0;
}
.single .section .yalla-product__info section label {
  position: inherit;
  box-shadow: none;
}
.single .section .yalla-product__info section label span,
.single .section .yalla-product__info section label .unavailable {
  padding: 0 15px;
  font-size: 12px;
  border-radius: 5px;
  height: 30px;
}
.single .section .yalla-product__info section #special-offer .offer-items .yalla-offers__item .yalla-offers__price, .single .section .yalla-product__info section .yalla-offers .offer-items .yalla-offers__item .yalla-offers__price {
  display: flex;
  align-items: center;
}
.single .section .yalla-product__info section #special-offer .offer-items .yalla-offers__item .yalla-offers__price .yalla-offers__price-was, .single .section .yalla-product__info section .yalla-offers .offer-items .yalla-offers__item .yalla-offers__price .yalla-offers__price-was {
  text-decoration: line-through;
}
.single .section .yalla-product__info section #special-offer .offer-items .yalla-offers__item .yalla-offers__price .yalla-offers__percent, .single .section .yalla-product__info section .yalla-offers .offer-items .yalla-offers__item .yalla-offers__price .yalla-offers__percent {
  position: absolute;
  margin: 0;
  top: 8px;
  right: 8px;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section #special-offer .offer-items .yalla-offers__item .yalla-offers__price .yalla-offers__percent, .single .section .yalla-product__info section .yalla-offers .offer-items .yalla-offers__item .yalla-offers__price .yalla-offers__percent {
    top: 7px;
    left: initial;
  }
}
.single .section .yalla-product__info section .yalla-product__action-bar {
  /* display: flex;
   align-items: center;
   position: absolute;
   bottom: 75px;
   width: 100%;
   margin: auto;*/
  /* @media (max-width: $maxSm) {
       .yalla-product__buttons {
           width: calc(100% - 45px) !important;
       }
   }*/
}
.single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons {
  width: 100%;
  margin: auto;
  justify-content: center;
}
.single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  padding: 0 8px !important;
  flex-shrink: 0;
  font-size: 15px;
  text-align: center;
  border: none;
  gap: 5px;
}
.single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn i, .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn svg {
  height: inherit;
  display: flex;
  align-items: center;
}
.single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn span {
  height: inherit;
  display: flex;
  align-items: center;
}
.single .section .yalla-product__info section .yalla-product__action-bar .heart {
  display: inline-flex;
  align-items: center;
  margin: inherit;
  flex-shrink: 0;
}
.single .section .yalla-product__info section .yalla-product__action-bar .heart i, .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  font-size: 35px;
  margin-left: 5px;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section .yalla-product__action-bar .heart span {
    display: none;
  }
}
.single .section .yalla-product__info section .yalla-product__action-bar .fixed-button {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  left: 0;
  right: 0;
  margin: 0;
  padding: 10px;
  justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
  -moz-box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
  -o-box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
  box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
}
.single .section .yalla-product__info section .yalla-product__action-bar .fixed-button .yalla-product__buttons {
  width: 59% !important;
  margin: initial;
}
.single .section .yalla-product__info section .yalla-product__action-bar .fixed-button .heart {
  margin-left: 0;
}
.single .section .yalla-product__info section .yalla-product__action-bar .fixed-button .heart i, .single .section .yalla-product__info section .yalla-product__action-bar .fixed-button .heart svg {
  font-size: 35px;
  margin-left: 0;
}
@media (max-width: 991.98px) {
  .single .section .yalla-product__info section .yalla-product__action-bar {
    display: flex !important;
    margin: 20px auto;
    position: initial;
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .heart {
    margin: 5px 0 5px 15px;
    display: flex;
    text-align: right;
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
    margin-left: 5px;
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .heart span {
    font-size: 11px !important;
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
    float: right;
    margin: 0;
    height: 45px;
  }
}
@media (max-width: 767.98px) {
  .single .section .yalla-product__info section .yalla-product__action-bar {
    position: fixed;
    bottom: 0;
    z-index: 94050;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
    -moz-box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
    -o-box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
    box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons {
    /* width: 60% !important;*/
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button {
    margin: 0 5px;
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .heart {
    margin-left: 0;
  }
  .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
    font-size: 35px;
    margin-left: 0;
  }
}
.single .section .comments form .img-box {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.single .section .comments .media img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.single .section .yalla-product__description {
  margin: 10px 0;
  padding: 15px;
  width: 100%;
  overflow: hidden;
}
.single .section .yalla-product__description h4 {
  margin-bottom: 0;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description h4 {
    font-size: 22px;
  }
}
.single .section .yalla-product__description ul {
  margin-bottom: 0;
  font-size: 14px !important;
  font-family: "Cairo", Tahoma, sans-serif !important;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description ul {
    font-size: 12px !important;
  }
}
.single .section .yalla-product__description ul li {
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 14px !important;
  min-height: 10px;
  max-height: 390px;
  overflow: hidden;
  position: relative;
  width: 72%;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description ul li {
    font-size: 12px !important;
    width: 100%;
  }
}
.single .section .yalla-product__description ul li p {
  margin-bottom: 0;
  line-height: 2 !important;
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 18px !important;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description ul li p {
    font-size: 12px !important;
  }
}
.single .section .yalla-product__description ul li p iframe {
  width: 90%;
  height: 500px;
  margin: auto;
  display: block;
}
.single .section .yalla-product__description ul li p span {
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 14px !important;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description ul li p span {
    font-size: 12px !important;
  }
}
.single .section .yalla-product__description ul li p span b {
  font-weight: bolder;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description ul li p {
    font-size: 12px;
    line-height: 1.6;
  }
  .single .section .yalla-product__description ul li p iframe {
    width: 100%;
    height: 250px;
    margin: auto;
  }
}
.single .section .yalla-product__description ul li p p {
  font-family: "Cairo", Tahoma, sans-serif !important;
}
.single .section .yalla-product__description ul .current {
  max-height: max-content !important;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
.single .section .yalla-product__description ul .liner-back {
  display: block;
  width: 100%;
  height: 100px;
  background: #fafafa;
  background: linear-gradient(0deg, #fff, rgba(250, 250, 250, 0));
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
  pointer-events: none;
}
.single .section .yalla-product__description ul li.current .liner-back {
  opacity: 0;
}
.single .section .yalla-product__description ul iframe {
  width: 90%;
  height: 500px;
  margin: auto;
  display: block;
}
.single .section .yalla-product__description ul span {
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 16px !important;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description ul span {
    font-size: 14px !important;
  }
}
.single .section .yalla-product__description ul span b {
  font-weight: bolder;
  font-family: "Cairo", Tahoma, sans-serif !important;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description ul {
    font-size: 12px;
    line-height: 1.6;
  }
  .single .section .yalla-product__description ul iframe {
    width: 100%;
    height: 250px;
    margin: auto;
  }
}
.single .section .yalla-product__description .button-more {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.single .section .yalla-product__description .button-more button {
  z-index: 5;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
  margin: 10px 15px;
  font-size: 12px;
  height: 34px;
  padding: 0 20px;
  font-weight: normal;
  border-radius: 23px;
}
.single .section .yalla-product__description .button-more::before {
  content: "";
  display: inline-block;
  flex: 1;
  background: #f2f2f2;
  height: 1px;
}
.single .section .yalla-product__description .button-more::after {
  content: "";
  display: inline-block;
  flex: 1;
  background: #f2f2f2;
  height: 1px;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__description {
    padding: 10px;
  }
}
@media (max-width: 767.98px) {
  .single {
    margin-bottom: 65px;
  }
}
.single .yalla-product__description,
.single .cliparai,
.single .share,
.single .simliar {
  margin: 15px 0;
}
.single .yalla-product__description {
  margin: 10px 0;
  padding: 15px;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.single .yalla-product__description h4 {
  margin-bottom: 0;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description h4 {
    font-size: 22px;
  }
}
.single .yalla-product__description ul {
  margin-bottom: 0;
  font-size: 14px !important;
  font-family: "Cairo", Tahoma, sans-serif !important;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul {
    font-size: 12px !important;
  }
}
.single .yalla-product__description ul li {
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 14px !important;
  min-height: 10px;
  max-height: 230px;
  overflow: hidden;
  position: relative;
  width: 72%;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul li {
    font-size: 12px !important;
    width: 100%;
  }
}
.single .yalla-product__description ul li p {
  margin-bottom: 0;
  line-height: 2 !important;
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 14px !important;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul li p {
    font-size: 12px !important;
  }
}
.single .yalla-product__description ul li p iframe {
  width: 90%;
  height: 500px;
  margin: auto;
  display: block;
}
.single .yalla-product__description ul li p span {
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 14px !important;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul li p span {
    font-size: 12px !important;
  }
}
.single .yalla-product__description ul li p span b {
  font-weight: bolder;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul li p {
    font-size: 12px;
    line-height: 1.6;
  }
  .single .yalla-product__description ul li p iframe {
    width: 100%;
    height: 250px;
    margin: auto;
  }
}
.single .yalla-product__description ul li p p {
  font-family: "Cairo", Tahoma, sans-serif !important;
}
.single .yalla-product__description ul li a {
  margin-bottom: 0;
  line-height: 2 !important;
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-weight: bold;
  margin: 0 2px;
  text-decoration: underline;
  text-decoration-style: dotted;
  font-size: 14px !important;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul li a {
    font-size: 12px !important;
  }
}
.single .yalla-product__description ul .current {
  max-height: max-content !important;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
.single .yalla-product__description ul .liner-back {
  display: block;
  width: 100%;
  height: 100px;
  background: #fafafa;
  background: linear-gradient(0deg, #fff, rgba(250, 250, 250, 0));
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
  pointer-events: none;
}
.single .yalla-product__description ul li.current .liner-back {
  opacity: 0;
}
.single .yalla-product__description ul iframe {
  width: 90%;
  height: 500px;
  margin: auto;
  display: block;
}
.single .yalla-product__description ul span {
  font-family: "Cairo", Tahoma, sans-serif !important;
  font-size: 16px !important;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul span {
    font-size: 14px !important;
  }
}
.single .yalla-product__description ul span b {
  font-weight: bolder;
  font-family: "Cairo", Tahoma, sans-serif !important;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description ul {
    font-size: 12px;
    line-height: 1.6;
  }
  .single .yalla-product__description ul iframe {
    width: 100%;
    height: 250px;
    margin: auto;
  }
}
.single .yalla-product__description .button-more {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.single .yalla-product__description .button-more button {
  z-index: 5;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
  margin: 10px 15px;
  font-size: 12px;
  height: 34px;
  padding: 0 20px;
  font-weight: normal;
  border-radius: 23px;
}
.single .yalla-product__description .button-more::before {
  content: "";
  display: inline-block;
  flex: 1;
  background: #f2f2f2;
  height: 1px;
}
.single .yalla-product__description .button-more::after {
  content: "";
  display: inline-block;
  flex: 1;
  background: #f2f2f2;
  height: 1px;
}
@media (max-width: 575.98px) {
  .single .yalla-product__description {
    padding: 10px;
  }
}
.single .cliparai {
  background-color: #fff;
  padding: 20px;
}

.swiper-container {
  width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-container .swiper-wrapper .swiper-slide .yalla-product-card, .swiper-container .swiper-wrapper .swiper-slide .yalla-order-item, .swiper-container .swiper-wrapper .swiper-slide .yalla-cart-item, .swiper-container .swiper-wrapper .swiper-slide .yalla-offers__item {
  margin-bottom: 0;
  box-shadow: none;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  width: 40px;
  height: 40px;
  font-size: 16px;
  border-radius: 50%;
  z-index: 10;
}
.swiper-container .swiper-button-next i, .swiper-container .swiper-button-next svg,
.swiper-container .swiper-button-prev i,
.swiper-container .swiper-button-prev svg {
  font-size: 20px;
  font-weight: bold;
}
.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after {
  display: none;
}
@media (max-width: 575.98px) {
  .swiper-container .swiper-button-next,
  .swiper-container .swiper-button-prev {
    width: 35px;
    height: 35px;
  }
  .swiper-container .swiper-button-next i, .swiper-container .swiper-button-next svg,
  .swiper-container .swiper-button-prev i,
  .swiper-container .swiper-button-prev svg {
    font-size: 18px;
  }
}
.swiper-container .swiper-pagination {
  position: initial;
  margin: 10px 0;
}
.swiper-container .swiper-button-next.swiper-button-disabled,
.swiper-container .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.swiper-container .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-container .swiper-button-prev {
  right: 10px;
  left: auto;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .ltr .single .section .p-none {
    padding-right: 0;
    padding-left: 15px;
  }
}
.ltr .single .section .carousel ol li {
  margin-left: 7px;
  float: right;
}
.ltr .single .section .yalla-product__info {
  text-align: left;
}
.ltr .single .section .yalla-product__info section .yalla-product__price span {
  display: inline-block;
}
.ltr .single .section .yalla-product__info section .yalla-product__price span small {
  margin: 0 4px;
}
.ltr .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  margin-right: 30px;
  margin-left: 0;
}
.ltr .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .ltr .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  margin-right: 5px;
  margin-left: 0;
}
@media (max-width: 575.98px) {
  .ltr .single .section .yalla-product__info section .yalla-product__action-bar .heart {
    text-align: left;
    margin-left: 0;
    margin-right: 20px;
  }
  .ltr .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .ltr .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
    margin-left: 0;
    margin-right: 5px;
  }
  .ltr .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
    float: left;
  }
}
.ltr .single .yalla-product__description {
  text-align: left;
}
.ltr .single .swiper-container .swiper-button-next {
  right: 10px;
  left: auto;
}
.ltr .single .swiper-container .swiper-button-prev {
  left: 10px;
  right: auto;
}
.ltr .share .share-div {
  float: right;
}
.ltr .share .clipboard button i, .ltr .share .clipboard button svg {
  margin-left: 0 !important;
  margin-right: 5px !important;
}
.ltr .share .clipboard input {
  text-align: left;
}
.ltr .share .action-icon a {
  margin-left: 0;
  margin-right: 10px;
}
.ltr .share .action-icon a i, .ltr .share .action-icon a svg {
  margin-left: 0;
  margin-right: 5px;
}

.yalla-cart-empty {
  padding: 40px 15px;
}
.yalla-cart-empty .yalla-cart-empty__body {
  max-width: 520px;
  margin: 0 auto;
  padding: 48px 32px;
  text-align: center;
  background: #fff;
  border: 1px solid #f0edf0;
  border-radius: 20px;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.05);
}
@media (max-width: 575.98px) {
  .yalla-cart-empty .yalla-cart-empty__body {
    padding: 36px 20px;
  }
}
.yalla-cart-empty .yalla-cart-empty__icon {
  width: 200px;
  max-width: 60%;
  margin: 0 auto 22px;
}
.yalla-cart-empty .yalla-cart-empty__icon img {
  width: 100%;
}
.yalla-cart-empty h2 {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 8px;
  line-height: 1.5;
}
@media (max-width: 575.98px) {
  .yalla-cart-empty h2 {
    font-size: 19px;
  }
}
.yalla-cart-empty .yalla-cart-empty__hint {
  max-width: 340px;
  margin: 0 auto 26px;
  color: #8b8791;
  font-size: 15px;
  line-height: 1.7;
}
.yalla-cart-empty .yalla-cart-empty__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 8px;
  height: 50px;
  padding: 0 34px;
  border-radius: 10px;
  font-weight: bold;
  text-decoration: none;
}
.yalla-cart-empty .yalla-cart-empty__back i, .yalla-cart-empty .yalla-cart-empty__back svg {
  font-size: 15px;
}
.yalla-cart-empty .yalla-cart-empty__back:hover {
  transform: translateY(-2px);
}
@media (max-width: 575.98px) {
  .yalla-cart-empty .yalla-cart-empty__back {
    width: 100%;
  }
}

.orderList {
  display: grid;
  grid-gap: 30px;
  margin-bottom: 30px;
}
.orderList .orderImg {
  max-width: 160px;
  height: auto;
}
.orderList .orderImg img {
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 2/3;
}
.orderList .orderList {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 15px;
  font-size: 13px;
}
.orderList .orderList .bg-warning {
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff;
}

@media (max-width: 575.98px) {
  .orderList {
    grid-template-columns: 1fr;
  }
  .orderList .orderImg {
    display: flex;
  }
}
@media (min-width: 767.98px) {
  .orderList {
    grid-template-columns: 160px auto;
  }
}
@media (min-width: 992px) {
  .completed .container,
  .completed .container-lg,
  .completed .container-md,
  .completed .container-sm,
  .completed .container-xl, .yalla-thanks__completed .container,
  .yalla-thanks__completed .container-lg,
  .yalla-thanks__completed .container-md,
  .yalla-thanks__completed .container-sm,
  .yalla-thanks__completed .container-xl {
    max-width: 1140px;
  }
}
.completed .section-container, .yalla-thanks__completed .section-container {
  text-align: center;
  padding: 50px 22px !important;
}
.completed .section-container .img-box, .yalla-thanks__completed .section-container .img-box {
  width: 400px;
  margin: auto;
}
@media (max-width: 575.98px) {
  .completed .section-container .img-box, .yalla-thanks__completed .section-container .img-box {
    width: 100% !important;
  }
}
.completed .section-container h3, .yalla-thanks__completed .section-container h3 {
  font-size: 20px;
  margin: 20px 0;
}
@media (max-width: 767.98px) {
  .completed .section-container h3, .yalla-thanks__completed .section-container h3 {
    line-height: 1.7;
  }
}
.completed .section-container section, .yalla-thanks__completed .section-container section {
  padding: 15px;
  margin-bottom: 20px;
  text-align: right;
  background-color: #fff;
}
.completed .section-container section h5, .yalla-thanks__completed .section-container section h5 {
  font-weight: bold;
  font-size: 1.1rem;
}
.completed .section-container section ul, .yalla-thanks__completed .section-container section ul {
  margin-bottom: 0;
}
.completed .section-container section ul li, .yalla-thanks__completed .section-container section ul li {
  margin-bottom: 10px;
}
.completed .section-container section ul li a, .yalla-thanks__completed .section-container section ul li a {
  background-color: transparent !important;
  padding: 0;
}
.completed .section-container .share-info, .completed .section-container .yalla-thanks__share, .yalla-thanks__completed .section-container .share-info, .yalla-thanks__completed .section-container .yalla-thanks__share {
  display: grid;
  box-shadow: none;
}
.completed .section-container .share-info .form-group textarea, .completed .section-container .yalla-thanks__share .form-group textarea, .yalla-thanks__completed .section-container .share-info .form-group textarea, .yalla-thanks__completed .section-container .yalla-thanks__share .form-group textarea {
  color: #117893;
  height: 70px;
  text-align: center;
}
.completed .section-container .share-info .share-button, .completed .section-container .share-info .yalla-thanks__share-buttons, .completed .section-container .yalla-thanks__share .share-button, .completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons, .yalla-thanks__completed .section-container .share-info .share-button, .yalla-thanks__completed .section-container .share-info .yalla-thanks__share-buttons, .yalla-thanks__completed .section-container .yalla-thanks__share .share-button, .yalla-thanks__completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons {
  margin: auto;
  display: block;
}
.completed .section-container .share-info .share-button button, .completed .section-container .share-info .yalla-thanks__share-buttons button, .completed .section-container .yalla-thanks__share .share-button button, .completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button, .yalla-thanks__completed .section-container .share-info .share-button button, .yalla-thanks__completed .section-container .share-info .yalla-thanks__share-buttons button, .yalla-thanks__completed .section-container .yalla-thanks__share .share-button button, .yalla-thanks__completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button {
  background-color: #117893;
  height: 30px;
  padding: 0 7px !important;
  color: #fff;
  align-items: center;
  text-align: center;
  font-size: 12px;
  display: inline-flex;
  border: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.completed .section-container .share-info .share-button button span, .completed .section-container .share-info .yalla-thanks__share-buttons button span, .completed .section-container .yalla-thanks__share .share-button button span, .completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button span, .yalla-thanks__completed .section-container .share-info .share-button button span, .yalla-thanks__completed .section-container .share-info .yalla-thanks__share-buttons button span, .yalla-thanks__completed .section-container .yalla-thanks__share .share-button button span, .yalla-thanks__completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button span {
  padding: 0 !important;
  margin-left: 5px;
}
.completed .section-container a, .yalla-thanks__completed .section-container a {
  padding: 12px 20px;
  display: inline-block;
}

.ltr .completed .section-container section, .ltr .yalla-thanks__completed .section-container section {
  text-align: left;
}
.ltr .completed .section-container .share-info .share-button button, .ltr .completed .section-container .share-info .yalla-thanks__share-buttons button, .ltr .completed .section-container .yalla-thanks__share .share-button button, .ltr .completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button, .ltr .yalla-thanks__completed .section-container .share-info .share-button button, .ltr .yalla-thanks__completed .section-container .share-info .yalla-thanks__share-buttons button, .ltr .yalla-thanks__completed .section-container .yalla-thanks__share .share-button button, .ltr .yalla-thanks__completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button {
  margin-right: 0;
  margin-left: 10px;
}
.ltr .completed .section-container .share-info .share-button button span, .ltr .completed .section-container .share-info .yalla-thanks__share-buttons button span, .ltr .completed .section-container .yalla-thanks__share .share-button button span, .ltr .completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button span, .ltr .yalla-thanks__completed .section-container .share-info .share-button button span, .ltr .yalla-thanks__completed .section-container .share-info .yalla-thanks__share-buttons button span, .ltr .yalla-thanks__completed .section-container .yalla-thanks__share .share-button button span, .ltr .yalla-thanks__completed .section-container .yalla-thanks__share .yalla-thanks__share-buttons button span {
  margin-left: 0;
  margin-right: 5px;
}

@media (min-width: 992px) {
  .account .container,
  .account .container-lg,
  .account .container-md,
  .account .container-sm,
  .account .container-xl,
  .yalla-page-account .container,
  .yalla-page-account .container-lg,
  .yalla-page-account .container-md,
  .yalla-page-account .container-sm,
  .yalla-page-account .container-xl {
    max-width: 1140px;
  }
}
.account .nav-pills,
.yalla-page-account .nav-pills {
  background-color: #fff;
  padding: 10px;
}
.account .nav-pills .nav-link,
.yalla-page-account .nav-pills .nav-link {
  margin-bottom: 10px;
  width: 100%;
}
.account .nav-pills .nav-link:hover,
.yalla-page-account .nav-pills .nav-link:hover {
  background-color: #117893;
}
.account .nav-pills .active,
.yalla-page-account .nav-pills .active {
  background-color: #117893;
}
.account .avatar-margin,
.yalla-page-account .avatar-margin {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .account .avatar-margin,
  .yalla-page-account .avatar-margin {
    margin-top: 90px;
  }
}
.account .account-form,
.account .yalla-account__form,
.yalla-page-account .account-form,
.yalla-page-account .yalla-account__form {
  padding: 40px 0 30px;
  position: relative;
}
.account .account-form .profile-avatar,
.account .account-form .yalla-account__avatar,
.account .yalla-account__form .profile-avatar,
.account .yalla-account__form .yalla-account__avatar,
.yalla-page-account .account-form .profile-avatar,
.yalla-page-account .account-form .yalla-account__avatar,
.yalla-page-account .yalla-account__form .profile-avatar,
.yalla-page-account .yalla-account__form .yalla-account__avatar {
  z-index: 10;
  width: 100%;
  position: absolute;
  top: 0px;
}
.account .account-form .profile-avatar .c-circle,
.account .account-form .profile-avatar .yalla-account__avatar-circle,
.account .account-form .yalla-account__avatar .c-circle,
.account .account-form .yalla-account__avatar .yalla-account__avatar-circle,
.account .yalla-account__form .profile-avatar .c-circle,
.account .yalla-account__form .profile-avatar .yalla-account__avatar-circle,
.account .yalla-account__form .yalla-account__avatar .c-circle,
.account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-circle,
.yalla-page-account .account-form .profile-avatar .c-circle,
.yalla-page-account .account-form .profile-avatar .yalla-account__avatar-circle,
.yalla-page-account .account-form .yalla-account__avatar .c-circle,
.yalla-page-account .account-form .yalla-account__avatar .yalla-account__avatar-circle,
.yalla-page-account .yalla-account__form .profile-avatar .c-circle,
.yalla-page-account .yalla-account__form .profile-avatar .yalla-account__avatar-circle,
.yalla-page-account .yalla-account__form .yalla-account__avatar .c-circle,
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-circle {
  position: relative;
}
.account .account-form .profile-avatar .profile-pic,
.account .account-form .yalla-account__avatar .profile-pic,
.account .yalla-account__form .profile-avatar .profile-pic,
.account .yalla-account__form .yalla-account__avatar .profile-pic,
.yalla-page-account .account-form .profile-avatar .profile-pic,
.yalla-page-account .account-form .yalla-account__avatar .profile-pic,
.yalla-page-account .yalla-account__form .profile-avatar .profile-pic,
.yalla-page-account .yalla-account__form .yalla-account__avatar .profile-pic {
  width: 100%;
  height: 100%;
  display: block;
}
.account .account-form .profile-avatar .file-upload,
.account .account-form .yalla-account__avatar .file-upload,
.account .yalla-account__form .profile-avatar .file-upload,
.account .yalla-account__form .yalla-account__avatar .file-upload,
.yalla-page-account .account-form .profile-avatar .file-upload,
.yalla-page-account .account-form .yalla-account__avatar .file-upload,
.yalla-page-account .yalla-account__form .profile-avatar .file-upload,
.yalla-page-account .yalla-account__form .yalla-account__avatar .file-upload {
  display: none;
}
.account .account-form .profile-avatar .circle,
.account .account-form .profile-avatar .yalla-account__avatar-frame,
.account .account-form .yalla-account__avatar .circle,
.account .account-form .yalla-account__avatar .yalla-account__avatar-frame,
.account .yalla-account__form .profile-avatar .circle,
.account .yalla-account__form .profile-avatar .yalla-account__avatar-frame,
.account .yalla-account__form .yalla-account__avatar .circle,
.account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-frame,
.yalla-page-account .account-form .profile-avatar .circle,
.yalla-page-account .account-form .profile-avatar .yalla-account__avatar-frame,
.yalla-page-account .account-form .yalla-account__avatar .circle,
.yalla-page-account .account-form .yalla-account__avatar .yalla-account__avatar-frame,
.yalla-page-account .yalla-account__form .profile-avatar .circle,
.yalla-page-account .yalla-account__form .profile-avatar .yalla-account__avatar-frame,
.yalla-page-account .yalla-account__form .yalla-account__avatar .circle,
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-frame {
  border-radius: 50% !important;
  overflow: hidden;
  width: 100px;
  height: 100px;
  border: 4px solid rgba(255, 255, 255, 0.7);
  position: absolute;
  top: -72px;
}
.account .account-form .profile-avatar img,
.account .account-form .yalla-account__avatar img,
.account .yalla-account__form .profile-avatar img,
.account .yalla-account__form .yalla-account__avatar img,
.yalla-page-account .account-form .profile-avatar img,
.yalla-page-account .account-form .yalla-account__avatar img,
.yalla-page-account .yalla-account__form .profile-avatar img,
.yalla-page-account .yalla-account__form .yalla-account__avatar img {
  max-width: 100%;
  height: auto;
}
.account .account-form .profile-avatar .p-image,
.account .account-form .profile-avatar .yalla-account__avatar-upload,
.account .account-form .yalla-account__avatar .p-image,
.account .account-form .yalla-account__avatar .yalla-account__avatar-upload,
.account .yalla-account__form .profile-avatar .p-image,
.account .yalla-account__form .profile-avatar .yalla-account__avatar-upload,
.account .yalla-account__form .yalla-account__avatar .p-image,
.account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload,
.yalla-page-account .account-form .profile-avatar .p-image,
.yalla-page-account .account-form .profile-avatar .yalla-account__avatar-upload,
.yalla-page-account .account-form .yalla-account__avatar .p-image,
.yalla-page-account .account-form .yalla-account__avatar .yalla-account__avatar-upload,
.yalla-page-account .yalla-account__form .profile-avatar .p-image,
.yalla-page-account .yalla-account__form .profile-avatar .yalla-account__avatar-upload,
.yalla-page-account .yalla-account__form .yalla-account__avatar .p-image,
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload {
  position: absolute;
  top: 12px;
  color: #666666;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}
.account .account-form .profile-avatar .p-image i, .account .account-form .profile-avatar .p-image svg,
.account .account-form .profile-avatar .yalla-account__avatar-upload i,
.account .account-form .profile-avatar .yalla-account__avatar-upload svg,
.account .account-form .yalla-account__avatar .p-image i,
.account .account-form .yalla-account__avatar .p-image svg,
.account .account-form .yalla-account__avatar .yalla-account__avatar-upload i,
.account .account-form .yalla-account__avatar .yalla-account__avatar-upload svg,
.account .yalla-account__form .profile-avatar .p-image i,
.account .yalla-account__form .profile-avatar .p-image svg,
.account .yalla-account__form .profile-avatar .yalla-account__avatar-upload i,
.account .yalla-account__form .profile-avatar .yalla-account__avatar-upload svg,
.account .yalla-account__form .yalla-account__avatar .p-image i,
.account .yalla-account__form .yalla-account__avatar .p-image svg,
.account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload i,
.account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload svg,
.yalla-page-account .account-form .profile-avatar .p-image i,
.yalla-page-account .account-form .profile-avatar .p-image svg,
.yalla-page-account .account-form .profile-avatar .yalla-account__avatar-upload i,
.yalla-page-account .account-form .profile-avatar .yalla-account__avatar-upload svg,
.yalla-page-account .account-form .yalla-account__avatar .p-image i,
.yalla-page-account .account-form .yalla-account__avatar .p-image svg,
.yalla-page-account .account-form .yalla-account__avatar .yalla-account__avatar-upload i,
.yalla-page-account .account-form .yalla-account__avatar .yalla-account__avatar-upload svg,
.yalla-page-account .yalla-account__form .profile-avatar .p-image i,
.yalla-page-account .yalla-account__form .profile-avatar .p-image svg,
.yalla-page-account .yalla-account__form .profile-avatar .yalla-account__avatar-upload i,
.yalla-page-account .yalla-account__form .profile-avatar .yalla-account__avatar-upload svg,
.yalla-page-account .yalla-account__form .yalla-account__avatar .p-image i,
.yalla-page-account .yalla-account__form .yalla-account__avatar .p-image svg,
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload i,
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload svg {
  font-size: 1.6em;
}
.account .account-form .profile-avatar .p-image:hover,
.account .account-form .profile-avatar .yalla-account__avatar-upload:hover,
.account .account-form .yalla-account__avatar .p-image:hover,
.account .account-form .yalla-account__avatar .yalla-account__avatar-upload:hover,
.account .yalla-account__form .profile-avatar .p-image:hover,
.account .yalla-account__form .profile-avatar .yalla-account__avatar-upload:hover,
.account .yalla-account__form .yalla-account__avatar .p-image:hover,
.account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload:hover,
.yalla-page-account .account-form .profile-avatar .p-image:hover,
.yalla-page-account .account-form .profile-avatar .yalla-account__avatar-upload:hover,
.yalla-page-account .account-form .yalla-account__avatar .p-image:hover,
.yalla-page-account .account-form .yalla-account__avatar .yalla-account__avatar-upload:hover,
.yalla-page-account .yalla-account__form .profile-avatar .p-image:hover,
.yalla-page-account .yalla-account__form .profile-avatar .yalla-account__avatar-upload:hover,
.yalla-page-account .yalla-account__form .yalla-account__avatar .p-image:hover,
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.account .account-form .profile-avatar .upload-button,
.account .account-form .yalla-account__avatar .upload-button,
.account .yalla-account__form .profile-avatar .upload-button,
.account .yalla-account__form .yalla-account__avatar .upload-button,
.yalla-page-account .account-form .profile-avatar .upload-button,
.yalla-page-account .account-form .yalla-account__avatar .upload-button,
.yalla-page-account .yalla-account__form .profile-avatar .upload-button,
.yalla-page-account .yalla-account__form .yalla-account__avatar .upload-button {
  font-size: 1.2em;
}
.account .account-form .profile-avatar .upload-button:hover,
.account .account-form .yalla-account__avatar .upload-button:hover,
.account .yalla-account__form .profile-avatar .upload-button:hover,
.account .yalla-account__form .yalla-account__avatar .upload-button:hover,
.yalla-page-account .account-form .profile-avatar .upload-button:hover,
.yalla-page-account .account-form .yalla-account__avatar .upload-button:hover,
.yalla-page-account .yalla-account__form .profile-avatar .upload-button:hover,
.yalla-page-account .yalla-account__form .yalla-account__avatar .upload-button:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  color: #999;
}
.account .account-form form label,
.account .yalla-account__form form label,
.yalla-page-account .account-form form label,
.yalla-page-account .yalla-account__form form label {
  margin-bottom: 0;
  font-size: 13px;
  padding: 0 10px;
  font-weight: bold;
  color: #0C0C0C;
}
.account .account-form form input,
.account .yalla-account__form form input,
.yalla-page-account .account-form form input,
.yalla-page-account .yalla-account__form form input {
  height: 40px;
  border: none;
  border-radius: 0;
  font-size: 12px;
}
.account .account-form form input:focus,
.account .yalla-account__form form input:focus,
.yalla-page-account .account-form form input:focus,
.yalla-page-account .yalla-account__form form input:focus {
  box-shadow: none;
}
.account .account-form form textarea,
.account .yalla-account__form form textarea,
.yalla-page-account .account-form form textarea,
.yalla-page-account .yalla-account__form form textarea {
  font-size: 12px !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  min-height: 50px;
  height: inherit !important;
  max-height: 100px;
  overflow: hidden;
  border-radius: 0;
}
.account .account-form form textarea:focus,
.account .yalla-account__form form textarea:focus,
.yalla-page-account .account-form form textarea:focus,
.yalla-page-account .yalla-account__form form textarea:focus {
  box-shadow: none;
}
.account .account-form form .form-check .form-check-label,
.account .yalla-account__form form .form-check .form-check-label,
.yalla-page-account .account-form form .form-check .form-check-label,
.yalla-page-account .yalla-account__form form .form-check .form-check-label {
  margin: 0 5px;
  font-size: 12px;
  color: #737373 !important;
}
.account .account-form form button,
.account .yalla-account__form form button,
.yalla-page-account .account-form form button,
.yalla-page-account .yalla-account__form form button {
  width: 60%;
  height: 50px;
  padding: 0 30px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  float: right;
  margin-top: 15px;
}
@media (max-width: 575.98px) {
  .account .account-form form button,
  .account .yalla-account__form form button,
  .yalla-page-account .account-form form button,
  .yalla-page-account .yalla-account__form form button {
    width: 100%;
    font-size: 14px;
    padding: 0 10px;
    height: 40px;
    font-weight: normal;
  }
}
.account .account-form form .select2,
.account .yalla-account__form form .select2,
.yalla-page-account .account-form form .select2,
.yalla-page-account .yalla-account__form form .select2 {
  width: 100% !important;
  background-color: transparent !important;
  font-size: 1rem !important;
  font-weight: normal;
}
.account .account-form form .select2:hover,
.account .yalla-account__form form .select2:hover,
.yalla-page-account .account-form form .select2:hover,
.yalla-page-account .yalla-account__form form .select2:hover {
  background-color: none;
}
.account .account-form form .select2 .select2-selection__rendered,
.account .yalla-account__form form .select2 .select2-selection__rendered,
.yalla-page-account .account-form form .select2 .select2-selection__rendered,
.yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  font-size: 12px !important;
}
.account .account-form form .select2 .select2-selection,
.account .yalla-account__form form .select2 .select2-selection,
.yalla-page-account .account-form form .select2 .select2-selection,
.yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border: none;
  border-radius: 0;
}
.account .account-form form .select2 li,
.account .yalla-account__form form .select2 li,
.yalla-page-account .account-form form .select2 li,
.yalla-page-account .yalla-account__form form .select2 li {
  text-align: right;
}
@media (max-width: 575.98px) {
  .account .account-form form label,
  .account .yalla-account__form form label,
  .yalla-page-account .account-form form label,
  .yalla-page-account .yalla-account__form form label {
    font-size: 9px;
  }
  .account .account-form form input,
  .account .yalla-account__form form input,
  .yalla-page-account .account-form form input,
  .yalla-page-account .yalla-account__form form input {
    font-size: 12px;
  }
}
.account .help-block,
.yalla-page-account .help-block {
  margin-bottom: 5px;
}
.account .help-block strong,
.yalla-page-account .help-block strong {
  font-size: 12px;
  font-weight: normal;
  color: #dc3545;
}
.account .has-error .fa-times,
.yalla-page-account .has-error .fa-times {
  color: #dc3545;
  opacity: 0.5;
}

.yalla-orders__list .yalla-orders__card,
.yalla-orders__list .yalla-orders__card,
.yalla-orders__list .yalla-orders__card,
.yalla-orders__list .yalla-orders__card {
  margin-bottom: 20px;
  position: relative;
  padding: 15px !important;
}
.yalla-orders__list .yalla-orders__card .trigger-btn,
.yalla-orders__list .yalla-orders__card .trigger-btn,
.yalla-orders__list .yalla-orders__card .trigger-btn,
.yalla-orders__list .yalla-orders__card .trigger-btn {
  top: 10px;
  left: 10px;
  right: initial;
}
.yalla-orders__list .yalla-orders__card ul,
.yalla-orders__list .yalla-orders__card ul,
.yalla-orders__list .yalla-orders__card ul,
.yalla-orders__list .yalla-orders__card ul {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px;
}
.yalla-orders__list .yalla-orders__card ul li,
.yalla-orders__list .yalla-orders__card ul li,
.yalla-orders__list .yalla-orders__card ul li,
.yalla-orders__list .yalla-orders__card ul li {
  margin-bottom: 10px;
  font-size: 13px;
  flex: 0 0 49%;
}
.yalla-orders__list .yalla-orders__card ul li.resetImage,
.yalla-orders__list .yalla-orders__card ul li.resetImage,
.yalla-orders__list .yalla-orders__card ul li.resetImage,
.yalla-orders__list .yalla-orders__card ul li.resetImage {
  display: flex;
  grid-gap: 10px;
}
.yalla-orders__list .yalla-orders__card ul li.resetImage a,
.yalla-orders__list .yalla-orders__card ul li.resetImage a,
.yalla-orders__list .yalla-orders__card ul li.resetImage a,
.yalla-orders__list .yalla-orders__card ul li.resetImage a {
  color: black;
}
.yalla-orders__list .yalla-orders__card ul .bg-warning,
.yalla-orders__list .yalla-orders__card ul .bg-danger,
.yalla-orders__list .yalla-orders__card ul .bg-green,
.yalla-orders__list .yalla-orders__card ul .bg-lime,
.yalla-orders__list .yalla-orders__card ul .bg-primary,
.yalla-orders__list .yalla-orders__card ul .bg-indigo,
.yalla-orders__list .yalla-orders__card ul .bg-warning,
.yalla-orders__list .yalla-orders__card ul .bg-danger,
.yalla-orders__list .yalla-orders__card ul .bg-green,
.yalla-orders__list .yalla-orders__card ul .bg-lime,
.yalla-orders__list .yalla-orders__card ul .bg-primary,
.yalla-orders__list .yalla-orders__card ul .bg-indigo,
.yalla-orders__list .yalla-orders__card ul .bg-warning,
.yalla-orders__list .yalla-orders__card ul .bg-danger,
.yalla-orders__list .yalla-orders__card ul .bg-green,
.yalla-orders__list .yalla-orders__card ul .bg-lime,
.yalla-orders__list .yalla-orders__card ul .bg-primary,
.yalla-orders__list .yalla-orders__card ul .bg-indigo,
.yalla-orders__list .yalla-orders__card ul .bg-warning,
.yalla-orders__list .yalla-orders__card ul .bg-danger,
.yalla-orders__list .yalla-orders__card ul .bg-green,
.yalla-orders__list .yalla-orders__card ul .bg-lime,
.yalla-orders__list .yalla-orders__card ul .bg-primary,
.yalla-orders__list .yalla-orders__card ul .bg-indigo {
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff;
}
.yalla-orders__list .yalla-orders__card ul .bg-lime,
.yalla-orders__list .yalla-orders__card ul .bg-lime,
.yalla-orders__list .yalla-orders__card ul .bg-lime,
.yalla-orders__list .yalla-orders__card ul .bg-lime {
  background: #147807;
}
.yalla-orders__list .yalla-orders__card ul .bg-indigo,
.yalla-orders__list .yalla-orders__card ul .bg-indigo,
.yalla-orders__list .yalla-orders__card ul .bg-indigo,
.yalla-orders__list .yalla-orders__card ul .bg-indigo {
  background: indigo;
}
.yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .yalla-orders__list .yalla-orders__card ul .w-50,
  .yalla-orders__list .yalla-orders__card ul .w-50,
  .yalla-orders__list .yalla-orders__card ul .w-50,
  .yalla-orders__list .yalla-orders__card ul .w-50 {
    width: 100% !important;
  }
}
.yalla-orders__list .yalla-orders__card .yalla-order-item,
.yalla-orders__list .yalla-orders__card .yalla-order-item,
.yalla-orders__list .yalla-orders__card .yalla-order-item,
.yalla-orders__list .yalla-orders__card .yalla-order-item {
  box-shadow: none !important;
  height: auto !important;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section {
  display: flex !important;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box {
  width: 100% !important;
  height: 90px !important;
  margin: 0;
  border-radius: 8px;
}
@media (max-width: 767.98px) {
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box {
    margin-bottom: 0 !important;
  }
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn {
  padding: 0 10px;
  height: 30px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box .yalla-btn span {
  font-size: 11px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section {
  display: block !important;
  height: inherit;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
  margin: 5px 0 !important;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section {
  width: inherit;
  position: relative;
  flex-shrink: 1;
  text-align: right;
  align-items: center;
  display: inline-block;
  padding: 0 5px;
  min-height: 80px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title {
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a {
  display: grid;
  width: 92%;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h3,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h3,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h3,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h3 {
  line-height: 1.6;
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title {
    height: initial;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a {
    min-height: 50px;
    max-height: 50px;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h2,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h3,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h2,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h3,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h2,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h3,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h2,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h3 {
    font-size: 14px;
  }
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
  margin: 10px 0px;
  justify-content: right !important;
}
@media (max-width: 575.98px) {
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
    display: block;
    text-align: right;
  }
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-cart-item__qty,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-cart-item__qty,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-cart-item__qty,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-cart-item__qty {
  display: flex;
  align-items: center;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .amount,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .amount,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .amount,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .amount {
  margin: 0 0 0 10px !important;
  font-size: 13px !important;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner {
  display: inline-block;
  margin-left: 10px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group {
  width: 80px;
  align-items: center;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn {
  border-radius: 0;
  height: 20px;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon {
  height: 20px;
  padding: 0 6px !important;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon i, .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon svg,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon i,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon svg,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon i,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon svg,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon i,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .input-group-btn .btn .glyphicon svg {
  font-size: 10px;
  padding: 0;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .form-control,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .form-control,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .form-control,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .input-spinner .input-group .form-control {
  height: 20px;
  padding: 7px;
  text-align: center;
  font-size: 12px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price {
  display: inline-flex;
  height: initial;
  margin-bottom: 0;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div {
  display: inline-flex;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div span {
  margin-left: 5px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price {
  text-decoration: inherit;
  padding: 0 10px;
  position: relative;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span small,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span small,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span small,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span small {
  font-weight: bold;
  padding: 0 3px;
  font-size: 12px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong {
  font-size: 14px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price .yalla-order-item__percent,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price .yalla-order-item__percent,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price .yalla-order-item__percent,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price .yalla-order-item__percent {
  position: initial;
  font-weight: bold;
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price {
    padding: 0 0 0 10px;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong {
    font-size: 12px;
  }
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total {
  position: absolute;
  left: 10px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span {
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span small,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span small,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span small,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span small {
  padding: 0 3px;
  font-size: 12px;
}
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong,
.yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong {
  font-size: 16px;
}
@media (max-width: 575.98px) {
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price {
    display: block;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total {
    position: inherit;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span {
    font-size: 11px;
    font-weight: normal;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong {
    font-size: 13px;
  }
}
@media (max-width: 575.98px) {
  .yalla-orders__list .yalla-orders__card .yalla-order-item,
  .yalla-orders__list .yalla-orders__card .yalla-order-item,
  .yalla-orders__list .yalla-orders__card .yalla-order-item,
  .yalla-orders__list .yalla-orders__card .yalla-order-item {
    padding: 5px;
    height: 95px !important;
    margin-bottom: 10px !important;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box {
    height: 75px !important;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section {
    padding: 5px;
    height: 80px !important;
    width: 100%;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2 {
    max-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
    margin: 0 !important;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price {
    display: inline-block;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price {
    height: 23px !important;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span {
    font-size: 11px !important;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong {
    margin: 0 4px;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong,
  .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong {
    margin: 0 4px;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-6,
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-6,
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-6,
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-6 {
    width: 30% !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
  }
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-12,
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-12,
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-12,
  .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-12 {
    width: 70% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.order-details .yalla-orders__card .yalla-order-item {
  margin-bottom: 10px !important;
  border-radius: 8px;
}
.order-details .yalla-orders__card .yalla-order-item .img-box {
  width: 100%;
  height: 115px;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__title h2 {
  margin-bottom: 5px;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box {
  display: block !important;
  text-align: right;
  margin: 5px 0 !important;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price {
  display: inline-flex;
  align-items: center;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price div {
  display: inline-flex;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price div span {
  margin-left: 5px;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price {
  text-decoration: inherit;
  padding: 0;
  font-weight: normal;
  display: block;
  align-items: center;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  font-size: 12px !important;
  font-weight: normal;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price strong {
  font-size: 14px;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span {
  font-size: 12px !important;
  margin-left: 5px;
  font-weight: normal;
}
.order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total strong {
  font-size: 16px;
}
@media (max-width: 575.98px) {
  .order-details .yalla-orders__card .yalla-order-item {
    padding: 5px 15px;
    height: 95px !important;
    margin-bottom: 10px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item .col-xs-12 {
    padding-right: 3px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section .img-box {
    height: 75px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section section {
    padding: 5px;
    height: 80px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__title {
    height: 23px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2 {
    max-height: 22px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
    margin: 0 !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price {
    display: inline-block;
    height: 23px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price {
    height: 23px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span,
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span {
    font-size: 11px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span strong,
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong {
    margin: 0 4px;
  }
  .order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span strong {
    margin: 0 4px;
  }
  .order-details .yalla-orders__card .yalla-order-item .col-xs-6 {
    width: 30% !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
  }
  .order-details .yalla-orders__card .yalla-order-item .col-xs-12 {
    width: 70% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.ltr .account .nav-pills .nav-link,
.ltr .yalla-page-account .nav-pills .nav-link {
  text-align: left;
}
.ltr .account .account-form form label,
.ltr .account .yalla-account__form form label,
.ltr .yalla-page-account .account-form form label,
.ltr .yalla-page-account .yalla-account__form form label {
  float: left;
}
.ltr .account .account-form form button,
.ltr .account .yalla-account__form form button,
.ltr .yalla-page-account .account-form form button,
.ltr .yalla-page-account .yalla-account__form form button {
  float: left;
}
.ltr .account .account-form form .select2 li,
.ltr .account .yalla-account__form form .select2 li,
.ltr .yalla-page-account .account-form form .select2 li,
.ltr .yalla-page-account .yalla-account__form form .select2 li {
  text-align: left;
}
.ltr .account .account-form form .form-check,
.ltr .account .yalla-account__form form .form-check,
.ltr .yalla-page-account .account-form form .form-check,
.ltr .yalla-page-account .yalla-account__form form .form-check {
  float: left;
}
.ltr .account .yalla-orders__list .yalla-orders__card ul,
.ltr .yalla-page-account .yalla-orders__list .yalla-orders__card ul {
  text-align: left;
}
.ltr .account .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__title h2,
.ltr .yalla-page-account .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__title h2 {
  text-align: left;
}
@media (max-width: 575.98px) {
  .ltr .account .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-6,
  .ltr .yalla-page-account .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-6 {
    padding-right: 0 !important;
    padding-left: 10px !important;
  }
  .ltr .account .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-12,
  .ltr .yalla-page-account .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.ltr .account .order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box,
.ltr .yalla-page-account .order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box {
  text-align: left;
}
.ltr .account .order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price div span,
.ltr .yalla-page-account .order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price div span {
  margin-left: 0;
  margin-right: 5px;
}
.ltr .account .order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span,
.ltr .yalla-page-account .order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__total span {
  margin-left: 0;
  margin-right: 5px;
}
@media (max-width: 575.98px) {
  .ltr .account .order-details .yalla-orders__card .yalla-order-item .col-xs-6,
  .ltr .yalla-page-account .order-details .yalla-orders__card .yalla-order-item .col-xs-6 {
    padding-right: 0 !important;
    padding-left: 10px !important;
  }
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 0.5;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 0.5;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 0.5;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 0.5;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 0.5;
}

@media (max-width: 575.98px) {
  .account .yalla-orders__list .yalla-orders__card ul li {
    flex: 0 0 100%;
  }
}
@media (min-width: 767.98px) {
  .account .yalla-orders__list .yalla-orders__card ul li {
    flex: 0 0 47%;
  }
}
@media (min-width: 991.98px) {
  .account .yalla-orders__list .yalla-orders__card ul li {
    flex: 0 0 48%;
  }
}
@media (min-width: 992px) {
  .contact .container,
  .contact .container-lg,
  .contact .container-md,
  .contact .container-sm,
  .contact .container-xl {
    max-width: 1140px;
  }
}
.contact .section-container, .contact .yalla-page-contact__body {
  position: relative;
  padding-top: 10px !important;
}
.contact .section-container .contacts-form, .contact .section-container .yalla-page-contact__form, .contact .yalla-page-contact__body .contacts-form, .contact .yalla-page-contact__body .yalla-page-contact__form {
  padding: 30px;
}
.contact .section-container .contacts-form form .form-group, .contact .section-container .yalla-page-contact__form form .form-group, .contact .yalla-page-contact__body .contacts-form form .form-group, .contact .yalla-page-contact__body .yalla-page-contact__form form .form-group {
  margin-bottom: 10px;
}
.contact .section-container .contacts-form form .form-group input, .contact .section-container .yalla-page-contact__form form .form-group input, .contact .yalla-page-contact__body .contacts-form form .form-group input, .contact .yalla-page-contact__body .yalla-page-contact__form form .form-group input {
  height: 42px;
  font-size: 12px;
}
.contact .section-container .contacts-form form textarea.form-control, .contact .section-container .yalla-page-contact__form form textarea.form-control, .contact .yalla-page-contact__body .contacts-form form textarea.form-control, .contact .yalla-page-contact__body .yalla-page-contact__form form textarea.form-control {
  min-height: 100px;
  font-size: 12px;
}
.contact .section-container .contacts-form form .col-grid.col-sm-12, .contact .section-container .yalla-page-contact__form form .col-grid.col-sm-12, .contact .yalla-page-contact__body .contacts-form form .col-grid.col-sm-12, .contact .yalla-page-contact__body .yalla-page-contact__form form .col-grid.col-sm-12 {
  justify-content: center;
  display: inline-flex;
}
.contact .section-container .contacts-form form .col-grid.col-sm-12 .form-group, .contact .section-container .yalla-page-contact__form form .col-grid.col-sm-12 .form-group, .contact .yalla-page-contact__body .contacts-form form .col-grid.col-sm-12 .form-group, .contact .yalla-page-contact__body .yalla-page-contact__form form .col-grid.col-sm-12 .form-group {
  width: 100%;
}
.contact .section-container .contacts-form form .col-grid.col-sm-12 .form-group textarea, .contact .section-container .yalla-page-contact__form form .col-grid.col-sm-12 .form-group textarea, .contact .yalla-page-contact__body .contacts-form form .col-grid.col-sm-12 .form-group textarea, .contact .yalla-page-contact__body .yalla-page-contact__form form .col-grid.col-sm-12 .form-group textarea {
  width: 100%;
}
.contact .section-container .contacts-form form button, .contact .section-container .yalla-page-contact__form form button, .contact .yalla-page-contact__body .contacts-form form button, .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  height: 45px;
  padding: 0 30px !important;
  font-size: 16px;
  font-weight: bold;
  border: none;
  float: right;
}
.contact .section-container .yalla-page-contact__info, .contact .yalla-page-contact__body .yalla-page-contact__info {
  height: 100%;
  text-align: right;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .contact .section-container .yalla-page-contact__info, .contact .yalla-page-contact__body .yalla-page-contact__info {
    border-right: none;
    padding: 0;
  }
}
.contact .section-container .yalla-page-contact__info h5, .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
}
.contact .section-container .yalla-page-contact__info section div, .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  background-color: #F4F4F4;
}
.contact .section-container .yalla-page-contact__info section div span, .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  width: 35px;
  height: 35px;
  background-color: #117893;
  color: #fff;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.contact .section-container .yalla-page-contact__info section div span i, .contact .section-container .yalla-page-contact__info section div span svg, .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
  font-size: 20px;
}
.contact .section-container .yalla-page-contact__info section div p, .contact .yalla-page-contact__body .yalla-page-contact__info section div p {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 16px;
  margin: 0 10px;
}
.contact .section-container .yalla-page-contact__info section div a, .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  display: block;
  margin-bottom: 8px;
  padding-right: 10px;
  padding-left: 10px;
}
.contact .section-container .yalla-page-contact__info .media, .contact .yalla-page-contact__body .yalla-page-contact__info .media {
  justify-content: flex-end !important;
  padding: 0 0 10px !important;
  padding: 10px;
}
.contact .section-container .yalla-page-contact__info .media a, .contact .yalla-page-contact__body .yalla-page-contact__info .media a {
  padding-right: 3px;
}
.contact .section-container .yalla-page-contact__info .media a div, .contact .yalla-page-contact__body .yalla-page-contact__info .media a div {
  margin: 0 4px !important;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.contact .section-container .yalla-page-contact__info .media a div i, .contact .section-container .yalla-page-contact__info .media a div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .media a div i, .contact .yalla-page-contact__body .yalla-page-contact__info .media a div svg {
  font-size: 17px;
}
@media (max-width: 767.98px) {
  .contact .section-container .yalla-page-contact__info .media a, .contact .yalla-page-contact__body .yalla-page-contact__info .media a {
    padding-right: 3px;
  }
  .contact .section-container .yalla-page-contact__info .media a div, .contact .yalla-page-contact__body .yalla-page-contact__info .media a div {
    margin: 0 2px !important;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .contact .section-container .yalla-page-contact__info .media a div i, .contact .section-container .yalla-page-contact__info .media a div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .media a div i, .contact .yalla-page-contact__body .yalla-page-contact__info .media a div svg {
    font-size: 15px;
  }
}
.contact .section-container .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .media div {
  background-color: inherit;
}
@media (max-width: 575.98px) {
  .contact .section-container .yalla-page-contact__info, .contact .yalla-page-contact__body .yalla-page-contact__info {
    margin-top: 20px;
  }
  .contact .section-container .yalla-page-contact__info h5, .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
    font-size: 15px;
  }
}

.ltr .contact .section-container .contacts-form, .ltr .contact .section-container .yalla-page-contact__form, .ltr .contact .yalla-page-contact__body .contacts-form, .ltr .contact .yalla-page-contact__body .yalla-page-contact__form {
  padding: 30px 0;
}
.ltr .contact .section-container .contacts-form form button, .ltr .contact .section-container .yalla-page-contact__form form button, .ltr .contact .yalla-page-contact__body .contacts-form form button, .ltr .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  float: left;
}
.ltr .contact .section-container .yalla-page-contact__info h5, .ltr .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  text-align: left;
}
.ltr .contact .section-container .yalla-page-contact__info section div p, .ltr .contact .yalla-page-contact__body .yalla-page-contact__info section div p {
  text-align: left;
}
.ltr .contact .section-container .yalla-page-contact__info .media, .ltr .contact .yalla-page-contact__body .yalla-page-contact__info .media {
  float: left;
}

.yalla-page-static .yalla-static__body .section-container article,
.yalla-page-static .yalla-static__body .yalla-static__content article {
  font-size: 18px;
  line-height: 1.8;
}
.yalla-page-static .yalla-static__body .section-container article img,
.yalla-page-static .yalla-static__body .yalla-static__content article img {
  width: 90%;
  margin: auto;
  display: block;
  margin: 20px auto;
}

.ltr .yalla-page-static .yalla-static__body .section-container article,
.ltr .yalla-page-static .yalla-static__body .yalla-static__content article {
  text-align: left;
}

.affiliate .section-container {
  background-color: #fff;
}
.affiliate .affiliate-info .disc {
  margin: 0 0 15px 0;
  padding: 10px 15px;
}
.affiliate .affiliate-info .disc h2 {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 26px;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .disc h2 {
    font-size: 20px;
  }
}
.affiliate .affiliate-info .disc article,
.affiliate .affiliate-info .disc p {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 10px;
}
.affiliate .affiliate-info .disc article a,
.affiliate .affiliate-info .disc p a {
  padding: 0 15px;
  font-size: 14px;
  border-radius: 6px;
  margin: 0px 5px;
  display: inline-block;
}
.affiliate .affiliate-info .disc article a i, .affiliate .affiliate-info .disc article a svg,
.affiliate .affiliate-info .disc p a i,
.affiliate .affiliate-info .disc p a svg {
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .affiliate .affiliate-info .disc article,
  .affiliate .affiliate-info .disc p {
    font-size: 18px !important;
  }
}
.affiliate .affiliate-info button,
.affiliate .affiliate-info .button {
  padding: 15px;
  float: none !important;
  display: inline-block;
}
.affiliate .affiliate-info button i, .affiliate .affiliate-info button svg,
.affiliate .affiliate-info .button i,
.affiliate .affiliate-info .button svg {
  margin-right: 0;
  margin-left: 10px;
}
.affiliate .affiliate-info .button {
  font-size: 14px;
  padding: 3px 10px !important;
  height: 40px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border-radius: 8px;
  overflow: hidden;
  float: left;
  margin: inherit;
  margin: 0;
}
.affiliate .affiliate-info .browse {
  margin-right: 10px;
}
.affiliate .affiliate-info .clipboard {
  padding: 15px;
  margin: 15px 0;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}
.affiliate .affiliate-info .clipboard button {
  padding: 0 10px !important;
  height: 50px;
}
.affiliate .affiliate-info .clipboard button span {
  padding: 0 !important;
  height: 50px;
}
.affiliate .affiliate-info .clipboard button i, .affiliate .affiliate-info .clipboard button svg {
  margin-left: 5px !important;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .clipboard button {
    height: 40px;
  }
}
.affiliate .affiliate-info .clipboard input {
  height: 50px;
  border: none;
  padding: 10px;
  width: auto;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  text-align: left;
  outline: 0;
}
@media (min-width: 1199.98px) {
  .affiliate .affiliate-info .clipboard input {
    width: 80%;
  }
}
@media (max-width: 1199.98px) {
  .affiliate .affiliate-info .clipboard input {
    width: 83%;
  }
}
@media (max-width: 991.98px) {
  .affiliate .affiliate-info .clipboard input {
    width: 70%;
  }
}
@media (max-width: 767.98px) {
  .affiliate .affiliate-info .clipboard input {
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .clipboard input {
    width: 85%;
    font-size: 13px;
    height: 40px;
  }
}
@media (max-width: 767.98px) {
  .affiliate .affiliate-info .clipboard button span,
  .affiliate .affiliate-info .clipboard .button span {
    display: none;
  }
}
.affiliate .affiliate-info .table {
  padding: 15px;
  margin: 15px 0;
}
.affiliate .affiliate-info .table h2 {
  font-size: 26px;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table h2 {
    font-size: 20px;
  }
}
.affiliate .affiliate-info .table .table-wrap {
  padding: 10px;
  margin-bottom: 10px;
  display: table;
  width: 100%;
}
.affiliate .affiliate-info .table .table-wrap .h-cell {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .table-wrap .h-cell {
    font-size: 11px;
  }
}
.affiliate .affiliate-info .table .table-wrap div:nth-of-type(1) {
  width: 14%;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .table-wrap div:nth-of-type(1) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .table-wrap div:nth-of-type(2) {
  width: 35%;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .table-wrap div:nth-of-type(2) {
    display: none;
  }
}
.affiliate .affiliate-info .table .table-wrap div:nth-of-type(3) {
  width: 14%;
  text-align: center;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .table-wrap div:nth-of-type(3) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .table-wrap div:nth-of-type(4) {
  width: 14%;
  text-align: center;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .table-wrap div:nth-of-type(4) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .table-wrap div:nth-of-type(5) {
  width: 14%;
  text-align: center;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .table-wrap div:nth-of-type(5) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .table-wrap div:nth-of-type(6) {
  width: 14%;
  text-align: center;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .table-wrap div:nth-of-type(6) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.affiliate .affiliate-info .table .b-table {
  padding: 5px 0;
}
.affiliate .affiliate-info .table .b-table .b-cell {
  display: table;
  width: 100%;
}
.affiliate .affiliate-info .table .b-table .b-cell div {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div {
    font-size: 12px;
  }
}
.affiliate .affiliate-info .table .b-table .b-cell div img {
  width: 70px;
  height: 55px;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div img {
    width: 60px;
    height: 45px;
  }
}
.affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(1) {
  width: 14%;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(1) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(2) {
  width: 35%;
}
.affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(2) a {
  display: block;
  max-height: 40px;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(2) {
    display: none;
  }
}
.affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(3) {
  width: 14%;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(3) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(4) {
  width: 14%;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(4) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(5) {
  width: 14%;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(5) {
    width: 20%;
  }
}
.affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(6) {
  width: 14%;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .table .b-table .b-cell div:nth-of-type(6) {
    width: 20%;
  }
}
.affiliate .affiliate-info .wallet {
  padding: 15px;
  background-color: #fff;
  margin: 15px 0;
}
.affiliate .affiliate-info .wallet h2 {
  font-size: 26px;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .wallet h2 {
    font-size: 20px;
  }
}
.affiliate .affiliate-info .wallet .wallet-box label {
  font-size: 14px;
  margin: 0;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .wallet .wallet-box label {
    font-size: 12px;
  }
}
.affiliate .affiliate-info .wallet .wallet-box span {
  font-size: 16px;
  font-weight: bold;
  float: left;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .wallet .wallet-box span {
    font-size: 13px;
  }
}
.affiliate .affiliate-info .bills {
  padding: 15px;
  background-color: #fff;
  margin: 15px 0;
}
.affiliate .affiliate-info .bills h2 {
  font-size: 26px;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .bills h2 {
    font-size: 20px;
  }
}
.affiliate .affiliate-info .bills label {
  font-size: 14px;
  color: #7a7777;
  margin: 0;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .bills label {
    font-size: 12px;
  }
}
.affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.affiliate .affiliate-info .bills .bills-box {
  padding: 10px;
  margin-bottom: 5px;
}
.affiliate .affiliate-info .bills .bills-box label {
  font-size: 14px;
  margin: 0;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .bills .bills-box label {
    font-size: 12px;
  }
}
.affiliate .affiliate-info .bills .bills-box span {
  font-size: 16px;
  font-weight: bold;
  float: left;
}
@media (max-width: 575.98px) {
  .affiliate .affiliate-info .bills .bills-box span {
    font-size: 13px;
  }
}
.affiliate .under-line {
  border-bottom: 3px solid #117893;
  width: 40px;
  margin: 5px 0 10px 0;
}

.ltr .wallet .wallet-box span {
  float: right !important;
}
.ltr .bills .bills-box span {
  float: right !important;
}

.account.addresses .yalla-account__add-address {
  display: flex;
  background: white;
  border-radius: 8px;
  padding: 20px;
}
.account.addresses .yalla-account__add-address a {
  display: inline-flex;
  flex-direction: row-reverse;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 14px;
  transition: all 0.35s;
}
.account.addresses .yalla-account__add-address a i, .account.addresses .yalla-account__add-address a svg {
  margin: 0 3px;
}
.account.addresses .yalla-account__add-address a:hover {
  color: #117893;
  transition: all 0.35s;
}
.account.addresses .yalla-account__addresses {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  grid-gap: 20px;
  flex-wrap: wrap;
}
.account.addresses .yalla-account__addresses .yalla-account__address-card {
  width: 48%;
}
.account.addresses .yalla-account__address-card {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
}
.account.addresses .yalla-account__address-card h6 {
  font-weight: bold;
  color: #505050;
}
.account.addresses .yalla-account__address-card p {
  margin-bottom: 5px;
  color: #505050;
}
.account.addresses .yalla-account__address-card div label {
  margin-bottom: 0;
  font-size: 12px;
}
.account.addresses .yalla-account__address-card div div {
  color: #505050;
  margin-bottom: 5px;
}
.account.addresses .yalla-account__address-card .action-links a {
  color: #0a84ff;
  font-size: 14px;
  padding: 10px;
}

@media (max-width: 575.98px) {
  .account.addresses .yalla-account__addresses .yalla-account__address-card {
    width: 100%;
  }
}
.checkout .btn-primary {
  padding: 5px 20px !important;
}
.checkout .d-flex-center {
  display: flex;
  justify-content: center;
}
.checkout #global_checkout .tab-content {
  padding: 0 10px;
}

/*end pages style*/
/*start pages style*/
.breadcrumb-nav .breadcrumb {
  background-color: transparent;
}
.breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.yalla-breadcrumb {
  height: 230px;
  position: relative;
}
.yalla-breadcrumb .breadcrumb {
  justify-content: center;
}
.yalla-breadcrumb .overlay {
  background-color: #117893;
  opacity: 0.8;
}
.yalla-breadcrumb .img-box {
  height: 230px !important;
  background-position: center !important;
  background-size: cover !important;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb form input {
    width: 77%;
  }
  .yalla-breadcrumb form button {
    margin: 0 10px 0 0 !important;
  }
}
.yalla-breadcrumb form button {
  padding: 0 10px !important;
  margin: 0 10px;
  height: 35px;
}
.yalla-breadcrumb section {
  position: absolute;
  z-index: 5;
  text-align: center;
}
.yalla-breadcrumb section h2 {
  margin-bottom: 0;
  text-align: center;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb section h2 {
    font-size: 20px;
  }
}
.yalla-breadcrumb section ol {
  background-color: transparent;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb section ol {
    padding: 5px 0 10px 0;
  }
}
.yalla-breadcrumb section ol li {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 0 2px;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb section ol li {
    font-size: 13px;
  }
}
.yalla-breadcrumb section ol li a {
  padding: 5px;
}
.yalla-breadcrumb section ol .active {
  padding: 5px;
}
.yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  content: " ";
}
@media (max-width: 991.98px) {
  .yalla-breadcrumb {
    height: 160px;
  }
  .yalla-breadcrumb .img-box {
    height: 160px !important;
  }
}

.yalla-subcats {
  margin-bottom: 0;
  padding: 0;
}
.yalla-subcats .yalla-subcats__item {
  height: 120px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 25px;
}
.yalla-subcats .yalla-subcats__item .img-box {
  height: 120px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.yalla-subcats .yalla-subcats__item .img-box .overlay {
  opacity: 0.6;
  width: 100%;
  height: 100%;
}
.yalla-subcats .yalla-subcats__item .img-box .yalla-btn {
  margin: 10px;
  height: auto;
  margin: inherit;
  background-color: transparent;
  position: absolute;
  display: inline-flex;
  z-index: 16;
  text-align: center;
  font-size: 16px;
  font-weight: bolder;
}
@media (max-width: 575.98px) {
  .yalla-subcats .yalla-subcats__item .img-box .yalla-btn {
    font-size: 13px;
    font-weight: bold;
    padding: 5px !important;
    margin: 5px !important;
  }
}
.yalla-subcats .yalla-subcats__item:hover .overlay {
  opacity: 1 !important;
}
@media (max-width: 991.98px) {
  .yalla-subcats .yalla-subcats__item {
    height: 100px;
  }
  .yalla-subcats .yalla-subcats__item .img-box {
    height: 100px;
  }
}
@media (max-width: 575.98px) {
  .yalla-subcats {
    padding: 0;
    margin-bottom: 15px;
  }
  .yalla-subcats .col-xs-6 {
    width: 33.3333% !important;
    padding: 0 !important;
  }
  .yalla-subcats .yalla-subcats__item {
    height: 75px;
    margin: 5px;
  }
  .yalla-subcats .yalla-subcats__item .img-box {
    height: 75px;
  }
}

.yalla-product-card, .yalla-order-item, .yalla-cart-item, .yalla-offers__item {
  position: relative;
  height: auto;
}
.yalla-product-card .img-box, .yalla-product-card .yalla-product-card__media, .yalla-order-item .img-box, .yalla-order-item .yalla-product-card__media, .yalla-cart-item .img-box, .yalla-cart-item .yalla-product-card__media, .yalla-offers__item .img-box, .yalla-offers__item .yalla-product-card__media {
  width: 100%;
  height: 300px;
  position: relative;
}
.yalla-product-card .img-box img, .yalla-product-card .yalla-product-card__media img, .yalla-order-item .img-box img, .yalla-order-item .yalla-product-card__media img, .yalla-cart-item .img-box img, .yalla-cart-item .yalla-product-card__media img, .yalla-offers__item .img-box img, .yalla-offers__item .yalla-product-card__media img {
  object-fit: cover;
}
.yalla-product-card .img-box img.img-layout-contain, .yalla-product-card .yalla-product-card__media img.img-layout-contain, .yalla-order-item .img-box img.img-layout-contain, .yalla-order-item .yalla-product-card__media img.img-layout-contain, .yalla-cart-item .img-box img.img-layout-contain, .yalla-cart-item .yalla-product-card__media img.img-layout-contain, .yalla-offers__item .img-box img.img-layout-contain, .yalla-offers__item .yalla-product-card__media img.img-layout-contain {
  object-fit: contain;
}
.yalla-product-card .img-box img.img-layout-fill, .yalla-product-card .yalla-product-card__media img.img-layout-fill, .yalla-order-item .img-box img.img-layout-fill, .yalla-order-item .yalla-product-card__media img.img-layout-fill, .yalla-cart-item .img-box img.img-layout-fill, .yalla-cart-item .yalla-product-card__media img.img-layout-fill, .yalla-offers__item .img-box img.img-layout-fill, .yalla-offers__item .yalla-product-card__media img.img-layout-fill {
  object-fit: fill;
}
.yalla-product-card .img-box .full-link, .yalla-product-card .yalla-product-card__media .full-link, .yalla-order-item .img-box .full-link, .yalla-order-item .yalla-product-card__media .full-link, .yalla-cart-item .img-box .full-link, .yalla-cart-item .yalla-product-card__media .full-link, .yalla-offers__item .img-box .full-link, .yalla-offers__item .yalla-product-card__media .full-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-product-card .img-box .label-Wishes, .yalla-product-card .yalla-product-card__media .label-Wishes, .yalla-order-item .img-box .label-Wishes, .yalla-order-item .yalla-product-card__media .label-Wishes, .yalla-cart-item .img-box .label-Wishes, .yalla-cart-item .yalla-product-card__media .label-Wishes, .yalla-offers__item .img-box .label-Wishes, .yalla-offers__item .yalla-product-card__media .label-Wishes {
  position: absolute;
  overflow: hidden;
  z-index: 16;
  bottom: 10px;
  right: 10px;
  top: inherit;
  margin-bottom: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yalla-product-card .img-box .label-Wishes a,
.yalla-product-card .img-box .label-Wishes button, .yalla-product-card .yalla-product-card__media .label-Wishes a,
.yalla-product-card .yalla-product-card__media .label-Wishes button, .yalla-order-item .img-box .label-Wishes a,
.yalla-order-item .img-box .label-Wishes button, .yalla-order-item .yalla-product-card__media .label-Wishes a,
.yalla-order-item .yalla-product-card__media .label-Wishes button, .yalla-cart-item .img-box .label-Wishes a,
.yalla-cart-item .img-box .label-Wishes button, .yalla-cart-item .yalla-product-card__media .label-Wishes a,
.yalla-cart-item .yalla-product-card__media .label-Wishes button, .yalla-offers__item .img-box .label-Wishes a,
.yalla-offers__item .img-box .label-Wishes button, .yalla-offers__item .yalla-product-card__media .label-Wishes a,
.yalla-offers__item .yalla-product-card__media .label-Wishes button {
  width: 30px;
  height: 30px;
  padding: 0;
  position: initial;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
}
.yalla-product-card .img-box .label-Wishes a i, .yalla-product-card .img-box .label-Wishes a svg,
.yalla-product-card .img-box .label-Wishes button i,
.yalla-product-card .img-box .label-Wishes button svg, .yalla-product-card .yalla-product-card__media .label-Wishes a i, .yalla-product-card .yalla-product-card__media .label-Wishes a svg,
.yalla-product-card .yalla-product-card__media .label-Wishes button i,
.yalla-product-card .yalla-product-card__media .label-Wishes button svg, .yalla-order-item .img-box .label-Wishes a i, .yalla-order-item .img-box .label-Wishes a svg,
.yalla-order-item .img-box .label-Wishes button i,
.yalla-order-item .img-box .label-Wishes button svg, .yalla-order-item .yalla-product-card__media .label-Wishes a i, .yalla-order-item .yalla-product-card__media .label-Wishes a svg,
.yalla-order-item .yalla-product-card__media .label-Wishes button i,
.yalla-order-item .yalla-product-card__media .label-Wishes button svg, .yalla-cart-item .img-box .label-Wishes a i, .yalla-cart-item .img-box .label-Wishes a svg,
.yalla-cart-item .img-box .label-Wishes button i,
.yalla-cart-item .img-box .label-Wishes button svg, .yalla-cart-item .yalla-product-card__media .label-Wishes a i, .yalla-cart-item .yalla-product-card__media .label-Wishes a svg,
.yalla-cart-item .yalla-product-card__media .label-Wishes button i,
.yalla-cart-item .yalla-product-card__media .label-Wishes button svg, .yalla-offers__item .img-box .label-Wishes a i, .yalla-offers__item .img-box .label-Wishes a svg,
.yalla-offers__item .img-box .label-Wishes button i,
.yalla-offers__item .img-box .label-Wishes button svg, .yalla-offers__item .yalla-product-card__media .label-Wishes a i, .yalla-offers__item .yalla-product-card__media .label-Wishes a svg,
.yalla-offers__item .yalla-product-card__media .label-Wishes button i,
.yalla-offers__item .yalla-product-card__media .label-Wishes button svg {
  font-size: 16px;
}
.yalla-product-card .img-box .installed, .yalla-product-card .yalla-product-card__media .installed, .yalla-order-item .img-box .installed, .yalla-order-item .yalla-product-card__media .installed, .yalla-cart-item .img-box .installed, .yalla-cart-item .yalla-product-card__media .installed, .yalla-offers__item .img-box .installed, .yalla-offers__item .yalla-product-card__media .installed {
  position: absolute;
  overflow: hidden;
  z-index: 16;
  bottom: 10px;
  left: 10px;
  top: inherit;
  margin-bottom: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-product-card .img-box .installed i, .yalla-product-card .img-box .installed svg, .yalla-product-card .yalla-product-card__media .installed i, .yalla-product-card .yalla-product-card__media .installed svg, .yalla-order-item .img-box .installed i, .yalla-order-item .img-box .installed svg, .yalla-order-item .yalla-product-card__media .installed i, .yalla-order-item .yalla-product-card__media .installed svg, .yalla-cart-item .img-box .installed i, .yalla-cart-item .img-box .installed svg, .yalla-cart-item .yalla-product-card__media .installed i, .yalla-cart-item .yalla-product-card__media .installed svg, .yalla-offers__item .img-box .installed i, .yalla-offers__item .img-box .installed svg, .yalla-offers__item .yalla-product-card__media .installed i, .yalla-offers__item .yalla-product-card__media .installed svg {
  font-size: 16px;
}
.yalla-product-card .img-box .overlay, .yalla-product-card .yalla-product-card__media .overlay, .yalla-order-item .img-box .overlay, .yalla-order-item .yalla-product-card__media .overlay, .yalla-cart-item .img-box .overlay, .yalla-cart-item .yalla-product-card__media .overlay, .yalla-offers__item .img-box .overlay, .yalla-offers__item .yalla-product-card__media .overlay {
  opacity: 0;
}
.yalla-product-card .img-box .yalla-btn, .yalla-product-card .yalla-product-card__media .yalla-btn, .yalla-order-item .img-box .yalla-btn, .yalla-order-item .yalla-product-card__media .yalla-btn, .yalla-cart-item .img-box .yalla-btn, .yalla-cart-item .yalla-product-card__media .yalla-btn, .yalla-offers__item .img-box .yalla-btn, .yalla-offers__item .yalla-product-card__media .yalla-btn {
  padding: 10px 30px;
  margin: inherit;
}
.yalla-product-card section label, .yalla-order-item section label, .yalla-cart-item section label, .yalla-offers__item section label {
  position: absolute;
  overflow: hidden;
  top: 10px;
  z-index: 10;
  font-size: 12px;
  border-radius: 5px;
  padding: 0 4px;
}
.yalla-product-card section label span, .yalla-order-item section label span, .yalla-cart-item section label span, .yalla-offers__item section label span {
  position: initial;
  width: auto;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
.yalla-product-card section .label-left, .yalla-order-item section .label-left, .yalla-cart-item section .label-left, .yalla-offers__item section .label-left {
  left: 10px;
}
.yalla-product-card section .label-right, .yalla-order-item section .label-right, .yalla-cart-item section .label-right, .yalla-offers__item section .label-right {
  right: 10px;
}
.yalla-product-card section section, .yalla-order-item section section, .yalla-cart-item section section, .yalla-offers__item section section {
  padding: 10px;
  height: auto;
}
.yalla-product-card section section .yalla-product-card__title-box a, .yalla-product-card section section .yalla-order-item__title a, .yalla-product-card section section .yalla-cart-item__title a, .yalla-product-card section section .yalla-offers__title a, .yalla-order-item section section .yalla-product-card__title-box a, .yalla-order-item section section .yalla-order-item__title a, .yalla-order-item section section .yalla-cart-item__title a, .yalla-order-item section section .yalla-offers__title a, .yalla-cart-item section section .yalla-product-card__title-box a, .yalla-cart-item section section .yalla-order-item__title a, .yalla-cart-item section section .yalla-cart-item__title a, .yalla-cart-item section section .yalla-offers__title a, .yalla-offers__item section section .yalla-product-card__title-box a, .yalla-offers__item section section .yalla-order-item__title a, .yalla-offers__item section section .yalla-cart-item__title a, .yalla-offers__item section section .yalla-offers__title a {
  display: inline-block;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
}
.yalla-product-card section section .yalla-product-card__title-box a h2,
.yalla-product-card section section .yalla-product-card__title-box a h3, .yalla-product-card section section .yalla-order-item__title a h2,
.yalla-product-card section section .yalla-order-item__title a h3, .yalla-product-card section section .yalla-cart-item__title a h2,
.yalla-product-card section section .yalla-cart-item__title a h3, .yalla-product-card section section .yalla-offers__title a h2,
.yalla-product-card section section .yalla-offers__title a h3, .yalla-order-item section section .yalla-product-card__title-box a h2,
.yalla-order-item section section .yalla-product-card__title-box a h3, .yalla-order-item section section .yalla-order-item__title a h2,
.yalla-order-item section section .yalla-order-item__title a h3, .yalla-order-item section section .yalla-cart-item__title a h2,
.yalla-order-item section section .yalla-cart-item__title a h3, .yalla-order-item section section .yalla-offers__title a h2,
.yalla-order-item section section .yalla-offers__title a h3, .yalla-cart-item section section .yalla-product-card__title-box a h2,
.yalla-cart-item section section .yalla-product-card__title-box a h3, .yalla-cart-item section section .yalla-order-item__title a h2,
.yalla-cart-item section section .yalla-order-item__title a h3, .yalla-cart-item section section .yalla-cart-item__title a h2,
.yalla-cart-item section section .yalla-cart-item__title a h3, .yalla-cart-item section section .yalla-offers__title a h2,
.yalla-cart-item section section .yalla-offers__title a h3, .yalla-offers__item section section .yalla-product-card__title-box a h2,
.yalla-offers__item section section .yalla-product-card__title-box a h3, .yalla-offers__item section section .yalla-order-item__title a h2,
.yalla-offers__item section section .yalla-order-item__title a h3, .yalla-offers__item section section .yalla-cart-item__title a h2,
.yalla-offers__item section section .yalla-cart-item__title a h3, .yalla-offers__item section section .yalla-offers__title a h2,
.yalla-offers__item section section .yalla-offers__title a h3 {
  line-height: 1.5;
  font-size: 16px;
  margin-bottom: 10px;
  color: #0C0C0C;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .yalla-product-card section section .yalla-product-card__title-box a h2,
  .yalla-product-card section section .yalla-product-card__title-box a h3, .yalla-product-card section section .yalla-order-item__title a h2,
  .yalla-product-card section section .yalla-order-item__title a h3, .yalla-product-card section section .yalla-cart-item__title a h2,
  .yalla-product-card section section .yalla-cart-item__title a h3, .yalla-product-card section section .yalla-offers__title a h2,
  .yalla-product-card section section .yalla-offers__title a h3, .yalla-order-item section section .yalla-product-card__title-box a h2,
  .yalla-order-item section section .yalla-product-card__title-box a h3, .yalla-order-item section section .yalla-order-item__title a h2,
  .yalla-order-item section section .yalla-order-item__title a h3, .yalla-order-item section section .yalla-cart-item__title a h2,
  .yalla-order-item section section .yalla-cart-item__title a h3, .yalla-order-item section section .yalla-offers__title a h2,
  .yalla-order-item section section .yalla-offers__title a h3, .yalla-cart-item section section .yalla-product-card__title-box a h2,
  .yalla-cart-item section section .yalla-product-card__title-box a h3, .yalla-cart-item section section .yalla-order-item__title a h2,
  .yalla-cart-item section section .yalla-order-item__title a h3, .yalla-cart-item section section .yalla-cart-item__title a h2,
  .yalla-cart-item section section .yalla-cart-item__title a h3, .yalla-cart-item section section .yalla-offers__title a h2,
  .yalla-cart-item section section .yalla-offers__title a h3, .yalla-offers__item section section .yalla-product-card__title-box a h2,
  .yalla-offers__item section section .yalla-product-card__title-box a h3, .yalla-offers__item section section .yalla-order-item__title a h2,
  .yalla-offers__item section section .yalla-order-item__title a h3, .yalla-offers__item section section .yalla-cart-item__title a h2,
  .yalla-offers__item section section .yalla-cart-item__title a h3, .yalla-offers__item section section .yalla-offers__title a h2,
  .yalla-offers__item section section .yalla-offers__title a h3 {
    font-size: 15px;
    min-height: 42px;
    max-height: 42px;
  }
}
.yalla-product-card section section .yalla-cart-item__title a, .yalla-order-item section section .yalla-cart-item__title a, .yalla-cart-item section section .yalla-cart-item__title a, .yalla-offers__item section section .yalla-cart-item__title a {
  min-height: auto;
  max-height: none;
}
.yalla-product-card section section .yalla-cart-item__title h2,
.yalla-product-card section section .yalla-cart-item__title h3, .yalla-order-item section section .yalla-cart-item__title h2,
.yalla-order-item section section .yalla-cart-item__title h3, .yalla-cart-item section section .yalla-cart-item__title h2,
.yalla-cart-item section section .yalla-cart-item__title h3, .yalla-offers__item section section .yalla-cart-item__title h2,
.yalla-offers__item section section .yalla-cart-item__title h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yalla-product-card section section .yalla-product-card__pricing, .yalla-product-card section section .yalla-order-item__price, .yalla-product-card section section .yalla-offers__price, .yalla-order-item section section .yalla-product-card__pricing, .yalla-order-item section section .yalla-order-item__price, .yalla-order-item section section .yalla-offers__price, .yalla-cart-item section section .yalla-product-card__pricing, .yalla-cart-item section section .yalla-order-item__price, .yalla-cart-item section section .yalla-offers__price, .yalla-offers__item section section .yalla-product-card__pricing, .yalla-offers__item section section .yalla-order-item__price, .yalla-offers__item section section .yalla-offers__price {
  /*display: inline-flex;
  align-items: center;*/
}
.yalla-product-card section section .yalla-product-card__pricing span, .yalla-product-card section section .yalla-order-item__price span, .yalla-product-card section section .yalla-offers__price span, .yalla-order-item section section .yalla-product-card__pricing span, .yalla-order-item section section .yalla-order-item__price span, .yalla-order-item section section .yalla-offers__price span, .yalla-cart-item section section .yalla-product-card__pricing span, .yalla-cart-item section section .yalla-order-item__price span, .yalla-cart-item section section .yalla-offers__price span, .yalla-offers__item section section .yalla-product-card__pricing span, .yalla-offers__item section section .yalla-order-item__price span, .yalla-offers__item section section .yalla-offers__price span {
  font-size: 20px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
}
.yalla-product-card section section .yalla-product-card__pricing span small, .yalla-product-card section section .yalla-order-item__price span small, .yalla-product-card section section .yalla-offers__price span small, .yalla-order-item section section .yalla-product-card__pricing span small, .yalla-order-item section section .yalla-order-item__price span small, .yalla-order-item section section .yalla-offers__price span small, .yalla-cart-item section section .yalla-product-card__pricing span small, .yalla-cart-item section section .yalla-order-item__price span small, .yalla-cart-item section section .yalla-offers__price span small, .yalla-offers__item section section .yalla-product-card__pricing span small, .yalla-offers__item section section .yalla-order-item__price span small, .yalla-offers__item section section .yalla-offers__price span small {
  font-weight: bold;
  padding: 0 3px;
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-product-card section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-product-card section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-product-card section section .yalla-order-item__price .yalla-offers__price-was, .yalla-product-card section section .yalla-offers__price .yalla-product-card__original-price, .yalla-product-card section section .yalla-offers__price .yalla-offers__price-was, .yalla-order-item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-order-item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-order-item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-order-item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-order-item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-order-item section section .yalla-offers__price .yalla-offers__price-was, .yalla-cart-item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-cart-item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-cart-item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-cart-item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-cart-item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-cart-item section section .yalla-offers__price .yalla-offers__price-was, .yalla-offers__item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-offers__item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-offers__item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-offers__item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-offers__item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-offers__item section section .yalla-offers__price .yalla-offers__price-was {
  margin: 0 5px;
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price span, .yalla-product-card section section .yalla-product-card__pricing .yalla-offers__price-was span, .yalla-product-card section section .yalla-order-item__price .yalla-product-card__original-price span, .yalla-product-card section section .yalla-order-item__price .yalla-offers__price-was span, .yalla-product-card section section .yalla-offers__price .yalla-product-card__original-price span, .yalla-product-card section section .yalla-offers__price .yalla-offers__price-was span, .yalla-order-item section section .yalla-product-card__pricing .yalla-product-card__original-price span, .yalla-order-item section section .yalla-product-card__pricing .yalla-offers__price-was span, .yalla-order-item section section .yalla-order-item__price .yalla-product-card__original-price span, .yalla-order-item section section .yalla-order-item__price .yalla-offers__price-was span, .yalla-order-item section section .yalla-offers__price .yalla-product-card__original-price span, .yalla-order-item section section .yalla-offers__price .yalla-offers__price-was span, .yalla-cart-item section section .yalla-product-card__pricing .yalla-product-card__original-price span, .yalla-cart-item section section .yalla-product-card__pricing .yalla-offers__price-was span, .yalla-cart-item section section .yalla-order-item__price .yalla-product-card__original-price span, .yalla-cart-item section section .yalla-order-item__price .yalla-offers__price-was span, .yalla-cart-item section section .yalla-offers__price .yalla-product-card__original-price span, .yalla-cart-item section section .yalla-offers__price .yalla-offers__price-was span, .yalla-offers__item section section .yalla-product-card__pricing .yalla-product-card__original-price span, .yalla-offers__item section section .yalla-product-card__pricing .yalla-offers__price-was span, .yalla-offers__item section section .yalla-order-item__price .yalla-product-card__original-price span, .yalla-offers__item section section .yalla-order-item__price .yalla-offers__price-was span, .yalla-offers__item section section .yalla-offers__price .yalla-product-card__original-price span, .yalla-offers__item section section .yalla-offers__price .yalla-offers__price-was span {
  font-size: 13px !important;
  text-decoration: line-through;
  font-weight: normal;
}
@media (max-width: 1199.98px) {
  .yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-product-card section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-product-card section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-product-card section section .yalla-order-item__price .yalla-offers__price-was, .yalla-product-card section section .yalla-offers__price .yalla-product-card__original-price, .yalla-product-card section section .yalla-offers__price .yalla-offers__price-was, .yalla-order-item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-order-item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-order-item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-order-item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-order-item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-order-item section section .yalla-offers__price .yalla-offers__price-was, .yalla-cart-item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-cart-item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-cart-item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-cart-item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-cart-item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-cart-item section section .yalla-offers__price .yalla-offers__price-was, .yalla-offers__item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-offers__item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-offers__item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-offers__item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-offers__item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-offers__item section section .yalla-offers__price .yalla-offers__price-was {
    display: block !important;
  }
}
.yalla-product-card section section button,
.yalla-product-card section section .a-button, .yalla-order-item section section button,
.yalla-order-item section section .a-button, .yalla-cart-item section section button,
.yalla-cart-item section section .a-button, .yalla-offers__item section section button,
.yalla-offers__item section section .a-button {
  padding: 0;
  height: 40px;
  display: inline-flex;
  border-radius: 8px;
  overflow: hidden;
  float: left;
  margin: inherit;
}
.yalla-product-card section section button span,
.yalla-product-card section section .a-button span, .yalla-order-item section section button span,
.yalla-order-item section section .a-button span, .yalla-cart-item section section button span,
.yalla-cart-item section section .a-button span, .yalla-offers__item section section button span,
.yalla-offers__item section section .a-button span {
  padding: 0 8px;
  text-align: center;
  font-size: 12px;
  height: 40px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.yalla-product-card section section button div,
.yalla-product-card section section .a-button div, .yalla-order-item section section button div,
.yalla-order-item section section .a-button div, .yalla-cart-item section section button div,
.yalla-cart-item section section .a-button div, .yalla-offers__item section section button div,
.yalla-offers__item section section .a-button div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 40px;
}
.yalla-product-card section section button div i, .yalla-product-card section section button div svg,
.yalla-product-card section section .a-button div i,
.yalla-product-card section section .a-button div svg, .yalla-order-item section section button div i, .yalla-order-item section section button div svg,
.yalla-order-item section section .a-button div i,
.yalla-order-item section section .a-button div svg, .yalla-cart-item section section button div i, .yalla-cart-item section section button div svg,
.yalla-cart-item section section .a-button div i,
.yalla-cart-item section section .a-button div svg, .yalla-offers__item section section button div i, .yalla-offers__item section section button div svg,
.yalla-offers__item section section .a-button div i,
.yalla-offers__item section section .a-button div svg {
  font-size: 13px;
}
.yalla-product-card .yalla-btn, .yalla-order-item .yalla-btn, .yalla-cart-item .yalla-btn, .yalla-offers__item .yalla-btn {
  text-decoration: none;
}
.yalla-product-card:hover .overlay, .yalla-order-item:hover .overlay, .yalla-cart-item:hover .overlay, .yalla-offers__item:hover .overlay {
  opacity: 1;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .yalla-product-card .img-box, .yalla-product-card .yalla-product-card__media, .yalla-order-item .img-box, .yalla-order-item .yalla-product-card__media, .yalla-cart-item .img-box, .yalla-cart-item .yalla-product-card__media, .yalla-offers__item .img-box, .yalla-offers__item .yalla-product-card__media {
    height: 160px;
  }
  .yalla-product-card .img-box .yalla-btn, .yalla-product-card .yalla-product-card__media .yalla-btn, .yalla-order-item .img-box .yalla-btn, .yalla-order-item .yalla-product-card__media .yalla-btn, .yalla-cart-item .img-box .yalla-btn, .yalla-cart-item .yalla-product-card__media .yalla-btn, .yalla-offers__item .img-box .yalla-btn, .yalla-offers__item .yalla-product-card__media .yalla-btn {
    padding: 8px 25px;
  }
  .yalla-product-card section section, .yalla-order-item section section, .yalla-cart-item section section, .yalla-offers__item section section {
    height: auto;
  }
  .yalla-product-card section section .yalla-product-card__pricing span, .yalla-product-card section section .yalla-order-item__price span, .yalla-product-card section section .yalla-offers__price span, .yalla-order-item section section .yalla-product-card__pricing span, .yalla-order-item section section .yalla-order-item__price span, .yalla-order-item section section .yalla-offers__price span, .yalla-cart-item section section .yalla-product-card__pricing span, .yalla-cart-item section section .yalla-order-item__price span, .yalla-cart-item section section .yalla-offers__price span, .yalla-offers__item section section .yalla-product-card__pricing span, .yalla-offers__item section section .yalla-order-item__price span, .yalla-offers__item section section .yalla-offers__price span {
    font-size: 18px;
  }
  .yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-product-card section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-product-card section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-product-card section section .yalla-order-item__price .yalla-offers__price-was, .yalla-product-card section section .yalla-offers__price .yalla-product-card__original-price, .yalla-product-card section section .yalla-offers__price .yalla-offers__price-was, .yalla-order-item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-order-item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-order-item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-order-item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-order-item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-order-item section section .yalla-offers__price .yalla-offers__price-was, .yalla-cart-item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-cart-item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-cart-item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-cart-item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-cart-item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-cart-item section section .yalla-offers__price .yalla-offers__price-was, .yalla-offers__item section section .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-offers__item section section .yalla-product-card__pricing .yalla-offers__price-was, .yalla-offers__item section section .yalla-order-item__price .yalla-product-card__original-price, .yalla-offers__item section section .yalla-order-item__price .yalla-offers__price-was, .yalla-offers__item section section .yalla-offers__price .yalla-product-card__original-price, .yalla-offers__item section section .yalla-offers__price .yalla-offers__price-was {
    font-size: 13px;
  }
  .yalla-product-card section section button span,
  .yalla-product-card section section .a-button span, .yalla-order-item section section button span,
  .yalla-order-item section section .a-button span, .yalla-cart-item section section button span,
  .yalla-cart-item section section .a-button span, .yalla-offers__item section section button span,
  .yalla-offers__item section section .a-button span {
    padding: 0 6px;
    font-size: 11px;
  }
  .yalla-product-card section section button div,
  .yalla-product-card section section .a-button div, .yalla-order-item section section button div,
  .yalla-order-item section section .a-button div, .yalla-cart-item section section button div,
  .yalla-cart-item section section .a-button div, .yalla-offers__item section section button div,
  .yalla-offers__item section section .a-button div {
    padding: 0 6px;
  }
  .yalla-product-card section section button div i, .yalla-product-card section section button div svg,
  .yalla-product-card section section .a-button div i,
  .yalla-product-card section section .a-button div svg, .yalla-order-item section section button div i, .yalla-order-item section section button div svg,
  .yalla-order-item section section .a-button div i,
  .yalla-order-item section section .a-button div svg, .yalla-cart-item section section button div i, .yalla-cart-item section section button div svg,
  .yalla-cart-item section section .a-button div i,
  .yalla-cart-item section section .a-button div svg, .yalla-offers__item section section button div i, .yalla-offers__item section section button div svg,
  .yalla-offers__item section section .a-button div i,
  .yalla-offers__item section section .a-button div svg {
    font-size: 13px;
  }
}

@media (max-width: 575.98px) {
  .yalla-product-card, .yalla-order-item, .yalla-cart-item, .yalla-offers__item {
    margin-bottom: 1px !important;
    height: auto;
  }
  .yalla-product-card .img-box, .yalla-product-card .yalla-product-card__media, .yalla-order-item .img-box, .yalla-order-item .yalla-product-card__media, .yalla-cart-item .img-box, .yalla-cart-item .yalla-product-card__media, .yalla-offers__item .img-box, .yalla-offers__item .yalla-product-card__media {
    height: 145px;
  }
  .yalla-product-card .img-box .label-Wishes, .yalla-product-card .yalla-product-card__media .label-Wishes, .yalla-order-item .img-box .label-Wishes, .yalla-order-item .yalla-product-card__media .label-Wishes, .yalla-cart-item .img-box .label-Wishes, .yalla-cart-item .yalla-product-card__media .label-Wishes, .yalla-offers__item .img-box .label-Wishes, .yalla-offers__item .yalla-product-card__media .label-Wishes {
    bottom: 6px;
    right: 6px;
  }
  .yalla-product-card .img-box .label-Wishes a,
  .yalla-product-card .img-box .label-Wishes button, .yalla-product-card .yalla-product-card__media .label-Wishes a,
  .yalla-product-card .yalla-product-card__media .label-Wishes button, .yalla-order-item .img-box .label-Wishes a,
  .yalla-order-item .img-box .label-Wishes button, .yalla-order-item .yalla-product-card__media .label-Wishes a,
  .yalla-order-item .yalla-product-card__media .label-Wishes button, .yalla-cart-item .img-box .label-Wishes a,
  .yalla-cart-item .img-box .label-Wishes button, .yalla-cart-item .yalla-product-card__media .label-Wishes a,
  .yalla-cart-item .yalla-product-card__media .label-Wishes button, .yalla-offers__item .img-box .label-Wishes a,
  .yalla-offers__item .img-box .label-Wishes button, .yalla-offers__item .yalla-product-card__media .label-Wishes a,
  .yalla-offers__item .yalla-product-card__media .label-Wishes button {
    width: 25px;
    height: 25px;
  }
  .yalla-product-card .img-box .label-Wishes a i, .yalla-product-card .img-box .label-Wishes a svg,
  .yalla-product-card .img-box .label-Wishes button i,
  .yalla-product-card .img-box .label-Wishes button svg, .yalla-product-card .yalla-product-card__media .label-Wishes a i, .yalla-product-card .yalla-product-card__media .label-Wishes a svg,
  .yalla-product-card .yalla-product-card__media .label-Wishes button i,
  .yalla-product-card .yalla-product-card__media .label-Wishes button svg, .yalla-order-item .img-box .label-Wishes a i, .yalla-order-item .img-box .label-Wishes a svg,
  .yalla-order-item .img-box .label-Wishes button i,
  .yalla-order-item .img-box .label-Wishes button svg, .yalla-order-item .yalla-product-card__media .label-Wishes a i, .yalla-order-item .yalla-product-card__media .label-Wishes a svg,
  .yalla-order-item .yalla-product-card__media .label-Wishes button i,
  .yalla-order-item .yalla-product-card__media .label-Wishes button svg, .yalla-cart-item .img-box .label-Wishes a i, .yalla-cart-item .img-box .label-Wishes a svg,
  .yalla-cart-item .img-box .label-Wishes button i,
  .yalla-cart-item .img-box .label-Wishes button svg, .yalla-cart-item .yalla-product-card__media .label-Wishes a i, .yalla-cart-item .yalla-product-card__media .label-Wishes a svg,
  .yalla-cart-item .yalla-product-card__media .label-Wishes button i,
  .yalla-cart-item .yalla-product-card__media .label-Wishes button svg, .yalla-offers__item .img-box .label-Wishes a i, .yalla-offers__item .img-box .label-Wishes a svg,
  .yalla-offers__item .img-box .label-Wishes button i,
  .yalla-offers__item .img-box .label-Wishes button svg, .yalla-offers__item .yalla-product-card__media .label-Wishes a i, .yalla-offers__item .yalla-product-card__media .label-Wishes a svg,
  .yalla-offers__item .yalla-product-card__media .label-Wishes button i,
  .yalla-offers__item .yalla-product-card__media .label-Wishes button svg {
    font-size: 13px;
  }
  .yalla-product-card .img-box .yalla-btn, .yalla-product-card .yalla-product-card__media .yalla-btn, .yalla-order-item .img-box .yalla-btn, .yalla-order-item .yalla-product-card__media .yalla-btn, .yalla-cart-item .img-box .yalla-btn, .yalla-cart-item .yalla-product-card__media .yalla-btn, .yalla-offers__item .img-box .yalla-btn, .yalla-offers__item .yalla-product-card__media .yalla-btn {
    padding: 6px 10px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .yalla-product-card .img-box .yalla-btn span, .yalla-product-card .yalla-product-card__media .yalla-btn span, .yalla-order-item .img-box .yalla-btn span, .yalla-order-item .yalla-product-card__media .yalla-btn span, .yalla-cart-item .img-box .yalla-btn span, .yalla-cart-item .yalla-product-card__media .yalla-btn span, .yalla-offers__item .img-box .yalla-btn span, .yalla-offers__item .yalla-product-card__media .yalla-btn span {
    font-size: 12px;
  }
  .yalla-product-card .img-box .yalla-btn div, .yalla-product-card .yalla-product-card__media .yalla-btn div, .yalla-order-item .img-box .yalla-btn div, .yalla-order-item .yalla-product-card__media .yalla-btn div, .yalla-cart-item .img-box .yalla-btn div, .yalla-cart-item .yalla-product-card__media .yalla-btn div, .yalla-offers__item .img-box .yalla-btn div, .yalla-offers__item .yalla-product-card__media .yalla-btn div {
    height: 30px;
  }
  .yalla-product-card .img-box .yalla-btn div i, .yalla-product-card .img-box .yalla-btn div svg, .yalla-product-card .yalla-product-card__media .yalla-btn div i, .yalla-product-card .yalla-product-card__media .yalla-btn div svg, .yalla-order-item .img-box .yalla-btn div i, .yalla-order-item .img-box .yalla-btn div svg, .yalla-order-item .yalla-product-card__media .yalla-btn div i, .yalla-order-item .yalla-product-card__media .yalla-btn div svg, .yalla-cart-item .img-box .yalla-btn div i, .yalla-cart-item .img-box .yalla-btn div svg, .yalla-cart-item .yalla-product-card__media .yalla-btn div i, .yalla-cart-item .yalla-product-card__media .yalla-btn div svg, .yalla-offers__item .img-box .yalla-btn div i, .yalla-offers__item .img-box .yalla-btn div svg, .yalla-offers__item .yalla-product-card__media .yalla-btn div i, .yalla-offers__item .yalla-product-card__media .yalla-btn div svg {
    font-size: 14px;
  }
  .yalla-product-card section label, .yalla-order-item section label, .yalla-cart-item section label, .yalla-offers__item section label {
    top: 6px;
    font-size: 9px;
  }
  .yalla-product-card section label span, .yalla-order-item section label span, .yalla-cart-item section label span, .yalla-offers__item section label span {
    height: 15px;
    padding: 3px;
  }
  .yalla-product-card section .label-left, .yalla-order-item section .label-left, .yalla-cart-item section .label-left, .yalla-offers__item section .label-left {
    left: 6px;
  }
  .yalla-product-card section .label-right, .yalla-order-item section .label-right, .yalla-cart-item section .label-right, .yalla-offers__item section .label-right {
    right: 6px;
  }
  .yalla-product-card section section, .yalla-order-item section section, .yalla-cart-item section section, .yalla-offers__item section section {
    padding: 2px 5px;
    height: auto;
  }
  .yalla-product-card section section .yalla-product-card__title-box, .yalla-product-card section section .yalla-order-item__title, .yalla-product-card section section .yalla-cart-item__title, .yalla-product-card section section .yalla-offers__title, .yalla-order-item section section .yalla-product-card__title-box, .yalla-order-item section section .yalla-order-item__title, .yalla-order-item section section .yalla-cart-item__title, .yalla-order-item section section .yalla-offers__title, .yalla-cart-item section section .yalla-product-card__title-box, .yalla-cart-item section section .yalla-order-item__title, .yalla-cart-item section section .yalla-cart-item__title, .yalla-cart-item section section .yalla-offers__title, .yalla-offers__item section section .yalla-product-card__title-box, .yalla-offers__item section section .yalla-order-item__title, .yalla-offers__item section section .yalla-cart-item__title, .yalla-offers__item section section .yalla-offers__title {
    height: 40px;
    align-items: center;
    display: flex;
  }
  .yalla-product-card section section .yalla-product-card__title-box a, .yalla-product-card section section .yalla-order-item__title a, .yalla-product-card section section .yalla-cart-item__title a, .yalla-product-card section section .yalla-offers__title a, .yalla-order-item section section .yalla-product-card__title-box a, .yalla-order-item section section .yalla-order-item__title a, .yalla-order-item section section .yalla-cart-item__title a, .yalla-order-item section section .yalla-offers__title a, .yalla-cart-item section section .yalla-product-card__title-box a, .yalla-cart-item section section .yalla-order-item__title a, .yalla-cart-item section section .yalla-cart-item__title a, .yalla-cart-item section section .yalla-offers__title a, .yalla-offers__item section section .yalla-product-card__title-box a, .yalla-offers__item section section .yalla-order-item__title a, .yalla-offers__item section section .yalla-cart-item__title a, .yalla-offers__item section section .yalla-offers__title a {
    min-height: 44px;
    max-height: 44px;
  }
  .yalla-product-card section section .yalla-product-card__title-box a h2,
  .yalla-product-card section section .yalla-product-card__title-box a h3, .yalla-product-card section section .yalla-order-item__title a h2,
  .yalla-product-card section section .yalla-order-item__title a h3, .yalla-product-card section section .yalla-cart-item__title a h2,
  .yalla-product-card section section .yalla-cart-item__title a h3, .yalla-product-card section section .yalla-offers__title a h2,
  .yalla-product-card section section .yalla-offers__title a h3, .yalla-order-item section section .yalla-product-card__title-box a h2,
  .yalla-order-item section section .yalla-product-card__title-box a h3, .yalla-order-item section section .yalla-order-item__title a h2,
  .yalla-order-item section section .yalla-order-item__title a h3, .yalla-order-item section section .yalla-cart-item__title a h2,
  .yalla-order-item section section .yalla-cart-item__title a h3, .yalla-order-item section section .yalla-offers__title a h2,
  .yalla-order-item section section .yalla-offers__title a h3, .yalla-cart-item section section .yalla-product-card__title-box a h2,
  .yalla-cart-item section section .yalla-product-card__title-box a h3, .yalla-cart-item section section .yalla-order-item__title a h2,
  .yalla-cart-item section section .yalla-order-item__title a h3, .yalla-cart-item section section .yalla-cart-item__title a h2,
  .yalla-cart-item section section .yalla-cart-item__title a h3, .yalla-cart-item section section .yalla-offers__title a h2,
  .yalla-cart-item section section .yalla-offers__title a h3, .yalla-offers__item section section .yalla-product-card__title-box a h2,
  .yalla-offers__item section section .yalla-product-card__title-box a h3, .yalla-offers__item section section .yalla-order-item__title a h2,
  .yalla-offers__item section section .yalla-order-item__title a h3, .yalla-offers__item section section .yalla-cart-item__title a h2,
  .yalla-offers__item section section .yalla-cart-item__title a h3, .yalla-offers__item section section .yalla-offers__title a h2,
  .yalla-offers__item section section .yalla-offers__title a h3 {
    line-height: 1.5;
    font-size: 0.85rem;
    margin-bottom: 6px;
    font-weight: normal;
    white-space: inherit;
    text-overflow: inherit;
    margin-top: 5px;
  }
  .yalla-product-card section section div .yalla-product-card__pricing, .yalla-product-card section section div .yalla-order-item__price, .yalla-product-card section section div .yalla-offers__price, .yalla-order-item section section div .yalla-product-card__pricing, .yalla-order-item section section div .yalla-order-item__price, .yalla-order-item section section div .yalla-offers__price, .yalla-cart-item section section div .yalla-product-card__pricing, .yalla-cart-item section section div .yalla-order-item__price, .yalla-cart-item section section div .yalla-offers__price, .yalla-offers__item section section div .yalla-product-card__pricing, .yalla-offers__item section section div .yalla-order-item__price, .yalla-offers__item section section div .yalla-offers__price {
    display: inline-flex;
    align-items: center;
    margin-bottom: 3px;
  }
  .yalla-product-card section section div .yalla-product-card__pricing span, .yalla-product-card section section div .yalla-order-item__price span, .yalla-product-card section section div .yalla-offers__price span, .yalla-order-item section section div .yalla-product-card__pricing span, .yalla-order-item section section div .yalla-order-item__price span, .yalla-order-item section section div .yalla-offers__price span, .yalla-cart-item section section div .yalla-product-card__pricing span, .yalla-cart-item section section div .yalla-order-item__price span, .yalla-cart-item section section div .yalla-offers__price span, .yalla-offers__item section section div .yalla-product-card__pricing span, .yalla-offers__item section section div .yalla-order-item__price span, .yalla-offers__item section section div .yalla-offers__price span {
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
  }
  .yalla-product-card section section div .yalla-product-card__pricing span small, .yalla-product-card section section div .yalla-order-item__price span small, .yalla-product-card section section div .yalla-offers__price span small, .yalla-order-item section section div .yalla-product-card__pricing span small, .yalla-order-item section section div .yalla-order-item__price span small, .yalla-order-item section section div .yalla-offers__price span small, .yalla-cart-item section section div .yalla-product-card__pricing span small, .yalla-cart-item section section div .yalla-order-item__price span small, .yalla-cart-item section section div .yalla-offers__price span small, .yalla-offers__item section section div .yalla-product-card__pricing span small, .yalla-offers__item section section div .yalla-order-item__price span small, .yalla-offers__item section section div .yalla-offers__price span small {
    margin: 0 3px;
  }
  .yalla-product-card section section div .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-product-card section section div .yalla-product-card__pricing .yalla-offers__price-was, .yalla-product-card section section div .yalla-order-item__price .yalla-product-card__original-price, .yalla-product-card section section div .yalla-order-item__price .yalla-offers__price-was, .yalla-product-card section section div .yalla-offers__price .yalla-product-card__original-price, .yalla-product-card section section div .yalla-offers__price .yalla-offers__price-was, .yalla-order-item section section div .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-order-item section section div .yalla-product-card__pricing .yalla-offers__price-was, .yalla-order-item section section div .yalla-order-item__price .yalla-product-card__original-price, .yalla-order-item section section div .yalla-order-item__price .yalla-offers__price-was, .yalla-order-item section section div .yalla-offers__price .yalla-product-card__original-price, .yalla-order-item section section div .yalla-offers__price .yalla-offers__price-was, .yalla-cart-item section section div .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-cart-item section section div .yalla-product-card__pricing .yalla-offers__price-was, .yalla-cart-item section section div .yalla-order-item__price .yalla-product-card__original-price, .yalla-cart-item section section div .yalla-order-item__price .yalla-offers__price-was, .yalla-cart-item section section div .yalla-offers__price .yalla-product-card__original-price, .yalla-cart-item section section div .yalla-offers__price .yalla-offers__price-was, .yalla-offers__item section section div .yalla-product-card__pricing .yalla-product-card__original-price, .yalla-offers__item section section div .yalla-product-card__pricing .yalla-offers__price-was, .yalla-offers__item section section div .yalla-order-item__price .yalla-product-card__original-price, .yalla-offers__item section section div .yalla-order-item__price .yalla-offers__price-was, .yalla-offers__item section section div .yalla-offers__price .yalla-product-card__original-price, .yalla-offers__item section section div .yalla-offers__price .yalla-offers__price-was {
    font-size: 10px;
    text-decoration: line-through;
    margin-right: 10px;
  }
  .yalla-product-card section section div button, .yalla-order-item section section div button, .yalla-cart-item section section div button, .yalla-offers__item section section div button {
    padding: 0;
    height: 30px;
    display: inline-flex;
    border-radius: 6px;
    align-items: center;
    width: 100%;
    position: relative;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .yalla-product-card section section div button span, .yalla-order-item section section div button span, .yalla-cart-item section section div button span, .yalla-offers__item section section div button span {
    font-size: 11px;
    width: calc(100% - 30px);
  }
  .yalla-product-card section section div button div, .yalla-order-item section section div button div, .yalla-cart-item section section div button div, .yalla-offers__item section section div button div {
    padding: 0 8px;
    height: 30px;
    position: absolute;
    left: 0;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
  }
  .yalla-product-card section section div button div i, .yalla-product-card section section div button div svg, .yalla-order-item section section div button div i, .yalla-order-item section section div button div svg, .yalla-cart-item section section div button div i, .yalla-cart-item section section div button div svg, .yalla-offers__item section section div button div i, .yalla-offers__item section section div button div svg {
    font-size: 12px;
  }
}
.ltr .yalla-product-card section section .yalla-btn, .ltr .yalla-order-item section section .yalla-btn, .ltr .yalla-cart-item section section .yalla-btn, .ltr .yalla-offers__item section section .yalla-btn {
  float: right !important;
}

.slider {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
  overflow: hidden;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.slider .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 575.98px) {
  .slider {
    margin-bottom: 0;
  }
}
.slider .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.slider .c-img {
  position: relative;
  justify-content: center;
  align-items: center;
}
.slider .c-img div .img-box {
  width: 100%;
  height: 450px;
}
@media (max-width: 1199.98px) {
  .slider .c-img div .img-box {
    height: 280px;
  }
}
@media (max-width: 767.98px) {
  .slider .c-img div .img-box {
    height: 185px;
  }
}

.slider.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.swiper-rtl .swiper-button-next i, .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev i, .swiper-rtl .swiper-button-prev svg {
  transform: inherit;
}

.head, .yalla-page-toolbar {
  margin-bottom: 20px;
  display: block;
  align-items: center;
  position: relative;
  width: 100%;
}
.head::before, .yalla-page-toolbar::before {
  content: " ";
  top: 0;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 6px;
  height: 100%;
}
.head h3, .yalla-page-toolbar h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1;
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  .head h3, .yalla-page-toolbar h3 {
    font-size: 20px;
    margin: 0 3px;
  }
}
.head a:first-of-type, .yalla-page-toolbar a:first-of-type {
  display: inline-flex;
  align-items: center;
  height: inherit;
  z-index: 10;
}
.head a:last-of-type, .yalla-page-toolbar a:last-of-type {
  float: left;
  display: inline-flex;
  align-items: center;
  padding: 5px 0;
}
.head a:last-of-type i, .head a:last-of-type svg, .yalla-page-toolbar a:last-of-type i, .yalla-page-toolbar a:last-of-type svg {
  font-size: 12px;
  padding: 0;
  margin: 5px 5px 0;
}
.head a:last-of-type span, .yalla-page-toolbar a:last-of-type span {
  font-size: 14px;
}
@media (max-width: 575.98px) {
  .head a:last-of-type span, .yalla-page-toolbar a:last-of-type span {
    font-size: 12px;
  }
  .head a:last-of-type div, .yalla-page-toolbar a:last-of-type div {
    height: 35px !important;
    padding: 0 10px !important;
  }
  .head a:last-of-type div i, .head a:last-of-type div svg, .yalla-page-toolbar a:last-of-type div i, .yalla-page-toolbar a:last-of-type div svg {
    font-size: 13px;
  }
}
.head a:last-of-type:hover, .yalla-page-toolbar a:last-of-type:hover {
  text-decoration: underline !important;
}
.head .btn:focus, .yalla-page-toolbar .btn:focus {
  box-shadow: none;
}
.head .dropdown, .yalla-page-toolbar .dropdown {
  align-items: center;
  padding: 5px 0;
  display: inline-flex;
  position: absolute;
  left: 0;
}
.head .dropdown button, .yalla-page-toolbar .dropdown button {
  display: block;
  padding: 0 10px;
  height: 30px;
  font-size: 14px;
  min-width: 170px;
}
@media (max-width: 575.98px) {
  .head .dropdown button, .yalla-page-toolbar .dropdown button {
    min-width: 150px;
    font-size: 12px;
  }
}
.head .dropdown .btn.focus,
.head .dropdown .btn:focus, .yalla-page-toolbar .dropdown .btn.focus,
.yalla-page-toolbar .dropdown .btn:focus {
  outline: 0;
  box-shadow: none;
}
.head .dropdown .dropdown-menu, .yalla-page-toolbar .dropdown .dropdown-menu {
  min-width: 170px;
  text-align: center;
  padding-top: 0;
  padding-bottom: 5px;
}
.head .dropdown .dropdown-menu a, .yalla-page-toolbar .dropdown .dropdown-menu a {
  display: inline-block !important;
  font-size: 14px;
}
.head .dropdown .dropdown-menu a:last-of-type, .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  text-decoration: none;
}
@media (max-width: 575.98px) {
  .head, .yalla-page-toolbar {
    display: block;
  }
  .head .dropdown, .yalla-page-toolbar .dropdown {
    position: inherit;
    float: left;
    display: block;
  }
}

.ltr .head::before, .ltr .yalla-page-toolbar::before {
  right: initial;
  left: 0;
}
.ltr .head a:last-of-type, .ltr .yalla-page-toolbar a:last-of-type {
  float: right;
}
.ltr .head .dropdown, .ltr .yalla-page-toolbar .dropdown {
  right: 0;
  left: initial;
}

.cliparai .clipboard {
  display: flex;
  justify-content: start;
}
.cliparai .clipboard button {
  padding: 0 10px;
  height: 50px;
  font-size: 12px;
}
.cliparai .clipboard button span {
  padding: 0;
  height: 50px;
}
.cliparai .clipboard button i, .cliparai .clipboard button svg {
  margin-left: 5px;
}
.cliparai .clipboard input {
  font-size: 12px;
  height: 50px;
  border: none;
  padding: 10px 20px;
  width: auto;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  text-align: left;
}
@media (min-width: 1199.98px) {
  .cliparai .clipboard input {
    width: calc(100% - 130px);
  }
}
@media (max-width: 1199.98px) {
  .cliparai .clipboard input {
    width: 83%;
  }
}
@media (max-width: 991.98px) {
  .cliparai .clipboard input {
    width: 70%;
  }
}
@media (max-width: 767.98px) {
  .cliparai .clipboard input {
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  .cliparai .clipboard input {
    width: 85%;
  }
}
@media (max-width: 767.98px) {
  .cliparai .clipboard button span,
  .cliparai .clipboard .button span {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .cliparai .clipboard {
    margin-bottom: 15px;
  }
  .cliparai .clipboard input {
    padding: 10px;
  }
}

.share {
  margin: 10px 0;
  padding: 15px 5px;
}
.share .action-icon {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 575.98px) {
  .share .action-icon {
    justify-content: center;
    padding: 0 10px 10px;
  }
}
.share .action-icon a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #939393;
  margin-left: 10px;
}
.share .action-icon a:hover {
  color: #117893;
}
.share .action-icon a span {
  font-size: 16px;
  margin: 0 3px;
}
.share .action-icon a i, .share .action-icon a svg {
  font-size: 18px;
  margin-left: 5px;
}
.share .share-div {
  height: 100%;
}
@media (max-width: 575.98px) {
  .share .share-div {
    display: flex;
    justify-content: center;
  }
}
.share #st-1 {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .share #st-1 {
    justify-content: center;
  }
}

.yalla-side-menu .yalla-lang-switch button {
  background-color: transparent;
  border: none;
}
.yalla-side-menu .yalla-lang-switch button:hover {
  background-color: transparent;
}
.yalla-side-menu .yalla-lang-switch button:active {
  background-color: transparent;
}
.yalla-side-menu .yalla-lang-switch button:focus {
  background-color: transparent;
}
.yalla-side-menu .yalla-lang-switch .dropdown-menu a {
  color: #333 !important;
}
.yalla-side-menu .yalla-lang-switch .dropdown-menu a:hover {
  color: #fff !important;
}
.yalla-side-menu .yalla-lang-switch .btn-secondary:not(:disabled):not(.disabled).active, .yalla-side-menu .yalla-lang-switch .btn-secondary:not(:disabled):not(.disabled):active, .yalla-side-menu .yalla-lang-switch .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.rtl .yalla-side-menu .yalla-lang-switch .dropdown-menu {
  right: 0;
  left: initial;
}

@font-face {
  font-family: "Cairo", sans-serif;
  src: url(../fonts/Cairo-Bold.ttf);
}
@font-face {
  font-family: "Cairo", sans-serif;
  src: url(../fonts/Cairo-Regular.ttf);
}
@font-face {
  font-family: "Cairo", sans-serif;
  src: url(../fonts/Cairo-SemiBold.ttf);
}
@font-face {
  font-family: "Cairo", sans-serif;
  src: url(../fonts/Cairo-ExtraLight.ttf);
}
.yalla-subnav__brand-link {
  font-size: 16px;
  font-weight: 500;
  margin: 0 12px;
  border-radius: 6px;
  padding: 4px 8px;
}
@media (max-width: 575.98px) {
  .yalla-subnav__brand-link {
    margin: 0 10px;
  }
}

.yalla-brand-card {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.yalla-brand-card .img-box {
  height: 145px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 5px;
}
.yalla-brand-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1199.98px) {
  .yalla-brand-card .img-box {
    height: 130px;
  }
}
@media (max-width: 991.98px) {
  .yalla-brand-card .img-box {
    height: 120px;
  }
}
@media (max-width: 767.98px) {
  .yalla-brand-card .img-box {
    height: 115px;
  }
}
@media (max-width: 575.98px) {
  .yalla-brand-card .img-box {
    height: 85px;
  }
}
.yalla-brand-card h6 {
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
  min-height: 22px;
  max-height: 22px;
}
@media (max-width: 575.98px) {
  .yalla-brand-card h6 {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .yalla-brand-card {
    margin-bottom: 5px;
  }
}

.yalla-page-brand__info {
  text-align: center;
  width: 100%;
  margin-top: 20px;
  display: inline-block;
}
.yalla-page-brand__info h3 {
  font-weight: bold;
  font-size: 2.5rem;
  text-align: center;
}
.yalla-page-brand__info p {
  text-align: center;
  width: 80%;
  margin: auto;
  color: #464646;
}
@media (max-width: 575.98px) {
  .yalla-page-brand__info p {
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
  }
}

.trial-store {
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 !important;
  z-index: 1999;
  opacity: 1;
  border-radius: 0;
  transition: all 500ms ease-out;
}
@media (max-width: 575.98px) {
  .trial-store {
    padding-top: 35px;
  }
}
.trial-store .close {
  float: right;
  width: 25px;
  height: 25px;
  justify-content: center;
  text-decoration: none;
  text-shadow: inherit;
  position: absolute;
  right: 10px;
  top: 10px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.trial-store .close i, .trial-store .close svg {
  font-size: 14px;
}
.trial-store .trial-button {
  display: inline-flex;
  justify-content: center;
}
.trial-store .trial-button .btn-trial {
  padding: 0 15px !important;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  color: #fff !important;
}

p {
  display: inline-block;
  width: 95%;
  font-size: 16px;
}
p a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
}

.hide {
  display: none;
}

.row.row-space-0 {
  margin: 0;
}

.row.row-space-2 {
  margin: 0 -1px;
}

.row.row-space-4 {
  margin: 0 -2px;
}

.row.row-space-6 {
  margin: 0 -3px;
}

.row.row-space-8 {
  margin: 0 -4px;
}

.row.row-space-10 {
  margin: 0 -5px;
}

.row.row-space-12 {
  margin: 0 -6px;
}

.row.row-space-14 {
  margin: 0 -7px;
}

.row.row-space-16 {
  margin: 0 -8px;
}

.row.row-space-18 {
  margin: 0 -10px;
}

.row.row-space-22 {
  margin: 0 -11px;
}

.row.row-space-24 {
  margin: 0 -12px;
}

.row.row-space-26 {
  margin: 0 -13px;
}

.row.row-space-28 {
  margin: 0 -14px;
}

.row.row-space-30 {
  margin: 0 -15px;
}

.row.row-space-0 > [class*=col-] {
  padding: 0;
}

.row.row-space-2 > [class*=col-] {
  padding: 0 1px;
}

.row.row-space-4 > [class*=col-] {
  padding: 0 2px;
}

.row.row-space-6 > [class*=col-] {
  padding: 0 3px;
}

.row.row-space-8 > [class*=col-] {
  padding: 0 4px;
}

.row.row-space-10 > [class*=col-] {
  padding: 0 5px;
}

.row.row-space-12 > [class*=col-] {
  padding: 0 6px;
}

.row.row-space-14 > [class*=col-] {
  padding: 0 7px;
}

.row.row-space-16 > [class*=col-] {
  padding: 0 8px;
}

.row.row-space-18 > [class*=col-] {
  padding: 0 9px;
}

.row.row-space-20 > [class*=col-] {
  padding: 0 10px;
}

.row.row-space-22 > [class*=col-] {
  padding: 0 11px;
}

.row.row-space-24 > [class*=col-] {
  padding: 0 12px;
}

.row.row-space-26 > [class*=col-] {
  padding: 0 13px;
}

.row.row-space-28 > [class*=col-] {
  padding: 0 14px;
}

.row.row-space-30 > [class*=col-] {
  padding: 0 15px;
}

.semi-bold {
  font-weight: 600;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.m-auto {
  margin: 0 auto !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-r-3 {
  margin-right: 3px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-l-1 {
  margin-left: 1px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-l-3 {
  margin-left: 3px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 1px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15,
.wrapper {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-t-1 {
  padding-top: 1px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-r-1 {
  padding-right: 1px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-1 {
  padding-bottom: 1px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-b-3 {
  padding-bottom: 3px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-l-1 {
  padding-left: 1px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.p-l-3 {
  padding-left: 3px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-none {
  padding: 0 !important;
}

.f-s-8 {
  font-size: 8px !important;
}

.f-s-9 {
  font-size: 9px !important;
}

.f-s-10 {
  font-size: 10px !important;
}

.f-s-11 {
  font-size: 11px !important;
}

.f-s-12 {
  font-size: 12px !important;
}

.f-s-13 {
  font-size: 13px !important;
}

.f-s-14 {
  font-size: 14px !important;
}

.f-s-15 {
  font-size: 15px !important;
}

.f-s-16 {
  font-size: 16px !important;
}

.f-s-17 {
  font-size: 17px !important;
}

.f-s-18 {
  font-size: 18px !important;
}

.f-s-19 {
  font-size: 19px !important;
}

.f-s-20 {
  font-size: 20px !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.pull-none {
  float: none !important;
}

.f-w-100 {
  font-weight: 100 !important;
}

.f-w-200 {
  font-weight: 200 !important;
}

.f-w-300 {
  font-weight: 300 !important;
}

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-600 {
  font-weight: 600 !important;
}

.f-w-700 {
  font-weight: 700 !important;
}

.table-td-valign-middle td,
.table-th-valign-middle th,
.table-valign-middle td,
.table-valign-middle th {
  vertical-align: middle !important;
}

.table-td-valign-top td,
.table-th-valign-top th,
.table-valign-top td,
.table-valign-top th {
  vertical-align: top !important;
}

.table-td-valign-bottom td,
.table-th-valign-bottom th,
.table-valign-bottom td,
.table-valign-bottom th {
  vertical-align: bottom !important;
}

.vertical-box {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  height: 100%;
  width: 100%;
}

.vertical-box-column {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}

.vertical-box-row {
  display: table-row;
  height: 100%;
}

.vertical-box-row > .vertical-box-cell {
  position: relative;
  height: 100%;
  width: 100%;
  float: none;
}

.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.bwizard-steps,
.gritter-item-wrapper,
.text-ellipsis {
  overflow: hidden !important;
}

.panel-expand .vertical-box .vertical-box-column {
  display: table-cell;
}

.page-content-full-height .content {
  position: absolute;
  left: 0;
  top: 54px;
  right: 0;
  bottom: -1px;
  transform: translateZ(0);
}

.no-rounded-corner {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.rounded-corner {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.no-border {
  border: 0 !important;
}

.border-top-1 {
  border-top: 1px solid #eee !important;
}

.border-right-1 {
  border-right: 1px solid #eee !important;
}

.border-bottom-1 {
  border-bottom: 1px solid #eee !important;
}

.border-left-1 {
  border-left: 1px solid #eee !important;
}

.no-box-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.text-inverse {
  color: #2d353c !important;
}

a.text-inverse:focus,
a.text-inverse:hover {
  color: #575d63 !important;
}

.text-success {
  color: #00acac !important;
}

a.text-success:focus,
a.text-success:hover {
  color: #33bdbd !important;
}

.text-info {
  color: #49b6d6 !important;
}

a.text-info:focus,
a.text-info:hover {
  color: #6dc5de !important;
}

.text-primary {
  color: #348fe2 !important;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #5da5e8 !important;
}

.text-warning {
  color: #f59c1a !important;
}

a.text-warning:focus,
a.text-warning:hover {
  color: #f7b048 !important;
}

.text-danger {
  color: #ff5b57 !important;
}

a.text-danger:focus,
a.text-danger:hover {
  color: #ff7c79 !important;
}

.text-white {
  color: #fff !important;
}

a.text-white:focus,
a.text-white:hover {
  color: #f0f3f4 !important;
}

.bg-white {
  background: #fff !important;
}

.bg-silver-lighter {
  background: #f4f6f7 !important;
}

.bg-silver {
  background: #f0f3f4 !important;
}

.bg-silver-darker {
  background: #b4b6b7 !important;
}

.bg-black {
  background: #2d353c !important;
}

.bg-black-darker {
  background: #242a30 !important;
}

.bg-black-lighter {
  background: #575d63 !important;
}

.bg-grey {
  background: #b6c2c9 !important;
}

.bg-grey-darker {
  background: #929ba1 !important;
}

.bg-grey-lighter {
  background: #c5ced4 !important;
}

.bg-red {
  background: #ff5b57 !important;
}

.bg-red-darker {
  background: #cc4946 !important;
}

.bg-red-lighter {
  background: #ff7c79 !important;
}

.bg-orange {
  background: #f59c1a !important;
}

.bg-orange-darker {
  background: #c47d15 !important;
}

.bg-orange-lighter {
  background: #f7b048 !important;
}

.bg-yellow {
  background: #e3fa3e !important;
}

.bg-yellow-darker {
  background: #b6c832 !important;
}

.bg-yellow-lighter {
  background: #e9fb65 !important;
}

.bg-green {
  background: #28be3b !important;
}

.bg-green-darker {
  background: #008a8a !important;
}

.bg-green-lighter {
  background: #33bdbd !important;
}

.bg-blue {
  background: #348fe2 !important;
}

.bg-blue-darker {
  background: #2a72b5 !important;
}

.bg-blue-lighter {
  background: #5da5e8 !important;
}

.bg-aqua {
  background: #49b6d6 !important;
}

.bg-aqua-darker {
  background: #3a92ab !important;
}

.bg-aqua-lighter {
  background: #6dc5de !important;
}

.bg-purple {
  background: #727cb6 !important;
}

.bg-purple-darker {
  background: #5b6392 !important;
}

.bg-purple-lighter {
  background: #8e96c5 !important;
}

.no-bg {
  background: 0 0 !important;
}

.height-xs {
  height: 150px !important;
}

.height-sm {
  height: 300px !important;
}

.height-md {
  height: 450px !important;
}

.height-lg {
  height: 600px !important;
}

.height-full {
  height: 100% !important;
}

.height-50 {
  height: 50px !important;
}

.height-100 {
  height: 100px !important;
}

.height-150 {
  height: 150px !important;
}

.height-200 {
  height: 200px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-350 {
  height: 350px !important;
}

.height-400 {
  height: 400px !important;
}

.height-450 {
  height: 450px !important;
}

.height-500 {
  height: 500px !important;
}

.height-550 {
  height: 550px !important;
}

.height-600 {
  height: 600px !important;
}

.width-xs {
  width: 150px !important;
}

.width-sm {
  width: 300px !important;
}

.width-md {
  width: 450px !important;
}

.width-lg {
  width: 600px !important;
}

.width-full {
  width: 100% !important;
}

.width-50 {
  width: 50px !important;
}

.width-100 {
  width: 100px !important;
}

.width-150 {
  width: 150px !important;
}

.width-200 {
  width: 200px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-450 {
  width: 450px !important;
}

.width-500 {
  width: 500px !important;
}

.width-550 {
  width: 550px !important;
}

.width-600 {
  width: 600px !important;
}

.d-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.yalla-cart-free-shipping {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #333;
  padding: 10px 20px;
}
.yalla-cart-free-shipping div {
  display: inline-flex;
  align-items: center;
}
.yalla-cart-free-shipping div span i, .yalla-cart-free-shipping div span svg {
  font-size: 50px;
  color: #0ea432;
}
.yalla-cart-free-shipping div .img-box {
  width: 45%;
  height: 180px;
}
.yalla-cart-free-shipping div .img-box img {
  object-fit: contain;
}
.yalla-cart-free-shipping div section {
  width: 100%;
  margin: 0 20px;
}
.yalla-cart-free-shipping div section div {
  display: block;
}
.yalla-cart-free-shipping div section div span {
  font-size: 15px;
  text-transform: capitalize;
}
.yalla-cart-free-shipping div section div #remainingAmountForFreeShipping {
  font-size: 18px;
  color: #ff725e;
  font-weight: 900;
}
@media (max-width: 575.98px) {
  .yalla-cart-free-shipping div {
    display: inline-block;
  }
  .yalla-cart-free-shipping div .img-box {
    width: 100%;
    height: 80px;
  }
  .yalla-cart-free-shipping div h5 {
    font-size: 0.9rem;
  }
  .yalla-cart-free-shipping div .yalla-cart-free-shipping__text {
    display: block;
    text-align: center;
  }
  .yalla-cart-free-shipping div .yalla-cart-free-shipping__text span {
    text-align: center;
  }
  .yalla-cart-free-shipping div .yalla-cart-free-shipping__text span#remaining_amount_for_free_shipping {
    color: #ff725e;
    margin: 0 5px;
  }
  .yalla-cart-free-shipping div section {
    margin: 0 auto;
  }
  .yalla-cart-free-shipping div .yalla-cart-free-shipping__track {
    margin-top: 40px;
  }
}
.yalla-cart-free-shipping .yalla-cart-free-shipping__track {
  margin-top: 24px;
  height: 15px;
  display: flex;
  align-items: center;
  padding: 0;
  width: 100%;
  border-radius: 10px;
}
.yalla-cart-free-shipping .yalla-cart-free-shipping__track .yalla-cart-free-shipping__bar {
  width: 100%;
  height: 5px;
  border-radius: 20px;
  overflow: visible !important;
  position: relative;
  background-color: #68f891;
  margin: 0 5px;
}
.yalla-cart-free-shipping .yalla-cart-free-shipping__track .yalla-cart-free-shipping__bar span {
  height: 100%;
  background-color: #34b679;
  border-radius: 20px;
  position: absolute;
  right: 0;
}
.yalla-cart-free-shipping .yalla-cart-free-shipping__track .yalla-cart-free-shipping__bar span::after {
  content: " ";
  background-image: url("../images/svg/shipping-car.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
  width: 46px;
  height: 46px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -38px;
}
@media (max-width: 575.98px) {
  .yalla-cart-free-shipping {
    margin: 0 0 10px 0 !important;
    font-size: 12px;
  }
}

.ltr .yalla-cart-free-shipping .yalla-cart-free-shipping__track .yalla-cart-free-shipping__bar span {
  left: 0;
  right: initial !important;
}
.ltr .yalla-cart-free-shipping .yalla-cart-free-shipping__track .yalla-cart-free-shipping__bar span::after {
  left: initial !important;
  right: 0;
  transform: scaleX(-1);
}

.yalla-blog-card {
  width: 100%;
  position: relative;
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.yalla-blog-card .yalla-blog-card__body .img-box {
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
  position: relative;
}
.yalla-blog-card .yalla-blog-card__body .img-box img {
  border-radius: 10px;
  border: 1px solid #eeeeee;
}
.yalla-blog-card .yalla-blog-card__body .img-box .yalla-blog-card__cat {
  background-color: #117893;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  text-transform: capitalize;
  border-radius: 7px;
  display: flex;
  align-items: center;
  z-index: 10;
}
.yalla-blog-card .yalla-blog-card__body .img-box .yalla-blog-card__cat i, .yalla-blog-card .yalla-blog-card__body .img-box .yalla-blog-card__cat svg {
  color: #fff;
  font-size: 12px;
  margin: 0 3px;
}
.yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info {
  text-align: right;
}
.yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info .yalla-blog-card__date {
  font-size: 12px;
  color: #565656;
}
.yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info h4 {
  margin-bottom: 5px;
  line-height: 0.9;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info h4 a {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info p {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.2;
  color: #3a4854;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info a.yalla-blog-card__more, .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info .yalla-blog-card__more {
  font-size: 14px;
}
.yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info a.yalla-blog-card__more i, .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info a.yalla-blog-card__more svg, .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info .yalla-blog-card__more i, .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info .yalla-blog-card__more svg {
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  .yalla-blog-card {
    padding: 15px;
  }
  .yalla-blog-card .yalla-blog-card__body .img-box a.yalla-blog-card__cat {
    bottom: 5px;
    left: 5px;
  }
  .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info .yalla-blog-card__date {
    font-size: 12px;
  }
  .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info h4 {
    line-height: 0.9;
    height: 50px;
  }
  .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info h4 a {
    font-size: 16px;
  }
  .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info p {
    font-size: 12px;
    height: 36px;
  }
  .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info a.yalla-blog-card__more {
    font-size: 14px;
  }
  .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info a.yalla-blog-card__more i, .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info a.yalla-blog-card__more svg {
    margin: 0 10px;
  }
}

.blog-show .yalla-blog-post {
  margin-bottom: 30px;
  width: 100%;
  overflow: hidden;
}
.blog-show .yalla-blog-post article {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 15px;
}
.blog-show .yalla-blog-post article .img-box {
  width: 100%;
  min-height: 200px;
  max-height: 600px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.blog-show .yalla-blog-post article .img-box img {
  object-fit: cover;
}
.blog-show .yalla-blog-post article .img-box .yalla-blog-card__cat {
  background-color: #117893;
  color: #fff;
  font-size: 14px;
  padding: 8px 15px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-transform: capitalize;
  border-radius: 10px;
  display: flex;
  align-items: center;
  z-index: 10;
}
.blog-show .yalla-blog-post article .img-box .yalla-blog-card__cat i, .blog-show .yalla-blog-post article .img-box .yalla-blog-card__cat svg {
  color: #fff;
  font-size: 13px;
  margin: 0 3px;
}
.blog-show .yalla-blog-post article .yalla-blog-card__date {
  font-size: 12px;
  color: #565656;
}
.blog-show .yalla-blog-post article h1 {
  font-size: 26px;
  line-height: 1.5;
  font-weight: bold;
}
.blog-show .yalla-blog-post article p {
  width: 100%;
}
.blog-show .yalla-blog-post article h2, .blog-show .yalla-blog-post article h3, .blog-show .yalla-blog-post article h4, .blog-show .yalla-blog-post article h5, .blog-show .yalla-blog-post article h6 {
  font-size: 20px;
}
.blog-show .yalla-blog-post article p, .blog-show .yalla-blog-post article b, .blog-show .yalla-blog-post article span, .blog-show .yalla-blog-post article div, .blog-show .yalla-blog-post article a, .blog-show .yalla-blog-post article small, .blog-show .yalla-blog-post article strong {
  font-size: 16px;
}
.blog-show .yalla-blog-post article .yalla-blog-post__body {
  width: 100%;
  overflow: hidden;
}
.blog-show .yalla-blog-post article .yalla-blog-post__body p {
  margin-bottom: 0;
  width: 100%;
}
.blog-show .yalla-blog-post article .yalla-blog-post__body img {
  width: 100% !important;
  min-height: 250px;
  margin: 15px auto;
  padding: 0 20px;
}
.blog-show .yalla-blog-post article .yalla-blog-post__body iframe {
  width: 100%;
  height: 450px;
  margin: 15px 0;
  padding: 0 20px;
}
.blog-show .yalla-blog-post article .yalla-blog-post__body a {
  color: #56d285;
  background-color: rgba(207, 255, 225, 0.5411764706);
  padding: 4px 10px;
  border-radius: 7px;
  margin: 5px;
  display: inherit;
}
.blog-show .yalla-blog-post article .yalla-blog-post__body a:hover {
  text-decoration: underline;
}
.blog-show .yalla-blog-post article iframe, .blog-show .yalla-blog-post article blockquote {
  width: 100% !important;
  max-width: 100% !important;
  height: 500px;
  max-height: 800px;
  margin-bottom: 15px;
}
.blog-show .yalla-blog-post article iframe article, .blog-show .yalla-blog-post article blockquote article {
  width: 100%;
}
.blog-show .yalla-blog-post article .twitter-tweet.twitter-tweet-rendered {
  width: 100% !important;
}
.blog-show .yalla-blog-post .share {
  background-color: #fff;
  margin-bottom: 15px;
}
.blog-show .yalla-blog-post .share {
  padding: 20px;
}
@media (max-width: 575.98px) {
  .blog-show .yalla-blog-post article {
    padding: 20px 15px 0;
  }
  .blog-show .yalla-blog-post article .img-box {
    max-height: 400px;
    margin-bottom: 10px;
  }
  .blog-show .yalla-blog-post article .img-box a.yalla-blog-card__cat {
    left: 10px;
    bottom: 10px;
  }
  .blog-show .yalla-blog-post article .yalla-blog-post__title {
    margin: 5px 0 10px;
    line-height: 1.2;
    font-size: 22px;
  }
  .blog-show .yalla-blog-post article .yalla-blog-post__body h2, .blog-show .yalla-blog-post article .yalla-blog-post__body h3, .blog-show .yalla-blog-post article .yalla-blog-post__body h4, .blog-show .yalla-blog-post article .yalla-blog-post__body h5, .blog-show .yalla-blog-post article .yalla-blog-post__body h6 {
    font-size: 17px;
  }
  .blog-show .yalla-blog-post article .yalla-blog-post__body p, .blog-show .yalla-blog-post article .yalla-blog-post__body b, .blog-show .yalla-blog-post article .yalla-blog-post__body span, .blog-show .yalla-blog-post article .yalla-blog-post__body div, .blog-show .yalla-blog-post article .yalla-blog-post__body small, .blog-show .yalla-blog-post article .yalla-blog-post__body strong {
    font-size: 14px;
  }
  .blog-show .yalla-blog-post article .yalla-blog-post__body a {
    font-size: 13px;
  }
  .blog-show .yalla-blog-post article .yalla-blog-post__body img {
    min-height: auto;
    padding: 0;
  }
  .blog-show .yalla-blog-post article .yalla-blog-post__body iframe {
    height: 230px;
    padding: 0;
  }
  .blog-show .yalla-blog-post article iframe {
    height: 230px;
    padding: 0;
  }
  .blog-show .yalla-blog-post .aside .single_widgets.widget_search {
    margin-bottom: 30px;
  }
}
.blog-show aside.yalla-blog-related article, .blog-show .yalla-blog-related article {
  margin-bottom: 10px;
}
.blog-show aside.yalla-blog-related article .yalla-blog-card__body, .blog-show .yalla-blog-related article .yalla-blog-card__body {
  display: flex;
}
.blog-show aside.yalla-blog-related article .yalla-blog-card__body .img-box, .blog-show .yalla-blog-related article .yalla-blog-card__body .img-box {
  width: 120px;
  height: 100px;
  margin: 0 10px;
  flex-shrink: 0;
}
.blog-show .articles article.yalla-blog-card {
  margin-bottom: 30px;
}
.blog-show .aside .single_widgets.widget_search {
  padding: 20px;
  background-color: #fff;
}
.blog-show .aside .sidebar-search-form {
  display: flex;
  align-items: center;
}
.blog-show .aside .sidebar-search-form input {
  height: 45px;
  border: 2px solid #989898;
}
.blog-show .aside .sidebar-search-form .search-button {
  width: 60px;
  height: 50px;
  background-color: #175363;
  color: #fff;
  margin-left: -10px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.blog-show .aside .sidebar-search-form .form-control:focus {
  outline: 0;
  box-shadow: none;
}
.blog-show .aside .yalla-blog-related {
  margin-top: 15px;
  background-color: #fff;
}
@media (max-width: 575.98px) {
  .blog-show .row .col-lg-8 {
    padding: 0 5px;
  }
}

.rtl .yalla-blog-card .yalla-blog-card__body .img-box .yalla-blog-card__cat {
  left: initial;
  right: 10px;
}
.rtl .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info .yalla-blog-card__more i, .rtl .yalla-blog-card .yalla-blog-card__body .yalla-blog-card__info .yalla-blog-card__more svg {
  rotate: 180deg;
}

.alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: initial;
  font-size: 14px;
  padding: 5px 15px;
}
.alert .go_away {
  height: initial;
  color: inherit;
  background-color: transparent;
  border: 0;
  float: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.alert .go_away i, .alert .go_away svg {
  font-style: normal;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
}
.alert .go_away:hover {
  opacity: 1;
}
.alert.general-notes, .alert.yalla-notice {
  justify-content: center;
}

/*end pages style*/
/*start buttons style*/
.contac-button {
  background-color: #117893;
  color: #fff;
  width: 130px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  font-size: 20px;
}
.contac-button:hover {
  background-color: #175363;
  color: #fff;
  text-decoration: none;
}

.yalla-btn,
.a-button {
  padding: 0 20px;
  height: 45px;
  display: inline-block;
  margin: 15px 0 10px;
  border: none;
  overflow: hidden;
}

.btn-head {
  background: #fff;
  color: #117893 !important;
  font-size: 1.2rem;
  padding: 0.7rem 1.55rem;
  text-decoration: none;
  border-radius: 10px;
}
.btn-head:hover {
  background-color: #175363 !important;
  color: #fff !important;
  text-decoration: none;
}

.button,
button.a-button {
  padding: 0 !important;
  height: 40px;
  display: inline-flex;
  border-radius: 8px;
  overflow: hidden;
  float: left;
  margin: inherit;
}
.button span,
button.a-button span {
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  height: 45px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.button div,
button.a-button div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 45px;
  background-color: #175363;
  color: #fff;
}
.button div i, .button div svg,
button.a-button div i,
button.a-button div svg {
  font-size: 20px;
}
.button div:hover,
button.a-button div:hover {
  background-color: #117893;
}

.btn-section, .yalla-btn--section {
  height: 45px;
  display: none;
  margin: 0 0 10px 0;
}
.btn-section span, .yalla-btn--section span {
  height: 45px;
  padding: 0 10px;
}
.btn-section div, .yalla-btn--section div {
  height: 45px;
  padding: 0 10px;
}
.btn-section div i, .btn-section div svg, .yalla-btn--section div i, .yalla-btn--section div svg {
  font-size: 20px;
}
@media (max-width: 575.98px) {
  .btn-section, .yalla-btn--section {
    height: 38px;
    display: flex;
    margin: 10px 0 10px 0;
  }
  .btn-section span, .yalla-btn--section span {
    height: 38px;
    padding: 0 10px;
    font-size: 12px;
  }
  .btn-section div, .yalla-btn--section div {
    height: 38px;
    padding: 0 10px;
  }
  .btn-section div i, .btn-section div svg, .yalla-btn--section div i, .yalla-btn--section div svg {
    font-size: 13px;
  }
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none !important;
}

/*end buttons style*/
/*start footer style*/
.yalla-footer {
  height: auto;
  position: sticky;
  top: 100vh;
}
.yalla-footer .yalla-footer__body {
  padding: 10px;
}
@media (min-width: 1366px) {
  .yalla-footer .yalla-footer__body .container {
    width: 1300px;
  }
}
@media (max-width: 767.98px) {
  .yalla-footer .yalla-footer__body .container .inline-flex {
    justify-content: center;
  }
}
.yalla-footer .yalla-footer__body .media {
  justify-content: left;
}
.yalla-footer .yalla-footer__body .media a div {
  margin: 0 4px !important;
  margin: 0 4px !important;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yalla-footer .yalla-footer__body .media a div i, .yalla-footer .yalla-footer__body .media a div svg {
  font-size: 18px;
}
@media (max-width: 991.98px) {
  .yalla-footer .yalla-footer__body .media {
    padding: 15px 0 8px;
  }
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .media {
    justify-content: center;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
    font-size: 15px;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__col {
  text-align: center;
  padding-top: 5px;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul {
  margin-bottom: 0;
  display: inline-flex;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li {
  margin: 0;
  font-size: 12px;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  padding: 4px 7px;
  display: inline-block;
  border-radius: 0.25rem;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col ul li {
    margin: 0;
    font-size: 10px;
  }
}
.yalla-footer .yalla-footer__copyright {
  min-height: 45px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit {
  font-size: 13px;
}
.yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  text-decoration: none;
  cursor: default;
}
.yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .yalla-footer .yalla-footer__copyright {
    font-size: 13px;
  }
  .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-link {
    font-size: 14px !important;
  }
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__copyright-credit {
    font-size: 12px;
    text-align: center;
  }
}
.yalla-footer .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__copyright-credit .yalla-footer__copyright-link {
    font-size: 13px;
  }
}

.ltr .yalla-footer .yalla-footer__body .media {
  direction: rtl;
  justify-content: right;
}

/*end footer style*/
/*start print style*/
@media print {
  @page {
    margin: 0;
  }
  body {
    font-size: 100%;
  }
  header,
  .yalla-breadcrumb,
  #trial-store,
  footer {
    visibility: hidden;
    display: none !important;
  }
  .yalla-orders__list {
    visibility: visible;
  }
  .account .yalla-orders__list .yalla-orders__card ul {
    padding: 20px !important;
    border: 1px solid #cacaca;
    border-radius: 8px;
  }
  .order-details .yalla-orders__card .yalla-product-card, .yalla-order-item, .yalla-cart-item, .yalla-offers__item {
    border: 1px solid #cacaca;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1019607843);
  }
}
/*end print style*/
/*start colors file*/
/* Generate dynamic themes */
.blue {
  --yalla-color-primary: #0582ca;
  --yalla-color-dark: #003554;
  --yalla-color-heading: #003554;
  --yalla-color-accent: #00a6fb;
  --yalla-color-surface-muted: #e0f7ff;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.blue .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.blue .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.blue .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #0582ca;
}
.blue .auth-popup .auth-tabs__trigger[data-state=active], .blue .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #003554;
  color: #fff;
}
.blue .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #0582ca;
}
.blue .auth-popup button.button--primary {
  background: #0582ca;
}
.blue .auth-popup button.button--primary:hover {
  background: #003554;
}
.blue .auth-popup #go-to-register {
  color: #003554;
}
.blue .auth-popup #go-to-register:hover {
  color: #0582ca;
  animation: initial;
}
.blue .yalla-cart-item__offer i, .blue .yalla-cart-item__offer svg {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-cart-item__offer div {
  color: #003554;
}
.blue .general-notes,
.blue .yalla-notice {
  background-color: #003554;
  color: #fff;
}
.blue .general-notes button,
.blue .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.blue .contac-button {
  background-color: #0582ca;
  color: #fff;
}
.blue .contac-button:hover {
  background-color: #003554;
  color: #fff;
}
.blue .btn-head {
  background: #fff;
  color: #0582ca !important;
}
.blue .btn-head:hover {
  background-color: #003554 !important;
  color: #fff !important;
}
.blue button div,
.blue .button div,
.blue .a-button div {
  background-color: #003554;
}
.blue .sub-categories a h5 {
  color: #003554;
}
.blue .yalla-subnav__brand-link {
  color: #003554;
}
.blue .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #0582ca;
}
.blue .yalla-brand-card h6 {
  color: #003554;
}
.blue .yalla-brand-card h6:hover {
  color: #0582ca;
}
.blue .social-button {
  background: linear-gradient(45deg, #003554, #0582ca) !important;
}
.blue .social-button:hover {
  background: linear-gradient(45deg, #0582ca, #003554);
}
.blue .add-cart {
  background-color: #0582ca !important;
}
.blue header {
  background-color: #0582ca;
  border-bottom: 1px solid #fff;
}
.blue header nav form .yalla-btn,
.blue header nav form .yalla-subnav__search-submit,
.blue header nav .yalla-subnav__search-form .yalla-btn,
.blue header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #003554;
}
@media (max-width: 991.98px) {
  .blue header nav form,
  .blue header nav .yalla-subnav__search-form {
    background-color: #003554;
    border-top: 1px solid #fff;
  }
  .blue header nav form .yalla-btn,
  .blue header nav form .yalla-subnav__search-submit,
  .blue header nav .yalla-subnav__search-form .yalla-btn,
  .blue header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #0582ca;
  }
}
.blue header nav .yalla-subnav__start a span {
  color: #fff;
}
.blue header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #003554;
  color: #fff;
}
.blue header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login a i, .blue header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login a:hover {
  background-color: #003554;
}
.blue header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login button:hover {
  background-color: #003554 !important;
}
.blue header nav .yalla-subnav__actions .login button:focus {
  background-color: #003554 !important;
}
.blue header nav .yalla-subnav__actions .login button:active {
  background-color: #003554 !important;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #0582ca;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a i, .blue header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #0582ca;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .blue header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .blue header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .blue header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #003554;
}
.blue header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.blue header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.blue header nav .yalla-subnav__actions .yalla-subnav__cart a i, .blue header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.blue header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #0582ca;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #0582ca;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #0582ca;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #0582ca;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #003554;
}
.blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .blue header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.blue .yalla-footer {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-footer .yalla-footer__body .media a div {
  background-color: #003554;
}
.blue .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.blue .yalla-footer .yalla-footer__body .media a div:hover i, .blue .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #003554;
}
.blue .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.blue .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.blue .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #003554;
}
.blue .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.blue .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.blue .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.blue .wihte-container {
  background-color: #fff;
}
.blue .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.blue .head::before, .blue .yalla-page-toolbar::before {
  background: #0582ca;
}
.blue .head h3, .blue .yalla-page-toolbar h3 {
  color: #003554;
}
.blue .head a:last-of-type, .blue .yalla-page-toolbar a:last-of-type {
  color: #0582ca;
}
.blue .head .dropdown, .blue .yalla-page-toolbar .dropdown {
  left: 0;
}
.blue .head .dropdown button, .blue .yalla-page-toolbar .dropdown button {
  background-color: #0582ca;
  color: #fff;
}
.blue .head .dropdown .dropdown-menu a, .blue .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #003554;
}
.blue .head .dropdown .dropdown-menu a:last-of-type, .blue .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #003554;
}
.blue .head .dropdown .dropdown-menu .active, .blue .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #003554;
}
.blue .head .dropdown .dropdown-menu a:focus, .blue .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #003554;
}
.blue .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .blue .media div, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .blue .media div, .blue .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .blue .media div {
  background-color: #0582ca;
}
.blue .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .blue .media div i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .blue .media div i, .blue .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .blue .media div i, .blue .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .blue .media div svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .blue .media div svg, .blue .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .blue .media div svg {
  color: #fff;
}
.blue .breadcrumb-nav {
  background-color: #fff;
}
.blue .yalla-breadcrumb .overlay {
  background-color: #0582ca;
}
.blue .yalla-breadcrumb form button {
  color: #fff;
}
.blue .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.blue .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #00a6fb;
  border-color: #00a6fb;
}
.blue .yalla-breadcrumb section h2 {
  color: #fff;
}
.blue .yalla-breadcrumb section ol li {
  color: #fff;
}
.blue .yalla-breadcrumb section ol li a {
  color: #fff;
}
.blue .yalla-breadcrumb section ol .active {
  color: #fff;
}
.blue .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.blue .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.blue .close:hover, .blue .close:focus, .blue .close:active {
  background-color: #FF4538;
  color: #fff;
}
.blue .alerts-product .alert .button div {
  background-color: #003554 !important;
}
.blue .alerts-product .alert .button:hover div {
  background-color: #0582ca !important;
}
.blue .trial-store {
  color: #ecf0f1;
  background-color: #003554;
}
.blue .trial-store a {
  color: #0582ca;
}
.blue .trial-store .close {
  background-color: #dc3545;
}
.blue .trial-store .close i, .blue .trial-store .close svg {
  color: #fff;
}
.blue .trial-store .btn-trial {
  color: #fff !important;
  background-color: #0582ca;
}
.blue .pagination li.active span {
  color: #fff;
  border-color: #0582ca;
  background-color: #0582ca;
  border: 1px solid #f2f2f2;
}
.blue .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.blue .pagination li a:hover {
  background-color: #0582ca;
}
.blue .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.blue .yalla-product-card .img-box, .blue .yalla-product-card .yalla-product-card__media, .blue .yalla-order-item .img-box, .blue .yalla-order-item .yalla-product-card__media, .blue .yalla-cart-item .img-box, .blue .yalla-cart-item .yalla-product-card__media, .blue .yalla-offers__item .img-box, .blue .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.blue .yalla-product-card .img-box .label-Wishes, .blue .yalla-product-card .img-box .yalla-product-card__wishlist, .blue .yalla-product-card .yalla-product-card__media .label-Wishes, .blue .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .blue .yalla-order-item .img-box .label-Wishes, .blue .yalla-order-item .img-box .yalla-product-card__wishlist, .blue .yalla-order-item .yalla-product-card__media .label-Wishes, .blue .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .blue .yalla-cart-item .img-box .label-Wishes, .blue .yalla-cart-item .img-box .yalla-product-card__wishlist, .blue .yalla-cart-item .yalla-product-card__media .label-Wishes, .blue .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .blue .yalla-offers__item .img-box .label-Wishes, .blue .yalla-offers__item .img-box .yalla-product-card__wishlist, .blue .yalla-offers__item .yalla-product-card__media .label-Wishes, .blue .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.blue .yalla-product-card .img-box .installed, .blue .yalla-product-card .yalla-product-card__media .installed, .blue .yalla-order-item .img-box .installed, .blue .yalla-order-item .yalla-product-card__media .installed, .blue .yalla-cart-item .img-box .installed, .blue .yalla-cart-item .yalla-product-card__media .installed, .blue .yalla-offers__item .img-box .installed, .blue .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #0582ca;
}
.blue .yalla-product-card .img-box .installed i, .blue .yalla-product-card .img-box .installed svg, .blue .yalla-product-card .yalla-product-card__media .installed i, .blue .yalla-product-card .yalla-product-card__media .installed svg, .blue .yalla-order-item .img-box .installed i, .blue .yalla-order-item .img-box .installed svg, .blue .yalla-order-item .yalla-product-card__media .installed i, .blue .yalla-order-item .yalla-product-card__media .installed svg, .blue .yalla-cart-item .img-box .installed i, .blue .yalla-cart-item .img-box .installed svg, .blue .yalla-cart-item .yalla-product-card__media .installed i, .blue .yalla-cart-item .yalla-product-card__media .installed svg, .blue .yalla-offers__item .img-box .installed i, .blue .yalla-offers__item .img-box .installed svg, .blue .yalla-offers__item .yalla-product-card__media .installed i, .blue .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.blue .yalla-product-card .img-box .yalla-btn:hover, .blue .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .blue .yalla-order-item .img-box .yalla-btn:hover, .blue .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .blue .yalla-cart-item .img-box .yalla-btn:hover, .blue .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .blue .yalla-offers__item .img-box .yalla-btn:hover, .blue .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #00a6fb;
}
.blue .yalla-product-card section .label-left, .blue .yalla-order-item section .label-left, .blue .yalla-cart-item section .label-left, .blue .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.blue .yalla-product-card section .label-right, .blue .yalla-order-item section .label-right, .blue .yalla-cart-item section .label-right, .blue .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.blue .yalla-product-card section section, .blue .yalla-order-item section section, .blue .yalla-cart-item section section, .blue .yalla-offers__item section section {
  background-color: #fff;
}
.blue .yalla-product-card section .yalla-product-card__pricing, .blue .yalla-product-card section .yalla-order-item__price, .blue .yalla-product-card section .yalla-offers__price, .blue .yalla-order-item section .yalla-product-card__pricing, .blue .yalla-order-item section .yalla-order-item__price, .blue .yalla-order-item section .yalla-offers__price, .blue .yalla-cart-item section .yalla-product-card__pricing, .blue .yalla-cart-item section .yalla-order-item__price, .blue .yalla-cart-item section .yalla-offers__price, .blue .yalla-offers__item section .yalla-product-card__pricing, .blue .yalla-offers__item section .yalla-order-item__price, .blue .yalla-offers__item section .yalla-offers__price {
  color: #0582ca !important;
}
.blue .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .blue .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .blue .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .blue .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .blue .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .blue .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .blue .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .blue .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .blue .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .blue .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .blue .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .blue .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .blue .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .blue .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .blue .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .blue .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .blue .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .blue .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .blue .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .blue .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .blue .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .blue .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .blue .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .blue .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.blue .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #003554;
}
.blue .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.blue .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #00a6fb;
}
.blue .index {
  background-color: #F4F4F4;
}
.blue .index .slider .c-img div .img-box {
  background: #003554;
}
.blue .index .section .yalla-btn {
  background-color: #0582ca;
  color: #fff;
}
.blue .index .section .yalla-btn:hover {
  background-color: #003554;
  color: #fff !important;
}
.blue .index .section .yalla-btn:focus {
  background-color: #003554;
  color: #fff !important;
}
.blue .index .section .yalla-btn:active {
  background-color: #003554;
  color: #fff !important;
}
.blue #storeFeatures .feature_item {
  background-color: #fff;
}
.blue #storeFeatures .feature_item .feature_icon {
  background-color: #003554;
}
.blue #storeFeatures .feature_item .feature_icon svg, .blue #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.blue #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.blue #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.blue .yalla-btn {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-btn:hover {
  background-color: #003554;
  color: #fff !important;
}
.blue .yalla-btn:focus {
  background-color: #003554;
  color: #fff !important;
}
.blue .yalla-btn:active {
  background-color: #003554;
  color: #fff !important;
}
.blue .opacity-7 {
  background-color: #003554 !important;
  color: #fff !important;
}
.blue .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #003554;
}
.blue .yalla-blog-card .yalla-blog-card__info h4, .blue .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #003554;
}
.blue .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #0582ca;
}
.blue .all-blogs .btn {
  background-color: #003554;
}
.blue .all-blogs .btn:hover {
  background-color: #0582ca;
}
.blue .swiper-button-next,
.blue .swiper-button-prev {
  color: #fff;
  background-color: #0582ca;
}
.blue .single {
  background-color: #F4F4F4;
}
.blue .single .yalla-product__gallery {
  background-color: #fff;
}
.blue .single .section .swiper-button-next,
.blue .single .section .swiper-button-prev {
  color: #fff;
  background-color: #0582ca;
}
.blue .single .section .yalla-product__description,
.blue .single .section .cliparai,
.blue .single .section .share,
.blue .single .section .yalla-product__info {
  background-color: #fff;
}
.blue .single .section .yalla-product__info h6 {
  color: #003554;
}
.blue .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #0582ca;
}
.blue .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #003554;
}
.blue .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.blue .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #0582ca;
}
.blue .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.blue .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.blue .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.blue .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.blue .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #0582ca;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #003554;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #0582ca;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #0582ca;
  color: #0582ca;
  background-color: transparent;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #003554;
  border-color: #003554;
  color: #fff;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #0582ca;
  color: #fff;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #003554;
  border-color: #003554;
  color: #fff;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #0582ca !important;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .blue .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #0582ca !important;
}
.blue .single .button-more button {
  background-color: #003554;
  color: #fff;
}
.blue .taxonomies h6, .blue .tags h6 {
  color: #003554;
}
.blue .taxonomies ul li, .blue .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.blue #special-offer .btn-collection {
  border: 1px solid #0582ca;
  color: #0582ca;
  border-radius: 7px;
}
.blue #special-offer .btn-collection:hover {
  background-color: #0582ca;
  color: #fff;
}
.blue .clipboard button {
  color: #fff;
  background-color: #0582ca;
}
.blue .clipboard button:hover {
  background-color: #003554;
  color: #fff;
}
.blue .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .blue .clipboard button,
  .blue .clipboard .button {
    background-color: #003554;
  }
  .blue .clipboard button span,
  .blue .clipboard .button span {
    color: #fff;
  }
  .blue .clipboard button i, .blue .clipboard button svg,
  .blue .clipboard .button i,
  .blue .clipboard .button svg {
    color: #fff;
  }
}
.blue .share .action-icon .like {
  color: #1479fb;
}
.blue .share .action-icon .dislike {
  color: #FF4538;
}
.blue .share .action-icon .view {
  color: #003554;
}
.blue .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .blue .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.blue .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .blue .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #0582ca;
}
.blue #quantityDiscounts {
  margin-bottom: 20px;
}
.blue .cart,
.blue .yalla-page-cart {
  background-color: #F4F4F4;
}
.blue .cart .yalla-cart__top-note,
.blue .yalla-page-cart .yalla-cart__top-note {
  background-color: #003554;
  color: #fff;
}
.blue .cart .yalla-cart__top-note a,
.blue .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.blue .cart .yalla-cart__order-notes a,
.blue .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #003554;
  color: #fff;
}
.blue .cart .yalla-cart .heart,
.blue .yalla-page-cart .yalla-cart .heart {
  color: #0582ca;
}
.blue .cart .yalla-cart .yalla-product-card, .blue .cart .yalla-cart .yalla-order-item, .blue .cart .yalla-cart .yalla-cart-item, .blue .cart .yalla-cart .yalla-offers__item,
.blue .yalla-page-cart .yalla-cart .yalla-product-card,
.blue .yalla-page-cart .yalla-cart .yalla-order-item,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.blue .cart .yalla-cart .yalla-product-card .action .trash, .blue .cart .yalla-cart .yalla-order-item .action .trash, .blue .cart .yalla-cart .yalla-cart-item .action .trash, .blue .cart .yalla-cart .yalla-offers__item .action .trash,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.blue .cart .yalla-cart .yalla-product-card .action .trash i, .blue .cart .yalla-cart .yalla-product-card .action .trash svg, .blue .cart .yalla-cart .yalla-order-item .action .trash i, .blue .cart .yalla-cart .yalla-order-item .action .trash svg, .blue .cart .yalla-cart .yalla-cart-item .action .trash i, .blue .cart .yalla-cart .yalla-cart-item .action .trash svg, .blue .cart .yalla-cart .yalla-offers__item .action .trash i, .blue .cart .yalla-cart .yalla-offers__item .action .trash svg,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.blue .cart .yalla-cart .yalla-product-card .action .heart i, .blue .cart .yalla-cart .yalla-product-card .action .heart svg, .blue .cart .yalla-cart .yalla-order-item .action .heart i, .blue .cart .yalla-cart .yalla-order-item .action .heart svg, .blue .cart .yalla-cart .yalla-cart-item .action .heart i, .blue .cart .yalla-cart .yalla-cart-item .action .heart svg, .blue .cart .yalla-cart .yalla-offers__item .action .heart i, .blue .cart .yalla-cart .yalla-offers__item .action .heart svg,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #00a6fb;
}
.blue .cart .yalla-cart .yalla-product-card .action .note, .blue .cart .yalla-cart .yalla-order-item .action .note, .blue .cart .yalla-cart .yalla-cart-item .action .note, .blue .cart .yalla-cart .yalla-offers__item .action .note,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #00a6fb;
}
.blue .cart .yalla-cart .yalla-product-card .action .note i, .blue .cart .yalla-cart .yalla-product-card .action .note svg, .blue .cart .yalla-cart .yalla-order-item .action .note i, .blue .cart .yalla-cart .yalla-order-item .action .note svg, .blue .cart .yalla-cart .yalla-cart-item .action .note i, .blue .cart .yalla-cart .yalla-cart-item .action .note svg, .blue .cart .yalla-cart .yalla-offers__item .action .note i, .blue .cart .yalla-cart .yalla-offers__item .action .note svg,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.blue .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.blue .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #00a6fb;
}
.blue .cart .yalla-cart .yalla-cart-summary,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.blue .cart .yalla-cart .yalla-cart-summary h5,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.blue .cart .yalla-cart .yalla-cart-summary section span,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.blue .cart .yalla-cart .yalla-cart-summary section div,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.blue .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #00a6fb;
}
.blue .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #00a6fb;
}
.blue .cart .yalla-cart .yalla-cart-summary .delete span,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.blue .cart .yalla-cart .yalla-cart-summary .delete i, .blue .cart .yalla-cart .yalla-cart-summary .delete svg,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.blue .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.blue .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.blue .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.blue .cart .yalla-cart .nav-tabs .nav-item .active,
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #00a6fb !important;
}
.blue .cart .yalla-cart .nav-tabs .nav-item .active span,
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #0582ca !important;
  border: 1px solid #0582ca;
}
.blue .cart .yalla-cart .nav-tabs .nav-item .active span div,
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #003554;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #0582ca;
  color: #0582ca;
  background-color: transparent;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #0582ca;
  color: #fff;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #0582ca;
  color: #fff;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #0582ca;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #00a6fb;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #003554;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .address,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #003554;
}
.blue .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .blue .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.blue .account,
.blue .yalla-page-account {
  background-color: #F4F4F4;
}
.blue .account .nav-pills .nav-link,
.blue .yalla-page-account .nav-pills .nav-link {
  color: #0582ca;
}
.blue .account .nav-pills .nav-link:hover,
.blue .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #0582ca;
  color: #fff !important;
}
.blue .account .nav-pills .active,
.blue .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #0582ca;
}
.blue .account .account-form,
.blue .account .yalla-account__form,
.blue .yalla-page-account .account-form,
.blue .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.blue .account .account-form .p-image:hover i, .blue .account .account-form .p-image:hover svg,
.blue .account .account-form .yalla-account__avatar-upload:hover i,
.blue .account .account-form .yalla-account__avatar-upload:hover svg,
.blue .account .yalla-account__form .p-image:hover i,
.blue .account .yalla-account__form .p-image:hover svg,
.blue .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.blue .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.blue .yalla-page-account .account-form .p-image:hover i,
.blue .yalla-page-account .account-form .p-image:hover svg,
.blue .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.blue .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.blue .yalla-page-account .yalla-account__form .p-image:hover i,
.blue .yalla-page-account .yalla-account__form .p-image:hover svg,
.blue .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.blue .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #0582ca;
}
.blue .account .account-form form label,
.blue .account .yalla-account__form form label,
.blue .yalla-page-account .account-form form label,
.blue .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.blue .account .account-form form input,
.blue .account .yalla-account__form form input,
.blue .yalla-page-account .account-form form input,
.blue .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.blue .account .account-form form .form-check,
.blue .account .yalla-account__form form .form-check,
.blue .yalla-page-account .account-form form .form-check,
.blue .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.blue .account .account-form form .select2 .select2-selection__rendered,
.blue .account .yalla-account__form form .select2 .select2-selection__rendered,
.blue .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.blue .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.blue .account .account-form form .select2 .select2-selection,
.blue .account .yalla-account__form form .select2 .select2-selection,
.blue .yalla-page-account .account-form form .select2 .select2-selection,
.blue .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.blue .account .account-form form button,
.blue .account .yalla-account__form form button,
.blue .yalla-page-account .account-form form button,
.blue .yalla-page-account .yalla-account__form form button {
  background-color: #0582ca;
  color: #fff;
}
.blue .account .account-form form button:hover,
.blue .account .yalla-account__form form button:hover,
.blue .yalla-page-account .account-form form button:hover,
.blue .yalla-page-account .yalla-account__form form button:hover {
  background-color: #00a6fb;
}
.blue .account .account-form form .form-inline .dropdown-toggle,
.blue .account .yalla-account__form form .form-inline .dropdown-toggle,
.blue .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.blue .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.blue .account .account-form form .form-inline li .active,
.blue .account .yalla-account__form form .form-inline li .active,
.blue .yalla-page-account .account-form form .form-inline li .active,
.blue .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #0582ca;
  color: #fff;
}
.blue .account .account-form form .form-inline li a:focus,
.blue .account .yalla-account__form form .form-inline li a:focus,
.blue .yalla-page-account .account-form form .form-inline li a:focus,
.blue .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #0582ca;
  color: #fff;
}
.blue .account .yalla-orders__card,
.blue .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.blue .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.blue .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.blue .account .yalla-orders__list ul .yalla-order-summary__total,
.blue .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #0582ca;
}
.blue .account .yalla-orders__list .yalla-product-card, .blue .account .yalla-orders__list .yalla-order-item, .blue .account .yalla-orders__list .yalla-cart-item, .blue .account .yalla-orders__list .yalla-offers__item,
.blue .yalla-page-account .yalla-orders__list .yalla-product-card,
.blue .yalla-page-account .yalla-orders__list .yalla-order-item,
.blue .yalla-page-account .yalla-orders__list .yalla-cart-item,
.blue .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.blue .account .yalla-orders__list .yalla-product-card section section, .blue .account .yalla-orders__list .yalla-order-item section section, .blue .account .yalla-orders__list .yalla-cart-item section section, .blue .account .yalla-orders__list .yalla-offers__item section section,
.blue .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.blue .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.blue .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.blue .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.blue .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .blue .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .blue .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .blue .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.blue .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.blue .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.blue .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.blue .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0582ca !important;
}
.blue .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .blue .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .blue .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .blue .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.blue .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.blue .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.blue .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.blue .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.blue .yalla-cart-empty {
  background-color: #F4F4F4;
}
.blue .yalla-cart-empty h2 {
  color: #737373;
}
.blue .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #00a6fb;
}
.blue .completed {
  background-color: #F4F4F4;
}
.blue .completed .section-container h3 {
  color: #0C0C0C;
}
.blue .completed .section-container section h5 {
  color: #737373;
}
.blue .completed .section-container section ul li {
  color: #939393;
}
.blue .completed .section-container section ul li a {
  color: #0582ca !important;
}
.blue .completed .section-container section ul li a:hover {
  color: #003554 !important;
}
.blue .completed .section-container .share-info .form-group textarea {
  color: #0582ca;
}
.blue .completed .section-container .share-info .share-button button {
  color: #fff;
}
.blue .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.blue .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.blue .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.blue .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.blue .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.blue .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.blue .completed .section-container a {
  background-color: #0582ca;
  color: #fff;
}
.blue .completed .section-container a:hover {
  background-color: #00a6fb;
}
.blue .contact {
  background-color: #F4F4F4;
}
.blue .contact .section-container, .blue .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.blue .contact .section-container .icon-flow, .blue .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.blue .contact .section-container .icon-flow i, .blue .contact .section-container .icon-flow svg, .blue .contact .yalla-page-contact__body .icon-flow i, .blue .contact .yalla-page-contact__body .icon-flow svg {
  color: #0582ca;
}
.blue .contact .section-container .contacts-form, .blue .contact .section-container .yalla-page-contact__form, .blue .contact .yalla-page-contact__body .contacts-form, .blue .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.blue .contact .section-container .contacts-form form button, .blue .contact .section-container .yalla-page-contact__form form button, .blue .contact .yalla-page-contact__body .contacts-form form button, .blue .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #0582ca;
  color: #fff;
}
.blue .contact .section-container .contacts-form form button:hover, .blue .contact .section-container .yalla-page-contact__form form button:hover, .blue .contact .yalla-page-contact__body .contacts-form form button:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #00a6fb;
}
.blue .contact .section-container .yalla-page-contact__info h5, .blue .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.blue .contact .section-container .yalla-page-contact__info section div, .blue .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.blue .contact .section-container .yalla-page-contact__info section div span, .blue .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #0582ca;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info section div span i, .blue .contact .section-container .yalla-page-contact__info section div span svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info section div a, .blue .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #0582ca;
}
.blue .contact .section-container .yalla-page-contact__info .media .facebook, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .facebook:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .blue .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .twitter, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .twitter:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .blue .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .envelope, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .envelope:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .blue .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .whatsapp, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .blue .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .instagram, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .instagram:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .blue .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .telegram, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .telegram:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .blue .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .youtube, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .youtube:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .blue .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .soundcloud, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .blue .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .snapchat, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.blue .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.blue .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .blue .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .blue .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.blue .contact .section-container:hover .icon-flow, .blue .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #003554;
}
.blue .contact .section-container:hover .icon-flow i, .blue .contact .section-container:hover .icon-flow svg, .blue .contact .yalla-page-contact__body:hover .icon-flow i, .blue .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.blue .affiliate {
  background-color: #F4F4F4;
}
.blue .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.blue .affiliate .affiliate-info .disc article a,
.blue .affiliate .affiliate-info .disc p a {
  background-color: #0582ca;
  color: #fff;
}
.blue .affiliate .affiliate-info .disc article a i, .blue .affiliate .affiliate-info .disc article a svg,
.blue .affiliate .affiliate-info .disc p a i,
.blue .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.blue .affiliate .affiliate-info .button {
  background-color: #0582ca;
  color: #fff;
}
.blue .affiliate .affiliate-info .browse {
  background-color: #003554;
}
.blue .affiliate .affiliate-info .browse:hover {
  background-color: #0582ca;
}
.blue .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.blue .affiliate .affiliate-info .clipboard button {
  background-color: #0582ca;
  color: #fff;
}
.blue .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.blue .affiliate .affiliate-info .table {
  background-color: #fff;
}
.blue .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.blue .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.blue .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.blue .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #003554;
}
.blue .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #0582ca;
}
.blue .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.blue .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.blue .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.blue .affiliate .affiliate-info .bills label {
  color: #737373;
}
.blue .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.blue .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.blue .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.blue .affiliate .under-line {
  border-bottom: 3px solid #0582ca;
}
.blue .checkout .radio:checked {
  background: #0582ca;
  border-color: #0582ca;
}
.blue .checkout .plan-type {
  color: #0582ca;
}
.blue .checkout .btn-primary {
  background: #0582ca;
  border-color: #0582ca;
}
.blue #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.blue #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.blue #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.blue #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.blue #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blue #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.blue #shipping_campanies label .details span i, .blue #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.blue #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.blue #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.blue .checkout .radio:checked ~ .plan-details {
  border-color: #0582ca;
}
.blue #thanks .btn-view-order, .blue #thanks .yalla-thanks__action {
  background: #0582ca;
  color: #fff;
  border: 1px solid #0582ca;
}
.blue #thanks .btn-print-order, .blue #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #0582ca;
  background: transparent;
  border: 1px solid #0582ca;
}
.blue #thanks .btn-print-order:hover, .blue #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #0582ca;
}
.blue #thanks .share-button button, .blue #thanks .yalla-thanks__share-buttons button {
  background-color: #0582ca;
  color: #fff;
}
.blue #thanks .continue-btn {
  background-color: #003554;
  color: #fff;
  opacity: 0.7;
}
.blue #thanks .continue-btn:hover {
  opacity: 1;
}

.red {
  --yalla-color-primary: #cc444b;
  --yalla-color-dark: #1c374a;
  --yalla-color-heading: #1c374a;
  --yalla-color-accent: #457b9d;
  --yalla-color-surface-muted: #ffdee0;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.red .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.red .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.red .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #cc444b;
}
.red .auth-popup .auth-tabs__trigger[data-state=active], .red .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #1c374a;
  color: #fff;
}
.red .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #cc444b;
}
.red .auth-popup button.button--primary {
  background: #cc444b;
}
.red .auth-popup button.button--primary:hover {
  background: #1c374a;
}
.red .auth-popup #go-to-register {
  color: #1c374a;
}
.red .auth-popup #go-to-register:hover {
  color: #cc444b;
  animation: initial;
}
.red .yalla-cart-item__offer i, .red .yalla-cart-item__offer svg {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-cart-item__offer div {
  color: #1c374a;
}
.red .general-notes,
.red .yalla-notice {
  background-color: #1c374a;
  color: #fff;
}
.red .general-notes button,
.red .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.red .contac-button {
  background-color: #cc444b;
  color: #fff;
}
.red .contac-button:hover {
  background-color: #1c374a;
  color: #fff;
}
.red .btn-head {
  background: #fff;
  color: #cc444b !important;
}
.red .btn-head:hover {
  background-color: #1c374a !important;
  color: #fff !important;
}
.red button div,
.red .button div,
.red .a-button div {
  background-color: #1c374a;
}
.red .sub-categories a h5 {
  color: #1c374a;
}
.red .yalla-subnav__brand-link {
  color: #1c374a;
}
.red .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #cc444b;
}
.red .yalla-brand-card h6 {
  color: #1c374a;
}
.red .yalla-brand-card h6:hover {
  color: #cc444b;
}
.red .social-button {
  background: linear-gradient(45deg, #1c374a, #cc444b) !important;
}
.red .social-button:hover {
  background: linear-gradient(45deg, #cc444b, #1c374a);
}
.red .add-cart {
  background-color: #cc444b !important;
}
.red header {
  background-color: #cc444b;
  border-bottom: 1px solid #fff;
}
.red header nav form .yalla-btn,
.red header nav form .yalla-subnav__search-submit,
.red header nav .yalla-subnav__search-form .yalla-btn,
.red header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #1c374a;
}
@media (max-width: 991.98px) {
  .red header nav form,
  .red header nav .yalla-subnav__search-form {
    background-color: #1c374a;
    border-top: 1px solid #fff;
  }
  .red header nav form .yalla-btn,
  .red header nav form .yalla-subnav__search-submit,
  .red header nav .yalla-subnav__search-form .yalla-btn,
  .red header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #cc444b;
  }
}
.red header nav .yalla-subnav__start a span {
  color: #fff;
}
.red header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #1c374a;
  color: #fff;
}
.red header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login a i, .red header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login a:hover {
  background-color: #1c374a;
}
.red header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login button:hover {
  background-color: #1c374a !important;
}
.red header nav .yalla-subnav__actions .login button:focus {
  background-color: #1c374a !important;
}
.red header nav .yalla-subnav__actions .login button:active {
  background-color: #1c374a !important;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #cc444b;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a i, .red header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #cc444b;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .red header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .red header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.red header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .red header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.red header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #1c374a;
}
.red header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.red header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.red header nav .yalla-subnav__actions .yalla-subnav__cart a i, .red header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.red header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #cc444b;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #cc444b;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #cc444b;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #cc444b;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #1c374a;
}
.red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .red header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.red .yalla-footer {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-footer .yalla-footer__body .media a div {
  background-color: #1c374a;
}
.red .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.red .yalla-footer .yalla-footer__body .media a div:hover i, .red .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #1c374a;
}
.red .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.red .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.red .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #1c374a;
}
.red .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.red .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.red .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.red .wihte-container {
  background-color: #fff;
}
.red .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.red .head::before, .red .yalla-page-toolbar::before {
  background: #cc444b;
}
.red .head h3, .red .yalla-page-toolbar h3 {
  color: #1c374a;
}
.red .head a:last-of-type, .red .yalla-page-toolbar a:last-of-type {
  color: #cc444b;
}
.red .head .dropdown, .red .yalla-page-toolbar .dropdown {
  left: 0;
}
.red .head .dropdown button, .red .yalla-page-toolbar .dropdown button {
  background-color: #cc444b;
  color: #fff;
}
.red .head .dropdown .dropdown-menu a, .red .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #1c374a;
}
.red .head .dropdown .dropdown-menu a:last-of-type, .red .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #1c374a;
}
.red .head .dropdown .dropdown-menu .active, .red .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #1c374a;
}
.red .head .dropdown .dropdown-menu a:focus, .red .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #1c374a;
}
.red .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .red .media div, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .red .media div, .red .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .red .media div {
  background-color: #cc444b;
}
.red .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .red .media div i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .red .media div i, .red .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .red .media div i, .red .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .red .media div svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .red .media div svg, .red .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .red .media div svg {
  color: #fff;
}
.red .breadcrumb-nav {
  background-color: #fff;
}
.red .yalla-breadcrumb .overlay {
  background-color: #cc444b;
}
.red .yalla-breadcrumb form button {
  color: #fff;
}
.red .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.red .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #457b9d;
  border-color: #457b9d;
}
.red .yalla-breadcrumb section h2 {
  color: #fff;
}
.red .yalla-breadcrumb section ol li {
  color: #fff;
}
.red .yalla-breadcrumb section ol li a {
  color: #fff;
}
.red .yalla-breadcrumb section ol .active {
  color: #fff;
}
.red .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.red .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.red .close:hover, .red .close:focus, .red .close:active {
  background-color: #FF4538;
  color: #fff;
}
.red .alerts-product .alert .button div {
  background-color: #1c374a !important;
}
.red .alerts-product .alert .button:hover div {
  background-color: #cc444b !important;
}
.red .trial-store {
  color: #ecf0f1;
  background-color: #1c374a;
}
.red .trial-store a {
  color: #cc444b;
}
.red .trial-store .close {
  background-color: #dc3545;
}
.red .trial-store .close i, .red .trial-store .close svg {
  color: #fff;
}
.red .trial-store .btn-trial {
  color: #fff !important;
  background-color: #cc444b;
}
.red .pagination li.active span {
  color: #fff;
  border-color: #cc444b;
  background-color: #cc444b;
  border: 1px solid #f2f2f2;
}
.red .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.red .pagination li a:hover {
  background-color: #cc444b;
}
.red .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.red .yalla-product-card .img-box, .red .yalla-product-card .yalla-product-card__media, .red .yalla-order-item .img-box, .red .yalla-order-item .yalla-product-card__media, .red .yalla-cart-item .img-box, .red .yalla-cart-item .yalla-product-card__media, .red .yalla-offers__item .img-box, .red .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.red .yalla-product-card .img-box .label-Wishes, .red .yalla-product-card .img-box .yalla-product-card__wishlist, .red .yalla-product-card .yalla-product-card__media .label-Wishes, .red .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .red .yalla-order-item .img-box .label-Wishes, .red .yalla-order-item .img-box .yalla-product-card__wishlist, .red .yalla-order-item .yalla-product-card__media .label-Wishes, .red .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .red .yalla-cart-item .img-box .label-Wishes, .red .yalla-cart-item .img-box .yalla-product-card__wishlist, .red .yalla-cart-item .yalla-product-card__media .label-Wishes, .red .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .red .yalla-offers__item .img-box .label-Wishes, .red .yalla-offers__item .img-box .yalla-product-card__wishlist, .red .yalla-offers__item .yalla-product-card__media .label-Wishes, .red .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.red .yalla-product-card .img-box .installed, .red .yalla-product-card .yalla-product-card__media .installed, .red .yalla-order-item .img-box .installed, .red .yalla-order-item .yalla-product-card__media .installed, .red .yalla-cart-item .img-box .installed, .red .yalla-cart-item .yalla-product-card__media .installed, .red .yalla-offers__item .img-box .installed, .red .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #cc444b;
}
.red .yalla-product-card .img-box .installed i, .red .yalla-product-card .img-box .installed svg, .red .yalla-product-card .yalla-product-card__media .installed i, .red .yalla-product-card .yalla-product-card__media .installed svg, .red .yalla-order-item .img-box .installed i, .red .yalla-order-item .img-box .installed svg, .red .yalla-order-item .yalla-product-card__media .installed i, .red .yalla-order-item .yalla-product-card__media .installed svg, .red .yalla-cart-item .img-box .installed i, .red .yalla-cart-item .img-box .installed svg, .red .yalla-cart-item .yalla-product-card__media .installed i, .red .yalla-cart-item .yalla-product-card__media .installed svg, .red .yalla-offers__item .img-box .installed i, .red .yalla-offers__item .img-box .installed svg, .red .yalla-offers__item .yalla-product-card__media .installed i, .red .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.red .yalla-product-card .img-box .yalla-btn:hover, .red .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .red .yalla-order-item .img-box .yalla-btn:hover, .red .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .red .yalla-cart-item .img-box .yalla-btn:hover, .red .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .red .yalla-offers__item .img-box .yalla-btn:hover, .red .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #457b9d;
}
.red .yalla-product-card section .label-left, .red .yalla-order-item section .label-left, .red .yalla-cart-item section .label-left, .red .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.red .yalla-product-card section .label-right, .red .yalla-order-item section .label-right, .red .yalla-cart-item section .label-right, .red .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.red .yalla-product-card section section, .red .yalla-order-item section section, .red .yalla-cart-item section section, .red .yalla-offers__item section section {
  background-color: #fff;
}
.red .yalla-product-card section .yalla-product-card__pricing, .red .yalla-product-card section .yalla-order-item__price, .red .yalla-product-card section .yalla-offers__price, .red .yalla-order-item section .yalla-product-card__pricing, .red .yalla-order-item section .yalla-order-item__price, .red .yalla-order-item section .yalla-offers__price, .red .yalla-cart-item section .yalla-product-card__pricing, .red .yalla-cart-item section .yalla-order-item__price, .red .yalla-cart-item section .yalla-offers__price, .red .yalla-offers__item section .yalla-product-card__pricing, .red .yalla-offers__item section .yalla-order-item__price, .red .yalla-offers__item section .yalla-offers__price {
  color: #cc444b !important;
}
.red .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .red .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .red .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .red .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .red .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .red .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .red .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .red .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .red .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .red .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .red .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .red .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .red .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .red .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .red .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .red .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .red .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .red .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .red .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .red .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .red .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .red .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .red .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .red .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.red .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #1c374a;
}
.red .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.red .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #457b9d;
}
.red .index {
  background-color: #F4F4F4;
}
.red .index .slider .c-img div .img-box {
  background: #1c374a;
}
.red .index .section .yalla-btn {
  background-color: #cc444b;
  color: #fff;
}
.red .index .section .yalla-btn:hover {
  background-color: #1c374a;
  color: #fff !important;
}
.red .index .section .yalla-btn:focus {
  background-color: #1c374a;
  color: #fff !important;
}
.red .index .section .yalla-btn:active {
  background-color: #1c374a;
  color: #fff !important;
}
.red #storeFeatures .feature_item {
  background-color: #fff;
}
.red #storeFeatures .feature_item .feature_icon {
  background-color: #1c374a;
}
.red #storeFeatures .feature_item .feature_icon svg, .red #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.red #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.red #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.red .yalla-btn {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-btn:hover {
  background-color: #1c374a;
  color: #fff !important;
}
.red .yalla-btn:focus {
  background-color: #1c374a;
  color: #fff !important;
}
.red .yalla-btn:active {
  background-color: #1c374a;
  color: #fff !important;
}
.red .opacity-7 {
  background-color: #1c374a !important;
  color: #fff !important;
}
.red .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #1c374a;
}
.red .yalla-blog-card .yalla-blog-card__info h4, .red .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #1c374a;
}
.red .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #cc444b;
}
.red .all-blogs .btn {
  background-color: #1c374a;
}
.red .all-blogs .btn:hover {
  background-color: #cc444b;
}
.red .swiper-button-next,
.red .swiper-button-prev {
  color: #fff;
  background-color: #cc444b;
}
.red .single {
  background-color: #F4F4F4;
}
.red .single .yalla-product__gallery {
  background-color: #fff;
}
.red .single .section .swiper-button-next,
.red .single .section .swiper-button-prev {
  color: #fff;
  background-color: #cc444b;
}
.red .single .section .yalla-product__description,
.red .single .section .cliparai,
.red .single .section .share,
.red .single .section .yalla-product__info {
  background-color: #fff;
}
.red .single .section .yalla-product__info h6 {
  color: #1c374a;
}
.red .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #cc444b;
}
.red .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #1c374a;
}
.red .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.red .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #cc444b;
}
.red .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.red .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.red .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.red .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.red .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #cc444b;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #1c374a;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #cc444b;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #cc444b;
  color: #cc444b;
  background-color: transparent;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #1c374a;
  border-color: #1c374a;
  color: #fff;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #cc444b;
  color: #fff;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #1c374a;
  border-color: #1c374a;
  color: #fff;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #cc444b !important;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .red .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #cc444b !important;
}
.red .single .button-more button {
  background-color: #1c374a;
  color: #fff;
}
.red .taxonomies h6, .red .tags h6 {
  color: #1c374a;
}
.red .taxonomies ul li, .red .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.red #special-offer .btn-collection {
  border: 1px solid #cc444b;
  color: #cc444b;
  border-radius: 7px;
}
.red #special-offer .btn-collection:hover {
  background-color: #cc444b;
  color: #fff;
}
.red .clipboard button {
  color: #fff;
  background-color: #cc444b;
}
.red .clipboard button:hover {
  background-color: #1c374a;
  color: #fff;
}
.red .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .red .clipboard button,
  .red .clipboard .button {
    background-color: #1c374a;
  }
  .red .clipboard button span,
  .red .clipboard .button span {
    color: #fff;
  }
  .red .clipboard button i, .red .clipboard button svg,
  .red .clipboard .button i,
  .red .clipboard .button svg {
    color: #fff;
  }
}
.red .share .action-icon .like {
  color: #1479fb;
}
.red .share .action-icon .dislike {
  color: #FF4538;
}
.red .share .action-icon .view {
  color: #1c374a;
}
.red .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .red .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.red .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .red .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #cc444b;
}
.red #quantityDiscounts {
  margin-bottom: 20px;
}
.red .cart,
.red .yalla-page-cart {
  background-color: #F4F4F4;
}
.red .cart .yalla-cart__top-note,
.red .yalla-page-cart .yalla-cart__top-note {
  background-color: #1c374a;
  color: #fff;
}
.red .cart .yalla-cart__top-note a,
.red .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.red .cart .yalla-cart__order-notes a,
.red .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #1c374a;
  color: #fff;
}
.red .cart .yalla-cart .heart,
.red .yalla-page-cart .yalla-cart .heart {
  color: #cc444b;
}
.red .cart .yalla-cart .yalla-product-card, .red .cart .yalla-cart .yalla-order-item, .red .cart .yalla-cart .yalla-cart-item, .red .cart .yalla-cart .yalla-offers__item,
.red .yalla-page-cart .yalla-cart .yalla-product-card,
.red .yalla-page-cart .yalla-cart .yalla-order-item,
.red .yalla-page-cart .yalla-cart .yalla-cart-item,
.red .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.red .cart .yalla-cart .yalla-product-card .action .trash, .red .cart .yalla-cart .yalla-order-item .action .trash, .red .cart .yalla-cart .yalla-cart-item .action .trash, .red .cart .yalla-cart .yalla-offers__item .action .trash,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.red .cart .yalla-cart .yalla-product-card .action .trash i, .red .cart .yalla-cart .yalla-product-card .action .trash svg, .red .cart .yalla-cart .yalla-order-item .action .trash i, .red .cart .yalla-cart .yalla-order-item .action .trash svg, .red .cart .yalla-cart .yalla-cart-item .action .trash i, .red .cart .yalla-cart .yalla-cart-item .action .trash svg, .red .cart .yalla-cart .yalla-offers__item .action .trash i, .red .cart .yalla-cart .yalla-offers__item .action .trash svg,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.red .cart .yalla-cart .yalla-product-card .action .heart i, .red .cart .yalla-cart .yalla-product-card .action .heart svg, .red .cart .yalla-cart .yalla-order-item .action .heart i, .red .cart .yalla-cart .yalla-order-item .action .heart svg, .red .cart .yalla-cart .yalla-cart-item .action .heart i, .red .cart .yalla-cart .yalla-cart-item .action .heart svg, .red .cart .yalla-cart .yalla-offers__item .action .heart i, .red .cart .yalla-cart .yalla-offers__item .action .heart svg,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #457b9d;
}
.red .cart .yalla-cart .yalla-product-card .action .note, .red .cart .yalla-cart .yalla-order-item .action .note, .red .cart .yalla-cart .yalla-cart-item .action .note, .red .cart .yalla-cart .yalla-offers__item .action .note,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #457b9d;
}
.red .cart .yalla-cart .yalla-product-card .action .note i, .red .cart .yalla-cart .yalla-product-card .action .note svg, .red .cart .yalla-cart .yalla-order-item .action .note i, .red .cart .yalla-cart .yalla-order-item .action .note svg, .red .cart .yalla-cart .yalla-cart-item .action .note i, .red .cart .yalla-cart .yalla-cart-item .action .note svg, .red .cart .yalla-cart .yalla-offers__item .action .note i, .red .cart .yalla-cart .yalla-offers__item .action .note svg,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.red .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.red .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.red .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.red .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #457b9d;
}
.red .cart .yalla-cart .yalla-cart-summary,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.red .cart .yalla-cart .yalla-cart-summary h5,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.red .cart .yalla-cart .yalla-cart-summary section span,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.red .cart .yalla-cart .yalla-cart-summary section div,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.red .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #457b9d;
}
.red .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #457b9d;
}
.red .cart .yalla-cart .yalla-cart-summary .delete span,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.red .cart .yalla-cart .yalla-cart-summary .delete i, .red .cart .yalla-cart .yalla-cart-summary .delete svg,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.red .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.red .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.red .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.red .cart .yalla-cart .nav-tabs .nav-item .active,
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #457b9d !important;
}
.red .cart .yalla-cart .nav-tabs .nav-item .active span,
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #cc444b !important;
  border: 1px solid #cc444b;
}
.red .cart .yalla-cart .nav-tabs .nav-item .active span div,
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #1c374a;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #cc444b;
  color: #cc444b;
  background-color: transparent;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #cc444b;
  color: #fff;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #cc444b;
  color: #fff;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #cc444b;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #457b9d;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #1c374a;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .address,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #1c374a;
}
.red .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .red .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.red .account,
.red .yalla-page-account {
  background-color: #F4F4F4;
}
.red .account .nav-pills .nav-link,
.red .yalla-page-account .nav-pills .nav-link {
  color: #cc444b;
}
.red .account .nav-pills .nav-link:hover,
.red .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #cc444b;
  color: #fff !important;
}
.red .account .nav-pills .active,
.red .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #cc444b;
}
.red .account .account-form,
.red .account .yalla-account__form,
.red .yalla-page-account .account-form,
.red .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.red .account .account-form .p-image:hover i, .red .account .account-form .p-image:hover svg,
.red .account .account-form .yalla-account__avatar-upload:hover i,
.red .account .account-form .yalla-account__avatar-upload:hover svg,
.red .account .yalla-account__form .p-image:hover i,
.red .account .yalla-account__form .p-image:hover svg,
.red .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.red .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.red .yalla-page-account .account-form .p-image:hover i,
.red .yalla-page-account .account-form .p-image:hover svg,
.red .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.red .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.red .yalla-page-account .yalla-account__form .p-image:hover i,
.red .yalla-page-account .yalla-account__form .p-image:hover svg,
.red .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.red .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #cc444b;
}
.red .account .account-form form label,
.red .account .yalla-account__form form label,
.red .yalla-page-account .account-form form label,
.red .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.red .account .account-form form input,
.red .account .yalla-account__form form input,
.red .yalla-page-account .account-form form input,
.red .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.red .account .account-form form .form-check,
.red .account .yalla-account__form form .form-check,
.red .yalla-page-account .account-form form .form-check,
.red .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.red .account .account-form form .select2 .select2-selection__rendered,
.red .account .yalla-account__form form .select2 .select2-selection__rendered,
.red .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.red .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.red .account .account-form form .select2 .select2-selection,
.red .account .yalla-account__form form .select2 .select2-selection,
.red .yalla-page-account .account-form form .select2 .select2-selection,
.red .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.red .account .account-form form button,
.red .account .yalla-account__form form button,
.red .yalla-page-account .account-form form button,
.red .yalla-page-account .yalla-account__form form button {
  background-color: #cc444b;
  color: #fff;
}
.red .account .account-form form button:hover,
.red .account .yalla-account__form form button:hover,
.red .yalla-page-account .account-form form button:hover,
.red .yalla-page-account .yalla-account__form form button:hover {
  background-color: #457b9d;
}
.red .account .account-form form .form-inline .dropdown-toggle,
.red .account .yalla-account__form form .form-inline .dropdown-toggle,
.red .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.red .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.red .account .account-form form .form-inline li .active,
.red .account .yalla-account__form form .form-inline li .active,
.red .yalla-page-account .account-form form .form-inline li .active,
.red .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #cc444b;
  color: #fff;
}
.red .account .account-form form .form-inline li a:focus,
.red .account .yalla-account__form form .form-inline li a:focus,
.red .yalla-page-account .account-form form .form-inline li a:focus,
.red .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #cc444b;
  color: #fff;
}
.red .account .yalla-orders__card,
.red .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.red .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.red .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.red .account .yalla-orders__list ul .yalla-order-summary__total,
.red .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #cc444b;
}
.red .account .yalla-orders__list .yalla-product-card, .red .account .yalla-orders__list .yalla-order-item, .red .account .yalla-orders__list .yalla-cart-item, .red .account .yalla-orders__list .yalla-offers__item,
.red .yalla-page-account .yalla-orders__list .yalla-product-card,
.red .yalla-page-account .yalla-orders__list .yalla-order-item,
.red .yalla-page-account .yalla-orders__list .yalla-cart-item,
.red .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.red .account .yalla-orders__list .yalla-product-card section section, .red .account .yalla-orders__list .yalla-order-item section section, .red .account .yalla-orders__list .yalla-cart-item section section, .red .account .yalla-orders__list .yalla-offers__item section section,
.red .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.red .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.red .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.red .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.red .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .red .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .red .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .red .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.red .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.red .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.red .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.red .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #cc444b !important;
}
.red .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .red .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .red .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .red .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.red .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.red .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.red .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.red .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.red .yalla-cart-empty {
  background-color: #F4F4F4;
}
.red .yalla-cart-empty h2 {
  color: #737373;
}
.red .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #457b9d;
}
.red .completed {
  background-color: #F4F4F4;
}
.red .completed .section-container h3 {
  color: #0C0C0C;
}
.red .completed .section-container section h5 {
  color: #737373;
}
.red .completed .section-container section ul li {
  color: #939393;
}
.red .completed .section-container section ul li a {
  color: #cc444b !important;
}
.red .completed .section-container section ul li a:hover {
  color: #1c374a !important;
}
.red .completed .section-container .share-info .form-group textarea {
  color: #cc444b;
}
.red .completed .section-container .share-info .share-button button {
  color: #fff;
}
.red .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.red .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.red .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.red .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.red .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.red .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.red .completed .section-container a {
  background-color: #cc444b;
  color: #fff;
}
.red .completed .section-container a:hover {
  background-color: #457b9d;
}
.red .contact {
  background-color: #F4F4F4;
}
.red .contact .section-container, .red .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.red .contact .section-container .icon-flow, .red .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.red .contact .section-container .icon-flow i, .red .contact .section-container .icon-flow svg, .red .contact .yalla-page-contact__body .icon-flow i, .red .contact .yalla-page-contact__body .icon-flow svg {
  color: #cc444b;
}
.red .contact .section-container .contacts-form, .red .contact .section-container .yalla-page-contact__form, .red .contact .yalla-page-contact__body .contacts-form, .red .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.red .contact .section-container .contacts-form form button, .red .contact .section-container .yalla-page-contact__form form button, .red .contact .yalla-page-contact__body .contacts-form form button, .red .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #cc444b;
  color: #fff;
}
.red .contact .section-container .contacts-form form button:hover, .red .contact .section-container .yalla-page-contact__form form button:hover, .red .contact .yalla-page-contact__body .contacts-form form button:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #457b9d;
}
.red .contact .section-container .yalla-page-contact__info h5, .red .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.red .contact .section-container .yalla-page-contact__info section div, .red .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.red .contact .section-container .yalla-page-contact__info section div span, .red .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #cc444b;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info section div span i, .red .contact .section-container .yalla-page-contact__info section div span svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .red .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info section div a, .red .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #cc444b;
}
.red .contact .section-container .yalla-page-contact__info .media .facebook, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .facebook:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .red .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.red .contact .section-container .yalla-page-contact__info .media .twitter, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .twitter:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .red .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.red .contact .section-container .yalla-page-contact__info .media .envelope, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .envelope:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .red .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.red .contact .section-container .yalla-page-contact__info .media .whatsapp, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .red .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.red .contact .section-container .yalla-page-contact__info .media .instagram, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .instagram:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .red .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.red .contact .section-container .yalla-page-contact__info .media .telegram, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .telegram:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .red .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.red .contact .section-container .yalla-page-contact__info .media .youtube, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .youtube:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .red .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.red .contact .section-container .yalla-page-contact__info .media .soundcloud, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .red .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.red .contact .section-container .yalla-page-contact__info .media .snapchat, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.red .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.red .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .red .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .red .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.red .contact .section-container:hover .icon-flow, .red .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #1c374a;
}
.red .contact .section-container:hover .icon-flow i, .red .contact .section-container:hover .icon-flow svg, .red .contact .yalla-page-contact__body:hover .icon-flow i, .red .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.red .affiliate {
  background-color: #F4F4F4;
}
.red .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.red .affiliate .affiliate-info .disc article a,
.red .affiliate .affiliate-info .disc p a {
  background-color: #cc444b;
  color: #fff;
}
.red .affiliate .affiliate-info .disc article a i, .red .affiliate .affiliate-info .disc article a svg,
.red .affiliate .affiliate-info .disc p a i,
.red .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.red .affiliate .affiliate-info .button {
  background-color: #cc444b;
  color: #fff;
}
.red .affiliate .affiliate-info .browse {
  background-color: #1c374a;
}
.red .affiliate .affiliate-info .browse:hover {
  background-color: #cc444b;
}
.red .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.red .affiliate .affiliate-info .clipboard button {
  background-color: #cc444b;
  color: #fff;
}
.red .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.red .affiliate .affiliate-info .table {
  background-color: #fff;
}
.red .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.red .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.red .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.red .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #1c374a;
}
.red .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #cc444b;
}
.red .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.red .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.red .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.red .affiliate .affiliate-info .bills label {
  color: #737373;
}
.red .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.red .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.red .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.red .affiliate .under-line {
  border-bottom: 3px solid #cc444b;
}
.red .checkout .radio:checked {
  background: #cc444b;
  border-color: #cc444b;
}
.red .checkout .plan-type {
  color: #cc444b;
}
.red .checkout .btn-primary {
  background: #cc444b;
  border-color: #cc444b;
}
.red #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.red #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.red #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.red #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.red #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.red #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.red #shipping_campanies label .details span i, .red #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.red #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.red #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.red .checkout .radio:checked ~ .plan-details {
  border-color: #cc444b;
}
.red #thanks .btn-view-order, .red #thanks .yalla-thanks__action {
  background: #cc444b;
  color: #fff;
  border: 1px solid #cc444b;
}
.red #thanks .btn-print-order, .red #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #cc444b;
  background: transparent;
  border: 1px solid #cc444b;
}
.red #thanks .btn-print-order:hover, .red #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #cc444b;
}
.red #thanks .share-button button, .red #thanks .yalla-thanks__share-buttons button {
  background-color: #cc444b;
  color: #fff;
}
.red #thanks .continue-btn {
  background-color: #1c374a;
  color: #fff;
  opacity: 0.7;
}
.red #thanks .continue-btn:hover {
  opacity: 1;
}

.green {
  --yalla-color-primary: #6fab0f;
  --yalla-color-dark: #1b4332;
  --yalla-color-heading: #1b4332;
  --yalla-color-accent: #52b788;
  --yalla-color-surface-muted: #f2ffe2;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.green .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.green .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.green .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #6fab0f;
}
.green .auth-popup .auth-tabs__trigger[data-state=active], .green .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #1b4332;
  color: #fff;
}
.green .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #6fab0f;
}
.green .auth-popup button.button--primary {
  background: #6fab0f;
}
.green .auth-popup button.button--primary:hover {
  background: #1b4332;
}
.green .auth-popup #go-to-register {
  color: #1b4332;
}
.green .auth-popup #go-to-register:hover {
  color: #6fab0f;
  animation: initial;
}
.green .yalla-cart-item__offer i, .green .yalla-cart-item__offer svg {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-cart-item__offer div {
  color: #1b4332;
}
.green .general-notes,
.green .yalla-notice {
  background-color: #1b4332;
  color: #fff;
}
.green .general-notes button,
.green .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.green .contac-button {
  background-color: #6fab0f;
  color: #fff;
}
.green .contac-button:hover {
  background-color: #1b4332;
  color: #fff;
}
.green .btn-head {
  background: #fff;
  color: #6fab0f !important;
}
.green .btn-head:hover {
  background-color: #1b4332 !important;
  color: #fff !important;
}
.green button div,
.green .button div,
.green .a-button div {
  background-color: #1b4332;
}
.green .sub-categories a h5 {
  color: #1b4332;
}
.green .yalla-subnav__brand-link {
  color: #1b4332;
}
.green .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #6fab0f;
}
.green .yalla-brand-card h6 {
  color: #1b4332;
}
.green .yalla-brand-card h6:hover {
  color: #6fab0f;
}
.green .social-button {
  background: linear-gradient(45deg, #1b4332, #6fab0f) !important;
}
.green .social-button:hover {
  background: linear-gradient(45deg, #6fab0f, #1b4332);
}
.green .add-cart {
  background-color: #6fab0f !important;
}
.green header {
  background-color: #6fab0f;
  border-bottom: 1px solid #fff;
}
.green header nav form .yalla-btn,
.green header nav form .yalla-subnav__search-submit,
.green header nav .yalla-subnav__search-form .yalla-btn,
.green header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #1b4332;
}
@media (max-width: 991.98px) {
  .green header nav form,
  .green header nav .yalla-subnav__search-form {
    background-color: #1b4332;
    border-top: 1px solid #fff;
  }
  .green header nav form .yalla-btn,
  .green header nav form .yalla-subnav__search-submit,
  .green header nav .yalla-subnav__search-form .yalla-btn,
  .green header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #6fab0f;
  }
}
.green header nav .yalla-subnav__start a span {
  color: #fff;
}
.green header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #1b4332;
  color: #fff;
}
.green header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login a i, .green header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login a:hover {
  background-color: #1b4332;
}
.green header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login button:hover {
  background-color: #1b4332 !important;
}
.green header nav .yalla-subnav__actions .login button:focus {
  background-color: #1b4332 !important;
}
.green header nav .yalla-subnav__actions .login button:active {
  background-color: #1b4332 !important;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #6fab0f;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a i, .green header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #6fab0f;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .green header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .green header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.green header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .green header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.green header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #1b4332;
}
.green header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.green header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.green header nav .yalla-subnav__actions .yalla-subnav__cart a i, .green header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.green header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #6fab0f;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #6fab0f;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #6fab0f;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #6fab0f;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #1b4332;
}
.green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .green header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.green .yalla-footer {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-footer .yalla-footer__body .media a div {
  background-color: #1b4332;
}
.green .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.green .yalla-footer .yalla-footer__body .media a div:hover i, .green .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #1b4332;
}
.green .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.green .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.green .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #1b4332;
}
.green .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.green .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.green .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.green .wihte-container {
  background-color: #fff;
}
.green .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.green .head::before, .green .yalla-page-toolbar::before {
  background: #6fab0f;
}
.green .head h3, .green .yalla-page-toolbar h3 {
  color: #1b4332;
}
.green .head a:last-of-type, .green .yalla-page-toolbar a:last-of-type {
  color: #6fab0f;
}
.green .head .dropdown, .green .yalla-page-toolbar .dropdown {
  left: 0;
}
.green .head .dropdown button, .green .yalla-page-toolbar .dropdown button {
  background-color: #6fab0f;
  color: #fff;
}
.green .head .dropdown .dropdown-menu a, .green .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #1b4332;
}
.green .head .dropdown .dropdown-menu a:last-of-type, .green .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #1b4332;
}
.green .head .dropdown .dropdown-menu .active, .green .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #1b4332;
}
.green .head .dropdown .dropdown-menu a:focus, .green .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #1b4332;
}
.green .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .green .media div, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .green .media div, .green .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .green .media div {
  background-color: #6fab0f;
}
.green .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .green .media div i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .green .media div i, .green .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .green .media div i, .green .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .green .media div svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .green .media div svg, .green .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .green .media div svg {
  color: #fff;
}
.green .breadcrumb-nav {
  background-color: #fff;
}
.green .yalla-breadcrumb .overlay {
  background-color: #6fab0f;
}
.green .yalla-breadcrumb form button {
  color: #fff;
}
.green .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.green .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #52b788;
  border-color: #52b788;
}
.green .yalla-breadcrumb section h2 {
  color: #fff;
}
.green .yalla-breadcrumb section ol li {
  color: #fff;
}
.green .yalla-breadcrumb section ol li a {
  color: #fff;
}
.green .yalla-breadcrumb section ol .active {
  color: #fff;
}
.green .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.green .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.green .close:hover, .green .close:focus, .green .close:active {
  background-color: #FF4538;
  color: #fff;
}
.green .alerts-product .alert .button div {
  background-color: #1b4332 !important;
}
.green .alerts-product .alert .button:hover div {
  background-color: #6fab0f !important;
}
.green .trial-store {
  color: #ecf0f1;
  background-color: #1b4332;
}
.green .trial-store a {
  color: #6fab0f;
}
.green .trial-store .close {
  background-color: #dc3545;
}
.green .trial-store .close i, .green .trial-store .close svg {
  color: #fff;
}
.green .trial-store .btn-trial {
  color: #fff !important;
  background-color: #6fab0f;
}
.green .pagination li.active span {
  color: #fff;
  border-color: #6fab0f;
  background-color: #6fab0f;
  border: 1px solid #f2f2f2;
}
.green .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.green .pagination li a:hover {
  background-color: #6fab0f;
}
.green .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.green .yalla-product-card .img-box, .green .yalla-product-card .yalla-product-card__media, .green .yalla-order-item .img-box, .green .yalla-order-item .yalla-product-card__media, .green .yalla-cart-item .img-box, .green .yalla-cart-item .yalla-product-card__media, .green .yalla-offers__item .img-box, .green .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.green .yalla-product-card .img-box .label-Wishes, .green .yalla-product-card .img-box .yalla-product-card__wishlist, .green .yalla-product-card .yalla-product-card__media .label-Wishes, .green .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .green .yalla-order-item .img-box .label-Wishes, .green .yalla-order-item .img-box .yalla-product-card__wishlist, .green .yalla-order-item .yalla-product-card__media .label-Wishes, .green .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .green .yalla-cart-item .img-box .label-Wishes, .green .yalla-cart-item .img-box .yalla-product-card__wishlist, .green .yalla-cart-item .yalla-product-card__media .label-Wishes, .green .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .green .yalla-offers__item .img-box .label-Wishes, .green .yalla-offers__item .img-box .yalla-product-card__wishlist, .green .yalla-offers__item .yalla-product-card__media .label-Wishes, .green .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.green .yalla-product-card .img-box .installed, .green .yalla-product-card .yalla-product-card__media .installed, .green .yalla-order-item .img-box .installed, .green .yalla-order-item .yalla-product-card__media .installed, .green .yalla-cart-item .img-box .installed, .green .yalla-cart-item .yalla-product-card__media .installed, .green .yalla-offers__item .img-box .installed, .green .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #6fab0f;
}
.green .yalla-product-card .img-box .installed i, .green .yalla-product-card .img-box .installed svg, .green .yalla-product-card .yalla-product-card__media .installed i, .green .yalla-product-card .yalla-product-card__media .installed svg, .green .yalla-order-item .img-box .installed i, .green .yalla-order-item .img-box .installed svg, .green .yalla-order-item .yalla-product-card__media .installed i, .green .yalla-order-item .yalla-product-card__media .installed svg, .green .yalla-cart-item .img-box .installed i, .green .yalla-cart-item .img-box .installed svg, .green .yalla-cart-item .yalla-product-card__media .installed i, .green .yalla-cart-item .yalla-product-card__media .installed svg, .green .yalla-offers__item .img-box .installed i, .green .yalla-offers__item .img-box .installed svg, .green .yalla-offers__item .yalla-product-card__media .installed i, .green .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.green .yalla-product-card .img-box .yalla-btn:hover, .green .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .green .yalla-order-item .img-box .yalla-btn:hover, .green .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .green .yalla-cart-item .img-box .yalla-btn:hover, .green .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .green .yalla-offers__item .img-box .yalla-btn:hover, .green .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #52b788;
}
.green .yalla-product-card section .label-left, .green .yalla-order-item section .label-left, .green .yalla-cart-item section .label-left, .green .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.green .yalla-product-card section .label-right, .green .yalla-order-item section .label-right, .green .yalla-cart-item section .label-right, .green .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.green .yalla-product-card section section, .green .yalla-order-item section section, .green .yalla-cart-item section section, .green .yalla-offers__item section section {
  background-color: #fff;
}
.green .yalla-product-card section .yalla-product-card__pricing, .green .yalla-product-card section .yalla-order-item__price, .green .yalla-product-card section .yalla-offers__price, .green .yalla-order-item section .yalla-product-card__pricing, .green .yalla-order-item section .yalla-order-item__price, .green .yalla-order-item section .yalla-offers__price, .green .yalla-cart-item section .yalla-product-card__pricing, .green .yalla-cart-item section .yalla-order-item__price, .green .yalla-cart-item section .yalla-offers__price, .green .yalla-offers__item section .yalla-product-card__pricing, .green .yalla-offers__item section .yalla-order-item__price, .green .yalla-offers__item section .yalla-offers__price {
  color: #6fab0f !important;
}
.green .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .green .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .green .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .green .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .green .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .green .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .green .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .green .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .green .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .green .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .green .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .green .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .green .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .green .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .green .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .green .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .green .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .green .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .green .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .green .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .green .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .green .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .green .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .green .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.green .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #1b4332;
}
.green .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.green .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #52b788;
}
.green .index {
  background-color: #F4F4F4;
}
.green .index .slider .c-img div .img-box {
  background: #1b4332;
}
.green .index .section .yalla-btn {
  background-color: #6fab0f;
  color: #fff;
}
.green .index .section .yalla-btn:hover {
  background-color: #1b4332;
  color: #fff !important;
}
.green .index .section .yalla-btn:focus {
  background-color: #1b4332;
  color: #fff !important;
}
.green .index .section .yalla-btn:active {
  background-color: #1b4332;
  color: #fff !important;
}
.green #storeFeatures .feature_item {
  background-color: #fff;
}
.green #storeFeatures .feature_item .feature_icon {
  background-color: #1b4332;
}
.green #storeFeatures .feature_item .feature_icon svg, .green #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.green #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.green #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.green .yalla-btn {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-btn:hover {
  background-color: #1b4332;
  color: #fff !important;
}
.green .yalla-btn:focus {
  background-color: #1b4332;
  color: #fff !important;
}
.green .yalla-btn:active {
  background-color: #1b4332;
  color: #fff !important;
}
.green .opacity-7 {
  background-color: #1b4332 !important;
  color: #fff !important;
}
.green .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #1b4332;
}
.green .yalla-blog-card .yalla-blog-card__info h4, .green .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #1b4332;
}
.green .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #6fab0f;
}
.green .all-blogs .btn {
  background-color: #1b4332;
}
.green .all-blogs .btn:hover {
  background-color: #6fab0f;
}
.green .swiper-button-next,
.green .swiper-button-prev {
  color: #fff;
  background-color: #6fab0f;
}
.green .single {
  background-color: #F4F4F4;
}
.green .single .yalla-product__gallery {
  background-color: #fff;
}
.green .single .section .swiper-button-next,
.green .single .section .swiper-button-prev {
  color: #fff;
  background-color: #6fab0f;
}
.green .single .section .yalla-product__description,
.green .single .section .cliparai,
.green .single .section .share,
.green .single .section .yalla-product__info {
  background-color: #fff;
}
.green .single .section .yalla-product__info h6 {
  color: #1b4332;
}
.green .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #6fab0f;
}
.green .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #1b4332;
}
.green .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.green .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #6fab0f;
}
.green .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.green .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.green .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.green .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.green .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #6fab0f;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #1b4332;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #6fab0f;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #6fab0f;
  color: #6fab0f;
  background-color: transparent;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #1b4332;
  border-color: #1b4332;
  color: #fff;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #6fab0f;
  color: #fff;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #1b4332;
  border-color: #1b4332;
  color: #fff;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #6fab0f !important;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .green .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #6fab0f !important;
}
.green .single .button-more button {
  background-color: #1b4332;
  color: #fff;
}
.green .taxonomies h6, .green .tags h6 {
  color: #1b4332;
}
.green .taxonomies ul li, .green .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.green #special-offer .btn-collection {
  border: 1px solid #6fab0f;
  color: #6fab0f;
  border-radius: 7px;
}
.green #special-offer .btn-collection:hover {
  background-color: #6fab0f;
  color: #fff;
}
.green .clipboard button {
  color: #fff;
  background-color: #6fab0f;
}
.green .clipboard button:hover {
  background-color: #1b4332;
  color: #fff;
}
.green .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .green .clipboard button,
  .green .clipboard .button {
    background-color: #1b4332;
  }
  .green .clipboard button span,
  .green .clipboard .button span {
    color: #fff;
  }
  .green .clipboard button i, .green .clipboard button svg,
  .green .clipboard .button i,
  .green .clipboard .button svg {
    color: #fff;
  }
}
.green .share .action-icon .like {
  color: #1479fb;
}
.green .share .action-icon .dislike {
  color: #FF4538;
}
.green .share .action-icon .view {
  color: #1b4332;
}
.green .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .green .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.green .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .green .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #6fab0f;
}
.green #quantityDiscounts {
  margin-bottom: 20px;
}
.green .cart,
.green .yalla-page-cart {
  background-color: #F4F4F4;
}
.green .cart .yalla-cart__top-note,
.green .yalla-page-cart .yalla-cart__top-note {
  background-color: #1b4332;
  color: #fff;
}
.green .cart .yalla-cart__top-note a,
.green .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.green .cart .yalla-cart__order-notes a,
.green .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #1b4332;
  color: #fff;
}
.green .cart .yalla-cart .heart,
.green .yalla-page-cart .yalla-cart .heart {
  color: #6fab0f;
}
.green .cart .yalla-cart .yalla-product-card, .green .cart .yalla-cart .yalla-order-item, .green .cart .yalla-cart .yalla-cart-item, .green .cart .yalla-cart .yalla-offers__item,
.green .yalla-page-cart .yalla-cart .yalla-product-card,
.green .yalla-page-cart .yalla-cart .yalla-order-item,
.green .yalla-page-cart .yalla-cart .yalla-cart-item,
.green .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.green .cart .yalla-cart .yalla-product-card .action .trash, .green .cart .yalla-cart .yalla-order-item .action .trash, .green .cart .yalla-cart .yalla-cart-item .action .trash, .green .cart .yalla-cart .yalla-offers__item .action .trash,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.green .cart .yalla-cart .yalla-product-card .action .trash i, .green .cart .yalla-cart .yalla-product-card .action .trash svg, .green .cart .yalla-cart .yalla-order-item .action .trash i, .green .cart .yalla-cart .yalla-order-item .action .trash svg, .green .cart .yalla-cart .yalla-cart-item .action .trash i, .green .cart .yalla-cart .yalla-cart-item .action .trash svg, .green .cart .yalla-cart .yalla-offers__item .action .trash i, .green .cart .yalla-cart .yalla-offers__item .action .trash svg,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.green .cart .yalla-cart .yalla-product-card .action .heart i, .green .cart .yalla-cart .yalla-product-card .action .heart svg, .green .cart .yalla-cart .yalla-order-item .action .heart i, .green .cart .yalla-cart .yalla-order-item .action .heart svg, .green .cart .yalla-cart .yalla-cart-item .action .heart i, .green .cart .yalla-cart .yalla-cart-item .action .heart svg, .green .cart .yalla-cart .yalla-offers__item .action .heart i, .green .cart .yalla-cart .yalla-offers__item .action .heart svg,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #52b788;
}
.green .cart .yalla-cart .yalla-product-card .action .note, .green .cart .yalla-cart .yalla-order-item .action .note, .green .cart .yalla-cart .yalla-cart-item .action .note, .green .cart .yalla-cart .yalla-offers__item .action .note,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #52b788;
}
.green .cart .yalla-cart .yalla-product-card .action .note i, .green .cart .yalla-cart .yalla-product-card .action .note svg, .green .cart .yalla-cart .yalla-order-item .action .note i, .green .cart .yalla-cart .yalla-order-item .action .note svg, .green .cart .yalla-cart .yalla-cart-item .action .note i, .green .cart .yalla-cart .yalla-cart-item .action .note svg, .green .cart .yalla-cart .yalla-offers__item .action .note i, .green .cart .yalla-cart .yalla-offers__item .action .note svg,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.green .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.green .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.green .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.green .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #52b788;
}
.green .cart .yalla-cart .yalla-cart-summary,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.green .cart .yalla-cart .yalla-cart-summary h5,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.green .cart .yalla-cart .yalla-cart-summary section span,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.green .cart .yalla-cart .yalla-cart-summary section div,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.green .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #52b788;
}
.green .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #52b788;
}
.green .cart .yalla-cart .yalla-cart-summary .delete span,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.green .cart .yalla-cart .yalla-cart-summary .delete i, .green .cart .yalla-cart .yalla-cart-summary .delete svg,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.green .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.green .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.green .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.green .cart .yalla-cart .nav-tabs .nav-item .active,
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #52b788 !important;
}
.green .cart .yalla-cart .nav-tabs .nav-item .active span,
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #6fab0f !important;
  border: 1px solid #6fab0f;
}
.green .cart .yalla-cart .nav-tabs .nav-item .active span div,
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #1b4332;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #6fab0f;
  color: #6fab0f;
  background-color: transparent;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #6fab0f;
  color: #fff;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #6fab0f;
  color: #fff;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #6fab0f;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #52b788;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #1b4332;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .address,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #1b4332;
}
.green .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .green .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.green .account,
.green .yalla-page-account {
  background-color: #F4F4F4;
}
.green .account .nav-pills .nav-link,
.green .yalla-page-account .nav-pills .nav-link {
  color: #6fab0f;
}
.green .account .nav-pills .nav-link:hover,
.green .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #6fab0f;
  color: #fff !important;
}
.green .account .nav-pills .active,
.green .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #6fab0f;
}
.green .account .account-form,
.green .account .yalla-account__form,
.green .yalla-page-account .account-form,
.green .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.green .account .account-form .p-image:hover i, .green .account .account-form .p-image:hover svg,
.green .account .account-form .yalla-account__avatar-upload:hover i,
.green .account .account-form .yalla-account__avatar-upload:hover svg,
.green .account .yalla-account__form .p-image:hover i,
.green .account .yalla-account__form .p-image:hover svg,
.green .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.green .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.green .yalla-page-account .account-form .p-image:hover i,
.green .yalla-page-account .account-form .p-image:hover svg,
.green .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.green .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.green .yalla-page-account .yalla-account__form .p-image:hover i,
.green .yalla-page-account .yalla-account__form .p-image:hover svg,
.green .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.green .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #6fab0f;
}
.green .account .account-form form label,
.green .account .yalla-account__form form label,
.green .yalla-page-account .account-form form label,
.green .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.green .account .account-form form input,
.green .account .yalla-account__form form input,
.green .yalla-page-account .account-form form input,
.green .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.green .account .account-form form .form-check,
.green .account .yalla-account__form form .form-check,
.green .yalla-page-account .account-form form .form-check,
.green .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.green .account .account-form form .select2 .select2-selection__rendered,
.green .account .yalla-account__form form .select2 .select2-selection__rendered,
.green .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.green .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.green .account .account-form form .select2 .select2-selection,
.green .account .yalla-account__form form .select2 .select2-selection,
.green .yalla-page-account .account-form form .select2 .select2-selection,
.green .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.green .account .account-form form button,
.green .account .yalla-account__form form button,
.green .yalla-page-account .account-form form button,
.green .yalla-page-account .yalla-account__form form button {
  background-color: #6fab0f;
  color: #fff;
}
.green .account .account-form form button:hover,
.green .account .yalla-account__form form button:hover,
.green .yalla-page-account .account-form form button:hover,
.green .yalla-page-account .yalla-account__form form button:hover {
  background-color: #52b788;
}
.green .account .account-form form .form-inline .dropdown-toggle,
.green .account .yalla-account__form form .form-inline .dropdown-toggle,
.green .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.green .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.green .account .account-form form .form-inline li .active,
.green .account .yalla-account__form form .form-inline li .active,
.green .yalla-page-account .account-form form .form-inline li .active,
.green .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #6fab0f;
  color: #fff;
}
.green .account .account-form form .form-inline li a:focus,
.green .account .yalla-account__form form .form-inline li a:focus,
.green .yalla-page-account .account-form form .form-inline li a:focus,
.green .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #6fab0f;
  color: #fff;
}
.green .account .yalla-orders__card,
.green .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.green .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.green .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.green .account .yalla-orders__list ul .yalla-order-summary__total,
.green .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #6fab0f;
}
.green .account .yalla-orders__list .yalla-product-card, .green .account .yalla-orders__list .yalla-order-item, .green .account .yalla-orders__list .yalla-cart-item, .green .account .yalla-orders__list .yalla-offers__item,
.green .yalla-page-account .yalla-orders__list .yalla-product-card,
.green .yalla-page-account .yalla-orders__list .yalla-order-item,
.green .yalla-page-account .yalla-orders__list .yalla-cart-item,
.green .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.green .account .yalla-orders__list .yalla-product-card section section, .green .account .yalla-orders__list .yalla-order-item section section, .green .account .yalla-orders__list .yalla-cart-item section section, .green .account .yalla-orders__list .yalla-offers__item section section,
.green .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.green .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.green .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.green .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.green .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .green .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .green .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .green .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.green .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.green .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.green .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.green .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #6fab0f !important;
}
.green .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .green .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .green .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .green .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.green .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.green .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.green .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.green .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.green .yalla-cart-empty {
  background-color: #F4F4F4;
}
.green .yalla-cart-empty h2 {
  color: #737373;
}
.green .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #52b788;
}
.green .completed {
  background-color: #F4F4F4;
}
.green .completed .section-container h3 {
  color: #0C0C0C;
}
.green .completed .section-container section h5 {
  color: #737373;
}
.green .completed .section-container section ul li {
  color: #939393;
}
.green .completed .section-container section ul li a {
  color: #6fab0f !important;
}
.green .completed .section-container section ul li a:hover {
  color: #1b4332 !important;
}
.green .completed .section-container .share-info .form-group textarea {
  color: #6fab0f;
}
.green .completed .section-container .share-info .share-button button {
  color: #fff;
}
.green .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.green .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.green .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.green .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.green .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.green .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.green .completed .section-container a {
  background-color: #6fab0f;
  color: #fff;
}
.green .completed .section-container a:hover {
  background-color: #52b788;
}
.green .contact {
  background-color: #F4F4F4;
}
.green .contact .section-container, .green .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.green .contact .section-container .icon-flow, .green .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.green .contact .section-container .icon-flow i, .green .contact .section-container .icon-flow svg, .green .contact .yalla-page-contact__body .icon-flow i, .green .contact .yalla-page-contact__body .icon-flow svg {
  color: #6fab0f;
}
.green .contact .section-container .contacts-form, .green .contact .section-container .yalla-page-contact__form, .green .contact .yalla-page-contact__body .contacts-form, .green .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.green .contact .section-container .contacts-form form button, .green .contact .section-container .yalla-page-contact__form form button, .green .contact .yalla-page-contact__body .contacts-form form button, .green .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #6fab0f;
  color: #fff;
}
.green .contact .section-container .contacts-form form button:hover, .green .contact .section-container .yalla-page-contact__form form button:hover, .green .contact .yalla-page-contact__body .contacts-form form button:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #52b788;
}
.green .contact .section-container .yalla-page-contact__info h5, .green .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.green .contact .section-container .yalla-page-contact__info section div, .green .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.green .contact .section-container .yalla-page-contact__info section div span, .green .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #6fab0f;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info section div span i, .green .contact .section-container .yalla-page-contact__info section div span svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .green .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info section div a, .green .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #6fab0f;
}
.green .contact .section-container .yalla-page-contact__info .media .facebook, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .facebook:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .green .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.green .contact .section-container .yalla-page-contact__info .media .twitter, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .twitter:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .green .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.green .contact .section-container .yalla-page-contact__info .media .envelope, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .envelope:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .green .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.green .contact .section-container .yalla-page-contact__info .media .whatsapp, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .green .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.green .contact .section-container .yalla-page-contact__info .media .instagram, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .instagram:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .green .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.green .contact .section-container .yalla-page-contact__info .media .telegram, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .telegram:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .green .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.green .contact .section-container .yalla-page-contact__info .media .youtube, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .youtube:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .green .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.green .contact .section-container .yalla-page-contact__info .media .soundcloud, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .green .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.green .contact .section-container .yalla-page-contact__info .media .snapchat, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.green .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.green .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .green .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .green .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.green .contact .section-container:hover .icon-flow, .green .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #1b4332;
}
.green .contact .section-container:hover .icon-flow i, .green .contact .section-container:hover .icon-flow svg, .green .contact .yalla-page-contact__body:hover .icon-flow i, .green .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.green .affiliate {
  background-color: #F4F4F4;
}
.green .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.green .affiliate .affiliate-info .disc article a,
.green .affiliate .affiliate-info .disc p a {
  background-color: #6fab0f;
  color: #fff;
}
.green .affiliate .affiliate-info .disc article a i, .green .affiliate .affiliate-info .disc article a svg,
.green .affiliate .affiliate-info .disc p a i,
.green .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.green .affiliate .affiliate-info .button {
  background-color: #6fab0f;
  color: #fff;
}
.green .affiliate .affiliate-info .browse {
  background-color: #1b4332;
}
.green .affiliate .affiliate-info .browse:hover {
  background-color: #6fab0f;
}
.green .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.green .affiliate .affiliate-info .clipboard button {
  background-color: #6fab0f;
  color: #fff;
}
.green .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.green .affiliate .affiliate-info .table {
  background-color: #fff;
}
.green .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.green .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.green .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.green .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #1b4332;
}
.green .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #6fab0f;
}
.green .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.green .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.green .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.green .affiliate .affiliate-info .bills label {
  color: #737373;
}
.green .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.green .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.green .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.green .affiliate .under-line {
  border-bottom: 3px solid #6fab0f;
}
.green .checkout .radio:checked {
  background: #6fab0f;
  border-color: #6fab0f;
}
.green .checkout .plan-type {
  color: #6fab0f;
}
.green .checkout .btn-primary {
  background: #6fab0f;
  border-color: #6fab0f;
}
.green #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.green #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.green #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.green #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.green #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.green #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.green #shipping_campanies label .details span i, .green #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.green #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.green #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.green .checkout .radio:checked ~ .plan-details {
  border-color: #6fab0f;
}
.green #thanks .btn-view-order, .green #thanks .yalla-thanks__action {
  background: #6fab0f;
  color: #fff;
  border: 1px solid #6fab0f;
}
.green #thanks .btn-print-order, .green #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #6fab0f;
  background: transparent;
  border: 1px solid #6fab0f;
}
.green #thanks .btn-print-order:hover, .green #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #6fab0f;
}
.green #thanks .share-button button, .green #thanks .yalla-thanks__share-buttons button {
  background-color: #6fab0f;
  color: #fff;
}
.green #thanks .continue-btn {
  background-color: #1b4332;
  color: #fff;
  opacity: 0.7;
}
.green #thanks .continue-btn:hover {
  opacity: 1;
}

.brown {
  --yalla-color-primary: #a98360;
  --yalla-color-dark: #3f2613;
  --yalla-color-heading: #3f2613;
  --yalla-color-accent: #856c62;
  --yalla-color-surface-muted: #ffe9da;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.brown .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.brown .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.brown .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #a98360;
}
.brown .auth-popup .auth-tabs__trigger[data-state=active], .brown .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #3f2613;
  color: #fff;
}
.brown .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #a98360;
}
.brown .auth-popup button.button--primary {
  background: #a98360;
}
.brown .auth-popup button.button--primary:hover {
  background: #3f2613;
}
.brown .auth-popup #go-to-register {
  color: #3f2613;
}
.brown .auth-popup #go-to-register:hover {
  color: #a98360;
  animation: initial;
}
.brown .yalla-cart-item__offer i, .brown .yalla-cart-item__offer svg {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-cart-item__offer div {
  color: #3f2613;
}
.brown .general-notes,
.brown .yalla-notice {
  background-color: #3f2613;
  color: #fff;
}
.brown .general-notes button,
.brown .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.brown .contac-button {
  background-color: #a98360;
  color: #fff;
}
.brown .contac-button:hover {
  background-color: #3f2613;
  color: #fff;
}
.brown .btn-head {
  background: #fff;
  color: #a98360 !important;
}
.brown .btn-head:hover {
  background-color: #3f2613 !important;
  color: #fff !important;
}
.brown button div,
.brown .button div,
.brown .a-button div {
  background-color: #3f2613;
}
.brown .sub-categories a h5 {
  color: #3f2613;
}
.brown .yalla-subnav__brand-link {
  color: #3f2613;
}
.brown .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #a98360;
}
.brown .yalla-brand-card h6 {
  color: #3f2613;
}
.brown .yalla-brand-card h6:hover {
  color: #a98360;
}
.brown .social-button {
  background: linear-gradient(45deg, #3f2613, #a98360) !important;
}
.brown .social-button:hover {
  background: linear-gradient(45deg, #a98360, #3f2613);
}
.brown .add-cart {
  background-color: #a98360 !important;
}
.brown header {
  background-color: #a98360;
  border-bottom: 1px solid #fff;
}
.brown header nav form .yalla-btn,
.brown header nav form .yalla-subnav__search-submit,
.brown header nav .yalla-subnav__search-form .yalla-btn,
.brown header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #3f2613;
}
@media (max-width: 991.98px) {
  .brown header nav form,
  .brown header nav .yalla-subnav__search-form {
    background-color: #3f2613;
    border-top: 1px solid #fff;
  }
  .brown header nav form .yalla-btn,
  .brown header nav form .yalla-subnav__search-submit,
  .brown header nav .yalla-subnav__search-form .yalla-btn,
  .brown header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #a98360;
  }
}
.brown header nav .yalla-subnav__start a span {
  color: #fff;
}
.brown header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #3f2613;
  color: #fff;
}
.brown header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login a i, .brown header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login a:hover {
  background-color: #3f2613;
}
.brown header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login button:hover {
  background-color: #3f2613 !important;
}
.brown header nav .yalla-subnav__actions .login button:focus {
  background-color: #3f2613 !important;
}
.brown header nav .yalla-subnav__actions .login button:active {
  background-color: #3f2613 !important;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #a98360;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a i, .brown header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #a98360;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .brown header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .brown header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .brown header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #3f2613;
}
.brown header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.brown header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.brown header nav .yalla-subnav__actions .yalla-subnav__cart a i, .brown header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.brown header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #a98360;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #a98360;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #a98360;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #a98360;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #3f2613;
}
.brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .brown header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.brown .yalla-footer {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-footer .yalla-footer__body .media a div {
  background-color: #3f2613;
}
.brown .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.brown .yalla-footer .yalla-footer__body .media a div:hover i, .brown .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #3f2613;
}
.brown .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.brown .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.brown .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #3f2613;
}
.brown .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.brown .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.brown .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.brown .wihte-container {
  background-color: #fff;
}
.brown .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.brown .head::before, .brown .yalla-page-toolbar::before {
  background: #a98360;
}
.brown .head h3, .brown .yalla-page-toolbar h3 {
  color: #3f2613;
}
.brown .head a:last-of-type, .brown .yalla-page-toolbar a:last-of-type {
  color: #a98360;
}
.brown .head .dropdown, .brown .yalla-page-toolbar .dropdown {
  left: 0;
}
.brown .head .dropdown button, .brown .yalla-page-toolbar .dropdown button {
  background-color: #a98360;
  color: #fff;
}
.brown .head .dropdown .dropdown-menu a, .brown .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #3f2613;
}
.brown .head .dropdown .dropdown-menu a:last-of-type, .brown .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #3f2613;
}
.brown .head .dropdown .dropdown-menu .active, .brown .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #3f2613;
}
.brown .head .dropdown .dropdown-menu a:focus, .brown .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #3f2613;
}
.brown .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .brown .media div, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .brown .media div, .brown .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .brown .media div {
  background-color: #a98360;
}
.brown .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .brown .media div i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .brown .media div i, .brown .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .brown .media div i, .brown .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .brown .media div svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .brown .media div svg, .brown .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .brown .media div svg {
  color: #fff;
}
.brown .breadcrumb-nav {
  background-color: #fff;
}
.brown .yalla-breadcrumb .overlay {
  background-color: #a98360;
}
.brown .yalla-breadcrumb form button {
  color: #fff;
}
.brown .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.brown .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #856c62;
  border-color: #856c62;
}
.brown .yalla-breadcrumb section h2 {
  color: #fff;
}
.brown .yalla-breadcrumb section ol li {
  color: #fff;
}
.brown .yalla-breadcrumb section ol li a {
  color: #fff;
}
.brown .yalla-breadcrumb section ol .active {
  color: #fff;
}
.brown .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.brown .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.brown .close:hover, .brown .close:focus, .brown .close:active {
  background-color: #FF4538;
  color: #fff;
}
.brown .alerts-product .alert .button div {
  background-color: #3f2613 !important;
}
.brown .alerts-product .alert .button:hover div {
  background-color: #a98360 !important;
}
.brown .trial-store {
  color: #ecf0f1;
  background-color: #3f2613;
}
.brown .trial-store a {
  color: #a98360;
}
.brown .trial-store .close {
  background-color: #dc3545;
}
.brown .trial-store .close i, .brown .trial-store .close svg {
  color: #fff;
}
.brown .trial-store .btn-trial {
  color: #fff !important;
  background-color: #a98360;
}
.brown .pagination li.active span {
  color: #fff;
  border-color: #a98360;
  background-color: #a98360;
  border: 1px solid #f2f2f2;
}
.brown .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.brown .pagination li a:hover {
  background-color: #a98360;
}
.brown .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.brown .yalla-product-card .img-box, .brown .yalla-product-card .yalla-product-card__media, .brown .yalla-order-item .img-box, .brown .yalla-order-item .yalla-product-card__media, .brown .yalla-cart-item .img-box, .brown .yalla-cart-item .yalla-product-card__media, .brown .yalla-offers__item .img-box, .brown .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.brown .yalla-product-card .img-box .label-Wishes, .brown .yalla-product-card .img-box .yalla-product-card__wishlist, .brown .yalla-product-card .yalla-product-card__media .label-Wishes, .brown .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .brown .yalla-order-item .img-box .label-Wishes, .brown .yalla-order-item .img-box .yalla-product-card__wishlist, .brown .yalla-order-item .yalla-product-card__media .label-Wishes, .brown .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .brown .yalla-cart-item .img-box .label-Wishes, .brown .yalla-cart-item .img-box .yalla-product-card__wishlist, .brown .yalla-cart-item .yalla-product-card__media .label-Wishes, .brown .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .brown .yalla-offers__item .img-box .label-Wishes, .brown .yalla-offers__item .img-box .yalla-product-card__wishlist, .brown .yalla-offers__item .yalla-product-card__media .label-Wishes, .brown .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.brown .yalla-product-card .img-box .installed, .brown .yalla-product-card .yalla-product-card__media .installed, .brown .yalla-order-item .img-box .installed, .brown .yalla-order-item .yalla-product-card__media .installed, .brown .yalla-cart-item .img-box .installed, .brown .yalla-cart-item .yalla-product-card__media .installed, .brown .yalla-offers__item .img-box .installed, .brown .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #a98360;
}
.brown .yalla-product-card .img-box .installed i, .brown .yalla-product-card .img-box .installed svg, .brown .yalla-product-card .yalla-product-card__media .installed i, .brown .yalla-product-card .yalla-product-card__media .installed svg, .brown .yalla-order-item .img-box .installed i, .brown .yalla-order-item .img-box .installed svg, .brown .yalla-order-item .yalla-product-card__media .installed i, .brown .yalla-order-item .yalla-product-card__media .installed svg, .brown .yalla-cart-item .img-box .installed i, .brown .yalla-cart-item .img-box .installed svg, .brown .yalla-cart-item .yalla-product-card__media .installed i, .brown .yalla-cart-item .yalla-product-card__media .installed svg, .brown .yalla-offers__item .img-box .installed i, .brown .yalla-offers__item .img-box .installed svg, .brown .yalla-offers__item .yalla-product-card__media .installed i, .brown .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.brown .yalla-product-card .img-box .yalla-btn:hover, .brown .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .brown .yalla-order-item .img-box .yalla-btn:hover, .brown .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .brown .yalla-cart-item .img-box .yalla-btn:hover, .brown .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .brown .yalla-offers__item .img-box .yalla-btn:hover, .brown .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #856c62;
}
.brown .yalla-product-card section .label-left, .brown .yalla-order-item section .label-left, .brown .yalla-cart-item section .label-left, .brown .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.brown .yalla-product-card section .label-right, .brown .yalla-order-item section .label-right, .brown .yalla-cart-item section .label-right, .brown .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.brown .yalla-product-card section section, .brown .yalla-order-item section section, .brown .yalla-cart-item section section, .brown .yalla-offers__item section section {
  background-color: #fff;
}
.brown .yalla-product-card section .yalla-product-card__pricing, .brown .yalla-product-card section .yalla-order-item__price, .brown .yalla-product-card section .yalla-offers__price, .brown .yalla-order-item section .yalla-product-card__pricing, .brown .yalla-order-item section .yalla-order-item__price, .brown .yalla-order-item section .yalla-offers__price, .brown .yalla-cart-item section .yalla-product-card__pricing, .brown .yalla-cart-item section .yalla-order-item__price, .brown .yalla-cart-item section .yalla-offers__price, .brown .yalla-offers__item section .yalla-product-card__pricing, .brown .yalla-offers__item section .yalla-order-item__price, .brown .yalla-offers__item section .yalla-offers__price {
  color: #a98360 !important;
}
.brown .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .brown .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .brown .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .brown .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .brown .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .brown .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .brown .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .brown .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .brown .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .brown .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .brown .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .brown .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .brown .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .brown .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .brown .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .brown .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .brown .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .brown .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .brown .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .brown .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .brown .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .brown .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .brown .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .brown .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.brown .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #3f2613;
}
.brown .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.brown .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #856c62;
}
.brown .index {
  background-color: #F4F4F4;
}
.brown .index .slider .c-img div .img-box {
  background: #3f2613;
}
.brown .index .section .yalla-btn {
  background-color: #a98360;
  color: #fff;
}
.brown .index .section .yalla-btn:hover {
  background-color: #3f2613;
  color: #fff !important;
}
.brown .index .section .yalla-btn:focus {
  background-color: #3f2613;
  color: #fff !important;
}
.brown .index .section .yalla-btn:active {
  background-color: #3f2613;
  color: #fff !important;
}
.brown #storeFeatures .feature_item {
  background-color: #fff;
}
.brown #storeFeatures .feature_item .feature_icon {
  background-color: #3f2613;
}
.brown #storeFeatures .feature_item .feature_icon svg, .brown #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.brown #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.brown #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.brown .yalla-btn {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-btn:hover {
  background-color: #3f2613;
  color: #fff !important;
}
.brown .yalla-btn:focus {
  background-color: #3f2613;
  color: #fff !important;
}
.brown .yalla-btn:active {
  background-color: #3f2613;
  color: #fff !important;
}
.brown .opacity-7 {
  background-color: #3f2613 !important;
  color: #fff !important;
}
.brown .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #3f2613;
}
.brown .yalla-blog-card .yalla-blog-card__info h4, .brown .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #3f2613;
}
.brown .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #a98360;
}
.brown .all-blogs .btn {
  background-color: #3f2613;
}
.brown .all-blogs .btn:hover {
  background-color: #a98360;
}
.brown .swiper-button-next,
.brown .swiper-button-prev {
  color: #fff;
  background-color: #a98360;
}
.brown .single {
  background-color: #F4F4F4;
}
.brown .single .yalla-product__gallery {
  background-color: #fff;
}
.brown .single .section .swiper-button-next,
.brown .single .section .swiper-button-prev {
  color: #fff;
  background-color: #a98360;
}
.brown .single .section .yalla-product__description,
.brown .single .section .cliparai,
.brown .single .section .share,
.brown .single .section .yalla-product__info {
  background-color: #fff;
}
.brown .single .section .yalla-product__info h6 {
  color: #3f2613;
}
.brown .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #a98360;
}
.brown .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #3f2613;
}
.brown .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.brown .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #a98360;
}
.brown .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.brown .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.brown .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.brown .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.brown .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #a98360;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #3f2613;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #a98360;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #a98360;
  color: #a98360;
  background-color: transparent;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #3f2613;
  border-color: #3f2613;
  color: #fff;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #a98360;
  color: #fff;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #3f2613;
  border-color: #3f2613;
  color: #fff;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #a98360 !important;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .brown .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #a98360 !important;
}
.brown .single .button-more button {
  background-color: #3f2613;
  color: #fff;
}
.brown .taxonomies h6, .brown .tags h6 {
  color: #3f2613;
}
.brown .taxonomies ul li, .brown .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.brown #special-offer .btn-collection {
  border: 1px solid #a98360;
  color: #a98360;
  border-radius: 7px;
}
.brown #special-offer .btn-collection:hover {
  background-color: #a98360;
  color: #fff;
}
.brown .clipboard button {
  color: #fff;
  background-color: #a98360;
}
.brown .clipboard button:hover {
  background-color: #3f2613;
  color: #fff;
}
.brown .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .brown .clipboard button,
  .brown .clipboard .button {
    background-color: #3f2613;
  }
  .brown .clipboard button span,
  .brown .clipboard .button span {
    color: #fff;
  }
  .brown .clipboard button i, .brown .clipboard button svg,
  .brown .clipboard .button i,
  .brown .clipboard .button svg {
    color: #fff;
  }
}
.brown .share .action-icon .like {
  color: #1479fb;
}
.brown .share .action-icon .dislike {
  color: #FF4538;
}
.brown .share .action-icon .view {
  color: #3f2613;
}
.brown .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .brown .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.brown .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .brown .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #a98360;
}
.brown #quantityDiscounts {
  margin-bottom: 20px;
}
.brown .cart,
.brown .yalla-page-cart {
  background-color: #F4F4F4;
}
.brown .cart .yalla-cart__top-note,
.brown .yalla-page-cart .yalla-cart__top-note {
  background-color: #3f2613;
  color: #fff;
}
.brown .cart .yalla-cart__top-note a,
.brown .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.brown .cart .yalla-cart__order-notes a,
.brown .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #3f2613;
  color: #fff;
}
.brown .cart .yalla-cart .heart,
.brown .yalla-page-cart .yalla-cart .heart {
  color: #a98360;
}
.brown .cart .yalla-cart .yalla-product-card, .brown .cart .yalla-cart .yalla-order-item, .brown .cart .yalla-cart .yalla-cart-item, .brown .cart .yalla-cart .yalla-offers__item,
.brown .yalla-page-cart .yalla-cart .yalla-product-card,
.brown .yalla-page-cart .yalla-cart .yalla-order-item,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.brown .cart .yalla-cart .yalla-product-card .action .trash, .brown .cart .yalla-cart .yalla-order-item .action .trash, .brown .cart .yalla-cart .yalla-cart-item .action .trash, .brown .cart .yalla-cart .yalla-offers__item .action .trash,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.brown .cart .yalla-cart .yalla-product-card .action .trash i, .brown .cart .yalla-cart .yalla-product-card .action .trash svg, .brown .cart .yalla-cart .yalla-order-item .action .trash i, .brown .cart .yalla-cart .yalla-order-item .action .trash svg, .brown .cart .yalla-cart .yalla-cart-item .action .trash i, .brown .cart .yalla-cart .yalla-cart-item .action .trash svg, .brown .cart .yalla-cart .yalla-offers__item .action .trash i, .brown .cart .yalla-cart .yalla-offers__item .action .trash svg,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.brown .cart .yalla-cart .yalla-product-card .action .heart i, .brown .cart .yalla-cart .yalla-product-card .action .heart svg, .brown .cart .yalla-cart .yalla-order-item .action .heart i, .brown .cart .yalla-cart .yalla-order-item .action .heart svg, .brown .cart .yalla-cart .yalla-cart-item .action .heart i, .brown .cart .yalla-cart .yalla-cart-item .action .heart svg, .brown .cart .yalla-cart .yalla-offers__item .action .heart i, .brown .cart .yalla-cart .yalla-offers__item .action .heart svg,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #856c62;
}
.brown .cart .yalla-cart .yalla-product-card .action .note, .brown .cart .yalla-cart .yalla-order-item .action .note, .brown .cart .yalla-cart .yalla-cart-item .action .note, .brown .cart .yalla-cart .yalla-offers__item .action .note,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #856c62;
}
.brown .cart .yalla-cart .yalla-product-card .action .note i, .brown .cart .yalla-cart .yalla-product-card .action .note svg, .brown .cart .yalla-cart .yalla-order-item .action .note i, .brown .cart .yalla-cart .yalla-order-item .action .note svg, .brown .cart .yalla-cart .yalla-cart-item .action .note i, .brown .cart .yalla-cart .yalla-cart-item .action .note svg, .brown .cart .yalla-cart .yalla-offers__item .action .note i, .brown .cart .yalla-cart .yalla-offers__item .action .note svg,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.brown .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.brown .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #856c62;
}
.brown .cart .yalla-cart .yalla-cart-summary,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.brown .cart .yalla-cart .yalla-cart-summary h5,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.brown .cart .yalla-cart .yalla-cart-summary section span,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.brown .cart .yalla-cart .yalla-cart-summary section div,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.brown .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #856c62;
}
.brown .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #856c62;
}
.brown .cart .yalla-cart .yalla-cart-summary .delete span,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.brown .cart .yalla-cart .yalla-cart-summary .delete i, .brown .cart .yalla-cart .yalla-cart-summary .delete svg,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.brown .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.brown .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.brown .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.brown .cart .yalla-cart .nav-tabs .nav-item .active,
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #856c62 !important;
}
.brown .cart .yalla-cart .nav-tabs .nav-item .active span,
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #a98360 !important;
  border: 1px solid #a98360;
}
.brown .cart .yalla-cart .nav-tabs .nav-item .active span div,
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #3f2613;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #a98360;
  color: #a98360;
  background-color: transparent;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #a98360;
  color: #fff;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #a98360;
  color: #fff;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #a98360;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #856c62;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #3f2613;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .address,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #3f2613;
}
.brown .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .brown .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.brown .account,
.brown .yalla-page-account {
  background-color: #F4F4F4;
}
.brown .account .nav-pills .nav-link,
.brown .yalla-page-account .nav-pills .nav-link {
  color: #a98360;
}
.brown .account .nav-pills .nav-link:hover,
.brown .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #a98360;
  color: #fff !important;
}
.brown .account .nav-pills .active,
.brown .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #a98360;
}
.brown .account .account-form,
.brown .account .yalla-account__form,
.brown .yalla-page-account .account-form,
.brown .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.brown .account .account-form .p-image:hover i, .brown .account .account-form .p-image:hover svg,
.brown .account .account-form .yalla-account__avatar-upload:hover i,
.brown .account .account-form .yalla-account__avatar-upload:hover svg,
.brown .account .yalla-account__form .p-image:hover i,
.brown .account .yalla-account__form .p-image:hover svg,
.brown .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.brown .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.brown .yalla-page-account .account-form .p-image:hover i,
.brown .yalla-page-account .account-form .p-image:hover svg,
.brown .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.brown .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.brown .yalla-page-account .yalla-account__form .p-image:hover i,
.brown .yalla-page-account .yalla-account__form .p-image:hover svg,
.brown .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.brown .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #a98360;
}
.brown .account .account-form form label,
.brown .account .yalla-account__form form label,
.brown .yalla-page-account .account-form form label,
.brown .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.brown .account .account-form form input,
.brown .account .yalla-account__form form input,
.brown .yalla-page-account .account-form form input,
.brown .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.brown .account .account-form form .form-check,
.brown .account .yalla-account__form form .form-check,
.brown .yalla-page-account .account-form form .form-check,
.brown .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.brown .account .account-form form .select2 .select2-selection__rendered,
.brown .account .yalla-account__form form .select2 .select2-selection__rendered,
.brown .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.brown .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.brown .account .account-form form .select2 .select2-selection,
.brown .account .yalla-account__form form .select2 .select2-selection,
.brown .yalla-page-account .account-form form .select2 .select2-selection,
.brown .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.brown .account .account-form form button,
.brown .account .yalla-account__form form button,
.brown .yalla-page-account .account-form form button,
.brown .yalla-page-account .yalla-account__form form button {
  background-color: #a98360;
  color: #fff;
}
.brown .account .account-form form button:hover,
.brown .account .yalla-account__form form button:hover,
.brown .yalla-page-account .account-form form button:hover,
.brown .yalla-page-account .yalla-account__form form button:hover {
  background-color: #856c62;
}
.brown .account .account-form form .form-inline .dropdown-toggle,
.brown .account .yalla-account__form form .form-inline .dropdown-toggle,
.brown .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.brown .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.brown .account .account-form form .form-inline li .active,
.brown .account .yalla-account__form form .form-inline li .active,
.brown .yalla-page-account .account-form form .form-inline li .active,
.brown .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #a98360;
  color: #fff;
}
.brown .account .account-form form .form-inline li a:focus,
.brown .account .yalla-account__form form .form-inline li a:focus,
.brown .yalla-page-account .account-form form .form-inline li a:focus,
.brown .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #a98360;
  color: #fff;
}
.brown .account .yalla-orders__card,
.brown .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.brown .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.brown .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.brown .account .yalla-orders__list ul .yalla-order-summary__total,
.brown .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #a98360;
}
.brown .account .yalla-orders__list .yalla-product-card, .brown .account .yalla-orders__list .yalla-order-item, .brown .account .yalla-orders__list .yalla-cart-item, .brown .account .yalla-orders__list .yalla-offers__item,
.brown .yalla-page-account .yalla-orders__list .yalla-product-card,
.brown .yalla-page-account .yalla-orders__list .yalla-order-item,
.brown .yalla-page-account .yalla-orders__list .yalla-cart-item,
.brown .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.brown .account .yalla-orders__list .yalla-product-card section section, .brown .account .yalla-orders__list .yalla-order-item section section, .brown .account .yalla-orders__list .yalla-cart-item section section, .brown .account .yalla-orders__list .yalla-offers__item section section,
.brown .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.brown .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.brown .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.brown .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.brown .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .brown .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .brown .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .brown .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.brown .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.brown .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.brown .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.brown .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #a98360 !important;
}
.brown .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .brown .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .brown .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .brown .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.brown .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.brown .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.brown .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.brown .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.brown .yalla-cart-empty {
  background-color: #F4F4F4;
}
.brown .yalla-cart-empty h2 {
  color: #737373;
}
.brown .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #856c62;
}
.brown .completed {
  background-color: #F4F4F4;
}
.brown .completed .section-container h3 {
  color: #0C0C0C;
}
.brown .completed .section-container section h5 {
  color: #737373;
}
.brown .completed .section-container section ul li {
  color: #939393;
}
.brown .completed .section-container section ul li a {
  color: #a98360 !important;
}
.brown .completed .section-container section ul li a:hover {
  color: #3f2613 !important;
}
.brown .completed .section-container .share-info .form-group textarea {
  color: #a98360;
}
.brown .completed .section-container .share-info .share-button button {
  color: #fff;
}
.brown .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.brown .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.brown .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.brown .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.brown .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.brown .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.brown .completed .section-container a {
  background-color: #a98360;
  color: #fff;
}
.brown .completed .section-container a:hover {
  background-color: #856c62;
}
.brown .contact {
  background-color: #F4F4F4;
}
.brown .contact .section-container, .brown .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.brown .contact .section-container .icon-flow, .brown .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.brown .contact .section-container .icon-flow i, .brown .contact .section-container .icon-flow svg, .brown .contact .yalla-page-contact__body .icon-flow i, .brown .contact .yalla-page-contact__body .icon-flow svg {
  color: #a98360;
}
.brown .contact .section-container .contacts-form, .brown .contact .section-container .yalla-page-contact__form, .brown .contact .yalla-page-contact__body .contacts-form, .brown .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.brown .contact .section-container .contacts-form form button, .brown .contact .section-container .yalla-page-contact__form form button, .brown .contact .yalla-page-contact__body .contacts-form form button, .brown .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #a98360;
  color: #fff;
}
.brown .contact .section-container .contacts-form form button:hover, .brown .contact .section-container .yalla-page-contact__form form button:hover, .brown .contact .yalla-page-contact__body .contacts-form form button:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #856c62;
}
.brown .contact .section-container .yalla-page-contact__info h5, .brown .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.brown .contact .section-container .yalla-page-contact__info section div, .brown .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.brown .contact .section-container .yalla-page-contact__info section div span, .brown .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #a98360;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info section div span i, .brown .contact .section-container .yalla-page-contact__info section div span svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info section div a, .brown .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #a98360;
}
.brown .contact .section-container .yalla-page-contact__info .media .facebook, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .facebook:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .brown .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .twitter, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .twitter:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .brown .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .envelope, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .envelope:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .brown .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .whatsapp, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .brown .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .instagram, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .instagram:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .brown .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .telegram, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .telegram:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .brown .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .youtube, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .youtube:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .brown .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .soundcloud, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .brown .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .snapchat, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.brown .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.brown .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .brown .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .brown .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.brown .contact .section-container:hover .icon-flow, .brown .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #3f2613;
}
.brown .contact .section-container:hover .icon-flow i, .brown .contact .section-container:hover .icon-flow svg, .brown .contact .yalla-page-contact__body:hover .icon-flow i, .brown .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.brown .affiliate {
  background-color: #F4F4F4;
}
.brown .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.brown .affiliate .affiliate-info .disc article a,
.brown .affiliate .affiliate-info .disc p a {
  background-color: #a98360;
  color: #fff;
}
.brown .affiliate .affiliate-info .disc article a i, .brown .affiliate .affiliate-info .disc article a svg,
.brown .affiliate .affiliate-info .disc p a i,
.brown .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.brown .affiliate .affiliate-info .button {
  background-color: #a98360;
  color: #fff;
}
.brown .affiliate .affiliate-info .browse {
  background-color: #3f2613;
}
.brown .affiliate .affiliate-info .browse:hover {
  background-color: #a98360;
}
.brown .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.brown .affiliate .affiliate-info .clipboard button {
  background-color: #a98360;
  color: #fff;
}
.brown .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.brown .affiliate .affiliate-info .table {
  background-color: #fff;
}
.brown .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.brown .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.brown .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.brown .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #3f2613;
}
.brown .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #a98360;
}
.brown .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.brown .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.brown .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.brown .affiliate .affiliate-info .bills label {
  color: #737373;
}
.brown .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.brown .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.brown .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.brown .affiliate .under-line {
  border-bottom: 3px solid #a98360;
}
.brown .checkout .radio:checked {
  background: #a98360;
  border-color: #a98360;
}
.brown .checkout .plan-type {
  color: #a98360;
}
.brown .checkout .btn-primary {
  background: #a98360;
  border-color: #a98360;
}
.brown #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.brown #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.brown #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.brown #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.brown #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.brown #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.brown #shipping_campanies label .details span i, .brown #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.brown #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.brown #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.brown .checkout .radio:checked ~ .plan-details {
  border-color: #a98360;
}
.brown #thanks .btn-view-order, .brown #thanks .yalla-thanks__action {
  background: #a98360;
  color: #fff;
  border: 1px solid #a98360;
}
.brown #thanks .btn-print-order, .brown #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #a98360;
  background: transparent;
  border: 1px solid #a98360;
}
.brown #thanks .btn-print-order:hover, .brown #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #a98360;
}
.brown #thanks .share-button button, .brown #thanks .yalla-thanks__share-buttons button {
  background-color: #a98360;
  color: #fff;
}
.brown #thanks .continue-btn {
  background-color: #3f2613;
  color: #fff;
  opacity: 0.7;
}
.brown #thanks .continue-btn:hover {
  opacity: 1;
}

.grey {
  --yalla-color-primary: #4a4e69;
  --yalla-color-dark: #22223b;
  --yalla-color-heading: #22223b;
  --yalla-color-accent: #9a8c98;
  --yalla-color-surface-muted: #e6e9ff;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.grey .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.grey .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.grey .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #4a4e69;
}
.grey .auth-popup .auth-tabs__trigger[data-state=active], .grey .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #22223b;
  color: #fff;
}
.grey .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #4a4e69;
}
.grey .auth-popup button.button--primary {
  background: #4a4e69;
}
.grey .auth-popup button.button--primary:hover {
  background: #22223b;
}
.grey .auth-popup #go-to-register {
  color: #22223b;
}
.grey .auth-popup #go-to-register:hover {
  color: #4a4e69;
  animation: initial;
}
.grey .yalla-cart-item__offer i, .grey .yalla-cart-item__offer svg {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-cart-item__offer div {
  color: #22223b;
}
.grey .general-notes,
.grey .yalla-notice {
  background-color: #22223b;
  color: #fff;
}
.grey .general-notes button,
.grey .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.grey .contac-button {
  background-color: #4a4e69;
  color: #fff;
}
.grey .contac-button:hover {
  background-color: #22223b;
  color: #fff;
}
.grey .btn-head {
  background: #fff;
  color: #4a4e69 !important;
}
.grey .btn-head:hover {
  background-color: #22223b !important;
  color: #fff !important;
}
.grey button div,
.grey .button div,
.grey .a-button div {
  background-color: #22223b;
}
.grey .sub-categories a h5 {
  color: #22223b;
}
.grey .yalla-subnav__brand-link {
  color: #22223b;
}
.grey .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #4a4e69;
}
.grey .yalla-brand-card h6 {
  color: #22223b;
}
.grey .yalla-brand-card h6:hover {
  color: #4a4e69;
}
.grey .social-button {
  background: linear-gradient(45deg, #22223b, #4a4e69) !important;
}
.grey .social-button:hover {
  background: linear-gradient(45deg, #4a4e69, #22223b);
}
.grey .add-cart {
  background-color: #4a4e69 !important;
}
.grey header {
  background-color: #4a4e69;
  border-bottom: 1px solid #fff;
}
.grey header nav form .yalla-btn,
.grey header nav form .yalla-subnav__search-submit,
.grey header nav .yalla-subnav__search-form .yalla-btn,
.grey header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #22223b;
}
@media (max-width: 991.98px) {
  .grey header nav form,
  .grey header nav .yalla-subnav__search-form {
    background-color: #22223b;
    border-top: 1px solid #fff;
  }
  .grey header nav form .yalla-btn,
  .grey header nav form .yalla-subnav__search-submit,
  .grey header nav .yalla-subnav__search-form .yalla-btn,
  .grey header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #4a4e69;
  }
}
.grey header nav .yalla-subnav__start a span {
  color: #fff;
}
.grey header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #22223b;
  color: #fff;
}
.grey header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login a i, .grey header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login a:hover {
  background-color: #22223b;
}
.grey header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login button:hover {
  background-color: #22223b !important;
}
.grey header nav .yalla-subnav__actions .login button:focus {
  background-color: #22223b !important;
}
.grey header nav .yalla-subnav__actions .login button:active {
  background-color: #22223b !important;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #4a4e69;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a i, .grey header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #4a4e69;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .grey header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .grey header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .grey header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #22223b;
}
.grey header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.grey header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.grey header nav .yalla-subnav__actions .yalla-subnav__cart a i, .grey header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.grey header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #4a4e69;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #4a4e69;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #4a4e69;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #4a4e69;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #22223b;
}
.grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .grey header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.grey .yalla-footer {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-footer .yalla-footer__body .media a div {
  background-color: #22223b;
}
.grey .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.grey .yalla-footer .yalla-footer__body .media a div:hover i, .grey .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #22223b;
}
.grey .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.grey .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.grey .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #22223b;
}
.grey .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.grey .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.grey .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.grey .wihte-container {
  background-color: #fff;
}
.grey .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.grey .head::before, .grey .yalla-page-toolbar::before {
  background: #4a4e69;
}
.grey .head h3, .grey .yalla-page-toolbar h3 {
  color: #22223b;
}
.grey .head a:last-of-type, .grey .yalla-page-toolbar a:last-of-type {
  color: #4a4e69;
}
.grey .head .dropdown, .grey .yalla-page-toolbar .dropdown {
  left: 0;
}
.grey .head .dropdown button, .grey .yalla-page-toolbar .dropdown button {
  background-color: #4a4e69;
  color: #fff;
}
.grey .head .dropdown .dropdown-menu a, .grey .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #22223b;
}
.grey .head .dropdown .dropdown-menu a:last-of-type, .grey .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #22223b;
}
.grey .head .dropdown .dropdown-menu .active, .grey .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #22223b;
}
.grey .head .dropdown .dropdown-menu a:focus, .grey .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #22223b;
}
.grey .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .grey .media div, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .grey .media div, .grey .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .grey .media div {
  background-color: #4a4e69;
}
.grey .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .grey .media div i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .grey .media div i, .grey .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .grey .media div i, .grey .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .grey .media div svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .grey .media div svg, .grey .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .grey .media div svg {
  color: #fff;
}
.grey .breadcrumb-nav {
  background-color: #fff;
}
.grey .yalla-breadcrumb .overlay {
  background-color: #4a4e69;
}
.grey .yalla-breadcrumb form button {
  color: #fff;
}
.grey .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.grey .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #9a8c98;
  border-color: #9a8c98;
}
.grey .yalla-breadcrumb section h2 {
  color: #fff;
}
.grey .yalla-breadcrumb section ol li {
  color: #fff;
}
.grey .yalla-breadcrumb section ol li a {
  color: #fff;
}
.grey .yalla-breadcrumb section ol .active {
  color: #fff;
}
.grey .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.grey .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.grey .close:hover, .grey .close:focus, .grey .close:active {
  background-color: #FF4538;
  color: #fff;
}
.grey .alerts-product .alert .button div {
  background-color: #22223b !important;
}
.grey .alerts-product .alert .button:hover div {
  background-color: #4a4e69 !important;
}
.grey .trial-store {
  color: #ecf0f1;
  background-color: #22223b;
}
.grey .trial-store a {
  color: #4a4e69;
}
.grey .trial-store .close {
  background-color: #dc3545;
}
.grey .trial-store .close i, .grey .trial-store .close svg {
  color: #fff;
}
.grey .trial-store .btn-trial {
  color: #fff !important;
  background-color: #4a4e69;
}
.grey .pagination li.active span {
  color: #fff;
  border-color: #4a4e69;
  background-color: #4a4e69;
  border: 1px solid #f2f2f2;
}
.grey .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.grey .pagination li a:hover {
  background-color: #4a4e69;
}
.grey .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.grey .yalla-product-card .img-box, .grey .yalla-product-card .yalla-product-card__media, .grey .yalla-order-item .img-box, .grey .yalla-order-item .yalla-product-card__media, .grey .yalla-cart-item .img-box, .grey .yalla-cart-item .yalla-product-card__media, .grey .yalla-offers__item .img-box, .grey .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.grey .yalla-product-card .img-box .label-Wishes, .grey .yalla-product-card .img-box .yalla-product-card__wishlist, .grey .yalla-product-card .yalla-product-card__media .label-Wishes, .grey .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .grey .yalla-order-item .img-box .label-Wishes, .grey .yalla-order-item .img-box .yalla-product-card__wishlist, .grey .yalla-order-item .yalla-product-card__media .label-Wishes, .grey .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .grey .yalla-cart-item .img-box .label-Wishes, .grey .yalla-cart-item .img-box .yalla-product-card__wishlist, .grey .yalla-cart-item .yalla-product-card__media .label-Wishes, .grey .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .grey .yalla-offers__item .img-box .label-Wishes, .grey .yalla-offers__item .img-box .yalla-product-card__wishlist, .grey .yalla-offers__item .yalla-product-card__media .label-Wishes, .grey .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.grey .yalla-product-card .img-box .installed, .grey .yalla-product-card .yalla-product-card__media .installed, .grey .yalla-order-item .img-box .installed, .grey .yalla-order-item .yalla-product-card__media .installed, .grey .yalla-cart-item .img-box .installed, .grey .yalla-cart-item .yalla-product-card__media .installed, .grey .yalla-offers__item .img-box .installed, .grey .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #4a4e69;
}
.grey .yalla-product-card .img-box .installed i, .grey .yalla-product-card .img-box .installed svg, .grey .yalla-product-card .yalla-product-card__media .installed i, .grey .yalla-product-card .yalla-product-card__media .installed svg, .grey .yalla-order-item .img-box .installed i, .grey .yalla-order-item .img-box .installed svg, .grey .yalla-order-item .yalla-product-card__media .installed i, .grey .yalla-order-item .yalla-product-card__media .installed svg, .grey .yalla-cart-item .img-box .installed i, .grey .yalla-cart-item .img-box .installed svg, .grey .yalla-cart-item .yalla-product-card__media .installed i, .grey .yalla-cart-item .yalla-product-card__media .installed svg, .grey .yalla-offers__item .img-box .installed i, .grey .yalla-offers__item .img-box .installed svg, .grey .yalla-offers__item .yalla-product-card__media .installed i, .grey .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.grey .yalla-product-card .img-box .yalla-btn:hover, .grey .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .grey .yalla-order-item .img-box .yalla-btn:hover, .grey .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .grey .yalla-cart-item .img-box .yalla-btn:hover, .grey .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .grey .yalla-offers__item .img-box .yalla-btn:hover, .grey .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #9a8c98;
}
.grey .yalla-product-card section .label-left, .grey .yalla-order-item section .label-left, .grey .yalla-cart-item section .label-left, .grey .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.grey .yalla-product-card section .label-right, .grey .yalla-order-item section .label-right, .grey .yalla-cart-item section .label-right, .grey .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.grey .yalla-product-card section section, .grey .yalla-order-item section section, .grey .yalla-cart-item section section, .grey .yalla-offers__item section section {
  background-color: #fff;
}
.grey .yalla-product-card section .yalla-product-card__pricing, .grey .yalla-product-card section .yalla-order-item__price, .grey .yalla-product-card section .yalla-offers__price, .grey .yalla-order-item section .yalla-product-card__pricing, .grey .yalla-order-item section .yalla-order-item__price, .grey .yalla-order-item section .yalla-offers__price, .grey .yalla-cart-item section .yalla-product-card__pricing, .grey .yalla-cart-item section .yalla-order-item__price, .grey .yalla-cart-item section .yalla-offers__price, .grey .yalla-offers__item section .yalla-product-card__pricing, .grey .yalla-offers__item section .yalla-order-item__price, .grey .yalla-offers__item section .yalla-offers__price {
  color: #4a4e69 !important;
}
.grey .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .grey .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .grey .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .grey .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .grey .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .grey .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .grey .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .grey .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .grey .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .grey .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .grey .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .grey .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .grey .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .grey .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .grey .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .grey .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .grey .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .grey .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .grey .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .grey .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .grey .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .grey .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .grey .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .grey .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.grey .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #22223b;
}
.grey .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.grey .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #9a8c98;
}
.grey .index {
  background-color: #F4F4F4;
}
.grey .index .slider .c-img div .img-box {
  background: #22223b;
}
.grey .index .section .yalla-btn {
  background-color: #4a4e69;
  color: #fff;
}
.grey .index .section .yalla-btn:hover {
  background-color: #22223b;
  color: #fff !important;
}
.grey .index .section .yalla-btn:focus {
  background-color: #22223b;
  color: #fff !important;
}
.grey .index .section .yalla-btn:active {
  background-color: #22223b;
  color: #fff !important;
}
.grey #storeFeatures .feature_item {
  background-color: #fff;
}
.grey #storeFeatures .feature_item .feature_icon {
  background-color: #22223b;
}
.grey #storeFeatures .feature_item .feature_icon svg, .grey #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.grey #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.grey #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.grey .yalla-btn {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-btn:hover {
  background-color: #22223b;
  color: #fff !important;
}
.grey .yalla-btn:focus {
  background-color: #22223b;
  color: #fff !important;
}
.grey .yalla-btn:active {
  background-color: #22223b;
  color: #fff !important;
}
.grey .opacity-7 {
  background-color: #22223b !important;
  color: #fff !important;
}
.grey .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #22223b;
}
.grey .yalla-blog-card .yalla-blog-card__info h4, .grey .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #22223b;
}
.grey .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #4a4e69;
}
.grey .all-blogs .btn {
  background-color: #22223b;
}
.grey .all-blogs .btn:hover {
  background-color: #4a4e69;
}
.grey .swiper-button-next,
.grey .swiper-button-prev {
  color: #fff;
  background-color: #4a4e69;
}
.grey .single {
  background-color: #F4F4F4;
}
.grey .single .yalla-product__gallery {
  background-color: #fff;
}
.grey .single .section .swiper-button-next,
.grey .single .section .swiper-button-prev {
  color: #fff;
  background-color: #4a4e69;
}
.grey .single .section .yalla-product__description,
.grey .single .section .cliparai,
.grey .single .section .share,
.grey .single .section .yalla-product__info {
  background-color: #fff;
}
.grey .single .section .yalla-product__info h6 {
  color: #22223b;
}
.grey .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #4a4e69;
}
.grey .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #22223b;
}
.grey .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.grey .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #4a4e69;
}
.grey .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.grey .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.grey .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.grey .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.grey .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #4a4e69;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #22223b;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #4a4e69;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #4a4e69;
  color: #4a4e69;
  background-color: transparent;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #22223b;
  border-color: #22223b;
  color: #fff;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #4a4e69;
  color: #fff;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #22223b;
  border-color: #22223b;
  color: #fff;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #4a4e69 !important;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .grey .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #4a4e69 !important;
}
.grey .single .button-more button {
  background-color: #22223b;
  color: #fff;
}
.grey .taxonomies h6, .grey .tags h6 {
  color: #22223b;
}
.grey .taxonomies ul li, .grey .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.grey #special-offer .btn-collection {
  border: 1px solid #4a4e69;
  color: #4a4e69;
  border-radius: 7px;
}
.grey #special-offer .btn-collection:hover {
  background-color: #4a4e69;
  color: #fff;
}
.grey .clipboard button {
  color: #fff;
  background-color: #4a4e69;
}
.grey .clipboard button:hover {
  background-color: #22223b;
  color: #fff;
}
.grey .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .grey .clipboard button,
  .grey .clipboard .button {
    background-color: #22223b;
  }
  .grey .clipboard button span,
  .grey .clipboard .button span {
    color: #fff;
  }
  .grey .clipboard button i, .grey .clipboard button svg,
  .grey .clipboard .button i,
  .grey .clipboard .button svg {
    color: #fff;
  }
}
.grey .share .action-icon .like {
  color: #1479fb;
}
.grey .share .action-icon .dislike {
  color: #FF4538;
}
.grey .share .action-icon .view {
  color: #22223b;
}
.grey .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .grey .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.grey .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .grey .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #4a4e69;
}
.grey #quantityDiscounts {
  margin-bottom: 20px;
}
.grey .cart,
.grey .yalla-page-cart {
  background-color: #F4F4F4;
}
.grey .cart .yalla-cart__top-note,
.grey .yalla-page-cart .yalla-cart__top-note {
  background-color: #22223b;
  color: #fff;
}
.grey .cart .yalla-cart__top-note a,
.grey .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.grey .cart .yalla-cart__order-notes a,
.grey .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #22223b;
  color: #fff;
}
.grey .cart .yalla-cart .heart,
.grey .yalla-page-cart .yalla-cart .heart {
  color: #4a4e69;
}
.grey .cart .yalla-cart .yalla-product-card, .grey .cart .yalla-cart .yalla-order-item, .grey .cart .yalla-cart .yalla-cart-item, .grey .cart .yalla-cart .yalla-offers__item,
.grey .yalla-page-cart .yalla-cart .yalla-product-card,
.grey .yalla-page-cart .yalla-cart .yalla-order-item,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.grey .cart .yalla-cart .yalla-product-card .action .trash, .grey .cart .yalla-cart .yalla-order-item .action .trash, .grey .cart .yalla-cart .yalla-cart-item .action .trash, .grey .cart .yalla-cart .yalla-offers__item .action .trash,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.grey .cart .yalla-cart .yalla-product-card .action .trash i, .grey .cart .yalla-cart .yalla-product-card .action .trash svg, .grey .cart .yalla-cart .yalla-order-item .action .trash i, .grey .cart .yalla-cart .yalla-order-item .action .trash svg, .grey .cart .yalla-cart .yalla-cart-item .action .trash i, .grey .cart .yalla-cart .yalla-cart-item .action .trash svg, .grey .cart .yalla-cart .yalla-offers__item .action .trash i, .grey .cart .yalla-cart .yalla-offers__item .action .trash svg,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.grey .cart .yalla-cart .yalla-product-card .action .heart i, .grey .cart .yalla-cart .yalla-product-card .action .heart svg, .grey .cart .yalla-cart .yalla-order-item .action .heart i, .grey .cart .yalla-cart .yalla-order-item .action .heart svg, .grey .cart .yalla-cart .yalla-cart-item .action .heart i, .grey .cart .yalla-cart .yalla-cart-item .action .heart svg, .grey .cart .yalla-cart .yalla-offers__item .action .heart i, .grey .cart .yalla-cart .yalla-offers__item .action .heart svg,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #9a8c98;
}
.grey .cart .yalla-cart .yalla-product-card .action .note, .grey .cart .yalla-cart .yalla-order-item .action .note, .grey .cart .yalla-cart .yalla-cart-item .action .note, .grey .cart .yalla-cart .yalla-offers__item .action .note,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #9a8c98;
}
.grey .cart .yalla-cart .yalla-product-card .action .note i, .grey .cart .yalla-cart .yalla-product-card .action .note svg, .grey .cart .yalla-cart .yalla-order-item .action .note i, .grey .cart .yalla-cart .yalla-order-item .action .note svg, .grey .cart .yalla-cart .yalla-cart-item .action .note i, .grey .cart .yalla-cart .yalla-cart-item .action .note svg, .grey .cart .yalla-cart .yalla-offers__item .action .note i, .grey .cart .yalla-cart .yalla-offers__item .action .note svg,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.grey .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.grey .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #9a8c98;
}
.grey .cart .yalla-cart .yalla-cart-summary,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.grey .cart .yalla-cart .yalla-cart-summary h5,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.grey .cart .yalla-cart .yalla-cart-summary section span,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.grey .cart .yalla-cart .yalla-cart-summary section div,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.grey .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #9a8c98;
}
.grey .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #9a8c98;
}
.grey .cart .yalla-cart .yalla-cart-summary .delete span,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.grey .cart .yalla-cart .yalla-cart-summary .delete i, .grey .cart .yalla-cart .yalla-cart-summary .delete svg,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.grey .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.grey .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.grey .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.grey .cart .yalla-cart .nav-tabs .nav-item .active,
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #9a8c98 !important;
}
.grey .cart .yalla-cart .nav-tabs .nav-item .active span,
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #4a4e69 !important;
  border: 1px solid #4a4e69;
}
.grey .cart .yalla-cart .nav-tabs .nav-item .active span div,
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #22223b;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #4a4e69;
  color: #4a4e69;
  background-color: transparent;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #4a4e69;
  color: #fff;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #4a4e69;
  color: #fff;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #4a4e69;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #9a8c98;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #22223b;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .address,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #22223b;
}
.grey .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .grey .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.grey .account,
.grey .yalla-page-account {
  background-color: #F4F4F4;
}
.grey .account .nav-pills .nav-link,
.grey .yalla-page-account .nav-pills .nav-link {
  color: #4a4e69;
}
.grey .account .nav-pills .nav-link:hover,
.grey .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #4a4e69;
  color: #fff !important;
}
.grey .account .nav-pills .active,
.grey .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #4a4e69;
}
.grey .account .account-form,
.grey .account .yalla-account__form,
.grey .yalla-page-account .account-form,
.grey .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.grey .account .account-form .p-image:hover i, .grey .account .account-form .p-image:hover svg,
.grey .account .account-form .yalla-account__avatar-upload:hover i,
.grey .account .account-form .yalla-account__avatar-upload:hover svg,
.grey .account .yalla-account__form .p-image:hover i,
.grey .account .yalla-account__form .p-image:hover svg,
.grey .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.grey .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.grey .yalla-page-account .account-form .p-image:hover i,
.grey .yalla-page-account .account-form .p-image:hover svg,
.grey .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.grey .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.grey .yalla-page-account .yalla-account__form .p-image:hover i,
.grey .yalla-page-account .yalla-account__form .p-image:hover svg,
.grey .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.grey .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #4a4e69;
}
.grey .account .account-form form label,
.grey .account .yalla-account__form form label,
.grey .yalla-page-account .account-form form label,
.grey .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.grey .account .account-form form input,
.grey .account .yalla-account__form form input,
.grey .yalla-page-account .account-form form input,
.grey .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.grey .account .account-form form .form-check,
.grey .account .yalla-account__form form .form-check,
.grey .yalla-page-account .account-form form .form-check,
.grey .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.grey .account .account-form form .select2 .select2-selection__rendered,
.grey .account .yalla-account__form form .select2 .select2-selection__rendered,
.grey .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.grey .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.grey .account .account-form form .select2 .select2-selection,
.grey .account .yalla-account__form form .select2 .select2-selection,
.grey .yalla-page-account .account-form form .select2 .select2-selection,
.grey .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.grey .account .account-form form button,
.grey .account .yalla-account__form form button,
.grey .yalla-page-account .account-form form button,
.grey .yalla-page-account .yalla-account__form form button {
  background-color: #4a4e69;
  color: #fff;
}
.grey .account .account-form form button:hover,
.grey .account .yalla-account__form form button:hover,
.grey .yalla-page-account .account-form form button:hover,
.grey .yalla-page-account .yalla-account__form form button:hover {
  background-color: #9a8c98;
}
.grey .account .account-form form .form-inline .dropdown-toggle,
.grey .account .yalla-account__form form .form-inline .dropdown-toggle,
.grey .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.grey .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.grey .account .account-form form .form-inline li .active,
.grey .account .yalla-account__form form .form-inline li .active,
.grey .yalla-page-account .account-form form .form-inline li .active,
.grey .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #4a4e69;
  color: #fff;
}
.grey .account .account-form form .form-inline li a:focus,
.grey .account .yalla-account__form form .form-inline li a:focus,
.grey .yalla-page-account .account-form form .form-inline li a:focus,
.grey .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #4a4e69;
  color: #fff;
}
.grey .account .yalla-orders__card,
.grey .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.grey .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.grey .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.grey .account .yalla-orders__list ul .yalla-order-summary__total,
.grey .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #4a4e69;
}
.grey .account .yalla-orders__list .yalla-product-card, .grey .account .yalla-orders__list .yalla-order-item, .grey .account .yalla-orders__list .yalla-cart-item, .grey .account .yalla-orders__list .yalla-offers__item,
.grey .yalla-page-account .yalla-orders__list .yalla-product-card,
.grey .yalla-page-account .yalla-orders__list .yalla-order-item,
.grey .yalla-page-account .yalla-orders__list .yalla-cart-item,
.grey .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.grey .account .yalla-orders__list .yalla-product-card section section, .grey .account .yalla-orders__list .yalla-order-item section section, .grey .account .yalla-orders__list .yalla-cart-item section section, .grey .account .yalla-orders__list .yalla-offers__item section section,
.grey .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.grey .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.grey .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.grey .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.grey .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .grey .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .grey .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .grey .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.grey .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.grey .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.grey .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.grey .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #4a4e69 !important;
}
.grey .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .grey .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .grey .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .grey .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.grey .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.grey .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.grey .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.grey .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.grey .yalla-cart-empty {
  background-color: #F4F4F4;
}
.grey .yalla-cart-empty h2 {
  color: #737373;
}
.grey .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #9a8c98;
}
.grey .completed {
  background-color: #F4F4F4;
}
.grey .completed .section-container h3 {
  color: #0C0C0C;
}
.grey .completed .section-container section h5 {
  color: #737373;
}
.grey .completed .section-container section ul li {
  color: #939393;
}
.grey .completed .section-container section ul li a {
  color: #4a4e69 !important;
}
.grey .completed .section-container section ul li a:hover {
  color: #22223b !important;
}
.grey .completed .section-container .share-info .form-group textarea {
  color: #4a4e69;
}
.grey .completed .section-container .share-info .share-button button {
  color: #fff;
}
.grey .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.grey .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.grey .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.grey .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.grey .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.grey .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.grey .completed .section-container a {
  background-color: #4a4e69;
  color: #fff;
}
.grey .completed .section-container a:hover {
  background-color: #9a8c98;
}
.grey .contact {
  background-color: #F4F4F4;
}
.grey .contact .section-container, .grey .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.grey .contact .section-container .icon-flow, .grey .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.grey .contact .section-container .icon-flow i, .grey .contact .section-container .icon-flow svg, .grey .contact .yalla-page-contact__body .icon-flow i, .grey .contact .yalla-page-contact__body .icon-flow svg {
  color: #4a4e69;
}
.grey .contact .section-container .contacts-form, .grey .contact .section-container .yalla-page-contact__form, .grey .contact .yalla-page-contact__body .contacts-form, .grey .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.grey .contact .section-container .contacts-form form button, .grey .contact .section-container .yalla-page-contact__form form button, .grey .contact .yalla-page-contact__body .contacts-form form button, .grey .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #4a4e69;
  color: #fff;
}
.grey .contact .section-container .contacts-form form button:hover, .grey .contact .section-container .yalla-page-contact__form form button:hover, .grey .contact .yalla-page-contact__body .contacts-form form button:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #9a8c98;
}
.grey .contact .section-container .yalla-page-contact__info h5, .grey .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.grey .contact .section-container .yalla-page-contact__info section div, .grey .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.grey .contact .section-container .yalla-page-contact__info section div span, .grey .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #4a4e69;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info section div span i, .grey .contact .section-container .yalla-page-contact__info section div span svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info section div a, .grey .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #4a4e69;
}
.grey .contact .section-container .yalla-page-contact__info .media .facebook, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .facebook:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .grey .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .twitter, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .twitter:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .grey .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .envelope, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .envelope:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .grey .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .whatsapp, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .grey .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .instagram, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .instagram:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .grey .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .telegram, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .telegram:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .grey .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .youtube, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .youtube:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .grey .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .soundcloud, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .grey .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .snapchat, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.grey .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.grey .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .grey .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .grey .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.grey .contact .section-container:hover .icon-flow, .grey .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #22223b;
}
.grey .contact .section-container:hover .icon-flow i, .grey .contact .section-container:hover .icon-flow svg, .grey .contact .yalla-page-contact__body:hover .icon-flow i, .grey .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.grey .affiliate {
  background-color: #F4F4F4;
}
.grey .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.grey .affiliate .affiliate-info .disc article a,
.grey .affiliate .affiliate-info .disc p a {
  background-color: #4a4e69;
  color: #fff;
}
.grey .affiliate .affiliate-info .disc article a i, .grey .affiliate .affiliate-info .disc article a svg,
.grey .affiliate .affiliate-info .disc p a i,
.grey .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.grey .affiliate .affiliate-info .button {
  background-color: #4a4e69;
  color: #fff;
}
.grey .affiliate .affiliate-info .browse {
  background-color: #22223b;
}
.grey .affiliate .affiliate-info .browse:hover {
  background-color: #4a4e69;
}
.grey .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.grey .affiliate .affiliate-info .clipboard button {
  background-color: #4a4e69;
  color: #fff;
}
.grey .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.grey .affiliate .affiliate-info .table {
  background-color: #fff;
}
.grey .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.grey .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.grey .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.grey .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #22223b;
}
.grey .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #4a4e69;
}
.grey .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.grey .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.grey .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.grey .affiliate .affiliate-info .bills label {
  color: #737373;
}
.grey .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.grey .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.grey .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.grey .affiliate .under-line {
  border-bottom: 3px solid #4a4e69;
}
.grey .checkout .radio:checked {
  background: #4a4e69;
  border-color: #4a4e69;
}
.grey .checkout .plan-type {
  color: #4a4e69;
}
.grey .checkout .btn-primary {
  background: #4a4e69;
  border-color: #4a4e69;
}
.grey #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.grey #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.grey #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.grey #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.grey #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.grey #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.grey #shipping_campanies label .details span i, .grey #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.grey #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.grey #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.grey .checkout .radio:checked ~ .plan-details {
  border-color: #4a4e69;
}
.grey #thanks .btn-view-order, .grey #thanks .yalla-thanks__action {
  background: #4a4e69;
  color: #fff;
  border: 1px solid #4a4e69;
}
.grey #thanks .btn-print-order, .grey #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #4a4e69;
  background: transparent;
  border: 1px solid #4a4e69;
}
.grey #thanks .btn-print-order:hover, .grey #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #4a4e69;
}
.grey #thanks .share-button button, .grey #thanks .yalla-thanks__share-buttons button {
  background-color: #4a4e69;
  color: #fff;
}
.grey #thanks .continue-btn {
  background-color: #22223b;
  color: #fff;
  opacity: 0.7;
}
.grey #thanks .continue-btn:hover {
  opacity: 1;
}

.main {
  --yalla-color-primary: #0b5351;
  --yalla-color-dark: #092327;
  --yalla-color-heading: #092327;
  --yalla-color-accent: #00a9a5;
  --yalla-color-surface-muted: #defffe;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.main .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.main .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.main .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #0b5351;
}
.main .auth-popup .auth-tabs__trigger[data-state=active], .main .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #092327;
  color: #fff;
}
.main .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #0b5351;
}
.main .auth-popup button.button--primary {
  background: #0b5351;
}
.main .auth-popup button.button--primary:hover {
  background: #092327;
}
.main .auth-popup #go-to-register {
  color: #092327;
}
.main .auth-popup #go-to-register:hover {
  color: #0b5351;
  animation: initial;
}
.main .yalla-cart-item__offer i, .main .yalla-cart-item__offer svg {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-cart-item__offer div {
  color: #092327;
}
.main .general-notes,
.main .yalla-notice {
  background-color: #092327;
  color: #fff;
}
.main .general-notes button,
.main .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.main .contac-button {
  background-color: #0b5351;
  color: #fff;
}
.main .contac-button:hover {
  background-color: #092327;
  color: #fff;
}
.main .btn-head {
  background: #fff;
  color: #0b5351 !important;
}
.main .btn-head:hover {
  background-color: #092327 !important;
  color: #fff !important;
}
.main button div,
.main .button div,
.main .a-button div {
  background-color: #092327;
}
.main .sub-categories a h5 {
  color: #092327;
}
.main .yalla-subnav__brand-link {
  color: #092327;
}
.main .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #0b5351;
}
.main .yalla-brand-card h6 {
  color: #092327;
}
.main .yalla-brand-card h6:hover {
  color: #0b5351;
}
.main .social-button {
  background: linear-gradient(45deg, #092327, #0b5351) !important;
}
.main .social-button:hover {
  background: linear-gradient(45deg, #0b5351, #092327);
}
.main .add-cart {
  background-color: #0b5351 !important;
}
.main header {
  background-color: #0b5351;
  border-bottom: 1px solid #fff;
}
.main header nav form .yalla-btn,
.main header nav form .yalla-subnav__search-submit,
.main header nav .yalla-subnav__search-form .yalla-btn,
.main header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #092327;
}
@media (max-width: 991.98px) {
  .main header nav form,
  .main header nav .yalla-subnav__search-form {
    background-color: #092327;
    border-top: 1px solid #fff;
  }
  .main header nav form .yalla-btn,
  .main header nav form .yalla-subnav__search-submit,
  .main header nav .yalla-subnav__search-form .yalla-btn,
  .main header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #0b5351;
  }
}
.main header nav .yalla-subnav__start a span {
  color: #fff;
}
.main header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #092327;
  color: #fff;
}
.main header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login a i, .main header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login a:hover {
  background-color: #092327;
}
.main header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login button:hover {
  background-color: #092327 !important;
}
.main header nav .yalla-subnav__actions .login button:focus {
  background-color: #092327 !important;
}
.main header nav .yalla-subnav__actions .login button:active {
  background-color: #092327 !important;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #0b5351;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a i, .main header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #0b5351;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .main header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .main header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.main header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .main header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.main header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #092327;
}
.main header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.main header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.main header nav .yalla-subnav__actions .yalla-subnav__cart a i, .main header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.main header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #0b5351;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #0b5351;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #0b5351;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #0b5351;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #092327;
}
.main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .main header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.main .yalla-footer {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-footer .yalla-footer__body .media a div {
  background-color: #092327;
}
.main .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.main .yalla-footer .yalla-footer__body .media a div:hover i, .main .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #092327;
}
.main .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.main .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.main .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #092327;
}
.main .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.main .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.main .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.main .wihte-container {
  background-color: #fff;
}
.main .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.main .head::before, .main .yalla-page-toolbar::before {
  background: #0b5351;
}
.main .head h3, .main .yalla-page-toolbar h3 {
  color: #092327;
}
.main .head a:last-of-type, .main .yalla-page-toolbar a:last-of-type {
  color: #0b5351;
}
.main .head .dropdown, .main .yalla-page-toolbar .dropdown {
  left: 0;
}
.main .head .dropdown button, .main .yalla-page-toolbar .dropdown button {
  background-color: #0b5351;
  color: #fff;
}
.main .head .dropdown .dropdown-menu a, .main .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #092327;
}
.main .head .dropdown .dropdown-menu a:last-of-type, .main .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #092327;
}
.main .head .dropdown .dropdown-menu .active, .main .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #092327;
}
.main .head .dropdown .dropdown-menu a:focus, .main .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #092327;
}
.main .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .main .media div, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .main .media div, .main .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .main .media div {
  background-color: #0b5351;
}
.main .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .main .media div i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .main .media div i, .main .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .main .media div i, .main .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .main .media div svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .main .media div svg, .main .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .main .media div svg {
  color: #fff;
}
.main .breadcrumb-nav {
  background-color: #fff;
}
.main .yalla-breadcrumb .overlay {
  background-color: #0b5351;
}
.main .yalla-breadcrumb form button {
  color: #fff;
}
.main .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.main .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #00a9a5;
  border-color: #00a9a5;
}
.main .yalla-breadcrumb section h2 {
  color: #fff;
}
.main .yalla-breadcrumb section ol li {
  color: #fff;
}
.main .yalla-breadcrumb section ol li a {
  color: #fff;
}
.main .yalla-breadcrumb section ol .active {
  color: #fff;
}
.main .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.main .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.main .close:hover, .main .close:focus, .main .close:active {
  background-color: #FF4538;
  color: #fff;
}
.main .alerts-product .alert .button div {
  background-color: #092327 !important;
}
.main .alerts-product .alert .button:hover div {
  background-color: #0b5351 !important;
}
.main .trial-store {
  color: #ecf0f1;
  background-color: #092327;
}
.main .trial-store a {
  color: #0b5351;
}
.main .trial-store .close {
  background-color: #dc3545;
}
.main .trial-store .close i, .main .trial-store .close svg {
  color: #fff;
}
.main .trial-store .btn-trial {
  color: #fff !important;
  background-color: #0b5351;
}
.main .pagination li.active span {
  color: #fff;
  border-color: #0b5351;
  background-color: #0b5351;
  border: 1px solid #f2f2f2;
}
.main .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.main .pagination li a:hover {
  background-color: #0b5351;
}
.main .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.main .yalla-product-card .img-box, .main .yalla-product-card .yalla-product-card__media, .main .yalla-order-item .img-box, .main .yalla-order-item .yalla-product-card__media, .main .yalla-cart-item .img-box, .main .yalla-cart-item .yalla-product-card__media, .main .yalla-offers__item .img-box, .main .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.main .yalla-product-card .img-box .label-Wishes, .main .yalla-product-card .img-box .yalla-product-card__wishlist, .main .yalla-product-card .yalla-product-card__media .label-Wishes, .main .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .main .yalla-order-item .img-box .label-Wishes, .main .yalla-order-item .img-box .yalla-product-card__wishlist, .main .yalla-order-item .yalla-product-card__media .label-Wishes, .main .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .main .yalla-cart-item .img-box .label-Wishes, .main .yalla-cart-item .img-box .yalla-product-card__wishlist, .main .yalla-cart-item .yalla-product-card__media .label-Wishes, .main .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .main .yalla-offers__item .img-box .label-Wishes, .main .yalla-offers__item .img-box .yalla-product-card__wishlist, .main .yalla-offers__item .yalla-product-card__media .label-Wishes, .main .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.main .yalla-product-card .img-box .installed, .main .yalla-product-card .yalla-product-card__media .installed, .main .yalla-order-item .img-box .installed, .main .yalla-order-item .yalla-product-card__media .installed, .main .yalla-cart-item .img-box .installed, .main .yalla-cart-item .yalla-product-card__media .installed, .main .yalla-offers__item .img-box .installed, .main .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #0b5351;
}
.main .yalla-product-card .img-box .installed i, .main .yalla-product-card .img-box .installed svg, .main .yalla-product-card .yalla-product-card__media .installed i, .main .yalla-product-card .yalla-product-card__media .installed svg, .main .yalla-order-item .img-box .installed i, .main .yalla-order-item .img-box .installed svg, .main .yalla-order-item .yalla-product-card__media .installed i, .main .yalla-order-item .yalla-product-card__media .installed svg, .main .yalla-cart-item .img-box .installed i, .main .yalla-cart-item .img-box .installed svg, .main .yalla-cart-item .yalla-product-card__media .installed i, .main .yalla-cart-item .yalla-product-card__media .installed svg, .main .yalla-offers__item .img-box .installed i, .main .yalla-offers__item .img-box .installed svg, .main .yalla-offers__item .yalla-product-card__media .installed i, .main .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.main .yalla-product-card .img-box .yalla-btn:hover, .main .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .main .yalla-order-item .img-box .yalla-btn:hover, .main .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .main .yalla-cart-item .img-box .yalla-btn:hover, .main .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .main .yalla-offers__item .img-box .yalla-btn:hover, .main .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #00a9a5;
}
.main .yalla-product-card section .label-left, .main .yalla-order-item section .label-left, .main .yalla-cart-item section .label-left, .main .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.main .yalla-product-card section .label-right, .main .yalla-order-item section .label-right, .main .yalla-cart-item section .label-right, .main .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.main .yalla-product-card section section, .main .yalla-order-item section section, .main .yalla-cart-item section section, .main .yalla-offers__item section section {
  background-color: #fff;
}
.main .yalla-product-card section .yalla-product-card__pricing, .main .yalla-product-card section .yalla-order-item__price, .main .yalla-product-card section .yalla-offers__price, .main .yalla-order-item section .yalla-product-card__pricing, .main .yalla-order-item section .yalla-order-item__price, .main .yalla-order-item section .yalla-offers__price, .main .yalla-cart-item section .yalla-product-card__pricing, .main .yalla-cart-item section .yalla-order-item__price, .main .yalla-cart-item section .yalla-offers__price, .main .yalla-offers__item section .yalla-product-card__pricing, .main .yalla-offers__item section .yalla-order-item__price, .main .yalla-offers__item section .yalla-offers__price {
  color: #0b5351 !important;
}
.main .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .main .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .main .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .main .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .main .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .main .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .main .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .main .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .main .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .main .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .main .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .main .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .main .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .main .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .main .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .main .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .main .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .main .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .main .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .main .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .main .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .main .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .main .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .main .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.main .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #092327;
}
.main .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.main .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #00a9a5;
}
.main .index {
  background-color: #F4F4F4;
}
.main .index .slider .c-img div .img-box {
  background: #092327;
}
.main .index .section .yalla-btn {
  background-color: #0b5351;
  color: #fff;
}
.main .index .section .yalla-btn:hover {
  background-color: #092327;
  color: #fff !important;
}
.main .index .section .yalla-btn:focus {
  background-color: #092327;
  color: #fff !important;
}
.main .index .section .yalla-btn:active {
  background-color: #092327;
  color: #fff !important;
}
.main #storeFeatures .feature_item {
  background-color: #fff;
}
.main #storeFeatures .feature_item .feature_icon {
  background-color: #092327;
}
.main #storeFeatures .feature_item .feature_icon svg, .main #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.main #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.main #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.main .yalla-btn {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-btn:hover {
  background-color: #092327;
  color: #fff !important;
}
.main .yalla-btn:focus {
  background-color: #092327;
  color: #fff !important;
}
.main .yalla-btn:active {
  background-color: #092327;
  color: #fff !important;
}
.main .opacity-7 {
  background-color: #092327 !important;
  color: #fff !important;
}
.main .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #092327;
}
.main .yalla-blog-card .yalla-blog-card__info h4, .main .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #092327;
}
.main .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #0b5351;
}
.main .all-blogs .btn {
  background-color: #092327;
}
.main .all-blogs .btn:hover {
  background-color: #0b5351;
}
.main .swiper-button-next,
.main .swiper-button-prev {
  color: #fff;
  background-color: #0b5351;
}
.main .single {
  background-color: #F4F4F4;
}
.main .single .yalla-product__gallery {
  background-color: #fff;
}
.main .single .section .swiper-button-next,
.main .single .section .swiper-button-prev {
  color: #fff;
  background-color: #0b5351;
}
.main .single .section .yalla-product__description,
.main .single .section .cliparai,
.main .single .section .share,
.main .single .section .yalla-product__info {
  background-color: #fff;
}
.main .single .section .yalla-product__info h6 {
  color: #092327;
}
.main .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #0b5351;
}
.main .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #092327;
}
.main .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.main .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #0b5351;
}
.main .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.main .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.main .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.main .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.main .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #0b5351;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #092327;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #0b5351;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #0b5351;
  color: #0b5351;
  background-color: transparent;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #092327;
  border-color: #092327;
  color: #fff;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #0b5351;
  color: #fff;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #092327;
  border-color: #092327;
  color: #fff;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #0b5351 !important;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .main .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #0b5351 !important;
}
.main .single .button-more button {
  background-color: #092327;
  color: #fff;
}
.main .taxonomies h6, .main .tags h6 {
  color: #092327;
}
.main .taxonomies ul li, .main .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.main #special-offer .btn-collection {
  border: 1px solid #0b5351;
  color: #0b5351;
  border-radius: 7px;
}
.main #special-offer .btn-collection:hover {
  background-color: #0b5351;
  color: #fff;
}
.main .clipboard button {
  color: #fff;
  background-color: #0b5351;
}
.main .clipboard button:hover {
  background-color: #092327;
  color: #fff;
}
.main .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .main .clipboard button,
  .main .clipboard .button {
    background-color: #092327;
  }
  .main .clipboard button span,
  .main .clipboard .button span {
    color: #fff;
  }
  .main .clipboard button i, .main .clipboard button svg,
  .main .clipboard .button i,
  .main .clipboard .button svg {
    color: #fff;
  }
}
.main .share .action-icon .like {
  color: #1479fb;
}
.main .share .action-icon .dislike {
  color: #FF4538;
}
.main .share .action-icon .view {
  color: #092327;
}
.main .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .main .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.main .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .main .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #0b5351;
}
.main #quantityDiscounts {
  margin-bottom: 20px;
}
.main .cart,
.main .yalla-page-cart {
  background-color: #F4F4F4;
}
.main .cart .yalla-cart__top-note,
.main .yalla-page-cart .yalla-cart__top-note {
  background-color: #092327;
  color: #fff;
}
.main .cart .yalla-cart__top-note a,
.main .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.main .cart .yalla-cart__order-notes a,
.main .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #092327;
  color: #fff;
}
.main .cart .yalla-cart .heart,
.main .yalla-page-cart .yalla-cart .heart {
  color: #0b5351;
}
.main .cart .yalla-cart .yalla-product-card, .main .cart .yalla-cart .yalla-order-item, .main .cart .yalla-cart .yalla-cart-item, .main .cart .yalla-cart .yalla-offers__item,
.main .yalla-page-cart .yalla-cart .yalla-product-card,
.main .yalla-page-cart .yalla-cart .yalla-order-item,
.main .yalla-page-cart .yalla-cart .yalla-cart-item,
.main .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.main .cart .yalla-cart .yalla-product-card .action .trash, .main .cart .yalla-cart .yalla-order-item .action .trash, .main .cart .yalla-cart .yalla-cart-item .action .trash, .main .cart .yalla-cart .yalla-offers__item .action .trash,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.main .cart .yalla-cart .yalla-product-card .action .trash i, .main .cart .yalla-cart .yalla-product-card .action .trash svg, .main .cart .yalla-cart .yalla-order-item .action .trash i, .main .cart .yalla-cart .yalla-order-item .action .trash svg, .main .cart .yalla-cart .yalla-cart-item .action .trash i, .main .cart .yalla-cart .yalla-cart-item .action .trash svg, .main .cart .yalla-cart .yalla-offers__item .action .trash i, .main .cart .yalla-cart .yalla-offers__item .action .trash svg,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.main .cart .yalla-cart .yalla-product-card .action .heart i, .main .cart .yalla-cart .yalla-product-card .action .heart svg, .main .cart .yalla-cart .yalla-order-item .action .heart i, .main .cart .yalla-cart .yalla-order-item .action .heart svg, .main .cart .yalla-cart .yalla-cart-item .action .heart i, .main .cart .yalla-cart .yalla-cart-item .action .heart svg, .main .cart .yalla-cart .yalla-offers__item .action .heart i, .main .cart .yalla-cart .yalla-offers__item .action .heart svg,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #00a9a5;
}
.main .cart .yalla-cart .yalla-product-card .action .note, .main .cart .yalla-cart .yalla-order-item .action .note, .main .cart .yalla-cart .yalla-cart-item .action .note, .main .cart .yalla-cart .yalla-offers__item .action .note,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #00a9a5;
}
.main .cart .yalla-cart .yalla-product-card .action .note i, .main .cart .yalla-cart .yalla-product-card .action .note svg, .main .cart .yalla-cart .yalla-order-item .action .note i, .main .cart .yalla-cart .yalla-order-item .action .note svg, .main .cart .yalla-cart .yalla-cart-item .action .note i, .main .cart .yalla-cart .yalla-cart-item .action .note svg, .main .cart .yalla-cart .yalla-offers__item .action .note i, .main .cart .yalla-cart .yalla-offers__item .action .note svg,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.main .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.main .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.main .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.main .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #00a9a5;
}
.main .cart .yalla-cart .yalla-cart-summary,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.main .cart .yalla-cart .yalla-cart-summary h5,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.main .cart .yalla-cart .yalla-cart-summary section span,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.main .cart .yalla-cart .yalla-cart-summary section div,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.main .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #00a9a5;
}
.main .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #00a9a5;
}
.main .cart .yalla-cart .yalla-cart-summary .delete span,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.main .cart .yalla-cart .yalla-cart-summary .delete i, .main .cart .yalla-cart .yalla-cart-summary .delete svg,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.main .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.main .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.main .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.main .cart .yalla-cart .nav-tabs .nav-item .active,
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #00a9a5 !important;
}
.main .cart .yalla-cart .nav-tabs .nav-item .active span,
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #0b5351 !important;
  border: 1px solid #0b5351;
}
.main .cart .yalla-cart .nav-tabs .nav-item .active span div,
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #092327;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #0b5351;
  color: #0b5351;
  background-color: transparent;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #0b5351;
  color: #fff;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #0b5351;
  color: #fff;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #0b5351;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #00a9a5;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #092327;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .address,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #092327;
}
.main .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .main .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.main .account,
.main .yalla-page-account {
  background-color: #F4F4F4;
}
.main .account .nav-pills .nav-link,
.main .yalla-page-account .nav-pills .nav-link {
  color: #0b5351;
}
.main .account .nav-pills .nav-link:hover,
.main .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #0b5351;
  color: #fff !important;
}
.main .account .nav-pills .active,
.main .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #0b5351;
}
.main .account .account-form,
.main .account .yalla-account__form,
.main .yalla-page-account .account-form,
.main .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.main .account .account-form .p-image:hover i, .main .account .account-form .p-image:hover svg,
.main .account .account-form .yalla-account__avatar-upload:hover i,
.main .account .account-form .yalla-account__avatar-upload:hover svg,
.main .account .yalla-account__form .p-image:hover i,
.main .account .yalla-account__form .p-image:hover svg,
.main .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.main .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.main .yalla-page-account .account-form .p-image:hover i,
.main .yalla-page-account .account-form .p-image:hover svg,
.main .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.main .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.main .yalla-page-account .yalla-account__form .p-image:hover i,
.main .yalla-page-account .yalla-account__form .p-image:hover svg,
.main .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.main .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #0b5351;
}
.main .account .account-form form label,
.main .account .yalla-account__form form label,
.main .yalla-page-account .account-form form label,
.main .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.main .account .account-form form input,
.main .account .yalla-account__form form input,
.main .yalla-page-account .account-form form input,
.main .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.main .account .account-form form .form-check,
.main .account .yalla-account__form form .form-check,
.main .yalla-page-account .account-form form .form-check,
.main .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.main .account .account-form form .select2 .select2-selection__rendered,
.main .account .yalla-account__form form .select2 .select2-selection__rendered,
.main .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.main .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.main .account .account-form form .select2 .select2-selection,
.main .account .yalla-account__form form .select2 .select2-selection,
.main .yalla-page-account .account-form form .select2 .select2-selection,
.main .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.main .account .account-form form button,
.main .account .yalla-account__form form button,
.main .yalla-page-account .account-form form button,
.main .yalla-page-account .yalla-account__form form button {
  background-color: #0b5351;
  color: #fff;
}
.main .account .account-form form button:hover,
.main .account .yalla-account__form form button:hover,
.main .yalla-page-account .account-form form button:hover,
.main .yalla-page-account .yalla-account__form form button:hover {
  background-color: #00a9a5;
}
.main .account .account-form form .form-inline .dropdown-toggle,
.main .account .yalla-account__form form .form-inline .dropdown-toggle,
.main .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.main .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.main .account .account-form form .form-inline li .active,
.main .account .yalla-account__form form .form-inline li .active,
.main .yalla-page-account .account-form form .form-inline li .active,
.main .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #0b5351;
  color: #fff;
}
.main .account .account-form form .form-inline li a:focus,
.main .account .yalla-account__form form .form-inline li a:focus,
.main .yalla-page-account .account-form form .form-inline li a:focus,
.main .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #0b5351;
  color: #fff;
}
.main .account .yalla-orders__card,
.main .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.main .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.main .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.main .account .yalla-orders__list ul .yalla-order-summary__total,
.main .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #0b5351;
}
.main .account .yalla-orders__list .yalla-product-card, .main .account .yalla-orders__list .yalla-order-item, .main .account .yalla-orders__list .yalla-cart-item, .main .account .yalla-orders__list .yalla-offers__item,
.main .yalla-page-account .yalla-orders__list .yalla-product-card,
.main .yalla-page-account .yalla-orders__list .yalla-order-item,
.main .yalla-page-account .yalla-orders__list .yalla-cart-item,
.main .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.main .account .yalla-orders__list .yalla-product-card section section, .main .account .yalla-orders__list .yalla-order-item section section, .main .account .yalla-orders__list .yalla-cart-item section section, .main .account .yalla-orders__list .yalla-offers__item section section,
.main .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.main .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.main .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.main .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.main .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .main .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .main .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .main .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.main .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.main .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.main .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.main .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0b5351 !important;
}
.main .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .main .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .main .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .main .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.main .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.main .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.main .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.main .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.main .yalla-cart-empty {
  background-color: #F4F4F4;
}
.main .yalla-cart-empty h2 {
  color: #737373;
}
.main .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #00a9a5;
}
.main .completed {
  background-color: #F4F4F4;
}
.main .completed .section-container h3 {
  color: #0C0C0C;
}
.main .completed .section-container section h5 {
  color: #737373;
}
.main .completed .section-container section ul li {
  color: #939393;
}
.main .completed .section-container section ul li a {
  color: #0b5351 !important;
}
.main .completed .section-container section ul li a:hover {
  color: #092327 !important;
}
.main .completed .section-container .share-info .form-group textarea {
  color: #0b5351;
}
.main .completed .section-container .share-info .share-button button {
  color: #fff;
}
.main .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.main .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.main .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.main .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.main .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.main .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.main .completed .section-container a {
  background-color: #0b5351;
  color: #fff;
}
.main .completed .section-container a:hover {
  background-color: #00a9a5;
}
.main .contact {
  background-color: #F4F4F4;
}
.main .contact .section-container, .main .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.main .contact .section-container .icon-flow, .main .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.main .contact .section-container .icon-flow i, .main .contact .section-container .icon-flow svg, .main .contact .yalla-page-contact__body .icon-flow i, .main .contact .yalla-page-contact__body .icon-flow svg {
  color: #0b5351;
}
.main .contact .section-container .contacts-form, .main .contact .section-container .yalla-page-contact__form, .main .contact .yalla-page-contact__body .contacts-form, .main .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.main .contact .section-container .contacts-form form button, .main .contact .section-container .yalla-page-contact__form form button, .main .contact .yalla-page-contact__body .contacts-form form button, .main .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #0b5351;
  color: #fff;
}
.main .contact .section-container .contacts-form form button:hover, .main .contact .section-container .yalla-page-contact__form form button:hover, .main .contact .yalla-page-contact__body .contacts-form form button:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #00a9a5;
}
.main .contact .section-container .yalla-page-contact__info h5, .main .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.main .contact .section-container .yalla-page-contact__info section div, .main .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.main .contact .section-container .yalla-page-contact__info section div span, .main .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #0b5351;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info section div span i, .main .contact .section-container .yalla-page-contact__info section div span svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .main .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info section div a, .main .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #0b5351;
}
.main .contact .section-container .yalla-page-contact__info .media .facebook, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .facebook:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .main .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.main .contact .section-container .yalla-page-contact__info .media .twitter, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .twitter:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .main .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.main .contact .section-container .yalla-page-contact__info .media .envelope, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .envelope:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .main .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.main .contact .section-container .yalla-page-contact__info .media .whatsapp, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .main .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.main .contact .section-container .yalla-page-contact__info .media .instagram, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .instagram:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .main .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.main .contact .section-container .yalla-page-contact__info .media .telegram, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .telegram:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .main .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.main .contact .section-container .yalla-page-contact__info .media .youtube, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .youtube:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .main .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.main .contact .section-container .yalla-page-contact__info .media .soundcloud, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .main .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.main .contact .section-container .yalla-page-contact__info .media .snapchat, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.main .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.main .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .main .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .main .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.main .contact .section-container:hover .icon-flow, .main .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #092327;
}
.main .contact .section-container:hover .icon-flow i, .main .contact .section-container:hover .icon-flow svg, .main .contact .yalla-page-contact__body:hover .icon-flow i, .main .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.main .affiliate {
  background-color: #F4F4F4;
}
.main .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.main .affiliate .affiliate-info .disc article a,
.main .affiliate .affiliate-info .disc p a {
  background-color: #0b5351;
  color: #fff;
}
.main .affiliate .affiliate-info .disc article a i, .main .affiliate .affiliate-info .disc article a svg,
.main .affiliate .affiliate-info .disc p a i,
.main .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.main .affiliate .affiliate-info .button {
  background-color: #0b5351;
  color: #fff;
}
.main .affiliate .affiliate-info .browse {
  background-color: #092327;
}
.main .affiliate .affiliate-info .browse:hover {
  background-color: #0b5351;
}
.main .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.main .affiliate .affiliate-info .clipboard button {
  background-color: #0b5351;
  color: #fff;
}
.main .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.main .affiliate .affiliate-info .table {
  background-color: #fff;
}
.main .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.main .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.main .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.main .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #092327;
}
.main .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #0b5351;
}
.main .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.main .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.main .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.main .affiliate .affiliate-info .bills label {
  color: #737373;
}
.main .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.main .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.main .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.main .affiliate .under-line {
  border-bottom: 3px solid #0b5351;
}
.main .checkout .radio:checked {
  background: #0b5351;
  border-color: #0b5351;
}
.main .checkout .plan-type {
  color: #0b5351;
}
.main .checkout .btn-primary {
  background: #0b5351;
  border-color: #0b5351;
}
.main #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.main #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.main #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.main #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.main #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.main #shipping_campanies label .details span i, .main #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.main #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.main #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.main .checkout .radio:checked ~ .plan-details {
  border-color: #0b5351;
}
.main #thanks .btn-view-order, .main #thanks .yalla-thanks__action {
  background: #0b5351;
  color: #fff;
  border: 1px solid #0b5351;
}
.main #thanks .btn-print-order, .main #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #0b5351;
  background: transparent;
  border: 1px solid #0b5351;
}
.main #thanks .btn-print-order:hover, .main #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #0b5351;
}
.main #thanks .share-button button, .main #thanks .yalla-thanks__share-buttons button {
  background-color: #0b5351;
  color: #fff;
}
.main #thanks .continue-btn {
  background-color: #092327;
  color: #fff;
  opacity: 0.7;
}
.main #thanks .continue-btn:hover {
  opacity: 1;
}

.orange {
  --yalla-color-primary: #fb8500;
  --yalla-color-dark: #023047;
  --yalla-color-heading: #023047;
  --yalla-color-accent: #ffb703;
  --yalla-color-surface-muted: #ffecd9;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.orange .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.orange .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.orange .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #fb8500;
}
.orange .auth-popup .auth-tabs__trigger[data-state=active], .orange .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #023047;
  color: #fff;
}
.orange .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #fb8500;
}
.orange .auth-popup button.button--primary {
  background: #fb8500;
}
.orange .auth-popup button.button--primary:hover {
  background: #023047;
}
.orange .auth-popup #go-to-register {
  color: #023047;
}
.orange .auth-popup #go-to-register:hover {
  color: #fb8500;
  animation: initial;
}
.orange .yalla-cart-item__offer i, .orange .yalla-cart-item__offer svg {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-cart-item__offer div {
  color: #023047;
}
.orange .general-notes,
.orange .yalla-notice {
  background-color: #023047;
  color: #fff;
}
.orange .general-notes button,
.orange .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.orange .contac-button {
  background-color: #fb8500;
  color: #fff;
}
.orange .contac-button:hover {
  background-color: #023047;
  color: #fff;
}
.orange .btn-head {
  background: #fff;
  color: #fb8500 !important;
}
.orange .btn-head:hover {
  background-color: #023047 !important;
  color: #fff !important;
}
.orange button div,
.orange .button div,
.orange .a-button div {
  background-color: #023047;
}
.orange .sub-categories a h5 {
  color: #023047;
}
.orange .yalla-subnav__brand-link {
  color: #023047;
}
.orange .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #fb8500;
}
.orange .yalla-brand-card h6 {
  color: #023047;
}
.orange .yalla-brand-card h6:hover {
  color: #fb8500;
}
.orange .social-button {
  background: linear-gradient(45deg, #023047, #fb8500) !important;
}
.orange .social-button:hover {
  background: linear-gradient(45deg, #fb8500, #023047);
}
.orange .add-cart {
  background-color: #fb8500 !important;
}
.orange header {
  background-color: #fb8500;
  border-bottom: 1px solid #fff;
}
.orange header nav form .yalla-btn,
.orange header nav form .yalla-subnav__search-submit,
.orange header nav .yalla-subnav__search-form .yalla-btn,
.orange header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #023047;
}
@media (max-width: 991.98px) {
  .orange header nav form,
  .orange header nav .yalla-subnav__search-form {
    background-color: #023047;
    border-top: 1px solid #fff;
  }
  .orange header nav form .yalla-btn,
  .orange header nav form .yalla-subnav__search-submit,
  .orange header nav .yalla-subnav__search-form .yalla-btn,
  .orange header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #fb8500;
  }
}
.orange header nav .yalla-subnav__start a span {
  color: #fff;
}
.orange header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #023047;
  color: #fff;
}
.orange header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login a i, .orange header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login a:hover {
  background-color: #023047;
}
.orange header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login button:hover {
  background-color: #023047 !important;
}
.orange header nav .yalla-subnav__actions .login button:focus {
  background-color: #023047 !important;
}
.orange header nav .yalla-subnav__actions .login button:active {
  background-color: #023047 !important;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #fb8500;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a i, .orange header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #fb8500;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .orange header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .orange header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .orange header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #023047;
}
.orange header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.orange header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.orange header nav .yalla-subnav__actions .yalla-subnav__cart a i, .orange header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.orange header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #fb8500;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #fb8500;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #fb8500;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #fb8500;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #023047;
}
.orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .orange header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.orange .yalla-footer {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-footer .yalla-footer__body .media a div {
  background-color: #023047;
}
.orange .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.orange .yalla-footer .yalla-footer__body .media a div:hover i, .orange .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #023047;
}
.orange .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.orange .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.orange .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #023047;
}
.orange .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.orange .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.orange .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.orange .wihte-container {
  background-color: #fff;
}
.orange .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.orange .head::before, .orange .yalla-page-toolbar::before {
  background: #fb8500;
}
.orange .head h3, .orange .yalla-page-toolbar h3 {
  color: #023047;
}
.orange .head a:last-of-type, .orange .yalla-page-toolbar a:last-of-type {
  color: #fb8500;
}
.orange .head .dropdown, .orange .yalla-page-toolbar .dropdown {
  left: 0;
}
.orange .head .dropdown button, .orange .yalla-page-toolbar .dropdown button {
  background-color: #fb8500;
  color: #fff;
}
.orange .head .dropdown .dropdown-menu a, .orange .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #023047;
}
.orange .head .dropdown .dropdown-menu a:last-of-type, .orange .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #023047;
}
.orange .head .dropdown .dropdown-menu .active, .orange .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #023047;
}
.orange .head .dropdown .dropdown-menu a:focus, .orange .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #023047;
}
.orange .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .orange .media div, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .orange .media div, .orange .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .orange .media div {
  background-color: #fb8500;
}
.orange .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .orange .media div i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .orange .media div i, .orange .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .orange .media div i, .orange .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .orange .media div svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .orange .media div svg, .orange .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .orange .media div svg {
  color: #fff;
}
.orange .breadcrumb-nav {
  background-color: #fff;
}
.orange .yalla-breadcrumb .overlay {
  background-color: #fb8500;
}
.orange .yalla-breadcrumb form button {
  color: #fff;
}
.orange .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.orange .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #ffb703;
  border-color: #ffb703;
}
.orange .yalla-breadcrumb section h2 {
  color: #fff;
}
.orange .yalla-breadcrumb section ol li {
  color: #fff;
}
.orange .yalla-breadcrumb section ol li a {
  color: #fff;
}
.orange .yalla-breadcrumb section ol .active {
  color: #fff;
}
.orange .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.orange .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.orange .close:hover, .orange .close:focus, .orange .close:active {
  background-color: #FF4538;
  color: #fff;
}
.orange .alerts-product .alert .button div {
  background-color: #023047 !important;
}
.orange .alerts-product .alert .button:hover div {
  background-color: #fb8500 !important;
}
.orange .trial-store {
  color: #ecf0f1;
  background-color: #023047;
}
.orange .trial-store a {
  color: #fb8500;
}
.orange .trial-store .close {
  background-color: #dc3545;
}
.orange .trial-store .close i, .orange .trial-store .close svg {
  color: #fff;
}
.orange .trial-store .btn-trial {
  color: #fff !important;
  background-color: #fb8500;
}
.orange .pagination li.active span {
  color: #fff;
  border-color: #fb8500;
  background-color: #fb8500;
  border: 1px solid #f2f2f2;
}
.orange .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.orange .pagination li a:hover {
  background-color: #fb8500;
}
.orange .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.orange .yalla-product-card .img-box, .orange .yalla-product-card .yalla-product-card__media, .orange .yalla-order-item .img-box, .orange .yalla-order-item .yalla-product-card__media, .orange .yalla-cart-item .img-box, .orange .yalla-cart-item .yalla-product-card__media, .orange .yalla-offers__item .img-box, .orange .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.orange .yalla-product-card .img-box .label-Wishes, .orange .yalla-product-card .img-box .yalla-product-card__wishlist, .orange .yalla-product-card .yalla-product-card__media .label-Wishes, .orange .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .orange .yalla-order-item .img-box .label-Wishes, .orange .yalla-order-item .img-box .yalla-product-card__wishlist, .orange .yalla-order-item .yalla-product-card__media .label-Wishes, .orange .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .orange .yalla-cart-item .img-box .label-Wishes, .orange .yalla-cart-item .img-box .yalla-product-card__wishlist, .orange .yalla-cart-item .yalla-product-card__media .label-Wishes, .orange .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .orange .yalla-offers__item .img-box .label-Wishes, .orange .yalla-offers__item .img-box .yalla-product-card__wishlist, .orange .yalla-offers__item .yalla-product-card__media .label-Wishes, .orange .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.orange .yalla-product-card .img-box .installed, .orange .yalla-product-card .yalla-product-card__media .installed, .orange .yalla-order-item .img-box .installed, .orange .yalla-order-item .yalla-product-card__media .installed, .orange .yalla-cart-item .img-box .installed, .orange .yalla-cart-item .yalla-product-card__media .installed, .orange .yalla-offers__item .img-box .installed, .orange .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #fb8500;
}
.orange .yalla-product-card .img-box .installed i, .orange .yalla-product-card .img-box .installed svg, .orange .yalla-product-card .yalla-product-card__media .installed i, .orange .yalla-product-card .yalla-product-card__media .installed svg, .orange .yalla-order-item .img-box .installed i, .orange .yalla-order-item .img-box .installed svg, .orange .yalla-order-item .yalla-product-card__media .installed i, .orange .yalla-order-item .yalla-product-card__media .installed svg, .orange .yalla-cart-item .img-box .installed i, .orange .yalla-cart-item .img-box .installed svg, .orange .yalla-cart-item .yalla-product-card__media .installed i, .orange .yalla-cart-item .yalla-product-card__media .installed svg, .orange .yalla-offers__item .img-box .installed i, .orange .yalla-offers__item .img-box .installed svg, .orange .yalla-offers__item .yalla-product-card__media .installed i, .orange .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.orange .yalla-product-card .img-box .yalla-btn:hover, .orange .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .orange .yalla-order-item .img-box .yalla-btn:hover, .orange .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .orange .yalla-cart-item .img-box .yalla-btn:hover, .orange .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .orange .yalla-offers__item .img-box .yalla-btn:hover, .orange .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #ffb703;
}
.orange .yalla-product-card section .label-left, .orange .yalla-order-item section .label-left, .orange .yalla-cart-item section .label-left, .orange .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.orange .yalla-product-card section .label-right, .orange .yalla-order-item section .label-right, .orange .yalla-cart-item section .label-right, .orange .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.orange .yalla-product-card section section, .orange .yalla-order-item section section, .orange .yalla-cart-item section section, .orange .yalla-offers__item section section {
  background-color: #fff;
}
.orange .yalla-product-card section .yalla-product-card__pricing, .orange .yalla-product-card section .yalla-order-item__price, .orange .yalla-product-card section .yalla-offers__price, .orange .yalla-order-item section .yalla-product-card__pricing, .orange .yalla-order-item section .yalla-order-item__price, .orange .yalla-order-item section .yalla-offers__price, .orange .yalla-cart-item section .yalla-product-card__pricing, .orange .yalla-cart-item section .yalla-order-item__price, .orange .yalla-cart-item section .yalla-offers__price, .orange .yalla-offers__item section .yalla-product-card__pricing, .orange .yalla-offers__item section .yalla-order-item__price, .orange .yalla-offers__item section .yalla-offers__price {
  color: #fb8500 !important;
}
.orange .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .orange .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .orange .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .orange .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .orange .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .orange .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .orange .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .orange .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .orange .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .orange .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .orange .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .orange .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .orange .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .orange .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .orange .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .orange .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .orange .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .orange .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .orange .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .orange .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .orange .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .orange .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .orange .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .orange .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.orange .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #023047;
}
.orange .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.orange .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #ffb703;
}
.orange .index {
  background-color: #F4F4F4;
}
.orange .index .slider .c-img div .img-box {
  background: #023047;
}
.orange .index .section .yalla-btn {
  background-color: #fb8500;
  color: #fff;
}
.orange .index .section .yalla-btn:hover {
  background-color: #023047;
  color: #fff !important;
}
.orange .index .section .yalla-btn:focus {
  background-color: #023047;
  color: #fff !important;
}
.orange .index .section .yalla-btn:active {
  background-color: #023047;
  color: #fff !important;
}
.orange #storeFeatures .feature_item {
  background-color: #fff;
}
.orange #storeFeatures .feature_item .feature_icon {
  background-color: #023047;
}
.orange #storeFeatures .feature_item .feature_icon svg, .orange #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.orange #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.orange #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.orange .yalla-btn {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-btn:hover {
  background-color: #023047;
  color: #fff !important;
}
.orange .yalla-btn:focus {
  background-color: #023047;
  color: #fff !important;
}
.orange .yalla-btn:active {
  background-color: #023047;
  color: #fff !important;
}
.orange .opacity-7 {
  background-color: #023047 !important;
  color: #fff !important;
}
.orange .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #023047;
}
.orange .yalla-blog-card .yalla-blog-card__info h4, .orange .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #023047;
}
.orange .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #fb8500;
}
.orange .all-blogs .btn {
  background-color: #023047;
}
.orange .all-blogs .btn:hover {
  background-color: #fb8500;
}
.orange .swiper-button-next,
.orange .swiper-button-prev {
  color: #fff;
  background-color: #fb8500;
}
.orange .single {
  background-color: #F4F4F4;
}
.orange .single .yalla-product__gallery {
  background-color: #fff;
}
.orange .single .section .swiper-button-next,
.orange .single .section .swiper-button-prev {
  color: #fff;
  background-color: #fb8500;
}
.orange .single .section .yalla-product__description,
.orange .single .section .cliparai,
.orange .single .section .share,
.orange .single .section .yalla-product__info {
  background-color: #fff;
}
.orange .single .section .yalla-product__info h6 {
  color: #023047;
}
.orange .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #fb8500;
}
.orange .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #023047;
}
.orange .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.orange .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #fb8500;
}
.orange .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.orange .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.orange .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.orange .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.orange .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #fb8500;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #023047;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #fb8500;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #fb8500;
  color: #fb8500;
  background-color: transparent;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #023047;
  border-color: #023047;
  color: #fff;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #fb8500;
  color: #fff;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #023047;
  border-color: #023047;
  color: #fff;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #fb8500 !important;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .orange .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #fb8500 !important;
}
.orange .single .button-more button {
  background-color: #023047;
  color: #fff;
}
.orange .taxonomies h6, .orange .tags h6 {
  color: #023047;
}
.orange .taxonomies ul li, .orange .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.orange #special-offer .btn-collection {
  border: 1px solid #fb8500;
  color: #fb8500;
  border-radius: 7px;
}
.orange #special-offer .btn-collection:hover {
  background-color: #fb8500;
  color: #fff;
}
.orange .clipboard button {
  color: #fff;
  background-color: #fb8500;
}
.orange .clipboard button:hover {
  background-color: #023047;
  color: #fff;
}
.orange .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .orange .clipboard button,
  .orange .clipboard .button {
    background-color: #023047;
  }
  .orange .clipboard button span,
  .orange .clipboard .button span {
    color: #fff;
  }
  .orange .clipboard button i, .orange .clipboard button svg,
  .orange .clipboard .button i,
  .orange .clipboard .button svg {
    color: #fff;
  }
}
.orange .share .action-icon .like {
  color: #1479fb;
}
.orange .share .action-icon .dislike {
  color: #FF4538;
}
.orange .share .action-icon .view {
  color: #023047;
}
.orange .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .orange .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.orange .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .orange .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #fb8500;
}
.orange #quantityDiscounts {
  margin-bottom: 20px;
}
.orange .cart,
.orange .yalla-page-cart {
  background-color: #F4F4F4;
}
.orange .cart .yalla-cart__top-note,
.orange .yalla-page-cart .yalla-cart__top-note {
  background-color: #023047;
  color: #fff;
}
.orange .cart .yalla-cart__top-note a,
.orange .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.orange .cart .yalla-cart__order-notes a,
.orange .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #023047;
  color: #fff;
}
.orange .cart .yalla-cart .heart,
.orange .yalla-page-cart .yalla-cart .heart {
  color: #fb8500;
}
.orange .cart .yalla-cart .yalla-product-card, .orange .cart .yalla-cart .yalla-order-item, .orange .cart .yalla-cart .yalla-cart-item, .orange .cart .yalla-cart .yalla-offers__item,
.orange .yalla-page-cart .yalla-cart .yalla-product-card,
.orange .yalla-page-cart .yalla-cart .yalla-order-item,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.orange .cart .yalla-cart .yalla-product-card .action .trash, .orange .cart .yalla-cart .yalla-order-item .action .trash, .orange .cart .yalla-cart .yalla-cart-item .action .trash, .orange .cart .yalla-cart .yalla-offers__item .action .trash,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.orange .cart .yalla-cart .yalla-product-card .action .trash i, .orange .cart .yalla-cart .yalla-product-card .action .trash svg, .orange .cart .yalla-cart .yalla-order-item .action .trash i, .orange .cart .yalla-cart .yalla-order-item .action .trash svg, .orange .cart .yalla-cart .yalla-cart-item .action .trash i, .orange .cart .yalla-cart .yalla-cart-item .action .trash svg, .orange .cart .yalla-cart .yalla-offers__item .action .trash i, .orange .cart .yalla-cart .yalla-offers__item .action .trash svg,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.orange .cart .yalla-cart .yalla-product-card .action .heart i, .orange .cart .yalla-cart .yalla-product-card .action .heart svg, .orange .cart .yalla-cart .yalla-order-item .action .heart i, .orange .cart .yalla-cart .yalla-order-item .action .heart svg, .orange .cart .yalla-cart .yalla-cart-item .action .heart i, .orange .cart .yalla-cart .yalla-cart-item .action .heart svg, .orange .cart .yalla-cart .yalla-offers__item .action .heart i, .orange .cart .yalla-cart .yalla-offers__item .action .heart svg,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #ffb703;
}
.orange .cart .yalla-cart .yalla-product-card .action .note, .orange .cart .yalla-cart .yalla-order-item .action .note, .orange .cart .yalla-cart .yalla-cart-item .action .note, .orange .cart .yalla-cart .yalla-offers__item .action .note,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #ffb703;
}
.orange .cart .yalla-cart .yalla-product-card .action .note i, .orange .cart .yalla-cart .yalla-product-card .action .note svg, .orange .cart .yalla-cart .yalla-order-item .action .note i, .orange .cart .yalla-cart .yalla-order-item .action .note svg, .orange .cart .yalla-cart .yalla-cart-item .action .note i, .orange .cart .yalla-cart .yalla-cart-item .action .note svg, .orange .cart .yalla-cart .yalla-offers__item .action .note i, .orange .cart .yalla-cart .yalla-offers__item .action .note svg,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.orange .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.orange .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #ffb703;
}
.orange .cart .yalla-cart .yalla-cart-summary,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.orange .cart .yalla-cart .yalla-cart-summary h5,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.orange .cart .yalla-cart .yalla-cart-summary section span,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.orange .cart .yalla-cart .yalla-cart-summary section div,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.orange .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #ffb703;
}
.orange .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #ffb703;
}
.orange .cart .yalla-cart .yalla-cart-summary .delete span,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.orange .cart .yalla-cart .yalla-cart-summary .delete i, .orange .cart .yalla-cart .yalla-cart-summary .delete svg,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.orange .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.orange .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.orange .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.orange .cart .yalla-cart .nav-tabs .nav-item .active,
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #ffb703 !important;
}
.orange .cart .yalla-cart .nav-tabs .nav-item .active span,
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #fb8500 !important;
  border: 1px solid #fb8500;
}
.orange .cart .yalla-cart .nav-tabs .nav-item .active span div,
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #023047;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #fb8500;
  color: #fb8500;
  background-color: transparent;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #fb8500;
  color: #fff;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #fb8500;
  color: #fff;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #fb8500;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #ffb703;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #023047;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .address,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #023047;
}
.orange .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .orange .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.orange .account,
.orange .yalla-page-account {
  background-color: #F4F4F4;
}
.orange .account .nav-pills .nav-link,
.orange .yalla-page-account .nav-pills .nav-link {
  color: #fb8500;
}
.orange .account .nav-pills .nav-link:hover,
.orange .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #fb8500;
  color: #fff !important;
}
.orange .account .nav-pills .active,
.orange .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #fb8500;
}
.orange .account .account-form,
.orange .account .yalla-account__form,
.orange .yalla-page-account .account-form,
.orange .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.orange .account .account-form .p-image:hover i, .orange .account .account-form .p-image:hover svg,
.orange .account .account-form .yalla-account__avatar-upload:hover i,
.orange .account .account-form .yalla-account__avatar-upload:hover svg,
.orange .account .yalla-account__form .p-image:hover i,
.orange .account .yalla-account__form .p-image:hover svg,
.orange .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.orange .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.orange .yalla-page-account .account-form .p-image:hover i,
.orange .yalla-page-account .account-form .p-image:hover svg,
.orange .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.orange .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.orange .yalla-page-account .yalla-account__form .p-image:hover i,
.orange .yalla-page-account .yalla-account__form .p-image:hover svg,
.orange .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.orange .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #fb8500;
}
.orange .account .account-form form label,
.orange .account .yalla-account__form form label,
.orange .yalla-page-account .account-form form label,
.orange .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.orange .account .account-form form input,
.orange .account .yalla-account__form form input,
.orange .yalla-page-account .account-form form input,
.orange .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.orange .account .account-form form .form-check,
.orange .account .yalla-account__form form .form-check,
.orange .yalla-page-account .account-form form .form-check,
.orange .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.orange .account .account-form form .select2 .select2-selection__rendered,
.orange .account .yalla-account__form form .select2 .select2-selection__rendered,
.orange .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.orange .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.orange .account .account-form form .select2 .select2-selection,
.orange .account .yalla-account__form form .select2 .select2-selection,
.orange .yalla-page-account .account-form form .select2 .select2-selection,
.orange .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.orange .account .account-form form button,
.orange .account .yalla-account__form form button,
.orange .yalla-page-account .account-form form button,
.orange .yalla-page-account .yalla-account__form form button {
  background-color: #fb8500;
  color: #fff;
}
.orange .account .account-form form button:hover,
.orange .account .yalla-account__form form button:hover,
.orange .yalla-page-account .account-form form button:hover,
.orange .yalla-page-account .yalla-account__form form button:hover {
  background-color: #ffb703;
}
.orange .account .account-form form .form-inline .dropdown-toggle,
.orange .account .yalla-account__form form .form-inline .dropdown-toggle,
.orange .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.orange .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.orange .account .account-form form .form-inline li .active,
.orange .account .yalla-account__form form .form-inline li .active,
.orange .yalla-page-account .account-form form .form-inline li .active,
.orange .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #fb8500;
  color: #fff;
}
.orange .account .account-form form .form-inline li a:focus,
.orange .account .yalla-account__form form .form-inline li a:focus,
.orange .yalla-page-account .account-form form .form-inline li a:focus,
.orange .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #fb8500;
  color: #fff;
}
.orange .account .yalla-orders__card,
.orange .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.orange .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.orange .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.orange .account .yalla-orders__list ul .yalla-order-summary__total,
.orange .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #fb8500;
}
.orange .account .yalla-orders__list .yalla-product-card, .orange .account .yalla-orders__list .yalla-order-item, .orange .account .yalla-orders__list .yalla-cart-item, .orange .account .yalla-orders__list .yalla-offers__item,
.orange .yalla-page-account .yalla-orders__list .yalla-product-card,
.orange .yalla-page-account .yalla-orders__list .yalla-order-item,
.orange .yalla-page-account .yalla-orders__list .yalla-cart-item,
.orange .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.orange .account .yalla-orders__list .yalla-product-card section section, .orange .account .yalla-orders__list .yalla-order-item section section, .orange .account .yalla-orders__list .yalla-cart-item section section, .orange .account .yalla-orders__list .yalla-offers__item section section,
.orange .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.orange .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.orange .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.orange .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.orange .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .orange .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .orange .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .orange .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.orange .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.orange .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.orange .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.orange .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #fb8500 !important;
}
.orange .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .orange .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .orange .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .orange .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.orange .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.orange .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.orange .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.orange .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.orange .yalla-cart-empty {
  background-color: #F4F4F4;
}
.orange .yalla-cart-empty h2 {
  color: #737373;
}
.orange .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #ffb703;
}
.orange .completed {
  background-color: #F4F4F4;
}
.orange .completed .section-container h3 {
  color: #0C0C0C;
}
.orange .completed .section-container section h5 {
  color: #737373;
}
.orange .completed .section-container section ul li {
  color: #939393;
}
.orange .completed .section-container section ul li a {
  color: #fb8500 !important;
}
.orange .completed .section-container section ul li a:hover {
  color: #023047 !important;
}
.orange .completed .section-container .share-info .form-group textarea {
  color: #fb8500;
}
.orange .completed .section-container .share-info .share-button button {
  color: #fff;
}
.orange .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.orange .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.orange .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.orange .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.orange .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.orange .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.orange .completed .section-container a {
  background-color: #fb8500;
  color: #fff;
}
.orange .completed .section-container a:hover {
  background-color: #ffb703;
}
.orange .contact {
  background-color: #F4F4F4;
}
.orange .contact .section-container, .orange .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.orange .contact .section-container .icon-flow, .orange .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.orange .contact .section-container .icon-flow i, .orange .contact .section-container .icon-flow svg, .orange .contact .yalla-page-contact__body .icon-flow i, .orange .contact .yalla-page-contact__body .icon-flow svg {
  color: #fb8500;
}
.orange .contact .section-container .contacts-form, .orange .contact .section-container .yalla-page-contact__form, .orange .contact .yalla-page-contact__body .contacts-form, .orange .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.orange .contact .section-container .contacts-form form button, .orange .contact .section-container .yalla-page-contact__form form button, .orange .contact .yalla-page-contact__body .contacts-form form button, .orange .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #fb8500;
  color: #fff;
}
.orange .contact .section-container .contacts-form form button:hover, .orange .contact .section-container .yalla-page-contact__form form button:hover, .orange .contact .yalla-page-contact__body .contacts-form form button:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #ffb703;
}
.orange .contact .section-container .yalla-page-contact__info h5, .orange .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.orange .contact .section-container .yalla-page-contact__info section div, .orange .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.orange .contact .section-container .yalla-page-contact__info section div span, .orange .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #fb8500;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info section div span i, .orange .contact .section-container .yalla-page-contact__info section div span svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info section div a, .orange .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #fb8500;
}
.orange .contact .section-container .yalla-page-contact__info .media .facebook, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .facebook:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .orange .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .twitter, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .twitter:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .orange .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .envelope, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .envelope:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .orange .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .whatsapp, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .orange .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .instagram, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .instagram:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .orange .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .telegram, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .telegram:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .orange .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .youtube, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .youtube:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .orange .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .soundcloud, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .orange .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .snapchat, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.orange .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.orange .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .orange .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .orange .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.orange .contact .section-container:hover .icon-flow, .orange .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #023047;
}
.orange .contact .section-container:hover .icon-flow i, .orange .contact .section-container:hover .icon-flow svg, .orange .contact .yalla-page-contact__body:hover .icon-flow i, .orange .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.orange .affiliate {
  background-color: #F4F4F4;
}
.orange .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.orange .affiliate .affiliate-info .disc article a,
.orange .affiliate .affiliate-info .disc p a {
  background-color: #fb8500;
  color: #fff;
}
.orange .affiliate .affiliate-info .disc article a i, .orange .affiliate .affiliate-info .disc article a svg,
.orange .affiliate .affiliate-info .disc p a i,
.orange .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.orange .affiliate .affiliate-info .button {
  background-color: #fb8500;
  color: #fff;
}
.orange .affiliate .affiliate-info .browse {
  background-color: #023047;
}
.orange .affiliate .affiliate-info .browse:hover {
  background-color: #fb8500;
}
.orange .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.orange .affiliate .affiliate-info .clipboard button {
  background-color: #fb8500;
  color: #fff;
}
.orange .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.orange .affiliate .affiliate-info .table {
  background-color: #fff;
}
.orange .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.orange .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.orange .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.orange .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #023047;
}
.orange .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #fb8500;
}
.orange .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.orange .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.orange .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.orange .affiliate .affiliate-info .bills label {
  color: #737373;
}
.orange .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.orange .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.orange .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.orange .affiliate .under-line {
  border-bottom: 3px solid #fb8500;
}
.orange .checkout .radio:checked {
  background: #fb8500;
  border-color: #fb8500;
}
.orange .checkout .plan-type {
  color: #fb8500;
}
.orange .checkout .btn-primary {
  background: #fb8500;
  border-color: #fb8500;
}
.orange #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.orange #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.orange #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.orange #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.orange #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.orange #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.orange #shipping_campanies label .details span i, .orange #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.orange #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.orange #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.orange .checkout .radio:checked ~ .plan-details {
  border-color: #fb8500;
}
.orange #thanks .btn-view-order, .orange #thanks .yalla-thanks__action {
  background: #fb8500;
  color: #fff;
  border: 1px solid #fb8500;
}
.orange #thanks .btn-print-order, .orange #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #fb8500;
  background: transparent;
  border: 1px solid #fb8500;
}
.orange #thanks .btn-print-order:hover, .orange #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #fb8500;
}
.orange #thanks .share-button button, .orange #thanks .yalla-thanks__share-buttons button {
  background-color: #fb8500;
  color: #fff;
}
.orange #thanks .continue-btn {
  background-color: #023047;
  color: #fff;
  opacity: 0.7;
}
.orange #thanks .continue-btn:hover {
  opacity: 1;
}

.pink {
  --yalla-color-primary: #ff7aa2;
  --yalla-color-dark: #3d2645;
  --yalla-color-heading: #3d2645;
  --yalla-color-accent: #ff9ebb;
  --yalla-color-surface-muted: #ffe6ed;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.pink .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.pink .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.pink .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #ff7aa2;
}
.pink .auth-popup .auth-tabs__trigger[data-state=active], .pink .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #3d2645;
  color: #fff;
}
.pink .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #ff7aa2;
}
.pink .auth-popup button.button--primary {
  background: #ff7aa2;
}
.pink .auth-popup button.button--primary:hover {
  background: #3d2645;
}
.pink .auth-popup #go-to-register {
  color: #3d2645;
}
.pink .auth-popup #go-to-register:hover {
  color: #ff7aa2;
  animation: initial;
}
.pink .yalla-cart-item__offer i, .pink .yalla-cart-item__offer svg {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-cart-item__offer div {
  color: #3d2645;
}
.pink .general-notes,
.pink .yalla-notice {
  background-color: #3d2645;
  color: #fff;
}
.pink .general-notes button,
.pink .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.pink .contac-button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .contac-button:hover {
  background-color: #3d2645;
  color: #fff;
}
.pink .btn-head {
  background: #fff;
  color: #ff7aa2 !important;
}
.pink .btn-head:hover {
  background-color: #3d2645 !important;
  color: #fff !important;
}
.pink button div,
.pink .button div,
.pink .a-button div {
  background-color: #3d2645;
}
.pink .sub-categories a h5 {
  color: #3d2645;
}
.pink .yalla-subnav__brand-link {
  color: #3d2645;
}
.pink .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #ff7aa2;
}
.pink .yalla-brand-card h6 {
  color: #3d2645;
}
.pink .yalla-brand-card h6:hover {
  color: #ff7aa2;
}
.pink .social-button {
  background: linear-gradient(45deg, #3d2645, #ff7aa2) !important;
}
.pink .social-button:hover {
  background: linear-gradient(45deg, #ff7aa2, #3d2645);
}
.pink .add-cart {
  background-color: #ff7aa2 !important;
}
.pink header {
  background-color: #ff7aa2;
  border-bottom: 1px solid #fff;
}
.pink header nav form .yalla-btn,
.pink header nav form .yalla-subnav__search-submit,
.pink header nav .yalla-subnav__search-form .yalla-btn,
.pink header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #3d2645;
}
@media (max-width: 991.98px) {
  .pink header nav form,
  .pink header nav .yalla-subnav__search-form {
    background-color: #3d2645;
    border-top: 1px solid #fff;
  }
  .pink header nav form .yalla-btn,
  .pink header nav form .yalla-subnav__search-submit,
  .pink header nav .yalla-subnav__search-form .yalla-btn,
  .pink header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #ff7aa2;
  }
}
.pink header nav .yalla-subnav__start a span {
  color: #fff;
}
.pink header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #3d2645;
  color: #fff;
}
.pink header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login a i, .pink header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login a:hover {
  background-color: #3d2645;
}
.pink header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login button:hover {
  background-color: #3d2645 !important;
}
.pink header nav .yalla-subnav__actions .login button:focus {
  background-color: #3d2645 !important;
}
.pink header nav .yalla-subnav__actions .login button:active {
  background-color: #3d2645 !important;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #ff7aa2;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a i, .pink header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #ff7aa2;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .pink header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .pink header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .pink header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #3d2645;
}
.pink header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.pink header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.pink header nav .yalla-subnav__actions .yalla-subnav__cart a i, .pink header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.pink header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #ff7aa2;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #ff7aa2;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #ff7aa2;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #ff7aa2;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #3d2645;
}
.pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .pink header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.pink .yalla-footer {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-footer .yalla-footer__body .media a div {
  background-color: #3d2645;
}
.pink .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.pink .yalla-footer .yalla-footer__body .media a div:hover i, .pink .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #3d2645;
}
.pink .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.pink .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.pink .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #3d2645;
}
.pink .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.pink .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.pink .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.pink .wihte-container {
  background-color: #fff;
}
.pink .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.pink .head::before, .pink .yalla-page-toolbar::before {
  background: #ff7aa2;
}
.pink .head h3, .pink .yalla-page-toolbar h3 {
  color: #3d2645;
}
.pink .head a:last-of-type, .pink .yalla-page-toolbar a:last-of-type {
  color: #ff7aa2;
}
.pink .head .dropdown, .pink .yalla-page-toolbar .dropdown {
  left: 0;
}
.pink .head .dropdown button, .pink .yalla-page-toolbar .dropdown button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .head .dropdown .dropdown-menu a, .pink .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #3d2645;
}
.pink .head .dropdown .dropdown-menu a:last-of-type, .pink .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #3d2645;
}
.pink .head .dropdown .dropdown-menu .active, .pink .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #3d2645;
}
.pink .head .dropdown .dropdown-menu a:focus, .pink .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #3d2645;
}
.pink .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .pink .media div, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .pink .media div, .pink .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .pink .media div {
  background-color: #ff7aa2;
}
.pink .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .pink .media div i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .pink .media div i, .pink .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .pink .media div i, .pink .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .pink .media div svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .pink .media div svg, .pink .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .pink .media div svg {
  color: #fff;
}
.pink .breadcrumb-nav {
  background-color: #fff;
}
.pink .yalla-breadcrumb .overlay {
  background-color: #ff7aa2;
}
.pink .yalla-breadcrumb form button {
  color: #fff;
}
.pink .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.pink .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #ff9ebb;
  border-color: #ff9ebb;
}
.pink .yalla-breadcrumb section h2 {
  color: #fff;
}
.pink .yalla-breadcrumb section ol li {
  color: #fff;
}
.pink .yalla-breadcrumb section ol li a {
  color: #fff;
}
.pink .yalla-breadcrumb section ol .active {
  color: #fff;
}
.pink .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.pink .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.pink .close:hover, .pink .close:focus, .pink .close:active {
  background-color: #FF4538;
  color: #fff;
}
.pink .alerts-product .alert .button div {
  background-color: #3d2645 !important;
}
.pink .alerts-product .alert .button:hover div {
  background-color: #ff7aa2 !important;
}
.pink .trial-store {
  color: #ecf0f1;
  background-color: #3d2645;
}
.pink .trial-store a {
  color: #ff7aa2;
}
.pink .trial-store .close {
  background-color: #dc3545;
}
.pink .trial-store .close i, .pink .trial-store .close svg {
  color: #fff;
}
.pink .trial-store .btn-trial {
  color: #fff !important;
  background-color: #ff7aa2;
}
.pink .pagination li.active span {
  color: #fff;
  border-color: #ff7aa2;
  background-color: #ff7aa2;
  border: 1px solid #f2f2f2;
}
.pink .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.pink .pagination li a:hover {
  background-color: #ff7aa2;
}
.pink .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.pink .yalla-product-card .img-box, .pink .yalla-product-card .yalla-product-card__media, .pink .yalla-order-item .img-box, .pink .yalla-order-item .yalla-product-card__media, .pink .yalla-cart-item .img-box, .pink .yalla-cart-item .yalla-product-card__media, .pink .yalla-offers__item .img-box, .pink .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.pink .yalla-product-card .img-box .label-Wishes, .pink .yalla-product-card .img-box .yalla-product-card__wishlist, .pink .yalla-product-card .yalla-product-card__media .label-Wishes, .pink .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .pink .yalla-order-item .img-box .label-Wishes, .pink .yalla-order-item .img-box .yalla-product-card__wishlist, .pink .yalla-order-item .yalla-product-card__media .label-Wishes, .pink .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .pink .yalla-cart-item .img-box .label-Wishes, .pink .yalla-cart-item .img-box .yalla-product-card__wishlist, .pink .yalla-cart-item .yalla-product-card__media .label-Wishes, .pink .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .pink .yalla-offers__item .img-box .label-Wishes, .pink .yalla-offers__item .img-box .yalla-product-card__wishlist, .pink .yalla-offers__item .yalla-product-card__media .label-Wishes, .pink .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.pink .yalla-product-card .img-box .installed, .pink .yalla-product-card .yalla-product-card__media .installed, .pink .yalla-order-item .img-box .installed, .pink .yalla-order-item .yalla-product-card__media .installed, .pink .yalla-cart-item .img-box .installed, .pink .yalla-cart-item .yalla-product-card__media .installed, .pink .yalla-offers__item .img-box .installed, .pink .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #ff7aa2;
}
.pink .yalla-product-card .img-box .installed i, .pink .yalla-product-card .img-box .installed svg, .pink .yalla-product-card .yalla-product-card__media .installed i, .pink .yalla-product-card .yalla-product-card__media .installed svg, .pink .yalla-order-item .img-box .installed i, .pink .yalla-order-item .img-box .installed svg, .pink .yalla-order-item .yalla-product-card__media .installed i, .pink .yalla-order-item .yalla-product-card__media .installed svg, .pink .yalla-cart-item .img-box .installed i, .pink .yalla-cart-item .img-box .installed svg, .pink .yalla-cart-item .yalla-product-card__media .installed i, .pink .yalla-cart-item .yalla-product-card__media .installed svg, .pink .yalla-offers__item .img-box .installed i, .pink .yalla-offers__item .img-box .installed svg, .pink .yalla-offers__item .yalla-product-card__media .installed i, .pink .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.pink .yalla-product-card .img-box .yalla-btn:hover, .pink .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .pink .yalla-order-item .img-box .yalla-btn:hover, .pink .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .pink .yalla-cart-item .img-box .yalla-btn:hover, .pink .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .pink .yalla-offers__item .img-box .yalla-btn:hover, .pink .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #ff9ebb;
}
.pink .yalla-product-card section .label-left, .pink .yalla-order-item section .label-left, .pink .yalla-cart-item section .label-left, .pink .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.pink .yalla-product-card section .label-right, .pink .yalla-order-item section .label-right, .pink .yalla-cart-item section .label-right, .pink .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.pink .yalla-product-card section section, .pink .yalla-order-item section section, .pink .yalla-cart-item section section, .pink .yalla-offers__item section section {
  background-color: #fff;
}
.pink .yalla-product-card section .yalla-product-card__pricing, .pink .yalla-product-card section .yalla-order-item__price, .pink .yalla-product-card section .yalla-offers__price, .pink .yalla-order-item section .yalla-product-card__pricing, .pink .yalla-order-item section .yalla-order-item__price, .pink .yalla-order-item section .yalla-offers__price, .pink .yalla-cart-item section .yalla-product-card__pricing, .pink .yalla-cart-item section .yalla-order-item__price, .pink .yalla-cart-item section .yalla-offers__price, .pink .yalla-offers__item section .yalla-product-card__pricing, .pink .yalla-offers__item section .yalla-order-item__price, .pink .yalla-offers__item section .yalla-offers__price {
  color: #ff7aa2 !important;
}
.pink .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .pink .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .pink .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .pink .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .pink .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .pink .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .pink .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .pink .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .pink .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .pink .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .pink .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .pink .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .pink .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .pink .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .pink .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .pink .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .pink .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .pink .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .pink .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .pink .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .pink .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .pink .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .pink .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .pink .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.pink .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #3d2645;
}
.pink .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.pink .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #ff9ebb;
}
.pink .index {
  background-color: #F4F4F4;
}
.pink .index .slider .c-img div .img-box {
  background: #3d2645;
}
.pink .index .section .yalla-btn {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .index .section .yalla-btn:hover {
  background-color: #3d2645;
  color: #fff !important;
}
.pink .index .section .yalla-btn:focus {
  background-color: #3d2645;
  color: #fff !important;
}
.pink .index .section .yalla-btn:active {
  background-color: #3d2645;
  color: #fff !important;
}
.pink #storeFeatures .feature_item {
  background-color: #fff;
}
.pink #storeFeatures .feature_item .feature_icon {
  background-color: #3d2645;
}
.pink #storeFeatures .feature_item .feature_icon svg, .pink #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.pink #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.pink #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.pink .yalla-btn {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-btn:hover {
  background-color: #3d2645;
  color: #fff !important;
}
.pink .yalla-btn:focus {
  background-color: #3d2645;
  color: #fff !important;
}
.pink .yalla-btn:active {
  background-color: #3d2645;
  color: #fff !important;
}
.pink .opacity-7 {
  background-color: #3d2645 !important;
  color: #fff !important;
}
.pink .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #3d2645;
}
.pink .yalla-blog-card .yalla-blog-card__info h4, .pink .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #3d2645;
}
.pink .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #ff7aa2;
}
.pink .all-blogs .btn {
  background-color: #3d2645;
}
.pink .all-blogs .btn:hover {
  background-color: #ff7aa2;
}
.pink .swiper-button-next,
.pink .swiper-button-prev {
  color: #fff;
  background-color: #ff7aa2;
}
.pink .single {
  background-color: #F4F4F4;
}
.pink .single .yalla-product__gallery {
  background-color: #fff;
}
.pink .single .section .swiper-button-next,
.pink .single .section .swiper-button-prev {
  color: #fff;
  background-color: #ff7aa2;
}
.pink .single .section .yalla-product__description,
.pink .single .section .cliparai,
.pink .single .section .share,
.pink .single .section .yalla-product__info {
  background-color: #fff;
}
.pink .single .section .yalla-product__info h6 {
  color: #3d2645;
}
.pink .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #ff7aa2;
}
.pink .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #3d2645;
}
.pink .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.pink .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #ff7aa2;
}
.pink .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.pink .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.pink .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.pink .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.pink .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #ff7aa2;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #3d2645;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #ff7aa2;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #ff7aa2;
  color: #ff7aa2;
  background-color: transparent;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #3d2645;
  border-color: #3d2645;
  color: #fff;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #3d2645;
  border-color: #3d2645;
  color: #fff;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #ff7aa2 !important;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .pink .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #ff7aa2 !important;
}
.pink .single .button-more button {
  background-color: #3d2645;
  color: #fff;
}
.pink .taxonomies h6, .pink .tags h6 {
  color: #3d2645;
}
.pink .taxonomies ul li, .pink .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.pink #special-offer .btn-collection {
  border: 1px solid #ff7aa2;
  color: #ff7aa2;
  border-radius: 7px;
}
.pink #special-offer .btn-collection:hover {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .clipboard button {
  color: #fff;
  background-color: #ff7aa2;
}
.pink .clipboard button:hover {
  background-color: #3d2645;
  color: #fff;
}
.pink .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .pink .clipboard button,
  .pink .clipboard .button {
    background-color: #3d2645;
  }
  .pink .clipboard button span,
  .pink .clipboard .button span {
    color: #fff;
  }
  .pink .clipboard button i, .pink .clipboard button svg,
  .pink .clipboard .button i,
  .pink .clipboard .button svg {
    color: #fff;
  }
}
.pink .share .action-icon .like {
  color: #1479fb;
}
.pink .share .action-icon .dislike {
  color: #FF4538;
}
.pink .share .action-icon .view {
  color: #3d2645;
}
.pink .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .pink .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.pink .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .pink .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #ff7aa2;
}
.pink #quantityDiscounts {
  margin-bottom: 20px;
}
.pink .cart,
.pink .yalla-page-cart {
  background-color: #F4F4F4;
}
.pink .cart .yalla-cart__top-note,
.pink .yalla-page-cart .yalla-cart__top-note {
  background-color: #3d2645;
  color: #fff;
}
.pink .cart .yalla-cart__top-note a,
.pink .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.pink .cart .yalla-cart__order-notes a,
.pink .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #3d2645;
  color: #fff;
}
.pink .cart .yalla-cart .heart,
.pink .yalla-page-cart .yalla-cart .heart {
  color: #ff7aa2;
}
.pink .cart .yalla-cart .yalla-product-card, .pink .cart .yalla-cart .yalla-order-item, .pink .cart .yalla-cart .yalla-cart-item, .pink .cart .yalla-cart .yalla-offers__item,
.pink .yalla-page-cart .yalla-cart .yalla-product-card,
.pink .yalla-page-cart .yalla-cart .yalla-order-item,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.pink .cart .yalla-cart .yalla-product-card .action .trash, .pink .cart .yalla-cart .yalla-order-item .action .trash, .pink .cart .yalla-cart .yalla-cart-item .action .trash, .pink .cart .yalla-cart .yalla-offers__item .action .trash,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.pink .cart .yalla-cart .yalla-product-card .action .trash i, .pink .cart .yalla-cart .yalla-product-card .action .trash svg, .pink .cart .yalla-cart .yalla-order-item .action .trash i, .pink .cart .yalla-cart .yalla-order-item .action .trash svg, .pink .cart .yalla-cart .yalla-cart-item .action .trash i, .pink .cart .yalla-cart .yalla-cart-item .action .trash svg, .pink .cart .yalla-cart .yalla-offers__item .action .trash i, .pink .cart .yalla-cart .yalla-offers__item .action .trash svg,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.pink .cart .yalla-cart .yalla-product-card .action .heart i, .pink .cart .yalla-cart .yalla-product-card .action .heart svg, .pink .cart .yalla-cart .yalla-order-item .action .heart i, .pink .cart .yalla-cart .yalla-order-item .action .heart svg, .pink .cart .yalla-cart .yalla-cart-item .action .heart i, .pink .cart .yalla-cart .yalla-cart-item .action .heart svg, .pink .cart .yalla-cart .yalla-offers__item .action .heart i, .pink .cart .yalla-cart .yalla-offers__item .action .heart svg,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #ff9ebb;
}
.pink .cart .yalla-cart .yalla-product-card .action .note, .pink .cart .yalla-cart .yalla-order-item .action .note, .pink .cart .yalla-cart .yalla-cart-item .action .note, .pink .cart .yalla-cart .yalla-offers__item .action .note,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #ff9ebb;
}
.pink .cart .yalla-cart .yalla-product-card .action .note i, .pink .cart .yalla-cart .yalla-product-card .action .note svg, .pink .cart .yalla-cart .yalla-order-item .action .note i, .pink .cart .yalla-cart .yalla-order-item .action .note svg, .pink .cart .yalla-cart .yalla-cart-item .action .note i, .pink .cart .yalla-cart .yalla-cart-item .action .note svg, .pink .cart .yalla-cart .yalla-offers__item .action .note i, .pink .cart .yalla-cart .yalla-offers__item .action .note svg,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.pink .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.pink .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #ff9ebb;
}
.pink .cart .yalla-cart .yalla-cart-summary,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.pink .cart .yalla-cart .yalla-cart-summary h5,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.pink .cart .yalla-cart .yalla-cart-summary section span,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.pink .cart .yalla-cart .yalla-cart-summary section div,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.pink .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #ff9ebb;
}
.pink .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #ff9ebb;
}
.pink .cart .yalla-cart .yalla-cart-summary .delete span,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.pink .cart .yalla-cart .yalla-cart-summary .delete i, .pink .cart .yalla-cart .yalla-cart-summary .delete svg,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.pink .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.pink .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.pink .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.pink .cart .yalla-cart .nav-tabs .nav-item .active,
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #ff9ebb !important;
}
.pink .cart .yalla-cart .nav-tabs .nav-item .active span,
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #ff7aa2 !important;
  border: 1px solid #ff7aa2;
}
.pink .cart .yalla-cart .nav-tabs .nav-item .active span div,
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #3d2645;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #ff7aa2;
  color: #ff7aa2;
  background-color: transparent;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #ff7aa2;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #ff9ebb;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #3d2645;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .address,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #3d2645;
}
.pink .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .pink .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.pink .account,
.pink .yalla-page-account {
  background-color: #F4F4F4;
}
.pink .account .nav-pills .nav-link,
.pink .yalla-page-account .nav-pills .nav-link {
  color: #ff7aa2;
}
.pink .account .nav-pills .nav-link:hover,
.pink .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #ff7aa2;
  color: #fff !important;
}
.pink .account .nav-pills .active,
.pink .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #ff7aa2;
}
.pink .account .account-form,
.pink .account .yalla-account__form,
.pink .yalla-page-account .account-form,
.pink .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.pink .account .account-form .p-image:hover i, .pink .account .account-form .p-image:hover svg,
.pink .account .account-form .yalla-account__avatar-upload:hover i,
.pink .account .account-form .yalla-account__avatar-upload:hover svg,
.pink .account .yalla-account__form .p-image:hover i,
.pink .account .yalla-account__form .p-image:hover svg,
.pink .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.pink .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.pink .yalla-page-account .account-form .p-image:hover i,
.pink .yalla-page-account .account-form .p-image:hover svg,
.pink .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.pink .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.pink .yalla-page-account .yalla-account__form .p-image:hover i,
.pink .yalla-page-account .yalla-account__form .p-image:hover svg,
.pink .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.pink .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #ff7aa2;
}
.pink .account .account-form form label,
.pink .account .yalla-account__form form label,
.pink .yalla-page-account .account-form form label,
.pink .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.pink .account .account-form form input,
.pink .account .yalla-account__form form input,
.pink .yalla-page-account .account-form form input,
.pink .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.pink .account .account-form form .form-check,
.pink .account .yalla-account__form form .form-check,
.pink .yalla-page-account .account-form form .form-check,
.pink .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.pink .account .account-form form .select2 .select2-selection__rendered,
.pink .account .yalla-account__form form .select2 .select2-selection__rendered,
.pink .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.pink .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.pink .account .account-form form .select2 .select2-selection,
.pink .account .yalla-account__form form .select2 .select2-selection,
.pink .yalla-page-account .account-form form .select2 .select2-selection,
.pink .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.pink .account .account-form form button,
.pink .account .yalla-account__form form button,
.pink .yalla-page-account .account-form form button,
.pink .yalla-page-account .yalla-account__form form button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .account .account-form form button:hover,
.pink .account .yalla-account__form form button:hover,
.pink .yalla-page-account .account-form form button:hover,
.pink .yalla-page-account .yalla-account__form form button:hover {
  background-color: #ff9ebb;
}
.pink .account .account-form form .form-inline .dropdown-toggle,
.pink .account .yalla-account__form form .form-inline .dropdown-toggle,
.pink .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.pink .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.pink .account .account-form form .form-inline li .active,
.pink .account .yalla-account__form form .form-inline li .active,
.pink .yalla-page-account .account-form form .form-inline li .active,
.pink .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .account .account-form form .form-inline li a:focus,
.pink .account .yalla-account__form form .form-inline li a:focus,
.pink .yalla-page-account .account-form form .form-inline li a:focus,
.pink .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .account .yalla-orders__card,
.pink .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.pink .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.pink .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.pink .account .yalla-orders__list ul .yalla-order-summary__total,
.pink .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #ff7aa2;
}
.pink .account .yalla-orders__list .yalla-product-card, .pink .account .yalla-orders__list .yalla-order-item, .pink .account .yalla-orders__list .yalla-cart-item, .pink .account .yalla-orders__list .yalla-offers__item,
.pink .yalla-page-account .yalla-orders__list .yalla-product-card,
.pink .yalla-page-account .yalla-orders__list .yalla-order-item,
.pink .yalla-page-account .yalla-orders__list .yalla-cart-item,
.pink .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.pink .account .yalla-orders__list .yalla-product-card section section, .pink .account .yalla-orders__list .yalla-order-item section section, .pink .account .yalla-orders__list .yalla-cart-item section section, .pink .account .yalla-orders__list .yalla-offers__item section section,
.pink .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.pink .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.pink .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.pink .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.pink .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .pink .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .pink .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .pink .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.pink .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.pink .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.pink .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.pink .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #ff7aa2 !important;
}
.pink .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .pink .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .pink .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .pink .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.pink .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.pink .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.pink .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.pink .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.pink .yalla-cart-empty {
  background-color: #F4F4F4;
}
.pink .yalla-cart-empty h2 {
  color: #737373;
}
.pink .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #ff9ebb;
}
.pink .completed {
  background-color: #F4F4F4;
}
.pink .completed .section-container h3 {
  color: #0C0C0C;
}
.pink .completed .section-container section h5 {
  color: #737373;
}
.pink .completed .section-container section ul li {
  color: #939393;
}
.pink .completed .section-container section ul li a {
  color: #ff7aa2 !important;
}
.pink .completed .section-container section ul li a:hover {
  color: #3d2645 !important;
}
.pink .completed .section-container .share-info .form-group textarea {
  color: #ff7aa2;
}
.pink .completed .section-container .share-info .share-button button {
  color: #fff;
}
.pink .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.pink .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.pink .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.pink .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.pink .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.pink .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.pink .completed .section-container a {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .completed .section-container a:hover {
  background-color: #ff9ebb;
}
.pink .contact {
  background-color: #F4F4F4;
}
.pink .contact .section-container, .pink .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.pink .contact .section-container .icon-flow, .pink .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.pink .contact .section-container .icon-flow i, .pink .contact .section-container .icon-flow svg, .pink .contact .yalla-page-contact__body .icon-flow i, .pink .contact .yalla-page-contact__body .icon-flow svg {
  color: #ff7aa2;
}
.pink .contact .section-container .contacts-form, .pink .contact .section-container .yalla-page-contact__form, .pink .contact .yalla-page-contact__body .contacts-form, .pink .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.pink .contact .section-container .contacts-form form button, .pink .contact .section-container .yalla-page-contact__form form button, .pink .contact .yalla-page-contact__body .contacts-form form button, .pink .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .contact .section-container .contacts-form form button:hover, .pink .contact .section-container .yalla-page-contact__form form button:hover, .pink .contact .yalla-page-contact__body .contacts-form form button:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #ff9ebb;
}
.pink .contact .section-container .yalla-page-contact__info h5, .pink .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.pink .contact .section-container .yalla-page-contact__info section div, .pink .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.pink .contact .section-container .yalla-page-contact__info section div span, .pink .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info section div span i, .pink .contact .section-container .yalla-page-contact__info section div span svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info section div a, .pink .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #ff7aa2;
}
.pink .contact .section-container .yalla-page-contact__info .media .facebook, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .facebook:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .pink .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .twitter, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .twitter:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .pink .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .envelope, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .envelope:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .pink .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .whatsapp, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .pink .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .instagram, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .instagram:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .pink .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .telegram, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .telegram:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .pink .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .youtube, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .youtube:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .pink .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .soundcloud, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .pink .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .snapchat, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.pink .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.pink .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .pink .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .pink .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.pink .contact .section-container:hover .icon-flow, .pink .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #3d2645;
}
.pink .contact .section-container:hover .icon-flow i, .pink .contact .section-container:hover .icon-flow svg, .pink .contact .yalla-page-contact__body:hover .icon-flow i, .pink .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.pink .affiliate {
  background-color: #F4F4F4;
}
.pink .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.pink .affiliate .affiliate-info .disc article a,
.pink .affiliate .affiliate-info .disc p a {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .affiliate .affiliate-info .disc article a i, .pink .affiliate .affiliate-info .disc article a svg,
.pink .affiliate .affiliate-info .disc p a i,
.pink .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.pink .affiliate .affiliate-info .button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .affiliate .affiliate-info .browse {
  background-color: #3d2645;
}
.pink .affiliate .affiliate-info .browse:hover {
  background-color: #ff7aa2;
}
.pink .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.pink .affiliate .affiliate-info .clipboard button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.pink .affiliate .affiliate-info .table {
  background-color: #fff;
}
.pink .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.pink .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.pink .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.pink .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #3d2645;
}
.pink .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #ff7aa2;
}
.pink .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.pink .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.pink .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.pink .affiliate .affiliate-info .bills label {
  color: #737373;
}
.pink .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.pink .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.pink .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.pink .affiliate .under-line {
  border-bottom: 3px solid #ff7aa2;
}
.pink .checkout .radio:checked {
  background: #ff7aa2;
  border-color: #ff7aa2;
}
.pink .checkout .plan-type {
  color: #ff7aa2;
}
.pink .checkout .btn-primary {
  background: #ff7aa2;
  border-color: #ff7aa2;
}
.pink #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.pink #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.pink #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.pink #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.pink #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pink #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.pink #shipping_campanies label .details span i, .pink #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.pink #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.pink #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.pink .checkout .radio:checked ~ .plan-details {
  border-color: #ff7aa2;
}
.pink #thanks .btn-view-order, .pink #thanks .yalla-thanks__action {
  background: #ff7aa2;
  color: #fff;
  border: 1px solid #ff7aa2;
}
.pink #thanks .btn-print-order, .pink #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #ff7aa2;
  background: transparent;
  border: 1px solid #ff7aa2;
}
.pink #thanks .btn-print-order:hover, .pink #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #ff7aa2;
}
.pink #thanks .share-button button, .pink #thanks .yalla-thanks__share-buttons button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink #thanks .continue-btn {
  background-color: #3d2645;
  color: #fff;
  opacity: 0.7;
}
.pink #thanks .continue-btn:hover {
  opacity: 1;
}

.violet {
  --yalla-color-primary: #7726c1;
  --yalla-color-dark: #240046;
  --yalla-color-heading: #240046;
  --yalla-color-accent: #5a189a;
  --yalla-color-surface-muted: #f0e0ff;
  /* ---------start button colors--------------*/
  /* ---------start button colors--------------*/
  /* ---------start header colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ---------end footer colors-------------- */
  /*-------------------------------- start global ----------------------------*/
  /* ========== start head Style =========== */
  /* ========== start article Style =========== */
  /* ========== End article Style =========== */
  /* ========== start media style =========== */
  /* ========== end media style =========== */
  /* ========== start no-items =========== */
  /* ========== start pagination =========== */
  /* ============== end pagination ========== */
  /*-------------------------------- end global ----------------------------*/
  /*-------------------------------- start index ----------------------------*/
  /*-------------------------------- end index ----------------------------*/
  /*-------------------------------- end single ----------------------------*/
  /*-------------------------------- start cart ----------------------------*/
  /*-------------------------------- end cart ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*-------------------------------- end account ----------------------------*/
  /*--------------- ----------------- start Empty Cart ----------------------------*/
  /*-------------------------------- end Empty Cart ----------------------------*/
  /*--------------- ----------------- start Completed ----------------------------*/
  /*-------------------------------- end Completed ----------------------------*/
  /*--------------- ----------------- start account ----------------------------*/
  /*--------------- ------- start affiliate -------------------*/
  /*---------------------- end affiliate ----------------------*/
}
.violet .auth-popup .auth-tabs__list {
  background: var(--muted);
  border-radius: var(--element-radius);
}
.violet .auth-popup .auth-tabs__trigger {
  color: var(--muted-foreground);
}
.violet .auth-popup .auth-tabs__trigger:focus-visible {
  outline: 2px solid #7726c1;
}
.violet .auth-popup .auth-tabs__trigger[data-state=active], .violet .auth-popup .auth-tabs__trigger.auth-tabs__trigger--active {
  background: #240046;
  color: #fff;
}
.violet .auth-popup .auth-tabs__content:focus-visible {
  outline: 2px solid #7726c1;
}
.violet .auth-popup button.button--primary {
  background: #7726c1;
}
.violet .auth-popup button.button--primary:hover {
  background: #240046;
}
.violet .auth-popup #go-to-register {
  color: #240046;
}
.violet .auth-popup #go-to-register:hover {
  color: #7726c1;
  animation: initial;
}
.violet .yalla-cart-item__offer i, .violet .yalla-cart-item__offer svg {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-cart-item__offer div {
  color: #240046;
}
.violet .general-notes,
.violet .yalla-notice {
  background-color: #240046;
  color: #fff;
}
.violet .general-notes button,
.violet .yalla-notice button {
  background-color: #117893;
  color: #fff !important;
}
.violet .contac-button {
  background-color: #7726c1;
  color: #fff;
}
.violet .contac-button:hover {
  background-color: #240046;
  color: #fff;
}
.violet .btn-head {
  background: #fff;
  color: #7726c1 !important;
}
.violet .btn-head:hover {
  background-color: #240046 !important;
  color: #fff !important;
}
.violet button div,
.violet .button div,
.violet .a-button div {
  background-color: #240046;
}
.violet .sub-categories a h5 {
  color: #240046;
}
.violet .yalla-subnav__brand-link {
  color: #240046;
}
.violet .yalla-subnav__brand-link:hover {
  color: #fff;
  background-color: #7726c1;
}
.violet .yalla-brand-card h6 {
  color: #240046;
}
.violet .yalla-brand-card h6:hover {
  color: #7726c1;
}
.violet .social-button {
  background: linear-gradient(45deg, #240046, #7726c1) !important;
}
.violet .social-button:hover {
  background: linear-gradient(45deg, #7726c1, #240046);
}
.violet .add-cart {
  background-color: #7726c1 !important;
}
.violet header {
  background-color: #7726c1;
  border-bottom: 1px solid #fff;
}
.violet header nav form .yalla-btn,
.violet header nav form .yalla-subnav__search-submit,
.violet header nav .yalla-subnav__search-form .yalla-btn,
.violet header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
  color: #fff;
  background-color: #240046;
}
@media (max-width: 991.98px) {
  .violet header nav form,
  .violet header nav .yalla-subnav__search-form {
    background-color: #240046;
    border-top: 1px solid #fff;
  }
  .violet header nav form .yalla-btn,
  .violet header nav form .yalla-subnav__search-submit,
  .violet header nav .yalla-subnav__search-form .yalla-btn,
  .violet header nav .yalla-subnav__search-form .yalla-subnav__search-submit {
    background-color: #7726c1;
  }
}
.violet header nav .yalla-subnav__start a span {
  color: #fff;
}
.violet header nav .yalla-subnav__start a .yalla-subnav__logo {
  background-color: #240046;
  color: #fff;
}
.violet header nav .yalla-subnav__start .yalla-subnav__brand-link {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login a {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login a i, .violet header nav .yalla-subnav__actions .login a svg {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login a:hover {
  background-color: #240046;
}
.violet header nav .yalla-subnav__actions .login button {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login button h6 {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login button:hover {
  background-color: #240046 !important;
}
.violet header nav .yalla-subnav__actions .login button:focus {
  background-color: #240046 !important;
}
.violet header nav .yalla-subnav__actions .login button:active {
  background-color: #240046 !important;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a {
  color: #7726c1;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a i, .violet header nav .yalla-subnav__actions .login .dropdown-menu a svg {
  color: #7726c1;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a:hover {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a:hover i, .violet header nav .yalla-subnav__actions .login .dropdown-menu a:hover svg {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a:focus {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a:focus i, .violet header nav .yalla-subnav__actions .login .dropdown-menu a:focus svg {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a:active {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .login .dropdown-menu a:active i, .violet header nav .yalla-subnav__actions .login .dropdown-menu a:active svg {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .yalla-subnav__cart {
  background-color: #240046;
}
.violet header nav .yalla-subnav__actions .yalla-subnav__cart .label {
  background-color: #6FAB0F;
}
.violet header nav .yalla-subnav__actions .yalla-subnav__cart a {
  color: #fff;
}
.violet header nav .yalla-subnav__actions .yalla-subnav__cart a i, .violet header nav .yalla-subnav__actions .yalla-subnav__cart a svg {
  color: #fff;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__close {
  color: #fff;
}
.violet header nav .navbar-collapse .yalla-side-menu ul {
  background-color: #7726c1;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links li h6 {
  color: #fff;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a {
  color: #fff;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  color: #fff;
  background-color: #7726c1;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:focus {
  color: #fff;
  background-color: #7726c1;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:active {
  color: #fff;
  background-color: #7726c1;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover {
  background-color: #240046;
}
.violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover i, .violet header nav .navbar-collapse .yalla-side-menu .yalla-side-menu__user-links a:hover svg {
  color: #fff;
}
.violet .yalla-footer {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-footer .yalla-footer__body .media a div {
  background-color: #240046;
}
.violet .yalla-footer .yalla-footer__body .media a div:hover {
  background-color: #fff !important;
}
.violet .yalla-footer .yalla-footer__body .media a div:hover i, .violet .yalla-footer .yalla-footer__body .media a div:hover svg {
  color: #240046;
}
.violet .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  color: #fff;
}
.violet .yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  color: #fff;
}
.violet .yalla-footer .yalla-footer__body .yalla-footer__col ul li a:hover {
  color: #fff;
  background-color: #240046;
}
.violet .yalla-footer .yalla-footer__copyright {
  color: #fff;
}
.violet .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #fff;
}
.violet .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #60bff6;
}
.violet .wihte-container {
  background-color: #fff;
}
.violet .yalla-subnav__menu-toggle {
  color: #fff !important;
}
.violet .head::before, .violet .yalla-page-toolbar::before {
  background: #7726c1;
}
.violet .head h3, .violet .yalla-page-toolbar h3 {
  color: #240046;
}
.violet .head a:last-of-type, .violet .yalla-page-toolbar a:last-of-type {
  color: #7726c1;
}
.violet .head .dropdown, .violet .yalla-page-toolbar .dropdown {
  left: 0;
}
.violet .head .dropdown button, .violet .yalla-page-toolbar .dropdown button {
  background-color: #7726c1;
  color: #fff;
}
.violet .head .dropdown .dropdown-menu a, .violet .yalla-page-toolbar .dropdown .dropdown-menu a {
  color: #240046;
}
.violet .head .dropdown .dropdown-menu a:last-of-type, .violet .yalla-page-toolbar .dropdown .dropdown-menu a:last-of-type {
  color: #240046;
}
.violet .head .dropdown .dropdown-menu .active, .violet .yalla-page-toolbar .dropdown .dropdown-menu .active {
  color: #fff !important;
  background-color: #240046;
}
.violet .head .dropdown .dropdown-menu a:focus, .violet .yalla-page-toolbar .dropdown .dropdown-menu a:focus {
  color: #fff !important;
  background-color: #240046;
}
.violet .contact .section-container .yalla-page-contact__info .media div, .contact .section-container .yalla-page-contact__info .violet .media div, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media div, .contact .yalla-page-contact__body .yalla-page-contact__info .violet .media div, .violet .yalla-footer .yalla-footer__body .media div, .yalla-footer .yalla-footer__body .violet .media div {
  background-color: #7726c1;
}
.violet .contact .section-container .yalla-page-contact__info .media div i, .contact .section-container .yalla-page-contact__info .violet .media div i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media div i, .contact .yalla-page-contact__body .yalla-page-contact__info .violet .media div i, .violet .yalla-footer .yalla-footer__body .media div i, .yalla-footer .yalla-footer__body .violet .media div i, .violet .contact .section-container .yalla-page-contact__info .media div svg, .contact .section-container .yalla-page-contact__info .violet .media div svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media div svg, .contact .yalla-page-contact__body .yalla-page-contact__info .violet .media div svg, .violet .yalla-footer .yalla-footer__body .media div svg, .yalla-footer .yalla-footer__body .violet .media div svg {
  color: #fff;
}
.violet .breadcrumb-nav {
  background-color: #fff;
}
.violet .yalla-breadcrumb .overlay {
  background-color: #7726c1;
}
.violet .yalla-breadcrumb form button {
  color: #fff;
}
.violet .yalla-breadcrumb form .btn-outline-success {
  color: #fff;
  border-color: #fff;
}
.violet .yalla-breadcrumb form .btn-outline-success:hover {
  color: #fff;
  background-color: #5a189a;
  border-color: #5a189a;
}
.violet .yalla-breadcrumb section h2 {
  color: #fff;
}
.violet .yalla-breadcrumb section ol li {
  color: #fff;
}
.violet .yalla-breadcrumb section ol li a {
  color: #fff;
}
.violet .yalla-breadcrumb section ol .active {
  color: #fff;
}
.violet .yalla-breadcrumb section ol .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.violet .close {
  border: none;
  color: #962e26;
  background-color: #ffe9e9;
}
.violet .close:hover, .violet .close:focus, .violet .close:active {
  background-color: #FF4538;
  color: #fff;
}
.violet .alerts-product .alert .button div {
  background-color: #240046 !important;
}
.violet .alerts-product .alert .button:hover div {
  background-color: #7726c1 !important;
}
.violet .trial-store {
  color: #ecf0f1;
  background-color: #240046;
}
.violet .trial-store a {
  color: #7726c1;
}
.violet .trial-store .close {
  background-color: #dc3545;
}
.violet .trial-store .close i, .violet .trial-store .close svg {
  color: #fff;
}
.violet .trial-store .btn-trial {
  color: #fff !important;
  background-color: #7726c1;
}
.violet .pagination li.active span {
  color: #fff;
  border-color: #7726c1;
  background-color: #7726c1;
  border: 1px solid #f2f2f2;
}
.violet .pagination li a {
  background: #fff;
  border: 1px solid #f2f2f2;
}
.violet .pagination li a:hover {
  background-color: #7726c1;
}
.violet .pagination li.disabled span {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.violet .yalla-product-card .img-box, .violet .yalla-product-card .yalla-product-card__media, .violet .yalla-order-item .img-box, .violet .yalla-order-item .yalla-product-card__media, .violet .yalla-cart-item .img-box, .violet .yalla-cart-item .yalla-product-card__media, .violet .yalla-offers__item .img-box, .violet .yalla-offers__item .yalla-product-card__media {
  background-color: #f5f7f8;
}
.violet .yalla-product-card .img-box .label-Wishes, .violet .yalla-product-card .img-box .yalla-product-card__wishlist, .violet .yalla-product-card .yalla-product-card__media .label-Wishes, .violet .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist, .violet .yalla-order-item .img-box .label-Wishes, .violet .yalla-order-item .img-box .yalla-product-card__wishlist, .violet .yalla-order-item .yalla-product-card__media .label-Wishes, .violet .yalla-order-item .yalla-product-card__media .yalla-product-card__wishlist, .violet .yalla-cart-item .img-box .label-Wishes, .violet .yalla-cart-item .img-box .yalla-product-card__wishlist, .violet .yalla-cart-item .yalla-product-card__media .label-Wishes, .violet .yalla-cart-item .yalla-product-card__media .yalla-product-card__wishlist, .violet .yalla-offers__item .img-box .label-Wishes, .violet .yalla-offers__item .img-box .yalla-product-card__wishlist, .violet .yalla-offers__item .yalla-product-card__media .label-Wishes, .violet .yalla-offers__item .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.violet .yalla-product-card .img-box .installed, .violet .yalla-product-card .yalla-product-card__media .installed, .violet .yalla-order-item .img-box .installed, .violet .yalla-order-item .yalla-product-card__media .installed, .violet .yalla-cart-item .img-box .installed, .violet .yalla-cart-item .yalla-product-card__media .installed, .violet .yalla-offers__item .img-box .installed, .violet .yalla-offers__item .yalla-product-card__media .installed {
  color: #fff;
  background-color: #7726c1;
}
.violet .yalla-product-card .img-box .installed i, .violet .yalla-product-card .img-box .installed svg, .violet .yalla-product-card .yalla-product-card__media .installed i, .violet .yalla-product-card .yalla-product-card__media .installed svg, .violet .yalla-order-item .img-box .installed i, .violet .yalla-order-item .img-box .installed svg, .violet .yalla-order-item .yalla-product-card__media .installed i, .violet .yalla-order-item .yalla-product-card__media .installed svg, .violet .yalla-cart-item .img-box .installed i, .violet .yalla-cart-item .img-box .installed svg, .violet .yalla-cart-item .yalla-product-card__media .installed i, .violet .yalla-cart-item .yalla-product-card__media .installed svg, .violet .yalla-offers__item .img-box .installed i, .violet .yalla-offers__item .img-box .installed svg, .violet .yalla-offers__item .yalla-product-card__media .installed i, .violet .yalla-offers__item .yalla-product-card__media .installed svg {
  color: #fff;
}
.violet .yalla-product-card .img-box .yalla-btn:hover, .violet .yalla-product-card .yalla-product-card__media .yalla-btn:hover, .violet .yalla-order-item .img-box .yalla-btn:hover, .violet .yalla-order-item .yalla-product-card__media .yalla-btn:hover, .violet .yalla-cart-item .img-box .yalla-btn:hover, .violet .yalla-cart-item .yalla-product-card__media .yalla-btn:hover, .violet .yalla-offers__item .img-box .yalla-btn:hover, .violet .yalla-offers__item .yalla-product-card__media .yalla-btn:hover {
  background-color: #5a189a;
}
.violet .yalla-product-card section .label-left, .violet .yalla-order-item section .label-left, .violet .yalla-cart-item section .label-left, .violet .yalla-offers__item section .label-left {
  background-color: #6FAB0F;
  color: #fff;
}
.violet .yalla-product-card section .label-right, .violet .yalla-order-item section .label-right, .violet .yalla-cart-item section .label-right, .violet .yalla-offers__item section .label-right {
  background-color: #FF4538;
  color: #fff;
}
.violet .yalla-product-card section section, .violet .yalla-order-item section section, .violet .yalla-cart-item section section, .violet .yalla-offers__item section section {
  background-color: #fff;
}
.violet .yalla-product-card section .yalla-product-card__pricing, .violet .yalla-product-card section .yalla-order-item__price, .violet .yalla-product-card section .yalla-offers__price, .violet .yalla-order-item section .yalla-product-card__pricing, .violet .yalla-order-item section .yalla-order-item__price, .violet .yalla-order-item section .yalla-offers__price, .violet .yalla-cart-item section .yalla-product-card__pricing, .violet .yalla-cart-item section .yalla-order-item__price, .violet .yalla-cart-item section .yalla-offers__price, .violet .yalla-offers__item section .yalla-product-card__pricing, .violet .yalla-offers__item section .yalla-order-item__price, .violet .yalla-offers__item section .yalla-offers__price {
  color: #7726c1 !important;
}
.violet .yalla-product-card section .yalla-product-card__pricing .yalla-product-card__original-price, .violet .yalla-product-card section .yalla-product-card__pricing .yalla-offers__price-was, .violet .yalla-product-card section .yalla-order-item__price .yalla-product-card__original-price, .violet .yalla-product-card section .yalla-order-item__price .yalla-offers__price-was, .violet .yalla-product-card section .yalla-offers__price .yalla-product-card__original-price, .violet .yalla-product-card section .yalla-offers__price .yalla-offers__price-was, .violet .yalla-order-item section .yalla-product-card__pricing .yalla-product-card__original-price, .violet .yalla-order-item section .yalla-product-card__pricing .yalla-offers__price-was, .violet .yalla-order-item section .yalla-order-item__price .yalla-product-card__original-price, .violet .yalla-order-item section .yalla-order-item__price .yalla-offers__price-was, .violet .yalla-order-item section .yalla-offers__price .yalla-product-card__original-price, .violet .yalla-order-item section .yalla-offers__price .yalla-offers__price-was, .violet .yalla-cart-item section .yalla-product-card__pricing .yalla-product-card__original-price, .violet .yalla-cart-item section .yalla-product-card__pricing .yalla-offers__price-was, .violet .yalla-cart-item section .yalla-order-item__price .yalla-product-card__original-price, .violet .yalla-cart-item section .yalla-order-item__price .yalla-offers__price-was, .violet .yalla-cart-item section .yalla-offers__price .yalla-product-card__original-price, .violet .yalla-cart-item section .yalla-offers__price .yalla-offers__price-was, .violet .yalla-offers__item section .yalla-product-card__pricing .yalla-product-card__original-price, .violet .yalla-offers__item section .yalla-product-card__pricing .yalla-offers__price-was, .violet .yalla-offers__item section .yalla-order-item__price .yalla-product-card__original-price, .violet .yalla-offers__item section .yalla-order-item__price .yalla-offers__price-was, .violet .yalla-offers__item section .yalla-offers__price .yalla-product-card__original-price, .violet .yalla-offers__item section .yalla-offers__price .yalla-offers__price-was {
  color: #939393 !important;
}
.violet .yalla-subcats .yalla-subcats__item .img-box .overlay {
  background-color: #240046;
}
.violet .yalla-subcats .yalla-subcats__item .yalla-btn {
  background-color: transparent !important;
}
.violet .yalla-subcats .yalla-subcats__item:hover .yalla-btn {
  background-color: #5a189a;
}
.violet .index {
  background-color: #F4F4F4;
}
.violet .index .slider .c-img div .img-box {
  background: #240046;
}
.violet .index .section .yalla-btn {
  background-color: #7726c1;
  color: #fff;
}
.violet .index .section .yalla-btn:hover {
  background-color: #240046;
  color: #fff !important;
}
.violet .index .section .yalla-btn:focus {
  background-color: #240046;
  color: #fff !important;
}
.violet .index .section .yalla-btn:active {
  background-color: #240046;
  color: #fff !important;
}
.violet #storeFeatures .feature_item {
  background-color: #fff;
}
.violet #storeFeatures .feature_item .feature_icon {
  background-color: #240046;
}
.violet #storeFeatures .feature_item .feature_icon svg, .violet #storeFeatures .feature_item .feature_icon i {
  color: #fff;
}
.violet #storeFeatures .feature_item .feature_content h4 {
  color: #293238;
}
.violet #storeFeatures .feature_item .feature_content p {
  color: #909395;
}
.violet .yalla-btn {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-btn:hover {
  background-color: #240046;
  color: #fff !important;
}
.violet .yalla-btn:focus {
  background-color: #240046;
  color: #fff !important;
}
.violet .yalla-btn:active {
  background-color: #240046;
  color: #fff !important;
}
.violet .opacity-7 {
  background-color: #240046 !important;
  color: #fff !important;
}
.violet .yalla-blog-card .img-box .yalla-blog-card__cat {
  background-color: #240046;
}
.violet .yalla-blog-card .yalla-blog-card__info h4, .violet .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more {
  color: #240046;
}
.violet .yalla-blog-card .yalla-blog-card__info .yalla-blog-card__more:hover {
  color: #7726c1;
}
.violet .all-blogs .btn {
  background-color: #240046;
}
.violet .all-blogs .btn:hover {
  background-color: #7726c1;
}
.violet .swiper-button-next,
.violet .swiper-button-prev {
  color: #fff;
  background-color: #7726c1;
}
.violet .single {
  background-color: #F4F4F4;
}
.violet .single .yalla-product__gallery {
  background-color: #fff;
}
.violet .single .section .swiper-button-next,
.violet .single .section .swiper-button-prev {
  color: #fff;
  background-color: #7726c1;
}
.violet .single .section .yalla-product__description,
.violet .single .section .cliparai,
.violet .single .section .share,
.violet .single .section .yalla-product__info {
  background-color: #fff;
}
.violet .single .section .yalla-product__info h6 {
  color: #240046;
}
.violet .single .section .yalla-product__info section .yalla-product__brand strong {
  background-color: #7726c1;
}
.violet .single .section .yalla-product__info section .yalla-product__brand strong:hover {
  background-color: #240046;
}
.violet .single .section .yalla-product__info section .yalla-product-card__title-box h1 {
  color: #0C0C0C !important;
}
.violet .single .section .yalla-product__info section .yalla-product-card__pricing span:first-child {
  color: #7726c1;
}
.violet .single .section .yalla-product__info section .yalla-product-card__pricing span:last-child {
  color: #939393;
}
.violet .single .section .yalla-product__info section label span {
  background-color: #5cb85c;
  color: #fff;
}
.violet .single .section .yalla-product__info section label .unavailable {
  background-color: #4a4e69;
  color: #fff;
}
.violet .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.violet .single .section .yalla-product__info section .yalla-product__quantity .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover {
  color: #7726c1;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn {
  background-color: #240046;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn div {
  background-color: transparent;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-btn:hover {
  background-color: #7726c1;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button, .violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a {
  border: 1px solid #7726c1;
  color: #7726c1;
  background-color: transparent;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button:hover, .violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a:hover {
  background-color: #240046;
  border-color: #240046;
  color: #fff;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary, .violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary {
  background-color: #7726c1;
  color: #fff;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons a.yalla-btn.yalla-btn--primary:hover, .violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__buttons button.yalla-btn.yalla-btn--primary:hover {
  background-color: #240046;
  border-color: #240046;
  color: #fff;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  color: #7726c1 !important;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .heart i, .violet .single .section .yalla-product__info section .yalla-product__action-bar .heart svg {
  color: #7726c1 !important;
}
.violet .single .button-more button {
  background-color: #240046;
  color: #fff;
}
.violet .taxonomies h6, .violet .tags h6 {
  color: #240046;
}
.violet .taxonomies ul li, .violet .tags ul li {
  /*background-color: $mainColor;
  &:hover{
      background-color: $darkColor;
  }*/
}
.violet #special-offer .btn-collection {
  border: 1px solid #7726c1;
  color: #7726c1;
  border-radius: 7px;
}
.violet #special-offer .btn-collection:hover {
  background-color: #7726c1;
  color: #fff;
}
.violet .clipboard button {
  color: #fff;
  background-color: #7726c1;
}
.violet .clipboard button:hover {
  background-color: #240046;
  color: #fff;
}
.violet .clipboard input {
  color: #939393;
  background-color: #F4F4F4;
}
@media (max-width: 767.98px) {
  .violet .clipboard button,
  .violet .clipboard .button {
    background-color: #240046;
  }
  .violet .clipboard button span,
  .violet .clipboard .button span {
    color: #fff;
  }
  .violet .clipboard button i, .violet .clipboard button svg,
  .violet .clipboard .button i,
  .violet .clipboard .button svg {
    color: #fff;
  }
}
.violet .share .action-icon .like {
  color: #1479fb;
}
.violet .share .action-icon .dislike {
  color: #FF4538;
}
.violet .share .action-icon .view {
  color: #240046;
}
.violet .yalla-product__qty-container .yalla-product__qty-stepper .input-group button, .violet .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.violet .yalla-product__qty-container .yalla-product__qty-stepper .input-group button:hover, .violet .yalla-order-item__amount-box .yalla-product__qty-stepper .input-group button:hover {
  color: #7726c1;
}
.violet #quantityDiscounts {
  margin-bottom: 20px;
}
.violet .cart,
.violet .yalla-page-cart {
  background-color: #F4F4F4;
}
.violet .cart .yalla-cart__top-note,
.violet .yalla-page-cart .yalla-cart__top-note {
  background-color: #240046;
  color: #fff;
}
.violet .cart .yalla-cart__top-note a,
.violet .yalla-page-cart .yalla-cart__top-note a {
  color: #fff;
}
.violet .cart .yalla-cart__order-notes a,
.violet .yalla-page-cart .yalla-cart__order-notes a {
  background-color: #240046;
  color: #fff;
}
.violet .cart .yalla-cart .heart,
.violet .yalla-page-cart .yalla-cart .heart {
  color: #7726c1;
}
.violet .cart .yalla-cart .yalla-product-card, .violet .cart .yalla-cart .yalla-order-item, .violet .cart .yalla-cart .yalla-cart-item, .violet .cart .yalla-cart .yalla-offers__item,
.violet .yalla-page-cart .yalla-cart .yalla-product-card,
.violet .yalla-page-cart .yalla-cart .yalla-order-item,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item {
  background-color: #fff;
}
.violet .cart .yalla-cart .yalla-product-card .action .trash, .violet .cart .yalla-cart .yalla-order-item .action .trash, .violet .cart .yalla-cart .yalla-cart-item .action .trash, .violet .cart .yalla-cart .yalla-offers__item .action .trash,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .trash,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .trash,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash {
  color: #FF4538 !important;
}
.violet .cart .yalla-cart .yalla-product-card .action .trash i, .violet .cart .yalla-cart .yalla-product-card .action .trash svg, .violet .cart .yalla-cart .yalla-order-item .action .trash i, .violet .cart .yalla-cart .yalla-order-item .action .trash svg, .violet .cart .yalla-cart .yalla-cart-item .action .trash i, .violet .cart .yalla-cart .yalla-cart-item .action .trash svg, .violet .cart .yalla-cart .yalla-offers__item .action .trash i, .violet .cart .yalla-cart .yalla-offers__item .action .trash svg,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .trash i,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .trash svg,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .trash i,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .trash svg,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash i,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .trash svg,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash i,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .trash svg {
  color: #FF4538 !important;
}
.violet .cart .yalla-cart .yalla-product-card .action .heart i, .violet .cart .yalla-cart .yalla-product-card .action .heart svg, .violet .cart .yalla-cart .yalla-order-item .action .heart i, .violet .cart .yalla-cart .yalla-order-item .action .heart svg, .violet .cart .yalla-cart .yalla-cart-item .action .heart i, .violet .cart .yalla-cart .yalla-cart-item .action .heart svg, .violet .cart .yalla-cart .yalla-offers__item .action .heart i, .violet .cart .yalla-cart .yalla-offers__item .action .heart svg,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .heart i,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .heart svg,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .heart i,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .heart svg,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart i,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .heart svg,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart i,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .heart svg {
  color: #5a189a;
}
.violet .cart .yalla-cart .yalla-product-card .action .note, .violet .cart .yalla-cart .yalla-order-item .action .note, .violet .cart .yalla-cart .yalla-cart-item .action .note, .violet .cart .yalla-cart .yalla-offers__item .action .note,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .note,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .note,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .note,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .note {
  color: #5a189a;
}
.violet .cart .yalla-cart .yalla-product-card .action .note i, .violet .cart .yalla-cart .yalla-product-card .action .note svg, .violet .cart .yalla-cart .yalla-order-item .action .note i, .violet .cart .yalla-cart .yalla-order-item .action .note svg, .violet .cart .yalla-cart .yalla-cart-item .action .note i, .violet .cart .yalla-cart .yalla-cart-item .action .note svg, .violet .cart .yalla-cart .yalla-offers__item .action .note i, .violet .cart .yalla-cart .yalla-offers__item .action .note svg,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .note i,
.violet .yalla-page-cart .yalla-cart .yalla-product-card .action .note svg,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .note i,
.violet .yalla-page-cart .yalla-cart .yalla-order-item .action .note svg,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .note i,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item .action .note svg,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .note i,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item .action .note svg {
  color: #5a189a;
}
.violet .cart .yalla-cart .yalla-cart-summary,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.violet .cart .yalla-cart .yalla-cart-summary h5,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0C0C0C;
}
.violet .cart .yalla-cart .yalla-cart-summary section span,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.violet .cart .yalla-cart .yalla-cart-summary section div,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #737373;
}
.violet .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total span {
  color: #5a189a;
}
.violet .cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__total div {
  color: #5a189a;
}
.violet .cart .yalla-cart .yalla-cart-summary .delete span,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .delete span {
  color: #FF4538;
}
.violet .cart .yalla-cart .yalla-cart-summary .delete i, .violet .cart .yalla-cart .yalla-cart-summary .delete svg,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .delete i,
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .delete svg {
  color: #FF4538;
}
.violet .cart .yalla-cart .nav-tabs .nav-item .nav-link,
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #E7E7E7;
  color: #0C0C0C;
}
.violet .cart .yalla-cart .nav-tabs .nav-item .nav-link span,
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.violet .cart .yalla-cart .nav-tabs .nav-item .nav-link span div,
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.violet .cart .yalla-cart .nav-tabs .nav-item .active,
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff !important;
  color: #5a189a !important;
}
.violet .cart .yalla-cart .nav-tabs .nav-item .active span,
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #7726c1 !important;
  border: 1px solid #7726c1;
}
.violet .cart .yalla-cart .nav-tabs .nav-item .active span div,
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff !important;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #240046;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn {
  border: 2px solid #7726c1;
  color: #7726c1;
  background-color: transparent;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #7726c1;
  color: #fff;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #7726c1;
  color: #fff;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #7726c1;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #5a189a;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #240046;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0C0C0C;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group input,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group textarea {
  border: none;
  background-color: #F4F4F4;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #939393;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0C0C0C;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #939393;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #939393;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #939393;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #939393;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .address,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #E7E7E7;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .address ul li div,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #240046;
}
.violet .cart .yalla-cart .yalla-checkout__tab-content .address ul li div i, .violet .cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div i,
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div svg {
  color: #fff;
}
.violet .account,
.violet .yalla-page-account {
  background-color: #F4F4F4;
}
.violet .account .nav-pills .nav-link,
.violet .yalla-page-account .nav-pills .nav-link {
  color: #7726c1;
}
.violet .account .nav-pills .nav-link:hover,
.violet .yalla-page-account .nav-pills .nav-link:hover {
  background-color: #7726c1;
  color: #fff !important;
}
.violet .account .nav-pills .active,
.violet .yalla-page-account .nav-pills .active {
  color: #fff !important;
  background-color: #7726c1;
}
.violet .account .account-form,
.violet .account .yalla-account__form,
.violet .yalla-page-account .account-form,
.violet .yalla-page-account .yalla-account__form {
  background-color: #fff;
}
.violet .account .account-form .p-image:hover i, .violet .account .account-form .p-image:hover svg,
.violet .account .account-form .yalla-account__avatar-upload:hover i,
.violet .account .account-form .yalla-account__avatar-upload:hover svg,
.violet .account .yalla-account__form .p-image:hover i,
.violet .account .yalla-account__form .p-image:hover svg,
.violet .account .yalla-account__form .yalla-account__avatar-upload:hover i,
.violet .account .yalla-account__form .yalla-account__avatar-upload:hover svg,
.violet .yalla-page-account .account-form .p-image:hover i,
.violet .yalla-page-account .account-form .p-image:hover svg,
.violet .yalla-page-account .account-form .yalla-account__avatar-upload:hover i,
.violet .yalla-page-account .account-form .yalla-account__avatar-upload:hover svg,
.violet .yalla-page-account .yalla-account__form .p-image:hover i,
.violet .yalla-page-account .yalla-account__form .p-image:hover svg,
.violet .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover i,
.violet .yalla-page-account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #7726c1;
}
.violet .account .account-form form label,
.violet .account .yalla-account__form form label,
.violet .yalla-page-account .account-form form label,
.violet .yalla-page-account .yalla-account__form form label {
  color: #737373;
}
.violet .account .account-form form input,
.violet .account .yalla-account__form form input,
.violet .yalla-page-account .account-form form input,
.violet .yalla-page-account .yalla-account__form form input {
  border-bottom: 1px solid #E7E7E7;
}
.violet .account .account-form form .form-check,
.violet .account .yalla-account__form form .form-check,
.violet .yalla-page-account .account-form form .form-check,
.violet .yalla-page-account .yalla-account__form form .form-check {
  border-bottom: 1px solid #E7E7E7;
}
.violet .account .account-form form .select2 .select2-selection__rendered,
.violet .account .yalla-account__form form .select2 .select2-selection__rendered,
.violet .yalla-page-account .account-form form .select2 .select2-selection__rendered,
.violet .yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.violet .account .account-form form .select2 .select2-selection,
.violet .account .yalla-account__form form .select2 .select2-selection,
.violet .yalla-page-account .account-form form .select2 .select2-selection,
.violet .yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #E7E7E7;
}
.violet .account .account-form form button,
.violet .account .yalla-account__form form button,
.violet .yalla-page-account .account-form form button,
.violet .yalla-page-account .yalla-account__form form button {
  background-color: #7726c1;
  color: #fff;
}
.violet .account .account-form form button:hover,
.violet .account .yalla-account__form form button:hover,
.violet .yalla-page-account .account-form form button:hover,
.violet .yalla-page-account .yalla-account__form form button:hover {
  background-color: #5a189a;
}
.violet .account .account-form form .form-inline .dropdown-toggle,
.violet .account .yalla-account__form form .form-inline .dropdown-toggle,
.violet .yalla-page-account .account-form form .form-inline .dropdown-toggle,
.violet .yalla-page-account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.violet .account .account-form form .form-inline li .active,
.violet .account .yalla-account__form form .form-inline li .active,
.violet .yalla-page-account .account-form form .form-inline li .active,
.violet .yalla-page-account .yalla-account__form form .form-inline li .active {
  background-color: #7726c1;
  color: #fff;
}
.violet .account .account-form form .form-inline li a:focus,
.violet .account .yalla-account__form form .form-inline li a:focus,
.violet .yalla-page-account .account-form form .form-inline li a:focus,
.violet .yalla-page-account .yalla-account__form form .form-inline li a:focus {
  background-color: #7726c1;
  color: #fff;
}
.violet .account .yalla-orders__card,
.violet .yalla-page-account .yalla-orders__card {
  background-color: #fff !important;
}
.violet .account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.violet .yalla-page-account .yalla-orders__card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.violet .account .yalla-orders__list ul .yalla-order-summary__total,
.violet .yalla-page-account .yalla-orders__list ul .yalla-order-summary__total {
  color: #7726c1;
}
.violet .account .yalla-orders__list .yalla-product-card, .violet .account .yalla-orders__list .yalla-order-item, .violet .account .yalla-orders__list .yalla-cart-item, .violet .account .yalla-orders__list .yalla-offers__item,
.violet .yalla-page-account .yalla-orders__list .yalla-product-card,
.violet .yalla-page-account .yalla-orders__list .yalla-order-item,
.violet .yalla-page-account .yalla-orders__list .yalla-cart-item,
.violet .yalla-page-account .yalla-orders__list .yalla-offers__item {
  background-color: #F4F4F4;
}
.violet .account .yalla-orders__list .yalla-product-card section section, .violet .account .yalla-orders__list .yalla-order-item section section, .violet .account .yalla-orders__list .yalla-cart-item section section, .violet .account .yalla-orders__list .yalla-offers__item section section,
.violet .yalla-page-account .yalla-orders__list .yalla-product-card section section,
.violet .yalla-page-account .yalla-orders__list .yalla-order-item section section,
.violet .yalla-page-account .yalla-orders__list .yalla-cart-item section section,
.violet .yalla-page-account .yalla-orders__list .yalla-offers__item section section {
  background-color: #F4F4F4;
}
.violet .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .violet .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .violet .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .violet .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.violet .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.violet .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.violet .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span,
.violet .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #7726c1 !important;
}
.violet .account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .violet .account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .violet .account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount, .violet .account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.violet .yalla-page-account .order-details .item-space .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.violet .yalla-page-account .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.violet .yalla-page-account .order-details .item-space .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount,
.violet .yalla-page-account .order-details .item-space .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-amount {
  color: #0C0C0C !important;
}
.violet .yalla-cart-empty {
  background-color: #F4F4F4;
}
.violet .yalla-cart-empty h2 {
  color: #737373;
}
.violet .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #5a189a;
}
.violet .completed {
  background-color: #F4F4F4;
}
.violet .completed .section-container h3 {
  color: #0C0C0C;
}
.violet .completed .section-container section h5 {
  color: #737373;
}
.violet .completed .section-container section ul li {
  color: #939393;
}
.violet .completed .section-container section ul li a {
  color: #7726c1 !important;
}
.violet .completed .section-container section ul li a:hover {
  color: #240046 !important;
}
.violet .completed .section-container .share-info .form-group textarea {
  color: #7726c1;
}
.violet .completed .section-container .share-info .share-button button {
  color: #fff;
}
.violet .completed .section-container .share-info .share-button .facebook {
  background-color: #3b5998;
}
.violet .completed .section-container .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.violet .completed .section-container .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.violet .completed .section-container .share-info .share-button .telegram {
  background-color: #0088cc;
}
.violet .completed .section-container .share-info .share-button .instagram {
  background-color: #405de6;
}
.violet .completed .section-container .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.violet .completed .section-container a {
  background-color: #7726c1;
  color: #fff;
}
.violet .completed .section-container a:hover {
  background-color: #5a189a;
}
.violet .contact {
  background-color: #F4F4F4;
}
.violet .contact .section-container, .violet .contact .yalla-page-contact__body {
  padding-top: 40px !important;
}
.violet .contact .section-container .icon-flow, .violet .contact .yalla-page-contact__body .icon-flow {
  background-color: #fff;
}
.violet .contact .section-container .icon-flow i, .violet .contact .section-container .icon-flow svg, .violet .contact .yalla-page-contact__body .icon-flow i, .violet .contact .yalla-page-contact__body .icon-flow svg {
  color: #7726c1;
}
.violet .contact .section-container .contacts-form, .violet .contact .section-container .yalla-page-contact__form, .violet .contact .yalla-page-contact__body .contacts-form, .violet .contact .yalla-page-contact__body .yalla-page-contact__form {
  background-color: #fff;
}
.violet .contact .section-container .contacts-form form button, .violet .contact .section-container .yalla-page-contact__form form button, .violet .contact .yalla-page-contact__body .contacts-form form button, .violet .contact .yalla-page-contact__body .yalla-page-contact__form form button {
  background-color: #7726c1;
  color: #fff;
}
.violet .contact .section-container .contacts-form form button:hover, .violet .contact .section-container .yalla-page-contact__form form button:hover, .violet .contact .yalla-page-contact__body .contacts-form form button:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__form form button:hover {
  background-color: #5a189a;
}
.violet .contact .section-container .yalla-page-contact__info h5, .violet .contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  color: #737373;
}
.violet .contact .section-container .yalla-page-contact__info section div, .violet .contact .yalla-page-contact__body .yalla-page-contact__info section div {
  background-color: #F4F4F4;
}
.violet .contact .section-container .yalla-page-contact__info section div span, .violet .contact .yalla-page-contact__body .yalla-page-contact__info section div span {
  background-color: #7726c1;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info section div span i, .violet .contact .section-container .yalla-page-contact__info section div span svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info section div span i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info section div span svg {
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info section div a, .violet .contact .yalla-page-contact__body .yalla-page-contact__info section div a {
  color: #7726c1;
}
.violet .contact .section-container .yalla-page-contact__info .media .facebook, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .facebook:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .facebook:hover i, .violet .contact .section-container .yalla-page-contact__info .media .facebook:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .twitter, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .twitter:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .twitter:hover i, .violet .contact .section-container .yalla-page-contact__info .media .twitter:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .envelope, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .envelope:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .envelope:hover i, .violet .contact .section-container .yalla-page-contact__info .media .envelope:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .whatsapp, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .whatsapp:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .whatsapp:hover i, .violet .contact .section-container .yalla-page-contact__info .media .whatsapp:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .instagram, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .instagram:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .instagram:hover i, .violet .contact .section-container .yalla-page-contact__info .media .instagram:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .telegram, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .telegram:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .telegram:hover i, .violet .contact .section-container .yalla-page-contact__info .media .telegram:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .youtube, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .youtube:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .youtube:hover i, .violet .contact .section-container .yalla-page-contact__info .media .youtube:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .soundcloud, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .soundcloud:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .soundcloud:hover i, .violet .contact .section-container .yalla-page-contact__info .media .soundcloud:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .snapchat, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.violet .contact .section-container .yalla-page-contact__info .media .snapchat:hover, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.violet .contact .section-container .yalla-page-contact__info .media .snapchat:hover i, .violet .contact .section-container .yalla-page-contact__info .media .snapchat:hover svg, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover i, .violet .contact .yalla-page-contact__body .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.violet .contact .section-container:hover .icon-flow, .violet .contact .yalla-page-contact__body:hover .icon-flow {
  background-color: #240046;
}
.violet .contact .section-container:hover .icon-flow i, .violet .contact .section-container:hover .icon-flow svg, .violet .contact .yalla-page-contact__body:hover .icon-flow i, .violet .contact .yalla-page-contact__body:hover .icon-flow svg {
  color: #fff !important;
}
.violet .affiliate {
  background-color: #F4F4F4;
}
.violet .affiliate .affiliate-info .disc {
  background-color: #fff;
}
.violet .affiliate .affiliate-info .disc article a,
.violet .affiliate .affiliate-info .disc p a {
  background-color: #7726c1;
  color: #fff;
}
.violet .affiliate .affiliate-info .disc article a i, .violet .affiliate .affiliate-info .disc article a svg,
.violet .affiliate .affiliate-info .disc p a i,
.violet .affiliate .affiliate-info .disc p a svg {
  color: #fff;
  font-size: 14px;
}
.violet .affiliate .affiliate-info .button {
  background-color: #7726c1;
  color: #fff;
}
.violet .affiliate .affiliate-info .browse {
  background-color: #240046;
}
.violet .affiliate .affiliate-info .browse:hover {
  background-color: #7726c1;
}
.violet .affiliate .affiliate-info .clipboard {
  background-color: #fff;
}
.violet .affiliate .affiliate-info .clipboard button {
  background-color: #7726c1;
  color: #fff;
}
.violet .affiliate .affiliate-info .clipboard input {
  background-color: #F4F4F4;
}
.violet .affiliate .affiliate-info .table {
  background-color: #fff;
}
.violet .affiliate .affiliate-info .table .table-wrap {
  background-color: #f2f4f6;
}
.violet .affiliate .affiliate-info .table .control-div section:nth-child(odd) {
  background-color: #f9fafb;
}
.violet .affiliate .affiliate-info .table .control-div section:nth-child(even) {
  background-color: #fff;
}
.violet .affiliate .affiliate-info .table .control-div .b-table .b-cell div a {
  color: #240046;
}
.violet .affiliate .affiliate-info .table .control-div .b-table .b-cell div a:hover {
  color: #7726c1;
}
.violet .affiliate .affiliate-info .wallet {
  background-color: #fff;
}
.violet .affiliate .affiliate-info .wallet .wallet-box label {
  color: #737373;
}
.violet .affiliate .affiliate-info .bills {
  background-color: #fff;
}
.violet .affiliate .affiliate-info .bills label {
  color: #737373;
}
.violet .affiliate .affiliate-info .bills section:nth-child(odd) {
  background-color: #f2f4f6;
}
.violet .affiliate .affiliate-info .bills section:nth-child(even) {
  background-color: #fff;
}
.violet .affiliate .affiliate-info .bills .bills-box label {
  color: #737373;
}
.violet .affiliate .under-line {
  border-bottom: 3px solid #7726c1;
}
.violet .checkout .radio:checked {
  background: #7726c1;
  border-color: #7726c1;
}
.violet .checkout .plan-type {
  color: #7726c1;
}
.violet .checkout .btn-primary {
  background: #7726c1;
  border-color: #7726c1;
}
.violet #shipping_campanies {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.violet #shipping_campanies label {
  width: 100%;
  background: #f8fafc;
  border: 1px solid #ecf0f4;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.violet #shipping_campanies label .details {
  width: 100%;
  padding-right: 10px;
}
.violet #shipping_campanies label .details .details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.violet #shipping_campanies label .details .details-container .company-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.violet #shipping_campanies label .details .details-container .company-name img {
  width: 50px;
  height: 50px;
  border-right: 7px;
  object-fit: cover;
}
.violet #shipping_campanies label .details span i, .violet #shipping_campanies label .details span svg {
  font-style: normal;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  color: #444;
}
.violet #shipping_campanies .select-shipping.selected {
  border: 1px solid #ecf0f4;
}
.violet #shipping_campanies .select-shipping.selected .details .details-container span {
  font-weight: bold;
}
.violet .checkout .radio:checked ~ .plan-details {
  border-color: #7726c1;
}
.violet #thanks .btn-view-order, .violet #thanks .yalla-thanks__action {
  background: #7726c1;
  color: #fff;
  border: 1px solid #7726c1;
}
.violet #thanks .btn-print-order, .violet #thanks .yalla-thanks__action:last-child:not(:first-child) {
  color: #7726c1;
  background: transparent;
  border: 1px solid #7726c1;
}
.violet #thanks .btn-print-order:hover, .violet #thanks .yalla-thanks__action:last-child:not(:first-child):hover {
  color: #fff;
  background-color: #7726c1;
}
.violet #thanks .share-button button, .violet #thanks .yalla-thanks__share-buttons button {
  background-color: #7726c1;
  color: #fff;
}
.violet #thanks .continue-btn {
  background-color: #240046;
  color: #fff;
  opacity: 0.7;
}
.violet #thanks .continue-btn:hover {
  opacity: 1;
}

/*end colors file*/

/*# sourceMappingURL=style.css.map */