.first {
    background: #ff2e5d
}

.first h2.advanced-slider__caption__inner__content__heading,.first p.advanced-slider__caption__inner__content__text {
    color: #fff
}

.first a.advanced-slider__caption__inner__content__button {
    border-radius: 15px;
    background: #fff!important
}

.first .advanced-slider__caption__inner__content__button span {
    color: #ff2e5d!important
}

.store-header .top-navbar {
    display: none!important
}

@media (min-width: 1024px) {
    .main-nav-container {
        height:auto!important;
        padding: 20px 0!important
    }.sicon-cart:before {
    content: none!important
}

    .main-nav-container .container > .flex.items-stretch {
        display: grid!important;
        grid-template-areas: "icons logo" "menu logo";
        grid-template-columns: 1fr auto;
        row-gap: 15px;
        align-items: center
    }

    .main-nav-container .container > .flex.items-stretch > .flex.items-center:not(.justify-end) {
        display: contents!important
    }

    .navbar-brand {
        grid-area: logo;
        justify-self: end!important;
        margin: 0!important
    }

    .navbar-brand img {
        height: 70px!important;
        max-height: none!important;
        width: auto!important
    }

    #mobile-menu {
        grid-area: menu;
        justify-self: start!important
    }

    .main-nav-container .container > .flex.items-stretch > .flex.items-center.justify-end {
        grid-area: icons;
        justify-self: start!important;
        display: flex!important;
        align-items: flex-end!important;
        gap: 45px!important;
        width: auto!important
    }

    button[aria-label="Login"] {
        order: 1!important;
        background: transparent!important;
        border: none!important;
        display: flex!important;
        align-items: center!important;
        padding: 0!important;
        margin: 0!important
    }

    button[aria-label="Login"] .header-btn__icon {
        display: none!important
    }

    button[aria-label="Login"]::after {
        content: "الحساب | التسجيل";
        font-family: var(--font-main),sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: var(--store-text-primary,#111827)
    }

    salla-cart-summary {
        order: 2!important;
        margin: 0!important
    }

    .s-cart-summary-wrapper {
        display: flex!important;
        align-items: center!important;
        gap: 10px!important;
        flex-direction: row!important
    }

    .s-cart-summary-wrapper::before {
        content: "السلة";
        font-family: var(--font-main),sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: var(--store-text-primary,#111827)
    }

    .s-cart-summary-content {
        display: none!important
    }

    #s-cart-icon {
        position: relative;
        background: transparent!important;
        border: none!important;
        width: auto!important;
        height: auto!important;
        padding: 0!important;
        display: flex!important;
        align-items: center!important
    }

    #s-cart-icon .header-btn__icon,#s-cart-icon i {
        font-size: 0!important;
        color: var(--store-text-primary,#111827)!important;
        margin-left: -35px
    }

    .s-cart-summary-count {
        top: -8px!important;
        left: -8px!important;
        right: auto!important
    }

    button[data-selia="header-search-button"] {
        order: 3!important;
        background: transparent!important;
        border: none!important;
        border-bottom: 1px solid #e5e7eb!important;
        width: 250px!important;
        display: flex!important;
        justify-content: flex-start!important;
        padding: 0 0 6px 0!important;
        border-radius: 0!important;
        height: auto!important
    }

    button[data-selia="header-search-button"] .header-btn__icon {
        display: none!important
    }

    button[data-selia="header-search-button"]::before {
        content: "البحث";
        font-family: var(--font-main),sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: var(--store-text-primary,#111827)
    }
}



.seco .s-block--enhanced-features__item.group.overflow-hidden.anime-item {
    border: 0
}

section#about-4 {
}

section.s-block.s-block--about.s-block--full-bg.py-8.sm\:py-14.s-block--animate.fiffteennn {
    margin-top: -60px
}

.bg-primary {
    border-radius: 52px!important
}

.seco .s-block--enhanced-features__item p {
    color: #000
}

@media (min-width: 768px) {
    #about-5 .flex.flex-col-reverse.md\:flex-row.items-center.gap-5.md\:gap-10 .md\:w-7\/12 {
        order:2
    }
}

.flex.flex-col-reverse.md\:flex-row.items-center.gap-5.md\:gap-10 {
    text-align: center
}

section#block-blog-8 img.h-full.w-full.object-cover,section.s-block.s-block--animate.banners-slider.banners-slider--7.slide img.lazy.rounded-md.loaded,section.s-block.s-block--about.s-block--full-bg.py-8.sm\:py-14.s-block--animate.sisiiiis img.w-full.h-full.object-cover.rounded.lazy.loaded {
    border-radius: 24px
}

article.list-block.post-entry.relative.h-full.transition-shadow.duration-500.bg-store-bg-secondary.hover\:shadow-default.rounded-lg.justify-around.overflow-hidden.flex.flex-col.border.border-gray-200 {
    border: 0
}

article > div > a > span {
    color: #ff2e5d
}

article a.flex.items-center.justify-start.text-store-text-secondary {
    justify-self: left
}

.top-navbar {
    display: none!important
}

@media (min-width: 1024px) {
    #mainnav {
        height:auto!important;
        padding: 20px 0 25px 0!important;
        background-color: #ffffff!important;
        border-bottom: 1px solid #f9f9f9;
        box-shadow: none!important
    }

    #mainnav .inner .container > .flex.items-stretch.justify-between {
        display: grid!important;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        grid-template-areas: "icons logo" "menu  logo";
        row-gap: 20px;
        align-items: center
    }

    #mainnav .inner .container > .flex > .flex.items-center:first-child {
        display: contents!important
    }

    .navbar-brand {
        grid-area: logo;
        justify-self: end!important;
        margin: 0!important
    }

    .navbar-brand img {
        height: 85px!important;
        max-height: none!important;
        object-fit: contain
    }

    .mburger {
        display: none!important
    }

    #mainnav .inner .container > .flex > .flex.items-center.justify-end {
        grid-area: icons;
        justify-self: start!important;
        width: 100%;
        justify-content: flex-start!important;
        gap: 35px!important;
        margin: 0!important
    }

    #mobile-menu {
        grid-area: menu;
        justify-self: start!important;
        display: block!important
    }

    .main-menu {
        display: flex!important;
        gap: 28px!important;
        margin: 0!important;
        padding: 0!important
    }

    .main-menu > li > a {
        font-size: 16px!important;
        font-weight: 700!important;
        color: #111111!important;
        padding: 0!important;
        transition: color 0.3s ease
    }

    .main-menu > li > a:hover {
        color: #ff2b56!important
    }

    [data-selia="header-search-button"],.header-btn,.s-cart-summary-wrapper {
        display: flex!important;
        align-items: center!important;
        gap: 8px!important;
        background: transparent!important;
        border: none!important;
        color: #333333!important;
        text-decoration: none!important;
        padding: 0!important
    }

    [data-selia="header-search-button"] {
        flex-direction: row-reverse!important;
        justify-content: space-between!important;
        width: 200px!important;
        border-bottom: 1px solid #e0e0e0!important;
        padding-bottom: 6px!important;
        border-radius: 0!important
    }

    .s-cart-summary-content {
        display: none!important
    }

    .s-cart-summary-wrapper {
        position: relative
    }

    .s-cart-summary-count {
        position: absolute;
        top: -12px;
        right: -10px;
        background-color: #ff2b56!important;
        color: #ffffff!important;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        border: 2px solid #ffffff
    }
}

.advanced-slider {
    --sliderHeight: 500px!important;
    margin-top: 0!important
}

@media (min-width: 1024px) {
    .advanced-slider {
        --sliderHeight:600px!important
    }
}

.advanced-slider__slide {
    display: flex!important;
    flex-direction: row-reverse!important;
    width: 100%!important;
    height: 100%!important;
    background-color: #ff2b56!important
}

.advanced-slider__image {
    width: 55%!important;
    height: 100%!important;
    object-fit: cover!important;
    object-position: right center!important;
    position: relative!important
}

.advanced-slider__caption {
    position: relative!important;
    width: 45%!important;
    height: 100%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    background-color: transparent!important;
    inset: auto!important;
    transform: none!important
}

.advanced-slider__caption .container {
    max-width: 100%!important;
    padding: 0 40px!important;
    margin: 0!important
}

.advanced-slider__caption__inner {
    background: transparent!important;
    box-shadow: none!important;
    padding: 0!important;
    width: 100%!important;
    text-align: center!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    justify-content: center!important
}

.advanced-slider__caption__inner__content__heading {
    color: #ffffff!important;
    font-size: clamp(42px,4vw,75px)!important;
    font-size: 64px!important;
    font-weight: 900!important;
    line-height: 1.15!important;
    margin-bottom: 20px!important;
    max-width: 400px!important
}

.advanced-slider__caption__inner__content__text {
    color: #ffffff!important;
    font-size: clamp(18px,1.8vw,24px)!important;
    font-weight: 400!important;
    margin-bottom: 40px!important;
    max-width: 450px!important;
    line-height: 1.6!important
}

.advanced-slider__caption__inner__content__button {
    background-color: #ffffff!important;
    color: #ff2b56!important;
    border-radius: 17px!important;
    padding: 14px 50px!important;
    font-size: 18px!important;
    font-weight: 700!important;
    border: none!important;
    display: inline-block!important;
    transition: transform 0.3s ease,box-shadow 0.3s ease!important
}

.advanced-slider__caption__inner__content__button:hover {
    transform: translateY(-4px)!important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15)!important
}

.swiper-button-next,.swiper-button-prev {
    background-color: rgba(255,255,255,0.25)!important;
    border: 1px solid #ffffff!important;
    border-radius: 50%!important;
    width: 45px!important;
    height: 45px!important;
    color: #ffffff!important
}

@media (max-width: 1023px) {
    .advanced-slider__slide {
        flex-direction:column-reverse!important;
        height: auto!important
    }

    .advanced-slider__image {
        width: 100%!important;
        height: 350px!important;
        object-position: center!important
    }

    .advanced-slider__caption {
        width: 100%!important;
        padding: 50px 20px!important;
        height: auto!important
    }

    .navbar-brand img {
        height: 55px!important
    }

    #mainnav .inner .container > .flex {
        display: flex!important;
        justify-content: space-between!important;
        align-items: center!important;
        padding: 10px 0!important
    }

    .s-cart-summary-content {
        display: none!important
    }
}

h1.c-hero-title {
    text-align: right
}

p.c-hero-subtitle {
    text-align: right;
}

.c-hero-text-wrapper {
    align-items: flex-start;
}svg.custom-search-svg {
    position: relative;
    right: 185px;
}

.custom-split-hero {
    height: 707px;
}