/* Add custom CSS styles below */ 
:root {
    --font-main: 'sky-bold';
    --font-secondary: 'sky';
    --color-primary: #5A53A0;
    --color-primary-dark: #c8c8c8;
    --color-primary-light: #ffffff;
    --color-primary-reverse: #6f6f6f;
    --dark-bg-main: #171A4B;
    --dark-bg-sec: #287d93;
    --dark-text-main: #ffffff;
    --dark-text-sec: #a9a9a9;
    --dark-grey: #09ADB7;
    --text-btn: #ffffff;
    --bg-color: #eeeeee;
}

.inner.bg-white.da-bgm {
    background-color: #171a4b;
}
.navbar-brand img {
    background-color: #ffff;
    border-radius: 5px;
    height: 58px !important;
    }
    .store-footer .footer-container .logo-footer .foo {
    background-color: #ffff;
    border-radius: 5px;}
    .s-block__title h2 {
    font-size: 1.7rem;
    padding:10px;
    display: flex;
    justify-content: center;
}
.sicon-menu:before {
    content: "\ed7f";
    color: white;
}
p.da-tm.hidden.text-xl.md\:block.ms-1 {
    color: white;
}
.is_large .header-btn .sicon-search, .is_large .header-btn .sicon-user {
    color: white;
    }
/*الكاتلوج*/


@media only screen and (max-width: 767px) {

video {
    height: 528px;
    max-width: none;
    width: auto;
}
.video-swiper{
    display:flex;
    justify-content: center;
}}