/* * {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    background-color: #DFE0E3;
} */

@font-face {
    font-family: hebrewbold;
    src: url(./font/OpenSansHebrew-Bold.ttf);
}

@font-face {
    font-family: hebrewregular;
    src: url(./font/OpenSansHebrew-Regular.ttf);
}

@font-face {
    font-family: assismedium;
    src: url(./font/Assistant-Medium.ttf);
}

@font-face {
    font-family: assisbold;
    src: url(./font/Assistant-Bold.ttf);
}

.df {
    display: flex;
}

.df-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .header {
    background-color: #ffffff;
    border: 1px solid #DFE0E3;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: flex;
    z-index: 999;
    font-family: hebrewregular;
    font-size: 20px;
    color: #002036;
}

.header-content-left {
    max-width: 1934px;
    margin-left: 26px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.content__balance-row {
    height: 38px;
    width: 2px;
    background-color: #002036;
}

.header-content__balance {
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    text-align: end;
}

.header-content__support {
    align-items: center;
    padding-left: 24px;
}

.content__support-row {
    height: 38px;
    width: 2px;
    background-color: #002036
}

.content__support-icon__border {
    height: 44px;
    width: 44px;
    background-color: #0020360D;
    border: 1px solid #00203626;
    border-radius: 25px;
    margin-left: 14px;
    margin-right: 17px;
    justify-content: center;
}

.header-content__btn {
    height: 40px;
    width: 139px;
    background-color: #234395;
    border: 2px solid #234395;
    border-radius: 22px;
    margin-left: 23px;
    color: #ffffff;
}

.header-content__btn img {
    margin-right: 12px;
    margin-top: 8px;
}


/*  */

/* .header-content-right {
    display: flex;
}

.content-right__nav ul {
    display: flex;
    align-items: center;
}

.activ {
    height: 38px;
    width: 108px;
    background-color: #0020360D;
    margin-right: 38px;
    margin-left: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 19px;
    border: 1px solid #00203626;
}

.content-right__nav ul li:first-child {
    padding-right: 58px;
}

.content__right-row {
    height: 38px;
    width: 2px;
    background-color: #002036;
    margin-left: 43px;
}

.content__right-row {
    margin-right: 15px;
}

.content__right-search {
    padding-right: 17px;
}

.header-logo img {
    margin-left: 19px;
    margin-right: 19px;
}

.content-balance__nis p:nth-child(2) {
    padding-left: 5px;
}

.content-balance__nis p {
    font-family: hebrewbold;
} */


/* navigation */

/* .said-nav {
    display: flex;
    justify-content: flex-end;
    position: fixed;
    left: 0;
    right: 0;
    top: 70px;
}

.side-nav__activ a {
    color: #5ACEFF !important;
}

.navigation {
    width: 220px;
    height: 100vh;
    background-color: #002036;
    border: 1px solid #DFE0E3;
    justify-content: center;
}

.navigation-bar__ul {
    display: flex;
    text-align: end;
}

.content-right__nav ul li a {
    color: #002036;
}

.navigation-bar__ul ul li {
    color: #ffffff;
    margin-right: 20px;
    font-size: 20px;
    font-family: hebrewregular;
    margin-top: 38px;
}

.navigation-bar__ul ul li a {
    color: #ffffff;
}

.navigation-icon__img {
    margin-top: 39px;
}

.navigation-icon {
    margin-right: 21px;
}

.nav-plus__btn img {
    margin-top: 42px;
    margin-right: 88px;
    margin-left: 20px;
}  */


/* main-content */

.main-content__title-box {
    width: calc(100% - 335px);
    background-color: #C6C5CB;
    height: 200px;
    margin-top: 90px;
    margin-left: 65px;
}

.main-content__title-box img {
    width: 314px;
    height: 200px;
}

.title-box__text {
    color: #002036;
    font-size: 100px;
    font-family: hebrewbold;
    padding-left: 78px;
}


.content__title-text {
    width: calc(100% - 335px);
    margin-left: 65px;
    display: flex;
    justify-content: flex-end;
    margin-top: 26px;
}

.content__title-text p {
    font-size: 35px;
    font-family: hebrewbold;
}

.main-content__img {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 270px);
    margin-top: 16px;
}

.content__img-box {
    width: 234px;
    height: 110px;
    background-color: #ffffff;
}

.content__img-box-2 {
    width: 234px;
    height: 110px;
    background-color: #ffffff;
    margin-left: 18px;
}


/*  */

.main-content__slider {
    width: calc(100% - 222px);
}

.slider__arrow {
    width: 99px;
    height: 376px;
    background-color: #eaebec;
    margin-right: 27px;
}

.slider__arrow-right {
    width: 72px;
    height: 376px;
    background-color: #eaebec;
    margin-left: 20px;
}

.main-content__slider-title {
    display: flex;
    justify-content: flex-end;
    margin-top: 45px;
    margin-bottom: 8px;
    margin-right: 50px;
    font-size: 20px;
    font-family: hebrewbold;
    color: #22377D;
}

.slider-box__first {
    height: 376px;
    width: 358px;
    background-color: #ffffff;
}

.slider-box {
    height: 376px;
    width: 358px;
    background-color: #ffffff;
    margin-left: 16px;
}

.main-content__slider-box-2 {
    margin-top: 80px;
}

.slider-box__top{
    width: 100%;
    height: 68px;
    background-color: #E8C7FF;
}

.slider-box__top-content p {
    color: #633483;
    font-family: hebrewbold;
    text-align: center;
}

.slider-box__top-content2 p {
    color:  #0B193B;
    font-family: hebrewbold;
    text-align: center;
}

.slider-box__top-content3 p {
    color:  #9A0614;
    font-family: hebrewbold;
    text-align: center;
}


.slider-box__top-content4 p {
    color:  #EC6025;
    font-family: hebrewbold;
    text-align: center;
}
.cont-colr{
    background-color: #D1DBFF;
}

.cont-colr2{
    background-color: #FFDCDC;
}

.cont-colr3{
    background-color: #FFE2C4;
}

.slider-box__center{
    width: 100%;
    height: 177px;
    background-color: #ffffff;
    justify-content: center;
}
.slider-box__center-content{
    text-align: end;
}

.slider-box__center-content p:first-child{
    color:  #0B193B;
    font-family: hebrewbold;
    font-size: 22px;
}

.slider-box__center-content p{
    color:  #0B193B;
    font-family: hebrewbold;
    font-size: 18px;
}

.slider-box__footer{
    width: 100%;
    height: 131px;
}

.sbf{
    background-color: #633483;
}
.sbf2{
    background-color: #22377D;
}
.sbf3{
    background-color: #9A0614;
}
.sbf4{
    background-color: #EB7A00;
}

.footer__box2-title p{
    color: #ffffff;
    font-size: 25px;
    font-family: hebrewbold;
    padding-left: 6px;
    padding-right: 6px;
}

.footer__box2-txt{
    color: #ffffff;
    font-size: 20px;
    font-family: hebrewbold;
    padding-right: 18px;
    padding-top: 7px;
    text-align: end;
}

.footer__box2-btn p{
    color: #ffffff;
    font-size: 20px;
    font-family: hebrewbold;
}

.footer__box2-btn{
    width: 162px;
    height: 44px;
    background-color: #29ABE2;
    border-radius: 10px;
    margin-top: 8px;
    margin-right: 18px;
}

.slider-footer__add-btn{
    background-color: #ffffff; 
    width: 24px; 
    height: 86px; 
    border-radius: 12px; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slider-footer__add-img{
    margin-bottom: 8px;   
}

.footer__addbtn-img img{
    margin-top: 6px;
}

.slider-footer__box1{
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
    padding-bottom: 8px;
    /* width: 97px; */
}

.slider-footer__box2{
    /* width: 246px; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer__box2-title {
    justify-content: flex-end;
    padding-right: 18px;
}

.footer__addbtn-p{
    font-family: assisbold;
}


/* ---------------------company-------------- */

.company-header {
    width: 376px;
    margin: 0 auto;
    background-color: #ffffff;
    height: 60px;
    align-items: center;
}

.profile-icon {
    padding-left: 14px;
    padding-right: 9px;
}

.header__profile p {
    font-family: assismedium;
    font-size: 14px;
}

.company__burger-menu {
    display: flex;
}

.company__logo {
    padding-left: 62px;
    padding-right: 108px;
}


/*  */

.company-main {
    width: 376px;
    margin: 0 auto;
    background-color: #EEEEEE;
}

.company-main__btn-box {
    width: 376px;
    margin: 0 auto;
    background-color: #EEEEEE;
    justify-content: space-evenly;
    padding-bottom: 57px;
}

.company-main__title {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.company-main__title p {
    color: #0B193B;
    font-size: 24px;
    font-family: assismedium;
}


/*  */

.company-main__btn {
    width: 376px;
    margin: 0 auto;
    width: 168px;
    height: 168px;
    background-color: #F2FCFF;
    border: 2px solid #2AC0EE;
    border-radius: 28px;
    margin-top: 36px;
}

.company-main__centr-title {
    font-size: 18px;
    font-family: assisbold;
    color: #234395;
    margin-top: 10px;
}

.box__left {
    width: 376px;
    margin: 0 auto;
    width: 168px;
    height: 168px;
    background-color: #FFFFFF;
    border: 2px solid #234395;
    border-radius: 28px;
    margin-top: 36px;
}

.box__right {
    width: 376px;
    margin: 0 auto;
    width: 168px;
    height: 168px;
    background-color: #FFFFFF;
    border: 2px solid #234395;
    border-radius: 28px;
    margin-top: 36px;
}

.main__box__left-txt {
    color: #234395;
    font-size: 18px;
    font-family: assisbold;
    text-align: center;
}

.main__box__right-txt {
    color: #234395;
    font-size: 18px;
    font-family: assisbold;
    text-align: center;
}


/* category */

.categories-main {
    width: 376px;
    margin: 0 auto;
    background-color: #EEEEEE;
}

.categories-main__title {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.categories-main__title p {
    color: #0B193B;
    font-size: 24px;
    font-family: assismedium;
}

.categories-main__btn-box {
    width: 376px;
    margin: 0 auto;
    background-color: #EEEEEE;
    justify-content: space-evenly;
    padding-bottom: 57px;
}

.categories-box__left {
    margin: 0 auto;
    width: 168px;
    height: 168px;
    background-color: #F2FCFF;
    border: 2px solid #2AC0EE;
    border-radius: 28px;
    margin-top: 36px;
}

.categories-box__left-2 {
    width: 376px;
    margin: 0 auto;
    width: 168px;
    height: 168px;
    background-color: #FFFFFF;
    border: 2px solid #234395;
    border-radius: 28px;
    margin-top: 36px;
}

.categories-box__right {
    width: 376px;
    margin: 0 auto;
    width: 168px;
    height: 168px;
    background-color: #FFFFFF;
    border: 2px solid #234395;
    border-radius: 28px;
    margin-top: 36px;
}

.categories__box__right-txt {
    color: #234395;
    font-size: 18px;
    font-family: assisbold;
    text-align: center;
    padding-top: 8px;
}

.categories__box__left-txt {
    color: #234395;
    font-size: 18px;
    font-family: assisbold;
    text-align: center;
    padding-top: 8px;
}


/* category */

.category-header {
    width: 376px;
    margin: 0 auto;
    background-color: #ffffff;
    height: 60px;
    align-items: center;
    box-shadow: 0px 1px 8px #00000042;
    position: sticky;
}

.category-main {
    width: 376px;
    margin: 0 auto;
    background-color: #EEEEEE;
}

.category-main__img {
    padding-top: 34px;
    margin-left: 58px;
}

.category-main__title {
    padding-top: 24px;
    margin-left: 88px;
    margin-bottom: 28px;
}

.category-main__title p {
    color: #0B193B;
    font-size: 24px;
    font-family: assismedium;
}

.category-box__one {
    height: 97px;
    width: 96px;
    background-color: #ffffff;
    border: 1px solid #234395;
    border-radius: 20px;
}

.box__first-row {
    margin-bottom: 25px;
}

.box__second-row {
    margin-bottom: 25px;
}

.box__therd-row {
    margin-bottom: 25px;
}

.category__box-first-row {
    margin-bottom: 23px;
}

.category__box__one-txt {
    font-family: assisbold;
    font-size: 18px;
    color: #234395;
}

.category__box__one-txt p {
    text-align: center;
}

.category-box__one-active {
    height: 97px;
    width: 96px;
    background-color: #F2FCFF;
    border: 2px solid #2AC0EE;
    border-radius: 28px;
}

.category-footer {
    width: 376px;
    height: 80px;
    background-color: #ffffff;
    box-shadow: 0px 1px 8px #00000042;
    display: flex;
    align-items: center;
    position: fixed;
    top: 688px;
}

.category-box__center {
    height: 97px;
    width: 96px;
    background-color: #ffffff;
    border: 1px solid #234395;
    border-radius: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.footer__content-txt {
    text-align: end;
}

.footer__content-txt p:nth-child(1) {
    font-size: 16px;
    font-family: assismedium;
    color: #0B193B;
}

.footer__content-txt p:nth-child(2) {
    font-size: 16px;
    font-family: assisbold;
    color: #0B193B;
}

.footer__content-img {
    margin-right: 226px;
    margin-left: 24px;
}

.product__add{
    background-color: #B9E3F1;
    width: 24px;
    height: 86px;
    border-radius: 12px;
    margin-top: 4px;
    margin-left: 8px;
}

.product__add-minus{
    margin-top: 10px;
}

.category__product-box{
    width: 376px;
    height: 99px;
    background-color:  #b9e3f14d;
    border-top: 2px solid #2AC0EE;
    border-bottom: 2px solid #2AC0EE;
    display: flex;   
}

.product__add-text p:nth-child(1){
    color: #0B193B;
    font-family: assismedium;
}

.product__add-text p:nth-child(2){
    color: #9F9F9F;
    font-family: assismedium;
}

.product__add-text p:nth-child(3){
    color: #0B193B;
    font-family: assisbold;
    font-size: 20px;
}

.product__add-text{
    width: 218px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.add-text__box{
    text-align: end;
}

.product__img{
    background-color: #ffffff;
    border: 1px solid #DFDEDE;
    height: 97px;
    width: 73px;
    margin-left: 10px;
}

.product__check-box {
    margin-left: 12px;
}

.product__add-count{
    font-family: assisbold;
    margin-top: 8px;
}

.category__product-box2{
    width: 376px;
    height: 99px;  
    border-bottom: 2px solid #827f7f;
    display: flex;   
}

.product__add2{
    background-color: #f7f7f7;
    width: 24px;
    height: 86px;
    border-radius: 12px;
    margin-top: 4px;
    margin-left: 8px;
}

.footer__content-txt2 p:nth-child(2) {
    font-size: 16px;
    font-family: assismedium;
    color: #0B193B;
}

.footer__content-txt2 p:nth-child(1) {
    font-size: 16px;
    font-family: assisbold;
    color: #0B193B;
}

.footer__content-txt2 {
    text-align: end;
}

.footer-content__btn {
    height: 40px;
    width: 139px;
    background-color: #234395;
    border: 2px solid #234395;
    border-radius: 22px;
    margin-left: 23px;
    color: #ffffff;
}

.footer-content__btn img {
    margin-right: 12px;
    margin-top: 8px;
}

.footer__content-img2 {
    margin-right: 112px;
}

.footer-content__btn p{
    font-size: 16px;
    font-family: assismedium;
    color: #ffffff;
}

/* cashier */

.cashier__product-box{
    width: 376px;
    height: 99px;
    border-top: 2px solid #827f7f;
    display: flex;   
}

.cashier__product-box2{
    width: 376px;
    height: 99px;  
    border-top: 2px solid #827f7f;
    border-bottom: 2px solid #827f7f;
    display: flex;   
}

.cashier-product__add{
    background-color: #f7f7f7;
    width: 24px;
    height: 86px;
    border-radius: 12px;
    margin-top: 4px;
    margin-left: 8px;
}

.cashier-footer{
    width: 376px;
    height: 80px;
    background-color: #ffffff;
    box-shadow: 0px 1px 8px #00000042;
    display: flex;
    align-items: center;
    position: fixed;
    justify-content: center;
    top: 688px;
}

.cashier-content__btn {
    height: 40px;
    width: 139px;
    background-color: #234395;
    border: 2px solid #234395;
    border-radius: 22px;
    margin-left: 23px;
    color: #ffffff;
}

.cashier-content__btn p {
    font-family: assismedium;
    color: #ffffff;
}

.cashier-main {
    width: 376px;
    height: 700px;
    margin: 0 auto;
    background-color: #EEEEEE;
}

/* orders */

.order-main {
    width: 376px;
    height: 594px;
    margin: 0 auto;
    background-color: #EEEEEE;
}


.order-main__title {
    margin-top: 24px;
    margin-bottom: 24px;
}

.order-main__title p {
    color: #0B193B;
    font-size: 24px;
    font-family: assismedium;
}

.order__title{
    width: 375px;
}

.order__doubt-box{
    width: 375px;
    height: 75px;
    background-color: #ffffff;
}


.doubt-box__title{
    display: flex;
    justify-content: flex-end;
    color: #0B193B;
    font-family: assismedium;
    background-color: #ffffff;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 4px;

}

.order__box{
    width: 345px;
    height: 28px;
    background-color: #EEEEEE;
    border: 1px solid #D2D2D2;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px;
}

.order__box p {
    font-family: assismedium;
    color: #0B193B;
    margin-right: 14px;
}

.order__box img{
    margin-left: 14px;
}



/*  */

.order-box__header{
    font-family: assismedium;
    color:#9F9F9F;
    font-size: 15px;
    margin-top: 8px;
    justify-content: space-between;
    border-bottom: 1px solid#0B193B;
    padding-bottom: 10px;
}

.order-box__header p:nth-child(1){
   margin-left: 6px;
}

.order-box__header p:nth-child(3){
   margin-right: 12px;
}

.order-box__list-active{
    justify-content: space-between;
    font-family: assismedium;
}

.order-box__list-active p:nth-child(1){
    font-family: assisbold;
    margin-left: 39px;
}

.order-box__list-active{
    margin-top: 10px;
    border-bottom: 1px solid#0B193B;
    padding-bottom: 10px;
}

.order-box__list-active p:nth-child(3){
    height: 20px;
    width: 95px;
    border-radius: 10px;
    border: 1px solid #2AC0EE;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    
}

/*  */

.order-box__list{
    justify-content: space-between;
    font-family: assismedium;
}

.order-box__list p:nth-child(1){
    font-family: assisbold;
    margin-left: 47px;
}

.order-box__list{
    margin-top: 10px;
    border-bottom: 1px solid#0B193B;
    padding-bottom: 10px;
}

.order-box__list p:nth-child(3){
    height: 20px;
    width: 95px;
    border-radius: 10px;
    border: 1px solid #60B848;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    
}

/* invoice  */

.invoice-main {
    width: 376px;
    height: 594px;
    margin: 0 auto;
    background-color: #EEEEEE;
}

.invoice__title{
    width: 375px;
}

.invoice-main__title {
    margin-top: 24px;
    margin-bottom: 24px;
}

.invoice-main__title p {
    color: #0B193B;
    font-size: 24px;
    font-family: assismedium;
}

.invoice__box{
    width: 375px;
    height: 75px;
    background-color: #ffffff;
}


.invoice-box__title{
    display: flex;
    justify-content: flex-end;
    color: #0B193B;
    font-family: assismedium;
    background-color: #ffffff;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 4px;

}

.invoice-box__title p:nth-child(1){
    margin-right: 158px;
}

.invoice__calendar-box {
    width: 180px;
    height: 28px;
    background-color: #EEEEEE;
    border: 1px solid #D2D2D2;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
}

.invoice__calendar-box p {
    font-family: assismedium;
    color: #0B193B;
    margin-right: 14px;
}

.invoice__calendar-box img {
    margin-left: 15px;
    margin-top: 4px;
}


.invoice__calendar-box2 {
    width: 180px;
    height: 28px;
    background-color: #EEEEEE;
    border: 1px solid #D2D2D2;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.invoice__calendar-box2 p {
    font-family: assismedium;
    color: #0B193B;
    margin-right: 14px;
}

.invoice__calendar-box2 img {
    margin-left: 15px;
    margin-top: 4px;
}



.order__box img{
    margin-left: 14px;
}

/*  */


.invoice-list__header{
    font-family: assismedium;
    color:#9F9F9F;
    font-size: 15px;
    margin-top: 8px;
    justify-content: space-between;
    border-bottom: 1px solid#0B193B;
    padding-bottom: 10px;
}

.invoice-list__header p:nth-child(1){
   margin-left: 44px;
}

.invoice-list__header p:nth-child(3){
   margin-right: 12px;
}

.invoice-list__header p:nth-child(4){
    margin-right: 15px;
 }

 .invoice-box__list{
    justify-content: space-between;
    font-family: assismedium;
    border-bottom: 1px solid #0B193B;
    margin-top: 12px;
    padding-bottom: 12px;
}

.invoice-box__list p:nth-child(1){
    margin-left: 40px;
}

.invoice-box__list p:nth-child(4){
    margin-right: 12px;
}

/* contacts */

.contacts-main {
    width: 376px;
    height: 752px;
    margin: 0 auto;
    background-color: #EEEEEE;
}

.contact__form{
    width: 375px;
    height: 297px;
    background-color: #ffffff;
}


.contact__form2{
    width: 375px;
    height: 297px;
    background-color: #ffffff;
    margin-top: 20px;
    margin-bottom: 66px;
}

.contact__form-title p {
    font-size: 24px;
    font-family: assisbold;
}

.contact__form-title {
    display: flex;
    justify-content: flex-end;
    padding-top: 18px;
    margin-right: 23px;
}

.contact__form-title2 {
    display: flex;
    justify-content: flex-end;
    padding-top: 18px;
    margin-right: 23px;
}

.contact__form-title2 p {
    font-size: 24px;
    font-family: assisbold;
}

.form__box-one{
    width: 187px;
    background-color: #ffffff;
    height: 200px;
}

.form__box-two{
    width: 187px;
    background-color: #ffffff;
    height: 200px;
}

.box-one__content p:nth-child(1){
    color: #9F9F9F;
    font-family: assismedium;
}

.box-one__content p:nth-child(2){
    color: #0B193B;
    font-family: assisbold;
}

.box-one__content p:nth-child(3){
    color: #0B193B;
    font-family: assisbold;
}

.form__box-one  {
    justify-content: flex-end;
    padding-top: 20px;
}

.form__box-two  {
    justify-content: flex-end;
    padding-top: 20px;
    margin-right: 23px;
}

.box-two__content{
    text-align: end;
}

.box-form__txt{
    padding-top: 26px;
}

.box-form__number {
    padding-top: 26px;
}

.box-one__content{
    text-align: end;
}

.box-two__content p:nth-child(1){
    color: #9F9F9F;
    font-family: assismedium;
}

.box-two__content p:nth-child(2){
    color: #0B193B;
    font-family: assisbold;
}

.box-two__content p:nth-child(3){
    color: #0B193B;
    font-family: assisbold;
}


.box-form__txt p:nth-child(1){
    color: #9F9F9F;
    font-family: assismedium;
}


.box-form__txt p:nth-child(2){
    color:#0B193B;
    font-family: assisbold;
}

.box-form__number p:nth-child(1){
    color: #9F9F9F;
    font-family: assismedium;
}

.box-form__number p:nth-child(2){
    color: #234395;
    font-family: assisbold;
}

/* .menu{
    width: 376px;
    margin: 0 auto;
    height: 265px;
    background-color: #ffffff;
    z-index: 1;
    position: relative;
    box-shadow: 0px 89px 28px -67px 
    rgba(0,37,84,-2.82), 0px 18px 100px -53px 
    rgba(75, 76, 75, 1.2);
    border-top: 1px solid #707070;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.menu__p {
    color: #234395;
    font-family: assisbold;
    font-size: 18px;
    margin-top: 20px;
    margin-right: 19px;
}

.menu__active{
    width: 357px;
    height: 40px;
    background-color: #EEEEEE;
    color: #234395;
    font-family: assisbold;
    font-size: 18px;
    justify-content: flex-end;
    align-items: center;
    padding-right: 19px;
    margin-top: 18px;
}

.menu-main {
    width: 376px;
    margin: 0 auto;
    background-color: #eeeeee;
    margin-top: -124px;
   
} */

/* sub categories */

.subcategories__title-img {
    width: calc(100% - 335px);
    margin-left: 65px;
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
}

.subcategories__title-txt p:nth-child(1){
    font-size: 22px;
    color: #EB7A00;
    font-family: hebrewbold;
}

.subcategories__title-txt p:nth-child(2){
    font-size: 22px;
    color: #FF0000;
    font-family: hebrewbold;
}

.sub-content__img {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 270px);
    margin-top: 16px;
}

.sub__img-content{
    width: 168px;
    height: 206px;
    border-radius: 28px;
    border: 1px solid #9F9F9F;
    background-color: #FF931E;
    margin-right: 40px;
}

.sub__img-content-1{
    width: 168px;
    height: 206px;
    border-radius: 28px;
    border: 1px solid #9F9F9F;
    background-color: #FF931E;
}

.sub__img{
    width: 168px;
    height: 168px;
    border-radius: 28px;
    border: 1px solid #9F9F9F;
    background-color: #ffffff;
}

.sub__img-content-1 p {
    text-align: center;
    padding-top: 4px;
    font-family: assisbold;
    font-size: 18px;
    color: #ffffff;
}


.sub__img-content p {
    text-align: center;
    padding-top: 4px;
    font-family: assisbold;
    font-size: 18px;
    color: #ffffff;
}


.sub-main__content{
    width: calc(100% - 335px);
    margin: 0 auto;
    margin-left: 65px;
}

.sub-main__content-header{
    width: 100%;
    align-items: center;
    /* background-color: aqua; */
}

.header-filter__box{
    width: 50%;
    align-items: center;
    justify-content: space-between;
}

.content-header__filter{
    margin-left: 76px;
}

.content-header__filter p{
    font-size: 22px;
    font-family: hebrewregular;
    color: #002036;
}

.header__filter-btn {
    width: 150px;
    height: 44px;
    background-color: #29ABE2;
    border-radius: 10px;
    margin-right: 20px;
}

.header__filter-btn p{
    font-size: 20px;
    font-family: hebrewbold;
    color: #FFFFFF;
    padding-right: 6px;
}

.header__filter-btn2{
    width: 150px;
    height: 44px;
    background-color: #29ABE2;
    border-radius: 10px;
    margin-right: 90px;
}

.header__filter-btn2 p{
    font-size: 20px;
    font-family: hebrewbold;
    color: #FFFFFF;
    padding-right: 6px;
}

.input-search__text {
    background-color: #DFE0E3;
    border: none;
    border-bottom: 1px solid #0B193B;
    outline: none;
    font-size: 16px;
    margin-right: 10px;
  
}

.text-input{
    width: 50%;
    justify-content: flex-end;
    margin-top: 20px;
}

.text-input  p {
    font-size:  24px;
    font-family: hebrewbold;
}

.sub-main__box-header{
    width: 358px;
    height: 176px;
    background-color: #ffffff;
   
}

.sub-main__header-title{
    text-align: end;
    padding-left: 21px;
    padding-top: 8px;
}

.sub-main__header-title p:first-child{
    font-size: 22px;
    color: #0B193B;
    font-family: hebrewbold;
}

.sub-main__header-title p{
    font-size: 18px;
    color: #0B193B;
    font-family: hebrewbold;
}

.sub-main__header-img{
    padding-left: 20px;
    padding-top: 29px;
}

.sub-main__header-img2{
    padding-left: 20px;
    padding-top: 9px;
}

.sub-main__header-img3{
    padding-left: 20px;
    padding-top: 0px;
}


.sub-main__box-footer{
    width: 358px;
    height: 131px;
    background-color: #EB7A00;
}

.ml{
    margin-left: 20px;
   
}

.sub-main__box{
    margin-top: 31px;
}

.subcontent-footer__box1{
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
    padding-bottom: 8px;
    width: 97px;
}

.sub-footer__add-btn{
    background-color: #ffffff; 
    width: 24px; 
    height: 86px; 
    border-radius: 12px; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sub-footer__add-img{
    margin-bottom: 8px;   
}

.sub-footer__addbtn-p{
    font-family: assisbold;
}

.sub-footer__addbtn-img img{
    margin-top: 6px;
}

.subcontent-footer__box2{
    width: 246px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sub__box2-title p{
    color: #ffffff;
    font-size: 25px;
    font-family: hebrewbold;
    padding-left: 6px;
    padding-right: 6px;
}

.sub__box2-title {
    justify-content: flex-end;
    padding-right: 18px;
}


.sub__box2-txt{
    color: #ffffff;
    font-size: 20px;
    font-family: hebrewbold;
    padding-right: 18px;
    padding-top: 7px;
    text-align: end;
}

.sub__box2-btn p{
    color: #ffffff;
    font-size: 20px;
    font-family: hebrewbold;
}

.sub__box2-btn{
    width: 162px;
    height: 44px;
    background-color: #29ABE2;
    border-radius: 10px;
    margin-top: 8px;
    margin-right: 18px;
}

.sub-main__content-box{
    margin-left: 76px;
    flex-wrap: wrap;
}


/* sastech */



/* cleaning category */

.cleaning-categories__title-txt p:nth-child(1){
    font-size: 22px;
    color: #2A3B8E;
    font-family: hebrewbold;
}

.cleaning-categories__title-txt p:nth-child(2){
    font-size: 22px;
    color: #FF0000;
    font-family: hebrewbold;
}

.cleaning-categories__title-img {
    width: calc(100% - 335px);
    margin-left: 65px;
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
}

.cleaning-img p {
    font-family: hebrewbold;
    font-size: 36px;
    color: #22377D;
    margin-right: 28px;
}

.cleaning-content__img {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 270px);
    margin-top: 16px;
    flex-wrap: wrap;
}

.cleaning__img-content{
    width: 162px;
    height: 125px;
    border-radius: 28px;
    border: 1px solid #9F9F9F;
    background-color: #22377D;
    margin-right: 20px;
    margin-bottom: 20px;
}

.cleaning__img-content p {
    text-align: center;
    padding-top: 4px;
    font-family: assisbold;
    font-size: 18px;
    color: #ffffff;
}

.cleaning__img{
    width: 162px;
    height: 87px;
    border-radius: 28px;
    border: 1px solid #9F9F9F;
    background-color: #ffffff;
}

.beauty__img-content{
    width: 162px;
    height: 125px;
    border-radius: 28px;
    border: 1px solid #9F9F9F;
    background-color: #7F5199;
    margin-right: 20px;
    margin-bottom: 20px;
}


.beauty__img-content p {
    text-align: center;
    padding-top: 4px;
    font-family: assisbold;
    font-size: 18px;
    color: #ffffff;
}

.beauty-img p {
    font-family: hebrewbold;
    font-size: 36px;
    color: #7F5199;
    margin-right: 28px;
}
/* car */

.car-img p {
    font-family: hebrewbold;
    font-size: 36px;
    color: #9A0614;
    margin-right: 28px;
}

.car__img-content{
    width: 162px;
    height: 125px;
    border-radius: 28px;
    border: 1px solid #9F9F9F;
    background-color: #9A0614;
    margin-right: 20px;
    margin-bottom: 20px;
}


.car__img-content p {
    text-align: center;
    padding-top: 4px;
    font-family: assisbold;
    font-size: 18px;
    color: #ffffff;
}

.carbg{
    background-color: #9A0614;
}

/* productpage */


.product__arrow {
    width: 99px;
    height: 308px;
    background-color: #eaebec;
    margin-right: 27px;
}

.product__arrow-right {
    width: 72px;
    height: 308px;
    background-color: #eaebec;
    margin-left: 20px;
}



.product-content__slider-title {
    display: flex;
    justify-content: flex-end;
    margin-top: 45px;
    margin-bottom: 8px;
    margin-right: 50px;
    font-size: 20px;
    font-family: hebrewbold;
    color: #BE1E2D;
}

.productpage__title-img {
    width: calc(100% - 335px);
    margin-left: 65px;
    display: flex;
    justify-content: flex-end;
    margin-top: 26px;
}

.productpage__bill-one{
    width: 468px;
    height: 280px;
    background-color: #D5D5D5;
    margin-left: 290px;
}

.page__bill-title p:nth-child(1){
    font-size: 20px;
    font-family: hebrewbold;
    color: #01BF2D;
    padding-top: 14px;
}

.page__bill-title p:nth-child(2){
   padding-top: 22px;
}

.page__bill-title p:nth-child(4){
    font-size: 20px;
    font-family: hebrewbold;
    color: #0B193B;
    padding-left: 14px;
 }

.page__bill-title img{
    padding-left: 66px;
}

.page__bill-checkbox p {
    font-size: 20px;
    font-family: hebrewbold;
}

.bill-checkbox{
    height: 25px;
    width: 25px;
    border: 1px solid #707070;
    background-color: #ffffff;
    margin-left: 6px;
}

.bill-count{
    width: 80px;
    height: 40px;
    border: 1px solid #707070;
    background-color: #ffffff;
    justify-content: space-around;
    font-size: 24px;
    font-family: hebrewbold;
    margin-left: 50px;
}

.page__bill-amount p {
    font-size: 20px;
    font-family: hebrewbold;
    margin-left: 14px;
    margin-right: 12px;
}

.page__bill-count {
    justify-content: flex-end;
    margin-top: 24px;
}

.page__bill-info{
    align-items: flex-end;
    flex-direction: column;
    margin-top: 28px;
}

.page__bill-info p:nth-child(1){
    color: #C72900;
    font-size: 18px;
    font-family: hebrewbold;
}

.page__bill-info p:nth-child(2){
    color: #0B193B;
    font-size: 18px;
    font-family: hebrewbold;
    margin-top: 8px;
}

.page__bill-btn{
    width: 431px;
    height: 44px;
    background-color: #29ABE2;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 9px;
}

.page__bill-btn p{
    font-size: 25px;
    font-family: hebrewbold;
    color: #ffffff;
    margin-right: 9px;
}

.productpage__bill-two p:nth-child(1) {
    font-size: 36px;
    font-family: hebrewbold;
    color: #9A0614;
}

.productpage__bill-two p:nth-child(2){
    font-size: 18px;
    font-family: hebrewregular;
    text-align: end;
    margin-bottom: 20px;
}

.productpage__bill-two {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 42px;
    font-size: 18px;
    font-family: hebrewregular;
}

.productpage__bill-two a{
    color: #0B193B;
    font-family: hebrewbold;

}

/* add cart*/

.add-cart{
    width: 559px;
    height: 277px;
    background-color: #ffffff;
    position: fixed;
    left: 530px;
}

.add-cart__header{
    background-color: #EC6025;
    width: 100%;
    height: 42px;
    align-items: center;
}

.add-cart__header img{
    height: 30px;
    margin-left: 10px;
    margin-right: 75px;
}

.cart__header-p p:nth-child(1){
    font-size: 18px;
    font-family: hebrewregular;
    color: #ffffff;
}

.cart__header-p p:nth-child(2){
    font-size: 22px;
    font-family: hebrewbold;
    color: #ffffff;
    margin-left: 10px;
    margin-right: 20px;
}

.add-cart__text p:nth-child(1){
    font-size: 20px;
    font-family: hebrewbold;
}

.add-cart__text p:nth-child(2){
    font-size: 16px;
    font-family: hebrewregular;
}