/* Global Styles */
:root {
    --primary-color: #FFC700;
    --secondary-color: #383848;
    --black-color: #1E1E1E;
    --red-color: #FF0015;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Almarai", sans-serif;
}

.primary-text {
    color: var(--primary-color);
}

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

/* Header */

.slider {
    overflow: hidden;
    position: relative;
}

.slides {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
}

.slides input {
    display: none;
}

.slide {
    position: absolute;
    width: 100%;
    transition: 2s ease-in-out;
    opacity: 0;
}

.slide.active {
    width: 100%;
    opacity: 1;
    transition: 2s;
}


.slide img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* End Header */

/* categories */
.categories_all {
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 87px #949494;
    border-radius: 14px;
    padding: 10px !important;
    z-index: 1001;
}

/* End categories */

/* Product Slider */
.swiper-wrapper {
    width: 100%;
    height: max-content !important;
    padding-bottom: 64px !important;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative;
}

.swiper-pagination-bullet {
    background: #4f46e5;
}
.swiper-button-next {
    right: -70px; 
    top: 44%; 
    color:black !important;
}
.swiper-button-prev {
    left: -70px; 
    top: 44%; 
    color:black !important;
}
@media(max-width: 768px) {
    .swiper-button-prev{
        left: 80px;
        bottom: -8px;
        top: auto;
    }
    .swiper-button-next{
        right: 80px;
        top: auto;
        bottom: -8px;
    }
}
/* End Product Slider */


/* edit input in forms */
[data-twe-input-notch-ref] {
    direction: rtl;
}
[data-twe-input-notch-leading-ref]
{
    border-radius: 0 30px 30px 0;
}
[data-twe-input-notch-trailing-ref]{
    border-radius: 25px 0 0 25px;
}