/* Add custom CSS styles below */ 
header img {
  max-height: 100px !important;
  width: auto !important;
}
.top-navbar{
  display: none !important;
}
section.s-block.s-block--banners.container {
 box-sizing: unset !important;
}
.banner-entry {
 
height: 40vh;
 
}
p.text-2xl.md\:text-3xl.md\:text-\[42px\].text-center.text-\[var\(--color-primary\)\].font-bold.mb-2 {
    color: #EC5E86;
}
.images_contanier {
    height: 97vh !important;
    width: 1000px;
    margin-bottom: 4vh;
}
.R_main_banner{
  height: 600px !important;
}
.main_content {
    background-color: #EC5E86;
}
@media (max-width: 1024px) {
    .s-product-card-vertical .salla-btns .s-button-btn, .s-product-card-vertical .salla-btns .s-button-icon {
        width: 40px;
        height: 40px;
    }
}
.content.container.absolute.z-2.md\:relative.ltr\:lg\:ml-12.rtl\:lg\:mr-12 {
    margin-top: 20vh;
}
h3.text-xl.md\:w-\[50\%\].font-medium.lg\:text-4xl.lg\:leading-12.mb-6.md\:mb-8.sal-animate {
    width: 60vw;
}
.main-footer {
    background-color: pink !important;
}

.main_btn {
    background-color: #363636 !important;
}
.R_main_banner .main_btn:hover {

    color: black !important;
      background-color: pink !important;

}
.f_deadline .products .s-button-light-outline {
    background-color: #FBDBDD;

}
.f_deadline .products .s-button-disabled, .f_deadline .products .s-button-btn {

    background-color: #fbdbdd;
}
@media (max-width: 767px) {
    .images_contanier {
        height: 630px !important;
        width: 1000px;
        right: 28%;
        margin-bottom: 4vh;

    }
  .banner-entry {
    height: 50vh;
}

    .img-cat .img {
        width: 200px !important;
        height: 200px !important;
    }
}


.s-product-card-vertical .salla-btns .s-button-btn, .s-product-card-vertical .salla-btns .link {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f9c2cf !important;
    border: 2px solid #f9c2cf !important;
}
.f_deadline mb-12 > div:first-child {
    /* هنا تحطي الخصائص اللي عايزاها */
    background-color: #cf5f84 !important;
}

.R_main_banner .main_btn:hover:after {
  background-color: #EC5E86 !important;
}
.vertical-nav {
    background-color: #EC5E86;
}