/* Add custom CSS styles below */ 
.top-nav {
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.main-menu li.root-level>a {
    FONT-WEIGHT: 800;
    color: #000;
}
@media (min-width: 768px) {
    .navbar-brand img {
        max-height: 80px;
        height: 80px !important;
    }
}
@media only screen and (max-width:768px){
.header-mainbar .sides-wrap {
    background: #fff;
}
}
[dir=rtl] .main-menu li.root-level:before {
          height: 3px;
        content: "";
        width: 0;
        position: absolute;
        bottom: 0;
        transition: .5s;
        background: #000;
        left: 0;
        bottom: 0%;
}
[dir=rtl] .main-menu li.root-level:hover:before {
    width: 85%;
    right: 0;
}
[dir=rtl] .main-menu li.root-level {
    position: relative;
    transition: .6s;
}
.main-nav-container {
   
    border-bottom: 2px solid;
}
.header-icon-button .icon {
    FONT-WEIGHT: 800;
}
/**slider**/
h2.text-3xl.md\:text-4xl.lg\:text-5xl.font-bold.lg\:\!leading-\[4rem\] {
    width: fit-content;
    background: url(https://i.ibb.co/8rNmxcz/shape.png);
    line-height: normal !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
span.absolute.bottom-0.ltr\:left-0.rtl\:right-0.w-12.h-12.bg-primary.z-0,span.absolute.top-0.ltr\:right-0.rtl\:left-0.h-20.w-20.bg-primary.z-0 {
    background: #000;
    width: 6rem;
    height: 6rem;
    display:none;
}



/*خدماتنا */
#app > div.app-inner.flex.flex-col.min-h-screen.relative > section.s-block.s-block--services.overflow-hidden > div > div.services-list.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-2.place-items-center.items-stretch.gap-4.md\:gap-6 > a:nth-child(1) > div.flex-center.shrink-0.rounded-full.w-\[72px\].h-\[72px\].mb-4.relative.overflow-hidden.z-\[2\] {
    content: url(https://i.ibb.co/0yvV3By/cleaning-service.png);
    width: 100px;
    height: 100px;
    border-radius: 0px;
}

#app > div.app-inner.flex.flex-col.min-h-screen.relative > section.s-block.s-block--services.overflow-hidden > div > div.services-list.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-2.place-items-center.items-stretch.gap-4.md\:gap-6 > a:nth-child(2) > div.flex-center.shrink-0.rounded-full.w-\[72px\].h-\[72px\].mb-4.relative.overflow-hidden.z-\[2\] {
    content: url(https://i.ibb.co/JsxzjDJ/prototype.png);
    width: 100px;
    height: 100px;
    border-radius: 0px;
}
.s-block__title h2:before, .s-slider-block__title-right h2:before {
    background-color: #f9b82f;
    opacity: 1;
    z-index: -1;
 
}
.s-block__title h2:before, .s-slider-block__title-right h2:before {
    background-color: #f9b82f;
    opacity: 1;
    z-index: -1;
 
}
a.service-list__item.w-full.border.text-start.flex.items-start.justify-start.gap-2\.5.sm\:gap-4.bg-transparent.hover\:bg-primary.transition-all.duration-300.rounded.p-6.group.cursor-auto {
    border: 2px solid #f9b82f;
    border-radius: 5px;
    box-shadow: 0px 2px 5px 0px #8e8a8a;
    margin-bottom: 10px;
}

span.text-base.font-bold.text-primary {
    width: fit-content;
    background: url(https://i.ibb.co/8rNmxcz/shape.png);
    line-height: normal !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #000000;
}
/****feeeeat****/
#app > div.app-inner.flex.flex-col.min-h-screen.relative > section.s-block.s-block--features-list.s-block--features-list-enhanced.container > div.s-block--features.md\:grid-cols-3.grid.gap-4.xl\:gap-8 > div:nth-child(1) > div.icon-container.relative {
content: url(https://i.ibb.co/CvsKCm5/1.png);
}
#app > div.app-inner.flex.flex-col.min-h-screen.relative > section.s-block.s-block--features-list.s-block--features-list-enhanced.container > div.s-block--features.md\:grid-cols-3.grid.gap-4.xl\:gap-8 > div:nth-child(2) > div.icon-container.relative {
content:url(https://i.ibb.co/561VXWT/1.png)
}
#app > div.app-inner.flex.flex-col.min-h-screen.relative > section.s-block.s-block--features-list.s-block--features-list-enhanced.container > div.s-block--features.md\:grid-cols-3.grid.gap-4.xl\:gap-8 > div:nth-child(3) > div.icon-container.relative {
content:url(https://i.ibb.co/Sx3ZWH7/1.png)
}
.s-block--features__item::after {
    background: #f9b82f;
}



/*****foooter*******/
footer.store-footer {
    background: #ffffff !important;
    border-top: 2px solid #f9b82f;
}


/******random****/


section#enhaced-banner-0:before {
    content: url(https://i.ibb.co/47xyq0q/image-12.png);
    position: absolute;
    right: 1px;
    bottom: 24%;
    z-index: 9;
}
section#enhaced-banner-0 {
    position: relative;
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
    display: none;
}
a.service-list__item.w-full.border.text-start.flex.items-start.justify-start.gap-2\.5.sm\:gap-4.bg-transparent.hover\:bg-primary.transition-all.duration-300.rounded.p-6.group.visible {
    flex-direction: column;
    width: 60%;
    border-radius: 10px;
}
/**media quireis **/
@media only screen and (max-width:768px){
a.service-list__item.w-full.border.text-start.flex.items-start.justify-start.gap-2\.5.sm\:gap-4.bg-transparent.hover\:bg-primary.transition-all.duration-300.rounded.p-6.group.cursor-auto {
    display: flex;
    flex-direction: column;

}
div#mainnav {
    background: url(https://i.ibb.co/M2TR5nq/51094299439-7c757e3354-o.png), #fff;
    background-size: contain;
    background-position: left;
}

#mainnav .inner {
    background: transparent;
}
ul.flex.mobile-social-list {
    background: transparent !important;
}
a.service-list__item.w-full.border.text-start.flex.items-start.justify-start.gap-2\.5.sm\:gap-4.bg-transparent.hover\:bg-primary.transition-all.duration-300.rounded.p-6.group.visible {
    flex-direction: column;
    width:100%;
    border-radius: 10px;
}
}
/* Initial state */
a.service-list__item {
    opacity: 0;
    transform: translateY(20px); /* Slightly below the original position */
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* When visible */
a.service-list__item.visible {
    opacity: 1;
    transform: translateY(0); /* Move to the original position */
}
/* Initial state */
.s-block--features__item {
    opacity: 0;
    transform: translateX(-30px); /* Start from the left */
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Visible state */
.s-block--features__item.visible {
    opacity: 1;
    transform: translateX(0); /* Move to the original position */
}
.main-nav-container {
    border-bottom: 2px solid;
    background: #FFF;
}

section.s-block.s-block--services.overflow-hidden {
    background: #f7f7f7;
    padding: 100px 0px;
}
section#enhaced-banner-4 .relative.bg-no-repeat.bg-cover {
    background: #fff !important;
}
section#enhaced-banner-5 .cotent.flex.flex-col.gap-2\.5.md\:gap-5.text-start.w-full.lg\:w-1\/2.md\:px-5 {
    position: relative;
}
/**
section#enhaced-banner-5 .cotent.flex.flex-col.gap-2\.5.md\:gap-5.text-start.w-full.lg\:w-1\/2.md\:px-5:after {
    content: "";
    position: absolute;
    background: red;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 17% 83% 0% 100% / 65% 0% 100% 35% ;
}
section#enhaced-banner-5 .container.inner-container.flex-col-reverse.lg\:flex-row.flex.items-start.lg\:items-center.justify-between.px-3.py-12.lg\:p-12.gap-8.z-1.relative {
    margin: 0px;
    width: 100%;
    padding: 0;
    max-width: 100%;
}
**/

h2.text-3xl.md\:text-4xl.lg\:text-5xl.font-bold.lg\:\!leading-\[4rem\] {
    width: fit-content;
    background: url(https://i.ibb.co/8rNmxcz/shape.png);
    line-height: normal !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #000;
}
section#enhaced-banner-5 p.text-lg.md\:text-xl.font-normal.max-w-md.opacity-80 {
    color: #000;
}
a.service-list__item.visible {
    border-color: #f9b82f;
    background-color: #f8f8f8;
    transition: all 0.3s ease-in-out;
}

a.service-list__item.w-full.border.text-start.flex.items-start.justify-start.gap-2\.5.sm\:gap-4.bg-transparent.hover\:bg-primary.transition-all.duration-300.rounded.p-6.group.visible:hover {
    background: #f9b82f;
}

.fixed-pinned .inner {
    background: #fff;
}
section#enhaced-banner-4 .relative.bg-no-repeat.bg-cover p.text-lg.md\:text-xl.font-normal.max-w-md.opacity-80 {
    color: #000;
}