:root {
    --color-primary: #CB4C4D;
    --color-secondry: #FFB8B8;
    --background-color: #FFFFFF;
    --color-hero-section: #F4F4F5;
    --color-title-text: #222222;
    --text-color-title: #1A1A1A;
    --text-body: #374151;
    --color-suptitle-text: #666666;
    --gray-500: #6B7280;
    --gray-50: #F9FAFB;
    --border-color: #E6E6E6;
    --yellow: #D97706;
    --error-color: #DA1E28;
    --divider-color: #DCDCDC;

    --font-Regular: 'IBM Plex Sans Arabic Regular';
    --font-Thin: 'IBM Plex Sans Arabic Thin';
    --font-ExtraLight: 'IBM Plex Sans Arabic ExtraLight';
    --font-Light: 'IBM Plex Sans Arabic Light';
    --font-Medium: 'IBM Plex Sans Arabic Medium';
    --font-SemiBold: 'IBM Plex Sans Arabic SemiBold';
    --font-Bold: 'IBM Plex Sans Arabic Bold';
}

.product-div {
    background-color: var(--background-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin-bottom: 444px;
    box-shadow: 0 10px 10px ;
    min-height: 100vh;
}
.top-main-search{
    margin: 20px 0;
}
.dept-container{
    margin-top: 40px;
}