:root {
    --base-color-1: #96B6C5;
    --base-color-2: #66CC33;
    --base-color-3: #008459;
    --base-color-4: #F1F0E8;
    --base-color-5: #86469C;
    --base-color-6: #9F5BA4;
    --base-color-7: #FFD700;
    --base-color-8: #10753C;
    --base-color-9: #5580E9;
    --base-color-10: #8860D0;
    --base-primary-button-bg: linear-gradient(135deg, #5580E9, #8860D0);
    --kaveh-base-font-family: IRANSansX,Tahoma,Arial;
}
.primary-box {
    background: var(--ai-primary-button-bg);
    color: var(--ai-primary-button-text);
}

 h2 {
    font-weight: 700;
}
 h6{
     color:var(--base-color-5)
 }

.container {
    max-width: 1200px;
}

.row {
    clear: both
}

a {
    text-decoration: none;
    color:inherit;
}

html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 27px;
    direction: rtl;
}

body {
    font-family: IRANSansX;
    overflow: auto;
    position:relative;
}

    body.loading{
        overflow:hidden;
    }

    body.loading::after {
        content: "";
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: #fff;
    }

    #app {
        width: 100%;
        height: 100%;
        float: left;
    }

.p-number {
    font-family: Vazir-FD;
}

.p-number {
    font-family: Vazir-FD;
}




@media screen and (max-width: 768px) {
    body {
        padding-top: 0;
    }
}


.kaveh-breadcrumb{
    background:#f8f8f8;
    padding:15px;
    border-radius:10px;
}

.kaveh-breadcrumb ol{
    margin:0;
}
.header-page {
    width: 100%;
    height: 200px;
    background-color: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url('../images/shop/image36.jpg');
    background-size: cover;
    background-position: center center;
}
.btn-shop {
    width: 200px;
    height: 50px;
    background-color: #6BC5B2;
    color: #fff;
    border: none;
    transition: all .5s;
    position:relative
}
    .btn-shop:hover {
        border: 1px solid #57a796;
        color: #57a796;
        background-color: #fff;
    }
    .btn-count {
        min-width:130px;
        height: 40px;
        border: none;
        background-color:unset;
        border:1px solid #ddd;
        border-radius:10px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
.btn-count i{
    font-size:15px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}