/*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");
.yalla-btn--disabled {
  opacity: 0.7 !important;
}

.clear {
  clear: both;
  height: initial !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;
  }
}

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

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

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

.dir-ltr {
  direction: ltr;
}

.dir-rtl {
  direction: rtl;
}

.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;
}

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

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

.col {
  float: right;
  flex-basis: auto;
}
@media (max-width: 575.98px) {
  .col {
    padding-left: 0 !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;
  }
}

.splide__slide img {
  width: 100%;
  height: auto;
}

.phone-ads .advert-content .p-l-5 {
  padding-left: 2px !important;
}
.phone-ads .advert-content .p-r-5 {
  padding-right: 2px !important;
}
.phone-ads .advert-content .m-b-10 {
  margin-bottom: 4px !important;
}
.phone-ads .advert-content .advert-single {
  border-radius: 7px;
  overflow: hidden;
}

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

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

.violet .contact .yalla-page-contact__info .media .snapchat:hover, .violet .contact .yalla-page-contact__info .media .soundcloud:hover, .violet .contact .yalla-page-contact__info .media .youtube:hover, .violet .contact .yalla-page-contact__info .media .telegram:hover, .violet .contact .yalla-page-contact__info .media .instagram:hover, .violet .contact .yalla-page-contact__info .media .whatsapp:hover, .violet .contact .yalla-page-contact__info .media .envelope:hover, .violet .contact .yalla-page-contact__info .media .twitter:hover, .violet .contact .yalla-page-contact__info .media .facebook:hover, .pink .contact .yalla-page-contact__info .media .snapchat:hover, .pink .contact .yalla-page-contact__info .media .soundcloud:hover, .pink .contact .yalla-page-contact__info .media .youtube:hover, .pink .contact .yalla-page-contact__info .media .telegram:hover, .pink .contact .yalla-page-contact__info .media .instagram:hover, .pink .contact .yalla-page-contact__info .media .whatsapp:hover, .pink .contact .yalla-page-contact__info .media .envelope:hover, .pink .contact .yalla-page-contact__info .media .twitter:hover, .pink .contact .yalla-page-contact__info .media .facebook:hover, .orange .contact .yalla-page-contact__info .media .snapchat:hover, .orange .contact .yalla-page-contact__info .media .soundcloud:hover, .orange .contact .yalla-page-contact__info .media .youtube:hover, .orange .contact .yalla-page-contact__info .media .telegram:hover, .orange .contact .yalla-page-contact__info .media .instagram:hover, .orange .contact .yalla-page-contact__info .media .whatsapp:hover, .orange .contact .yalla-page-contact__info .media .envelope:hover, .orange .contact .yalla-page-contact__info .media .twitter:hover, .orange .contact .yalla-page-contact__info .media .facebook:hover, .main .contact .yalla-page-contact__info .media .snapchat:hover, .main .contact .yalla-page-contact__info .media .soundcloud:hover, .main .contact .yalla-page-contact__info .media .youtube:hover, .main .contact .yalla-page-contact__info .media .telegram:hover, .main .contact .yalla-page-contact__info .media .instagram:hover, .main .contact .yalla-page-contact__info .media .whatsapp:hover, .main .contact .yalla-page-contact__info .media .envelope:hover, .main .contact .yalla-page-contact__info .media .twitter:hover, .main .contact .yalla-page-contact__info .media .facebook:hover, .grey .contact .yalla-page-contact__info .media .snapchat:hover, .grey .contact .yalla-page-contact__info .media .soundcloud:hover, .grey .contact .yalla-page-contact__info .media .youtube:hover, .grey .contact .yalla-page-contact__info .media .telegram:hover, .grey .contact .yalla-page-contact__info .media .instagram:hover, .grey .contact .yalla-page-contact__info .media .whatsapp:hover, .grey .contact .yalla-page-contact__info .media .envelope:hover, .grey .contact .yalla-page-contact__info .media .twitter:hover, .grey .contact .yalla-page-contact__info .media .facebook:hover, .brown .contact .yalla-page-contact__info .media .snapchat:hover, .brown .contact .yalla-page-contact__info .media .soundcloud:hover, .brown .contact .yalla-page-contact__info .media .youtube:hover, .brown .contact .yalla-page-contact__info .media .telegram:hover, .brown .contact .yalla-page-contact__info .media .instagram:hover, .brown .contact .yalla-page-contact__info .media .whatsapp:hover, .brown .contact .yalla-page-contact__info .media .envelope:hover, .brown .contact .yalla-page-contact__info .media .twitter:hover, .brown .contact .yalla-page-contact__info .media .facebook:hover, .green .contact .yalla-page-contact__info .media .snapchat:hover, .green .contact .yalla-page-contact__info .media .soundcloud:hover, .green .contact .yalla-page-contact__info .media .youtube:hover, .green .contact .yalla-page-contact__info .media .telegram:hover, .green .contact .yalla-page-contact__info .media .instagram:hover, .green .contact .yalla-page-contact__info .media .whatsapp:hover, .green .contact .yalla-page-contact__info .media .envelope:hover, .green .contact .yalla-page-contact__info .media .twitter:hover, .green .contact .yalla-page-contact__info .media .facebook:hover, .red .contact .yalla-page-contact__info .media .snapchat:hover, .red .contact .yalla-page-contact__info .media .soundcloud:hover, .red .contact .yalla-page-contact__info .media .youtube:hover, .red .contact .yalla-page-contact__info .media .telegram:hover, .red .contact .yalla-page-contact__info .media .instagram:hover, .red .contact .yalla-page-contact__info .media .whatsapp:hover, .red .contact .yalla-page-contact__info .media .envelope:hover, .red .contact .yalla-page-contact__info .media .twitter:hover, .red .contact .yalla-page-contact__info .media .facebook:hover, .blue .contact .yalla-page-contact__info .media .snapchat:hover, .blue .contact .yalla-page-contact__info .media .soundcloud:hover, .blue .contact .yalla-page-contact__info .media .youtube:hover, .blue .contact .yalla-page-contact__info .media .telegram:hover, .blue .contact .yalla-page-contact__info .media .instagram:hover, .blue .contact .yalla-page-contact__info .media .whatsapp:hover, .blue .contact .yalla-page-contact__info .media .envelope:hover, .blue .contact .yalla-page-contact__info .media .twitter:hover, .blue .contact .yalla-page-contact__info .media .facebook:hover, .yalla-blog-card:hover, .side-media a div:hover, .share .share-div .media button:hover, .share .share-div .media a div:hover, .ltr .yalla-mega-menu .main-sub-menu .control-menu .sub-menu, .yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list, .yalla-mega-menu .yalla-mega-menu__panel, .yalla-product-card:hover, .yalla-product-card section label, .fixed-top {
  -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 .yalla-product-card__media .yalla-product-card__wishlist {
  -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 .share .share-div .media a div i, .violet .share .share-div .media a div svg, .violet .alerts-product .alert .button div, .violet .btn-head, .pink .share .share-div .media a div i, .pink .share .share-div .media a div svg, .pink .alerts-product .alert .button div, .pink .btn-head, .orange .share .share-div .media a div i, .orange .share .share-div .media a div svg, .orange .alerts-product .alert .button div, .orange .btn-head, .main .share .share-div .media a div i, .main .share .share-div .media a div svg, .main .alerts-product .alert .button div, .main .btn-head, .grey .share .share-div .media a div i, .grey .share .share-div .media a div svg, .grey .alerts-product .alert .button div, .grey .btn-head, .brown .share .share-div .media a div i, .brown .share .share-div .media a div svg, .brown .alerts-product .alert .button div, .brown .btn-head, .green .share .share-div .media a div i, .green .share .share-div .media a div svg, .green .alerts-product .alert .button div, .green .btn-head, .red .share .share-div .media a div i, .red .share .share-div .media a div svg, .red .alerts-product .alert .button div, .red .btn-head, .blue .share .share-div .media a div i, .blue .share .share-div .media a div svg, .blue .alerts-product .alert .button div, .blue .btn-head, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li a, .button,
button, .btn-head, .contac-button, .blog-show .yalla-blog-post article .yalla-blog-post__body a:hover, .yalla-trial-store .yalla-trial-store__actions .yalla-trial-store__btn, .side-media a div i, .side-media a div svg, .side-media a div, .singbar .successful-log li div a, .yalla-page-toolbar .yalla-home-section__view-all, .yalla-home-section__head .yalla-home-section__view-all, .yalla-side-menu__categories ul li .dropdown-menu a i, .yalla-side-menu__categories ul li .dropdown-menu a svg, .yalla-side-menu__categories ul li .dropdown-menu a, .yalla-side-menu__categories ul li, .language a, .login a,
.yalla-topbar__user a, .share .share-div .media button i, .share .share-div .media button svg, .share .share-div .media button, .share .share-div .media a div i, .share .share-div .media a div svg, .share .share-div .media a div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, .yalla-breadcrumb nav ol li a, .yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu li, .yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__item, .yalla-mega-menu .yalla-mega-menu__panel, .yalla-product-card section section button,
.yalla-product-card section section a, .yalla-product-card section section .yalla-product-card__title-box .yalla-product-card__title, .yalla-product-card .yalla-product-card__media .yalla-btn, .yalla-product-card .yalla-product-card__media .overlay, .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist a,
.yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist button, .yalla-product-card, .contact .yalla-page-contact__body .yalla-page-contact__form form button, .registeration .successful-log li div a, .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, .successfull .completed section ul li a, .yalla-page-account .yalla-account__form form button, .yalla-page-cart .yalla-page-cart__head nav ol.breadcrumb .breadcrumb-item a, .fixed-top .logo, .fixed-top, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div i, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div svg, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a 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 .yalla-page-contact__body .yalla-page-contact__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 .yalla-footer__col ul li .yalla-footer__social div, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.yalla-product-card .yalla-product-card__media .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;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Cairo", sans-serif;
}

/* The following rules are deprecated. */
.rtl {
  direction: rtl;
  text-align: right;
}

.ltr {
  direction: ltr;
  text-align: left;
}

body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
}

.index {
  width: 100%;
}

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

.section {
  margin: 20px 5px;
}
@media (max-width: 575.98px) {
  .section {
    margin: 20px 0;
  }
}

.yalla-product__related {
  margin-top: 30px;
}

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

.btn-section {
  margin: 10px 0 10px !important;
}

.row {
  width: 100%;
}

@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;
  }
}

a:hover {
  text-decoration: none;
}

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

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

@media (max-width: 575.98px) {
  .swiper-pagination {
    margin: 0 !important;
  }
}

/* ========== start head Style =========== */
#st_gdpr_iframe {
  left: 0 !important;
  display: none;
}

.inner-cover {
  width: 100%;
  margin-bottom: 20px;
}
.inner-cover .img-box {
  height: 350px;
  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: auto;
  }
}

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

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

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

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

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

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

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

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

.label-magenta, .bg-magenta {
  background: #E62C8F !important;
}

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

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

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

.iti--allow-dropdown {
  width: 100%;
}
.iti--allow-dropdown .iti__arrow {
  margin-right: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.iti--allow-dropdown input {
  padding-left: 60px !important;
  direction: ltr !important;
}

.iti__country-list {
  left: 0;
  z-index: 10;
}

.iti__flag-box {
  margin-left: 6px;
}

.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;
}

/*end helpers style*/
/*start header style*/
header .yalla-topbar,
.yalla-header .yalla-topbar {
  height: 85px;
  padding: 0;
}
header .yalla-topbar .yalla-topbar__brand,
.yalla-header .yalla-topbar .yalla-topbar__brand {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  header .yalla-topbar .yalla-topbar__brand,
  .yalla-header .yalla-topbar .yalla-topbar__brand {
    width: auto;
    margin-right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
header .yalla-topbar .yalla-topbar__brand a,
.yalla-header .yalla-topbar .yalla-topbar__brand a {
  display: inline-flex;
  align-items: center;
}
header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo,
.yalla-header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo {
  display: inline-flex;
  max-width: 150px;
  min-width: 75px;
  height: 75px;
  border-radius: 15%;
  overflow: hidden;
  font-size: 19px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 0 5px;
}
header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo span,
.yalla-header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo span {
  font-size: 35px;
  padding: 0;
  font-family: tahoma;
}
header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo img,
.yalla-header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575.98px) {
  header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo,
  .yalla-header .yalla-topbar .yalla-topbar__brand a .yalla-topbar__logo {
    width: 65px;
    height: 65px;
    min-width: 65px;
  }
}
header .yalla-topbar .yalla-topbar__brand a span,
.yalla-header .yalla-topbar .yalla-topbar__brand a span {
  font-size: 34px;
  font-weight: bold;
  padding: 0 10px;
  margin-bottom: 8px;
}
@media (max-width: 575.98px) {
  header .yalla-topbar .yalla-topbar__brand a span,
  .yalla-header .yalla-topbar .yalla-topbar__brand a span {
    font-size: 27px;
    line-height: 1;
    padding: 0 5px;
    margin-bottom: 0;
  }
}
@media (max-width: 459.98px) {
  header .yalla-topbar .yalla-topbar__brand a span,
  .yalla-header .yalla-topbar .yalla-topbar__brand a span {
    font-size: 28px;
    line-height: 1;
    padding: 0 5px;
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  header .yalla-topbar .yalla-topbar__brand a,
  .yalla-header .yalla-topbar .yalla-topbar__brand a {
    display: inline-flex;
    margin-left: 0;
  }
}
header .yalla-topbar .yalla-topbar__actions,
.yalla-header .yalla-topbar .yalla-topbar__actions {
  align-items: center;
  justify-content: end;
  display: flex;
  margin-bottom: 0;
}
header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social {
  justify-content: left;
}
header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div {
  margin: 0 4px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div i, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social a div svg {
  font-size: 18px;
}
@media (max-width: 575.98px) {
  header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social,
  .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social {
    justify-content: center;
  }
}
@media (max-width: 459.98px) {
  header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social,
  .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social {
    display: none;
  }
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
  header .yalla-topbar .yalla-topbar__actions,
  .yalla-header .yalla-topbar .yalla-topbar__actions {
    position: absolute;
    left: 10px;
  }
}
@media (max-width: 575.98px) {
  header .yalla-topbar,
  .yalla-header .yalla-topbar {
    padding: 0 5px;
    height: 70px;
    display: none;
  }
}
header .navbar .container-fluid,
.yalla-header .navbar .container-fluid {
  padding: 0 !important;
}
header .yalla-subnav,
.yalla-header .yalla-subnav {
  height: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .yalla-subnav .container-fluid,
.yalla-header .yalla-subnav .container-fluid {
  height: inherit;
}
header .yalla-subnav .yalla-subnav__start,
.yalla-header .yalla-subnav .yalla-subnav__start {
  display: inline-flex;
  padding: 0 10px;
  align-items: center;
}
@media (max-width: 991.98px) {
  header .yalla-subnav .yalla-subnav__start,
  .yalla-header .yalla-subnav .yalla-subnav__start {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  header .yalla-subnav .yalla-subnav__start,
  .yalla-header .yalla-subnav .yalla-subnav__start {
    width: auto;
    margin-right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle,
.yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle {
  display: none;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}
header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle i, header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle svg,
.yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle i,
.yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle svg {
  font-size: 30px;
  margin: 0 5px;
}
@media (max-width: 767.98px) {
  header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle,
  .yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__menu-toggle {
    display: block;
    padding: 5px;
  }
}
header .yalla-subnav .yalla-subnav__start a,
.yalla-header .yalla-subnav .yalla-subnav__start a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo,
.yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo {
  display: none;
  max-width: 100px;
  min-width: 50px;
  height: 50px;
  border-radius: 15%;
  overflow: hidden;
  font-size: 19px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo span,
.yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo span {
  font-size: 25px;
  padding: 0;
}
header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo img,
.yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575.98px) {
  header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo,
  .yalla-header .yalla-subnav .yalla-subnav__start .yalla-subnav__logo {
    display: block;
  }
}
header .yalla-subnav .yalla-subnav__search-form .form-group,
.yalla-header .yalla-subnav .yalla-subnav__search-form .form-group {
  margin-bottom: 0;
  display: flex;
}
header .yalla-subnav .yalla-subnav__search-form .form-group input,
.yalla-header .yalla-subnav .yalla-subnav__search-form .form-group input {
  height: 40px;
  width: 700px;
  margin-left: -10px;
  font-size: 13px;
  outline: 0;
}
@media (max-width: 1199.98px) {
  header .yalla-subnav .yalla-subnav__search-form .form-group input,
  .yalla-header .yalla-subnav .yalla-subnav__search-form .form-group input {
    width: 600px;
  }
}
@media (max-width: 991.98px) {
  header .yalla-subnav .yalla-subnav__search-form .form-group input,
  .yalla-header .yalla-subnav .yalla-subnav__search-form .form-group input {
    width: 430px;
  }
}
@media (max-width: 767.98px) {
  header .yalla-subnav .yalla-subnav__search-form .form-group input,
  .yalla-header .yalla-subnav .yalla-subnav__search-form .form-group input {
    display: none;
  }
}
@media (max-width: 350px) {
  header .yalla-subnav .yalla-subnav__search-form .form-group input,
  .yalla-header .yalla-subnav .yalla-subnav__search-form .form-group input {
    width: 85%;
  }
}
header .yalla-subnav .yalla-subnav__search-form .form-group .form-control:focus,
.yalla-header .yalla-subnav .yalla-subnav__search-form .form-group .form-control:focus {
  outline: 0;
  box-shadow: none;
}
header .yalla-subnav .yalla-subnav__search-form .text-center,
.yalla-header .yalla-subnav .yalla-subnav__search-form .text-center {
  display: inline-block;
}
header .yalla-subnav .yalla-subnav__search-form .text-center .yalla-btn,
.yalla-header .yalla-subnav .yalla-subnav__search-form .text-center .yalla-btn {
  text-decoration: none;
  margin: inherit;
  min-width: 30px;
  height: 40px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  padding: 0 21px;
  font-size: 16px;
}
@media (max-width: 575.98px) {
  header .yalla-subnav .yalla-subnav__search-form .text-center .yalla-btn,
  .yalla-header .yalla-subnav .yalla-subnav__search-form .text-center .yalla-btn {
    height: 35px;
  }
}
@media (max-width: 575.98px) {
  header .yalla-subnav .yalla-subnav__search-form .text-center .yalla-btn,
  .yalla-header .yalla-subnav .yalla-subnav__search-form .text-center .yalla-btn {
    font-size: 14px;
    padding: 0 15px;
  }
}
header .yalla-subnav .yalla-subnav__actions,
.yalla-header .yalla-subnav .yalla-subnav__actions {
  align-items: center;
  justify-content: end;
  display: flex;
  margin-bottom: 0;
  gap: 10px;
}
@media (max-width: 767.98px) {
  header .yalla-subnav .yalla-subnav__actions,
  .yalla-header .yalla-subnav .yalla-subnav__actions {
    position: absolute;
    left: 0;
    top: 0;
  }
}
header .yalla-subnav .yalla-subnav__actions li a,
.yalla-header .yalla-subnav .yalla-subnav__actions li a {
  width: 100%;
  display: inline-block;
  padding: 0 15px 0 10px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
header .yalla-subnav .yalla-subnav__actions li a i, header .yalla-subnav .yalla-subnav__actions li a svg,
.yalla-header .yalla-subnav .yalla-subnav__actions li a i,
.yalla-header .yalla-subnav .yalla-subnav__actions li a svg {
  font-size: 30px;
}
header .yalla-subnav .yalla-subnav__actions li a span,
.yalla-header .yalla-subnav .yalla-subnav__actions li a span {
  font-size: 14px;
  padding: 0 5px;
}
header .yalla-subnav .yalla-subnav__actions .dropdown button,
.yalla-header .yalla-subnav .yalla-subnav__actions .dropdown button {
  padding: 0;
  color: #515151;
}
header .yalla-subnav .yalla-subnav__actions .dropdown .dropdown-item,
.yalla-header .yalla-subnav .yalla-subnav__actions .dropdown .dropdown-item {
  text-align: start;
  padding: 0.25rem 0.7rem;
}
@media (max-width: 767.98px) {
  header .yalla-subnav .yalla-subnav__actions .yalla-branches-menu button span,
  .yalla-header .yalla-subnav .yalla-subnav__actions .yalla-branches-menu button span {
    display: none;
  }
}
header .yalla-subnav .yalla-subnav__actions .yalla-subnav__search-toggle,
.yalla-header .yalla-subnav .yalla-subnav__actions .yalla-subnav__search-toggle {
  width: 25px;
  text-decoration: none;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 -10px;
  font-size: 18px;
  display: none;
}
@media (max-width: 767.98px) {
  header .yalla-subnav .yalla-subnav__actions .yalla-subnav__search-toggle,
  .yalla-header .yalla-subnav .yalla-subnav__actions .yalla-subnav__search-toggle {
    display: block;
  }
}
@media (max-width: 575.98px) {
  header .yalla-subnav .yalla-subnav__actions .yalla-subnav__search-toggle,
  .yalla-header .yalla-subnav .yalla-subnav__actions .yalla-subnav__search-toggle {
    margin: 0 5px;
    font-size: 16px;
    padding: 0;
  }
}
header .yalla-subnav__mobile-search,
.yalla-header .yalla-subnav__mobile-search {
  display: none;
  width: 100%;
  z-index: 1060;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
  header .yalla-subnav__mobile-search,
  .yalla-header .yalla-subnav__mobile-search {
    width: 510px;
  }
}
header .yalla-subnav__mobile-search .form-group,
.yalla-header .yalla-subnav__mobile-search .form-group {
  margin-bottom: 0;
  padding: 10px;
  width: 100%;
  display: flex;
}
header .yalla-subnav__mobile-search .form-group input,
.yalla-header .yalla-subnav__mobile-search .form-group input {
  display: inline-flex;
  flex-shrink: 0;
  height: 40px;
  width: calc(100% - 70px);
  border: none;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 12px;
  margin-left: -10px;
  font-size: 13px;
  outline: 0;
  transition: background-color 0.2s ease;
}
header .yalla-subnav__mobile-search .form-group input:focus,
.yalla-header .yalla-subnav__mobile-search .form-group input:focus {
  background-color: rgba(0, 0, 0, 0.08);
}
@media (max-width: 350px) {
  header .yalla-subnav__mobile-search .form-group input,
  .yalla-header .yalla-subnav__mobile-search .form-group input {
    width: 85%;
  }
}
header .yalla-subnav__mobile-search .form-group .form-control:focus,
.yalla-header .yalla-subnav__mobile-search .form-group .form-control:focus {
  outline: 0;
  box-shadow: none;
}
header .yalla-subnav__mobile-search .text-center,
.yalla-header .yalla-subnav__mobile-search .text-center {
  display: inline-block;
}
header .yalla-subnav__mobile-search .text-center .yalla-btn,
.yalla-header .yalla-subnav__mobile-search .text-center .yalla-btn {
  text-decoration: none;
  margin: inherit;
  min-width: 30px;
  height: 40px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  padding: 0 21px;
  font-size: 16px;
  float: none;
}
@media (max-width: 575.98px) {
  header .yalla-subnav__mobile-search .text-center .yalla-btn,
  .yalla-header .yalla-subnav__mobile-search .text-center .yalla-btn {
    font-size: 14px;
    padding: 0 15px !important;
  }
}

.fixed-top {
  height: 60px !important;
  z-index: 1010;
  left: 0 !important;
  right: 0 !important;
}
.fixed-top .logo {
  display: inline-flex !important;
  margin-left: 8px;
  margin-bottom: 0;
}
.fixed-top .menu-button {
  height: 60px !important;
}
.fixed-top .main-sub-menu {
  top: 60px !important;
}
.fixed-top .sub-menu {
  top: -1px !important;
}
.fixed-top .left-part li a {
  height: 60px !important;
}
.fixed-top .language .dropdown button {
  height: 60px;
}
.fixed-top .language .dropdown .dropdown-menu {
  top: 59px;
}
.fixed-top .yalla-branches-menu {
  display: none;
}
.fixed-top #phone-search {
  top: 60px;
}

@media (max-width: 575.98px) {
  .ltr header .yalla-topbar .yalla-topbar__brand {
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .ltr header .yalla-topbar .yalla-topbar__brand a {
    margin-left: initial;
    margin-right: 0;
  }
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
  .ltr header .yalla-topbar .yalla-topbar__actions {
    left: initial;
    right: 10px;
  }
}
.ltr header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social {
  justify-content: right;
}
@media (max-width: 767.98px) {
  .ltr header .yalla-topbar .yalla-topbar__actions .yalla-topbar__user {
    left: initial !important;
    right: 10px !important;
  }
}
.ltr header .yalla-topbar .yalla-topbar__actions .yalla-topbar__user .dropdown-menu {
  left: initial;
  right: 10px !important;
}
.ltr header .yalla-subnav form .form-group input {
  margin-left: 0;
  margin-right: -10px;
}
@media (max-width: 767.98px) {
  .ltr header .yalla-subnav .yalla-subnav__actions {
    left: initial;
    right: 0;
  }
}
.ltr header .yalla-subnav .yalla-subnav__actions li a {
  padding: 0 10px 0 15px;
}
.ltr .search-icon {
  margin: 0 0 0 -10px;
}
.ltr #phone-search .form-group input {
  margin-left: initial;
  margin-right: -10px;
}
.ltr .fixed-top .logo {
  margin-left: initial;
  margin-right: 8px;
}

/*end header style*/
/*start pages style*/
.index,
.yalla-page-home {
  position: relative;
}
.index .content-container,
.yalla-page-home .content-container {
  margin: 30px 0 !important;
  min-height: 300px;
}
.index .yalla-home-cover,
.yalla-page-home .yalla-home-cover {
  margin-top: 10px;
  width: 100%;
  min-height: initial;
  max-height: initial;
  border-radius: 10px;
  overflow: hidden;
}
.index .yalla-home-cover .img-box,
.yalla-page-home .yalla-home-cover .img-box {
  height: 550px;
  background-size: cover;
}
@media (max-width: 575.98px) {
  .index .yalla-home-cover .img-box,
  .yalla-page-home .yalla-home-cover .img-box {
    height: 27vh;
    background-size: cover;
  }
}
@media (max-width: 374.75px) {
  .index .yalla-home-cover .img-box,
  .yalla-page-home .yalla-home-cover .img-box {
    height: 23vh;
    background-size: cover;
  }
}
.index .yalla-home-cover img,
.yalla-page-home .yalla-home-cover img {
  max-height: 100%;
}
.index .m-height,
.yalla-page-home .m-height {
  padding: 0 0 40px;
  margin: 30px auto;
}

.category {
  padding: 0;
}

.single .fixed-top {
  z-index: 1010;
}
.single .m-height {
  padding: 0 0 40px;
}
@media (min-width: 992px) {
  .single .yalla-product-page {
    max-width: 1300px;
  }
}
@media (max-width: 575.98px) {
  .single .yalla-product-page {
    padding: 0 0 15px;
  }
}
.single .yalla-product__gallery {
  padding: 30px 15px;
  margin: 0 !important;
}
@media (max-width: 767.98px) {
  .single .yalla-product__gallery {
    padding: 10px 0;
    margin: 0;
  }
}
.single .section .yalla-product__carousel {
  padding: 0 30px;
}
@media (max-width: 991.98px) {
  .single .section .yalla-product__carousel {
    padding: 0;
  }
}
.single .section .yalla-product__info {
  box-shadow: none !important;
  margin-bottom: 0 !important;
  padding: 0;
}
.single .section .yalla-product__info section {
  position: relative;
}
.single .section .yalla-product__info section .yalla-product__brand {
  margin-bottom: 7px;
}
.single .section .yalla-product__info section .yalla-product__brand strong {
  display: none;
}
.single .section .yalla-product__info section .yalla-product__brand img {
  max-width: 130px;
  height: 55px;
  border-radius: 7px;
  border: 1px solid #e1e5e9;
}
.single .section .yalla-product__info section .yalla-product__title-box h1 {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .single .section .yalla-product__info section .yalla-product__title-box h1 {
    font-size: 1.3rem;
  }
}
.single .section .yalla-product__info section .yalla-product__price {
  margin-bottom: 15px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section .yalla-product__price {
    margin-bottom: 10px;
  }
}
.single .section .yalla-product__info section .yalla-product__price span small {
  font-weight: bold;
}
.single .section .yalla-product__info section .yalla-product__price #price {
  font-weight: bold;
  font-size: 1.7rem;
  display: inline-flex;
  align-items: center;
}
.single .section .yalla-product__info section .yalla-product__price #price small {
  padding: 0 3px;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section .yalla-product__price #price {
    font-size: 1.5rem;
  }
}
.single .section .yalla-product__info section .yalla-product__price .yalla-product__price-was {
  text-decoration: line-through;
  font-size: 0.9rem;
  margin: 0 10px;
}
.single .section .yalla-product__info section .yalla-product__price .yalla-product__price-was span {
  text-decoration: line-through;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section .yalla-product__price .yalla-product__price-was {
    font-size: 12px;
  }
}
.single .section .yalla-product__info section label {
  position: inherit;
  box-shadow: none !important;
  height: initial;
  margin-bottom: 15px;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section label {
    margin-bottom: 5px;
  }
}
.single .section .yalla-product__info section label span {
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bolder;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.single .section .yalla-product__info section .fixed-button {
  position: fixed !important;
  bottom: 0 !important;
  z-index: 1050;
  left: 0;
  right: 0;
  margin: 0;
  padding: 10px;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0 0 7px 0 rgba(155, 155, 155, 0.2196078431);
  gap: 10px;
}
.single .section .yalla-product__info section .fixed-button .yalla-product__buttons {
  width: 60%;
  margin-right: 5px !important;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single .section .yalla-product__info section .fixed-button .heart {
  margin: 0 !important;
}
.single .section .yalla-product__info section .fixed-button .heart i, .single .section .yalla-product__info section .fixed-button .heart svg {
  font-size: 35px;
  margin-left: 5px;
}
.single .section .yalla-product__info section .fixed-button .yalla-btn {
  width: 60% !important;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section .fixed-button .yalla-btn {
    width: 90% !important;
  }
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section .fixed-button .yalla-product__buttons {
    width: calc(100% - 70px) !important;
  }
}
.single .section .yalla-product__info section .share {
  padding: 0 !important;
  margin: 0 !important;
  justify-content: center;
  display: flex;
  width: 100%;
}
.single .section .yalla-product__info section .share .share-div {
  justify-content: center;
}
.single .section .yalla-product__info section .share #st-1 {
  z-index: 1034;
}
@media (max-width: 575.98px) {
  .single .section .yalla-product__info section .share {
    padding: 0;
    position: initial;
  }
  .single .section .yalla-product__info section .share .share-div {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .single .section .yalla-product__info {
    margin-top: 15px;
  }
}
.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;
}
.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: 18px !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 .clipboard {
  padding: 20px;
}
@media (max-width: 575.98px) {
  .single .clipboard {
    padding: 10px;
  }
}
.single .simliar {
  margin-top: 30px;
}
.single .simliar .swiper-pagination {
  margin: 0 !important;
}

.comment-box {
  background-color: #fff;
}
.comment-box .header {
  display: flex;
}
.comment-box .header .left h2 {
  color: #117893;
}
.comment-box .header .right button {
  color: #117893;
}
.comment-box .signup-form {
  width: 40%;
  position: relative;
  background-color: #f8f8f8;
  height: inherit;
}
.comment-box .signup-form .register-form {
  padding: 30px 20px;
}
.comment-box .signup-form .register-form .col-sm-6 {
  padding-left: 7px;
  padding-right: 7px;
}
@media (max-width: 575.98px) {
  .comment-box .signup-form .register-form {
    padding: 10px;
  }
  .comment-box .signup-form .register-form .col-sm-6 {
    width: 50%;
    padding: 0 !important;
  }
}
.comment-box .signup-form .register-form .g-log,
.comment-box .signup-form .register-form .f-log {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
}
.comment-box .signup-form .register-form .g-log a,
.comment-box .signup-form .register-form .f-log a {
  display: inline-flex;
  padding: 7px;
  height: 50px;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
}
.comment-box .signup-form .register-form .g-log a img,
.comment-box .signup-form .register-form .f-log a img {
  width: 14px;
  margin-right: 5px;
}
.comment-box .signup-form .register-form .g-log .facebook-link,
.comment-box .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.comment-box .signup-form .register-form .g-log .facebook-link i, .comment-box .signup-form .register-form .g-log .facebook-link svg,
.comment-box .signup-form .register-form .f-log .facebook-link i,
.comment-box .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.comment-box .signup-form .register-form .form-row {
  display: flex;
  margin: 0 -15px;
}
.comment-box .signup-form .register-form .form-row .form-group {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .comment-box .signup-form .register-form .form-row .form-group {
    margin-bottom: 5px;
  }
}
.comment-box .signup-form .register-form .form-row .form-group input,
.comment-box .signup-form .register-form .form-row .form-group select {
  display: block;
  width: 100%;
  border: 1px solid #6fab0f;
  padding: 5px 10px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 13px;
  height: 38px;
  border: none;
}
@media (max-width: 575.98px) {
  .comment-box .signup-form .register-form .form-row .form-group input,
  .comment-box .signup-form .register-form .form-row .form-group select {
    font-size: 12px;
    height: 35px;
  }
}
.comment-box .signup-form .register-form .form-row .form-group .form-select {
  position: relative;
}
.comment-box .signup-form .register-form .confirmation {
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.comment-box .signup-form .register-form .confirmation input {
  display: inline-block;
  width: auto;
  margin-left: 6px;
}
.comment-box .signup-form .register-form .confirmation label {
  display: inline;
  font-size: 12px;
}
.comment-box .signup-form .register-form .confirmation a {
  color: #6fab0f;
}
@media (max-width: 575.98px) {
  .comment-box .signup-form .register-form .confirmation {
    display: inline-block;
    margin-bottom: 10px;
    text-align: right;
  }
}
.comment-box .signup-form .register-form .login {
  margin: 5px 0;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .comment-box .signup-form .register-form .login {
    font-size: 10px;
    display: block !important;
  }
}
.comment-box .signup-form .register-form .login a {
  color: #6fab0f;
  padding: 0 5px !important;
}
.comment-box .signup-form .register-form .form-submit {
  text-align: right;
  padding-top: 0;
  display: grid;
}
.comment-box .signup-form .register-form .submit {
  min-width: 90px;
  font-weight: 400;
  font-size: 16px;
  padding: 10px;
  border: none;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment-box .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #6fab0f;
  margin-right: 8px;
}
.comment-box .signup-form .register-form #reset:hover {
  background: #6fab0f;
  color: #fff;
}
.comment-box .signup-form .register-form #submit {
  background: #6fab0f;
  color: #fff;
}

.ltr .single .section .carousel ol li {
  margin-left: 7px;
  float: right;
}
@media (max-width: 280px) {
  .ltr .single .section .carousel ol li {
    margin-left: 4px;
  }
}
.ltr .single .section .carousel .swiper-container .swiper-button-next {
  left: initial;
  right: 0;
}
.ltr .single .section .carousel .swiper-container .swiper-button-prev {
  right: initial !important;
  left: 0 !important;
}
.ltr .single .section .carousel .swiper-button-next,
.ltr .single .section .carousel .swiper-button-prev {
  transform: rotate(180deg);
}
.ltr .single .section .yalla-product__info {
  padding: 0 30px 0 0;
}
.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 0 0 2px;
}
.ltr .single .section .yalla-product__info section .yalla-product__price .yalla-product__discount {
  margin-left: 10px;
  margin-right: initial;
}
@media (max-width: 575.98px) {
  .ltr .single .section .yalla-product__info section .yalla-product__price .yalla-product__discount {
    left: initial;
    right: 0;
  }
}
.ltr .single .section .yalla-product__info section .yalla-product__action-bar .heart {
  margin-right: 30px !important;
  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-right: 15px !important;
    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;
  }
}
.ltr .single .yalla-product__description {
  text-align: left;
}

@media (min-width: 992px) {
  .yalla-page-cart .container,
  .yalla-page-cart .container-lg,
  .yalla-page-cart .container-md,
  .yalla-page-cart .container-sm,
  .yalla-page-cart .container-xl {
    max-width: 1140px;
  }
}
.yalla-page-cart .yalla-page-cart__head {
  padding: 26px 0 6px;
}
.yalla-page-cart .yalla-page-cart__head h2 {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  margin: 0 0 4px;
  color: #0c0c0c;
}
.yalla-page-cart .yalla-page-cart__head nav ol.breadcrumb {
  padding: 0;
  margin: 0;
  background: transparent;
}
.yalla-page-cart .yalla-page-cart__head nav ol.breadcrumb .breadcrumb-item {
  font-size: 13px;
  color: #737373;
}
.yalla-page-cart .yalla-page-cart__head nav ol.breadcrumb .breadcrumb-item a {
  color: #737373;
}
.yalla-page-cart .yalla-page-cart__head nav ol.breadcrumb .breadcrumb-item a:hover {
  color: #117893;
}
.yalla-page-cart .yalla-page-cart__head nav ol.breadcrumb .breadcrumb-item.active {
  color: #0c0c0c;
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .yalla-page-cart .yalla-page-cart__head {
    padding: 16px 0 4px;
  }
}

@media (min-width: 992px) {
  .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;
  }
}
.yalla-page-account .yalla-account__form {
  padding: 40px 30px;
  position: relative;
}
.yalla-page-account .yalla-account__form .yalla-account__avatar {
  z-index: 10;
  width: 100%;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .yalla-page-account .yalla-account__form .yalla-account__avatar {
    padding-bottom: 20px;
  }
}
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-circle {
  position: relative;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-page-account .yalla-account__form .yalla-account__avatar .profile-pic {
  width: 100%;
  height: 100%;
  display: block;
}
.yalla-page-account .yalla-account__form .yalla-account__avatar .file-upload {
  display: none;
}
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-frame {
  border-radius: 50% !important;
  overflow: hidden;
  width: 80px;
  height: 80px;
  border: 4px solid rgba(255, 255, 255, 0.7);
}
.yalla-page-account .yalla-account__form .yalla-account__avatar img {
  max-width: 100%;
  height: auto;
}
.yalla-page-account .yalla-account__form .yalla-account__avatar .yalla-account__avatar-upload {
  position: absolute;
  bottom: -10px;
  color: #666666;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}
.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;
}
.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);
}
.yalla-page-account .yalla-account__form .yalla-account__avatar .upload-button {
  font-size: 1.2em;
}
.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;
}
.yalla-page-account .yalla-account__form form label {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
}
.yalla-page-account .yalla-account__form form input {
  height: 40px;
  border: none;
  border-radius: 0;
  font-size: 12px;
  font-family: sans;
  background-color: #f8f8f8;
  border-bottom: none !important;
}
.yalla-page-account .yalla-account__form form input:focus {
  box-shadow: none;
}
.yalla-page-account .yalla-account__form form .clear {
  background-color: #f8f8f8;
  margin-bottom: 15px;
}
.yalla-page-account .yalla-account__form form .form-check {
  border-bottom: none !important;
}
.yalla-page-account .yalla-account__form form .form-check label {
  font-size: 1rem;
  margin: 0 5px;
  font-size: 12px;
}
.yalla-page-account .yalla-account__form form .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: #f8f8f8;
  line-height: 40px;
}
.yalla-page-account .yalla-account__form form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  position: absolute;
  top: 1px;
  left: 3px;
  width: 25px;
}
.yalla-page-account .yalla-account__form form button {
  width: 60%;
  height: 50px;
  padding: 0 30px !important;
  font-size: 18px;
  font-weight: bold;
  border: none;
  float: right;
  margin-top: 15px;
}
.yalla-page-account .yalla-account__form form .select2 {
  width: 100% !important;
  background-color: transparent !important;
  font-size: 1rem !important;
  font-weight: normal;
}
.yalla-page-account .yalla-account__form form .select2:hover {
  background-color: none;
}
.yalla-page-account .yalla-account__form form .select2 .select2-selection__rendered {
  font-size: 12px !important;
}
.yalla-page-account .yalla-account__form form .select2 .select2-selection {
  border: none;
  border-radius: 0;
}
.yalla-page-account .yalla-account__form form .select2 li {
  text-align: right;
}
@media (max-width: 575.98px) {
  .yalla-page-account .yalla-account__form form label {
    font-size: 9px;
  }
  .yalla-page-account .yalla-account__form form input {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .yalla-page-account .yalla-account__form {
    padding: 10px;
  }
}
.yalla-page-account .help-block {
  margin-bottom: 5px;
}
.yalla-page-account .help-block strong {
  font-size: 12px;
  font-weight: normal;
  color: #dc3545;
}
.yalla-page-account .has-error .fa-times {
  color: #dc3545;
  opacity: 0.5;
}

.ltr .yalla-account-nav .nav-link {
  text-align: left;
}
.ltr .yalla-page-account .yalla-account__form form button {
  float: left;
}
.ltr .yalla-page-account .yalla-account__form form .select2 li {
  text-align: left;
}
.ltr .yalla-page-account .yalla-account__form form .form-check {
  float: left;
}
.ltr .yalla-orders__list .yalla-orders__card ul {
  text-align: left;
}
.ltr .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__title h2 {
  text-align: left;
}
@media (max-width: 575.98px) {
  .ltr .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-6 {
    padding-right: 0 !important;
    padding-left: 10px !important;
  }
  .ltr .yalla-orders__list .yalla-orders__card .yalla-order-item .col-xs-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.ltr .yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box {
  text-align: left;
}
.ltr .yalla-page-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 .yalla-page-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 .yalla-page-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 (min-width: 992px) {
  .yalla-page-orders .container,
  .yalla-page-orders .container-lg,
  .yalla-page-orders .container-md,
  .yalla-page-orders .container-sm,
  .yalla-page-orders .container-xl {
    max-width: 1140px;
  }
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card {
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
  padding: 22px 22px 10px 22px;
}
@media (max-width: 575.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card {
    padding: 10px;
  }
}
@media (max-width: 280px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card {
    padding: 0 !important;
  }
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .close {
  position: initial;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li {
  margin-bottom: 10px;
  font-size: 13px;
  display: inline;
  flex: 0 0 49%;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-warning,
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-danger,
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-green,
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-lime,
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-primary,
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-indigo {
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-lime {
  background: #147807;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card ul li .bg-indigo {
  background: indigo;
}
@media (max-width: 575.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card ul .w-50 {
    width: 100% !important;
  }
}
@media (max-width: 280px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card ul {
    padding: 15px 15px 0 15px !important;
  }
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item {
  box-shadow: none !important;
  height: auto;
  padding: 10px;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section {
  display: flex;
  width: 100%;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box {
  width: 100px;
  height: 90px;
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box {
    height: 90px;
    width: 110px;
  }
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section {
  padding: 0 10px 0;
  display: block;
  width: inherit;
  height: auto !important;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a {
  color: #333;
  text-decoration: none;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title h2 {
  margin-bottom: 0 !important;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
  margin: 0 !important;
  display: inline-block;
  width: 100%;
}
.yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price {
  display: inline-flex;
  height: auto;
  margin-bottom: 0;
  justify-content: space-between;
}
.yalla-page-orders .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-page-orders .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-page-orders .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;
  font-weight: normal;
  display: block;
}
.yalla-page-orders .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 {
  font-size: 12px;
  font-weight: normal;
}
@media (max-width: 575.98px) {
  .yalla-page-orders .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 {
    font-size: 10px;
  }
}
.yalla-page-orders .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;
}
@media (max-width: 575.98px) {
  .yalla-page-orders .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-page-orders .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: 12px;
  margin-left: 5px;
  font-weight: normal;
}
@media (max-width: 575.98px) {
  .yalla-page-orders .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: 10px;
  }
}
.yalla-page-orders .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: 14px;
}
@media (max-width: 575.98px) {
  .yalla-page-orders .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: 12px;
  }
}
@media (max-width: 575.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price {
    display: inline-block;
  }
}
@media (max-width: 575.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section {
    padding: 0 5px 0;
  }
}

.ltr .yalla-page-orders .yalla-orders__list .yalla-orders__card .close {
  left: inherit;
  right: 10px;
}
.ltr .yalla-page-orders .yalla-orders__list .yalla-orders__card ul {
  text-align: left;
}
.ltr .yalla-page-orders .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div span {
  margin-left: 0;
  margin-right: 5px;
}
.ltr .yalla-page-orders .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: 0;
  margin-right: 5px;
}

@media (max-width: 575.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card ul {
    flex: 0 0 100%;
  }
}
@media (min-width: 767.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card ul li {
    flex: 0 0 47%;
  }
}
@media (min-width: 991.98px) {
  .yalla-page-orders .yalla-orders__list .yalla-orders__card ul li {
    flex: 0 0 48%;
  }
}
@media (min-width: 992px) {
  .yalla-page-favorites .container,
  .yalla-page-favorites .container-lg,
  .yalla-page-favorites .container-md,
  .yalla-page-favorites .container-sm,
  .yalla-page-favorites .container-xl {
    max-width: 1140px;
  }
}
.yalla-page-favorites .close {
  right: 10px;
  top: 10px;
}

.ltr .yalla-page-favorites .close {
  left: 10px;
  right: initial;
}

.details .yalla-orders__list .yalla-orders__card {
  margin-bottom: 0;
  position: relative;
  padding: 22px 22px 10px 22px;
}
@media (max-width: 280px) {
  .details .yalla-orders__list .yalla-orders__card {
    padding: 0 !important;
  }
}
.details .yalla-orders__list .yalla-orders__card ul {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px;
}
.details .yalla-orders__list .yalla-orders__card ul li {
  margin-bottom: 10px;
  font-size: 13px;
  flex: 0 0 49%;
}
.details .yalla-orders__list .yalla-orders__card ul li .bg-warning {
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff;
}
.details .yalla-orders__list .yalla-orders__card ul li.resetImage {
  display: flex;
  grid-gap: 10px;
}
.details .yalla-orders__list .yalla-orders__card ul li.resetImage a {
  color: black;
}
@media (max-width: 575.98px) {
  .details .yalla-orders__list .yalla-orders__card ul .w-50 {
    width: 100%;
  }
}
@media (max-width: 280px) {
  .details .yalla-orders__list .yalla-orders__card ul {
    padding: 15px 15px 0 15px;
  }
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item {
  box-shadow: none;
  height: auto;
  padding: 10px;
  border-radius: 8px;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section {
  display: flex;
  width: 100%;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section .img-box {
  width: 100px;
  height: 90px;
  flex-shrink: 0;
  border-radius: 8px;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section {
  display: block;
  width: initial;
  height: auto;
  padding: 0 10px;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title {
  margin-bottom: 10px;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a {
  margin-bottom: 0;
  color: #000;
  transition: color 0.2s ease;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a h2 {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a:hover, .details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__title a:hover h2 {
  color: var(--yalla-color-primary, #117893);
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
  margin: 0;
  display: inline-block;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price {
  height: 20px;
  display: inline-flex;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div {
  display: inline-flex;
}
.details .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;
}
.details .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;
  font-weight: normal;
  display: block;
}
.details .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 {
  font-size: 12px;
  font-weight: normal;
}
.details .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;
}
.details .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: 12px;
  margin-left: 5px;
  font-weight: normal;
}
.details .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: 14px;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item .digital-files-container .btn-dark.download {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 15px;
  top: 15px;
  height: 34px;
  font-size: 13px;
  gap: 5px;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item .digital-files-container .btn-dark.download i, .details .yalla-orders__list .yalla-orders__card .yalla-order-item .digital-files-container .btn-dark.download svg {
  font-size: 15px;
}
.details .yalla-orders__list .yalla-orders__card .yalla-order-item .digital-files-container iframe {
  width: 90%;
  min-height: 700px;
  margin: 20px auto;
}

.ltr .details .details .yalla-orders__list .yalla-orders__card ul {
  text-align: left;
}
.ltr .details .details .yalla-orders__list .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box .yalla-order-item__price div span {
  margin-left: 0;
  margin-right: 5px;
}
.ltr .details .details .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: 0;
  margin-right: 5px;
}

@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%;
  }
}
.yalla-page-order-details .yalla-orders__card {
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
  padding: 15px !important;
}
.yalla-page-order-details .yalla-orders__card .bg-indigo {
  background: #8753de !important;
}
.yalla-page-order-details .yalla-orders__card ul {
  text-align: right;
}
.yalla-page-order-details .yalla-orders__card ul li {
  margin-bottom: 10px;
  font-size: 13px;
  display: inline;
}
.yalla-page-order-details .yalla-orders__card ul .yalla-order-summary__total {
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .yalla-page-order-details .yalla-orders__card ul .w-50 {
    width: 100% !important;
  }
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item {
  margin-bottom: 10px !important;
  padding: 10px;
  border: 1px solid #eef2f7;
  border-radius: 10px;
  background: #fff;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item > section {
  display: flex;
  gap: 12px;
  align-items: center;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .img-box {
  width: 90px;
  height: 90px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #eef2f7;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__info {
  flex: 1;
  min-width: 0;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__title a {
  color: #333;
  text-decoration: none;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__title h2 {
  margin-bottom: 5px;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box {
  display: block !important;
  text-align: right;
  margin: 5px 0 !important;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price {
  display: inline-flex;
  align-items: center;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price div {
  display: inline-flex;
}
.yalla-page-order-details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price div span {
  margin-left: 5px;
}
.yalla-page-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;
}
.yalla-page-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;
}
.yalla-page-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;
}
.yalla-page-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;
}
.yalla-page-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) {
  .yalla-page-order-details .yalla-orders__card .yalla-order-item {
    padding: 5px 15px;
    height: 95px !important;
    margin-bottom: 10px !important;
  }
  .yalla-page-order-details .yalla-orders__card .yalla-order-item .col-xs-12 {
    padding-right: 3px !important;
  }
  .yalla-page-order-details .yalla-orders__card .yalla-order-item section .img-box {
    height: 75px !important;
  }
  .yalla-page-order-details .yalla-orders__card .yalla-order-item section section {
    padding: 5px;
    height: 80px !important;
  }
  .yalla-page-order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__title {
    height: 23px !important;
  }
  .yalla-page-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;
  }
  .yalla-page-order-details .yalla-orders__card .yalla-order-item section section .yalla-order-item__amount-box {
    margin: 0 !important;
  }
  .yalla-page-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;
  }
  .yalla-page-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;
  }
  .yalla-page-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,
  .yalla-page-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;
  }
  .yalla-page-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,
  .yalla-page-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;
  }
  .yalla-page-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;
  }
  .yalla-page-order-details .yalla-orders__card .yalla-order-item .col-xs-6 {
    width: 30% !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
  }
  .yalla-page-order-details .yalla-orders__card .yalla-order-item .col-xs-12 {
    width: 70% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.ltr .yalla-page-order-details .yalla-orders__card ul {
  text-align: left;
}
.ltr .yalla-page-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;
}
@media (max-width: 575.98px) {
  .ltr .yalla-page-order-details .yalla-orders__card .yalla-order-item .col-xs-12 {
    padding-right: 0 !important;
    padding-left: 3px !important;
  }
  .ltr .yalla-page-order-details .yalla-orders__card .yalla-order-item .col-xs-6 {
    width: 30% !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
  }
}

@media print {
  .rtl #print-content {
    direction: rtl;
  }
  .ltr #print-content {
    direction: ltr;
  }
  #print-content img, #print-content i, #print-content svg {
    width: 20px;
    height: 20px;
  }
  #print-content ul {
    display: flex;
    grid-gap: 15px;
  }
  #print-content ul li {
    flex: 0 0 49%;
  }
  #print-content ul li img {
    width: 20px;
    height: 20px;
  }
}
.yalla-empty-state {
  text-align: center;
  margin-bottom: 50px;
}
.yalla-empty-state .img-box {
  width: 40%;
  margin: auto;
}
@media (max-width: 767.98px) {
  .yalla-empty-state .img-box {
    width: 100%;
  }
}
.yalla-empty-state h2 {
  font-size: 22px;
  margin: 0;
}
@media (max-width: 767.98px) {
  .yalla-empty-state h2 {
    font-size: 20px;
  }
}
.yalla-empty-state a {
  margin-top: 15px;
  font-size: 14px;
  height: 45px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.yalla-empty-state a a {
  height: 40px;
}

.yalla-empty-state__inner {
  width: 80%;
  margin: auto;
}
.yalla-empty-state__inner .img-box {
  width: 43%;
}
.yalla-empty-state__inner .img-box img {
  width: 100%;
  height: 100%;
}
.yalla-empty-state__inner h2 {
  font-size: 22px;
  margin: 0 0 15px 0;
}
@media (max-width: 767.98px) {
  .yalla-empty-state__inner h2 {
    font-size: 20px;
  }
}
.yalla-empty-state__inner a {
  margin-top: 10px;
  font-size: 14px;
  height: 45px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .yalla-empty-state__inner a {
    height: 40px;
  }
}
@media (max-width: 767.98px) {
  .yalla-empty-state__inner {
    width: 100%;
  }
  .yalla-empty-state__inner .img-box {
    width: 90%;
    margin: auto;
  }
}

@media (min-width: 992px) {
  .successfull .container,
  .successfull .container-lg,
  .successfull .container-md,
  .successfull .container-sm,
  .successfull .container-xl {
    max-width: 1140px;
  }
}
.successfull .completed {
  text-align: center;
  width: 50%;
  margin: auto;
}
.successfull .completed .img-box {
  width: 400px;
  margin: auto;
}
@media (max-width: 575.98px) {
  .successfull .completed .img-box {
    width: 100% !important;
  }
}
.successfull .completed h3 {
  font-size: 22px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .successfull .completed h3 {
    line-height: 1.7;
    font-size: 18px;
  }
}
.successfull .completed section {
  padding: 15px;
  margin-bottom: 20px;
  text-align: center;
}
.successfull .completed section h5 {
  font-weight: bold;
  font-size: 1.1rem;
}
.successfull .completed section ul {
  margin-bottom: 0;
}
.successfull .completed section ul li {
  margin-top: 10px;
  margin-bottom: 10px;
}
.successfull .completed section ul li a {
  padding: 0;
  height: 35px;
  margin-top: 0;
}
.successfull .completed .share-info {
  display: grid;
  box-shadow: none;
}
.successfull .completed .share-info .form-group textarea {
  height: 70px;
  text-align: center;
}
.successfull .completed .share-info .share-button {
  margin: auto;
}
.successfull .completed .share-info .share-button button {
  height: 40px;
  padding: 0 10px !important;
  align-items: center;
  display: flex;
  border: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.successfull .completed .share-info .share-button button span {
  padding: 0 !important;
  margin-left: 5px;
}
.successfull .completed a {
  margin-top: 10px;
  font-size: 14px;
  height: 45px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .successfull .completed a {
    height: 40px;
  }
}
@media (max-width: 991.98px) {
  .successfull .completed {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .successfull .completed {
    width: 100%;
  }
  .successfull .completed section {
    padding: 0;
  }
  .successfull .completed .order-info {
    padding: 15px 10px 8px;
  }
}

.ltr .completed section {
  text-align: left;
}
.ltr .completed .share-info .share-button button {
  margin-right: 0;
  margin-left: 10px;
}
.ltr .completed .share-info .share-button button span {
  margin-left: 0;
  margin-right: 5px;
}

@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;
}

.registeration .signup-form {
  position: relative;
  height: inherit;
  width: 40%;
  margin: auto;
}
@media (max-width: 991.98px) {
  .registeration .signup-form {
    width: 70%;
  }
}
@media (max-width: 575.98px) {
  .registeration .signup-form {
    width: 100%;
  }
}
.registeration .signup-form .register-form {
  padding: 30px 20px;
}
.registeration .signup-form .register-form .col-sm-6 {
  padding-left: 7px;
  padding-right: 7px;
}
@media (max-width: 575.98px) {
  .registeration .signup-form .register-form {
    padding: 10px;
  }
  .registeration .signup-form .register-form .col-sm-6 {
    width: 50%;
    padding: 0 !important;
  }
}
.registeration .signup-form .register-form .g-log,
.registeration .signup-form .register-form .f-log {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
}
.registeration .signup-form .register-form .g-log a,
.registeration .signup-form .register-form .f-log a {
  display: inline-flex;
  padding: 7px;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
}
.registeration .signup-form .register-form .g-log a img,
.registeration .signup-form .register-form .f-log a img {
  width: 14px;
  margin-right: 5px;
}
.registeration .signup-form .register-form .g-log .facebook-link i, .registeration .signup-form .register-form .g-log .facebook-link svg,
.registeration .signup-form .register-form .f-log .facebook-link i,
.registeration .signup-form .register-form .f-log .facebook-link svg {
  margin-right: 5px;
}
.registeration .signup-form .register-form .form-row {
  display: flex;
  margin: 0 -15px;
}
.registeration .signup-form .register-form .form-row .form-group {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .registeration .signup-form .register-form .form-row .form-group {
    margin-bottom: 5px;
  }
}
.registeration .signup-form .register-form .form-row .form-group input,
.registeration .signup-form .register-form .form-row .form-group select {
  display: block;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 13px;
  height: 38px;
  border: none;
}
@media (max-width: 575.98px) {
  .registeration .signup-form .register-form .form-row .form-group input,
  .registeration .signup-form .register-form .form-row .form-group select {
    font-size: 12px;
    height: 35px;
  }
}
.registeration .signup-form .register-form .form-row .form-group .form-select {
  position: relative;
}
.registeration .signup-form .register-form .confirmation {
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.registeration .signup-form .register-form .confirmation input {
  display: inline-block;
  width: auto;
  margin-left: 6px;
}
.registeration .signup-form .register-form .confirmation label {
  display: inline;
  font-size: 12px;
}
@media (max-width: 575.98px) {
  .registeration .signup-form .register-form .confirmation {
    display: inline-block;
    margin-bottom: 10px;
    text-align: right;
  }
}
.registeration .signup-form .register-form .login {
  margin: 5px 0;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .registeration .signup-form .register-form .login {
    font-size: 10px;
    display: block !important;
  }
}
.registeration .signup-form .register-form .form-submit {
  text-align: right;
  padding-top: 0;
  display: grid;
}
.registeration .signup-form .register-form .submit {
  min-width: 90px;
  font-weight: 400;
  font-size: 16px;
  padding: 10px;
  border: none;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.registeration .signup-form .register-form #reset {
  margin-right: 8px;
}
.registeration .successful-log {
  margin-bottom: 0;
  height: 88%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.registeration .successful-log li {
  display: inline-block;
  width: 80%;
  margin: auto;
}
.registeration .successful-log li i, .registeration .successful-log li svg {
  font-size: 70px;
  margin-bottom: 15px;
}
.registeration .successful-log li span {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.registeration .successful-log li div {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.registeration .successful-log li div a {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

.ltr .registeration .signup-form .register-form .g-log a,
.ltr .registeration .signup-form .register-form .f-log a {
  text-align: left;
}
.ltr .registeration .signup-form .register-form .g-log a img,
.ltr .registeration .signup-form .register-form .f-log a img {
  margin-right: 0;
  margin-left: 5px;
}
.ltr .registeration .signup-form .register-form .g-log .facebook-link i, .ltr .registeration .signup-form .register-form .g-log .facebook-link svg,
.ltr .registeration .signup-form .register-form .f-log .facebook-link i,
.ltr .registeration .signup-form .register-form .f-log .facebook-link svg {
  margin-right: 0;
  margin-left: 5px;
}
.ltr .registeration .signup-form .register-form .confirmation input {
  margin-left: 0;
  margin-right: 6px;
}
@media (max-width: 575.98px) {
  .ltr .registeration .signup-form .register-form .confirmation {
    text-align: right;
  }
}
.ltr .registeration .signup-form .register-form .form-submit {
  text-align: left;
}
.ltr .registeration .signup-form .register-form #reset {
  margin-left: 8px;
  margin-right: 0;
}

.contact {
  position: relative;
}
@media (min-width: 992px) {
  .contact .container,
  .contact .container-lg,
  .contact .container-md,
  .contact .container-sm,
  .contact .container-xl {
    max-width: 1140px;
  }
}
.contact .yalla-page-contact__body .yalla-page-contact__form {
  padding: 0;
}
.contact .yalla-page-contact__body .yalla-page-contact__form form .form-group {
  width: 100%;
  margin-bottom: 10px;
}
.contact .yalla-page-contact__body .yalla-page-contact__form form .form-group input {
  height: 50px;
  border: none;
  font-size: 15px;
}
.contact .yalla-page-contact__body .yalla-page-contact__form form textarea.form-control {
  min-height: 100px;
  border: none;
  font-size: 15px;
}
.contact .yalla-page-contact__body .yalla-page-contact__form form button {
  height: 45px;
  width: 100%;
  padding: 0 30px;
  font-size: 15px;
  font-weight: bold;
  border: none;
}
.contact .yalla-page-contact__body .yalla-page-contact__info {
  height: 100%;
  text-align: right;
  padding: 0;
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .contact .yalla-page-contact__body .yalla-page-contact__info {
    border-right: none;
    padding: 0;
  }
}
.contact .yalla-page-contact__body .yalla-page-contact__info h5 {
  margin-bottom: 10px;
  font-weight: bold;
}
.contact .yalla-page-contact__body .yalla-page-contact__info section div div {
  display: flex;
  align-items: center;
  margin: 10px 0;
  background-color: #f8f8f8;
  height: 70px;
  padding: 10px;
}
.contact .yalla-page-contact__body .yalla-page-contact__info section div div span {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #117893;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 10px;
  flex-shrink: 0;
}
.contact .yalla-page-contact__body .yalla-page-contact__info section div div span i, .contact .yalla-page-contact__body .yalla-page-contact__info section div div span svg {
  color: #fff;
  font-size: 20px;
}
.contact .yalla-page-contact__body .yalla-page-contact__info section div div p {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 16px;
  margin-bottom: 0;
}
.contact .yalla-page-contact__body .yalla-page-contact__info section div div a {
  display: block;
  font-family: Tahoma !important;
  margin-bottom: 8px;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}

.ltr .contact .yalla-page-contact__body .yalla-page-contact__info {
  text-align: left;
}
@media (max-width: 991.98px) {
  .ltr .contact .yalla-page-contact__body .yalla-page-contact__info {
    border-right: inherit;
    border-left: none;
    padding: 0;
  }
}
.ltr .contact .yalla-page-contact__body .yalla-page-contact__info section div div span {
  margin: 0 10px 0 0;
}

.yalla-page-static .text-center {
  margin-bottom: 15px;
}
.yalla-page-static .text-center h3 {
  font-size: 30px;
  font-weight: bold;
}
.yalla-page-static .text-center span {
  font-size: 14px;
}
.yalla-page-static .yalla-static__body .yalla-static__content article {
  font-size: 18px;
  line-height: 1.8;
}
.yalla-page-static .yalla-static__body .yalla-static__content article img {
  width: 90%;
  margin: auto;
  display: block;
  margin: 20px auto;
}
.yalla-page-static .yalla-static__body .yalla-static__content article a {
  margin: 0 8px;
  color: #0d71bb;
  display: inline-block;
}
@media (max-width: 575.98px) {
  .yalla-page-static .yalla-static__body .yalla-static__content article {
    font-size: 15px;
  }
}

.ltr .yalla-page-static .yalla-static__body .yalla-static__content article {
  text-align: left;
}
.ltr .yalla-page-static .yalla-static__body .yalla-static__content article p, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article b, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article span, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article small, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article strong, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article a, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article div, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article section {
  text-align: left !important;
}
.ltr .yalla-page-static .yalla-static__body .yalla-static__content article p, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article b, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article span, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article small, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article strong, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article div, .ltr .yalla-page-static .yalla-static__body .yalla-static__content article section {
  width: 100%;
}

.yalla-account__add-address {
  display: flex;
  background: white;
  border-radius: 8px;
  padding: 20px;
}
.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;
}
.yalla-account__add-address a i, .yalla-account__add-address a svg {
  margin: 0 3px;
}
.yalla-account__add-address a:hover {
  color: #117893;
  transition: all 0.35s;
}

.yalla-account__addresses {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  grid-gap: 20px;
  flex-wrap: wrap;
}
.yalla-account__addresses .yalla-account__address-card {
  width: 48%;
}

.yalla-account__address-card {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
}
.yalla-account__address-card h6 {
  font-weight: bold;
  color: #505050;
}
.yalla-account__address-card p {
  margin-bottom: 5px;
  color: #505050;
}
.yalla-account__address-card div label {
  margin-bottom: 0;
  font-size: 12px;
}
.yalla-account__address-card div div {
  color: #505050;
  margin-bottom: 5px;
}
.yalla-account__address-card .action-links a {
  color: #0a84ff;
  font-size: 14px;
  padding: 10px;
}

@media (max-width: 575.98px) {
  .yalla-account__addresses .yalla-account__address-card {
    width: 100%;
  }
}
:root {
  --card-line-height: 1.2em;
  --card-padding: 1em;
  --card-radius: 0.5em;
  --color-gray: #e2ebf6;
  --color-dark-gray: #c4d1e1;
  --radio-border-width: 1px;
  --radio-size: 1.5em;
}

.checkout .card {
  background-color: #fff;
  border-radius: var(--card-radius);
  position: relative;
}
.checkout .card:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
.checkout .radio {
  font-size: inherit;
  margin: 0;
  position: absolute;
  right: calc(var(--card-padding) + var(--radio-border-width));
  top: calc(var(--card-padding) + var(--radio-border-width));
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .checkout .radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: var(--radio-border-width) solid var(--color-gray);
    border-radius: 50%;
    cursor: pointer;
    height: var(--radio-size);
    outline: none;
    transition: background 0.2s ease-out, border-color 0.2s ease-out;
    width: var(--radio-size);
  }
  .checkout .radio::after {
    border: var(--radio-border-width) solid #fff;
    border-top: 0;
    border-left: 0;
    content: "";
    display: block;
    height: 0.75rem;
    left: 25%;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate(-50%, -50%);
    width: 0.375rem;
  }
  .checkout .radio:checked {
    background: #117893;
    border-color: #117893;
  }
  .checkout .card:hover .radio {
    border-color: var(--color-dark-gray);
  }
  .checkout .card:hover .radio:checked {
    border-color: #117893;
  }
}
.checkout .plan-details {
  border: var(--radio-border-width) solid var(--color-gray);
  border-radius: var(--card-radius);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
  transition: border-color 0.2s ease-out;
}
.checkout .card:hover .plan-details {
  border-color: var(--color-dark-gray);
}
.checkout .radio:checked ~ .plan-details {
  border-color: #117893;
}
.checkout .radio:focus ~ .plan-details {
  box-shadow: 0 0 0 2px var(--color-dark-gray);
}
.checkout .radio:disabled ~ .plan-details {
  color: var(--color-dark-gray);
  cursor: default;
}
.checkout .radio:disabled ~ .plan-details .plan-type {
  color: var(--color-dark-gray);
}
.checkout .card:hover .radio:disabled ~ .plan-details {
  border-color: var(--color-gray);
  box-shadow: none;
}
.checkout .card:hover .radio:disabled {
  border-color: var(--color-gray);
}
.checkout .plan-type {
  color: #117893;
  font-size: 18px;
  font-weight: bold;
  padding-right: 30px;
}
.checkout .plan-cost {
  font-size: 20px;
  font-weight: bold;
  padding: 0.5rem 0;
}
.checkout #shipping_campanies p.alert {
  margin-bottom: 20px !important;
}
.checkout .address_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 15px;
}
.checkout .add-new-address-button {
  padding: 20px;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  margin: 20px 0;
}
.checkout .btn-primary {
  padding: 0 20px !important;
}
.checkout .d-flex-center {
  display: flex;
  justify-content: center;
}
.checkout #global_checkout .tab-content {
  padding: 0 10px;
}

/*end pages style*/
/*start widget style*/
.yalla-product-card {
  position: relative;
  width: 100%;
}
.yalla-product-card .yalla-product-card__media {
  width: 100%;
  aspect-ratio: 1/1;
  background-size: cover;
  position: relative;
  text-align: center;
}
.yalla-product-card .yalla-product-card__media a {
  width: 100%;
  height: 100%;
  display: flex;
}
.yalla-product-card .yalla-product-card__media .icon {
  width: inherit;
  height: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.yalla-product-card .yalla-product-card__media img {
  flex-shrink: 0;
  object-fit: cover;
  z-index: 5;
}
.yalla-product-card .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 .yalla-product-card__media .yalla-product-card__wishlist {
  position: absolute;
  overflow: hidden;
  z-index: 16;
  bottom: 10px;
  right: 10px;
  top: inherit !important;
  margin-bottom: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist a,
.yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist 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 .yalla-product-card__media .yalla-product-card__wishlist a i, .yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist a svg,
.yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist button i,
.yalla-product-card .yalla-product-card__media .yalla-product-card__wishlist button svg {
  font-size: 16px;
}
.yalla-product-card .yalla-product-card__media .overlay {
  opacity: 0;
}
.yalla-product-card .yalla-product-card__media .yalla-btn {
  padding: 5px 15px;
  margin: inherit;
  height: 35px;
  display: inline-flex;
  align-items: center;
}
.yalla-product-card .yalla-product-card__media .yalla-btn span {
  font-size: 13px;
}
.yalla-product-card section label {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  font-size: 12px;
  width: auto;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  margin-bottom: 0;
  border-radius: 5px;
}
.yalla-product-card section label span,
.yalla-product-card section label a {
  margin-bottom: 3px;
}
.yalla-product-card section .yalla-product-card__badge--qty, .yalla-product-card section .yalla-product-card__badge--unavailable {
  left: 7px;
  top: 10px;
  right: initial;
}
.yalla-product-card section .yalla-product-card__badge--discount {
  right: 7px;
  top: 10px;
  left: initial;
}
.yalla-product-card section .yalla-product-card__badge span {
  margin-bottom: 0;
  font-weight: 600;
}
.yalla-product-card section .yalla-product-card__badge--discount {
  font-size: 12px;
  background: #cd021b !important;
  color: #fff !important;
  gap: 5px;
}
.yalla-product-card section .yalla-product-card__badge--discount span, .yalla-product-card section .yalla-product-card__badge--discount strong {
  margin: initial;
  font-size: 12px;
}
.yalla-product-card section section {
  padding: 2px 10px 10px;
  width: 100%;
  display: grid;
}
.yalla-product-card section section .yalla-product-card__title-box {
  margin: 0;
}
.yalla-product-card section section .yalla-product-card__title-box a {
  display: grid;
  align-items: initial;
  overflow: hidden;
  min-height: 56px;
  max-height: 65px;
}
@media (max-width: 575.98px) {
  .yalla-product-card section section .yalla-product-card__title-box a {
    min-height: 46px;
    max-height: 46px;
  }
}
.yalla-product-card section section .yalla-product-card__title-box .yalla-product-card__title {
  line-height: 1.7;
  font-size: 15px;
  margin-bottom: 1px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .yalla-product-card section section .yalla-product-card__title-box .yalla-product-card__title {
    font-size: 14px;
  }
}
.yalla-product-card section section .yalla-product-card__pricing {
  display: flex;
  gap: 10px;
  width: 100%;
  height: 50px;
  align-items: center;
  position: relative;
  margin: 0 0 4px;
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__price {
  font-size: 20px;
  display: inline-flex;
  align-items: center;
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__price span {
  font-weight: bold;
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__price small {
  padding: 0 3px;
  font-weight: bold;
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price {
  display: inline-flex;
  align-items: center;
  /*margin-top: -8px;*/
  color: #757575 !important;
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price span {
  font-weight: 500;
  font-size: 15px;
  text-decoration: line-through;
}
@media (max-width: 575.98px) {
  .yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price span {
    font-size: 13px;
  }
}
.yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__percent {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  font-size: 13px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  left: 0;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .yalla-product-card section section .yalla-product-card__pricing {
    display: inline-flex;
  }
}
.yalla-product-card section section button,
.yalla-product-card section section a {
  height: 40px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  margin: inherit;
}
.yalla-product-card section section button span,
.yalla-product-card section section a span {
  width: inherit;
  text-align: center;
  font-size: 13px;
  padding: 0 !important;
  height: 40px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .yalla-product-card section section button span,
  .yalla-product-card section section a span {
    font-size: 11px;
  }
}
.yalla-product-card section section button i, .yalla-product-card section section button svg,
.yalla-product-card section section a i,
.yalla-product-card section section a svg {
  font-size: 16px;
  padding-right: 3px;
}
.yalla-product-card section section button div,
.yalla-product-card section section a div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 40px;
}
.yalla-product-card .yalla-btn,
.yalla-product-card a {
  text-decoration: none;
}
.yalla-product-card:hover .overlay {
  opacity: 1;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .yalla-product-card .img-box .yalla-btn {
    padding: 8px 25px;
  }
  .yalla-product-card .img-box .Wishes {
    top: inherit;
  }
  .yalla-product-card section section .yalla-product-card__pricing span {
    font-size: 18px;
  }
  .yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price {
    font-size: 14px;
  }
  .yalla-product-card section section button span {
    padding: 0 6px;
    font-size: 11px;
  }
  .yalla-product-card section section button div {
    padding: 0 6px;
  }
  .yalla-product-card section section button div i, .yalla-product-card section section button div svg {
    font-size: 13px;
  }
}
@media (max-width: 575.98px) {
  .yalla-product-card .img-box .yalla-btn {
    padding: 8px 25px;
  }
  .yalla-product-card .img-box .Wishes {
    top: inherit;
  }
  .yalla-product-card section section .yalla-product-card__title-box a h2 {
    margin-bottom: 0 !important;
    line-height: 1.5;
  }
  .yalla-product-card section section .yalla-product-card__pricing {
    display: grid;
  }
  .yalla-product-card section section .yalla-product-card__pricing span {
    font-size: 18px;
  }
  .yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__original-price {
    font-size: 13px;
  }
  .yalla-product-card section section button {
    width: 100%;
    float: none;
    justify-content: center;
  }
  .yalla-product-card section section button span {
    padding: 0 6px;
    font-size: 11px;
  }
  .yalla-product-card section section button div {
    padding: 0 6px;
  }
  .yalla-product-card section section button div i, .yalla-product-card section section button div svg {
    font-size: 13px;
  }
}

.swiper-container {
  width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: right;
}
.swiper-container .swiper-wrapper .swiper-slide .yalla-product-card {
  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 {
    top: 42%;
    width: 30px;
    height: 30px;
  }
  .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: 16px;
  }
}
.swiper-container .swiper-button-next {
  left: 0;
}
.swiper-container .swiper-button-prev {
  right: 0;
}
.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-rtl .swiper-button-next i, .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev i, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(360deg);
}

.ltr .yalla-product-card .img-box .Wishes {
  left: 10px;
  right: initial;
}
.ltr .yalla-product-card .img-box .Wishes i, .ltr .yalla-product-card .img-box .Wishes svg {
  padding: 0 !important;
}
.ltr .yalla-product-card section .yalla-product-card__badge--qty, .ltr .yalla-product-card section .yalla-product-card__badge--unavailable {
  left: initial;
  right: 7px;
}
.ltr .yalla-product-card section .yalla-product-card__badge--discount {
  left: 7px;
  right: initial;
}
.ltr .yalla-product-card section section .yalla-product-card__title-box a {
  text-align: left;
}
.ltr .yalla-product-card section section .yalla-product-card__title-box h2 {
  text-align: left;
}
.ltr .yalla-product-card section section .yalla-product-card__pricing {
  text-align: left;
}
.ltr .yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__price small {
  margin-left: 3px;
}
.ltr .yalla-product-card section section .yalla-product-card__pricing .yalla-product-card__percent {
  right: 5px;
  left: initial;
}
.ltr .yalla-product-card section button i, .ltr .yalla-product-card section button svg,
.ltr .yalla-product-card section a i,
.ltr .yalla-product-card section a svg {
  padding-right: 0;
  padding-left: 3px;
}
.ltr .swiper-container .swiper-button-next {
  left: initial;
  right: 0;
}
.ltr .swiper-container .swiper-button-prev {
  right: initial !important;
  left: 0 !important;
}
.ltr .swiper-button-next,
.ltr .swiper-button-prev {
  transform: rotate(180deg);
}

.yalla-pagination .yalla-pagination__nav {
  display: flex;
  justify-content: center;
  align-content: center;
}
.yalla-pagination .yalla-pagination__nav .pagination {
  padding-left: 0;
  margin: 0;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
}
@media (max-width: 575.98px) {
  .yalla-pagination .yalla-pagination__nav .pagination {
    display: inline-block;
  }
}
.yalla-pagination .yalla-pagination__nav .pagination li {
  margin: 0 3px 10px;
  direction: rtl;
  float: right;
}
.yalla-pagination .yalla-pagination__nav .pagination li span {
  background-color: transparent !important;
}
.yalla-pagination .yalla-pagination__nav .pagination li a {
  font-size: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yalla-pagination .yalla-pagination__nav .pagination li .page-link {
  padding: 0;
  margin: 0;
  border: none;
}
.yalla-pagination .yalla-pagination__nav .pagination li div {
  font-size: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yalla-pagination .yalla-pagination__nav .pagination .page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.yalla-pagination .yalla-pagination__nav .pagination .active {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yalla-pagination .yalla-pagination__nav .pagination .disabled {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ltr .pagination li {
  float: left;
}

/* ============== end pagination ========== */
.yalla-mega-menu {
  position: relative;
}
.yalla-mega-menu .yalla-mega-menu__button {
  display: inline-flex;
  align-items: center;
  border: none;
  height: 50px;
}
.yalla-mega-menu .yalla-mega-menu__button i, .yalla-mega-menu .yalla-mega-menu__button svg {
  font-size: 16px;
  margin-left: 5px;
}
.yalla-mega-menu .yalla-mega-menu__button span {
  font-weight: bold;
  font-size: 20px;
  padding: 0;
}
.yalla-mega-menu .yalla-mega-menu__panel {
  min-width: 225px;
  max-width: 225px;
  display: none;
  position: absolute;
  top: 50px;
  z-index: 10;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control {
  position: relative;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list {
  min-width: 225px;
  max-width: 225px;
  min-height: 50%;
  padding: 10px 0 !important;
  margin-bottom: 0;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__item {
  margin-bottom: 0;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__item a {
  font-size: 16px;
  cursor: pointer;
  padding: 8px 6px;
  display: flex;
  align-items: center;
  justify-content: initial;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__item a i, .yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__item a svg {
  font-size: 14px;
  margin-top: 0;
  position: absolute;
  left: 12px;
  flex-shrink: 0;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu {
  min-width: 225px;
  max-width: 225px;
  min-height: 100%;
  position: absolute;
  padding: 10px 0 !important;
  right: 225px;
  left: auto;
  top: 0;
  display: none;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu li {
  padding: 0 10px !important;
  display: flex;
  align-items: center;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu li a {
  font-size: 14px;
  cursor: pointer;
  width: 100%;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu li i, .yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu li svg {
  font-size: 14px;
  margin-top: 0;
  position: absolute;
  left: 12px;
  flex-shrink: 0;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu .yalla-mega-menu__submenu--deep {
  right: 225px;
  display: none;
  height: 100%;
  top: -0.5px;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .yalla-mega-menu__submenu .has-categories:hover .sub-sub-branch {
  display: block;
}
.yalla-mega-menu .yalla-mega-menu__panel .yalla-mega-menu__control .yalla-mega-menu__list .has-categories:hover .sub-branch {
  display: block;
}
.yalla-mega-menu:hover .main-sub-menu {
  display: flex;
}
@media (max-width: 575.98px) {
  .yalla-mega-menu {
    display: none;
  }
}

.yalla-subcats {
  margin-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.yalla-subcats .row {
  justify-content: center;
}
.yalla-subcats .yalla-subcats__item {
  position: relative;
  margin-bottom: 15px;
}
.yalla-subcats .yalla-subcats__item .row {
  justify-content: center;
}
.yalla-subcats .yalla-subcats__item .img-box {
  width: 100%;
  height: 130px;
  margin-bottom: 5px;
}
.yalla-subcats .yalla-subcats__item .img-box img {
  object-fit: contain;
}
@media (max-width: 575.98px) {
  .yalla-subcats .yalla-subcats__item .img-box {
    height: 110px;
  }
}
.yalla-subcats .yalla-subcats__item a h5 {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .yalla-subcats .yalla-subcats__item a h5 {
    font-size: 12px;
  }
}
.yalla-subcats .yalla-subcats__item .global-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.ltr .yalla-mega-menu {
  position: relative;
}
.ltr .yalla-mega-menu .menu-button i, .ltr .yalla-mega-menu .menu-button svg {
  margin-right: 5px;
  margin-left: initial;
}
.ltr .yalla-mega-menu .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a i, .ltr .yalla-mega-menu .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a svg {
  left: initial;
  right: 12px;
  transform: rotate(180deg);
}
.ltr .yalla-mega-menu .main-sub-menu .control-menu .sub-menu .sub-menu {
  right: auto;
  left: 225px;
}
.ltr .yalla-mega-menu .main-sub-menu .control-menu .sub-menu .sub-menu li i, .ltr .yalla-mega-menu .main-sub-menu .control-menu .sub-menu .sub-menu li svg {
  left: initial;
  right: 12px;
}
.ltr .yalla-mega-menu .main-sub-menu .control-menu .sub-menu .sub-menu .sub-sub-branch {
  left: 225px;
  right: initial;
}

.yalla-account-nav {
  padding: 10px;
}
.yalla-account-nav .nav-link {
  margin-bottom: 10px;
  width: 100%;
}

.ltr .yalla-account-nav .nav-link {
  text-align: left;
}

.yalla-breadcrumb {
  position: relative;
  padding: 7px 0 5px 0;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.yalla-breadcrumb nav {
  margin-bottom: 0;
}
.yalla-breadcrumb nav ol {
  padding: 5px 10px;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb nav ol {
    padding: 5px 0;
  }
}
.yalla-breadcrumb nav ol li {
  justify-content: center;
  align-content: center;
  display: inline-flex;
  padding: 0 2px;
  font-size: 14px;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb nav ol li {
    font-size: 13px;
  }
}
.yalla-breadcrumb nav ol li a {
  padding: 0;
}
.yalla-breadcrumb nav ol .active {
  font-weight: bold;
  max-width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
@media (max-width: 575.98px) {
  .yalla-breadcrumb nav ol .active {
    max-width: 190px;
  }
}
.yalla-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.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;
}

.yalla-modal-confirm {
  color: #636363;
  min-width: 280px;
  display: flex;
  align-items: center;
  height: 100vh;
}
.yalla-modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-size: 14px;
}
.yalla-modal-confirm .modal-content .modal-header {
  border-bottom: none;
  position: relative;
}
.yalla-modal-confirm .modal-content .modal-header h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -10px;
}
@media (max-width: 575.98px) {
  .yalla-modal-confirm .modal-content .modal-header h4 {
    font-size: 20px;
    margin: 0 0 -10px;
  }
}
.yalla-modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -2px;
}
.yalla-modal-confirm .modal-body {
  color: #999;
}
@media (max-width: 575.98px) {
  .yalla-modal-confirm .modal-body p {
    text-align: center;
    margin-bottom: 0;
  }
}
.yalla-modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px 15px 25px;
}
.yalla-modal-confirm .modal-footer a {
  color: #999;
}
@media (max-width: 575.98px) {
  .yalla-modal-confirm .modal-footer {
    padding: 10px 15px 0;
  }
}
.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;
}
.yalla-modal-confirm .btn-info {
  background: #c1c1c1;
}
.yalla-modal-confirm .btn-info:hover, .yalla-modal-confirm .btn-info:focus {
  background: #a8a8a8;
}
.yalla-modal-confirm .btn-danger {
  background: #f15e5e;
}
.yalla-modal-confirm .btn-danger:hover, .yalla-modal-confirm .btn-danger:focus {
  background: #ee3535;
}
.yalla-modal-confirm .btn-success:hover, .yalla-modal-confirm .btn-success:focus {
  background: #28a745;
}

@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;
  }
}

.yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social {
  justify-content: center;
  direction: ltr;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div {
  width: 40px;
  height: 40px;
  margin: 0 8px;
  font-size: 23px;
  line-height: 1.9;
  text-align: center;
}

.share {
  padding: 15px 30px 15px 20px;
}
@media (max-width: 575.98px) {
  .share {
    padding: 0;
  }
}
.share .action-icon {
  display: flex;
  height: 100%;
}
.share .action-icon a,
.share .action-icon button,
.share .action-icon div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  border: none;
}
.share .action-icon a:focus,
.share .action-icon button:focus,
.share .action-icon div:focus {
  border: none;
  outline: 0;
  box-shadow: none;
}
.share .action-icon a span,
.share .action-icon button span,
.share .action-icon div span {
  font-size: 14px;
  margin: 0 5px;
  padding: 0;
}
.share .action-icon a i, .share .action-icon a svg,
.share .action-icon button i,
.share .action-icon button svg,
.share .action-icon div i,
.share .action-icon div svg {
  font-size: 16px;
  margin-left: 5px;
}
@media (max-width: 575.98px) {
  .share .action-icon {
    padding: 0 10px 5px;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
  }
}
.share .share-div {
  display: inline-flex;
  justify-content: left;
  direction: ltr;
  width: 100%;
}
.share .share-div .s-icon {
  width: 35px;
  height: 35px;
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-left: 4px !important;
  flex-shrink: 0;
}
.share .share-div .s-icon i, .share .share-div .s-icon svg {
  font-size: 14px;
}
.share .share-div .media a div {
  margin: 0 4px !important;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share .share-div .media a div i, .share .share-div .media a div svg {
  font-size: 18px;
}
.share .share-div .media button {
  margin: 0 4px !important;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: none;
  outline: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.share .share-div .media button i, .share .share-div .media button svg {
  font-size: 18px;
}
@media (max-width: 1199.98px) {
  .share .share-div .media {
    padding: 15px 0 8px;
  }
  .share .share-div .media a div {
    margin: 0 4px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .share .share-div .media a div i, .share .share-div .media a div svg {
    font-size: 15px;
  }
}
@media (max-width: 575.98px) {
  .share .share-div .media {
    justify-content: left;
    display: inline-block;
    text-align: left;
  }
  .share .share-div .media a div {
    width: 32px;
    height: 32px;
    margin-bottom: 8px !important;
  }
  .share .share-div .media a div i, .share .share-div .media a div svg {
    font-size: 14px;
  }
  .share .share-div .media button {
    width: 32px;
    height: 32px;
    margin-bottom: 8px !important;
  }
  .share .share-div .media button i, .share .share-div .media button svg {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .share .share-div {
    justify-content: center;
    display: flex;
    padding: 0;
  }
  .share .share-div .media {
    padding-top: 0;
  }
}
.share .st-btn {
  -moz-border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 35px !important;
  width: 35px !important;
  line-height: 30px !important;
  padding: 0 5px !important;
}
.share .st-btn img {
  top: inherit !important;
  position: initial !important;
}

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

@media (max-width: 767.98px) {
  .st-btn {
    margin-bottom: 5px;
  }
}

.ltr .share .action-icon a {
  margin-left: 0;
  margin-right: 10px;
}
.ltr .share .action-icon a i, .ltr .share .action-icon a svg {
  margin-right: 0;
  margin-left: 5px;
}
.ltr .share .share-div {
  float: right;
  width: initial;
}
@media (max-width: 575.98px) {
  .ltr .share .share-div {
    float: inherit;
  }
}

.login,
.yalla-topbar__user {
  padding: 0 !important;
}
.login a,
.yalla-topbar__user a {
  padding: 10px !important;
}
@media (max-width: 768px) {
  .login h6,
  .yalla-topbar__user h6 {
    display: none !important;
  }
  .login .dropdown-menu,
  .yalla-topbar__user .dropdown-menu {
    left: 10px;
    right: initial !important;
  }
}
@media (max-width: 459.98px) {
  .login,
  .yalla-topbar__user {
    position: absolute;
    left: 0;
  }
}
.login button,
.yalla-topbar__user button {
  font-size: 15px;
  height: 67px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.login button:focus,
.yalla-topbar__user button:focus {
  border: none;
  box-shadow: none;
}
.login button h6,
.yalla-topbar__user button h6 {
  display: inline-block;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal !important;
}
.login button span,
.yalla-topbar__user button span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  margin: 5px;
  border: 1px solid #fff;
}
.login button i, .login button svg,
.yalla-topbar__user button i,
.yalla-topbar__user button svg {
  font-size: 18px;
  margin: 0 4px;
}
.login .dropdown-toggle::after,
.yalla-topbar__user .dropdown-toggle::after {
  margin-right: 0.455em;
  margin-left: 0;
}
.login .dropdown-menu,
.yalla-topbar__user .dropdown-menu {
  top: 60px !important;
  padding: 10px 5px;
  text-align: right;
  right: 0;
  min-width: 220px;
}
.login .dropdown-menu a,
.yalla-topbar__user .dropdown-menu a {
  justify-content: normal !important;
  padding: 7px 10px !important;
  font-size: 14px;
}
.login .dropdown-menu a i, .login .dropdown-menu a svg,
.yalla-topbar__user .dropdown-menu a i,
.yalla-topbar__user .dropdown-menu a svg {
  margin-left: 5px;
  font-size: 14px;
}
.login .dropdown-menu .dropdown-divider,
.yalla-topbar__user .dropdown-menu .dropdown-divider {
  margin: 0.3rem 0;
}
.login:hover .dropdown-menu,
.yalla-topbar__user:hover .dropdown-menu {
  display: block;
}

.left-part .login .dropdown-menu,
.left-part .yalla-topbar__user .dropdown-menu {
  right: initial;
}

.yalla-topbar__auth {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  float: left;
  height: 40px;
  margin: 0 15px;
}
@media (max-width: 767.98px) {
  .yalla-topbar__auth {
    display: none !important;
  }
}
.yalla-topbar__auth .btn {
  padding: 0 15px !important;
  border: none;
  height: 35px;
  font-size: 15px;
  align-items: center;
  display: flex;
}
.yalla-topbar__auth .btn:focus {
  outline: 0;
  box-shadow: none;
}
.yalla-topbar__auth .btn-login {
  margin-right: 5px;
}
@media (max-width: 767.98px) {
  .yalla-topbar__auth {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .yalla-topbar__auth .btn {
    padding: 0 5px !important;
    font-size: 12px;
    height: 25px;
  }
}

.ltr .login,
.ltr .yalla-topbar__user {
  padding: 5px 15px 5px 0px;
}
.ltr .login .dropdown-toggle::after,
.ltr .yalla-topbar__user .dropdown-toggle::after {
  margin-right: 0;
  margin-left: 0.455em;
  left: initial;
  right: -5px;
}
.ltr .login .dropdown-menu,
.ltr .yalla-topbar__user .dropdown-menu {
  text-align: left;
}
.ltr .login .dropdown-menu a i, .ltr .login .dropdown-menu a svg,
.ltr .yalla-topbar__user .dropdown-menu a i,
.ltr .yalla-topbar__user .dropdown-menu a svg {
  margin-left: initial;
  margin-right: 5px;
}
.ltr .yalla-topbar__auth .btn-login {
  margin-right: initial;
  margin-left: 5px;
}

.language {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0 15px;
}
@media (max-width: 575.98px) {
  .language {
    margin: 0 7px;
    display: none;
  }
}
.language a {
  padding: 10px !important;
}
.language button {
  position: relative;
  font-size: 14px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.language button:focus {
  border: none;
  box-shadow: none;
}
.language button h6 {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.language button span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  margin: 5px;
  background-position: center;
  background-size: cover;
}
.language button i, .language button svg {
  font-size: 16px;
  margin: 0 2px;
}
.language .dropdown-toggle::after {
  margin-right: 0.455em;
  margin-left: 0;
  left: -5px;
}
.language .dropdown-menu.show {
  display: block;
}
.language .dropdown-menu {
  top: 50px;
  padding: 20px 15px 30px;
  margin: 0;
  text-align: right;
  min-width: 350px;
}
.language .dropdown-menu a {
  justify-content: normal !important;
  padding: 5px 10px !important;
  height: 35px !important;
  align-items: center;
  display: flex;
  font-size: 14px;
}
.language .dropdown-menu a i, .language .dropdown-menu a svg {
  margin-left: 5px;
  font-size: 14px;
}
.language .dropdown-menu h6 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.language .dropdown-menu .form-check {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 50%;
  padding: 0;
}
.language .dropdown-menu .form-check input {
  height: 16px;
  width: 16px;
}
.language .dropdown-menu .form-check .form-check-label {
  margin-bottom: 0;
  margin-right: 16px;
}
.language .dropdown-menu .form-check .form-check-label img {
  width: 30px;
  height: 20px;
  margin: 0 3px;
}
.language .dropdown-menu .form-check .form-check-label span {
  margin: 5px 2px;
  font-size: 15px;
}
.language .dropdown-menu .dropdown-divider {
  margin: 0.2rem 0;
}
@media (max-width: 575.98px) {
  .language .dropdown-menu {
    padding: 10px;
    min-width: 300px;
    left: -50px;
  }
  .language .dropdown-menu .form-check .form-check-label {
    margin-right: 18px;
  }
  .language .dropdown-menu .form-check .form-check-label img {
    width: 25px;
    height: 17px;
  }
  .language .dropdown-menu .form-check .form-check-label span {
    font-size: 13px;
  }
}
.language:hover .dropdown-menu {
  display: block;
}

.ltr .language .dropdown-toggle::after {
  margin-right: 0;
  margin-left: 0.455em;
  left: initial;
  right: -5px;
}
.ltr .language .dropdown-menu {
  text-align: left;
  right: 0;
  left: initial;
}
.ltr .language .dropdown-menu a i, .ltr .language .dropdown-menu a svg {
  margin-left: 0;
  margin-right: 5px;
}
.ltr .language .dropdown-menu .form-check {
  left: 20px;
}
@media (max-width: 575.98px) {
  .ltr .language .dropdown-menu {
    right: -50px;
    left: initial;
  }
  .ltr .language .dropdown-menu .form-check .form-check-label {
    margin-left: initial;
    margin-right: 18px;
  }
}
.ltr .dropdown-menu {
  text-align: left;
  right: 0;
  left: initial;
}
.ltr .dropdown-menu a i, .ltr .dropdown-menu a svg {
  margin-left: 0;
  margin-right: 5px;
}

.yalla-side-menu {
  width: 450px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -450px;
  z-index: 1450;
  transition: all 0.3s;
  text-align: left;
  padding: 0 !important;
  background-color: #f8f8f8;
}
.yalla-side-menu .yalla-side-menu__close {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 0.3s;
  border-radius: 4px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-side-menu .yalla-side-menu__head {
  padding: 10px;
}
.yalla-side-menu .yalla-side-menu__head .yalla-side-menu__logo {
  float: right;
  display: block;
}
.yalla-side-menu .yalla-side-menu__head .yalla-side-menu__logo a {
  display: inline-flex;
  align-items: center;
}
.yalla-side-menu .yalla-side-menu__head .yalla-side-menu__logo a .yalla-side-menu__logo-icon {
  min-width: 40px;
  max-width: 60px;
  height: 40px;
  margin: 0 5px;
  border-radius: 15%;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.yalla-side-menu .yalla-side-menu__head .yalla-side-menu__logo a .yalla-side-menu__logo-icon span {
  font-family: tahoma, "sans-serif";
}
.yalla-side-menu .yalla-side-menu__head .yalla-side-menu__logo a span {
  font-size: 25px;
  font-weight: bold;
  padding: 0;
}
.yalla-side-menu .yalla-side-menu__head .yalla-side-menu__logo a img {
  width: 100%;
  height: 100%;
}
.yalla-side-menu .yalla-side-menu__body {
  height: calc(100vh - 80px);
  overflow-x: auto;
  background-color: #f8f8f8;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links {
  display: block;
  padding: 10px 0 !important;
  font-size: 15px;
  margin: 10px 0;
  background-color: #fff;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links li:first-of-type {
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links li {
  width: 100%;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links li div {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-flex;
  margin: 0 5px;
  border: 1px solid #fff;
  align-items: center;
  justify-content: center;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links li div i, .yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  font-size: 16px;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links a {
  justify-content: normal;
  padding: 0 20px;
  height: 30px;
  display: flex;
  align-items: center;
}
.yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links a i, .yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links a svg {
  margin-left: 10px;
}
.yalla-side-menu .yalla-side-menu__body .panel a {
  height: 45px;
}
.yalla-side-menu .yalla-side-menu__body .panel a h3 {
  font-size: 16px;
}
.yalla-side-menu .yalla-side-menu__body .panel .panel-heading a i, .yalla-side-menu .yalla-side-menu__body .panel .panel-heading a svg {
  font-size: 14px !important;
}
.yalla-side-menu .yalla-side-menu__body .panel .panel-collapse .panel-body ul li a {
  height: 30px;
}
@media (max-width: 575.98px) {
  .yalla-side-menu {
    width: 100%;
    right: -575px;
  }
}

.yalla-side-menu.active {
  right: 0;
}

.yalla-side-menu__categories .nano {
  margin-bottom: 10px;
}
.yalla-side-menu__categories ul hr {
  margin: 13px 15px;
}
.yalla-side-menu__categories ul li {
  display: flex;
  position: relative;
  border-bottom: 1px solid #efefef;
}
.yalla-side-menu__categories ul li a {
  display: flex;
  align-items: center;
  padding: 0 10px;
  width: 100%;
  height: 45px;
}
.yalla-side-menu__categories ul li a h3 {
  font-size: 16px;
  font-weight: normal;
  display: inline-flex;
  margin-bottom: 0;
  max-height: 36px;
  overflow: hidden;
  height: inherit;
  align-items: center;
}
.yalla-side-menu__categories ul li a span {
  font-size: 12px;
  margin: 0 5px;
  font-weight: bold;
}
@media (max-width: 991.98px) {
  .yalla-side-menu__categories ul li a h3 {
    font-size: 14px;
  }
}
.yalla-side-menu__categories ul li button {
  display: grid;
  outline: 0;
  box-shadow: none;
  border: none;
  align-items: center;
  height: 100%;
}
.yalla-side-menu__categories ul li button i, .yalla-side-menu__categories ul li button svg {
  font-size: 13px;
}
.yalla-side-menu__categories ul li button::after {
  position: relative;
  left: 0;
  display: none !important;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
}
.yalla-side-menu__categories ul li .dropdown-menu {
  text-align: right;
  padding: 4px 7px;
  top: 90px !important;
  width: 220px;
  left: -229px !important;
}
.yalla-side-menu__categories ul li .dropdown-menu a {
  padding: 5px 0;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.yalla-side-menu__categories ul li .dropdown-menu a i, .yalla-side-menu__categories ul li .dropdown-menu a svg {
  margin: 0 5px;
  font-size: 13px;
}
.yalla-side-menu__categories ul .panel {
  width: 100%;
}
.yalla-side-menu__categories ul .panel div:first-of-type {
  display: grid;
}
.yalla-side-menu__categories ul .panel div:first-of-type a {
  width: calc(100% - 30px);
}
.yalla-side-menu__categories ul .panel .panel-heading {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-side-menu__categories ul .panel .panel-heading a {
  padding: 0 !important;
  width: 23px !important;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yalla-side-menu__categories ul .panel .panel-heading a i, .yalla-side-menu__categories ul .panel .panel-heading a svg {
  font-size: 16px;
}
@media (max-width: 767.98px) {
  .yalla-side-menu__categories ul .panel .panel-heading a i i, .yalla-side-menu__categories ul .panel .panel-heading a i svg, .yalla-side-menu__categories ul .panel .panel-heading a svg i, .yalla-side-menu__categories ul .panel .panel-heading a svg svg {
    font-size: 12px;
  }
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a {
  margin-right: 30px;
}
@media (max-width: 767.98px) {
  .yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a {
    margin-right: 15px;
  }
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a img {
  margin: 0 3px;
  width: 30px;
  height: 20px;
  background-color: #000;
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a span {
  font-size: 10px;
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a span i, .yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a span svg {
  font-size: 13px !important;
}
@media (max-width: 767.98px) {
  .yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a span i, .yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a span svg {
    font-size: 11px;
  }
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a h3 {
  font-size: 14px;
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body .panel-body {
  padding-right: 30px;
  padding-left: 30px;
}
.yalla-side-menu__categories ul .panel .panel-collapse .panel-body .panel-body ul li a {
  height: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .yalla-side-menu__categories ul li a h3 {
    font-size: 13px;
  }
}

.yalla-side-menu__cat-img, .yalla-mega-menu__img {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yalla-side-menu__cat-img img, .yalla-mega-menu__img img {
  object-fit: fill;
  height: 100%;
}

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

@media (max-width: 575.98px) {
  .nav-fixed {
    margin-top: 0;
  }
}

.ltr .yalla-side-menu {
  left: -450px;
  right: initial;
  text-align: right;
}
.ltr .yalla-side-menu .list-dismiss {
  left: initial;
  right: 10px;
}
.ltr .yalla-side-menu .cart-head .logo {
  float: left;
}
.ltr .yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links a i, .ltr .yalla-side-menu .yalla-side-menu__body .yalla-side-menu__user-links a svg {
  margin-left: initial;
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  .ltr .yalla-side-menu {
    right: initial;
    left: -575px;
  }
}
.ltr .yalla-side-menu.active {
  right: initial;
  left: 0;
}
.ltr .yalla-side-menu__categories ul li button::after {
  left: initial;
  right: 0;
  margin-left: initial;
  margin-right: 0.255em;
}
.ltr .yalla-side-menu__categories ul li .dropdown-menu {
  text-align: left;
  left: initial !important;
  right: -229px !important;
}
.ltr .yalla-side-menu__categories ul .panel .panel-heading {
  left: initial;
  right: 0;
}
.ltr .yalla-side-menu__categories ul .panel .panel-collapse .panel-heading {
  left: initial !important;
  right: 30px;
}
.ltr .yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a {
  margin-right: initial;
  margin-left: 30px;
}
@media (max-width: 767.98px) {
  .ltr .yalla-side-menu__categories ul .panel .panel-collapse .panel-body ul li a {
    margin-right: initial;
    margin-left: 15px;
  }
}

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

.ltr .yalla-page-toolbar::before, .ltr .yalla-home-section__head::before {
  right: initial;
  left: 0;
}
.ltr .yalla-page-toolbar a:last-of-type, .ltr .yalla-home-section__head a:last-of-type {
  float: right;
}
.ltr .yalla-page-toolbar .yalla-home-section__view-all, .ltr .yalla-home-section__head .yalla-home-section__view-all {
  float: right;
}
.ltr .yalla-page-toolbar .dropdown, .ltr .yalla-home-section__head .dropdown {
  left: initial !important;
  right: 0;
}

.cliparai {
  display: block;
  align-items: center;
  padding: 0 !important;
}
.cliparai .clipboard {
  width: 100%;
  padding: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cliparai .clipboard button {
  padding: 0 10px !important;
  height: 50px;
}
.cliparai .clipboard button span {
  padding: 0 !important;
  height: 50px;
}
.cliparai .clipboard button i, .cliparai .clipboard button svg {
  margin-left: 5px !important;
}
.cliparai .clipboard input {
  height: 50px;
  border: none;
  padding: 10px;
  width: auto;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  outline: 0;
}
@media (min-width: 768px) {
  .cliparai .clipboard input {
    width: calc(100% - 150px);
  }
}
@media (max-width: 767.98px) {
  .cliparai .clipboard input {
    width: calc(100% - 45px);
    font-size: 13px;
  }
}
@media (max-width: 767.98px) {
  .cliparai .clipboard button span,
  .cliparai .clipboard .button span {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .cliparai .clipboard {
    padding: 10px;
  }
}

.yalla-blog-post .cliparai .clipboard {
  padding: 0;
  justify-content: start;
}

.yalla-subnav__cart {
  position: relative;
  margin-right: 0;
}
.yalla-subnav__cart .open-menu {
  position: initial;
  box-shadow: none;
}
.yalla-subnav__cart a .label {
  position: absolute;
  font-size: 9px;
  font-weight: bold;
  border-radius: 50%;
  margin: 0;
  top: 10px;
  right: 6px;
  width: 20px;
  height: 20px;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .yalla-subnav__cart a span {
    display: none !important;
  }
}

.yalla-side-menu__overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(51, 51, 51, 0.7);
  z-index: 1350;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.yalla-side-menu__overlay.active {
  display: block;
  opacity: 1;
}
@media (max-width: 459.98px) {
  .yalla-side-menu__overlay.active {
    display: none !important;
  }
}

.ltr .yalla-subnav__cart {
  margin-right: initial;
  margin-left: 0;
}
.ltr .yalla-subnav__cart a .label {
  right: initial;
  left: 7px;
}

.singbar {
  width: 450px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: -450px;
  z-index: 100001;
  transition: all 0.3s;
  text-align: left;
}
.singbar .sing-dismiss {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 0.3s;
  border-radius: 7px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.singbar .sing-head {
  padding: 10px;
  border-bottom: 1px solid #444;
  transition: all 0.3s;
  text-align: center;
}
.singbar .sing-head h3 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.singbar .sing-head span {
  font-size: 14px;
}
@media (max-width: 575.98px) {
  .singbar .sing-head span {
    font-size: 12px;
    display: block;
  }
}
.singbar .sing-head a {
  display: inline-block;
}
.singbar .successful-log {
  margin-bottom: 0;
  height: 88%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.singbar .successful-log li {
  display: inline-block;
  width: 80%;
  margin: auto;
}
.singbar .successful-log li i, .singbar .successful-log li svg {
  font-size: 70px;
  margin-bottom: 15px;
}
.singbar .successful-log li span {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.singbar .successful-log li div {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.singbar .successful-log li div a {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.singbar .singbar-container {
  height: 100%;
}
.singbar .singbar-container .side-media {
  display: none;
}
.singbar .signup-form {
  position: relative;
  height: inherit;
}
.singbar .signup-form .alerts-box .alert {
  text-align: center;
}
.singbar .signup-form .alerts-box .alert .close {
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  background-color: #ff4538;
  top: 5px;
  right: 5px;
}
.singbar .signup-form .register-form {
  padding: 30px 20px;
}
.singbar .signup-form .register-form .col-sm-6 {
  padding-left: 7px;
  padding-right: 7px;
}
@media (max-width: 575.98px) {
  .singbar .signup-form .register-form {
    padding: 10px;
  }
  .singbar .signup-form .register-form .col-sm-6 {
    width: 50%;
    padding: 0 !important;
  }
}
.singbar .signup-form .register-form .g-log,
.singbar .signup-form .register-form .f-log {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
}
.singbar .signup-form .register-form .g-log a,
.singbar .signup-form .register-form .f-log a {
  display: inline-flex;
  padding: 7px;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
}
.singbar .signup-form .register-form .g-log a img,
.singbar .signup-form .register-form .f-log a img {
  width: 14px;
  margin-right: 5px;
}
.singbar .signup-form .register-form .g-log .facebook-link i, .singbar .signup-form .register-form .g-log .facebook-link svg,
.singbar .signup-form .register-form .f-log .facebook-link i,
.singbar .signup-form .register-form .f-log .facebook-link svg {
  margin-right: 5px;
}
.singbar .signup-form .register-form .form-row {
  display: flex;
  margin: 0 -15px;
}
.singbar .signup-form .register-form .form-row .form-group {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .singbar .signup-form .register-form .form-row .form-group {
    margin-bottom: 5px;
  }
}
.singbar .signup-form .register-form .form-row .form-group input,
.singbar .signup-form .register-form .form-row .form-group select {
  display: block;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 13px;
  height: 38px;
  border: none;
}
@media (max-width: 575.98px) {
  .singbar .signup-form .register-form .form-row .form-group input,
  .singbar .signup-form .register-form .form-row .form-group select {
    font-size: 12px;
    height: 35px;
  }
}
.singbar .signup-form .register-form .form-row .form-group .form-select {
  position: relative;
}
.singbar .signup-form .register-form .confirmation {
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.singbar .signup-form .register-form .confirmation input {
  display: inline-block;
  width: auto;
  margin-left: 6px;
}
.singbar .signup-form .register-form .confirmation label {
  display: inline;
  font-size: 12px;
}
@media (max-width: 575.98px) {
  .singbar .signup-form .register-form .confirmation {
    display: inline-block;
    margin-bottom: 10px;
    text-align: right;
  }
}
.singbar .signup-form .register-form .login {
  margin: 5px 0;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .singbar .signup-form .register-form .login {
    font-size: 10px;
    display: block !important;
  }
}
.singbar .signup-form .register-form .form-submit {
  text-align: right;
  padding-top: 0;
  display: grid;
}
.singbar .signup-form .register-form .submit {
  min-width: 90px;
  font-weight: 400;
  font-size: 16px;
  padding: 10px !important;
  border: none;
  height: 45px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.singbar .signup-form .register-form #reset {
  margin-right: 8px;
}
@media (max-width: 575.98px) {
  .singbar {
    width: 85%;
    left: -575px;
  }
}
@media (max-width: 459.98px) {
  .singbar {
    width: 100%;
  }
}

.singbar.active {
  left: 0;
}

.side-media {
  width: 100%;
  display: flex;
  justify-content: space-between;
  direction: ltr;
  padding: 5px 20px;
}
.side-media a div {
  margin: 0 4px !important;
  background-color: transparent;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.side-media a div i, .side-media a div svg {
  color: #fff;
  font-size: 22px;
}
@media (max-width: 575.98px) {
  .side-media {
    padding: 5px 10px;
  }
  .side-media a div {
    width: 30px;
    height: 30px;
  }
  .side-media a div i, .side-media a div svg {
    font-size: 18px;
  }
}

.ltr .singbar {
  left: initial;
  right: -450px;
  text-align: right;
}
.ltr .singbar .sing-dismiss {
  right: initial;
  left: 10px;
}
.ltr .singbar .signup-form .register-form .g-log a,
.ltr .singbar .signup-form .register-form .f-log a {
  text-align: left;
}
.ltr .singbar .signup-form .register-form .g-log a img,
.ltr .singbar .signup-form .register-form .f-log a img {
  margin-left: 5px;
  margin-right: initial;
}
.ltr .singbar .signup-form .register-form .g-log .facebook-link i, .ltr .singbar .signup-form .register-form .g-log .facebook-link svg,
.ltr .singbar .signup-form .register-form .f-log .facebook-link i,
.ltr .singbar .signup-form .register-form .f-log .facebook-link svg {
  margin-left: 5px;
  margin-right: initial;
}
.ltr .singbar .signup-form .register-form .confirmation input {
  margin-left: initial;
  margin-right: 6px;
}
@media (max-width: 575.98px) {
  .ltr .singbar .signup-form .register-form .confirmation {
    text-align: left;
  }
}
.ltr .singbar .signup-form .register-form .form-submit {
  text-align: left;
}
.ltr .singbar .signup-form .register-form #reset {
  margin-right: initial;
  margin-left: 8px;
}
@media (max-width: 575.98px) {
  .ltr .singbar {
    left: initial;
    right: -575px;
  }
}
.ltr .singbar.active {
  left: initial;
  right: 0;
}

.yalla-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) {
  .yalla-trial-store {
    padding-top: 35px;
  }
}
.yalla-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;
}
.yalla-trial-store .close i, .yalla-trial-store .close svg {
  font-size: 14px;
}
.yalla-trial-store .yalla-trial-store__actions {
  display: inline-flex;
  justify-content: center;
}
.yalla-trial-store .yalla-trial-store__actions .yalla-trial-store__btn {
  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;
}

.cookiealert {
  width: 45%;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
  background-color: rgba(0, 0, 0, 0.8705882353);
}
@media (max-width: 575.98px) {
  .cookiealert {
    width: 100%;
  }
}
.cookiealert p {
  display: inline-block;
  width: 90%;
}
.cookiealert a {
  text-decoration: underline;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 12px;
}
.cookiealert a:hover {
  color: #0069d9;
}
.cookiealert .acceptcookies {
  margin-left: 0;
  vertical-align: baseline;
}
.cookiealert .close {
  float: right;
  border: 2px solid #dc3545;
  color: #dc3545;
  width: 25px;
  height: 25px;
  font-size: 22px;
  justify-content: center;
  text-decoration: none;
  text-shadow: inherit;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.cookiealert .close span {
  height: initial;
  align-items: center;
  line-height: 1.7;
}
.cookiealert .close:hover {
  color: #fff;
  background-color: #dc3545;
}
.cookiealert .Cookie-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cookiealert .btn-primary {
  color: #218838;
  border: 2px solid #218838;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
  font-size: 16px;
}

.cookiealert .btn-group-sm > .btn,
.cookiealert .btn-sm {
  padding: 0.4rem 1rem !important;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  background-color: transparent;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:hover {
  color: #fff;
  background-color: #218838;
  border: 2px solid #218838;
  box-shadow: none;
}

.yalla-subnav__brand-link {
  font-size: 16px;
  font-weight: 500;
  margin: 0 12px;
  border-radius: 6px;
  padding: 4px 7px;
}
@media (max-width: 575.98px) {
  .yalla-subnav__brand-link {
    margin: 0;
    font-size: 14px;
  }
}

.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;
  border: 1px solid #d8d8d8;
  background-color: #fff;
}
.yalla-brand-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
  box-sizing: border-box;
}
@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;
  }
}

.yalla-blog-card {
  width: 100%;
  position: relative;
  background-color: #fff;
  padding: 13px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.yalla-blog-card .yalla-blog-card__body {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 10px;
}
.yalla-blog-card .yalla-blog-card__body .img-box {
  width: 100px;
  height: 90px;
  margin-bottom: 0;
  position: relative;
  flex-shrink: 0;
}
.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 a.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: none;
  align-items: center;
  z-index: 10;
}
.yalla-blog-card .yalla-blog-card__body .img-box a.yalla-blog-card__cat i, .yalla-blog-card .yalla-blog-card__body .img-box a.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 {
  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;
}
@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 a.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 a.yalla-blog-card__cat i, .blog-show .yalla-blog-post article .img-box a.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 .yalla-blog-related article {
  margin-bottom: 10px;
}
.blog-show .yalla-blog-related article .yalla-blog-card__body {
  display: flex;
}
.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;
}
@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;
}
@media (max-width: 767.98px) {
  .alert {
    font-size: 12px;
  }
}

#quickBuySection {
  box-shadow: 0 4px 8px rgba(59, 59, 59, 0.17);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  z-index: 10000;
  backdrop-filter: blur(10px);
  background-color: rgba(152, 164, 177, 0.12);
  border: 1px solid rgba(173, 173, 173, 0.5019607843);
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  bottom: 70px;
  margin-top: 15px;
}
#quickBuySection .quick-buy {
  border: 2px dashed #d5dbdf;
}
#quickBuySection .quick-buy__content {
  width: 100%;
  max-width: 400px;
}

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

.yalla-btn {
  padding: 0 20px;
  height: 45px;
  border: none;
  overflow: hidden;
}
.yalla-btn > i,
.yalla-btn > svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-head {
  font-size: 1.2rem;
  padding: 0.7rem 1.55rem;
  text-decoration: none;
  border-radius: 10px;
}
.btn-head:hover {
  text-decoration: none;
}

.button,
button {
  padding: 0;
  height: 40px;
  display: inline-flex;
  border-radius: 8px;
  overflow: hidden;
  float: left;
  margin: inherit;
}
.button span,
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 div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 45px;
}
.button div i, .button div svg,
button div i,
button div svg {
  font-size: 20px;
}

.btn-section, .yalla-btn--section {
  height: 40px !important;
  display: none;
  margin: 0 0 10px 0;
}
.btn-section span, .yalla-btn--section span {
  height: 40px !important;
  padding: 0 7px !important;
}
.btn-section div, .yalla-btn--section div {
  height: 40px !important;
  padding: 0 7px !important;
}
.btn-section div i, .btn-section div svg, .yalla-btn--section div i, .yalla-btn--section div svg {
  font-size: 16px;
}
@media (max-width: 575.98px) {
  .btn-section, .yalla-btn--section {
    height: 35px !important;
    display: flex !important;
    margin: 10px 0 10px 0;
  }
  .btn-section span, .yalla-btn--section span {
    height: 35px !important;
    padding: 0 10px !important;
    font-size: 12px;
  }
  .btn-section div, .yalla-btn--section div {
    height: 35px !important;
    padding: 0 10px !important;
  }
  .btn-section div i, .btn-section div svg, .yalla-btn--section div i, .yalla-btn--section div svg {
    font-size: 13px;
  }
}

.close {
  width: 25px;
  height: 25px;
  border-radius: 20%;
  position: absolute;
  z-index: 40;
  font-size: 12px;
  opacity: 1;
  top: -5px;
  right: -5px;
  margin: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.close:hover {
  opacity: 1 !important;
}
.close:focus {
  opacity: 1 !important;
}
.close span {
  height: inherit !important;
  padding: inherit !important;
}

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

button:focus {
  outline: none !important;
}

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

/*end buttons style*/
/*start footer style*/
.yalla-footer {
  height: auto;
  position: sticky;
  top: 100vh;
}
.yalla-footer .yalla-footer__body {
  padding: 40px 0 20px;
}
.yalla-footer .yalla-footer__body .col-sm-6,
.yalla-footer .yalla-footer__body .col-sm-12 {
  padding-right: 5px;
  padding-left: 5px;
}
.yalla-footer .yalla-footer__body .yalla-footer__logo {
  display: none;
}
.yalla-footer .yalla-footer__body .yalla-footer__logo .img-box {
  margin-bottom: 30px !important;
  width: 50%;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__logo {
    display: block;
  }
}
@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 .yalla-footer__col {
  text-align: right;
  margin-bottom: 20px;
}
.yalla-footer .yalla-footer__body .yalla-footer__col h3 {
  font-size: 26px;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col h3 {
    display: none;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__col h4 {
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col h4 {
    display: none;
    font-size: 16px;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__col-head {
  display: none;
}
.yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__col-head i, .yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__col-head svg {
  font-size: 14px;
  float: left;
  margin: 4px 0;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__col-head {
    display: block;
    font-size: 16px;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li {
  margin: 5px;
  font-size: 14px;
  padding: 1px 5px;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li a {
  display: inline-flex;
  border-radius: 0.25rem;
  align-items: center;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li svg {
  font-size: 16px;
  margin: 0 3px;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social {
  justify-content: right;
  margin-top: 8px;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a {
  margin: 0 4px;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div {
  margin: 0;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div svg {
  font-size: 18px;
}
@media (max-width: 991.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social {
    padding: 10px 0 0;
  }
}
@media (max-width: 575.98px) {
  .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 .yalla-footer__social {
    justify-content: right;
  }
  .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div {
    width: 25px;
    height: 25px;
  }
  .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social a div svg {
    font-size: 15px;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__cats .w-50 {
  float: right;
}
.yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__contact {
  display: flex;
  align-items: center;
}
.yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__contact div:last-of-type {
  margin: 0 5px;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col {
    text-align: right;
    font-size: 12px;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__col .d-app {
  width: 80%;
  margin: 10px auto;
}
.yalla-footer .yalla-footer__body .yalla-footer__col .d-app img {
  width: 100%;
}
@media (max-width: 1199.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col .d-app {
    width: 45%;
  }
}
@media (max-width: 767.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col .d-app {
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__col .d-app {
    width: 45%;
  }
}
.yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__body .yalla-footer__copyright-link {
    font-size: 14px;
  }
}
.yalla-footer .yalla-footer__copyright {
  min-height: 60px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.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: 12px;
  }
  .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-link {
    font-size: 14px;
  }
}
.yalla-footer .yalla-footer__copyright .text-l {
  text-align: left;
}
@media (max-width: 767.98px) {
  .yalla-footer .yalla-footer__copyright .text-l {
    text-align: center;
    font-size: 12px;
  }
}
.yalla-footer .yalla-footer__copyright .text-r {
  text-align: right;
}
@media (max-width: 767.98px) {
  .yalla-footer .yalla-footer__copyright .text-r {
    text-align: center;
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .yalla-footer .yalla-footer__copyright .yalla-footer__copyright-credit {
    font-size: 12px;
  }
}
.yalla-footer .yalla-footer__copyright .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 .yalla-footer__copyright-credit .yalla-footer__copyright-link {
    font-size: 14px;
  }
}

@media (min-width: 576px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}

.ltr .yalla-footer .yalla-footer__body .yalla-footer__col {
  text-align: left;
}
.ltr .yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__col-head i, .ltr .yalla-footer .yalla-footer__body .yalla-footer__col .yalla-footer__col-head svg {
  float: right;
}
.ltr .yalla-footer .yalla-footer__social {
  direction: rtl;
  justify-content: left !important;
}
.ltr .yalla-footer .yalla-footer__copyright .text-l {
  text-align: right;
}
@media (max-width: 767.98px) {
  .ltr .yalla-footer .yalla-footer__copyright .text-l {
    text-align: center;
    font-size: 12px;
  }
}
.ltr .yalla-footer .yalla-footer__copyright .text-r {
  text-align: left;
}
@media (max-width: 767.98px) {
  .ltr .yalla-footer .yalla-footer__copyright .text-r {
    text-align: center;
    font-size: 12px;
  }
}

/*end footer style*/
/*start footer style*/
@media print {
  @page {
    margin: 0;
  }
  body {
    font-size: 100%;
  }
  header,
  .yalla-breadcrumb,
  #trial-store,
  footer {
    visibility: hidden;
    display: none !important;
  }
  .yalla-orders__card {
    visibility: visible;
  }
  .account .yalla-orders__list .yalla-orders__card ul {
    padding: 20px !important;
    border: 1px solid #cacaca;
    border-radius: 8px;
  }
  .details .yalla-orders__list .yalla-orders__card .yalla-order-item {
    border: 1px solid #cacaca;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1019607843);
  }
}
/*end footer 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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.blue .yalla-topbar__user a {
  color: #003554;
}
.blue .login a i, .blue .login a svg,
.blue .yalla-topbar__user a i,
.blue .yalla-topbar__user a svg {
  color: #003554;
}
.blue .login a:hover,
.blue .yalla-topbar__user a:hover {
  background-color: #003554;
  color: #fff;
}
.blue .login button,
.blue .yalla-topbar__user button {
  color: #003554;
  background-color: transparent;
}
.blue .login button h6,
.blue .yalla-topbar__user button h6 {
  color: #003554;
}
.blue .login .dropdown-menu a,
.blue .yalla-topbar__user .dropdown-menu a {
  color: #0582ca;
}
.blue .login .dropdown-menu a i, .blue .login .dropdown-menu a svg,
.blue .yalla-topbar__user .dropdown-menu a i,
.blue .yalla-topbar__user .dropdown-menu a svg {
  color: #0582ca;
}
.blue .login .dropdown-menu a:hover,
.blue .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.blue .login .dropdown-menu a:hover i, .blue .login .dropdown-menu a:hover svg,
.blue .yalla-topbar__user .dropdown-menu a:hover i,
.blue .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.blue .login .dropdown-menu a:focus,
.blue .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.blue .login .dropdown-menu a:focus i, .blue .login .dropdown-menu a:focus svg,
.blue .yalla-topbar__user .dropdown-menu a:focus i,
.blue .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.blue .login .dropdown-menu a:active,
.blue .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.blue .login .dropdown-menu a:active i, .blue .login .dropdown-menu a:active svg,
.blue .yalla-topbar__user .dropdown-menu a:active i,
.blue .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.blue .yalla-subcats 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);
}
.blue .social-button:hover {
  background: linear-gradient(45deg, #0582ca, #003554);
}
.blue .add-cart {
  background-color: #0582ca !important;
}
.blue .yalla-topbar__auth .btn {
  color: #fff;
}
.blue .yalla-topbar__auth .btn-sing {
  background-color: #003554;
}
.blue .yalla-topbar__auth .btn-sing:hover {
  background-color: #0582ca;
}
.blue .yalla-topbar__auth .btn-login {
  color: #003554;
}
.blue .yalla-topbar__auth .btn-login:hover {
  background-color: #0582ca;
  color: #fff;
}
.blue .btn-head {
  background: #fff;
  color: #0582ca !important;
}
.blue .btn-head:hover {
  background-color: #003554 !important;
  color: #fff !important;
}
.blue button div {
  background-color: #003554;
  color: #fff;
}
.blue button div:hover {
  background-color: #0582ca;
}
.blue .yalla-notice {
  background-color: #003554;
  color: #fff;
}
.blue header {
  border-bottom: 1px solid #003554;
}
.blue header nav {
  background-color: #fff;
}
.blue header nav form button {
  background-color: #003554;
}
.blue header nav .right-part a .logo.empty {
  background-color: #0582ca;
}
.blue header nav .right-part a .logo.empty span {
  color: #fff;
}
.blue header nav .right-part a span {
  color: #003554;
}
.blue header .yalla-subnav {
  background-color: #f8f8f8;
}
.blue header .yalla-subnav .right-part .open-list {
  color: #003554;
}
.blue header .yalla-subnav .right-part .logo.empty {
  background-color: #0582ca;
}
.blue header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.blue header .yalla-subnav .right-part span {
  color: #003554;
}
.blue header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #0582ca;
}
.blue header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.blue header .yalla-subnav .left-part .shoping-cart a i, .blue header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.blue .search-icon {
  background-color: transparent;
  color: #003554;
}
.blue #phone-search {
  background-color: #fff;
}
.blue #phone-search .form-group input {
  border: none;
}
.blue #phone-search .text-center .yalla-btn {
  background-color: #003554;
  color: #fff;
}
.blue .fixed-top {
  border-bottom: 1px solid #003554;
}
.blue footer {
  background-color: #fff;
  color: #003554;
}
.blue footer section .media a div {
  background-color: #0582ca;
}
.blue footer section .media a div:hover {
  background-color: #003554 !important;
}
.blue footer section .media a div:hover svg, .blue footer section .media a div:hover i {
  color: #fff;
}
.blue footer section .yalla-footer__copyright-link {
  color: #fff;
}
.blue footer section .yalla-footer__col h3 {
  color: #003554;
}
.blue footer section .yalla-footer__col ul li a {
  color: #003554;
}
.blue footer section .yalla-footer__col ul li a:hover {
  color: #0582ca;
}
.blue footer .yalla-footer__copyright {
  color: #003554;
}
.blue footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #003554;
}
.blue footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #0582ca;
}
.blue .yalla-home-section__head::before {
  background: #0582ca;
}
.blue .yalla-home-section__head h3 {
  color: #003554;
}
.blue .yalla-home-section__head a:last-of-type {
  color: #0582ca;
}
.blue .yalla-home-section__head .dropdown {
  left: 0;
}
.blue .yalla-home-section__head .dropdown button {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #003554;
}
.blue .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #003554;
}
.blue .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #003554;
}
.blue .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #003554;
}
.blue header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div,
.blue .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div, .blue .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .blue .yalla-footer__social div {
  background-color: #0582ca;
}
.blue header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div i,
.blue .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div i, .blue .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .blue .yalla-footer__social div i, .blue header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div svg,
.blue .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div svg, .blue .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .blue .yalla-footer__social div svg {
  color: #fff;
}
.blue header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div:hover,
.blue .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .blue .yalla-topbar__social div:hover, .blue .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .blue .yalla-footer__social div:hover {
  background-color: #003554;
}
.blue .yalla-breadcrumb {
  background-color: transparent;
}
.blue .yalla-breadcrumb nav {
  background-color: transparent;
}
.blue .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.blue .yalla-breadcrumb nav ol li a {
  color: #003554;
}
.blue .yalla-breadcrumb nav ol .active {
  color: #003554;
}
.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 .btn-section {
  background-color: #003554;
  color: #fff;
}
.blue .btn-section:hover {
  background-color: #0582ca;
  color: #fff !important;
}
.blue .language label {
  color: #333;
}
.blue .language button span {
  border: 1px solid #fff;
}
.blue .language .dropdown-toggle::after {
  color: #003554;
}
.blue .language .dropdown-menu h6 {
  color: #737373;
}
.blue .menu-item .menu-button {
  background-color: transparent;
  color: #003554;
}
.blue .menu-item .menu-button i, .blue .menu-item .menu-button svg {
  color: #003554;
}
.blue .menu-item .menu-button span {
  color: #003554;
}
.blue .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #003554;
}
.blue .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #003554;
}
.blue .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.blue .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.blue .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.blue .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.blue .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.blue .yalla-product-card {
  background-color: #fff;
}
.blue .yalla-product-card section .yalla-product-card__badge--qty, .blue .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.blue .yalla-product-card section .yalla-product-card__badge--qty a, .blue .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.blue .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.blue .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.blue .yalla-product-card section .img-box i, .blue .yalla-product-card section .img-box svg, .blue .yalla-product-card section .yalla-product-card__media i, .blue .yalla-product-card section .yalla-product-card__media svg {
  color: #003554;
}
.blue .yalla-product-card section .img-box .Wishes, .blue .yalla-product-card section .img-box .yalla-product-card__wishlist, .blue .yalla-product-card section .yalla-product-card__media .Wishes, .blue .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.blue .yalla-product-card section section .yalla-product-card__title-box a h2,
.blue .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.blue .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #0582ca;
}
.blue .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #003554;
}
.blue .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.blue .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.blue .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #0582ca;
  border: 1px solid #0582ca;
}
.blue .yalla-product-card section .yalla-btn:hover {
  background-color: #0582ca;
  color: #fff !important;
}
.blue .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #0582ca !important;
  border: none;
}
.blue .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #0582ca !important;
}
.blue .yalla-product-card section .yalla-btn--disabled {
  background-color: #0582ca !important;
  color: #fff !important;
}
.blue .yalla-product-card:hover .yalla-product-card__title-box h2,
.blue .yalla-product-card:hover .yalla-product-card__title-box h3,
.blue .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #0582ca;
}
.blue .swiper-container .swiper-button-next,
.blue .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.blue .swiper-container .swiper-button-next:hover,
.blue .swiper-container .swiper-button-prev:hover {
  color: #0582ca;
}
.blue .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #0582ca;
}
.blue .yalla-cart-empty {
  background-color: #f8f8f8;
}
.blue .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.blue .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #003554;
}
.blue .shoping-cart a .label {
  color: #fff;
}
.blue .singbar {
  background: #fff;
  color: #888;
}
.blue .singbar .sing-dismiss {
  background: #003554;
  color: #fff;
}
.blue .singbar .sing-dismiss:hover {
  background: #0582ca;
}
.blue .singbar .sing-dismiss:focus {
  background: #0582ca;
}
.blue .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.blue .singbar .sing-head h3 {
  color: #003554;
}
.blue .singbar .sing-head a {
  display: inline-block;
}
.blue .successful-log {
  background-color: #f8f8f8;
}
.blue .successful-log li i, .blue .successful-log li svg {
  color: #003554;
}
.blue .successful-log li span {
  color: #0c0c0c;
}
.blue .successful-log li div a {
  background-color: #0582ca;
  color: #fff;
}
.blue .successful-log li div a:hover {
  background-color: #003554;
}
.blue .signup-form {
  background-color: #f8f8f8;
}
.blue .signup-form .register-form .g-log a,
.blue .signup-form .register-form .f-log a {
  background-color: #fff;
}
.blue .signup-form .register-form .g-log .facebook-link,
.blue .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.blue .signup-form .register-form .g-log .facebook-link i, .blue .signup-form .register-form .g-log .facebook-link svg,
.blue .signup-form .register-form .f-log .facebook-link i,
.blue .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.blue .signup-form .register-form .confirmation a {
  color: #003554;
}
.blue .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #003554;
  margin-right: 8px;
}
.blue .signup-form .register-form #reset:hover {
  background: #0582ca;
  color: #fff;
}
.blue .signup-form .register-form #submit {
  background: #003554;
  color: #fff;
}
.blue .signup-form .register-form #submit:hover {
  background: #0582ca;
}
.blue .side-media {
  background-color: #003554;
}
.blue .side-media a div i, .blue .side-media a div svg {
  color: #fff;
}
.blue .side-media a div:hover {
  background-color: #0582ca;
}
.blue .list {
  background: #fff;
  color: #888;
}
.blue .list .list-dismiss {
  background: #0582ca;
  color: #fff;
}
.blue .list .list-dismiss:hover {
  background: #00a6fb;
  color: #fff;
}
.blue .list .list-dismiss:focus {
  background: #00a6fb;
  color: #fff;
}
.blue .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #003554;
}
.blue .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.blue .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #003554;
}
.blue .list .cart-head .logo span {
  color: #fff;
}
.blue .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #003554;
}
.blue .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #003554;
}
.blue .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #003554;
}
.blue .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .blue .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.blue .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.blue .side-nave ul li a .img-box, .blue .side-nave ul li a h3, .blue .side-nave ul li a span {
  color: #003554;
}
.blue .side-nave ul li button {
  color: #003554;
  background-color: transparent;
}
.blue .side-nave ul li button i, .blue .side-nave ul li button svg {
  color: #003554;
}
.blue .side-nave ul li button:active, .blue .side-nave ul li button:focus, .blue .side-nave ul li button:after, .blue .side-nave ul li button:hover {
  background-color: transparent;
}
.blue .side-nave ul li .dropdown-menu a i, .blue .side-nave ul li .dropdown-menu a svg {
  color: #003554;
}
.blue .side-nave ul .panel .panel-heading a i, .blue .side-nave ul .panel .panel-heading a svg {
  color: #003554;
}
@media (max-width: 767.98px) {
  .blue .side-nave ul .panel .panel-heading a i i, .blue .side-nave ul .panel .panel-heading a i svg, .blue .side-nave ul .panel .panel-heading a svg i, .blue .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.blue .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.blue .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.blue .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.blue .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #003554;
}
.blue .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.blue .side-nave ul .active a h3 {
  color: #0582ca;
}
.blue .side-nave ul .active a span {
  color: #0582ca;
}
.blue .side-nave ul .active .panel-heading a h3 {
  color: #0582ca;
}
.blue .side-nave ul .active .panel-heading a span {
  color: #0582ca;
}
.blue .side-nave ul .active .panel-heading a i, .blue .side-nave ul .active .panel-heading a svg {
  color: #0582ca;
}
.blue .side-nave ul .active .panel-body h3 {
  color: #0582ca !important;
}
.blue .side-nave ul .active .panel-body span {
  color: #0582ca !important;
}
.blue .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #003554;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.blue .yalla-pagination nav .pagination li a:hover {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #0582ca;
  background-color: #0582ca;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.blue .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #003554;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.blue .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #003554;
  font-weight: bold;
}
.blue .yalla-trial-store {
  color: #ecf0f1;
  background-color: #003554;
}
.blue .yalla-trial-store a {
  color: #0582ca;
}
.blue .yalla-trial-store .close {
  background-color: #dc3545;
}
.blue .yalla-trial-store .close i, .blue .yalla-trial-store .close svg {
  color: #fff;
}
.blue .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #0582ca;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.blue .single .section {
  background-color: #fff;
}
.blue .single .section .swiper-button-next,
.blue .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.blue .single .section .swiper-button-next:hover,
.blue .single .section .swiper-button-prev:hover {
  color: #0582ca;
}
.blue .single .section .yalla-product__info h6 {
  color: #003554;
}
.blue .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #0582ca;
}
.blue .single .section .yalla-product__info .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: #000;
}
.blue .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.blue .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.blue .single .section .yalla-product__info section label span {
  background-color: #00a6fb !important;
  color: #fff;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .blue .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #003554;
  color: #fff;
}
.blue .single .section .yalla-product__description a {
  color: #0582ca;
}
.blue .single .button-more button {
  background-color: #003554;
  color: #fff;
}
.blue #special-offer .btn-collection, .blue .yalla-offers .btn-collection {
  border: 1px solid #0582ca;
  color: #0582ca;
  border-radius: 7px;
}
.blue #special-offer .btn-collection:hover, .blue .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.blue .share .action-icon button,
.blue .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.blue .share .share-div .s-icon {
  background-color: #8ec06c;
}
.blue .share .share-div .s-icon i, .blue .share .share-div .s-icon svg {
  color: #fff;
}
.blue .share .share-div .media a div i, .blue .share .share-div .media a div svg {
  color: #fff;
}
.blue .share .share-div .media a div:hover i, .blue .share .share-div .media a div:hover svg {
  color: #fff;
}
.blue .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.blue .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.blue .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.blue .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.blue .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.blue .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.blue .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.blue .share .share-div .media button i, .blue .share .share-div .media button svg {
  color: #fff;
}
.blue .share .share-div .media button:hover i, .blue .share .share-div .media button:hover svg {
  color: #fff;
}
.blue .share .share-div .media .facebook {
  background-color: #3b5998;
}
.blue .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.blue .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.blue .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.blue .share .share-div .media .telegram {
  background-color: #0088cc;
}
.blue .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.blue .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.blue #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .blue .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #003554;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #003554;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.blue .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.blue .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #003554;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #003554;
  background-color: transparent;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .blue .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .blue .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .blue .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .blue .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #003554;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .blue .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .blue .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .blue .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .blue .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .blue .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .blue .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #0582ca;
}
.blue .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .blue .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .blue .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .blue .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.blue .yalla-page-cart .yalla-cart .heart {
  color: #0582ca;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.blue .yalla-page-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 b {
  color: #0582ca;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #003554;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .blue .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #0582ca;
}
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #003554;
}
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #00a6fb;
}
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #0582ca;
  border: 1px solid #0582ca;
}
.blue .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #003554;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #0582ca;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #00a6fb;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #003554;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #0582ca;
  color: #fff;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #003554;
  color: #fff !important;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.blue .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #003554;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.blue #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #0582ca;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #0582ca;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #0582ca;
  color: white !important;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #0582ca;
}
.blue #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #e0f7ff;
  color: #003554;
}
.blue .account .yalla-account__form {
  background-color: #fff;
}
.blue .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #003554;
}
.blue .account .yalla-account__form .yalla-account__avatar-upload {
  color: #00a6fb;
}
.blue .account .yalla-account__form .yalla-account__avatar-upload:hover i, .blue .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #0582ca;
}
.blue .account .yalla-account__form form label {
  color: #737373;
}
.blue .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.blue .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.blue .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.blue .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.blue .account .yalla-account__form form button {
  background-color: #003554;
  color: #fff;
}
.blue .account .yalla-account__form form button:hover {
  background-color: #0582ca;
}
.blue .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.blue .account .yalla-account__form form .form-inline li .active {
  background-color: #0582ca;
  color: #fff;
}
.blue .account .yalla-account__form form .form-inline li a:focus {
  background-color: #0582ca;
  color: #fff;
}
.blue .nav-pills {
  background-color: #fff;
}
.blue .nav-pills .nav-link {
  color: #003554;
}
.blue .nav-pills .nav-link:hover {
  background-color: #0582ca;
  color: #fff;
}
.blue .nav-pills .active {
  color: #fff !important;
  background-color: #0582ca;
}
.blue .yalla-orders__card {
  background-color: #fff !important;
}
.blue .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.blue .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #0582ca !important;
}
.blue .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.blue .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.blue .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #0582ca;
}
.blue .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.blue .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #0582ca;
}
.blue .yalla-orders__list .yalla-orders__card .yalla-order-item,
.blue .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.blue .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.blue .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #0582ca;
}
.blue .yalla-empty-state h2 {
  color: #003554;
}
.blue .yalla-empty-state a {
  background-color: #003554;
  color: #fff;
}
.blue .yalla-empty-state a:hover {
  background-color: #0582ca;
}
.blue .completed h3 {
  color: #0c0c0c;
}
.blue .completed section h5 {
  color: #003554;
}
.blue .completed section ul li {
  color: #b6b6b6;
}
.blue .completed section ul li a {
  color: #003554;
  background-color: transparent;
  font-weight: bold;
}
.blue .completed section ul li a:hover {
  color: #0582ca;
  background-color: transparent;
}
.blue .completed .order-info {
  background-color: #fff;
}
.blue .completed .share-info .form-group textarea {
  color: #0582ca;
}
.blue .completed .share-info .share-button button {
  color: #fff;
  background-color: #0582ca;
}
.blue .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.blue .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.blue .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.blue .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.blue .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.blue .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.blue .completed a {
  background-color: #003554;
  color: #fff;
}
.blue .completed a:hover {
  background-color: #0582ca;
}
.blue .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.blue .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.blue .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.blue .contact .yalla-page-contact__info section div div span {
  background-color: #0582ca;
  color: #fff;
}
.blue .contact .yalla-page-contact__info section div div span i, .blue .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.blue .contact .yalla-page-contact__info section div div a {
  color: #003554;
}
.blue .contact .yalla-page-contact__info section div div p {
  color: #003554;
}
.blue .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .facebook:hover i, .blue .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.blue .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .twitter:hover i, .blue .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.blue .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .envelope:hover i, .blue .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.blue .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .whatsapp:hover i, .blue .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.blue .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .instagram:hover i, .blue .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.blue .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .telegram:hover i, .blue .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.blue .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .youtube:hover i, .blue .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.blue .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .soundcloud:hover i, .blue .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.blue .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.blue .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.blue .contact .yalla-page-contact__info .media .snapchat:hover i, .blue .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.blue .contact .yalla-page-contact__form form input {
  color: #003554;
}
.blue .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.blue .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.blue .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.blue .contact .yalla-page-contact__form form button {
  background-color: #003554;
  color: #fff;
}
.blue .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.blue .checkout .btn-primary:not(:disabled):not(.disabled):active,
.blue .checkout .show > .btn-primary.dropdown-toggle,
.blue .checkout .btn-primary:hover {
  background: #003554;
  border-color: #003554;
}
.blue .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.blue .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.blue .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.blue #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .blue #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.blue #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .blue #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.blue #global_checkout .checkout_container .checkout input:checked + .switch,
.blue #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .blue #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .blue #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .blue #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.blue #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .blue #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.blue #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.blue #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .blue #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #0582ca;
}
.blue #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .blue #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .blue #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .blue #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .blue #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .blue #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .blue #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .blue #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #0582ca;
}
.blue #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .blue #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.blue #global_checkout .checkout_container .checkout a:hover,
.blue #global_checkout .checkout_container .checkout_logo a, .blue #global_checkout .checkout_container .yalla-checkout__logo a,
.blue #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .blue #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.blue #global_checkout .checkout_container .checkout_side aside .delete, .blue #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.blue #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .blue #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .blue #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .blue #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.blue #global_checkout .yalla-checkout__container .checkout a:hover,
.blue #global_checkout .yalla-checkout__container .checkout_logo a, .blue #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.blue #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .blue #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.blue #global_checkout .yalla-checkout__container .checkout_side aside .delete, .blue #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.blue #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .blue #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #0582ca;
}
.blue #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .blue #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .blue #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .blue #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #0582ca;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.red .yalla-topbar__user a {
  color: #1c374a;
}
.red .login a i, .red .login a svg,
.red .yalla-topbar__user a i,
.red .yalla-topbar__user a svg {
  color: #1c374a;
}
.red .login a:hover,
.red .yalla-topbar__user a:hover {
  background-color: #1c374a;
  color: #fff;
}
.red .login button,
.red .yalla-topbar__user button {
  color: #1c374a;
  background-color: transparent;
}
.red .login button h6,
.red .yalla-topbar__user button h6 {
  color: #1c374a;
}
.red .login .dropdown-menu a,
.red .yalla-topbar__user .dropdown-menu a {
  color: #cc444b;
}
.red .login .dropdown-menu a i, .red .login .dropdown-menu a svg,
.red .yalla-topbar__user .dropdown-menu a i,
.red .yalla-topbar__user .dropdown-menu a svg {
  color: #cc444b;
}
.red .login .dropdown-menu a:hover,
.red .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.red .login .dropdown-menu a:hover i, .red .login .dropdown-menu a:hover svg,
.red .yalla-topbar__user .dropdown-menu a:hover i,
.red .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.red .login .dropdown-menu a:focus,
.red .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.red .login .dropdown-menu a:focus i, .red .login .dropdown-menu a:focus svg,
.red .yalla-topbar__user .dropdown-menu a:focus i,
.red .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.red .login .dropdown-menu a:active,
.red .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.red .login .dropdown-menu a:active i, .red .login .dropdown-menu a:active svg,
.red .yalla-topbar__user .dropdown-menu a:active i,
.red .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.red .yalla-subcats 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);
}
.red .social-button:hover {
  background: linear-gradient(45deg, #cc444b, #1c374a);
}
.red .add-cart {
  background-color: #cc444b !important;
}
.red .yalla-topbar__auth .btn {
  color: #fff;
}
.red .yalla-topbar__auth .btn-sing {
  background-color: #1c374a;
}
.red .yalla-topbar__auth .btn-sing:hover {
  background-color: #cc444b;
}
.red .yalla-topbar__auth .btn-login {
  color: #1c374a;
}
.red .yalla-topbar__auth .btn-login:hover {
  background-color: #cc444b;
  color: #fff;
}
.red .btn-head {
  background: #fff;
  color: #cc444b !important;
}
.red .btn-head:hover {
  background-color: #1c374a !important;
  color: #fff !important;
}
.red button div {
  background-color: #1c374a;
  color: #fff;
}
.red button div:hover {
  background-color: #cc444b;
}
.red .yalla-notice {
  background-color: #1c374a;
  color: #fff;
}
.red header {
  border-bottom: 1px solid #1c374a;
}
.red header nav {
  background-color: #fff;
}
.red header nav form button {
  background-color: #1c374a;
}
.red header nav .right-part a .logo.empty {
  background-color: #cc444b;
}
.red header nav .right-part a .logo.empty span {
  color: #fff;
}
.red header nav .right-part a span {
  color: #1c374a;
}
.red header .yalla-subnav {
  background-color: #f8f8f8;
}
.red header .yalla-subnav .right-part .open-list {
  color: #1c374a;
}
.red header .yalla-subnav .right-part .logo.empty {
  background-color: #cc444b;
}
.red header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.red header .yalla-subnav .right-part span {
  color: #1c374a;
}
.red header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #cc444b;
}
.red header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.red header .yalla-subnav .left-part .shoping-cart a i, .red header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.red .search-icon {
  background-color: transparent;
  color: #1c374a;
}
.red #phone-search {
  background-color: #fff;
}
.red #phone-search .form-group input {
  border: none;
}
.red #phone-search .text-center .yalla-btn {
  background-color: #1c374a;
  color: #fff;
}
.red .fixed-top {
  border-bottom: 1px solid #1c374a;
}
.red footer {
  background-color: #fff;
  color: #1c374a;
}
.red footer section .media a div {
  background-color: #cc444b;
}
.red footer section .media a div:hover {
  background-color: #1c374a !important;
}
.red footer section .media a div:hover svg, .red footer section .media a div:hover i {
  color: #fff;
}
.red footer section .yalla-footer__copyright-link {
  color: #fff;
}
.red footer section .yalla-footer__col h3 {
  color: #1c374a;
}
.red footer section .yalla-footer__col ul li a {
  color: #1c374a;
}
.red footer section .yalla-footer__col ul li a:hover {
  color: #cc444b;
}
.red footer .yalla-footer__copyright {
  color: #1c374a;
}
.red footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #1c374a;
}
.red footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #cc444b;
}
.red .yalla-home-section__head::before {
  background: #cc444b;
}
.red .yalla-home-section__head h3 {
  color: #1c374a;
}
.red .yalla-home-section__head a:last-of-type {
  color: #cc444b;
}
.red .yalla-home-section__head .dropdown {
  left: 0;
}
.red .yalla-home-section__head .dropdown button {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #1c374a;
}
.red .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #1c374a;
}
.red .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #1c374a;
}
.red .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #1c374a;
}
.red header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div,
.red .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div, .red .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .red .yalla-footer__social div {
  background-color: #cc444b;
}
.red header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div i,
.red .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div i, .red .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .red .yalla-footer__social div i, .red header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div svg,
.red .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div svg, .red .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .red .yalla-footer__social div svg {
  color: #fff;
}
.red header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div:hover,
.red .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .red .yalla-topbar__social div:hover, .red .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .red .yalla-footer__social div:hover {
  background-color: #1c374a;
}
.red .yalla-breadcrumb {
  background-color: transparent;
}
.red .yalla-breadcrumb nav {
  background-color: transparent;
}
.red .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.red .yalla-breadcrumb nav ol li a {
  color: #1c374a;
}
.red .yalla-breadcrumb nav ol .active {
  color: #1c374a;
}
.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 .btn-section {
  background-color: #1c374a;
  color: #fff;
}
.red .btn-section:hover {
  background-color: #cc444b;
  color: #fff !important;
}
.red .language label {
  color: #333;
}
.red .language button span {
  border: 1px solid #fff;
}
.red .language .dropdown-toggle::after {
  color: #1c374a;
}
.red .language .dropdown-menu h6 {
  color: #737373;
}
.red .menu-item .menu-button {
  background-color: transparent;
  color: #1c374a;
}
.red .menu-item .menu-button i, .red .menu-item .menu-button svg {
  color: #1c374a;
}
.red .menu-item .menu-button span {
  color: #1c374a;
}
.red .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #1c374a;
}
.red .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #1c374a;
}
.red .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.red .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.red .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.red .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.red .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.red .yalla-product-card {
  background-color: #fff;
}
.red .yalla-product-card section .yalla-product-card__badge--qty, .red .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.red .yalla-product-card section .yalla-product-card__badge--qty a, .red .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.red .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.red .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.red .yalla-product-card section .img-box i, .red .yalla-product-card section .img-box svg, .red .yalla-product-card section .yalla-product-card__media i, .red .yalla-product-card section .yalla-product-card__media svg {
  color: #1c374a;
}
.red .yalla-product-card section .img-box .Wishes, .red .yalla-product-card section .img-box .yalla-product-card__wishlist, .red .yalla-product-card section .yalla-product-card__media .Wishes, .red .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.red .yalla-product-card section section .yalla-product-card__title-box a h2,
.red .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.red .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #cc444b;
}
.red .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #1c374a;
}
.red .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.red .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.red .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #cc444b;
  border: 1px solid #cc444b;
}
.red .yalla-product-card section .yalla-btn:hover {
  background-color: #cc444b;
  color: #fff !important;
}
.red .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #cc444b !important;
  border: none;
}
.red .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #cc444b !important;
}
.red .yalla-product-card section .yalla-btn--disabled {
  background-color: #cc444b !important;
  color: #fff !important;
}
.red .yalla-product-card:hover .yalla-product-card__title-box h2,
.red .yalla-product-card:hover .yalla-product-card__title-box h3,
.red .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #cc444b;
}
.red .swiper-container .swiper-button-next,
.red .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.red .swiper-container .swiper-button-next:hover,
.red .swiper-container .swiper-button-prev:hover {
  color: #cc444b;
}
.red .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cc444b;
}
.red .yalla-cart-empty {
  background-color: #f8f8f8;
}
.red .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.red .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #1c374a;
}
.red .shoping-cart a .label {
  color: #fff;
}
.red .singbar {
  background: #fff;
  color: #888;
}
.red .singbar .sing-dismiss {
  background: #1c374a;
  color: #fff;
}
.red .singbar .sing-dismiss:hover {
  background: #cc444b;
}
.red .singbar .sing-dismiss:focus {
  background: #cc444b;
}
.red .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.red .singbar .sing-head h3 {
  color: #1c374a;
}
.red .singbar .sing-head a {
  display: inline-block;
}
.red .successful-log {
  background-color: #f8f8f8;
}
.red .successful-log li i, .red .successful-log li svg {
  color: #1c374a;
}
.red .successful-log li span {
  color: #0c0c0c;
}
.red .successful-log li div a {
  background-color: #cc444b;
  color: #fff;
}
.red .successful-log li div a:hover {
  background-color: #1c374a;
}
.red .signup-form {
  background-color: #f8f8f8;
}
.red .signup-form .register-form .g-log a,
.red .signup-form .register-form .f-log a {
  background-color: #fff;
}
.red .signup-form .register-form .g-log .facebook-link,
.red .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.red .signup-form .register-form .g-log .facebook-link i, .red .signup-form .register-form .g-log .facebook-link svg,
.red .signup-form .register-form .f-log .facebook-link i,
.red .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.red .signup-form .register-form .confirmation a {
  color: #1c374a;
}
.red .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #1c374a;
  margin-right: 8px;
}
.red .signup-form .register-form #reset:hover {
  background: #cc444b;
  color: #fff;
}
.red .signup-form .register-form #submit {
  background: #1c374a;
  color: #fff;
}
.red .signup-form .register-form #submit:hover {
  background: #cc444b;
}
.red .side-media {
  background-color: #1c374a;
}
.red .side-media a div i, .red .side-media a div svg {
  color: #fff;
}
.red .side-media a div:hover {
  background-color: #cc444b;
}
.red .list {
  background: #fff;
  color: #888;
}
.red .list .list-dismiss {
  background: #cc444b;
  color: #fff;
}
.red .list .list-dismiss:hover {
  background: #457b9d;
  color: #fff;
}
.red .list .list-dismiss:focus {
  background: #457b9d;
  color: #fff;
}
.red .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #1c374a;
}
.red .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.red .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #1c374a;
}
.red .list .cart-head .logo span {
  color: #fff;
}
.red .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #1c374a;
}
.red .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #1c374a;
}
.red .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #1c374a;
}
.red .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .red .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.red .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.red .side-nave ul li a .img-box, .red .side-nave ul li a h3, .red .side-nave ul li a span {
  color: #1c374a;
}
.red .side-nave ul li button {
  color: #1c374a;
  background-color: transparent;
}
.red .side-nave ul li button i, .red .side-nave ul li button svg {
  color: #1c374a;
}
.red .side-nave ul li button:active, .red .side-nave ul li button:focus, .red .side-nave ul li button:after, .red .side-nave ul li button:hover {
  background-color: transparent;
}
.red .side-nave ul li .dropdown-menu a i, .red .side-nave ul li .dropdown-menu a svg {
  color: #1c374a;
}
.red .side-nave ul .panel .panel-heading a i, .red .side-nave ul .panel .panel-heading a svg {
  color: #1c374a;
}
@media (max-width: 767.98px) {
  .red .side-nave ul .panel .panel-heading a i i, .red .side-nave ul .panel .panel-heading a i svg, .red .side-nave ul .panel .panel-heading a svg i, .red .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.red .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.red .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.red .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.red .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #1c374a;
}
.red .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.red .side-nave ul .active a h3 {
  color: #cc444b;
}
.red .side-nave ul .active a span {
  color: #cc444b;
}
.red .side-nave ul .active .panel-heading a h3 {
  color: #cc444b;
}
.red .side-nave ul .active .panel-heading a span {
  color: #cc444b;
}
.red .side-nave ul .active .panel-heading a i, .red .side-nave ul .active .panel-heading a svg {
  color: #cc444b;
}
.red .side-nave ul .active .panel-body h3 {
  color: #cc444b !important;
}
.red .side-nave ul .active .panel-body span {
  color: #cc444b !important;
}
.red .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #1c374a;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.red .yalla-pagination nav .pagination li a:hover {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #cc444b;
  background-color: #cc444b;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.red .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #1c374a;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.red .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #1c374a;
  font-weight: bold;
}
.red .yalla-trial-store {
  color: #ecf0f1;
  background-color: #1c374a;
}
.red .yalla-trial-store a {
  color: #cc444b;
}
.red .yalla-trial-store .close {
  background-color: #dc3545;
}
.red .yalla-trial-store .close i, .red .yalla-trial-store .close svg {
  color: #fff;
}
.red .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #cc444b;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.red .single .section {
  background-color: #fff;
}
.red .single .section .swiper-button-next,
.red .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.red .single .section .swiper-button-next:hover,
.red .single .section .swiper-button-prev:hover {
  color: #cc444b;
}
.red .single .section .yalla-product__info h6 {
  color: #1c374a;
}
.red .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #cc444b;
}
.red .single .section .yalla-product__info .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: #000;
}
.red .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.red .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.red .single .section .yalla-product__info section label span {
  background-color: #457b9d !important;
  color: #fff;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .red .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #1c374a;
  color: #fff;
}
.red .single .section .yalla-product__description a {
  color: #cc444b;
}
.red .single .button-more button {
  background-color: #1c374a;
  color: #fff;
}
.red #special-offer .btn-collection, .red .yalla-offers .btn-collection {
  border: 1px solid #cc444b;
  color: #cc444b;
  border-radius: 7px;
}
.red #special-offer .btn-collection:hover, .red .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.red .share .action-icon button,
.red .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.red .share .share-div .s-icon {
  background-color: #8ec06c;
}
.red .share .share-div .s-icon i, .red .share .share-div .s-icon svg {
  color: #fff;
}
.red .share .share-div .media a div i, .red .share .share-div .media a div svg {
  color: #fff;
}
.red .share .share-div .media a div:hover i, .red .share .share-div .media a div:hover svg {
  color: #fff;
}
.red .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.red .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.red .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.red .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.red .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.red .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.red .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.red .share .share-div .media button i, .red .share .share-div .media button svg {
  color: #fff;
}
.red .share .share-div .media button:hover i, .red .share .share-div .media button:hover svg {
  color: #fff;
}
.red .share .share-div .media .facebook {
  background-color: #3b5998;
}
.red .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.red .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.red .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.red .share .share-div .media .telegram {
  background-color: #0088cc;
}
.red .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.red .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.red #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .red .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #1c374a;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #1c374a;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.red .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.red .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.red .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.red .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .red .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #1c374a;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #1c374a;
  background-color: transparent;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .red .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .red .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .red .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .red .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #1c374a;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .red .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .red .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .red .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .red .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .red .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .red .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #cc444b;
}
.red .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .red .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .red .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .red .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.red .yalla-page-cart .yalla-cart .heart {
  color: #cc444b;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.red .yalla-page-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 b {
  color: #cc444b;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #1c374a;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .red .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #cc444b;
}
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #1c374a;
}
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #457b9d;
}
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #cc444b;
  border: 1px solid #cc444b;
}
.red .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #1c374a;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #cc444b;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #457b9d;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #1c374a;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #cc444b;
  color: #fff;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #1c374a;
  color: #fff !important;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.red .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #1c374a;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.red #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #cc444b;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #cc444b;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #cc444b;
  color: white !important;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #cc444b;
}
.red #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #ffdee0;
  color: #1c374a;
}
.red .account .yalla-account__form {
  background-color: #fff;
}
.red .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #1c374a;
}
.red .account .yalla-account__form .yalla-account__avatar-upload {
  color: #457b9d;
}
.red .account .yalla-account__form .yalla-account__avatar-upload:hover i, .red .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #cc444b;
}
.red .account .yalla-account__form form label {
  color: #737373;
}
.red .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.red .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.red .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.red .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.red .account .yalla-account__form form button {
  background-color: #1c374a;
  color: #fff;
}
.red .account .yalla-account__form form button:hover {
  background-color: #cc444b;
}
.red .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.red .account .yalla-account__form form .form-inline li .active {
  background-color: #cc444b;
  color: #fff;
}
.red .account .yalla-account__form form .form-inline li a:focus {
  background-color: #cc444b;
  color: #fff;
}
.red .nav-pills {
  background-color: #fff;
}
.red .nav-pills .nav-link {
  color: #1c374a;
}
.red .nav-pills .nav-link:hover {
  background-color: #cc444b;
  color: #fff;
}
.red .nav-pills .active {
  color: #fff !important;
  background-color: #cc444b;
}
.red .yalla-orders__card {
  background-color: #fff !important;
}
.red .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.red .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #cc444b !important;
}
.red .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.red .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.red .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #cc444b;
}
.red .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.red .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #cc444b;
}
.red .yalla-orders__list .yalla-orders__card .yalla-order-item,
.red .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.red .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.red .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #cc444b;
}
.red .yalla-empty-state h2 {
  color: #1c374a;
}
.red .yalla-empty-state a {
  background-color: #1c374a;
  color: #fff;
}
.red .yalla-empty-state a:hover {
  background-color: #cc444b;
}
.red .completed h3 {
  color: #0c0c0c;
}
.red .completed section h5 {
  color: #1c374a;
}
.red .completed section ul li {
  color: #b6b6b6;
}
.red .completed section ul li a {
  color: #1c374a;
  background-color: transparent;
  font-weight: bold;
}
.red .completed section ul li a:hover {
  color: #cc444b;
  background-color: transparent;
}
.red .completed .order-info {
  background-color: #fff;
}
.red .completed .share-info .form-group textarea {
  color: #cc444b;
}
.red .completed .share-info .share-button button {
  color: #fff;
  background-color: #cc444b;
}
.red .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.red .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.red .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.red .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.red .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.red .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.red .completed a {
  background-color: #1c374a;
  color: #fff;
}
.red .completed a:hover {
  background-color: #cc444b;
}
.red .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.red .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.red .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.red .contact .yalla-page-contact__info section div div span {
  background-color: #cc444b;
  color: #fff;
}
.red .contact .yalla-page-contact__info section div div span i, .red .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.red .contact .yalla-page-contact__info section div div a {
  color: #1c374a;
}
.red .contact .yalla-page-contact__info section div div p {
  color: #1c374a;
}
.red .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .facebook:hover i, .red .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.red .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .twitter:hover i, .red .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.red .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .envelope:hover i, .red .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.red .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .whatsapp:hover i, .red .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.red .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .instagram:hover i, .red .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.red .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .telegram:hover i, .red .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.red .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .youtube:hover i, .red .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.red .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .soundcloud:hover i, .red .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.red .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.red .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.red .contact .yalla-page-contact__info .media .snapchat:hover i, .red .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.red .contact .yalla-page-contact__form form input {
  color: #1c374a;
}
.red .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.red .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.red .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.red .contact .yalla-page-contact__form form button {
  background-color: #1c374a;
  color: #fff;
}
.red .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.red .checkout .btn-primary:not(:disabled):not(.disabled):active,
.red .checkout .show > .btn-primary.dropdown-toggle,
.red .checkout .btn-primary:hover {
  background: #1c374a;
  border-color: #1c374a;
}
.red .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.red .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.red .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.red #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .red #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.red #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .red #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.red #global_checkout .checkout_container .checkout input:checked + .switch,
.red #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .red #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .red #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .red #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.red #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .red #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.red #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.red #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .red #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #cc444b;
}
.red #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .red #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .red #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .red #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .red #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .red #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .red #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .red #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #cc444b;
}
.red #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .red #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.red #global_checkout .checkout_container .checkout a:hover,
.red #global_checkout .checkout_container .checkout_logo a, .red #global_checkout .checkout_container .yalla-checkout__logo a,
.red #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .red #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.red #global_checkout .checkout_container .checkout_side aside .delete, .red #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.red #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .red #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .red #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .red #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.red #global_checkout .yalla-checkout__container .checkout a:hover,
.red #global_checkout .yalla-checkout__container .checkout_logo a, .red #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.red #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .red #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.red #global_checkout .yalla-checkout__container .checkout_side aside .delete, .red #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.red #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .red #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #cc444b;
}
.red #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .red #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .red #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .red #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #cc444b;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.green .yalla-topbar__user a {
  color: #1b4332;
}
.green .login a i, .green .login a svg,
.green .yalla-topbar__user a i,
.green .yalla-topbar__user a svg {
  color: #1b4332;
}
.green .login a:hover,
.green .yalla-topbar__user a:hover {
  background-color: #1b4332;
  color: #fff;
}
.green .login button,
.green .yalla-topbar__user button {
  color: #1b4332;
  background-color: transparent;
}
.green .login button h6,
.green .yalla-topbar__user button h6 {
  color: #1b4332;
}
.green .login .dropdown-menu a,
.green .yalla-topbar__user .dropdown-menu a {
  color: #6fab0f;
}
.green .login .dropdown-menu a i, .green .login .dropdown-menu a svg,
.green .yalla-topbar__user .dropdown-menu a i,
.green .yalla-topbar__user .dropdown-menu a svg {
  color: #6fab0f;
}
.green .login .dropdown-menu a:hover,
.green .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.green .login .dropdown-menu a:hover i, .green .login .dropdown-menu a:hover svg,
.green .yalla-topbar__user .dropdown-menu a:hover i,
.green .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.green .login .dropdown-menu a:focus,
.green .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.green .login .dropdown-menu a:focus i, .green .login .dropdown-menu a:focus svg,
.green .yalla-topbar__user .dropdown-menu a:focus i,
.green .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.green .login .dropdown-menu a:active,
.green .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.green .login .dropdown-menu a:active i, .green .login .dropdown-menu a:active svg,
.green .yalla-topbar__user .dropdown-menu a:active i,
.green .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.green .yalla-subcats 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);
}
.green .social-button:hover {
  background: linear-gradient(45deg, #6fab0f, #1b4332);
}
.green .add-cart {
  background-color: #6fab0f !important;
}
.green .yalla-topbar__auth .btn {
  color: #fff;
}
.green .yalla-topbar__auth .btn-sing {
  background-color: #1b4332;
}
.green .yalla-topbar__auth .btn-sing:hover {
  background-color: #6fab0f;
}
.green .yalla-topbar__auth .btn-login {
  color: #1b4332;
}
.green .yalla-topbar__auth .btn-login:hover {
  background-color: #6fab0f;
  color: #fff;
}
.green .btn-head {
  background: #fff;
  color: #6fab0f !important;
}
.green .btn-head:hover {
  background-color: #1b4332 !important;
  color: #fff !important;
}
.green button div {
  background-color: #1b4332;
  color: #fff;
}
.green button div:hover {
  background-color: #6fab0f;
}
.green .yalla-notice {
  background-color: #1b4332;
  color: #fff;
}
.green header {
  border-bottom: 1px solid #1b4332;
}
.green header nav {
  background-color: #fff;
}
.green header nav form button {
  background-color: #1b4332;
}
.green header nav .right-part a .logo.empty {
  background-color: #6fab0f;
}
.green header nav .right-part a .logo.empty span {
  color: #fff;
}
.green header nav .right-part a span {
  color: #1b4332;
}
.green header .yalla-subnav {
  background-color: #f8f8f8;
}
.green header .yalla-subnav .right-part .open-list {
  color: #1b4332;
}
.green header .yalla-subnav .right-part .logo.empty {
  background-color: #6fab0f;
}
.green header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.green header .yalla-subnav .right-part span {
  color: #1b4332;
}
.green header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #6fab0f;
}
.green header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.green header .yalla-subnav .left-part .shoping-cart a i, .green header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.green .search-icon {
  background-color: transparent;
  color: #1b4332;
}
.green #phone-search {
  background-color: #fff;
}
.green #phone-search .form-group input {
  border: none;
}
.green #phone-search .text-center .yalla-btn {
  background-color: #1b4332;
  color: #fff;
}
.green .fixed-top {
  border-bottom: 1px solid #1b4332;
}
.green footer {
  background-color: #fff;
  color: #1b4332;
}
.green footer section .media a div {
  background-color: #6fab0f;
}
.green footer section .media a div:hover {
  background-color: #1b4332 !important;
}
.green footer section .media a div:hover svg, .green footer section .media a div:hover i {
  color: #fff;
}
.green footer section .yalla-footer__copyright-link {
  color: #fff;
}
.green footer section .yalla-footer__col h3 {
  color: #1b4332;
}
.green footer section .yalla-footer__col ul li a {
  color: #1b4332;
}
.green footer section .yalla-footer__col ul li a:hover {
  color: #6fab0f;
}
.green footer .yalla-footer__copyright {
  color: #1b4332;
}
.green footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #1b4332;
}
.green footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #6fab0f;
}
.green .yalla-home-section__head::before {
  background: #6fab0f;
}
.green .yalla-home-section__head h3 {
  color: #1b4332;
}
.green .yalla-home-section__head a:last-of-type {
  color: #6fab0f;
}
.green .yalla-home-section__head .dropdown {
  left: 0;
}
.green .yalla-home-section__head .dropdown button {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #1b4332;
}
.green .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #1b4332;
}
.green .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #1b4332;
}
.green .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #1b4332;
}
.green header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div,
.green .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div, .green .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .green .yalla-footer__social div {
  background-color: #6fab0f;
}
.green header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div i,
.green .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div i, .green .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .green .yalla-footer__social div i, .green header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div svg,
.green .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div svg, .green .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .green .yalla-footer__social div svg {
  color: #fff;
}
.green header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div:hover,
.green .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .green .yalla-topbar__social div:hover, .green .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .green .yalla-footer__social div:hover {
  background-color: #1b4332;
}
.green .yalla-breadcrumb {
  background-color: transparent;
}
.green .yalla-breadcrumb nav {
  background-color: transparent;
}
.green .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.green .yalla-breadcrumb nav ol li a {
  color: #1b4332;
}
.green .yalla-breadcrumb nav ol .active {
  color: #1b4332;
}
.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 .btn-section {
  background-color: #1b4332;
  color: #fff;
}
.green .btn-section:hover {
  background-color: #6fab0f;
  color: #fff !important;
}
.green .language label {
  color: #333;
}
.green .language button span {
  border: 1px solid #fff;
}
.green .language .dropdown-toggle::after {
  color: #1b4332;
}
.green .language .dropdown-menu h6 {
  color: #737373;
}
.green .menu-item .menu-button {
  background-color: transparent;
  color: #1b4332;
}
.green .menu-item .menu-button i, .green .menu-item .menu-button svg {
  color: #1b4332;
}
.green .menu-item .menu-button span {
  color: #1b4332;
}
.green .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #1b4332;
}
.green .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #1b4332;
}
.green .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.green .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.green .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.green .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.green .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.green .yalla-product-card {
  background-color: #fff;
}
.green .yalla-product-card section .yalla-product-card__badge--qty, .green .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-product-card section .yalla-product-card__badge--qty a, .green .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.green .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.green .yalla-product-card section .img-box i, .green .yalla-product-card section .img-box svg, .green .yalla-product-card section .yalla-product-card__media i, .green .yalla-product-card section .yalla-product-card__media svg {
  color: #1b4332;
}
.green .yalla-product-card section .img-box .Wishes, .green .yalla-product-card section .img-box .yalla-product-card__wishlist, .green .yalla-product-card section .yalla-product-card__media .Wishes, .green .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.green .yalla-product-card section section .yalla-product-card__title-box a h2,
.green .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.green .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #6fab0f;
}
.green .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #1b4332;
}
.green .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.green .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.green .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #6fab0f;
  border: 1px solid #6fab0f;
}
.green .yalla-product-card section .yalla-btn:hover {
  background-color: #6fab0f;
  color: #fff !important;
}
.green .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #6fab0f !important;
  border: none;
}
.green .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #6fab0f !important;
}
.green .yalla-product-card section .yalla-btn--disabled {
  background-color: #6fab0f !important;
  color: #fff !important;
}
.green .yalla-product-card:hover .yalla-product-card__title-box h2,
.green .yalla-product-card:hover .yalla-product-card__title-box h3,
.green .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #6fab0f;
}
.green .swiper-container .swiper-button-next,
.green .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.green .swiper-container .swiper-button-next:hover,
.green .swiper-container .swiper-button-prev:hover {
  color: #6fab0f;
}
.green .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #6fab0f;
}
.green .yalla-cart-empty {
  background-color: #f8f8f8;
}
.green .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.green .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #1b4332;
}
.green .shoping-cart a .label {
  color: #fff;
}
.green .singbar {
  background: #fff;
  color: #888;
}
.green .singbar .sing-dismiss {
  background: #1b4332;
  color: #fff;
}
.green .singbar .sing-dismiss:hover {
  background: #6fab0f;
}
.green .singbar .sing-dismiss:focus {
  background: #6fab0f;
}
.green .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.green .singbar .sing-head h3 {
  color: #1b4332;
}
.green .singbar .sing-head a {
  display: inline-block;
}
.green .successful-log {
  background-color: #f8f8f8;
}
.green .successful-log li i, .green .successful-log li svg {
  color: #1b4332;
}
.green .successful-log li span {
  color: #0c0c0c;
}
.green .successful-log li div a {
  background-color: #6fab0f;
  color: #fff;
}
.green .successful-log li div a:hover {
  background-color: #1b4332;
}
.green .signup-form {
  background-color: #f8f8f8;
}
.green .signup-form .register-form .g-log a,
.green .signup-form .register-form .f-log a {
  background-color: #fff;
}
.green .signup-form .register-form .g-log .facebook-link,
.green .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.green .signup-form .register-form .g-log .facebook-link i, .green .signup-form .register-form .g-log .facebook-link svg,
.green .signup-form .register-form .f-log .facebook-link i,
.green .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.green .signup-form .register-form .confirmation a {
  color: #1b4332;
}
.green .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #1b4332;
  margin-right: 8px;
}
.green .signup-form .register-form #reset:hover {
  background: #6fab0f;
  color: #fff;
}
.green .signup-form .register-form #submit {
  background: #1b4332;
  color: #fff;
}
.green .signup-form .register-form #submit:hover {
  background: #6fab0f;
}
.green .side-media {
  background-color: #1b4332;
}
.green .side-media a div i, .green .side-media a div svg {
  color: #fff;
}
.green .side-media a div:hover {
  background-color: #6fab0f;
}
.green .list {
  background: #fff;
  color: #888;
}
.green .list .list-dismiss {
  background: #6fab0f;
  color: #fff;
}
.green .list .list-dismiss:hover {
  background: #52b788;
  color: #fff;
}
.green .list .list-dismiss:focus {
  background: #52b788;
  color: #fff;
}
.green .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #1b4332;
}
.green .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.green .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #1b4332;
}
.green .list .cart-head .logo span {
  color: #fff;
}
.green .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #1b4332;
}
.green .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #1b4332;
}
.green .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #1b4332;
}
.green .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .green .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.green .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.green .side-nave ul li a .img-box, .green .side-nave ul li a h3, .green .side-nave ul li a span {
  color: #1b4332;
}
.green .side-nave ul li button {
  color: #1b4332;
  background-color: transparent;
}
.green .side-nave ul li button i, .green .side-nave ul li button svg {
  color: #1b4332;
}
.green .side-nave ul li button:active, .green .side-nave ul li button:focus, .green .side-nave ul li button:after, .green .side-nave ul li button:hover {
  background-color: transparent;
}
.green .side-nave ul li .dropdown-menu a i, .green .side-nave ul li .dropdown-menu a svg {
  color: #1b4332;
}
.green .side-nave ul .panel .panel-heading a i, .green .side-nave ul .panel .panel-heading a svg {
  color: #1b4332;
}
@media (max-width: 767.98px) {
  .green .side-nave ul .panel .panel-heading a i i, .green .side-nave ul .panel .panel-heading a i svg, .green .side-nave ul .panel .panel-heading a svg i, .green .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.green .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.green .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.green .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.green .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #1b4332;
}
.green .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.green .side-nave ul .active a h3 {
  color: #6fab0f;
}
.green .side-nave ul .active a span {
  color: #6fab0f;
}
.green .side-nave ul .active .panel-heading a h3 {
  color: #6fab0f;
}
.green .side-nave ul .active .panel-heading a span {
  color: #6fab0f;
}
.green .side-nave ul .active .panel-heading a i, .green .side-nave ul .active .panel-heading a svg {
  color: #6fab0f;
}
.green .side-nave ul .active .panel-body h3 {
  color: #6fab0f !important;
}
.green .side-nave ul .active .panel-body span {
  color: #6fab0f !important;
}
.green .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #1b4332;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.green .yalla-pagination nav .pagination li a:hover {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #6fab0f;
  background-color: #6fab0f;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.green .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #1b4332;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.green .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #1b4332;
  font-weight: bold;
}
.green .yalla-trial-store {
  color: #ecf0f1;
  background-color: #1b4332;
}
.green .yalla-trial-store a {
  color: #6fab0f;
}
.green .yalla-trial-store .close {
  background-color: #dc3545;
}
.green .yalla-trial-store .close i, .green .yalla-trial-store .close svg {
  color: #fff;
}
.green .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #6fab0f;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.green .single .section {
  background-color: #fff;
}
.green .single .section .swiper-button-next,
.green .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.green .single .section .swiper-button-next:hover,
.green .single .section .swiper-button-prev:hover {
  color: #6fab0f;
}
.green .single .section .yalla-product__info h6 {
  color: #1b4332;
}
.green .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #6fab0f;
}
.green .single .section .yalla-product__info .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: #000;
}
.green .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.green .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.green .single .section .yalla-product__info section label span {
  background-color: #52b788 !important;
  color: #fff;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .green .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #1b4332;
  color: #fff;
}
.green .single .section .yalla-product__description a {
  color: #6fab0f;
}
.green .single .button-more button {
  background-color: #1b4332;
  color: #fff;
}
.green #special-offer .btn-collection, .green .yalla-offers .btn-collection {
  border: 1px solid #6fab0f;
  color: #6fab0f;
  border-radius: 7px;
}
.green #special-offer .btn-collection:hover, .green .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.green .share .action-icon button,
.green .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.green .share .share-div .s-icon {
  background-color: #8ec06c;
}
.green .share .share-div .s-icon i, .green .share .share-div .s-icon svg {
  color: #fff;
}
.green .share .share-div .media a div i, .green .share .share-div .media a div svg {
  color: #fff;
}
.green .share .share-div .media a div:hover i, .green .share .share-div .media a div:hover svg {
  color: #fff;
}
.green .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.green .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.green .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.green .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.green .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.green .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.green .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.green .share .share-div .media button i, .green .share .share-div .media button svg {
  color: #fff;
}
.green .share .share-div .media button:hover i, .green .share .share-div .media button:hover svg {
  color: #fff;
}
.green .share .share-div .media .facebook {
  background-color: #3b5998;
}
.green .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.green .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.green .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.green .share .share-div .media .telegram {
  background-color: #0088cc;
}
.green .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.green .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.green #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .green .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #1b4332;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #1b4332;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.green .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.green .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.green .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.green .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .green .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #1b4332;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #1b4332;
  background-color: transparent;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .green .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .green .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .green .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .green .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #1b4332;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .green .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .green .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .green .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .green .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .green .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .green .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #6fab0f;
}
.green .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .green .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .green .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .green .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.green .yalla-page-cart .yalla-cart .heart {
  color: #6fab0f;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.green .yalla-page-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 b {
  color: #6fab0f;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #1b4332;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .green .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #6fab0f;
}
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #1b4332;
}
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #52b788;
}
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #6fab0f;
  border: 1px solid #6fab0f;
}
.green .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #1b4332;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #6fab0f;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #52b788;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #1b4332;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #6fab0f;
  color: #fff;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #1b4332;
  color: #fff !important;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.green .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #1b4332;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.green #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #6fab0f;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #6fab0f;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #6fab0f;
  color: white !important;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #6fab0f;
}
.green #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #f2ffe2;
  color: #1b4332;
}
.green .account .yalla-account__form {
  background-color: #fff;
}
.green .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #1b4332;
}
.green .account .yalla-account__form .yalla-account__avatar-upload {
  color: #52b788;
}
.green .account .yalla-account__form .yalla-account__avatar-upload:hover i, .green .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #6fab0f;
}
.green .account .yalla-account__form form label {
  color: #737373;
}
.green .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.green .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.green .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.green .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.green .account .yalla-account__form form button {
  background-color: #1b4332;
  color: #fff;
}
.green .account .yalla-account__form form button:hover {
  background-color: #6fab0f;
}
.green .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.green .account .yalla-account__form form .form-inline li .active {
  background-color: #6fab0f;
  color: #fff;
}
.green .account .yalla-account__form form .form-inline li a:focus {
  background-color: #6fab0f;
  color: #fff;
}
.green .nav-pills {
  background-color: #fff;
}
.green .nav-pills .nav-link {
  color: #1b4332;
}
.green .nav-pills .nav-link:hover {
  background-color: #6fab0f;
  color: #fff;
}
.green .nav-pills .active {
  color: #fff !important;
  background-color: #6fab0f;
}
.green .yalla-orders__card {
  background-color: #fff !important;
}
.green .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.green .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #6fab0f !important;
}
.green .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.green .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.green .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #6fab0f;
}
.green .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.green .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #6fab0f;
}
.green .yalla-orders__list .yalla-orders__card .yalla-order-item,
.green .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.green .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.green .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #6fab0f;
}
.green .yalla-empty-state h2 {
  color: #1b4332;
}
.green .yalla-empty-state a {
  background-color: #1b4332;
  color: #fff;
}
.green .yalla-empty-state a:hover {
  background-color: #6fab0f;
}
.green .completed h3 {
  color: #0c0c0c;
}
.green .completed section h5 {
  color: #1b4332;
}
.green .completed section ul li {
  color: #b6b6b6;
}
.green .completed section ul li a {
  color: #1b4332;
  background-color: transparent;
  font-weight: bold;
}
.green .completed section ul li a:hover {
  color: #6fab0f;
  background-color: transparent;
}
.green .completed .order-info {
  background-color: #fff;
}
.green .completed .share-info .form-group textarea {
  color: #6fab0f;
}
.green .completed .share-info .share-button button {
  color: #fff;
  background-color: #6fab0f;
}
.green .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.green .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.green .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.green .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.green .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.green .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.green .completed a {
  background-color: #1b4332;
  color: #fff;
}
.green .completed a:hover {
  background-color: #6fab0f;
}
.green .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.green .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.green .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.green .contact .yalla-page-contact__info section div div span {
  background-color: #6fab0f;
  color: #fff;
}
.green .contact .yalla-page-contact__info section div div span i, .green .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.green .contact .yalla-page-contact__info section div div a {
  color: #1b4332;
}
.green .contact .yalla-page-contact__info section div div p {
  color: #1b4332;
}
.green .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .facebook:hover i, .green .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.green .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .twitter:hover i, .green .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.green .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .envelope:hover i, .green .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.green .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .whatsapp:hover i, .green .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.green .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .instagram:hover i, .green .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.green .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .telegram:hover i, .green .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.green .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .youtube:hover i, .green .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.green .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .soundcloud:hover i, .green .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.green .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.green .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.green .contact .yalla-page-contact__info .media .snapchat:hover i, .green .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.green .contact .yalla-page-contact__form form input {
  color: #1b4332;
}
.green .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.green .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.green .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.green .contact .yalla-page-contact__form form button {
  background-color: #1b4332;
  color: #fff;
}
.green .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.green .checkout .btn-primary:not(:disabled):not(.disabled):active,
.green .checkout .show > .btn-primary.dropdown-toggle,
.green .checkout .btn-primary:hover {
  background: #1b4332;
  border-color: #1b4332;
}
.green .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.green .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.green .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.green #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .green #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.green #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .green #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.green #global_checkout .checkout_container .checkout input:checked + .switch,
.green #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .green #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .green #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .green #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.green #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .green #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.green #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.green #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .green #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #6fab0f;
}
.green #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .green #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .green #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .green #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .green #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .green #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .green #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .green #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #6fab0f;
}
.green #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .green #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.green #global_checkout .checkout_container .checkout a:hover,
.green #global_checkout .checkout_container .checkout_logo a, .green #global_checkout .checkout_container .yalla-checkout__logo a,
.green #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .green #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.green #global_checkout .checkout_container .checkout_side aside .delete, .green #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.green #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .green #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .green #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .green #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.green #global_checkout .yalla-checkout__container .checkout a:hover,
.green #global_checkout .yalla-checkout__container .checkout_logo a, .green #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.green #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .green #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.green #global_checkout .yalla-checkout__container .checkout_side aside .delete, .green #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.green #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .green #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #6fab0f;
}
.green #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .green #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .green #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .green #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #6fab0f;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.brown .yalla-topbar__user a {
  color: #3f2613;
}
.brown .login a i, .brown .login a svg,
.brown .yalla-topbar__user a i,
.brown .yalla-topbar__user a svg {
  color: #3f2613;
}
.brown .login a:hover,
.brown .yalla-topbar__user a:hover {
  background-color: #3f2613;
  color: #fff;
}
.brown .login button,
.brown .yalla-topbar__user button {
  color: #3f2613;
  background-color: transparent;
}
.brown .login button h6,
.brown .yalla-topbar__user button h6 {
  color: #3f2613;
}
.brown .login .dropdown-menu a,
.brown .yalla-topbar__user .dropdown-menu a {
  color: #a98360;
}
.brown .login .dropdown-menu a i, .brown .login .dropdown-menu a svg,
.brown .yalla-topbar__user .dropdown-menu a i,
.brown .yalla-topbar__user .dropdown-menu a svg {
  color: #a98360;
}
.brown .login .dropdown-menu a:hover,
.brown .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.brown .login .dropdown-menu a:hover i, .brown .login .dropdown-menu a:hover svg,
.brown .yalla-topbar__user .dropdown-menu a:hover i,
.brown .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.brown .login .dropdown-menu a:focus,
.brown .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.brown .login .dropdown-menu a:focus i, .brown .login .dropdown-menu a:focus svg,
.brown .yalla-topbar__user .dropdown-menu a:focus i,
.brown .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.brown .login .dropdown-menu a:active,
.brown .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.brown .login .dropdown-menu a:active i, .brown .login .dropdown-menu a:active svg,
.brown .yalla-topbar__user .dropdown-menu a:active i,
.brown .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.brown .yalla-subcats 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);
}
.brown .social-button:hover {
  background: linear-gradient(45deg, #a98360, #3f2613);
}
.brown .add-cart {
  background-color: #a98360 !important;
}
.brown .yalla-topbar__auth .btn {
  color: #fff;
}
.brown .yalla-topbar__auth .btn-sing {
  background-color: #3f2613;
}
.brown .yalla-topbar__auth .btn-sing:hover {
  background-color: #a98360;
}
.brown .yalla-topbar__auth .btn-login {
  color: #3f2613;
}
.brown .yalla-topbar__auth .btn-login:hover {
  background-color: #a98360;
  color: #fff;
}
.brown .btn-head {
  background: #fff;
  color: #a98360 !important;
}
.brown .btn-head:hover {
  background-color: #3f2613 !important;
  color: #fff !important;
}
.brown button div {
  background-color: #3f2613;
  color: #fff;
}
.brown button div:hover {
  background-color: #a98360;
}
.brown .yalla-notice {
  background-color: #3f2613;
  color: #fff;
}
.brown header {
  border-bottom: 1px solid #3f2613;
}
.brown header nav {
  background-color: #fff;
}
.brown header nav form button {
  background-color: #3f2613;
}
.brown header nav .right-part a .logo.empty {
  background-color: #a98360;
}
.brown header nav .right-part a .logo.empty span {
  color: #fff;
}
.brown header nav .right-part a span {
  color: #3f2613;
}
.brown header .yalla-subnav {
  background-color: #f8f8f8;
}
.brown header .yalla-subnav .right-part .open-list {
  color: #3f2613;
}
.brown header .yalla-subnav .right-part .logo.empty {
  background-color: #a98360;
}
.brown header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.brown header .yalla-subnav .right-part span {
  color: #3f2613;
}
.brown header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #a98360;
}
.brown header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.brown header .yalla-subnav .left-part .shoping-cart a i, .brown header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.brown .search-icon {
  background-color: transparent;
  color: #3f2613;
}
.brown #phone-search {
  background-color: #fff;
}
.brown #phone-search .form-group input {
  border: none;
}
.brown #phone-search .text-center .yalla-btn {
  background-color: #3f2613;
  color: #fff;
}
.brown .fixed-top {
  border-bottom: 1px solid #3f2613;
}
.brown footer {
  background-color: #fff;
  color: #3f2613;
}
.brown footer section .media a div {
  background-color: #a98360;
}
.brown footer section .media a div:hover {
  background-color: #3f2613 !important;
}
.brown footer section .media a div:hover svg, .brown footer section .media a div:hover i {
  color: #fff;
}
.brown footer section .yalla-footer__copyright-link {
  color: #fff;
}
.brown footer section .yalla-footer__col h3 {
  color: #3f2613;
}
.brown footer section .yalla-footer__col ul li a {
  color: #3f2613;
}
.brown footer section .yalla-footer__col ul li a:hover {
  color: #a98360;
}
.brown footer .yalla-footer__copyright {
  color: #3f2613;
}
.brown footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #3f2613;
}
.brown footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #a98360;
}
.brown .yalla-home-section__head::before {
  background: #a98360;
}
.brown .yalla-home-section__head h3 {
  color: #3f2613;
}
.brown .yalla-home-section__head a:last-of-type {
  color: #a98360;
}
.brown .yalla-home-section__head .dropdown {
  left: 0;
}
.brown .yalla-home-section__head .dropdown button {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #3f2613;
}
.brown .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #3f2613;
}
.brown .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #3f2613;
}
.brown .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #3f2613;
}
.brown header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div,
.brown .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div, .brown .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .brown .yalla-footer__social div {
  background-color: #a98360;
}
.brown header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div i,
.brown .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div i, .brown .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .brown .yalla-footer__social div i, .brown header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div svg,
.brown .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div svg, .brown .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .brown .yalla-footer__social div svg {
  color: #fff;
}
.brown header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div:hover,
.brown .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .brown .yalla-topbar__social div:hover, .brown .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .brown .yalla-footer__social div:hover {
  background-color: #3f2613;
}
.brown .yalla-breadcrumb {
  background-color: transparent;
}
.brown .yalla-breadcrumb nav {
  background-color: transparent;
}
.brown .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.brown .yalla-breadcrumb nav ol li a {
  color: #3f2613;
}
.brown .yalla-breadcrumb nav ol .active {
  color: #3f2613;
}
.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 .btn-section {
  background-color: #3f2613;
  color: #fff;
}
.brown .btn-section:hover {
  background-color: #a98360;
  color: #fff !important;
}
.brown .language label {
  color: #333;
}
.brown .language button span {
  border: 1px solid #fff;
}
.brown .language .dropdown-toggle::after {
  color: #3f2613;
}
.brown .language .dropdown-menu h6 {
  color: #737373;
}
.brown .menu-item .menu-button {
  background-color: transparent;
  color: #3f2613;
}
.brown .menu-item .menu-button i, .brown .menu-item .menu-button svg {
  color: #3f2613;
}
.brown .menu-item .menu-button span {
  color: #3f2613;
}
.brown .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #3f2613;
}
.brown .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #3f2613;
}
.brown .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.brown .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.brown .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.brown .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.brown .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.brown .yalla-product-card {
  background-color: #fff;
}
.brown .yalla-product-card section .yalla-product-card__badge--qty, .brown .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.brown .yalla-product-card section .yalla-product-card__badge--qty a, .brown .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.brown .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.brown .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.brown .yalla-product-card section .img-box i, .brown .yalla-product-card section .img-box svg, .brown .yalla-product-card section .yalla-product-card__media i, .brown .yalla-product-card section .yalla-product-card__media svg {
  color: #3f2613;
}
.brown .yalla-product-card section .img-box .Wishes, .brown .yalla-product-card section .img-box .yalla-product-card__wishlist, .brown .yalla-product-card section .yalla-product-card__media .Wishes, .brown .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.brown .yalla-product-card section section .yalla-product-card__title-box a h2,
.brown .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.brown .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #a98360;
}
.brown .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #3f2613;
}
.brown .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.brown .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.brown .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #a98360;
  border: 1px solid #a98360;
}
.brown .yalla-product-card section .yalla-btn:hover {
  background-color: #a98360;
  color: #fff !important;
}
.brown .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #a98360 !important;
  border: none;
}
.brown .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #a98360 !important;
}
.brown .yalla-product-card section .yalla-btn--disabled {
  background-color: #a98360 !important;
  color: #fff !important;
}
.brown .yalla-product-card:hover .yalla-product-card__title-box h2,
.brown .yalla-product-card:hover .yalla-product-card__title-box h3,
.brown .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #a98360;
}
.brown .swiper-container .swiper-button-next,
.brown .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.brown .swiper-container .swiper-button-next:hover,
.brown .swiper-container .swiper-button-prev:hover {
  color: #a98360;
}
.brown .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #a98360;
}
.brown .yalla-cart-empty {
  background-color: #f8f8f8;
}
.brown .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.brown .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #3f2613;
}
.brown .shoping-cart a .label {
  color: #fff;
}
.brown .singbar {
  background: #fff;
  color: #888;
}
.brown .singbar .sing-dismiss {
  background: #3f2613;
  color: #fff;
}
.brown .singbar .sing-dismiss:hover {
  background: #a98360;
}
.brown .singbar .sing-dismiss:focus {
  background: #a98360;
}
.brown .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.brown .singbar .sing-head h3 {
  color: #3f2613;
}
.brown .singbar .sing-head a {
  display: inline-block;
}
.brown .successful-log {
  background-color: #f8f8f8;
}
.brown .successful-log li i, .brown .successful-log li svg {
  color: #3f2613;
}
.brown .successful-log li span {
  color: #0c0c0c;
}
.brown .successful-log li div a {
  background-color: #a98360;
  color: #fff;
}
.brown .successful-log li div a:hover {
  background-color: #3f2613;
}
.brown .signup-form {
  background-color: #f8f8f8;
}
.brown .signup-form .register-form .g-log a,
.brown .signup-form .register-form .f-log a {
  background-color: #fff;
}
.brown .signup-form .register-form .g-log .facebook-link,
.brown .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.brown .signup-form .register-form .g-log .facebook-link i, .brown .signup-form .register-form .g-log .facebook-link svg,
.brown .signup-form .register-form .f-log .facebook-link i,
.brown .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.brown .signup-form .register-form .confirmation a {
  color: #3f2613;
}
.brown .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #3f2613;
  margin-right: 8px;
}
.brown .signup-form .register-form #reset:hover {
  background: #a98360;
  color: #fff;
}
.brown .signup-form .register-form #submit {
  background: #3f2613;
  color: #fff;
}
.brown .signup-form .register-form #submit:hover {
  background: #a98360;
}
.brown .side-media {
  background-color: #3f2613;
}
.brown .side-media a div i, .brown .side-media a div svg {
  color: #fff;
}
.brown .side-media a div:hover {
  background-color: #a98360;
}
.brown .list {
  background: #fff;
  color: #888;
}
.brown .list .list-dismiss {
  background: #a98360;
  color: #fff;
}
.brown .list .list-dismiss:hover {
  background: #856c62;
  color: #fff;
}
.brown .list .list-dismiss:focus {
  background: #856c62;
  color: #fff;
}
.brown .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #3f2613;
}
.brown .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.brown .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #3f2613;
}
.brown .list .cart-head .logo span {
  color: #fff;
}
.brown .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #3f2613;
}
.brown .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #3f2613;
}
.brown .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #3f2613;
}
.brown .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .brown .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.brown .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.brown .side-nave ul li a .img-box, .brown .side-nave ul li a h3, .brown .side-nave ul li a span {
  color: #3f2613;
}
.brown .side-nave ul li button {
  color: #3f2613;
  background-color: transparent;
}
.brown .side-nave ul li button i, .brown .side-nave ul li button svg {
  color: #3f2613;
}
.brown .side-nave ul li button:active, .brown .side-nave ul li button:focus, .brown .side-nave ul li button:after, .brown .side-nave ul li button:hover {
  background-color: transparent;
}
.brown .side-nave ul li .dropdown-menu a i, .brown .side-nave ul li .dropdown-menu a svg {
  color: #3f2613;
}
.brown .side-nave ul .panel .panel-heading a i, .brown .side-nave ul .panel .panel-heading a svg {
  color: #3f2613;
}
@media (max-width: 767.98px) {
  .brown .side-nave ul .panel .panel-heading a i i, .brown .side-nave ul .panel .panel-heading a i svg, .brown .side-nave ul .panel .panel-heading a svg i, .brown .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.brown .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.brown .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.brown .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.brown .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #3f2613;
}
.brown .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.brown .side-nave ul .active a h3 {
  color: #a98360;
}
.brown .side-nave ul .active a span {
  color: #a98360;
}
.brown .side-nave ul .active .panel-heading a h3 {
  color: #a98360;
}
.brown .side-nave ul .active .panel-heading a span {
  color: #a98360;
}
.brown .side-nave ul .active .panel-heading a i, .brown .side-nave ul .active .panel-heading a svg {
  color: #a98360;
}
.brown .side-nave ul .active .panel-body h3 {
  color: #a98360 !important;
}
.brown .side-nave ul .active .panel-body span {
  color: #a98360 !important;
}
.brown .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #3f2613;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.brown .yalla-pagination nav .pagination li a:hover {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #a98360;
  background-color: #a98360;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.brown .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #3f2613;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.brown .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #3f2613;
  font-weight: bold;
}
.brown .yalla-trial-store {
  color: #ecf0f1;
  background-color: #3f2613;
}
.brown .yalla-trial-store a {
  color: #a98360;
}
.brown .yalla-trial-store .close {
  background-color: #dc3545;
}
.brown .yalla-trial-store .close i, .brown .yalla-trial-store .close svg {
  color: #fff;
}
.brown .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #a98360;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.brown .single .section {
  background-color: #fff;
}
.brown .single .section .swiper-button-next,
.brown .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.brown .single .section .swiper-button-next:hover,
.brown .single .section .swiper-button-prev:hover {
  color: #a98360;
}
.brown .single .section .yalla-product__info h6 {
  color: #3f2613;
}
.brown .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #a98360;
}
.brown .single .section .yalla-product__info .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: #000;
}
.brown .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.brown .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.brown .single .section .yalla-product__info section label span {
  background-color: #856c62 !important;
  color: #fff;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .brown .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #3f2613;
  color: #fff;
}
.brown .single .section .yalla-product__description a {
  color: #a98360;
}
.brown .single .button-more button {
  background-color: #3f2613;
  color: #fff;
}
.brown #special-offer .btn-collection, .brown .yalla-offers .btn-collection {
  border: 1px solid #a98360;
  color: #a98360;
  border-radius: 7px;
}
.brown #special-offer .btn-collection:hover, .brown .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.brown .share .action-icon button,
.brown .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.brown .share .share-div .s-icon {
  background-color: #8ec06c;
}
.brown .share .share-div .s-icon i, .brown .share .share-div .s-icon svg {
  color: #fff;
}
.brown .share .share-div .media a div i, .brown .share .share-div .media a div svg {
  color: #fff;
}
.brown .share .share-div .media a div:hover i, .brown .share .share-div .media a div:hover svg {
  color: #fff;
}
.brown .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.brown .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.brown .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.brown .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.brown .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.brown .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.brown .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.brown .share .share-div .media button i, .brown .share .share-div .media button svg {
  color: #fff;
}
.brown .share .share-div .media button:hover i, .brown .share .share-div .media button:hover svg {
  color: #fff;
}
.brown .share .share-div .media .facebook {
  background-color: #3b5998;
}
.brown .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.brown .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.brown .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.brown .share .share-div .media .telegram {
  background-color: #0088cc;
}
.brown .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.brown .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.brown #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .brown .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #3f2613;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #3f2613;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.brown .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.brown .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #3f2613;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #3f2613;
  background-color: transparent;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .brown .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .brown .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .brown .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .brown .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #3f2613;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .brown .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .brown .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .brown .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .brown .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .brown .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .brown .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #a98360;
}
.brown .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .brown .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .brown .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .brown .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.brown .yalla-page-cart .yalla-cart .heart {
  color: #a98360;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.brown .yalla-page-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 b {
  color: #a98360;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #3f2613;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .brown .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #a98360;
}
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #3f2613;
}
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #856c62;
}
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #a98360;
  border: 1px solid #a98360;
}
.brown .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #3f2613;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #a98360;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #856c62;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #3f2613;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #a98360;
  color: #fff;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #3f2613;
  color: #fff !important;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.brown .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #3f2613;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.brown #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #a98360;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #a98360;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #a98360;
  color: white !important;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #a98360;
}
.brown #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #ffe9da;
  color: #3f2613;
}
.brown .account .yalla-account__form {
  background-color: #fff;
}
.brown .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #3f2613;
}
.brown .account .yalla-account__form .yalla-account__avatar-upload {
  color: #856c62;
}
.brown .account .yalla-account__form .yalla-account__avatar-upload:hover i, .brown .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #a98360;
}
.brown .account .yalla-account__form form label {
  color: #737373;
}
.brown .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.brown .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.brown .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.brown .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.brown .account .yalla-account__form form button {
  background-color: #3f2613;
  color: #fff;
}
.brown .account .yalla-account__form form button:hover {
  background-color: #a98360;
}
.brown .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.brown .account .yalla-account__form form .form-inline li .active {
  background-color: #a98360;
  color: #fff;
}
.brown .account .yalla-account__form form .form-inline li a:focus {
  background-color: #a98360;
  color: #fff;
}
.brown .nav-pills {
  background-color: #fff;
}
.brown .nav-pills .nav-link {
  color: #3f2613;
}
.brown .nav-pills .nav-link:hover {
  background-color: #a98360;
  color: #fff;
}
.brown .nav-pills .active {
  color: #fff !important;
  background-color: #a98360;
}
.brown .yalla-orders__card {
  background-color: #fff !important;
}
.brown .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.brown .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #a98360 !important;
}
.brown .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.brown .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.brown .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #a98360;
}
.brown .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.brown .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #a98360;
}
.brown .yalla-orders__list .yalla-orders__card .yalla-order-item,
.brown .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.brown .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.brown .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #a98360;
}
.brown .yalla-empty-state h2 {
  color: #3f2613;
}
.brown .yalla-empty-state a {
  background-color: #3f2613;
  color: #fff;
}
.brown .yalla-empty-state a:hover {
  background-color: #a98360;
}
.brown .completed h3 {
  color: #0c0c0c;
}
.brown .completed section h5 {
  color: #3f2613;
}
.brown .completed section ul li {
  color: #b6b6b6;
}
.brown .completed section ul li a {
  color: #3f2613;
  background-color: transparent;
  font-weight: bold;
}
.brown .completed section ul li a:hover {
  color: #a98360;
  background-color: transparent;
}
.brown .completed .order-info {
  background-color: #fff;
}
.brown .completed .share-info .form-group textarea {
  color: #a98360;
}
.brown .completed .share-info .share-button button {
  color: #fff;
  background-color: #a98360;
}
.brown .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.brown .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.brown .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.brown .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.brown .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.brown .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.brown .completed a {
  background-color: #3f2613;
  color: #fff;
}
.brown .completed a:hover {
  background-color: #a98360;
}
.brown .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.brown .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.brown .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.brown .contact .yalla-page-contact__info section div div span {
  background-color: #a98360;
  color: #fff;
}
.brown .contact .yalla-page-contact__info section div div span i, .brown .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.brown .contact .yalla-page-contact__info section div div a {
  color: #3f2613;
}
.brown .contact .yalla-page-contact__info section div div p {
  color: #3f2613;
}
.brown .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .facebook:hover i, .brown .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.brown .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .twitter:hover i, .brown .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.brown .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .envelope:hover i, .brown .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.brown .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .whatsapp:hover i, .brown .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.brown .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .instagram:hover i, .brown .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.brown .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .telegram:hover i, .brown .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.brown .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .youtube:hover i, .brown .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.brown .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .soundcloud:hover i, .brown .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.brown .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.brown .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.brown .contact .yalla-page-contact__info .media .snapchat:hover i, .brown .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.brown .contact .yalla-page-contact__form form input {
  color: #3f2613;
}
.brown .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.brown .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.brown .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.brown .contact .yalla-page-contact__form form button {
  background-color: #3f2613;
  color: #fff;
}
.brown .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.brown .checkout .btn-primary:not(:disabled):not(.disabled):active,
.brown .checkout .show > .btn-primary.dropdown-toggle,
.brown .checkout .btn-primary:hover {
  background: #3f2613;
  border-color: #3f2613;
}
.brown .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.brown .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.brown .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.brown #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .brown #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.brown #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .brown #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.brown #global_checkout .checkout_container .checkout input:checked + .switch,
.brown #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .brown #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .brown #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .brown #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.brown #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .brown #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.brown #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.brown #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .brown #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #a98360;
}
.brown #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .brown #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .brown #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .brown #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .brown #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .brown #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .brown #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .brown #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #a98360;
}
.brown #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .brown #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.brown #global_checkout .checkout_container .checkout a:hover,
.brown #global_checkout .checkout_container .checkout_logo a, .brown #global_checkout .checkout_container .yalla-checkout__logo a,
.brown #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .brown #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.brown #global_checkout .checkout_container .checkout_side aside .delete, .brown #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.brown #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .brown #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .brown #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .brown #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.brown #global_checkout .yalla-checkout__container .checkout a:hover,
.brown #global_checkout .yalla-checkout__container .checkout_logo a, .brown #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.brown #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .brown #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.brown #global_checkout .yalla-checkout__container .checkout_side aside .delete, .brown #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.brown #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .brown #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #a98360;
}
.brown #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .brown #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .brown #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .brown #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #a98360;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.grey .yalla-topbar__user a {
  color: #22223b;
}
.grey .login a i, .grey .login a svg,
.grey .yalla-topbar__user a i,
.grey .yalla-topbar__user a svg {
  color: #22223b;
}
.grey .login a:hover,
.grey .yalla-topbar__user a:hover {
  background-color: #22223b;
  color: #fff;
}
.grey .login button,
.grey .yalla-topbar__user button {
  color: #22223b;
  background-color: transparent;
}
.grey .login button h6,
.grey .yalla-topbar__user button h6 {
  color: #22223b;
}
.grey .login .dropdown-menu a,
.grey .yalla-topbar__user .dropdown-menu a {
  color: #4a4e69;
}
.grey .login .dropdown-menu a i, .grey .login .dropdown-menu a svg,
.grey .yalla-topbar__user .dropdown-menu a i,
.grey .yalla-topbar__user .dropdown-menu a svg {
  color: #4a4e69;
}
.grey .login .dropdown-menu a:hover,
.grey .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.grey .login .dropdown-menu a:hover i, .grey .login .dropdown-menu a:hover svg,
.grey .yalla-topbar__user .dropdown-menu a:hover i,
.grey .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.grey .login .dropdown-menu a:focus,
.grey .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.grey .login .dropdown-menu a:focus i, .grey .login .dropdown-menu a:focus svg,
.grey .yalla-topbar__user .dropdown-menu a:focus i,
.grey .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.grey .login .dropdown-menu a:active,
.grey .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.grey .login .dropdown-menu a:active i, .grey .login .dropdown-menu a:active svg,
.grey .yalla-topbar__user .dropdown-menu a:active i,
.grey .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.grey .yalla-subcats 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);
}
.grey .social-button:hover {
  background: linear-gradient(45deg, #4a4e69, #22223b);
}
.grey .add-cart {
  background-color: #4a4e69 !important;
}
.grey .yalla-topbar__auth .btn {
  color: #fff;
}
.grey .yalla-topbar__auth .btn-sing {
  background-color: #22223b;
}
.grey .yalla-topbar__auth .btn-sing:hover {
  background-color: #4a4e69;
}
.grey .yalla-topbar__auth .btn-login {
  color: #22223b;
}
.grey .yalla-topbar__auth .btn-login:hover {
  background-color: #4a4e69;
  color: #fff;
}
.grey .btn-head {
  background: #fff;
  color: #4a4e69 !important;
}
.grey .btn-head:hover {
  background-color: #22223b !important;
  color: #fff !important;
}
.grey button div {
  background-color: #22223b;
  color: #fff;
}
.grey button div:hover {
  background-color: #4a4e69;
}
.grey .yalla-notice {
  background-color: #22223b;
  color: #fff;
}
.grey header {
  border-bottom: 1px solid #22223b;
}
.grey header nav {
  background-color: #fff;
}
.grey header nav form button {
  background-color: #22223b;
}
.grey header nav .right-part a .logo.empty {
  background-color: #4a4e69;
}
.grey header nav .right-part a .logo.empty span {
  color: #fff;
}
.grey header nav .right-part a span {
  color: #22223b;
}
.grey header .yalla-subnav {
  background-color: #f8f8f8;
}
.grey header .yalla-subnav .right-part .open-list {
  color: #22223b;
}
.grey header .yalla-subnav .right-part .logo.empty {
  background-color: #4a4e69;
}
.grey header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.grey header .yalla-subnav .right-part span {
  color: #22223b;
}
.grey header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #4a4e69;
}
.grey header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.grey header .yalla-subnav .left-part .shoping-cart a i, .grey header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.grey .search-icon {
  background-color: transparent;
  color: #22223b;
}
.grey #phone-search {
  background-color: #fff;
}
.grey #phone-search .form-group input {
  border: none;
}
.grey #phone-search .text-center .yalla-btn {
  background-color: #22223b;
  color: #fff;
}
.grey .fixed-top {
  border-bottom: 1px solid #22223b;
}
.grey footer {
  background-color: #fff;
  color: #22223b;
}
.grey footer section .media a div {
  background-color: #4a4e69;
}
.grey footer section .media a div:hover {
  background-color: #22223b !important;
}
.grey footer section .media a div:hover svg, .grey footer section .media a div:hover i {
  color: #fff;
}
.grey footer section .yalla-footer__copyright-link {
  color: #fff;
}
.grey footer section .yalla-footer__col h3 {
  color: #22223b;
}
.grey footer section .yalla-footer__col ul li a {
  color: #22223b;
}
.grey footer section .yalla-footer__col ul li a:hover {
  color: #4a4e69;
}
.grey footer .yalla-footer__copyright {
  color: #22223b;
}
.grey footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #22223b;
}
.grey footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #4a4e69;
}
.grey .yalla-home-section__head::before {
  background: #4a4e69;
}
.grey .yalla-home-section__head h3 {
  color: #22223b;
}
.grey .yalla-home-section__head a:last-of-type {
  color: #4a4e69;
}
.grey .yalla-home-section__head .dropdown {
  left: 0;
}
.grey .yalla-home-section__head .dropdown button {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #22223b;
}
.grey .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #22223b;
}
.grey .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #22223b;
}
.grey .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #22223b;
}
.grey header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div,
.grey .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div, .grey .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .grey .yalla-footer__social div {
  background-color: #4a4e69;
}
.grey header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div i,
.grey .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div i, .grey .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .grey .yalla-footer__social div i, .grey header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div svg,
.grey .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div svg, .grey .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .grey .yalla-footer__social div svg {
  color: #fff;
}
.grey header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div:hover,
.grey .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .grey .yalla-topbar__social div:hover, .grey .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .grey .yalla-footer__social div:hover {
  background-color: #22223b;
}
.grey .yalla-breadcrumb {
  background-color: transparent;
}
.grey .yalla-breadcrumb nav {
  background-color: transparent;
}
.grey .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.grey .yalla-breadcrumb nav ol li a {
  color: #22223b;
}
.grey .yalla-breadcrumb nav ol .active {
  color: #22223b;
}
.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 .btn-section {
  background-color: #22223b;
  color: #fff;
}
.grey .btn-section:hover {
  background-color: #4a4e69;
  color: #fff !important;
}
.grey .language label {
  color: #333;
}
.grey .language button span {
  border: 1px solid #fff;
}
.grey .language .dropdown-toggle::after {
  color: #22223b;
}
.grey .language .dropdown-menu h6 {
  color: #737373;
}
.grey .menu-item .menu-button {
  background-color: transparent;
  color: #22223b;
}
.grey .menu-item .menu-button i, .grey .menu-item .menu-button svg {
  color: #22223b;
}
.grey .menu-item .menu-button span {
  color: #22223b;
}
.grey .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #22223b;
}
.grey .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #22223b;
}
.grey .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.grey .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.grey .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.grey .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.grey .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.grey .yalla-product-card {
  background-color: #fff;
}
.grey .yalla-product-card section .yalla-product-card__badge--qty, .grey .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.grey .yalla-product-card section .yalla-product-card__badge--qty a, .grey .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.grey .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.grey .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.grey .yalla-product-card section .img-box i, .grey .yalla-product-card section .img-box svg, .grey .yalla-product-card section .yalla-product-card__media i, .grey .yalla-product-card section .yalla-product-card__media svg {
  color: #22223b;
}
.grey .yalla-product-card section .img-box .Wishes, .grey .yalla-product-card section .img-box .yalla-product-card__wishlist, .grey .yalla-product-card section .yalla-product-card__media .Wishes, .grey .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.grey .yalla-product-card section section .yalla-product-card__title-box a h2,
.grey .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.grey .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #4a4e69;
}
.grey .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #22223b;
}
.grey .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.grey .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.grey .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #4a4e69;
  border: 1px solid #4a4e69;
}
.grey .yalla-product-card section .yalla-btn:hover {
  background-color: #4a4e69;
  color: #fff !important;
}
.grey .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #4a4e69 !important;
  border: none;
}
.grey .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #4a4e69 !important;
}
.grey .yalla-product-card section .yalla-btn--disabled {
  background-color: #4a4e69 !important;
  color: #fff !important;
}
.grey .yalla-product-card:hover .yalla-product-card__title-box h2,
.grey .yalla-product-card:hover .yalla-product-card__title-box h3,
.grey .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #4a4e69;
}
.grey .swiper-container .swiper-button-next,
.grey .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.grey .swiper-container .swiper-button-next:hover,
.grey .swiper-container .swiper-button-prev:hover {
  color: #4a4e69;
}
.grey .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4a4e69;
}
.grey .yalla-cart-empty {
  background-color: #f8f8f8;
}
.grey .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.grey .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #22223b;
}
.grey .shoping-cart a .label {
  color: #fff;
}
.grey .singbar {
  background: #fff;
  color: #888;
}
.grey .singbar .sing-dismiss {
  background: #22223b;
  color: #fff;
}
.grey .singbar .sing-dismiss:hover {
  background: #4a4e69;
}
.grey .singbar .sing-dismiss:focus {
  background: #4a4e69;
}
.grey .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.grey .singbar .sing-head h3 {
  color: #22223b;
}
.grey .singbar .sing-head a {
  display: inline-block;
}
.grey .successful-log {
  background-color: #f8f8f8;
}
.grey .successful-log li i, .grey .successful-log li svg {
  color: #22223b;
}
.grey .successful-log li span {
  color: #0c0c0c;
}
.grey .successful-log li div a {
  background-color: #4a4e69;
  color: #fff;
}
.grey .successful-log li div a:hover {
  background-color: #22223b;
}
.grey .signup-form {
  background-color: #f8f8f8;
}
.grey .signup-form .register-form .g-log a,
.grey .signup-form .register-form .f-log a {
  background-color: #fff;
}
.grey .signup-form .register-form .g-log .facebook-link,
.grey .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.grey .signup-form .register-form .g-log .facebook-link i, .grey .signup-form .register-form .g-log .facebook-link svg,
.grey .signup-form .register-form .f-log .facebook-link i,
.grey .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.grey .signup-form .register-form .confirmation a {
  color: #22223b;
}
.grey .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #22223b;
  margin-right: 8px;
}
.grey .signup-form .register-form #reset:hover {
  background: #4a4e69;
  color: #fff;
}
.grey .signup-form .register-form #submit {
  background: #22223b;
  color: #fff;
}
.grey .signup-form .register-form #submit:hover {
  background: #4a4e69;
}
.grey .side-media {
  background-color: #22223b;
}
.grey .side-media a div i, .grey .side-media a div svg {
  color: #fff;
}
.grey .side-media a div:hover {
  background-color: #4a4e69;
}
.grey .list {
  background: #fff;
  color: #888;
}
.grey .list .list-dismiss {
  background: #4a4e69;
  color: #fff;
}
.grey .list .list-dismiss:hover {
  background: #9a8c98;
  color: #fff;
}
.grey .list .list-dismiss:focus {
  background: #9a8c98;
  color: #fff;
}
.grey .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #22223b;
}
.grey .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.grey .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #22223b;
}
.grey .list .cart-head .logo span {
  color: #fff;
}
.grey .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #22223b;
}
.grey .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #22223b;
}
.grey .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #22223b;
}
.grey .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .grey .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.grey .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.grey .side-nave ul li a .img-box, .grey .side-nave ul li a h3, .grey .side-nave ul li a span {
  color: #22223b;
}
.grey .side-nave ul li button {
  color: #22223b;
  background-color: transparent;
}
.grey .side-nave ul li button i, .grey .side-nave ul li button svg {
  color: #22223b;
}
.grey .side-nave ul li button:active, .grey .side-nave ul li button:focus, .grey .side-nave ul li button:after, .grey .side-nave ul li button:hover {
  background-color: transparent;
}
.grey .side-nave ul li .dropdown-menu a i, .grey .side-nave ul li .dropdown-menu a svg {
  color: #22223b;
}
.grey .side-nave ul .panel .panel-heading a i, .grey .side-nave ul .panel .panel-heading a svg {
  color: #22223b;
}
@media (max-width: 767.98px) {
  .grey .side-nave ul .panel .panel-heading a i i, .grey .side-nave ul .panel .panel-heading a i svg, .grey .side-nave ul .panel .panel-heading a svg i, .grey .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.grey .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.grey .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.grey .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.grey .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #22223b;
}
.grey .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.grey .side-nave ul .active a h3 {
  color: #4a4e69;
}
.grey .side-nave ul .active a span {
  color: #4a4e69;
}
.grey .side-nave ul .active .panel-heading a h3 {
  color: #4a4e69;
}
.grey .side-nave ul .active .panel-heading a span {
  color: #4a4e69;
}
.grey .side-nave ul .active .panel-heading a i, .grey .side-nave ul .active .panel-heading a svg {
  color: #4a4e69;
}
.grey .side-nave ul .active .panel-body h3 {
  color: #4a4e69 !important;
}
.grey .side-nave ul .active .panel-body span {
  color: #4a4e69 !important;
}
.grey .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #22223b;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.grey .yalla-pagination nav .pagination li a:hover {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #4a4e69;
  background-color: #4a4e69;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.grey .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #22223b;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.grey .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #22223b;
  font-weight: bold;
}
.grey .yalla-trial-store {
  color: #ecf0f1;
  background-color: #22223b;
}
.grey .yalla-trial-store a {
  color: #4a4e69;
}
.grey .yalla-trial-store .close {
  background-color: #dc3545;
}
.grey .yalla-trial-store .close i, .grey .yalla-trial-store .close svg {
  color: #fff;
}
.grey .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #4a4e69;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.grey .single .section {
  background-color: #fff;
}
.grey .single .section .swiper-button-next,
.grey .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.grey .single .section .swiper-button-next:hover,
.grey .single .section .swiper-button-prev:hover {
  color: #4a4e69;
}
.grey .single .section .yalla-product__info h6 {
  color: #22223b;
}
.grey .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #4a4e69;
}
.grey .single .section .yalla-product__info .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: #000;
}
.grey .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.grey .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.grey .single .section .yalla-product__info section label span {
  background-color: #9a8c98 !important;
  color: #fff;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .grey .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #22223b;
  color: #fff;
}
.grey .single .section .yalla-product__description a {
  color: #4a4e69;
}
.grey .single .button-more button {
  background-color: #22223b;
  color: #fff;
}
.grey #special-offer .btn-collection, .grey .yalla-offers .btn-collection {
  border: 1px solid #4a4e69;
  color: #4a4e69;
  border-radius: 7px;
}
.grey #special-offer .btn-collection:hover, .grey .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.grey .share .action-icon button,
.grey .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.grey .share .share-div .s-icon {
  background-color: #8ec06c;
}
.grey .share .share-div .s-icon i, .grey .share .share-div .s-icon svg {
  color: #fff;
}
.grey .share .share-div .media a div i, .grey .share .share-div .media a div svg {
  color: #fff;
}
.grey .share .share-div .media a div:hover i, .grey .share .share-div .media a div:hover svg {
  color: #fff;
}
.grey .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.grey .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.grey .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.grey .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.grey .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.grey .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.grey .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.grey .share .share-div .media button i, .grey .share .share-div .media button svg {
  color: #fff;
}
.grey .share .share-div .media button:hover i, .grey .share .share-div .media button:hover svg {
  color: #fff;
}
.grey .share .share-div .media .facebook {
  background-color: #3b5998;
}
.grey .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.grey .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.grey .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.grey .share .share-div .media .telegram {
  background-color: #0088cc;
}
.grey .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.grey .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.grey #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .grey .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #22223b;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #22223b;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.grey .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.grey .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #22223b;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #22223b;
  background-color: transparent;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .grey .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .grey .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .grey .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .grey .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #22223b;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .grey .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .grey .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .grey .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .grey .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .grey .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .grey .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #4a4e69;
}
.grey .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .grey .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .grey .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .grey .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.grey .yalla-page-cart .yalla-cart .heart {
  color: #4a4e69;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.grey .yalla-page-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 b {
  color: #4a4e69;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #22223b;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .grey .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #4a4e69;
}
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #22223b;
}
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #9a8c98;
}
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #4a4e69;
  border: 1px solid #4a4e69;
}
.grey .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #22223b;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #4a4e69;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #9a8c98;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #22223b;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #4a4e69;
  color: #fff;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #22223b;
  color: #fff !important;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.grey .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #22223b;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.grey #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #4a4e69;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #4a4e69;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #4a4e69;
  color: white !important;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #4a4e69;
}
.grey #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #e6e9ff;
  color: #22223b;
}
.grey .account .yalla-account__form {
  background-color: #fff;
}
.grey .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #22223b;
}
.grey .account .yalla-account__form .yalla-account__avatar-upload {
  color: #9a8c98;
}
.grey .account .yalla-account__form .yalla-account__avatar-upload:hover i, .grey .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #4a4e69;
}
.grey .account .yalla-account__form form label {
  color: #737373;
}
.grey .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.grey .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.grey .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.grey .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.grey .account .yalla-account__form form button {
  background-color: #22223b;
  color: #fff;
}
.grey .account .yalla-account__form form button:hover {
  background-color: #4a4e69;
}
.grey .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.grey .account .yalla-account__form form .form-inline li .active {
  background-color: #4a4e69;
  color: #fff;
}
.grey .account .yalla-account__form form .form-inline li a:focus {
  background-color: #4a4e69;
  color: #fff;
}
.grey .nav-pills {
  background-color: #fff;
}
.grey .nav-pills .nav-link {
  color: #22223b;
}
.grey .nav-pills .nav-link:hover {
  background-color: #4a4e69;
  color: #fff;
}
.grey .nav-pills .active {
  color: #fff !important;
  background-color: #4a4e69;
}
.grey .yalla-orders__card {
  background-color: #fff !important;
}
.grey .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.grey .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #4a4e69 !important;
}
.grey .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.grey .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.grey .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #4a4e69;
}
.grey .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.grey .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #4a4e69;
}
.grey .yalla-orders__list .yalla-orders__card .yalla-order-item,
.grey .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.grey .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.grey .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #4a4e69;
}
.grey .yalla-empty-state h2 {
  color: #22223b;
}
.grey .yalla-empty-state a {
  background-color: #22223b;
  color: #fff;
}
.grey .yalla-empty-state a:hover {
  background-color: #4a4e69;
}
.grey .completed h3 {
  color: #0c0c0c;
}
.grey .completed section h5 {
  color: #22223b;
}
.grey .completed section ul li {
  color: #b6b6b6;
}
.grey .completed section ul li a {
  color: #22223b;
  background-color: transparent;
  font-weight: bold;
}
.grey .completed section ul li a:hover {
  color: #4a4e69;
  background-color: transparent;
}
.grey .completed .order-info {
  background-color: #fff;
}
.grey .completed .share-info .form-group textarea {
  color: #4a4e69;
}
.grey .completed .share-info .share-button button {
  color: #fff;
  background-color: #4a4e69;
}
.grey .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.grey .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.grey .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.grey .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.grey .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.grey .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.grey .completed a {
  background-color: #22223b;
  color: #fff;
}
.grey .completed a:hover {
  background-color: #4a4e69;
}
.grey .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.grey .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.grey .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.grey .contact .yalla-page-contact__info section div div span {
  background-color: #4a4e69;
  color: #fff;
}
.grey .contact .yalla-page-contact__info section div div span i, .grey .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.grey .contact .yalla-page-contact__info section div div a {
  color: #22223b;
}
.grey .contact .yalla-page-contact__info section div div p {
  color: #22223b;
}
.grey .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .facebook:hover i, .grey .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.grey .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .twitter:hover i, .grey .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.grey .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .envelope:hover i, .grey .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.grey .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .whatsapp:hover i, .grey .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.grey .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .instagram:hover i, .grey .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.grey .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .telegram:hover i, .grey .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.grey .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .youtube:hover i, .grey .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.grey .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .soundcloud:hover i, .grey .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.grey .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.grey .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.grey .contact .yalla-page-contact__info .media .snapchat:hover i, .grey .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.grey .contact .yalla-page-contact__form form input {
  color: #22223b;
}
.grey .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.grey .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.grey .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.grey .contact .yalla-page-contact__form form button {
  background-color: #22223b;
  color: #fff;
}
.grey .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.grey .checkout .btn-primary:not(:disabled):not(.disabled):active,
.grey .checkout .show > .btn-primary.dropdown-toggle,
.grey .checkout .btn-primary:hover {
  background: #22223b;
  border-color: #22223b;
}
.grey .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.grey .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.grey .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.grey #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .grey #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.grey #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .grey #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.grey #global_checkout .checkout_container .checkout input:checked + .switch,
.grey #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .grey #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .grey #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .grey #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.grey #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .grey #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.grey #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.grey #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .grey #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #4a4e69;
}
.grey #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .grey #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .grey #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .grey #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .grey #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .grey #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .grey #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .grey #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #4a4e69;
}
.grey #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .grey #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.grey #global_checkout .checkout_container .checkout a:hover,
.grey #global_checkout .checkout_container .checkout_logo a, .grey #global_checkout .checkout_container .yalla-checkout__logo a,
.grey #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .grey #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.grey #global_checkout .checkout_container .checkout_side aside .delete, .grey #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.grey #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .grey #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .grey #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .grey #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.grey #global_checkout .yalla-checkout__container .checkout a:hover,
.grey #global_checkout .yalla-checkout__container .checkout_logo a, .grey #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.grey #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .grey #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.grey #global_checkout .yalla-checkout__container .checkout_side aside .delete, .grey #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.grey #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .grey #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #4a4e69;
}
.grey #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .grey #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .grey #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .grey #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #4a4e69;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.main .yalla-topbar__user a {
  color: #092327;
}
.main .login a i, .main .login a svg,
.main .yalla-topbar__user a i,
.main .yalla-topbar__user a svg {
  color: #092327;
}
.main .login a:hover,
.main .yalla-topbar__user a:hover {
  background-color: #092327;
  color: #fff;
}
.main .login button,
.main .yalla-topbar__user button {
  color: #092327;
  background-color: transparent;
}
.main .login button h6,
.main .yalla-topbar__user button h6 {
  color: #092327;
}
.main .login .dropdown-menu a,
.main .yalla-topbar__user .dropdown-menu a {
  color: #0b5351;
}
.main .login .dropdown-menu a i, .main .login .dropdown-menu a svg,
.main .yalla-topbar__user .dropdown-menu a i,
.main .yalla-topbar__user .dropdown-menu a svg {
  color: #0b5351;
}
.main .login .dropdown-menu a:hover,
.main .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.main .login .dropdown-menu a:hover i, .main .login .dropdown-menu a:hover svg,
.main .yalla-topbar__user .dropdown-menu a:hover i,
.main .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.main .login .dropdown-menu a:focus,
.main .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.main .login .dropdown-menu a:focus i, .main .login .dropdown-menu a:focus svg,
.main .yalla-topbar__user .dropdown-menu a:focus i,
.main .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.main .login .dropdown-menu a:active,
.main .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.main .login .dropdown-menu a:active i, .main .login .dropdown-menu a:active svg,
.main .yalla-topbar__user .dropdown-menu a:active i,
.main .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.main .yalla-subcats 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);
}
.main .social-button:hover {
  background: linear-gradient(45deg, #0b5351, #092327);
}
.main .add-cart {
  background-color: #0b5351 !important;
}
.main .yalla-topbar__auth .btn {
  color: #fff;
}
.main .yalla-topbar__auth .btn-sing {
  background-color: #092327;
}
.main .yalla-topbar__auth .btn-sing:hover {
  background-color: #0b5351;
}
.main .yalla-topbar__auth .btn-login {
  color: #092327;
}
.main .yalla-topbar__auth .btn-login:hover {
  background-color: #0b5351;
  color: #fff;
}
.main .btn-head {
  background: #fff;
  color: #0b5351 !important;
}
.main .btn-head:hover {
  background-color: #092327 !important;
  color: #fff !important;
}
.main button div {
  background-color: #092327;
  color: #fff;
}
.main button div:hover {
  background-color: #0b5351;
}
.main .yalla-notice {
  background-color: #092327;
  color: #fff;
}
.main header {
  border-bottom: 1px solid #092327;
}
.main header nav {
  background-color: #fff;
}
.main header nav form button {
  background-color: #092327;
}
.main header nav .right-part a .logo.empty {
  background-color: #0b5351;
}
.main header nav .right-part a .logo.empty span {
  color: #fff;
}
.main header nav .right-part a span {
  color: #092327;
}
.main header .yalla-subnav {
  background-color: #f8f8f8;
}
.main header .yalla-subnav .right-part .open-list {
  color: #092327;
}
.main header .yalla-subnav .right-part .logo.empty {
  background-color: #0b5351;
}
.main header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.main header .yalla-subnav .right-part span {
  color: #092327;
}
.main header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #0b5351;
}
.main header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.main header .yalla-subnav .left-part .shoping-cart a i, .main header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.main .search-icon {
  background-color: transparent;
  color: #092327;
}
.main #phone-search {
  background-color: #fff;
}
.main #phone-search .form-group input {
  border: none;
}
.main #phone-search .text-center .yalla-btn {
  background-color: #092327;
  color: #fff;
}
.main .fixed-top {
  border-bottom: 1px solid #092327;
}
.main footer {
  background-color: #fff;
  color: #092327;
}
.main footer section .media a div {
  background-color: #0b5351;
}
.main footer section .media a div:hover {
  background-color: #092327 !important;
}
.main footer section .media a div:hover svg, .main footer section .media a div:hover i {
  color: #fff;
}
.main footer section .yalla-footer__copyright-link {
  color: #fff;
}
.main footer section .yalla-footer__col h3 {
  color: #092327;
}
.main footer section .yalla-footer__col ul li a {
  color: #092327;
}
.main footer section .yalla-footer__col ul li a:hover {
  color: #0b5351;
}
.main footer .yalla-footer__copyright {
  color: #092327;
}
.main footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #092327;
}
.main footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #0b5351;
}
.main .yalla-home-section__head::before {
  background: #0b5351;
}
.main .yalla-home-section__head h3 {
  color: #092327;
}
.main .yalla-home-section__head a:last-of-type {
  color: #0b5351;
}
.main .yalla-home-section__head .dropdown {
  left: 0;
}
.main .yalla-home-section__head .dropdown button {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #092327;
}
.main .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #092327;
}
.main .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #092327;
}
.main .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #092327;
}
.main header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div,
.main .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div, .main .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .main .yalla-footer__social div {
  background-color: #0b5351;
}
.main header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div i,
.main .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div i, .main .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .main .yalla-footer__social div i, .main header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div svg,
.main .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div svg, .main .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .main .yalla-footer__social div svg {
  color: #fff;
}
.main header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div:hover,
.main .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .main .yalla-topbar__social div:hover, .main .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .main .yalla-footer__social div:hover {
  background-color: #092327;
}
.main .yalla-breadcrumb {
  background-color: transparent;
}
.main .yalla-breadcrumb nav {
  background-color: transparent;
}
.main .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.main .yalla-breadcrumb nav ol li a {
  color: #092327;
}
.main .yalla-breadcrumb nav ol .active {
  color: #092327;
}
.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 .btn-section {
  background-color: #092327;
  color: #fff;
}
.main .btn-section:hover {
  background-color: #0b5351;
  color: #fff !important;
}
.main .language label {
  color: #333;
}
.main .language button span {
  border: 1px solid #fff;
}
.main .language .dropdown-toggle::after {
  color: #092327;
}
.main .language .dropdown-menu h6 {
  color: #737373;
}
.main .menu-item .menu-button {
  background-color: transparent;
  color: #092327;
}
.main .menu-item .menu-button i, .main .menu-item .menu-button svg {
  color: #092327;
}
.main .menu-item .menu-button span {
  color: #092327;
}
.main .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #092327;
}
.main .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #092327;
}
.main .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.main .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.main .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.main .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.main .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.main .yalla-product-card {
  background-color: #fff;
}
.main .yalla-product-card section .yalla-product-card__badge--qty, .main .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.main .yalla-product-card section .yalla-product-card__badge--qty a, .main .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.main .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.main .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.main .yalla-product-card section .img-box i, .main .yalla-product-card section .img-box svg, .main .yalla-product-card section .yalla-product-card__media i, .main .yalla-product-card section .yalla-product-card__media svg {
  color: #092327;
}
.main .yalla-product-card section .img-box .Wishes, .main .yalla-product-card section .img-box .yalla-product-card__wishlist, .main .yalla-product-card section .yalla-product-card__media .Wishes, .main .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.main .yalla-product-card section section .yalla-product-card__title-box a h2,
.main .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.main .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #0b5351;
}
.main .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #092327;
}
.main .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.main .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.main .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #0b5351;
  border: 1px solid #0b5351;
}
.main .yalla-product-card section .yalla-btn:hover {
  background-color: #0b5351;
  color: #fff !important;
}
.main .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #0b5351 !important;
  border: none;
}
.main .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #0b5351 !important;
}
.main .yalla-product-card section .yalla-btn--disabled {
  background-color: #0b5351 !important;
  color: #fff !important;
}
.main .yalla-product-card:hover .yalla-product-card__title-box h2,
.main .yalla-product-card:hover .yalla-product-card__title-box h3,
.main .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #0b5351;
}
.main .swiper-container .swiper-button-next,
.main .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.main .swiper-container .swiper-button-next:hover,
.main .swiper-container .swiper-button-prev:hover {
  color: #0b5351;
}
.main .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #0b5351;
}
.main .yalla-cart-empty {
  background-color: #f8f8f8;
}
.main .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.main .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #092327;
}
.main .shoping-cart a .label {
  color: #fff;
}
.main .singbar {
  background: #fff;
  color: #888;
}
.main .singbar .sing-dismiss {
  background: #092327;
  color: #fff;
}
.main .singbar .sing-dismiss:hover {
  background: #0b5351;
}
.main .singbar .sing-dismiss:focus {
  background: #0b5351;
}
.main .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.main .singbar .sing-head h3 {
  color: #092327;
}
.main .singbar .sing-head a {
  display: inline-block;
}
.main .successful-log {
  background-color: #f8f8f8;
}
.main .successful-log li i, .main .successful-log li svg {
  color: #092327;
}
.main .successful-log li span {
  color: #0c0c0c;
}
.main .successful-log li div a {
  background-color: #0b5351;
  color: #fff;
}
.main .successful-log li div a:hover {
  background-color: #092327;
}
.main .signup-form {
  background-color: #f8f8f8;
}
.main .signup-form .register-form .g-log a,
.main .signup-form .register-form .f-log a {
  background-color: #fff;
}
.main .signup-form .register-form .g-log .facebook-link,
.main .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.main .signup-form .register-form .g-log .facebook-link i, .main .signup-form .register-form .g-log .facebook-link svg,
.main .signup-form .register-form .f-log .facebook-link i,
.main .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.main .signup-form .register-form .confirmation a {
  color: #092327;
}
.main .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #092327;
  margin-right: 8px;
}
.main .signup-form .register-form #reset:hover {
  background: #0b5351;
  color: #fff;
}
.main .signup-form .register-form #submit {
  background: #092327;
  color: #fff;
}
.main .signup-form .register-form #submit:hover {
  background: #0b5351;
}
.main .side-media {
  background-color: #092327;
}
.main .side-media a div i, .main .side-media a div svg {
  color: #fff;
}
.main .side-media a div:hover {
  background-color: #0b5351;
}
.main .list {
  background: #fff;
  color: #888;
}
.main .list .list-dismiss {
  background: #0b5351;
  color: #fff;
}
.main .list .list-dismiss:hover {
  background: #00a9a5;
  color: #fff;
}
.main .list .list-dismiss:focus {
  background: #00a9a5;
  color: #fff;
}
.main .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #092327;
}
.main .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.main .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #092327;
}
.main .list .cart-head .logo span {
  color: #fff;
}
.main .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #092327;
}
.main .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #092327;
}
.main .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #092327;
}
.main .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .main .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.main .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.main .side-nave ul li a .img-box, .main .side-nave ul li a h3, .main .side-nave ul li a span {
  color: #092327;
}
.main .side-nave ul li button {
  color: #092327;
  background-color: transparent;
}
.main .side-nave ul li button i, .main .side-nave ul li button svg {
  color: #092327;
}
.main .side-nave ul li button:active, .main .side-nave ul li button:focus, .main .side-nave ul li button:after, .main .side-nave ul li button:hover {
  background-color: transparent;
}
.main .side-nave ul li .dropdown-menu a i, .main .side-nave ul li .dropdown-menu a svg {
  color: #092327;
}
.main .side-nave ul .panel .panel-heading a i, .main .side-nave ul .panel .panel-heading a svg {
  color: #092327;
}
@media (max-width: 767.98px) {
  .main .side-nave ul .panel .panel-heading a i i, .main .side-nave ul .panel .panel-heading a i svg, .main .side-nave ul .panel .panel-heading a svg i, .main .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.main .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.main .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.main .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.main .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #092327;
}
.main .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.main .side-nave ul .active a h3 {
  color: #0b5351;
}
.main .side-nave ul .active a span {
  color: #0b5351;
}
.main .side-nave ul .active .panel-heading a h3 {
  color: #0b5351;
}
.main .side-nave ul .active .panel-heading a span {
  color: #0b5351;
}
.main .side-nave ul .active .panel-heading a i, .main .side-nave ul .active .panel-heading a svg {
  color: #0b5351;
}
.main .side-nave ul .active .panel-body h3 {
  color: #0b5351 !important;
}
.main .side-nave ul .active .panel-body span {
  color: #0b5351 !important;
}
.main .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #092327;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.main .yalla-pagination nav .pagination li a:hover {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #0b5351;
  background-color: #0b5351;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.main .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #092327;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.main .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #092327;
  font-weight: bold;
}
.main .yalla-trial-store {
  color: #ecf0f1;
  background-color: #092327;
}
.main .yalla-trial-store a {
  color: #0b5351;
}
.main .yalla-trial-store .close {
  background-color: #dc3545;
}
.main .yalla-trial-store .close i, .main .yalla-trial-store .close svg {
  color: #fff;
}
.main .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #0b5351;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.main .single .section {
  background-color: #fff;
}
.main .single .section .swiper-button-next,
.main .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.main .single .section .swiper-button-next:hover,
.main .single .section .swiper-button-prev:hover {
  color: #0b5351;
}
.main .single .section .yalla-product__info h6 {
  color: #092327;
}
.main .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #0b5351;
}
.main .single .section .yalla-product__info .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: #000;
}
.main .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.main .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.main .single .section .yalla-product__info section label span {
  background-color: #00a9a5 !important;
  color: #fff;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .main .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #092327;
  color: #fff;
}
.main .single .section .yalla-product__description a {
  color: #0b5351;
}
.main .single .button-more button {
  background-color: #092327;
  color: #fff;
}
.main #special-offer .btn-collection, .main .yalla-offers .btn-collection {
  border: 1px solid #0b5351;
  color: #0b5351;
  border-radius: 7px;
}
.main #special-offer .btn-collection:hover, .main .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.main .share .action-icon button,
.main .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.main .share .share-div .s-icon {
  background-color: #8ec06c;
}
.main .share .share-div .s-icon i, .main .share .share-div .s-icon svg {
  color: #fff;
}
.main .share .share-div .media a div i, .main .share .share-div .media a div svg {
  color: #fff;
}
.main .share .share-div .media a div:hover i, .main .share .share-div .media a div:hover svg {
  color: #fff;
}
.main .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.main .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.main .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.main .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.main .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.main .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.main .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.main .share .share-div .media button i, .main .share .share-div .media button svg {
  color: #fff;
}
.main .share .share-div .media button:hover i, .main .share .share-div .media button:hover svg {
  color: #fff;
}
.main .share .share-div .media .facebook {
  background-color: #3b5998;
}
.main .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.main .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.main .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.main .share .share-div .media .telegram {
  background-color: #0088cc;
}
.main .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.main .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.main #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .main .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #092327;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #092327;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.main .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.main .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.main .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.main .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .main .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #092327;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #092327;
  background-color: transparent;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .main .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .main .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .main .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .main .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #092327;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .main .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .main .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .main .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .main .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .main .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .main .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #0b5351;
}
.main .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .main .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .main .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .main .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.main .yalla-page-cart .yalla-cart .heart {
  color: #0b5351;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.main .yalla-page-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 b {
  color: #0b5351;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #092327;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .main .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #0b5351;
}
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #092327;
}
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #00a9a5;
}
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #0b5351;
  border: 1px solid #0b5351;
}
.main .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #092327;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #0b5351;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #00a9a5;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #092327;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #0b5351;
  color: #fff;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #092327;
  color: #fff !important;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.main .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #092327;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.main #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #0b5351;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #0b5351;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #0b5351;
  color: white !important;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #0b5351;
}
.main #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #defffe;
  color: #092327;
}
.main .account .yalla-account__form {
  background-color: #fff;
}
.main .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #092327;
}
.main .account .yalla-account__form .yalla-account__avatar-upload {
  color: #00a9a5;
}
.main .account .yalla-account__form .yalla-account__avatar-upload:hover i, .main .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #0b5351;
}
.main .account .yalla-account__form form label {
  color: #737373;
}
.main .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.main .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.main .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.main .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.main .account .yalla-account__form form button {
  background-color: #092327;
  color: #fff;
}
.main .account .yalla-account__form form button:hover {
  background-color: #0b5351;
}
.main .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.main .account .yalla-account__form form .form-inline li .active {
  background-color: #0b5351;
  color: #fff;
}
.main .account .yalla-account__form form .form-inline li a:focus {
  background-color: #0b5351;
  color: #fff;
}
.main .nav-pills {
  background-color: #fff;
}
.main .nav-pills .nav-link {
  color: #092327;
}
.main .nav-pills .nav-link:hover {
  background-color: #0b5351;
  color: #fff;
}
.main .nav-pills .active {
  color: #fff !important;
  background-color: #0b5351;
}
.main .yalla-orders__card {
  background-color: #fff !important;
}
.main .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.main .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #0b5351 !important;
}
.main .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.main .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.main .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #0b5351;
}
.main .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.main .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #0b5351;
}
.main .yalla-orders__list .yalla-orders__card .yalla-order-item,
.main .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.main .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.main .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #0b5351;
}
.main .yalla-empty-state h2 {
  color: #092327;
}
.main .yalla-empty-state a {
  background-color: #092327;
  color: #fff;
}
.main .yalla-empty-state a:hover {
  background-color: #0b5351;
}
.main .completed h3 {
  color: #0c0c0c;
}
.main .completed section h5 {
  color: #092327;
}
.main .completed section ul li {
  color: #b6b6b6;
}
.main .completed section ul li a {
  color: #092327;
  background-color: transparent;
  font-weight: bold;
}
.main .completed section ul li a:hover {
  color: #0b5351;
  background-color: transparent;
}
.main .completed .order-info {
  background-color: #fff;
}
.main .completed .share-info .form-group textarea {
  color: #0b5351;
}
.main .completed .share-info .share-button button {
  color: #fff;
  background-color: #0b5351;
}
.main .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.main .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.main .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.main .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.main .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.main .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.main .completed a {
  background-color: #092327;
  color: #fff;
}
.main .completed a:hover {
  background-color: #0b5351;
}
.main .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.main .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.main .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.main .contact .yalla-page-contact__info section div div span {
  background-color: #0b5351;
  color: #fff;
}
.main .contact .yalla-page-contact__info section div div span i, .main .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.main .contact .yalla-page-contact__info section div div a {
  color: #092327;
}
.main .contact .yalla-page-contact__info section div div p {
  color: #092327;
}
.main .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .facebook:hover i, .main .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.main .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .twitter:hover i, .main .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.main .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .envelope:hover i, .main .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.main .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .whatsapp:hover i, .main .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.main .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .instagram:hover i, .main .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.main .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .telegram:hover i, .main .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.main .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .youtube:hover i, .main .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.main .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .soundcloud:hover i, .main .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.main .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.main .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.main .contact .yalla-page-contact__info .media .snapchat:hover i, .main .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.main .contact .yalla-page-contact__form form input {
  color: #092327;
}
.main .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.main .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.main .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.main .contact .yalla-page-contact__form form button {
  background-color: #092327;
  color: #fff;
}
.main .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.main .checkout .btn-primary:not(:disabled):not(.disabled):active,
.main .checkout .show > .btn-primary.dropdown-toggle,
.main .checkout .btn-primary:hover {
  background: #092327;
  border-color: #092327;
}
.main .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.main .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.main .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.main #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .main #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.main #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .main #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.main #global_checkout .checkout_container .checkout input:checked + .switch,
.main #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .main #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .main #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .main #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.main #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .main #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.main #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.main #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .main #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #0b5351;
}
.main #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .main #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .main #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .main #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .main #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .main #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .main #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .main #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #0b5351;
}
.main #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .main #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.main #global_checkout .checkout_container .checkout a:hover,
.main #global_checkout .checkout_container .checkout_logo a, .main #global_checkout .checkout_container .yalla-checkout__logo a,
.main #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .main #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.main #global_checkout .checkout_container .checkout_side aside .delete, .main #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.main #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .main #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .main #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .main #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.main #global_checkout .yalla-checkout__container .checkout a:hover,
.main #global_checkout .yalla-checkout__container .checkout_logo a, .main #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.main #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .main #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.main #global_checkout .yalla-checkout__container .checkout_side aside .delete, .main #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.main #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .main #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #0b5351;
}
.main #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .main #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .main #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .main #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #0b5351;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.orange .yalla-topbar__user a {
  color: #023047;
}
.orange .login a i, .orange .login a svg,
.orange .yalla-topbar__user a i,
.orange .yalla-topbar__user a svg {
  color: #023047;
}
.orange .login a:hover,
.orange .yalla-topbar__user a:hover {
  background-color: #023047;
  color: #fff;
}
.orange .login button,
.orange .yalla-topbar__user button {
  color: #023047;
  background-color: transparent;
}
.orange .login button h6,
.orange .yalla-topbar__user button h6 {
  color: #023047;
}
.orange .login .dropdown-menu a,
.orange .yalla-topbar__user .dropdown-menu a {
  color: #fb8500;
}
.orange .login .dropdown-menu a i, .orange .login .dropdown-menu a svg,
.orange .yalla-topbar__user .dropdown-menu a i,
.orange .yalla-topbar__user .dropdown-menu a svg {
  color: #fb8500;
}
.orange .login .dropdown-menu a:hover,
.orange .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.orange .login .dropdown-menu a:hover i, .orange .login .dropdown-menu a:hover svg,
.orange .yalla-topbar__user .dropdown-menu a:hover i,
.orange .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.orange .login .dropdown-menu a:focus,
.orange .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.orange .login .dropdown-menu a:focus i, .orange .login .dropdown-menu a:focus svg,
.orange .yalla-topbar__user .dropdown-menu a:focus i,
.orange .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.orange .login .dropdown-menu a:active,
.orange .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.orange .login .dropdown-menu a:active i, .orange .login .dropdown-menu a:active svg,
.orange .yalla-topbar__user .dropdown-menu a:active i,
.orange .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.orange .yalla-subcats 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);
}
.orange .social-button:hover {
  background: linear-gradient(45deg, #fb8500, #023047);
}
.orange .add-cart {
  background-color: #fb8500 !important;
}
.orange .yalla-topbar__auth .btn {
  color: #fff;
}
.orange .yalla-topbar__auth .btn-sing {
  background-color: #023047;
}
.orange .yalla-topbar__auth .btn-sing:hover {
  background-color: #fb8500;
}
.orange .yalla-topbar__auth .btn-login {
  color: #023047;
}
.orange .yalla-topbar__auth .btn-login:hover {
  background-color: #fb8500;
  color: #fff;
}
.orange .btn-head {
  background: #fff;
  color: #fb8500 !important;
}
.orange .btn-head:hover {
  background-color: #023047 !important;
  color: #fff !important;
}
.orange button div {
  background-color: #023047;
  color: #fff;
}
.orange button div:hover {
  background-color: #fb8500;
}
.orange .yalla-notice {
  background-color: #023047;
  color: #fff;
}
.orange header {
  border-bottom: 1px solid #023047;
}
.orange header nav {
  background-color: #fff;
}
.orange header nav form button {
  background-color: #023047;
}
.orange header nav .right-part a .logo.empty {
  background-color: #fb8500;
}
.orange header nav .right-part a .logo.empty span {
  color: #fff;
}
.orange header nav .right-part a span {
  color: #023047;
}
.orange header .yalla-subnav {
  background-color: #f8f8f8;
}
.orange header .yalla-subnav .right-part .open-list {
  color: #023047;
}
.orange header .yalla-subnav .right-part .logo.empty {
  background-color: #fb8500;
}
.orange header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.orange header .yalla-subnav .right-part span {
  color: #023047;
}
.orange header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #fb8500;
}
.orange header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.orange header .yalla-subnav .left-part .shoping-cart a i, .orange header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.orange .search-icon {
  background-color: transparent;
  color: #023047;
}
.orange #phone-search {
  background-color: #fff;
}
.orange #phone-search .form-group input {
  border: none;
}
.orange #phone-search .text-center .yalla-btn {
  background-color: #023047;
  color: #fff;
}
.orange .fixed-top {
  border-bottom: 1px solid #023047;
}
.orange footer {
  background-color: #fff;
  color: #023047;
}
.orange footer section .media a div {
  background-color: #fb8500;
}
.orange footer section .media a div:hover {
  background-color: #023047 !important;
}
.orange footer section .media a div:hover svg, .orange footer section .media a div:hover i {
  color: #fff;
}
.orange footer section .yalla-footer__copyright-link {
  color: #fff;
}
.orange footer section .yalla-footer__col h3 {
  color: #023047;
}
.orange footer section .yalla-footer__col ul li a {
  color: #023047;
}
.orange footer section .yalla-footer__col ul li a:hover {
  color: #fb8500;
}
.orange footer .yalla-footer__copyright {
  color: #023047;
}
.orange footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #023047;
}
.orange footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #fb8500;
}
.orange .yalla-home-section__head::before {
  background: #fb8500;
}
.orange .yalla-home-section__head h3 {
  color: #023047;
}
.orange .yalla-home-section__head a:last-of-type {
  color: #fb8500;
}
.orange .yalla-home-section__head .dropdown {
  left: 0;
}
.orange .yalla-home-section__head .dropdown button {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #023047;
}
.orange .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #023047;
}
.orange .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #023047;
}
.orange .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #023047;
}
.orange header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div,
.orange .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div, .orange .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .orange .yalla-footer__social div {
  background-color: #fb8500;
}
.orange header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div i,
.orange .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div i, .orange .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .orange .yalla-footer__social div i, .orange header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div svg,
.orange .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div svg, .orange .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .orange .yalla-footer__social div svg {
  color: #fff;
}
.orange header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div:hover,
.orange .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .orange .yalla-topbar__social div:hover, .orange .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .orange .yalla-footer__social div:hover {
  background-color: #023047;
}
.orange .yalla-breadcrumb {
  background-color: transparent;
}
.orange .yalla-breadcrumb nav {
  background-color: transparent;
}
.orange .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.orange .yalla-breadcrumb nav ol li a {
  color: #023047;
}
.orange .yalla-breadcrumb nav ol .active {
  color: #023047;
}
.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 .btn-section {
  background-color: #023047;
  color: #fff;
}
.orange .btn-section:hover {
  background-color: #fb8500;
  color: #fff !important;
}
.orange .language label {
  color: #333;
}
.orange .language button span {
  border: 1px solid #fff;
}
.orange .language .dropdown-toggle::after {
  color: #023047;
}
.orange .language .dropdown-menu h6 {
  color: #737373;
}
.orange .menu-item .menu-button {
  background-color: transparent;
  color: #023047;
}
.orange .menu-item .menu-button i, .orange .menu-item .menu-button svg {
  color: #023047;
}
.orange .menu-item .menu-button span {
  color: #023047;
}
.orange .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #023047;
}
.orange .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #023047;
}
.orange .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.orange .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.orange .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.orange .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.orange .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.orange .yalla-product-card {
  background-color: #fff;
}
.orange .yalla-product-card section .yalla-product-card__badge--qty, .orange .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.orange .yalla-product-card section .yalla-product-card__badge--qty a, .orange .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.orange .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.orange .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.orange .yalla-product-card section .img-box i, .orange .yalla-product-card section .img-box svg, .orange .yalla-product-card section .yalla-product-card__media i, .orange .yalla-product-card section .yalla-product-card__media svg {
  color: #023047;
}
.orange .yalla-product-card section .img-box .Wishes, .orange .yalla-product-card section .img-box .yalla-product-card__wishlist, .orange .yalla-product-card section .yalla-product-card__media .Wishes, .orange .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.orange .yalla-product-card section section .yalla-product-card__title-box a h2,
.orange .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.orange .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #fb8500;
}
.orange .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #023047;
}
.orange .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.orange .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.orange .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #fb8500;
  border: 1px solid #fb8500;
}
.orange .yalla-product-card section .yalla-btn:hover {
  background-color: #fb8500;
  color: #fff !important;
}
.orange .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #fb8500 !important;
  border: none;
}
.orange .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #fb8500 !important;
}
.orange .yalla-product-card section .yalla-btn--disabled {
  background-color: #fb8500 !important;
  color: #fff !important;
}
.orange .yalla-product-card:hover .yalla-product-card__title-box h2,
.orange .yalla-product-card:hover .yalla-product-card__title-box h3,
.orange .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #fb8500;
}
.orange .swiper-container .swiper-button-next,
.orange .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.orange .swiper-container .swiper-button-next:hover,
.orange .swiper-container .swiper-button-prev:hover {
  color: #fb8500;
}
.orange .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fb8500;
}
.orange .yalla-cart-empty {
  background-color: #f8f8f8;
}
.orange .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.orange .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #023047;
}
.orange .shoping-cart a .label {
  color: #fff;
}
.orange .singbar {
  background: #fff;
  color: #888;
}
.orange .singbar .sing-dismiss {
  background: #023047;
  color: #fff;
}
.orange .singbar .sing-dismiss:hover {
  background: #fb8500;
}
.orange .singbar .sing-dismiss:focus {
  background: #fb8500;
}
.orange .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.orange .singbar .sing-head h3 {
  color: #023047;
}
.orange .singbar .sing-head a {
  display: inline-block;
}
.orange .successful-log {
  background-color: #f8f8f8;
}
.orange .successful-log li i, .orange .successful-log li svg {
  color: #023047;
}
.orange .successful-log li span {
  color: #0c0c0c;
}
.orange .successful-log li div a {
  background-color: #fb8500;
  color: #fff;
}
.orange .successful-log li div a:hover {
  background-color: #023047;
}
.orange .signup-form {
  background-color: #f8f8f8;
}
.orange .signup-form .register-form .g-log a,
.orange .signup-form .register-form .f-log a {
  background-color: #fff;
}
.orange .signup-form .register-form .g-log .facebook-link,
.orange .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.orange .signup-form .register-form .g-log .facebook-link i, .orange .signup-form .register-form .g-log .facebook-link svg,
.orange .signup-form .register-form .f-log .facebook-link i,
.orange .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.orange .signup-form .register-form .confirmation a {
  color: #023047;
}
.orange .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #023047;
  margin-right: 8px;
}
.orange .signup-form .register-form #reset:hover {
  background: #fb8500;
  color: #fff;
}
.orange .signup-form .register-form #submit {
  background: #023047;
  color: #fff;
}
.orange .signup-form .register-form #submit:hover {
  background: #fb8500;
}
.orange .side-media {
  background-color: #023047;
}
.orange .side-media a div i, .orange .side-media a div svg {
  color: #fff;
}
.orange .side-media a div:hover {
  background-color: #fb8500;
}
.orange .list {
  background: #fff;
  color: #888;
}
.orange .list .list-dismiss {
  background: #fb8500;
  color: #fff;
}
.orange .list .list-dismiss:hover {
  background: #ffb703;
  color: #fff;
}
.orange .list .list-dismiss:focus {
  background: #ffb703;
  color: #fff;
}
.orange .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #023047;
}
.orange .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.orange .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #023047;
}
.orange .list .cart-head .logo span {
  color: #fff;
}
.orange .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #023047;
}
.orange .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #023047;
}
.orange .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #023047;
}
.orange .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .orange .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.orange .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.orange .side-nave ul li a .img-box, .orange .side-nave ul li a h3, .orange .side-nave ul li a span {
  color: #023047;
}
.orange .side-nave ul li button {
  color: #023047;
  background-color: transparent;
}
.orange .side-nave ul li button i, .orange .side-nave ul li button svg {
  color: #023047;
}
.orange .side-nave ul li button:active, .orange .side-nave ul li button:focus, .orange .side-nave ul li button:after, .orange .side-nave ul li button:hover {
  background-color: transparent;
}
.orange .side-nave ul li .dropdown-menu a i, .orange .side-nave ul li .dropdown-menu a svg {
  color: #023047;
}
.orange .side-nave ul .panel .panel-heading a i, .orange .side-nave ul .panel .panel-heading a svg {
  color: #023047;
}
@media (max-width: 767.98px) {
  .orange .side-nave ul .panel .panel-heading a i i, .orange .side-nave ul .panel .panel-heading a i svg, .orange .side-nave ul .panel .panel-heading a svg i, .orange .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.orange .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.orange .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.orange .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.orange .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #023047;
}
.orange .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.orange .side-nave ul .active a h3 {
  color: #fb8500;
}
.orange .side-nave ul .active a span {
  color: #fb8500;
}
.orange .side-nave ul .active .panel-heading a h3 {
  color: #fb8500;
}
.orange .side-nave ul .active .panel-heading a span {
  color: #fb8500;
}
.orange .side-nave ul .active .panel-heading a i, .orange .side-nave ul .active .panel-heading a svg {
  color: #fb8500;
}
.orange .side-nave ul .active .panel-body h3 {
  color: #fb8500 !important;
}
.orange .side-nave ul .active .panel-body span {
  color: #fb8500 !important;
}
.orange .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #023047;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.orange .yalla-pagination nav .pagination li a:hover {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #fb8500;
  background-color: #fb8500;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.orange .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #023047;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.orange .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #023047;
  font-weight: bold;
}
.orange .yalla-trial-store {
  color: #ecf0f1;
  background-color: #023047;
}
.orange .yalla-trial-store a {
  color: #fb8500;
}
.orange .yalla-trial-store .close {
  background-color: #dc3545;
}
.orange .yalla-trial-store .close i, .orange .yalla-trial-store .close svg {
  color: #fff;
}
.orange .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #fb8500;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.orange .single .section {
  background-color: #fff;
}
.orange .single .section .swiper-button-next,
.orange .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.orange .single .section .swiper-button-next:hover,
.orange .single .section .swiper-button-prev:hover {
  color: #fb8500;
}
.orange .single .section .yalla-product__info h6 {
  color: #023047;
}
.orange .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #fb8500;
}
.orange .single .section .yalla-product__info .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: #000;
}
.orange .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.orange .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.orange .single .section .yalla-product__info section label span {
  background-color: #ffb703 !important;
  color: #fff;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .orange .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #023047;
  color: #fff;
}
.orange .single .section .yalla-product__description a {
  color: #fb8500;
}
.orange .single .button-more button {
  background-color: #023047;
  color: #fff;
}
.orange #special-offer .btn-collection, .orange .yalla-offers .btn-collection {
  border: 1px solid #fb8500;
  color: #fb8500;
  border-radius: 7px;
}
.orange #special-offer .btn-collection:hover, .orange .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.orange .share .action-icon button,
.orange .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.orange .share .share-div .s-icon {
  background-color: #8ec06c;
}
.orange .share .share-div .s-icon i, .orange .share .share-div .s-icon svg {
  color: #fff;
}
.orange .share .share-div .media a div i, .orange .share .share-div .media a div svg {
  color: #fff;
}
.orange .share .share-div .media a div:hover i, .orange .share .share-div .media a div:hover svg {
  color: #fff;
}
.orange .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.orange .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.orange .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.orange .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.orange .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.orange .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.orange .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.orange .share .share-div .media button i, .orange .share .share-div .media button svg {
  color: #fff;
}
.orange .share .share-div .media button:hover i, .orange .share .share-div .media button:hover svg {
  color: #fff;
}
.orange .share .share-div .media .facebook {
  background-color: #3b5998;
}
.orange .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.orange .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.orange .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.orange .share .share-div .media .telegram {
  background-color: #0088cc;
}
.orange .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.orange .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.orange #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .orange .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #023047;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #023047;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.orange .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.orange .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #023047;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #023047;
  background-color: transparent;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .orange .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .orange .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .orange .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .orange .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #023047;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .orange .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .orange .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .orange .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .orange .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .orange .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .orange .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #fb8500;
}
.orange .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .orange .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .orange .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .orange .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.orange .yalla-page-cart .yalla-cart .heart {
  color: #fb8500;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.orange .yalla-page-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 b {
  color: #fb8500;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #023047;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .orange .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #fb8500;
}
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #023047;
}
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #ffb703;
}
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #fb8500;
  border: 1px solid #fb8500;
}
.orange .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #023047;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #fb8500;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #ffb703;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #023047;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #fb8500;
  color: #fff;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #023047;
  color: #fff !important;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.orange .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #023047;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.orange #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #fb8500;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #fb8500;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #fb8500;
  color: white !important;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #fb8500;
}
.orange #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #ffecd9;
  color: #023047;
}
.orange .account .yalla-account__form {
  background-color: #fff;
}
.orange .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #023047;
}
.orange .account .yalla-account__form .yalla-account__avatar-upload {
  color: #ffb703;
}
.orange .account .yalla-account__form .yalla-account__avatar-upload:hover i, .orange .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #fb8500;
}
.orange .account .yalla-account__form form label {
  color: #737373;
}
.orange .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.orange .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.orange .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.orange .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.orange .account .yalla-account__form form button {
  background-color: #023047;
  color: #fff;
}
.orange .account .yalla-account__form form button:hover {
  background-color: #fb8500;
}
.orange .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.orange .account .yalla-account__form form .form-inline li .active {
  background-color: #fb8500;
  color: #fff;
}
.orange .account .yalla-account__form form .form-inline li a:focus {
  background-color: #fb8500;
  color: #fff;
}
.orange .nav-pills {
  background-color: #fff;
}
.orange .nav-pills .nav-link {
  color: #023047;
}
.orange .nav-pills .nav-link:hover {
  background-color: #fb8500;
  color: #fff;
}
.orange .nav-pills .active {
  color: #fff !important;
  background-color: #fb8500;
}
.orange .yalla-orders__card {
  background-color: #fff !important;
}
.orange .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.orange .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #fb8500 !important;
}
.orange .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.orange .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.orange .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #fb8500;
}
.orange .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.orange .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #fb8500;
}
.orange .yalla-orders__list .yalla-orders__card .yalla-order-item,
.orange .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.orange .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.orange .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #fb8500;
}
.orange .yalla-empty-state h2 {
  color: #023047;
}
.orange .yalla-empty-state a {
  background-color: #023047;
  color: #fff;
}
.orange .yalla-empty-state a:hover {
  background-color: #fb8500;
}
.orange .completed h3 {
  color: #0c0c0c;
}
.orange .completed section h5 {
  color: #023047;
}
.orange .completed section ul li {
  color: #b6b6b6;
}
.orange .completed section ul li a {
  color: #023047;
  background-color: transparent;
  font-weight: bold;
}
.orange .completed section ul li a:hover {
  color: #fb8500;
  background-color: transparent;
}
.orange .completed .order-info {
  background-color: #fff;
}
.orange .completed .share-info .form-group textarea {
  color: #fb8500;
}
.orange .completed .share-info .share-button button {
  color: #fff;
  background-color: #fb8500;
}
.orange .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.orange .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.orange .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.orange .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.orange .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.orange .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.orange .completed a {
  background-color: #023047;
  color: #fff;
}
.orange .completed a:hover {
  background-color: #fb8500;
}
.orange .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.orange .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.orange .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.orange .contact .yalla-page-contact__info section div div span {
  background-color: #fb8500;
  color: #fff;
}
.orange .contact .yalla-page-contact__info section div div span i, .orange .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.orange .contact .yalla-page-contact__info section div div a {
  color: #023047;
}
.orange .contact .yalla-page-contact__info section div div p {
  color: #023047;
}
.orange .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .facebook:hover i, .orange .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.orange .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .twitter:hover i, .orange .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.orange .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .envelope:hover i, .orange .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.orange .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .whatsapp:hover i, .orange .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.orange .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .instagram:hover i, .orange .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.orange .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .telegram:hover i, .orange .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.orange .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .youtube:hover i, .orange .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.orange .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .soundcloud:hover i, .orange .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.orange .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.orange .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.orange .contact .yalla-page-contact__info .media .snapchat:hover i, .orange .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.orange .contact .yalla-page-contact__form form input {
  color: #023047;
}
.orange .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.orange .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.orange .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.orange .contact .yalla-page-contact__form form button {
  background-color: #023047;
  color: #fff;
}
.orange .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.orange .checkout .btn-primary:not(:disabled):not(.disabled):active,
.orange .checkout .show > .btn-primary.dropdown-toggle,
.orange .checkout .btn-primary:hover {
  background: #023047;
  border-color: #023047;
}
.orange .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.orange .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.orange .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.orange #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .orange #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.orange #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .orange #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.orange #global_checkout .checkout_container .checkout input:checked + .switch,
.orange #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .orange #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .orange #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .orange #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.orange #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .orange #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.orange #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.orange #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .orange #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #fb8500;
}
.orange #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .orange #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .orange #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .orange #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .orange #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .orange #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .orange #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .orange #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #fb8500;
}
.orange #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .orange #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.orange #global_checkout .checkout_container .checkout a:hover,
.orange #global_checkout .checkout_container .checkout_logo a, .orange #global_checkout .checkout_container .yalla-checkout__logo a,
.orange #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .orange #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.orange #global_checkout .checkout_container .checkout_side aside .delete, .orange #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.orange #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .orange #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .orange #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .orange #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.orange #global_checkout .yalla-checkout__container .checkout a:hover,
.orange #global_checkout .yalla-checkout__container .checkout_logo a, .orange #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.orange #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .orange #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.orange #global_checkout .yalla-checkout__container .checkout_side aside .delete, .orange #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.orange #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .orange #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #fb8500;
}
.orange #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .orange #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .orange #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .orange #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #fb8500;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.pink .yalla-topbar__user a {
  color: #3d2645;
}
.pink .login a i, .pink .login a svg,
.pink .yalla-topbar__user a i,
.pink .yalla-topbar__user a svg {
  color: #3d2645;
}
.pink .login a:hover,
.pink .yalla-topbar__user a:hover {
  background-color: #3d2645;
  color: #fff;
}
.pink .login button,
.pink .yalla-topbar__user button {
  color: #3d2645;
  background-color: transparent;
}
.pink .login button h6,
.pink .yalla-topbar__user button h6 {
  color: #3d2645;
}
.pink .login .dropdown-menu a,
.pink .yalla-topbar__user .dropdown-menu a {
  color: #ff7aa2;
}
.pink .login .dropdown-menu a i, .pink .login .dropdown-menu a svg,
.pink .yalla-topbar__user .dropdown-menu a i,
.pink .yalla-topbar__user .dropdown-menu a svg {
  color: #ff7aa2;
}
.pink .login .dropdown-menu a:hover,
.pink .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.pink .login .dropdown-menu a:hover i, .pink .login .dropdown-menu a:hover svg,
.pink .yalla-topbar__user .dropdown-menu a:hover i,
.pink .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.pink .login .dropdown-menu a:focus,
.pink .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.pink .login .dropdown-menu a:focus i, .pink .login .dropdown-menu a:focus svg,
.pink .yalla-topbar__user .dropdown-menu a:focus i,
.pink .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.pink .login .dropdown-menu a:active,
.pink .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.pink .login .dropdown-menu a:active i, .pink .login .dropdown-menu a:active svg,
.pink .yalla-topbar__user .dropdown-menu a:active i,
.pink .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.pink .yalla-subcats 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);
}
.pink .social-button:hover {
  background: linear-gradient(45deg, #ff7aa2, #3d2645);
}
.pink .add-cart {
  background-color: #ff7aa2 !important;
}
.pink .yalla-topbar__auth .btn {
  color: #fff;
}
.pink .yalla-topbar__auth .btn-sing {
  background-color: #3d2645;
}
.pink .yalla-topbar__auth .btn-sing:hover {
  background-color: #ff7aa2;
}
.pink .yalla-topbar__auth .btn-login {
  color: #3d2645;
}
.pink .yalla-topbar__auth .btn-login:hover {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .btn-head {
  background: #fff;
  color: #ff7aa2 !important;
}
.pink .btn-head:hover {
  background-color: #3d2645 !important;
  color: #fff !important;
}
.pink button div {
  background-color: #3d2645;
  color: #fff;
}
.pink button div:hover {
  background-color: #ff7aa2;
}
.pink .yalla-notice {
  background-color: #3d2645;
  color: #fff;
}
.pink header {
  border-bottom: 1px solid #3d2645;
}
.pink header nav {
  background-color: #fff;
}
.pink header nav form button {
  background-color: #3d2645;
}
.pink header nav .right-part a .logo.empty {
  background-color: #ff7aa2;
}
.pink header nav .right-part a .logo.empty span {
  color: #fff;
}
.pink header nav .right-part a span {
  color: #3d2645;
}
.pink header .yalla-subnav {
  background-color: #f8f8f8;
}
.pink header .yalla-subnav .right-part .open-list {
  color: #3d2645;
}
.pink header .yalla-subnav .right-part .logo.empty {
  background-color: #ff7aa2;
}
.pink header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.pink header .yalla-subnav .right-part span {
  color: #3d2645;
}
.pink header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #ff7aa2;
}
.pink header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.pink header .yalla-subnav .left-part .shoping-cart a i, .pink header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.pink .search-icon {
  background-color: transparent;
  color: #3d2645;
}
.pink #phone-search {
  background-color: #fff;
}
.pink #phone-search .form-group input {
  border: none;
}
.pink #phone-search .text-center .yalla-btn {
  background-color: #3d2645;
  color: #fff;
}
.pink .fixed-top {
  border-bottom: 1px solid #3d2645;
}
.pink footer {
  background-color: #fff;
  color: #3d2645;
}
.pink footer section .media a div {
  background-color: #ff7aa2;
}
.pink footer section .media a div:hover {
  background-color: #3d2645 !important;
}
.pink footer section .media a div:hover svg, .pink footer section .media a div:hover i {
  color: #fff;
}
.pink footer section .yalla-footer__copyright-link {
  color: #fff;
}
.pink footer section .yalla-footer__col h3 {
  color: #3d2645;
}
.pink footer section .yalla-footer__col ul li a {
  color: #3d2645;
}
.pink footer section .yalla-footer__col ul li a:hover {
  color: #ff7aa2;
}
.pink footer .yalla-footer__copyright {
  color: #3d2645;
}
.pink footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #3d2645;
}
.pink footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #ff7aa2;
}
.pink .yalla-home-section__head::before {
  background: #ff7aa2;
}
.pink .yalla-home-section__head h3 {
  color: #3d2645;
}
.pink .yalla-home-section__head a:last-of-type {
  color: #ff7aa2;
}
.pink .yalla-home-section__head .dropdown {
  left: 0;
}
.pink .yalla-home-section__head .dropdown button {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #3d2645;
}
.pink .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #3d2645;
}
.pink .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #3d2645;
}
.pink .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #3d2645;
}
.pink header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div,
.pink .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div, .pink .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .pink .yalla-footer__social div {
  background-color: #ff7aa2;
}
.pink header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div i,
.pink .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div i, .pink .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .pink .yalla-footer__social div i, .pink header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div svg,
.pink .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div svg, .pink .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .pink .yalla-footer__social div svg {
  color: #fff;
}
.pink header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div:hover,
.pink .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .pink .yalla-topbar__social div:hover, .pink .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .pink .yalla-footer__social div:hover {
  background-color: #3d2645;
}
.pink .yalla-breadcrumb {
  background-color: transparent;
}
.pink .yalla-breadcrumb nav {
  background-color: transparent;
}
.pink .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.pink .yalla-breadcrumb nav ol li a {
  color: #3d2645;
}
.pink .yalla-breadcrumb nav ol .active {
  color: #3d2645;
}
.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 .btn-section {
  background-color: #3d2645;
  color: #fff;
}
.pink .btn-section:hover {
  background-color: #ff7aa2;
  color: #fff !important;
}
.pink .language label {
  color: #333;
}
.pink .language button span {
  border: 1px solid #fff;
}
.pink .language .dropdown-toggle::after {
  color: #3d2645;
}
.pink .language .dropdown-menu h6 {
  color: #737373;
}
.pink .menu-item .menu-button {
  background-color: transparent;
  color: #3d2645;
}
.pink .menu-item .menu-button i, .pink .menu-item .menu-button svg {
  color: #3d2645;
}
.pink .menu-item .menu-button span {
  color: #3d2645;
}
.pink .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #3d2645;
}
.pink .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #3d2645;
}
.pink .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.pink .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.pink .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.pink .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.pink .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.pink .yalla-product-card {
  background-color: #fff;
}
.pink .yalla-product-card section .yalla-product-card__badge--qty, .pink .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.pink .yalla-product-card section .yalla-product-card__badge--qty a, .pink .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.pink .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.pink .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.pink .yalla-product-card section .img-box i, .pink .yalla-product-card section .img-box svg, .pink .yalla-product-card section .yalla-product-card__media i, .pink .yalla-product-card section .yalla-product-card__media svg {
  color: #3d2645;
}
.pink .yalla-product-card section .img-box .Wishes, .pink .yalla-product-card section .img-box .yalla-product-card__wishlist, .pink .yalla-product-card section .yalla-product-card__media .Wishes, .pink .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.pink .yalla-product-card section section .yalla-product-card__title-box a h2,
.pink .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.pink .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #ff7aa2;
}
.pink .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #3d2645;
}
.pink .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.pink .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.pink .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #ff7aa2;
  border: 1px solid #ff7aa2;
}
.pink .yalla-product-card section .yalla-btn:hover {
  background-color: #ff7aa2;
  color: #fff !important;
}
.pink .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #ff7aa2 !important;
  border: none;
}
.pink .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #ff7aa2 !important;
}
.pink .yalla-product-card section .yalla-btn--disabled {
  background-color: #ff7aa2 !important;
  color: #fff !important;
}
.pink .yalla-product-card:hover .yalla-product-card__title-box h2,
.pink .yalla-product-card:hover .yalla-product-card__title-box h3,
.pink .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #ff7aa2;
}
.pink .swiper-container .swiper-button-next,
.pink .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.pink .swiper-container .swiper-button-next:hover,
.pink .swiper-container .swiper-button-prev:hover {
  color: #ff7aa2;
}
.pink .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff7aa2;
}
.pink .yalla-cart-empty {
  background-color: #f8f8f8;
}
.pink .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.pink .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #3d2645;
}
.pink .shoping-cart a .label {
  color: #fff;
}
.pink .singbar {
  background: #fff;
  color: #888;
}
.pink .singbar .sing-dismiss {
  background: #3d2645;
  color: #fff;
}
.pink .singbar .sing-dismiss:hover {
  background: #ff7aa2;
}
.pink .singbar .sing-dismiss:focus {
  background: #ff7aa2;
}
.pink .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.pink .singbar .sing-head h3 {
  color: #3d2645;
}
.pink .singbar .sing-head a {
  display: inline-block;
}
.pink .successful-log {
  background-color: #f8f8f8;
}
.pink .successful-log li i, .pink .successful-log li svg {
  color: #3d2645;
}
.pink .successful-log li span {
  color: #0c0c0c;
}
.pink .successful-log li div a {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .successful-log li div a:hover {
  background-color: #3d2645;
}
.pink .signup-form {
  background-color: #f8f8f8;
}
.pink .signup-form .register-form .g-log a,
.pink .signup-form .register-form .f-log a {
  background-color: #fff;
}
.pink .signup-form .register-form .g-log .facebook-link,
.pink .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.pink .signup-form .register-form .g-log .facebook-link i, .pink .signup-form .register-form .g-log .facebook-link svg,
.pink .signup-form .register-form .f-log .facebook-link i,
.pink .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.pink .signup-form .register-form .confirmation a {
  color: #3d2645;
}
.pink .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #3d2645;
  margin-right: 8px;
}
.pink .signup-form .register-form #reset:hover {
  background: #ff7aa2;
  color: #fff;
}
.pink .signup-form .register-form #submit {
  background: #3d2645;
  color: #fff;
}
.pink .signup-form .register-form #submit:hover {
  background: #ff7aa2;
}
.pink .side-media {
  background-color: #3d2645;
}
.pink .side-media a div i, .pink .side-media a div svg {
  color: #fff;
}
.pink .side-media a div:hover {
  background-color: #ff7aa2;
}
.pink .list {
  background: #fff;
  color: #888;
}
.pink .list .list-dismiss {
  background: #ff7aa2;
  color: #fff;
}
.pink .list .list-dismiss:hover {
  background: #ff9ebb;
  color: #fff;
}
.pink .list .list-dismiss:focus {
  background: #ff9ebb;
  color: #fff;
}
.pink .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #3d2645;
}
.pink .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.pink .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #3d2645;
}
.pink .list .cart-head .logo span {
  color: #fff;
}
.pink .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #3d2645;
}
.pink .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #3d2645;
}
.pink .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #3d2645;
}
.pink .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .pink .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.pink .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.pink .side-nave ul li a .img-box, .pink .side-nave ul li a h3, .pink .side-nave ul li a span {
  color: #3d2645;
}
.pink .side-nave ul li button {
  color: #3d2645;
  background-color: transparent;
}
.pink .side-nave ul li button i, .pink .side-nave ul li button svg {
  color: #3d2645;
}
.pink .side-nave ul li button:active, .pink .side-nave ul li button:focus, .pink .side-nave ul li button:after, .pink .side-nave ul li button:hover {
  background-color: transparent;
}
.pink .side-nave ul li .dropdown-menu a i, .pink .side-nave ul li .dropdown-menu a svg {
  color: #3d2645;
}
.pink .side-nave ul .panel .panel-heading a i, .pink .side-nave ul .panel .panel-heading a svg {
  color: #3d2645;
}
@media (max-width: 767.98px) {
  .pink .side-nave ul .panel .panel-heading a i i, .pink .side-nave ul .panel .panel-heading a i svg, .pink .side-nave ul .panel .panel-heading a svg i, .pink .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.pink .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.pink .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.pink .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.pink .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #3d2645;
}
.pink .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.pink .side-nave ul .active a h3 {
  color: #ff7aa2;
}
.pink .side-nave ul .active a span {
  color: #ff7aa2;
}
.pink .side-nave ul .active .panel-heading a h3 {
  color: #ff7aa2;
}
.pink .side-nave ul .active .panel-heading a span {
  color: #ff7aa2;
}
.pink .side-nave ul .active .panel-heading a i, .pink .side-nave ul .active .panel-heading a svg {
  color: #ff7aa2;
}
.pink .side-nave ul .active .panel-body h3 {
  color: #ff7aa2 !important;
}
.pink .side-nave ul .active .panel-body span {
  color: #ff7aa2 !important;
}
.pink .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #3d2645;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.pink .yalla-pagination nav .pagination li a:hover {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #ff7aa2;
  background-color: #ff7aa2;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.pink .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #3d2645;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.pink .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #3d2645;
  font-weight: bold;
}
.pink .yalla-trial-store {
  color: #ecf0f1;
  background-color: #3d2645;
}
.pink .yalla-trial-store a {
  color: #ff7aa2;
}
.pink .yalla-trial-store .close {
  background-color: #dc3545;
}
.pink .yalla-trial-store .close i, .pink .yalla-trial-store .close svg {
  color: #fff;
}
.pink .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #ff7aa2;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.pink .single .section {
  background-color: #fff;
}
.pink .single .section .swiper-button-next,
.pink .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.pink .single .section .swiper-button-next:hover,
.pink .single .section .swiper-button-prev:hover {
  color: #ff7aa2;
}
.pink .single .section .yalla-product__info h6 {
  color: #3d2645;
}
.pink .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #ff7aa2;
}
.pink .single .section .yalla-product__info .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: #000;
}
.pink .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.pink .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.pink .single .section .yalla-product__info section label span {
  background-color: #ff9ebb !important;
  color: #fff;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .pink .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #3d2645;
  color: #fff;
}
.pink .single .section .yalla-product__description a {
  color: #ff7aa2;
}
.pink .single .button-more button {
  background-color: #3d2645;
  color: #fff;
}
.pink #special-offer .btn-collection, .pink .yalla-offers .btn-collection {
  border: 1px solid #ff7aa2;
  color: #ff7aa2;
  border-radius: 7px;
}
.pink #special-offer .btn-collection:hover, .pink .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.pink .share .action-icon button,
.pink .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.pink .share .share-div .s-icon {
  background-color: #8ec06c;
}
.pink .share .share-div .s-icon i, .pink .share .share-div .s-icon svg {
  color: #fff;
}
.pink .share .share-div .media a div i, .pink .share .share-div .media a div svg {
  color: #fff;
}
.pink .share .share-div .media a div:hover i, .pink .share .share-div .media a div:hover svg {
  color: #fff;
}
.pink .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.pink .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.pink .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.pink .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.pink .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.pink .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.pink .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.pink .share .share-div .media button i, .pink .share .share-div .media button svg {
  color: #fff;
}
.pink .share .share-div .media button:hover i, .pink .share .share-div .media button:hover svg {
  color: #fff;
}
.pink .share .share-div .media .facebook {
  background-color: #3b5998;
}
.pink .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.pink .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.pink .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.pink .share .share-div .media .telegram {
  background-color: #0088cc;
}
.pink .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.pink .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.pink #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .pink .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #3d2645;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #3d2645;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.pink .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.pink .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #3d2645;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #3d2645;
  background-color: transparent;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .pink .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .pink .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .pink .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .pink .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #3d2645;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .pink .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .pink .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .pink .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .pink .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .pink .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .pink .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #ff7aa2;
}
.pink .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .pink .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .pink .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .pink .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.pink .yalla-page-cart .yalla-cart .heart {
  color: #ff7aa2;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.pink .yalla-page-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 b {
  color: #ff7aa2;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #3d2645;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .pink .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #ff7aa2;
}
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #3d2645;
}
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #ff9ebb;
}
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #ff7aa2;
  border: 1px solid #ff7aa2;
}
.pink .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #3d2645;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #ff7aa2;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #ff9ebb;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #3d2645;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #3d2645;
  color: #fff !important;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.pink .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #3d2645;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.pink #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #ff7aa2;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #ff7aa2;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #ff7aa2;
  color: white !important;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #ff7aa2;
}
.pink #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #ffe6ed;
  color: #3d2645;
}
.pink .account .yalla-account__form {
  background-color: #fff;
}
.pink .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #3d2645;
}
.pink .account .yalla-account__form .yalla-account__avatar-upload {
  color: #ff9ebb;
}
.pink .account .yalla-account__form .yalla-account__avatar-upload:hover i, .pink .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #ff7aa2;
}
.pink .account .yalla-account__form form label {
  color: #737373;
}
.pink .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.pink .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.pink .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.pink .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.pink .account .yalla-account__form form button {
  background-color: #3d2645;
  color: #fff;
}
.pink .account .yalla-account__form form button:hover {
  background-color: #ff7aa2;
}
.pink .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.pink .account .yalla-account__form form .form-inline li .active {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .account .yalla-account__form form .form-inline li a:focus {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .nav-pills {
  background-color: #fff;
}
.pink .nav-pills .nav-link {
  color: #3d2645;
}
.pink .nav-pills .nav-link:hover {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .nav-pills .active {
  color: #fff !important;
  background-color: #ff7aa2;
}
.pink .yalla-orders__card {
  background-color: #fff !important;
}
.pink .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.pink .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #ff7aa2 !important;
}
.pink .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.pink .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.pink .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #ff7aa2;
}
.pink .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.pink .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #ff7aa2;
}
.pink .yalla-orders__list .yalla-orders__card .yalla-order-item,
.pink .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.pink .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.pink .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #ff7aa2;
}
.pink .yalla-empty-state h2 {
  color: #3d2645;
}
.pink .yalla-empty-state a {
  background-color: #3d2645;
  color: #fff;
}
.pink .yalla-empty-state a:hover {
  background-color: #ff7aa2;
}
.pink .completed h3 {
  color: #0c0c0c;
}
.pink .completed section h5 {
  color: #3d2645;
}
.pink .completed section ul li {
  color: #b6b6b6;
}
.pink .completed section ul li a {
  color: #3d2645;
  background-color: transparent;
  font-weight: bold;
}
.pink .completed section ul li a:hover {
  color: #ff7aa2;
  background-color: transparent;
}
.pink .completed .order-info {
  background-color: #fff;
}
.pink .completed .share-info .form-group textarea {
  color: #ff7aa2;
}
.pink .completed .share-info .share-button button {
  color: #fff;
  background-color: #ff7aa2;
}
.pink .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.pink .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.pink .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.pink .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.pink .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.pink .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.pink .completed a {
  background-color: #3d2645;
  color: #fff;
}
.pink .completed a:hover {
  background-color: #ff7aa2;
}
.pink .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.pink .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.pink .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.pink .contact .yalla-page-contact__info section div div span {
  background-color: #ff7aa2;
  color: #fff;
}
.pink .contact .yalla-page-contact__info section div div span i, .pink .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.pink .contact .yalla-page-contact__info section div div a {
  color: #3d2645;
}
.pink .contact .yalla-page-contact__info section div div p {
  color: #3d2645;
}
.pink .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .facebook:hover i, .pink .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.pink .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .twitter:hover i, .pink .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.pink .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .envelope:hover i, .pink .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.pink .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .whatsapp:hover i, .pink .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.pink .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .instagram:hover i, .pink .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.pink .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .telegram:hover i, .pink .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.pink .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .youtube:hover i, .pink .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.pink .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .soundcloud:hover i, .pink .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.pink .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.pink .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.pink .contact .yalla-page-contact__info .media .snapchat:hover i, .pink .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.pink .contact .yalla-page-contact__form form input {
  color: #3d2645;
}
.pink .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.pink .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.pink .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.pink .contact .yalla-page-contact__form form button {
  background-color: #3d2645;
  color: #fff;
}
.pink .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.pink .checkout .btn-primary:not(:disabled):not(.disabled):active,
.pink .checkout .show > .btn-primary.dropdown-toggle,
.pink .checkout .btn-primary:hover {
  background: #3d2645;
  border-color: #3d2645;
}
.pink .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.pink .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.pink .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.pink #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .pink #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.pink #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .pink #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.pink #global_checkout .checkout_container .checkout input:checked + .switch,
.pink #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .pink #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .pink #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .pink #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.pink #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .pink #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.pink #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.pink #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .pink #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #ff7aa2;
}
.pink #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .pink #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .pink #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .pink #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .pink #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .pink #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .pink #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .pink #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #ff7aa2;
}
.pink #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .pink #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.pink #global_checkout .checkout_container .checkout a:hover,
.pink #global_checkout .checkout_container .checkout_logo a, .pink #global_checkout .checkout_container .yalla-checkout__logo a,
.pink #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .pink #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.pink #global_checkout .checkout_container .checkout_side aside .delete, .pink #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.pink #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .pink #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .pink #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .pink #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.pink #global_checkout .yalla-checkout__container .checkout a:hover,
.pink #global_checkout .yalla-checkout__container .checkout_logo a, .pink #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.pink #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .pink #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.pink #global_checkout .yalla-checkout__container .checkout_side aside .delete, .pink #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.pink #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .pink #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #ff7aa2;
}
.pink #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .pink #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .pink #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .pink #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #ff7aa2;
}
.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;
  /* Optional: Add background color to the theme map if needed */
  background-color: #f8fafc;
  /* ---------start button colors--------------*/
  /* ---------end header colors-------------- */
  /* ---------start footer colors--------------*/
  /* ========== start media style =========== */
  /* ========== end breadcrumb =========== */
  /* ==== start index Style === */
  /* ==== start index Style === */
  /* ==== start single Style === */
  /* ==== start single Style === */
  /* ==== start cart Style === */
  /* ==== start cart Style === */
  /* === End account Style === */
  /* === End empty Style === */
  /* ==== start completed Style === */
  /* === End completed Style === */
  /* ==== start contact Style === */
  /* === End contact Style === */
}
.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 .login a,
.violet .yalla-topbar__user a {
  color: #240046;
}
.violet .login a i, .violet .login a svg,
.violet .yalla-topbar__user a i,
.violet .yalla-topbar__user a svg {
  color: #240046;
}
.violet .login a:hover,
.violet .yalla-topbar__user a:hover {
  background-color: #240046;
  color: #fff;
}
.violet .login button,
.violet .yalla-topbar__user button {
  color: #240046;
  background-color: transparent;
}
.violet .login button h6,
.violet .yalla-topbar__user button h6 {
  color: #240046;
}
.violet .login .dropdown-menu a,
.violet .yalla-topbar__user .dropdown-menu a {
  color: #7726c1;
}
.violet .login .dropdown-menu a i, .violet .login .dropdown-menu a svg,
.violet .yalla-topbar__user .dropdown-menu a i,
.violet .yalla-topbar__user .dropdown-menu a svg {
  color: #7726c1;
}
.violet .login .dropdown-menu a:hover,
.violet .yalla-topbar__user .dropdown-menu a:hover {
  color: #fff;
}
.violet .login .dropdown-menu a:hover i, .violet .login .dropdown-menu a:hover svg,
.violet .yalla-topbar__user .dropdown-menu a:hover i,
.violet .yalla-topbar__user .dropdown-menu a:hover svg {
  color: #fff;
}
.violet .login .dropdown-menu a:focus,
.violet .yalla-topbar__user .dropdown-menu a:focus {
  color: #fff;
}
.violet .login .dropdown-menu a:focus i, .violet .login .dropdown-menu a:focus svg,
.violet .yalla-topbar__user .dropdown-menu a:focus i,
.violet .yalla-topbar__user .dropdown-menu a:focus svg {
  color: #fff;
}
.violet .login .dropdown-menu a:active,
.violet .yalla-topbar__user .dropdown-menu a:active {
  color: #fff;
}
.violet .login .dropdown-menu a:active i, .violet .login .dropdown-menu a:active svg,
.violet .yalla-topbar__user .dropdown-menu a:active i,
.violet .yalla-topbar__user .dropdown-menu a:active svg {
  color: #fff;
}
.violet .yalla-subcats 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);
}
.violet .social-button:hover {
  background: linear-gradient(45deg, #7726c1, #240046);
}
.violet .add-cart {
  background-color: #7726c1 !important;
}
.violet .yalla-topbar__auth .btn {
  color: #fff;
}
.violet .yalla-topbar__auth .btn-sing {
  background-color: #240046;
}
.violet .yalla-topbar__auth .btn-sing:hover {
  background-color: #7726c1;
}
.violet .yalla-topbar__auth .btn-login {
  color: #240046;
}
.violet .yalla-topbar__auth .btn-login:hover {
  background-color: #7726c1;
  color: #fff;
}
.violet .btn-head {
  background: #fff;
  color: #7726c1 !important;
}
.violet .btn-head:hover {
  background-color: #240046 !important;
  color: #fff !important;
}
.violet button div {
  background-color: #240046;
  color: #fff;
}
.violet button div:hover {
  background-color: #7726c1;
}
.violet .yalla-notice {
  background-color: #240046;
  color: #fff;
}
.violet header {
  border-bottom: 1px solid #240046;
}
.violet header nav {
  background-color: #fff;
}
.violet header nav form button {
  background-color: #240046;
}
.violet header nav .right-part a .logo.empty {
  background-color: #7726c1;
}
.violet header nav .right-part a .logo.empty span {
  color: #fff;
}
.violet header nav .right-part a span {
  color: #240046;
}
.violet header .yalla-subnav {
  background-color: #f8f8f8;
}
.violet header .yalla-subnav .right-part .open-list {
  color: #240046;
}
.violet header .yalla-subnav .right-part .logo.empty {
  background-color: #7726c1;
}
.violet header .yalla-subnav .right-part .logo.empty span {
  color: #fff;
}
.violet header .yalla-subnav .right-part span {
  color: #240046;
}
.violet header .yalla-subnav .left-part .shoping-cart .label {
  background-color: #7726c1;
}
.violet header .yalla-subnav .left-part .shoping-cart a {
  color: #fff;
}
.violet header .yalla-subnav .left-part .shoping-cart a i, .violet header .yalla-subnav .left-part .shoping-cart a svg {
  color: #6c757d;
}
.violet .search-icon {
  background-color: transparent;
  color: #240046;
}
.violet #phone-search {
  background-color: #fff;
}
.violet #phone-search .form-group input {
  border: none;
}
.violet #phone-search .text-center .yalla-btn {
  background-color: #240046;
  color: #fff;
}
.violet .fixed-top {
  border-bottom: 1px solid #240046;
}
.violet footer {
  background-color: #fff;
  color: #240046;
}
.violet footer section .media a div {
  background-color: #7726c1;
}
.violet footer section .media a div:hover {
  background-color: #240046 !important;
}
.violet footer section .media a div:hover svg, .violet footer section .media a div:hover i {
  color: #fff;
}
.violet footer section .yalla-footer__copyright-link {
  color: #fff;
}
.violet footer section .yalla-footer__col h3 {
  color: #240046;
}
.violet footer section .yalla-footer__col ul li a {
  color: #240046;
}
.violet footer section .yalla-footer__col ul li a:hover {
  color: #7726c1;
}
.violet footer .yalla-footer__copyright {
  color: #240046;
}
.violet footer .yalla-footer__copyright .yalla-footer__copyright-credit a {
  color: #240046;
}
.violet footer .yalla-footer__copyright .yalla-footer__copyright-credit .yalla-footer__copyright-link {
  color: #7726c1;
}
.violet .yalla-home-section__head::before {
  background: #7726c1;
}
.violet .yalla-home-section__head h3 {
  color: #240046;
}
.violet .yalla-home-section__head a:last-of-type {
  color: #7726c1;
}
.violet .yalla-home-section__head .dropdown {
  left: 0;
}
.violet .yalla-home-section__head .dropdown button {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-home-section__head .dropdown .dropdown-menu a {
  color: #240046;
}
.violet .yalla-home-section__head .dropdown .dropdown-menu a:last-of-type {
  color: #240046;
}
.violet .yalla-home-section__head .dropdown .dropdown-menu .active {
  color: #fff;
  background-color: #240046;
}
.violet .yalla-home-section__head .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #240046;
}
.violet header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div, header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div,
.violet .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div,
.yalla-header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div, .violet .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .violet .yalla-footer__social div {
  background-color: #7726c1;
}
.violet header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i, header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div i,
.violet .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div i,
.yalla-header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div i, .violet .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div i, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .violet .yalla-footer__social div i, .violet header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg, header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div svg,
.violet .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div svg,
.yalla-header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div svg, .violet .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div svg, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .violet .yalla-footer__social div svg {
  color: #fff;
}
.violet header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover, header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div:hover,
.violet .yalla-header .yalla-topbar .yalla-topbar__actions .yalla-topbar__social div:hover,
.yalla-header .yalla-topbar .yalla-topbar__actions .violet .yalla-topbar__social div:hover, .violet .yalla-footer .yalla-footer__body .yalla-footer__col ul li .yalla-footer__social div:hover, .yalla-footer .yalla-footer__body .yalla-footer__col ul li .violet .yalla-footer__social div:hover {
  background-color: #240046;
}
.violet .yalla-breadcrumb {
  background-color: transparent;
}
.violet .yalla-breadcrumb nav {
  background-color: transparent;
}
.violet .yalla-breadcrumb nav ol {
  background-color: transparent;
}
.violet .yalla-breadcrumb nav ol li a {
  color: #240046;
}
.violet .yalla-breadcrumb nav ol .active {
  color: #240046;
}
.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 .btn-section {
  background-color: #240046;
  color: #fff;
}
.violet .btn-section:hover {
  background-color: #7726c1;
  color: #fff !important;
}
.violet .language label {
  color: #333;
}
.violet .language button span {
  border: 1px solid #fff;
}
.violet .language .dropdown-toggle::after {
  color: #240046;
}
.violet .language .dropdown-menu h6 {
  color: #737373;
}
.violet .menu-item .menu-button {
  background-color: transparent;
  color: #240046;
}
.violet .menu-item .menu-button i, .violet .menu-item .menu-button svg {
  color: #240046;
}
.violet .menu-item .menu-button span {
  color: #240046;
}
.violet .menu-item .main-sub-menu {
  background-color: #fff;
  border-top: 1px solid #240046;
}
.violet .menu-item .main-sub-menu .control-menu .sub-menu {
  border-top: 1px solid #240046;
}
.violet .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu a {
  color: #000;
}
.violet .menu-item .main-sub-menu .control-menu .sub-menu .toggle-sub-menu:hover {
  background-color: #f8f8f8;
}
.violet .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu {
  background-color: #f8f8f8;
}
.violet .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li a {
  color: #000;
}
.violet .menu-item .main-sub-menu .control-menu .sub-menu .sub-menu li:hover {
  background-color: #eaeaea;
}
.violet .yalla-product-card {
  background-color: #fff;
}
.violet .yalla-product-card section .yalla-product-card__badge--qty, .violet .yalla-product-card section .yalla-product-card__badge--unavailable {
  background-color: #6fab0f;
  color: #fff;
}
.violet .yalla-product-card section .yalla-product-card__badge--qty a, .violet .yalla-product-card section .yalla-product-card__badge--unavailable a {
  background-color: #6fab0f;
  color: #fff;
}
.violet .yalla-product-card section .yalla-product-card__badge--discount {
  background-color: #ff4538;
  color: #fff;
}
.violet .yalla-product-card section .yalla-product-card__badge--discount a {
  background-color: #ff4538;
  color: #fff;
}
.violet .yalla-product-card section .img-box i, .violet .yalla-product-card section .img-box svg, .violet .yalla-product-card section .yalla-product-card__media i, .violet .yalla-product-card section .yalla-product-card__media svg {
  color: #240046;
}
.violet .yalla-product-card section .img-box .Wishes, .violet .yalla-product-card section .img-box .yalla-product-card__wishlist, .violet .yalla-product-card section .yalla-product-card__media .Wishes, .violet .yalla-product-card section .yalla-product-card__media .yalla-product-card__wishlist {
  background-color: #fff;
}
.violet .yalla-product-card section section .yalla-product-card__title-box a h2,
.violet .yalla-product-card section section .yalla-product-card__title-box a h3 {
  color: #0c0c0c;
}
.violet .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price {
  color: #7726c1;
}
.violet .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__price small {
  color: #240046;
}
.violet .yalla-product-card section div .yalla-product-card__pricing .yalla-product-card__original-price {
  color: #b6b6b6;
}
.violet .yalla-product-card section .yalla-product-card__badge--discount {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.violet .yalla-product-card section .yalla-btn {
  background-color: transparent;
  color: #7726c1;
  border: 1px solid #7726c1;
}
.violet .yalla-product-card section .yalla-btn:hover {
  background-color: #7726c1;
  color: #fff !important;
}
.violet .yalla-product-card section .disabled {
  background: #bde0fe;
  color: #7726c1 !important;
  border: none;
}
.violet .yalla-product-card section .disabled:hover {
  background-color: #bde0fe;
  color: #7726c1 !important;
}
.violet .yalla-product-card section .yalla-btn--disabled {
  background-color: #7726c1 !important;
  color: #fff !important;
}
.violet .yalla-product-card:hover .yalla-product-card__title-box h2,
.violet .yalla-product-card:hover .yalla-product-card__title-box h3,
.violet .yalla-product-card:hover .yalla-product-card__title-box h4 {
  color: #7726c1;
}
.violet .swiper-container .swiper-button-next,
.violet .swiper-container .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.violet .swiper-container .swiper-button-next:hover,
.violet .swiper-container .swiper-button-prev:hover {
  color: #7726c1;
}
.violet .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #7726c1;
}
.violet .yalla-cart-empty {
  background-color: #f8f8f8;
}
.violet .yalla-cart-empty h2 {
  color: #0c0c0c;
}
.violet .yalla-cart-empty .yalla-cart-empty__back {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-cart-empty .yalla-cart-empty__back:hover {
  background-color: #240046;
}
.violet .shoping-cart a .label {
  color: #fff;
}
.violet .singbar {
  background: #fff;
  color: #888;
}
.violet .singbar .sing-dismiss {
  background: #240046;
  color: #fff;
}
.violet .singbar .sing-dismiss:hover {
  background: #7726c1;
}
.violet .singbar .sing-dismiss:focus {
  background: #7726c1;
}
.violet .singbar .sing-head {
  border-bottom: 1px solid #444;
  background-color: #fff;
}
.violet .singbar .sing-head h3 {
  color: #240046;
}
.violet .singbar .sing-head a {
  display: inline-block;
}
.violet .successful-log {
  background-color: #f8f8f8;
}
.violet .successful-log li i, .violet .successful-log li svg {
  color: #240046;
}
.violet .successful-log li span {
  color: #0c0c0c;
}
.violet .successful-log li div a {
  background-color: #7726c1;
  color: #fff;
}
.violet .successful-log li div a:hover {
  background-color: #240046;
}
.violet .signup-form {
  background-color: #f8f8f8;
}
.violet .signup-form .register-form .g-log a,
.violet .signup-form .register-form .f-log a {
  background-color: #fff;
}
.violet .signup-form .register-form .g-log .facebook-link,
.violet .signup-form .register-form .f-log .facebook-link {
  background-color: #1877f2;
  color: #fff;
}
.violet .signup-form .register-form .g-log .facebook-link i, .violet .signup-form .register-form .g-log .facebook-link svg,
.violet .signup-form .register-form .f-log .facebook-link i,
.violet .signup-form .register-form .f-log .facebook-link svg {
  color: #fff;
  margin-right: 5px;
}
.violet .signup-form .register-form .confirmation a {
  color: #240046;
}
.violet .signup-form .register-form #reset {
  background: #f8f8f8;
  color: #240046;
  margin-right: 8px;
}
.violet .signup-form .register-form #reset:hover {
  background: #7726c1;
  color: #fff;
}
.violet .signup-form .register-form #submit {
  background: #240046;
  color: #fff;
}
.violet .signup-form .register-form #submit:hover {
  background: #7726c1;
}
.violet .side-media {
  background-color: #240046;
}
.violet .side-media a div i, .violet .side-media a div svg {
  color: #fff;
}
.violet .side-media a div:hover {
  background-color: #7726c1;
}
.violet .list {
  background: #fff;
  color: #888;
}
.violet .list .list-dismiss {
  background: #7726c1;
  color: #fff;
}
.violet .list .list-dismiss:hover {
  background: #5a189a;
  color: #fff;
}
.violet .list .list-dismiss:focus {
  background: #5a189a;
  color: #fff;
}
.violet .list .cart-head {
  border-bottom: 10px solid #f8f8f8;
  background-color: #240046;
}
.violet .list .cart-head .logo .yalla-side-menu__logo-icon.empty {
  background-color: #fff;
}
.violet .list .cart-head .logo .yalla-side-menu__logo-icon.empty span {
  color: #240046;
}
.violet .list .cart-head .logo span {
  color: #fff;
}
.violet .list .yalla-side-menu__body .yalla-side-menu__user-links li a {
  color: #240046;
}
.violet .list .yalla-side-menu__body .yalla-side-menu__user-links li h6 {
  color: #240046;
}
.violet .list .yalla-side-menu__body .yalla-side-menu__user-links li div {
  border: 1px solid #fff;
  background-color: #240046;
}
.violet .list .yalla-side-menu__body .yalla-side-menu__user-links li div i, .violet .list .yalla-side-menu__body .yalla-side-menu__user-links li div svg {
  color: #fff;
}
.violet .side-nave ul li {
  background-color: #fff;
  border-bottom: 2px solid rgba(184, 184, 184, 0.12);
}
.violet .side-nave ul li a .img-box, .violet .side-nave ul li a h3, .violet .side-nave ul li a span {
  color: #240046;
}
.violet .side-nave ul li button {
  color: #240046;
  background-color: transparent;
}
.violet .side-nave ul li button i, .violet .side-nave ul li button svg {
  color: #240046;
}
.violet .side-nave ul li button:active, .violet .side-nave ul li button:focus, .violet .side-nave ul li button:after, .violet .side-nave ul li button:hover {
  background-color: transparent;
}
.violet .side-nave ul li .dropdown-menu a i, .violet .side-nave ul li .dropdown-menu a svg {
  color: #240046;
}
.violet .side-nave ul .panel .panel-heading a i, .violet .side-nave ul .panel .panel-heading a svg {
  color: #240046;
}
@media (max-width: 767.98px) {
  .violet .side-nave ul .panel .panel-heading a i i, .violet .side-nave ul .panel .panel-heading a i svg, .violet .side-nave ul .panel .panel-heading a svg i, .violet .side-nave ul .panel .panel-heading a svg svg {
    font-size: 15px;
  }
}
.violet .side-nave ul .panel .panel-collapse .panel-heading {
  left: 30px;
}
.violet .side-nave ul .panel .panel-collapse .panel-body ul li {
  border-bottom: none;
}
.violet .side-nave ul .panel .panel-collapse .panel-body ul li a {
  background-color: transparent;
}
.violet .side-nave ul .panel .panel-collapse .panel-body ul li a h3 {
  color: #240046;
}
.violet .side-nave ul .panel .panel-collapse .panel-body .panel-body ul li a {
  background-color: #f8f8f8;
}
.violet .side-nave ul .active a h3 {
  color: #7726c1;
}
.violet .side-nave ul .active a span {
  color: #7726c1;
}
.violet .side-nave ul .active .panel-heading a h3 {
  color: #7726c1;
}
.violet .side-nave ul .active .panel-heading a span {
  color: #7726c1;
}
.violet .side-nave ul .active .panel-heading a i, .violet .side-nave ul .active .panel-heading a svg {
  color: #7726c1;
}
.violet .side-nave ul .active .panel-body h3 {
  color: #7726c1 !important;
}
.violet .side-nave ul .active .panel-body span {
  color: #7726c1 !important;
}
.violet .yalla-pagination nav .pagination li a {
  background: transparent;
  color: #240046;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.violet .yalla-pagination nav .pagination li a:hover {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-pagination nav .pagination .active {
  color: #fff;
  border-color: #7726c1;
  background-color: #7726c1;
  border: 1px solid #f2f2f2;
  font-weight: bold;
}
.violet .yalla-pagination nav .pagination .disabled {
  background: transparent;
  color: #240046;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.violet .yalla-pagination nav .pagination .disabled div {
  color: #fff;
  color: #240046;
  font-weight: bold;
}
.violet .yalla-trial-store {
  color: #ecf0f1;
  background-color: #240046;
}
.violet .yalla-trial-store a {
  color: #7726c1;
}
.violet .yalla-trial-store .close {
  background-color: #dc3545;
}
.violet .yalla-trial-store .close i, .violet .yalla-trial-store .close svg {
  color: #fff;
}
.violet .yalla-trial-store .yalla-trial-store__btn {
  color: #fff;
  background-color: #7726c1;
}
.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 #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 .single .yalla-product__gallery {
  background-color: #fff;
}
.violet .single .section {
  background-color: #fff;
}
.violet .single .section .swiper-button-next,
.violet .single .section .swiper-button-prev {
  background-color: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.violet .single .section .swiper-button-next:hover,
.violet .single .section .swiper-button-prev:hover {
  color: #7726c1;
}
.violet .single .section .yalla-product__info h6 {
  color: #240046;
}
.violet .single .section .yalla-product__info .yalla-product__brand strong {
  background-color: #7726c1;
}
.violet .single .section .yalla-product__info .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: #000;
}
.violet .single .section .yalla-product__info section .yalla-product-card__pricing span {
  color: #b6b6b6;
}
.violet .single .section .yalla-product__info section .yalla-product-card__pricing .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b;
}
.violet .single .section .yalla-product__info section label span {
  background-color: #5a189a !important;
  color: #fff;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button, .violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a {
  border: 1px solid #ced4da;
  color: #858f98;
  background-color: transparent;
}
.violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper button:hover, .violet .single .section .yalla-product__info section .yalla-product__action-bar .yalla-product__qty-stepper a:hover {
  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;
  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: 1px solid #240046;
  color: #fff;
}
.violet .single .section .yalla-product__description a {
  color: #7726c1;
}
.violet .single .button-more button {
  background-color: #240046;
  color: #fff;
}
.violet #special-offer .btn-collection, .violet .yalla-offers .btn-collection {
  border: 1px solid #7726c1;
  color: #7726c1;
  border-radius: 7px;
}
.violet #special-offer .btn-collection:hover, .violet .yalla-offers .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: #b6b6b6;
  background-color: #f8f8f8;
}
@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 .share .action-icon a,
.violet .share .action-icon button,
.violet .share .action-icon div {
  color: #b6b6b6;
  background-color: transparent;
}
.violet .share .share-div .s-icon {
  background-color: #8ec06c;
}
.violet .share .share-div .s-icon i, .violet .share .share-div .s-icon svg {
  color: #fff;
}
.violet .share .share-div .media a div i, .violet .share .share-div .media a div svg {
  color: #fff;
}
.violet .share .share-div .media a div:hover i, .violet .share .share-div .media a div:hover svg {
  color: #fff;
}
.violet .share .share-div .media a .facebook {
  background-color: #3b5998 !important;
}
.violet .share .share-div .media a .twitter {
  background-color: #1da1f2 !important;
}
.violet .share .share-div .media a .envelope {
  background-color: #ff4c4c !important;
}
.violet .share .share-div .media a .whatsapp {
  background-color: #25d366 !important;
}
.violet .share .share-div .media a .telegram {
  background-color: #0088cc !important;
}
.violet .share .share-div .media a .snapchat {
  background-color: #fffc00 !important;
}
.violet .share .share-div .media a .linkedin {
  background-color: #0077b5 !important;
}
.violet .share .share-div .media button i, .violet .share .share-div .media button svg {
  color: #fff;
}
.violet .share .share-div .media button:hover i, .violet .share .share-div .media button:hover svg {
  color: #fff;
}
.violet .share .share-div .media .facebook {
  background-color: #3b5998;
}
.violet .share .share-div .media .twitter {
  background-color: #1da1f2;
}
.violet .share .share-div .media .envelope {
  background-color: #ff4c4c;
}
.violet .share .share-div .media .whatsapp {
  background-color: #25d366;
}
.violet .share .share-div .media .telegram {
  background-color: #0088cc;
}
.violet .share .share-div .media .snapchat {
  background-color: #fffc00;
}
.violet .share .share-div .media .linkedin {
  background-color: #0077b5;
}
.violet #show_attachments_box .yalla-attachments__actions .yalla-attachments__action.active {
  background-color: #e1e5eb;
  color: #fff;
}
.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 {
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.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 .yalla-page-cart .yalla-cart .yalla-cart-empty li i, .violet .yalla-page-cart .yalla-cart .yalla-cart-empty li svg {
  color: #240046;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-empty li span {
  color: #0c0c0c;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-empty li div a {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-empty li div a:hover {
  background-color: #240046;
}
.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 .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h2,
.violet .yalla-page-cart .yalla-cart .yalla-product-card section section .yalla-product-card__title-box h3, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h2,
.violet .yalla-page-cart .yalla-cart .yalla-order-item section section .yalla-product-card__title-box h3, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h2,
.violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .yalla-product-card__title-box h3, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h2,
.violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .yalla-product-card__title-box h3 {
  color: #0c0c0c;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card section section hr, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section hr, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section hr, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section hr {
  border-top: 1px solid rgba(98, 98, 98, 0.17);
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash {
  color: #ff4538 !important;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash i, .violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .trash svg, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash i, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .trash svg, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash i, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .trash svg, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash i, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .trash svg {
  color: #ff4538 !important;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart i, .violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .heart svg, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart i, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .heart svg, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart i, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .heart svg, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart i, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .heart svg {
  color: #240046;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note {
  color: #240046;
  background-color: transparent;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note i, .violet .yalla-page-cart .yalla-cart .yalla-product-card section section .action .note svg, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note i, .violet .yalla-page-cart .yalla-cart .yalla-order-item section section .action .note svg, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note i, .violet .yalla-page-cart .yalla-cart .yalla-cart-item section section .action .note svg, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note i, .violet .yalla-page-cart .yalla-cart .yalla-offers__item section section .action .note svg {
  color: #240046;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .violet .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .violet .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span, .violet .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-product-card__pricing .yalla-order-item__main-price span {
  color: #0c0c0c;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box strong, .violet .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box strong, .violet .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box strong, .violet .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box strong {
  color: #7726c1;
}
.violet .yalla-page-cart .yalla-cart .yalla-product-card .yalla-order-item__amount-box .yalla-offers__percent, .violet .yalla-page-cart .yalla-cart .yalla-order-item .yalla-order-item__amount-box .yalla-offers__percent, .violet .yalla-page-cart .yalla-cart .yalla-cart-item .yalla-order-item__amount-box .yalla-offers__percent, .violet .yalla-page-cart .yalla-cart .yalla-offers__item .yalla-order-item__amount-box .yalla-offers__percent {
  background: rgba(206, 2, 27, 0.2);
  color: #cd021b !important;
}
.violet .yalla-page-cart .yalla-cart .heart {
  color: #7726c1;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary {
  background-color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary h5 {
  color: #0c0c0c;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary section span {
  color: #737373;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary section div {
  color: #0c0c0c;
}
.violet .yalla-page-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 b {
  color: #7726c1;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn {
  background-color: #240046;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn span {
  color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-btn:hover {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back span, .violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back i, .violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back svg {
  color: #737373;
}
.violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover span, .violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover i, .violet .yalla-page-cart .yalla-cart .yalla-cart-summary .yalla-cart-summary__back:hover svg {
  color: #7726c1;
}
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link {
  background-color: #f8f8f8;
}
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link label {
  color: #240046;
}
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span {
  border: 1px solid #737373;
}
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .nav-link span div {
  background-color: transparent;
}
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active {
  background-color: #fff;
  color: #5a189a;
}
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span {
  background-color: #7726c1;
  border: 1px solid #7726c1;
}
.violet .yalla-page-cart .yalla-cart .nav-tabs .nav-item .active span div {
  background-color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content {
  background-color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert {
  color: #240046;
}
.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 .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__login-btn:hover {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__login-alert .yalla-checkout__register-btn:hover {
  background-color: #7726c1;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form {
  border: 1px solid #e7e7e7;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group {
  color: #0c0c0c;
}
.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: #f8f8f8;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select {
  color: #0c0c0c;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group select option {
  color: #0c0c0c;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group option:first-of-type {
  color: #b6b6b6;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::placeholder {
  color: #b6b6b6;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button {
  background-color: #5a189a;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form button:hover {
  background-color: #240046;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn {
  background-color: #7726c1;
  color: #fff;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .yalla-checkout__contacts-form .yalla-btn:hover {
  background-color: #240046;
  color: #fff !important;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address {
  border: 1px solid #e7e7e7;
}
.violet .yalla-page-cart .yalla-cart .yalla-checkout__tab-content .address ul li div {
  background-color: #240046;
}
.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 #quantityDiscounts {
  margin-bottom: 20px;
}
.violet #quantityDiscounts .yalla-qty-discounts__card {
  background: #f8f9fa;
  border-radius: 7px;
  padding: 20px;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header {
  /* background: linear-gradient(to left, #055296, #32bbd1);
   color: #fff;
   padding: 0.7rem 0.5rem;
   position: relative;*/
  padding: 0;
  margin-bottom: 15px;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header h2 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__header p {
  font-size: 0.95rem;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.5;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item {
  background: #fff;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .best-offer {
  background-color: #c30e2f;
  color: #fff;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__icon {
  color: #7726c1;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__title {
  color: #333;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__content .yalla-qty-discounts__price {
  color: #7726c1;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button {
  background: #7726c1;
  color: white !important;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__body .yalla-qty-discounts__list .yalla-qty-discounts__item .yalla-qty-discounts__button:hover {
  background: #7726c1;
}
.violet #quantityDiscounts .yalla-qty-discounts__card .yalla-qty-discounts__badge {
  background-color: #f0e0ff;
  color: #240046;
}
.violet .account .yalla-account__form {
  background-color: #fff;
}
.violet .account .yalla-account__form .yalla-account__avatar-frame {
  background-color: #240046;
}
.violet .account .yalla-account__form .yalla-account__avatar-upload {
  color: #5a189a;
}
.violet .account .yalla-account__form .yalla-account__avatar-upload:hover i, .violet .account .yalla-account__form .yalla-account__avatar-upload:hover svg {
  color: #7726c1;
}
.violet .account .yalla-account__form form label {
  color: #737373;
}
.violet .account .yalla-account__form form input {
  border-bottom: 1px solid #e7e7e7;
}
.violet .account .yalla-account__form form .form-check {
  border-bottom: 1px solid #e7e7e7;
}
.violet .account .yalla-account__form form .select2 .select2-selection__rendered {
  color: #737373;
}
.violet .account .yalla-account__form form .select2 .select2-selection {
  border-bottom: 1px solid #e7e7e7;
}
.violet .account .yalla-account__form form button {
  background-color: #240046;
  color: #fff;
}
.violet .account .yalla-account__form form button:hover {
  background-color: #7726c1;
}
.violet .account .yalla-account__form form .form-inline .dropdown-toggle {
  color: #737373 !important;
  border-bottom: 2px solid #737373;
}
.violet .account .yalla-account__form form .form-inline li .active {
  background-color: #7726c1;
  color: #fff;
}
.violet .account .yalla-account__form form .form-inline li a:focus {
  background-color: #7726c1;
  color: #fff;
}
.violet .nav-pills {
  background-color: #fff;
}
.violet .nav-pills .nav-link {
  color: #240046;
}
.violet .nav-pills .nav-link:hover {
  background-color: #7726c1;
  color: #fff;
}
.violet .nav-pills .active {
  color: #fff !important;
  background-color: #7726c1;
}
.violet .yalla-orders__card {
  background-color: #fff !important;
}
.violet .yalla-orders__card .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.violet .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-price span {
  color: #7726c1 !important;
}
.violet .order-details .item-space .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price .yalla-order-item__main-amount {
  color: #0c0c0c !important;
}
.violet .details .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.violet .details .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #7726c1;
}
.violet .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total,
.violet .yalla-orders__list .yalla-orders__card ul .yalla-order-summary__total {
  color: #7726c1;
}
.violet .yalla-orders__list .yalla-orders__card .yalla-order-item,
.violet .yalla-orders__list .yalla-orders__card .yalla-order-item {
  background-color: #f8f8f8;
}
.violet .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong,
.violet .yalla-orders__list .yalla-orders__card .yalla-order-item .yalla-order-item__amount-box .yalla-order-item__price strong {
  color: #7726c1;
}
.violet .yalla-empty-state h2 {
  color: #240046;
}
.violet .yalla-empty-state a {
  background-color: #240046;
  color: #fff;
}
.violet .yalla-empty-state a:hover {
  background-color: #7726c1;
}
.violet .completed h3 {
  color: #0c0c0c;
}
.violet .completed section h5 {
  color: #240046;
}
.violet .completed section ul li {
  color: #b6b6b6;
}
.violet .completed section ul li a {
  color: #240046;
  background-color: transparent;
  font-weight: bold;
}
.violet .completed section ul li a:hover {
  color: #7726c1;
  background-color: transparent;
}
.violet .completed .order-info {
  background-color: #fff;
}
.violet .completed .share-info .form-group textarea {
  color: #7726c1;
}
.violet .completed .share-info .share-button button {
  color: #fff;
  background-color: #7726c1;
}
.violet .completed .share-info .share-button .facebook {
  background-color: #3b5998;
}
.violet .completed .share-info .share-button .twitter {
  background-color: #1da1f2;
}
.violet .completed .share-info .share-button .whatsapp {
  background-color: #075e54;
}
.violet .completed .share-info .share-button .telegram {
  background-color: #0088cc;
}
.violet .completed .share-info .share-button .instagram {
  background-color: #405de6;
}
.violet .completed .share-info .share-button .linkedin {
  background-color: #0077b5;
}
.violet .completed a {
  background-color: #240046;
  color: #fff;
}
.violet .completed a:hover {
  background-color: #7726c1;
}
.violet .contact .yalla-page-contact__info h5 {
  color: #737373;
}
.violet .contact .yalla-page-contact__info section div {
  background-color: transparent;
}
.violet .contact .yalla-page-contact__info section div div {
  background-color: #fff;
}
.violet .contact .yalla-page-contact__info section div div span {
  background-color: #7726c1;
  color: #fff;
}
.violet .contact .yalla-page-contact__info section div div span i, .violet .contact .yalla-page-contact__info section div div span svg {
  color: #fff;
}
.violet .contact .yalla-page-contact__info section div div a {
  color: #240046;
}
.violet .contact .yalla-page-contact__info section div div p {
  color: #240046;
}
.violet .contact .yalla-page-contact__info .media .facebook {
  background-color: #3b5998 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .facebook:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .facebook:hover i, .violet .contact .yalla-page-contact__info .media .facebook:hover svg {
  color: #3b5998 !important;
}
.violet .contact .yalla-page-contact__info .media .twitter {
  background-color: #1da1f2 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .twitter:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .twitter:hover i, .violet .contact .yalla-page-contact__info .media .twitter:hover svg {
  color: #1da1f2 !important;
}
.violet .contact .yalla-page-contact__info .media .envelope {
  background-color: #ec1944 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .envelope:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .envelope:hover i, .violet .contact .yalla-page-contact__info .media .envelope:hover svg {
  color: #ec1944 !important;
}
.violet .contact .yalla-page-contact__info .media .whatsapp {
  background-color: #075e54 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .whatsapp:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .whatsapp:hover i, .violet .contact .yalla-page-contact__info .media .whatsapp:hover svg {
  color: #075e54 !important;
}
.violet .contact .yalla-page-contact__info .media .instagram {
  background-color: #405de6 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .instagram:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .instagram:hover i, .violet .contact .yalla-page-contact__info .media .instagram:hover svg {
  color: #405de6 !important;
}
.violet .contact .yalla-page-contact__info .media .telegram {
  background-color: #0088cc !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .telegram:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .telegram:hover i, .violet .contact .yalla-page-contact__info .media .telegram:hover svg {
  color: #0088cc !important;
}
.violet .contact .yalla-page-contact__info .media .youtube {
  background-color: #ff0000 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .youtube:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .youtube:hover i, .violet .contact .yalla-page-contact__info .media .youtube:hover svg {
  color: #ff0000 !important;
}
.violet .contact .yalla-page-contact__info .media .soundcloud {
  background-color: #ff8800 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .soundcloud:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .soundcloud:hover i, .violet .contact .yalla-page-contact__info .media .soundcloud:hover svg {
  color: #ff8800 !important;
}
.violet .contact .yalla-page-contact__info .media .snapchat {
  background-color: #fffc00 !important;
  color: #fff;
}
.violet .contact .yalla-page-contact__info .media .snapchat:hover {
  background-color: #fff !important;
}
.violet .contact .yalla-page-contact__info .media .snapchat:hover i, .violet .contact .yalla-page-contact__info .media .snapchat:hover svg {
  color: #fffc00 !important;
}
.violet .contact .yalla-page-contact__form form input {
  color: #240046;
}
.violet .contact .yalla-page-contact__form form ::placeholder {
  color: #b6b6b6;
}
.violet .contact .yalla-page-contact__form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b6b6b6;
}
.violet .contact .yalla-page-contact__form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b6b6b6;
}
.violet .contact .yalla-page-contact__form form button {
  background-color: #240046;
  color: #fff;
}
.violet .contact .yalla-page-contact__form form button:hover {
  background-color: #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 .checkout .btn-primary:not(:disabled):not(.disabled).active,
.violet .checkout .btn-primary:not(:disabled):not(.disabled):active,
.violet .checkout .show > .btn-primary.dropdown-toggle,
.violet .checkout .btn-primary:hover {
  background: #240046;
  border-color: #240046;
}
.violet .checkout .btn-info:not(:disabled):not(.disabled).active:focus,
.violet .checkout .btn-info:not(:disabled):not(.disabled):active:focus,
.violet .checkout .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.violet #global_checkout .checkout_container .checkout_side aside .checkout_cart li.confirm_order button, .violet #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.violet #global_checkout .checkout_container .checkout_main #finish_cart_payment_step, .violet #global_checkout .checkout_container .yalla-checkout__main #finish_cart_payment_step,
.violet #global_checkout .checkout_container .checkout input:checked + .switch,
.violet #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_logo a .logo, .violet #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo, .violet #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.confirm_order button, .violet #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.confirm_order button,
.violet #global_checkout .yalla-checkout__container .checkout_main #finish_cart_payment_step, .violet #global_checkout .yalla-checkout__container .yalla-checkout__main #finish_cart_payment_step,
.violet #global_checkout .yalla-checkout__container .checkout input:checked + .switch,
.violet #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_logo a .logo, .violet #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__logo a .logo {
  background: #7726c1;
}
.violet #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .violet #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .violet #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .violet #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg, .violet #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon i, .violet #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon svg, .violet #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon i, .violet #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon svg {
  fill: #7726c1;
}
.violet #global_checkout .checkout_container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .violet #global_checkout .checkout_container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.violet #global_checkout .checkout_container .checkout a:hover,
.violet #global_checkout .checkout_container .checkout_logo a, .violet #global_checkout .checkout_container .yalla-checkout__logo a,
.violet #global_checkout .checkout_container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .violet #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.violet #global_checkout .checkout_container .checkout_side aside .delete, .violet #global_checkout .checkout_container .yalla-checkout__side aside .delete,
.violet #global_checkout .checkout_container .checkout_main .checkout_addresses .add_address_btn span, .violet #global_checkout .checkout_container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span, .violet #global_checkout .yalla-checkout__container .checkout_side aside .checkout_cart li.has_coupon .btn-coupon, .violet #global_checkout .yalla-checkout__container .yalla-checkout__side aside .yalla-checkout-summary li.has_coupon .btn-coupon,
.violet #global_checkout .yalla-checkout__container .checkout a:hover,
.violet #global_checkout .yalla-checkout__container .checkout_logo a, .violet #global_checkout .yalla-checkout__container .yalla-checkout__logo a,
.violet #global_checkout .yalla-checkout__container .checkout_main .checkout_heading .checkout_site_nav li a:hover, .violet #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__heading .yalla-checkout__nav li a:hover,
.violet #global_checkout .yalla-checkout__container .checkout_side aside .delete, .violet #global_checkout .yalla-checkout__container .yalla-checkout__side aside .delete,
.violet #global_checkout .yalla-checkout__container .checkout_main .checkout_addresses .add_address_btn span, .violet #global_checkout .yalla-checkout__container .yalla-checkout__main .yalla-checkout__addresses .add_address_btn span {
  color: #7726c1;
}
.violet #global_checkout .checkout_container .checkout_main #shipping_campanies .select-shipping.selected, .violet #global_checkout .checkout_container .yalla-checkout__main #shipping_campanies .select-shipping.selected, .violet #global_checkout .yalla-checkout__container .checkout_main #shipping_campanies .select-shipping.selected, .violet #global_checkout .yalla-checkout__container .yalla-checkout__main #shipping_campanies .select-shipping.selected {
  border: 1px solid #7726c1;
}
.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;
}