/* Add custom CSS styles below */ 

@font-face {
font-family: 'GESSTextMedium';
    src: url('https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Regular.otf');
}

@font-face {
    font-family: 'GESSTextMedium';
    src: url('https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Bold.otf');
    font-weight:700;
}
 
body, *:not(i) {
font-family: 'GESSTextMedium' !important;
}



.bottom-header-buttons {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2rem;
    display: none;
}

.navbar-brand img {
    max-width: 60px!important;
    content: url(https://media.giphy.com/media/wHjZnaSgCg7gfCLv8V/giphy.gif)!important;
    height: auto!important;
}







.s-cart-summary-count {
    background: #1c1c1c;
    padding: 0.1rem;
    height: 17px;
    width: 17px;
}

.dark .da-cp {
    color: #ffffff !important;
}


.s-product-card-price {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}







/*      ======      NAV      ======      */
.mobile-menu .links-menu .footer-list a:hover {
    color: #6254e6!important;
}

.dark .social-menu .bubble-show {
    background-color: var(--dark-grey);
}

.social-menu .w-8 {
    width: 36px;
}

.social-menu .social-links .icon {
    margin: auto!important;
    width: 36px!important;
    font-size: 20px;
    justify-content: center;
    display: flex;
}

.lazy__bg.lazy_menu {
    height: 2.5rem;
    width: 2.5rem;
}

.main-menu .contact-links a {
    background: #ededf2!important;
    flex-direction: row;
    padding: 5px 10px !important;
    align-items: stretch;
    color: #212b5c; 
}

.dark .main-menu .contact-links a {
    background: var(--dark-grey) !important;
    color: #fff; 
}

.main-menu .contact-links a:hover {
    background: #212b5c!important;
    color: #fff; 
}

.dark .main-menu .contact-links a:hover {
    background: #fff!important;
    color: #212b5c; 
}

.main-menu .contact-links span {
    font-size: 14px;
}

.mobile-menu .offers-link {
    align-items: center;
}

i.sicon-link.me-2, i.sicon-headphones.me-2 {
    font-size: 24px;
    padding: 6px 8px;
    color: #6254e6;
}

#mobile-menu > ul > li.links.text-sm.font-bold.md\:text-lg > span, #mobile-menu > ul > li.social.text-sm.md\:text-lg.font-bold > span {
    display: flex;
    align-items: center;
}

.main-nav-container {
    height: auto!important;
}

.navbar-brand {
    align-items: center;
    display: flex;
    margin-bottom: 7px;
    margin-top: 7px;
    padding: 0px;
}

.navbar-brand img {
    max-width: 100%;
    width: auto;
}

.sicon-menu {
    color: #fff;
}

.sicon-dollar-coin-stack:before {
    content: "\e935";
    font-size: 24px;
    padding-right: 9px;
    color: #cf2130;
    padding-left: 6px;
}
.mm-spn li a, .mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    display: flex;
    align-items: center;
}

.dark .mobile-menu .swiper-backface-hidden .swiper-slide {
    background: #0000;
}

.menu-silde_link {
    background-image: url(https://cdn.salla.sa/form-builder/n0hj0LNDAdXztkU5qnb5aA5gFVVuuCnYa4wJh1eG.png)!important;
    background-size: contain!important;
    background-position: top!important;
    background-repeat: no-repeat!important;
}

.dark .menu-silde_link {
    background-image: url(https://media.giphy.com/media/wHjZnaSgCg7gfCLv8V/giphy.gif)!important;
    margin-block: 5px 10px;
}

.dark .mobile-menu-slider .swiper-backface-hidden .swiper-slide {
    background: #0000;
}

.mm-spn.mm-spn--light {
    border-radius: 25px 0 0 25px;
}

.mm-spn li:after {
    content: '';
    position: absolute;
    width: 15px;
    transform: translateY(50%);
    bottom: 50%;
    height: 30px;
    background: #cf2130;
    transition: all .1s linear;
    left: 0;
    border: 0;
    opacity: 1;
    z-index: -1;
    border-radius: 0px 10px 10px 0px;
}

.mm-spn li:hover:after {
    width: 45px !important;
}

#mobile-menu > ul>li {
    background: #0000;
    border-bottom: #ffffff2b solid 1px;
}

#mobile-menu > ul>li>ul {
    background: #fff;
    border-bottom: #ffffff2b solid 1px;
}

.dark #mobile-menu > ul>li>ul {
    background-color: var(--dark-bg-main) !important;
}

.product-index .mm-ocd__content {
    background-color: #0000;
}

.store-header .text-black {
    color: rgb(255 255 255);
}

.header-btn {
    color: #fff;
}

.s-cart-summary-total {
    color: #fff;
}

p.da-tm.hidden.text-xl.md\:block.ms-1 {
    font-size: 15px;
    color: #fff;
}



















/*      ==========  HEADER  ==========       */
.store-header .bg-white {
    background-color: #0000 !important;
}

.is-bottom-header .fixed-pinned .header-container {
    display: block;
}

header.store-header.fixed-sticky {
    background: #a90f1d;
    background-image: url(https://cdn.salla.sa/form-builder/KakJQyNOCjmDOes9HJT34Xx7gjhGZA7yQPyXDcVC.jpg), radial-gradient(circle at 50% -100%, #f02e40 18px, transparent 90%);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 0px 0px 20px 20px;
    margin-bottom: 10px;
}

.main-nav-container.fixed-pinned .inner, .main-nav-container.fixed-pinned .inner {
    background: #a90f1d;
    background-image: url(https://cdn.salla.sa/form-builder/KakJQyNOCjmDOes9HJT34Xx7gjhGZA7yQPyXDcVC.jpg), radial-gradient(circle at 50% -100%, #f02e40 18px, transparent 90%) !important;
    background-size: cover  !important;
    background-position: top;
    border-radius: 0px 0px 20px 20px;
}













/*      ==========  FEATURE  ==========       */
.ffffff .mt-2 {
    padding-block: 0px 0px;
    position: relative;
    display: flex;
    margin: 0;
    gap: 4px;
    padding-inline: 10px;
    align-items: flex-start;
}

.ffffff .angel-feature {
    background: #ededf2;
    border-radius: 14px;
    display: flex;
    flex-direction: row;
    overflow: visible;
    justify-content: flex-start;
}

.dark .angel-feature {
    background-color: var(--dark-grey);
}

section.s-block.s-block--features.angel-features.\31 .py-8 {
    margin-top: 50px !important;
}

.ffffff .gap-2 {
    gap: 15px;
    grid-template-columns:repeat(1,minmax(0,1fr));
}

@media(min-width:1024px) {
  .ffffff .gap-2 {
    gap: 16px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

.angel-features .container {
  padding-left:15px;
  padding-right:15px;
}

h4.text-center.text-base.md\:text-lg.da-tm {
    font-weight: 700 !important;
    font-size: 19px;
}

.ffffff .h-14 {
    height: 65px;
    margin: 10px;
    width: 65px;
    border-radius: 14px;
    border: #00000017 solid 5px;
    background: #cf2130;
}

.ffffff .text-primary {
    color: #ffffff;
    font-size: 40px;
    -webkit-text-stroke: 1px;
}

.mb-6, .mb-2 {
  margin-top:10px;
  margin-bottom:10px;
}
















/*      ==========  QUISTIONS  ==========       */
.s-block--faqs .border-transparent {
    border-color: transparent;
    border-radius: 14px;
    background: #ededf2!important;
    border: 0;
}

.s-block--faqs .faqs-list input:checked+div label {
    color: #fff;
    background: linear-gradient(0deg, #cf2130 -50%, #cf2130 150%);
}

.dark .faqs-list__item {
    background-color: var(--dark-grey) !important;
}

.s-block--testimonials .end-4 {
    left: 1rem;
}

[dir=rtl] .pe-16 {
    font-size: 15px;
    font-weight: 400!important;
    padding: 10px 18px 10px 10px;
    display: flex;
    justify-content: space-between;
    height: auto;
    width: auto;
    font-family: 'GESSTextMedium' !important;
    font-weight: 700 !important;
    align-items: flex-end;
}

.angel_anime .pe-16:before {
    font-size: 18px;
    content: "";
    font-weight: 700!important;
    height: 20px;
    background: #1a263c;
    width: 5px;
    border-radius: 6px;
    position: absolute;
    top: 9px;
    right: 6px;
}

.s-block--faqs .faqs-list input:checked+div .open-badge {
    background: #1a263c;
    background-color: var(--dark-bg-main) !important;
}

.faq-item {
    background: linear-gradient(0deg, #cf2130 -50%, #cf2130 150%);
    color: #ededf2;
    font-size: 14px;
}

.h-8 {
    height: 26px;
}

.s-block--faqs .w-8 {
    width: 26px;
}

.w-8 {
    width: auto;
}

.top-5 {
    position: relative;
    top: 0;
}

[dir="rtl"] .end-4 {
    left: 0rem;
}

.rounded-full {
    border-radius: 10px;
}























.bottom-header.opacity-90.dark.bg-white.da-bgm {
    background: #162546 !important;
    backdrop-filter: blur(23px);
    border-radius: 14px;
}

.dark .store-footer__inner {
    background-color: #0000 !important;
}

.store-footer h3 {
    background: #ffffff;
    color: #a90f1d;
    outline: 1px #ffffff solid;
    outline-offset: 3px;
    border-radius: 24px;
    height: 29px;
    line-height: 33px;
    font-weight: 700 !important;
    width: calc(100% - 30px);
    right: 15px;
    position: relative;
}

.store-footer {
    position: relative;
    margin-top: 4rem;
    background-image: url(https://cdn.salla.sa/form-builder/X9Apk9T94fG1OIMznpeGyw9Rxd1CnB7Dwdlc5SoW.jpg),radial-gradient(circle at 50% 15%, #f02e40 0px, #a90f1d 50%);
    background-size: contain , cover;
    background-repeat: no-repeat;
    background-position: top;
    color: #ffffff;
    border-radius: 30px 30px 0px 0px;
    display: grid;
}

.is-bottom-header .footer-bottom {
    margin-bottom: 0rem;
    background: #0a1622;
    padding-bottom: 5rem;
    border-radius: 14px 14px 0px 0px;
}





















/*    ======    FOOTER    ======    */
.store-footer .footer-container .logo-footer .foo {
    margin-bottom: .5rem;
    max-height: 100px;
    max-width: 100%;
    width: auto;
    display: none;
}

.store-footer__inner .container:before {
    background-position: bottom;
    display: flex;
    content: "";
    height: 103px;
    margin-top: 25px;
    width: 100%;
    background-image: url(https://media.giphy.com/media/wHjZnaSgCg7gfCLv8V/giphy.gif);
    background-size: contain;
    background-repeat: no-repeat;
}

.store-footer .footer-container .logo-footer {
    justify-content: center;
    display: none;
}

@media (min-width: 768px){
.da-brdr {
    border-color: var(--dark-grey)!important;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.store-footer .footer-container {
    padding-top: 10px;
    padding-bottom: 5rem;
}

.store-footer__inner .container:before {
    height: 100px;
}

.footer-middle {
    padding-inline: 100px;
}

[dir=rtl] .md\:text-start {
    text-align: right;
    display: none;
}

.social-links .social-links {
    width: 61%;
    display: flex;
    flex-direction: row;
}

.footer-top{
    border-color: var(--dark-grey)!important;
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
}

.footer-middle .contact-links {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 33rem;
}

[dir=rtl] .footer-middle h3 {
    text-align: center;
}

.store-footer__inner .container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: none;
}

.md\:max-w-xs {
    max-width: none;
    display: grid;
    grid-column: span 1/span 3;
    order: 2;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div:nth-child(2) {
    order: 2;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.gap-4.shrink-0 {
    display: none;
}

.social-links {
    width: calc(33.33333% - 86px) !important;
    display: flex;
    flex-direction: column;
}

.footer-bottom {
    padding-inline: 130px;
}

.store-footer  .footer-list {
    columns: 1 !important;
}
}

.store-footer__inner.da-bgm {
    background-color: #0000 !important;
} 

.bubble-show {
    cursor: pointer;
    position: relative;
    background: #24184952;
    width: 36px;
    color: #fff;
    height: 36px;
    border-radius: 10px;
    display: flex;
}

.dark .bubble-show {
    background: #00000057;
}

.dark .contact-links a {
    background-color: #00000057 !important;
}

.contact-links a {
    font-size: 20px;
    background-color: #24184952;
    border-radius: 10px;
    min-width: 0.5rem;
    padding: 8px;
    color: #fff;
}

.footer-middle .contact-links a:hover , .dark .footer-middle .contact-links a:hover {
    transform: scale(1.08);
    background-color: #ffffff !important;
}

.social-links .icon {
    margin: auto!important;
    width: 36px!important;
    font-size: 20px;
}

.max-w-sm {
    max-width: 38rem;
    color: #fff;
    font-size: 18px;
    font-weight: 700 !important;
    padding-top: 12px;
}

.store-footer .store-links-items {
    column-count: 2;
    margin-inline: 30px;
    color: #fff;
}

.social-links {
    width: calc(100% - 0px);
}

.unicode {
    unicode-bidi: plaintext;
    display:none;
}

.store-footer__inner .container {
    padding-left: 0px;
    padding-right: 0px;
}

.footer-social {
    align-items: center;
    margin-bottom: 0px;
}

.footer-social:after {
    content: "";
    left: -50%;
    z-index: 1;
    bottom: -1px;
    height: 34px;
    background: var(--dark-bg-main);
    clip-path: polygon( 100.002% 100.006%,71.336% 100.006%,71.336% 100.006%,70.351% 99.89%,69.374% 99.546%,68.41% 98.977%,67.46% 98.187%,66.527% 97.179%,65.616% 95.958%,64.728% 94.526%,63.867% 92.888%,63.037% 91.048%,62.239% 89.008%,52.968% 63.604%,52.968% 63.604%,52.424% 62.314%,51.848% 61.31%,51.246% 60.593%,50.628% 60.163%,50.001% 60.02%,49.374% 60.163%,48.756% 60.593%,48.154% 61.31%,47.577% 62.314%,47.034% 63.604%,37.763% 89.008%,37.763% 89.008%,36.965% 91.048%,36.134% 92.888%,35.273% 94.526%,34.386% 95.958%,33.474% 97.179%,32.542% 98.187%,31.592% 98.977%,30.627% 99.546%,29.651% 99.89%,28.665% 100.006%,0.002% 100.006%,0.002% 100.006%,0.002% 100.006%,3.09% 95.923%,6.137% 91.501%,9.14% 86.743%,12.098% 81.654%,15.007% 76.237%,17.866% 70.497%,20.673% 64.439%,23.424% 58.067%,26.119% 51.384%,28.755% 44.396%,40.977% 10.906%,40.977% 10.906%,42.629% 6.979%,44.383% 3.925%,46.213% 1.744%,48.095% 0.435%,50.002% -0.001%,51.909% 0.435%,53.79% 1.744%,55.62% 3.925%,57.374% 6.979%,59.026% 10.906%,71.249% 44.396%,71.249% 44.396%,73.885% 51.384%,76.58% 58.066%,79.331% 64.438%,82.138% 70.496%,84.997% 76.235%,87.906% 81.651%,90.863% 86.741%,93.866% 91.499%,96.913% 95.922%,100.002% 100.006%,100.002% 100.006% );
    position: absolute;
    width: 150px;
    transform: translateX(50%);
    right: 50%;
}

@media (min-width: 768px){
.store-footer {
    background-image: url(https://cdn.salla.sa/form-builder/KEyZiNWoboCUNehjDQrlfmPhWrqks7MDBU2Qdwq8.jpg), radial-gradient(circle at 50% 15%, #f02e40 0px, #a90f1d 50%);
    background-size: cover, cover !important;
    background-repeat: no-repeat;
    background-position: top;
}
}

.store-footer  .footer-list {
    columns: 2;
    margin-inline: 25px;
    color: #fff;
}

.dark .bubble-show:hover {
    background: #fff;
    color: #1a263d !important;
}

.store-footer a:hover {
    color: #1a263c!important;
}

.store-footer .footer-container .footer-list a {
    margin-bottom: .75rem;
    text-align: center;
    line-height: 25px;
}

.dark .store-footer .da-bgm {
    background-color: #0000!important;
}

.footer-top {
    order: 2;
    background-color: #0000;
    border-radius: 0px 0px 25px 25px;
    position: relative;
    z-index: 0;
    border: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dark .footer-top:after {
    background-color: #22133e;
    border-bottom: #100b1e solid 7px;
}

.footer-middle {
    order: 1;
    background-color: #0000;
    background-position: left -9.5rem  top -20rem  , right top;
    background-repeat: no-repeat;
    position: relative;
    border: 0 !important;
    row-gap: 2.5rem !important;
    border-radius: 20px 20px 0px 0px;
    z-index: 0;
}

.store-footer:before {
    content: "";
    height: 34px;
    top: -34px;
    background: var(--dark-grey);
    clip-path: polygon( 100.002% 100.006%,71.336% 100.006%,71.336% 100.006%,70.351% 99.89%,69.374% 99.546%,68.41% 98.977%,67.46% 98.187%,66.527% 97.179%,65.616% 95.958%,64.728% 94.526%,63.867% 92.888%,63.037% 91.048%,62.239% 89.008%,52.968% 63.604%,52.968% 63.604%,52.424% 62.314%,51.848% 61.31%,51.246% 60.593%,50.628% 60.163%,50.001% 60.02%,49.374% 60.163%,48.756% 60.593%,48.154% 61.31%,47.577% 62.314%,47.034% 63.604%,37.763% 89.008%,37.763% 89.008%,36.965% 91.048%,36.134% 92.888%,35.273% 94.526%,34.386% 95.958%,33.474% 97.179%,32.542% 98.187%,31.592% 98.977%,30.627% 99.546%,29.651% 99.89%,28.665% 100.006%,0.002% 100.006%,0.002% 100.006%,0.002% 100.006%,3.09% 95.923%,6.137% 91.501%,9.14% 86.743%,12.098% 81.654%,15.007% 76.237%,17.866% 70.497%,20.673% 64.439%,23.424% 58.067%,26.119% 51.384%,28.755% 44.396%,40.977% 10.906%,40.977% 10.906%,42.629% 6.979%,44.383% 3.925%,46.213% 1.744%,48.095% 0.435%,50.002% -0.001%,51.909% 0.435%,53.79% 1.744%,55.62% 3.925%,57.374% 6.979%,59.026% 10.906%,71.249% 44.396%,71.249% 44.396%,73.885% 51.384%,76.58% 58.066%,79.331% 64.438%,82.138% 70.496%,84.997% 76.235%,87.906% 81.651%,90.863% 86.741%,93.866% 91.499%,96.913% 95.922%,100.002% 100.006%,100.002% 100.006% );
    position: absolute;
    width: 150px;
    transform: translateX(50%);
    right: 50%;
}

.footer-bottom {
    order: 3;
    background: var(--dark-bg-main);
    padding-top: 10px;
    border-top: #ffffff00 solid 7px;
    z-index: 1;
    border-radius: 20px 20px 0px 0px;
}

.opacity-75 {
    opacity: 1;
}

.footer-apps .gap-2 .leading-none:nth-child(2) {
    color:#000;
}

.text-gray-400 {
    color: #ffc26b;
    font-size: 16px;
    font-weight: 700 !important;
}

.title-wrapper  .text-gray-400 {
    color: #51279a;
    font-size: 14px;
    font-weight: 100 !important;
}

.details.total {
    background-color: #ffff;
}

.footer-bottom .gap-2 {
    gap: 10px ;
}















body .s-design-before {
    display: none;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}