/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@font-face {
    font-family: 'IRANSansWeb';
    src: url('../fonts/IRANSansWeb.ttf') format('truetype');
}

@font-face {
    font-family: 'BYekan';
    src: url('../fonts/IRANYekanXFaNum-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'aviny';
    src: url('../fonts/aviny.ttf') format('truetype');
}


:root {
    --black: #292d35;
    --white: #FFFFFF;
    --font-main: 'IRANSansWeb';
    --font-headers: 'aviny';
    --font-Yekan: 'BYekan';
    --main: #ff00a4;
    --Button: #eff6f7;
    --ButtonColor: #1e1d85;
    --ButtonHover: #d6e8ea;
    --FontColor: #ababab;
    --BorderColor: #eeeeee;
    --gray: #F7F5F2;
    --BackDetails: #F7F7F7;
    --TextColor: #696969;
    --LabelProperty: #ff6935;
    --LabelForSale: #0ec6d5;
    --LabelForRent: #6969eb;
    --SurfaceColor: #666666;
    --search-box-background: rgba(19, 20, 31, 0.05);
    --search-box-color: #a3a3a3;
    --BoxCat: rgba(19, 20, 31, 0.05);
    --card-shadow: rgba(0, 0, 0, 0.1);
    --ColorMessageMe: #075E54;
    --ColorMessageAnswer: #212e36;
    --ColorMessage: #EcE5DD;
    --TextGreen: #22a958;
    --OldPrice: #8c8c8c;
    --Red: #da2424;
    --DiscountDay: #34cb40;
}
/*********************************/
.toast-body {
    color: var(--black);
}


body {
    /* Margin bottom by footer height */
    font-size: 13px;
    font-family: 'BYekan';
    line-height: 27px;
    background-color: rgb(249, 250, 251);
}

.BackGroundGray {
    background-color: var(--gray);
    padding: 20px 10px;
    margin-bottom: 20px;
    border-radius: 15px;
}

a {
    text-decoration: none;
    color: var(--black);
}

.ColorText {
    color: #000000;
    text-decoration: none;
}

    .ColorText:hover {
        color: #000000;
    }


.BackGroundColorTwo {
    background-color: #f7f7fa;
    /*min-height: 100%;*/
    padding-top: 62px;
}

.DivBtn {
    text-align: left;
}

.BtnMain {
    background-color: var(--main);
    color: var(--white);
    padding: 5px 35px;
    border-radius: 10px;
}
/*************************Menu********************/
.ButtonMenu {
    color: var(--black);
    transform: rotate(90deg);
    font-size: 25px;
}

.HeaderFixed {
    padding-top: 3px;
    background-color: var(--white);
    padding-bottom: 3px;
    box-shadow: 2px 1px 5px 3px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 7%), 0 3px 1px -2px rgb(0 0 0 / 6%) !important;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.MenuRegister {
    text-decoration: none;
    color: var(--black);
    display: block;
    margin-left: 5px;
    text-align: left;
    /*background-color: var(--main);*/
    /*padding: 8px 12px 8px 12px;*/
    border-radius: 5px;
    margin-top: auto;
    margin-bottom: auto;
    /*    box-shadow: 2px 1px 5px 3px white, 0 2px 2px 0 white, 0 3px 1px -2px white !important;*/
    font-size: 18px;
}

.MenuBottom {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

    .MenuBottom button {
        background-color: transparent;
        color: var(--black);
        border: none;
    }


        .MenuBottom button:hover,
        .MenuBottom button:focus,
        .MenuBottom button:active {
            background-color: transparent;
            color: var(--black);
            border: none;
        }

.BtnAddress {
    background-color: var(--main) !important;
    color: var(--white) !important;
    border-radius: 25px !important;
    font-size: 14px;
}

.MeuBottom {
    height: 80% !important;
}

.SearchAddress {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}

    .SearchAddress input {
        width: 100%;
        border: none;
        background-color: var(--search-box-background);
        color: var(--search-box-color);
        height: 40px;
    }

    .SearchAddress button {
        position: absolute;
        left: 15px;
        background-color: transparent;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        height: 100%;
        font-size: 18px;
    }

.form-check {
    width: 100%
}

.ListAllAddress {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 15px;
}

    .ListAllAddress li {
        display: flex;
        padding: 5px;
        border-bottom: 1px solid var(--search-box-background);
        align-items: center;
        justify-content: flex-start;
    }

        .ListAllAddress li span {
            margin-right: 5px;
        }

        .ListAllAddress li i {
            font-size: 15px !important;
        }

.DivMenuProfileMobile {
}

.UlMenuProfileMobile {
    /*padding: 25px 25px 25px 25px;*/
    /*border-top-left-radius: 25px;
    border-top-right-radius: 25px;*/
    /*border-radius: 25px;*/
    padding-bottom: 0px;
    background-color: white;
    list-style: none;
    margin-bottom: 0px;
    padding: 15px;
}

    .UlMenuProfileMobile li {
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 17px;
        border-bottom: 1px solid #f9f5f5;
        display: flex;
    }

        .UlMenuProfileMobile li a {
            text-decoration: none;
            width: 100%;
        }

            .UlMenuProfileMobile li a i {
                margin-left: 15px;
            }

.ProfileName {
    display: block;
    font-size: 25px;
    font-weight: bold;
}

.ProfileArrowLeft {
    font-size: 30px;
}

.ColorTagIColoring {
    font-size: 25px;
    color: var(--main);
}

.ColorTagI {
    font-size: 25px;
}

.ProfileCoin {
    margin-left: 25px;
    background-color: var(--main);
    color: var(--white);
    border: 1px solid var(--main);
    display: flex;
    border-radius: 25px;
    font-weight: bolder;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 13px;
}

.MenuMobile {
    height: 100%;
    min-width: 60%;
    max-width: 100%;
    overflow-x: auto;
}

.UlMenuMobile {
    list-style: none;
    padding-right: 0px;
    padding-left: 0px;
}

    .UlMenuMobile li a {
        display: flex;
        justify-content: space-between;
    }
/**************************Header********************/
.HeaderTop {
    background-color: var(--footerBottom);
    padding: 10px 0px;
    color: var(--main);
}

    .HeaderTop .ColTwo {
        text-align: left;
    }

        .HeaderTop .ColTwo a {
            color: white;
        }

        .HeaderTop .ColTwo span {
            margin-right: 10px;
            margin-left: 10px;
        }

.HeaderMiddle {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 0px;
    background-color: var(--white);
}

.LogoHeader {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.LogoImage {
    max-height: 40px;
    align-items: center;
}

.HeaderBottom .HeaderLogo {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
}

.MenuTop {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.HeaderBasket a {
    display: flex;
    height: 40px;
    width: 40px;
    font-size: 17px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    transition: .5s ease;
    background-color: var(--main);
    color: var(--white);
}

    .HeaderBasket a:hover {
        background-color: var(--black);
        color: var(--white);
    }

.HeaderDashboardProfile a {
    display: flex;
    height: 40px;
    width: 40px;
    font-size: 17px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: .5s ease;
    background-color: var(--main);
    color: var(--white);
}

    .HeaderDashboardProfile a:hover {
        background-color: var(--black);
        color: var(--white);
    }

.HeaderFavorite a {
    display: flex;
    height: 40px;
    width: 40px;
    font-size: 17px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    transition: .5s ease;
    background-color: var(--second);
    color: var(--white);
}

    .HeaderFavorite a:hover {
        background-color: var(--main);
        color: var(--white);
    }

.HeaderBottom .HeaderTextLink {
    display: block;
    color: var(--white);
    font-size: 14px;
    padding-bottom: 5px;
    transition: .5s ease;
}

    .HeaderBottom .HeaderTextLink span {
        display: block;
        font-weight: bold;
        color: var(--white);
    }

    .HeaderBottom .HeaderTextLink:hover {
        color: var(--main);
    }

.HeaderMiddle .navbar-expand-lg .navbar-collapse {
    /*justify-content: space-evenly;*/
}

.HeaderBottom form {
    position: relative;
}

.HeaderBottom .text {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

    .HeaderBottom .text p {
        background-color: #faf1ef;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: fit-content;
        padding: 5px 25px;
        border-radius: 25px;
    }

    .HeaderBottom .text i {
        color: #fd6145;
        margin-left: 5px;
    }

    .HeaderBottom .text span {
        color: #fd6145;
        margin-left: 10px;
    }

    .HeaderBottom .text a {
        margin-left: 10px;
    }

.HeaderMiddle .MainMenu {
    position: relative;
    width: 250px;
    margin-left: 5px;
}

.HeaderMiddle input[type=text] {
    padding: 10px 10px 10px 30px;
    background-color: var(--white);
    width: 250px;
    border: 1px solid var(--main);
    border-radius: 25px;
    height: 45px;
    font-size: 15px;
    font-family: var(--font-Yekan);
    margin-left: 5px;
}

    .HeaderMiddle input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--black-light);
        opacity: 1; /* Firefox */
    }

    .HeaderMiddle input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: var(--black-light);
    }

    .HeaderMiddle input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
        color: var(--black-light);
    }



.HeaderMiddle .HeaderIconSearch {
    margin-top: 10px;
    margin-bottom: auto;
    color: var(--second);
    position: absolute;
    left: 7px;
    font-size: 18px;
}

    .HeaderMiddle .HeaderIconSearch button {
        border: unset;
        background-color: transparent;
        color: var(--main);
    }

.HeaderBottom {
    display: flex;
    padding-bottom: 1px;
    padding-top: 1px;
    align-items: center;
    justify-content: space-around;
    padding: 10px 0px;
    /*background-color: var(--black);*/
}

    .HeaderBottom .MainMenu {
        display: flex;
        align-items: center;
    }

        .HeaderBottom .MainMenu .collapse {
            justify-content: flex-start;
        }

            .HeaderBottom .MainMenu .collapse ul {
                margin-right: 3px;
                padding: 0;
            }

                .HeaderBottom .MainMenu .collapse ul li a {
                    color: var(--footerBottom);
                    font-weight: unset;
                    display: flex;
                    height: 100%;
                    align-items: center;
                    margin-left: 10px;
                }

                    .HeaderBottom .MainMenu .collapse ul li a i {
                        margin-right: 5px;
                        font-size: 10px;
                        margin-left: 5px;
                    }

    .HeaderBottom .FooterSocialMedia {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .HeaderBottom .FooterSocialMedia span {
            font-family: var(--font-Yekan);
            font-size: 14px;
        }

        .HeaderBottom .FooterSocialMedia a {
            font-size: 15px;
            width: 35px;
            height: 35px;
            background-color: rgb(33, 33, 33);
            line-height: 33px;
            text-align: center;
            color: #979797;
            margin-right: 6px;
            position: relative;
            z-index: 1;
            transition: 0.5s ease-in-out;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
        }

            .HeaderBottom .FooterSocialMedia a i {
                left: 50%;
                position: absolute;
                transform: translateX(-50%);
                transition: all 0.3s ease-in-out;
            }

            .HeaderBottom .FooterSocialMedia a:hover i:nth-child(1) {
                top: -100%;
                opacity: 0;
                transform: translateX(-50%);
            }

            .HeaderBottom .FooterSocialMedia a:hover i:nth-child(2) {
                top: 52%;
                opacity: 1;
                transform: translate(-50%, -52%);
            }

            .HeaderBottom .FooterSocialMedia a i:nth-child(1) {
                top: 52%;
                transform: translate(-50%, -55%);
            }

            .HeaderBottom .FooterSocialMedia a i:nth-child(2) {
                top: 100%;
                opacity: 0;
            }

            .HeaderBottom .FooterSocialMedia a:hover {
                color: #fff;
                background-color: #007bb5;
                cursor: pointer;
            }

            .HeaderBottom .FooterSocialMedia a.FooterWhatsapp {
                background-color: #075e54;
                color: #fff;
            }

            .HeaderBottom .FooterSocialMedia a.FooterInstagram {
                background-color: #DD2A7B;
                color: #fff;
            }

            .HeaderBottom .FooterSocialMedia a.FooterTelegram {
                background-color: #0088CC;
                color: #fff;
            }

.HeaderMiddle .HeaderContactUs a {
    display: flex;
    color: var(--black);
    font-size: 20px;
    align-items: center;
    justify-content: flex-end;
}

    .HeaderMiddle .HeaderContactUs a i {
        color: var(--main);
        font-size: 45px;
        transition: .5s ease;
        margin-left: 10px;
    }

    .HeaderMiddle .HeaderContactUs a span {
        display: block;
        color: var(--black);
        font-size: 12px;
        padding-right: 10px;
        padding: 3px;
    }

    .HeaderMiddle .HeaderContactUs a:hover {
        color: var(--second);
    }

.HeaderMiddle .BtnCat {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .HeaderMiddle .BtnCat nav,
    .HeaderMiddle .BtnCat .container-fluid {
        height: 100%;
    }

    .HeaderMiddle .BtnCat button {
        border: none;
        background-color: var(--main);
        color: var(--white);
        width: 250px;
        padding: 10px 0px;
        border-radius: 10px;
        font-family: var(--font-headers);
        font-size: 22px;
    }

        .HeaderMiddle .BtnCat button i {
            margin-left: 10px;
            font-size: 15px;
        }



.MenuCat {
    background-color: var(--white);
    width: 290px !important;
}

    .MenuCat .CatTitle {
        font-family: var(--font-headers);
        font-size: 25px;
        color: var(--main);
        /*margin: 10px 5px;*/
    }

    .MenuCat .offcanvas-body {
        direction: ltr;
        padding: 0;
    }

    .MenuCat .btn-close {
        opacity: 1;
        background-color: var(--main);
    }

/*  .MenuCat .offcanvas-header {
        align-items: unset;
    }*/

.UlMenu {
    list-style: none;
    padding: 0;
}

    .UlMenu li {
        padding: 10px 5px;
        align-items: center;
    }



        .UlMenu li a {
            color: var(--black);
            transition: 0.5s all ease-out;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding-left: 15px;
            padding-right: 10px;
        }

            .UlMenu li a:hover {
                color: var(--main);
            }

        .UlMenu li img {
            width: 40px;
            margin-left: 10px;
        }

        .UlMenu li span {
            font-weight: bold;
            font-weight: unset;
            font-size: 14px;
            color: var(--footerBottom);
        }

        .UlMenu li i {
            color: var(--main);
            float: left;
        }

.ULItemSecond {
    margin: 0;
    padding-right: 5px;
    padding-left: 0;
    list-style: unset;
    direction: rtl;
}
/********************footer********************/

.footer {
    background: #212121;
    z-index: 1;
    padding: 80px 0px;
    position: relative;
    color: var(--white);
    background-image: url('../images/borders_shape.png');
    font-family: var(--font-Yekan);
}

    .footer .SubScribeBg {
        border-bottom: 1px solid #393939;
        padding: 0 0 38px;
    }

    .footer .SubscribeTitle {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .footer .SubscribeTitle h2 {
            font-size: 17px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            display: inline-block;
        }

        .footer .SubscribeTitle p {
            font-size: 17px;
            color: #fff;
            text-align: center;
            display: inline-block;
        }

    .footer .ContactBoxSubscribe {
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }

    .footer .ContactForm .ContactBoxSubscribe input {
        font-size: 14px;
        height: 55px;
        width: 280px;
        outline: none;
        display: block;
        color: #ffffff;
        padding: 0px 30px;
        border: 1px solid #272727;
        background-color: transparent;
        transition: all 0.3s ease-in-out;
    }

    .footer .ContactForm .ContactBoxSubscribe button {
        margin: 0;
        color: #FFFFFF;
        background-color: var(--second);
        border: unset;
        width: 55px;
        height: 55px;
        font-size: 18px;
        border-radius: 0;
    }

    .footer .SubScribeBgMiddle {
        /*border-bottom: 1px solid #393939;*/
        /*padding: 38px 0 38px;*/
    }

.footerNewsletterBoxed {
    padding: 35px 50px;
    background-color: #171717;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.SubScribeBgMiddle .MenuUl ul {
    padding: 6px;
}

    .SubScribeBgMiddle .MenuUl ul li {
        display: block;
        list-style: none;
        padding: 0 0 18px;
    }

        .SubScribeBgMiddle .MenuUl ul li a {
            color: var(--white);
            background: linear-gradient( to right, var(--second), var(--second), 50%, #fff 50%);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            background-size: 200%, 100%;
            background-position: 100%;
            transition: 0.5s all ease-out;
        }

            .SubScribeBgMiddle .MenuUl ul li a:hover {
                background-position: 0;
            }

.footer .FooterLogo img {
    max-height: 100px;
    margin-bottom: 10px;
}

.footer .FooterDescription {
    margin-top: -80px;
    padding: 80px 45px 30px;
    background-color: #171717;
    text-align: justify;
}

.footer .FooterSocialMedia {
    margin-bottom: 20px;
    display: flex;
}

    .footer .FooterSocialMedia a {
        font-size: 15px;
        width: 50px;
        height: 50px;
        background-color: rgb(33, 33, 33);
        line-height: 33px;
        text-align: center;
        color: #979797;
        margin-right: 6px;
        position: relative;
        z-index: 1;
        transition: 0.5s ease-in-out;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

        .footer .FooterSocialMedia a i {
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            transition: all 0.3s ease-in-out;
        }

        .footer .FooterSocialMedia a:hover i:nth-child(1) {
            top: -100%;
            opacity: 0;
            transform: translateX(-50%);
        }

        .footer .FooterSocialMedia a:hover i:nth-child(2) {
            top: 52%;
            opacity: 1;
            transform: translate(-50%, -52%);
        }

        .footer .FooterSocialMedia a i:nth-child(1) {
            top: 52%;
            transform: translate(-50%, -55%);
        }

        .footer .FooterSocialMedia a i:nth-child(2) {
            top: 100%;
            opacity: 0;
        }

        .footer .FooterSocialMedia a:hover {
            color: #fff;
            background-color: #007bb5;
            cursor: pointer;
        }

        .footer .FooterSocialMedia a.FooterWhatsapp:hover {
            background-color: #075e54;
        }

        .footer .FooterSocialMedia a.FooterInstagram:hover {
            background-color: #DD2A7B;
        }

        .footer .FooterSocialMedia a.FooterTelegram:hover {
            background-color: #0088CC;
        }

.footer .FooterContactus {
    display: flex;
}

    .footer .FooterContactus .FooterContactusIcon {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .footer .FooterContactus .FooterContactusIcon i {
            font-size: 16px;
            color: var(--white);
            margin-left: 12px;
            background-color: #ff4328;
            width: 44px;
            height: 44px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
        }

    .footer .FooterContactus .FooterContactusContent {
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
    }

.IconMap i {
    background-color: #209ffa !important;
}

.IconEmail i {
    background-color: #fec931 !important;
}

.footer .SubScribeBgEnd {
    color: #999999;
    margin-top: 28px;
}

.footer .FooterDesign {
    padding: 22px 35px;
    background-color: #212121;
}

    .footer .FooterDesign a {
        color: var(--white);
        text-decoration: none;
    }

.footer .FooterPolicy {
    text-align: left
}



    .footer .FooterPolicy span {
        margin-left: 10px;
        margin-right: 10px;
    }

    .footer .FooterPolicy a {
        text-decoration: none;
        background: linear-gradient( to right, var(--main), var(--main), 50%, #fff 50%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-size: 200%, 100%;
        background-position: 100%;
        transition: 0.5s all ease-out;
        color: var(--white);
    }

        .footer .FooterPolicy a:hover:hover {
            background-position: 0;
        }

.footer .FooterPolicyLtr {
    text-align: right;
}

    .footer .FooterPolicyLtr span {
        margin-left: 10px;
        margin-right: 10px;
    }

    .footer .FooterPolicyLtr a {
        text-decoration: none;
        background: linear-gradient( to right, var(--main), var(--main), 50%, #fff 50%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-size: 200%, 100%;
        background-position: 100%;
        transition: 0.5s all ease-out;
    }

        .footer .FooterPolicyLtr a:hover:hover {
            background-position: 0;
        }

.footer .ProductWarranty {
    padding: 0px 0px 35px 0px;
}

    .footer .ProductWarranty .ProductWarrantyItem {
        background-color: var(--gray);
        padding: 15px;
        border-radius: 15px;
    }

    .footer .ProductWarranty .ProductWarrantyItem {
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .footer .ProductWarranty .ProductWarrantyItem img {
            margin-left: 10px;
        }

        .footer .ProductWarranty .ProductWarrantyItem span {
            font-family: var(--font-headers);
            font-size: 20px;
        }

.footerAbove {
    background-color: var(--main);
    padding: 100px 20px;
    cursor: pointer;
}

    .footerAbove a {
        text-decoration: none;
        color: var(--black);
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;
        transition: all 1s ease-in-out;
    }

        .footerAbove a:hover {
            color: var(--white);
        }

    .footerAbove h3 {
        font-family: var(--font-headers);
        font-size: 30px;
        display: inline-block;
        padding-bottom: 10px;
        border-bottom: 2px solid;
        transition: all 1s ease-in-out;
        color: var(--white);
    }

        .footerAbove h3:hover {
            color: var(--black);
        }

    .footerAbove span {
        font-size: 13px;
    }

    .footerAbove.HasImage {
        background-position: top center;
    }

        .footerAbove.HasImage h3 {
            font-family: var(--font-headers);
            font-size: 30px;
            display: inline-block;
            padding-bottom: 10px;
            border-bottom: 2px solid;
            transition: all 1s ease-in-out;
            color: var(--black);
            background-color: var(--white);
            border: 1px solid var(--black);
            border-radius: 5px;
            padding: 10px 20px;
        }

            .footerAbove.HasImage h3:hover {
                color: var(--white);
                background-color: var(--black);
            }


.footerMobile {
    bottom: 0;
    width: 100%;
    background-color: #ffeff9;
    padding-top: 20px;
    line-height: 30px;
    padding-bottom: 75px;
}

    .footerMobile h4 {
        font-size: 18px;
        color: #333333;
        font-weight: bold;
    }

    .footerMobile a {
        font-size: 13px;
        text-decoration: none;
        color: #4d4d4d;
    }

    .footerMobile ul {
        margin-bottom: 5px;
        padding: 0px;
        list-style: none;
    }

.footerImgLogo {
    max-width: 40%;
}

.IconFooter {
    display: block;
    padding: 15px;
    border-radius: 50%;
    color: var(--black);
}

.MiddleFooter {
    background-color: #163a5c;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .MiddleFooter p {
        text-align: justify;
        padding: 0;
        margin: 0;
        color: #ffffff;
    }

.EndFooter {
    color: white;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #000000;
}

    .EndFooter p {
        color: white;
        margin: 0;
        padding: 0;
    }

    .EndFooter a {
        text-decoration: none;
        font-size: 13px;
        color: var(--black);
    }

.social-footer {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 14px;
}

    .social-footer ul li {
        display: inline-block;
        margin-left: 15px;
    }

        .social-footer ul li a {
            font-size: 20px;
            color: #808080;
            text-decoration: none;
        }

.MobileFooterFirst {
    text-align: center;
    margin-bottom: 15px;
}


.Link-footer {
    margin-bottom: 10px;
    margin-right: 14px;
}

    .Link-footer ul li {
        display: inline-block;
        margin-left: 15px;
    }

        .Link-footer ul li a {
            font-size: 13px;
            color: var(--black);
            text-decoration: none;
        }

.BoxShadow {
    box-shadow: 2px 1px 5px 3px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 7%), 0 3px 1px -2px rgb(0 0 0 / 6%) !important;
}

.Borderradius15 {
    border-radius: 15px;
}

.DivSearchBox {
    background-color: var(--white);
    top: 58px;
    position: fixed;
    z-index: 10000;
    padding: 15px;
}

.SearchBoxButton {
    background-color: var(--search-box-background);
    z-index: 16 !important;
    color: var(--search-box-color);
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: space-between;
    padding: 6px;
    align-items: center;
    text-decoration: none;
    border: none;
    font-size: 12px;
    height: 48px;
}

    .SearchBoxButton i {
        font-size: 18px;
        margin-left: 15px;
    }

    .SearchBoxButton:hover,
    .SearchBoxButton:focus,
    .SearchBoxButton:active {
        background-color: var(--search-box-background);
        color: var(--search-box-color);
    }
/***********************************Floating Button****************/

.FloatingButton {
    position: fixed;
    bottom: 75px;
    left: 10px;
    z-index: 15;
}

.FloatingButton2 {
    position: fixed;
    left: 80px;
    bottom: 140px;
    z-index: 15;
    /*background-color: #FFFFFF;
    border-radius: 50%;*/
}

.FloatingButton3 {
    position: fixed;
    left: 80px;
    bottom: 75px;
    z-index: 15;
    /*background-color: #00AEB9;
    border-radius: 50%;*/
}

.FloatingButton4 {
    position: fixed;
    left: 10px;
    bottom: 150px;
    z-index: 15;
    /*background-color: #FFD2E2;
    border-radius: 50%;*/
}

.DivMenuMobile {
    background-color: #FFFFFF;
    height: 70px;
    border-top: 1px solid #c8c6c7;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    text-align: center;
}

.MenuFooterMobile {
    width: 100%;
    display: flex;
    margin-right: 5px;
    margin-left: 5px;
    list-style: none;
    margin: auto;
    padding: 0px;
}

    .MenuFooterMobile li {
        padding: 10px;
        margin: auto;
        text-align: center;
        border-top: 4px solid #FFFFFF;
    }

        .MenuFooterMobile li.active {
            border-top: 4px solid var(--main);
            color: var(--main);
        }

            .MenuFooterMobile li.active a {
                color: var(--main);
            }

        .MenuFooterMobile li a {
            text-decoration: none;
            color: black;
            font-size: 12px;
            display: flex;
            width: 100%;
            height: 100%;
            flex-direction: column;
            align-items: center;
        }

            .MenuFooterMobile li a i {
                font-size: 20px;
            }

/*********************Slider******************/
.SliderButtonRight {
    display: flex;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 2%;
    right: unset;
    border: 2px solid var(--white);
    top: unset;
    color: var(--black);
    bottom: calc(50% + 50px);
    border-radius: 50%;
    opacity: 1;
    font-weight: bold;
    transition: 0.5s all ease-out;
    align-items: center;
    justify-content: space-evenly;
    background-color: var(--white);
}

    .SliderButtonRight i {
        font-size: 22px;
    }

    .SliderButtonRight:hover {
        color: var(--white);
        border: 2px solid var(--main);
        background-color: var(--main);
    }

    .SliderButtonRight:focus {
        color: var(--white);
        border: 2px solid var(--main);
        background-color: var(--main);
    }

.SliderButtonLeft {
    display: flex;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 2%;
    border: 2px solid var(--white);
    top: unset;
    color: var(--black);
    bottom: calc(40% - 50px);
    border-radius: 50%;
    opacity: 1;
    font-weight: bold;
    transition: 0.5s all ease-out;
    align-items: center;
    justify-content: space-evenly;
    background-color: var(--white);
}

    .SliderButtonLeft i {
        font-size: 25px;
    }

    .SliderButtonLeft:hover {
        color: var(--white);
        border: 2px solid var(--main);
        background-color: var(--main);
    }

    .SliderButtonLeft:focus {
        color: var(--white);
        border: 2px solid var(--main);
        background-color: var(--main);
    }

.SliderImage {
    /* background-image: url('../Site/StaticImage/homepage-new-slide-bg.webp');*/
    padding: 0px 0px;
    /*background-color: var(--gray);*/
}

    .SliderImage img {
        /*border-radius: 10px;*/
    }


.SliderCaption {
    bottom: 30%;
    text-align: left;
}

    .SliderCaption p {
        color: var(--black);
        font-size: 25px;
        margin: 20px 20px 30px 0px;
        line-height: 32px;
        animation: 0.8s 1.8s fadeInLeft both;
        text-align: left;
        display: block;
        font-family: var(--font-Yekan);
    }

    .SliderCaption h5 {
        color: var(--black);
        font-size: 40px;
        margin: 20px 20px 35px 0px;
        line-height: 32px;
        animation: 0.5s 1.5s fadeInTop both;
        text-align: left;
        font-weight: bold;
        display: block;
        font-family: var(--font-Yekan);
    }

    .SliderCaption .BtnSlider {
        font-size: 16px;
        animation: 0.5s 1.5s fadeInTop both;
        text-align: right;
        display: inline-block;
        color: var(--second);
        border-radius: 30px;
        padding: 15px 45px;
        font-weight: bold;
        transition: 0.5s all ease-in-out;
        margin-top: 25px;
        background-color: var(--black)
    }

        .SliderCaption .BtnSlider:hover {
            color: var(--black);
            background-color: var(--white);
            cursor: pointer;
        }

@keyframes fadeInLeft {
    from {
        margin-right: -200px;
        opacity: 0;
    }

    to {
        margin-right: 0px;
        opacity: 1;
    }
}

@keyframes fadeInTop {
    from {
        margin-top: 200px;
        opacity: 0;
    }

    to {
        margin-top: 0px;
        opacity: 1;
    }
}

@keyframes fadeInBottom {
    from {
        margin-bottom: 200px;
        opacity: 0;
    }

    to {
        margin-bottom: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}

.carousel-item {
    border-radius: 50px;
    background-color: transparent;
}

    .carousel-item img {
        -webkit-animation: zoom 20s;
        animation: zoom 20s;
        border-radius: 50px;
    }

    .carousel-item a {
        display: block;
        overflow: hidden;
        position: relative;
        border-radius: 50px;
    }

.carousel-inner {
    border-radius: 50px;
}
/*****************************Index*********************/
.Main {
    /* margin-top: 80px;*/
    background-color: rgb(249, 250, 251);
}

.IndexTitleSlider {
    text-align: right;
    font-size: 17px;
}

.IndexCatBox {
    display: flex;
    overflow-x: auto;
    text-align: right;
    direction: rtl;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
    /* Hide scrollbar for Chrome, Safari and Opera */
    .IndexCatBox::-webkit-scrollbar {
        display: none;
    }

    .IndexCatBox .ImageGallery {
        width: 120px;
        height: 120px;
        margin: 15px;
        position: relative;
        cursor: pointer;
    }

        .IndexCatBox .ImageGallery img {
            border-radius: 10px;
        }

        .IndexCatBox .ImageGallery .Shadow {
            width: 100%;
            height: 100%;
            border-radius: 2px;
            background: rgba(0, 0, 0, 0.5);
            z-index: 17;
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            transition: opacity 250ms;
            border-radius: 10px;
        }

        .IndexCatBox .ImageGallery .ImageName {
            position: absolute;
            left: 0;
            top: 50%;
            display: block;
            text-align: center;
            padding: 0 30px;
            z-index: 19;
            width: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            transition: opacity 250ms;
            color: var(--white);
        }

        .IndexCatBox .ImageGallery h2 {
            font-size: 17px;
        }

.ImageGallery2 {
    /*margin: 15px;*/
    position: relative;
    cursor: pointer;
}

    .ImageGallery2 .Shadow {
        width: 100%;
        height: 100%;
        border-radius: 2px;
        background: rgba(0, 0, 0, 0.5);
        z-index: 17;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        transition: opacity 250ms;
    }

    .ImageGallery2 img {
        /*border-radius: 5px;*/
    }

    .ImageGallery2 .ImageName {
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
        text-align: center;
        padding: 0 30px;
        z-index: 19;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        transition: opacity 250ms;
        color: var(--white);
    }






.IndexImage {
    padding: 15px;
}

    .IndexImage img {
        border-radius: 10px;
    }

.IndexSlider {
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
}

    .IndexSlider img {
        border-radius: 10px;
    }

.carousel-indicators {
    bottom: -15px;
}

    .carousel-indicators [data-bs-target] {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        padding: 3px;
        margin: 2px;
        background-color: var(--main);
        margin-bottom: -15px;
    }

.IndexOrderBox {
    border: 1px solid var(--gray);
    margin-right: 5px;
    border-radius: 5px;
    min-width: 100px;
    text-align: center;
    font-size: 16px;
}

    .IndexOrderBox .OrderBox {
        min-width: 100px;
        padding: 15px;
    }

    .IndexOrderBox .OrderStylist {
        font-size: 13px;
        display: block;
    }

    .IndexOrderBox .OrderLink .OrderLinkExtension {
        background-color: var(--main);
        display: flex;
        padding: 5px 15px;
        color: var(--white);
        align-items: center;
        justify-content: space-between;
    }

/*************************************SliderHouse****************************/
.SliderHouse {
    display: flex;
    justify-content: space-between;
    direction: rtl;
    align-items: center;
    margin-top: 25px;
}

    .SliderHouse .SliderTitle {
        display: inline-block;
        margin-bottom: 15px;
    }

        .SliderHouse .SliderTitle a {
            border-bottom: 2px solid var(--main);
            color: black;
            text-decoration: none;
            padding-bottom: 10px;
            font-size: 17px;
            font-family: var(--font-Yekan);
            text-decoration: none;
            display: inline-block;
        }

        .SliderHouse .SliderTitle p {
            font-size: 11px;
        }

.SliderBtnShowAll {
    color: var(--main);
    background-color: var(--Button);
    text-decoration: none;
    padding: 5px 15px;
    font-size: 15px;
    font-family: var(--font-Yekan);
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    transition: all ease-in 0.5s;
}

    .SliderBtnShowAll:hover {
        cursor: pointer;
        color: var(--main);
        background-color: var(--black);
    }

    .SliderBtnShowAll i {
        margin-right: 15px;
    }

.HouseImage {
    position: relative;
}

.HouseLabel {
    position: absolute;
    top: 10px;
    right: 15px;
}

.LabelProperty {
    background-color: var(--LabelProperty);
    color: white;
    padding: 2px 8px;
    border-radius: 5px;
}

.LabelForSale {
    background-color: var(--main);
    color: white;
    padding: 2px 8px;
    border-radius: 5px;
}

.LabelForRent {
    background-color: var(--LabelForRent);
    color: white;
    padding: 2px 8px;
    border-radius: 5px;
}

.ASliderHouseBox {
    text-decoration: none;
    color: var(--black);
}

.SliderHouseBox {
    border-radius: 5px;
    margin-bottom: 10px;
    width: 300px;
}

    .SliderHouseBox img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .SliderHouseBox .Description h3 {
        font-size: 17px;
    }

    .SliderHouseBox .Description a {
        color: var(--FontColor);
        text-decoration: none;
    }

    .SliderHouseBox .Description p {
        color: var(--FontColor);
        font-size: 15px;
        margin-top: 10px;
    }

    .SliderHouseBox .Facility {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
    }

        .SliderHouseBox .Facility span {
        }

            .SliderHouseBox .Facility span i {
                margin-left: 5px;
                color: var(--main);
                font-size: 20px;
            }

    .SliderHouseBox .Price {
        margin-top: 20px;
        border-top: 1px solid var(--BorderColor);
        padding-bottom: 15px;
        padding-top: 15px;
        text-align: left;
    }

        .SliderHouseBox .Price span {
            font-size: 17px;
            font-weight: bold;
            text-align: left;
        }

.card {
    border: 1px solid var(--BorderColor) !important;
}


.IndexSliderProduct {
    display: flex;
    overflow-x: hidden;
    text-align: right;
    direction: rtl;
    padding: 15px;
}

    .IndexSliderProduct a {
        text-decoration: none;
        color: black;
    }

    .IndexSliderProduct .Price del {
        color: var(--OldPrice);
    }

    .IndexSliderProduct .Price .NewPrice {
        color: var(--Red);
        font-weight: bold;
    }

.SliderProduct {
    box-shadow: 0 2px 12px 0 var(--card-shadow);
    border-radius: 5px;
    width: 300px;
    margin-left: 15px;
}

    .SliderProduct h3 {
        font-size: 17px;
    }

    .SliderProduct img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
/***************Two**********/
.SliderTwo {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--gray);
    margin-top: 30px;
}

.SliderHouseBoxTwo {
    position: relative;
    margin-top: 20px;
    color: var(--TextColor);
}

    .SliderHouseBoxTwo img {
        border-radius: 5px;
        transition: all ease-in-out 1s;
    }

        .SliderHouseBoxTwo img:hover {
            filter: brightness(50%);
        }


    .SliderHouseBoxTwo .DescriptionTwo {
        background-color: white;
        position: absolute;
        bottom: 10px;
        width: 90%;
        border-radius: 5px;
        left: 5%;
        padding: 15px;
        -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
        box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
    }

        .SliderHouseBoxTwo .DescriptionTwo h3 {
            font-size: 17px;
        }

        .SliderHouseBoxTwo .DescriptionTwo a {
            color: var(--FontColor);
            text-decoration: none;
        }

    .SliderHouseBoxTwo .FacilityTwo span i {
        margin-left: 5px;
        color: var(--main);
        font-size: 20px;
    }

    .SliderHouseBoxTwo .PriceTwo span {
        font-size: 17px;
        font-weight: bold;
        text-align: left;
    }

/*************************Person**************/
.Person {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: var(--gray);
}

    .Person .PersonBox {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        background-color: var(--white);
        padding-top: 15px;
        border-radius: 5px;
    }

        .Person .PersonBox p {
            font-weight: bold;
            margin-top: 15px;
            margin-bottom: 0;
            font-family: var(--font-Yekan);
        }

        .Person .PersonBox span {
            font-size: 14px;
            display: block;
            text-align: center;
            color: var(--TextColor);
            font-family: var(--font-Yekan);
        }

    .Person .PersonImage {
        display: flex;
    }

        .Person .PersonImage img {
            border-radius: 50%;
            max-width: 100px;
            border: 1px solid var(--BorderColor);
        }

    .Person .Personicon {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        margin-top: 15px;
    }

        .Person .Personicon a {
            text-decoration: none;
            color: var(--main);
            font-size: 20px;
            border: 1px solid var(--BorderColor);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
        }

    .Person .PersonLink {
        display: flex;
        width: 100%;
        direction: rtl;
        margin-top: 5px;
    }

        .Person .PersonLink a {
            display: flex;
            width: 100%;
            height: 100%;
            background-color: var(--Button);
            text-decoration: none;
            color: var(--ButtonColor);
            padding: 5px 5px;
            align-items: center;
            justify-content: space-evenly;
        }


    .Person .PersonLinkAbout {
        background-color: var(--main) !important;
        color: var(--white) !important;
    }

/*************************Blog****************/
.Blog {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .Blog a {
        text-decoration: none;
    }

    .Blog .BlogIndex {
        display: block;
        background-color: var(--white);
        border-radius: 5px;
        padding-top: 5px;
    }

        .Blog .BlogIndex .BlogDescribe {
            padding: 20px 15px;
        }

    .Blog .Title {
        font-size: 50px;
        color: var(--main);
        font-weight: bold;
        font-family: var(--font-headers);
        display: block;
        text-align: center;
        margin-bottom: 50px
    }

    .Blog .ImageWithLabel {
        position: relative;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-evenly;
    }

    .Blog .BigBlog {
        position: relative;
        padding: 5px;
    }

        .Blog .BigBlog .Date {
            font-size: 18px;
            color: var(--main);
            font-family: var(--font-headers);
        }

            .Blog .BigBlog .Date i {
                color: var(--main);
                font-size: 15px;
            }

        .Blog .BigBlog h5 {
            margin-bottom: 15px;
            text-align: center;
            font-size: 18px;
            color: var(--black);
            margin-top: 30px;
        }

        .Blog .BigBlog p {
            margin-bottom: 15px;
            text-align: justify;
            font-size: 15px;
            line-height: 30px;
            color: var(--black);
        }

        .Blog .BigBlog .Label {
            position: absolute;
            color: var(--main);
            background-color: var(--black);
            display: inline-block;
            padding: 5px 20px;
            border-radius: 20px;
            z-index: 2;
            bottom: -20px;
            /*right: calc(50% - 70px);*/
            font-family: var(--font-headers);
            font-size: 18px;
        }

        .Blog .BigBlog .Image {
            position: relative;
            z-index: 1;
            overflow: hidden;
            border-radius: 15px;
        }

            .Blog .BigBlog .Image img {
                border-radius: 15px;
                width: 100%;
            }

                .Blog .BigBlog .Image img:hover {
                    transform: rotate(5deg) scale(1.2);
                    transition: all .5s;
                    border-radius: 15px;
                }

    .Blog .Image {
        position: relative;
        z-index: 1;
        overflow: hidden;
        border-radius: 15px;
    }

    .Blog .SmallBlog {
        padding: 5px;
        margin-bottom: 20px;
    }

    .Blog .Button {
        text-align: left;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .Blog .SmallBlog img {
        border-radius: 15px;
        width: 100%;
    }

    .Blog .SmallBlog.BorderTop {
        border-top: 1px solid rgba(13, 164, 135,.1);
        padding-top: 30px;
    }

    .Blog .SmallBlog img:hover {
        transform: rotate(5deg) scale(1.2);
        transition: all .5s;
        border-radius: 15px;
    }

    .Blog .SmallBlog .Label {
        font-size: 12px;
        color: var(--main);
    }

    .Blog .SmallBlog h5 {
        font-size: 15px;
        color: var(--black);
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .Blog .SmallBlog p {
        font-size: 14px;
        color: var(--black);
        text-align: justify;
        margin-bottom: 5px;
        line-height: 25px;
    }

    .Blog .SmallBlog .Date {
        font-size: 12px;
        color: rgba(0,0,0,.4);
    }
/**********************************AllStore******************************/
.AllStore {
    flex-direction: column-reverse;
    align-items: center;
    padding: 5px;
    margin-bottom: 0;
}

    .AllStore .SliderProduct {
        margin: 0;
        margin-bottom: 10px;
        width: auto;
    }

    .AllStore a {
        text-decoration: none;
        text-align: right;
        direction: rtl;
        color: var(--black);
    }

    .AllStore .Price {
        padding-right: 10px;
    }
/**************************StoreDetails*************************/
.DetailsMenu {
    display: flex;
    overflow-x: auto;
    text-align: center;
    direction: rtl;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: var(--white);
    justify-content: center;
    margin-top: 5px;
    border-radius: 5px;
}

    .DetailsMenu div {
        margin: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        display: inline;
        flex-direction: row;
        align-items: center;
    }

    .DetailsMenu span {
        padding: 2px 6px 2px 25px;
        border-left: 1px solid #eee;
        width: max-content;
        font-size: 15px;
        display: flex;
        direction: ltr;
        align-items: center;
        justify-content: space-evenly;
    }

        .DetailsMenu span i {
            font-size: 15px;
            margin-left: 10px;
        }

    .DetailsMenu::-webkit-scrollbar {
        display: none;
    }

    .DetailsMenu a {
        color: var(--black);
        transition: 0.5s all ease-in-out;
    }

        .DetailsMenu a:hover {
            color: var(--main);
        }



.ListAllTime {
    list-style: none;
    padding: 0;
}

    .ListAllTime li {
        background-color: var(--search-box-background);
        margin-top: 10px;
        border-radius: 5px;
        padding: 5px 10px;
        font-weight: bold;
    }

        .ListAllTime li div {
            display: flex;
            align-items: center;
            /*justify-content: space-between;*/
        }

.StoreDetailsInput {
    background-color: var(--search-box-background);
    margin-top: 5px;
    border: none;
    margin-bottom: 15px;
    font-size: 14px;
    height: 40px;
}

.BtnSaveTime {
    width: 100%;
    background-color: var(--main);
    color: var(--white);
    padding: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}

.BtnUserName {
    width: 100%;
    background-color: var(--TextGreen);
    color: var(--white);
    padding: 10px;
    margin-bottom: 15px;
}

.StoreDetailsPrice {
    border-top: 1px solid var(--white);
    margin-top: 10px;
    padding: 5px;
    /*text-align: left;*/
    justify-content: flex-end !important;
    color: var(--main);
    font-size: 15px;
    font-weight:bold;
}

.StoreOrders {
    border-top: 1px solid var(--white);
    margin-top: 10px;
    padding: 5px;
    text-align: right;
    color: var(--main);
    font-size: 15px;
}

.ListAllServices {
    list-style: none;
    margin: 0;
    padding: 15px;
    margin-top: 15px;
    background-color: var(--white);
}

.ServiceDetails {
    width: 100%;
    padding-top: 30px;
}

.StoreServicesBox {
    border: 1px solid var(--BorderColor);
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: var(--black);
    background-color: var(--white);
}

    .StoreServicesBox .StoreServiceImage img {
        max-width: 100%;
        border-radius: 5px;
        margin-left: 10px;
    }

    .StoreServicesBox .StoreServicesButton {
        text-align: left;
        padding-left: 5px;
    }

    .StoreServicesBox .BtnSaveTime {
        width: auto;
        margin-bottom: 5px;
        display: inline-block;
        font-size: 14px;
        padding: 5px 10px;
    }

    .StoreServicesBox:hover {
        color: black;
    }

.StoreServices {
    display: flex;
    align-items: center;
    padding: 10px;
}


    .StoreServices .StoreServiceDetails {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-weight: bold;
    }

        .StoreServices .StoreServiceDetails del {
            color: var(--OldPrice);
        }

        .StoreServices .StoreServiceDetails .NewPrice {
            color: var(--Red);
            font-weight: bold;
        }

.StoreDetailsTab .nav-tabs {
    border: none;
    color: var(--black);
}

.StoreDetailsTab .nav-link {
    color: var(--black);
}

.StoreDetailsTab .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid var(--main);
}

.StoreDetailsTab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 2px solid var(--main);
}

.ListAllPerson {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: var(--white);
    margin-bottom: 15px;
}

    .ListAllPerson .PersonBox {
        background-color: var(--gray);
    }

.StoreServicePrice {
    font-weight: bold;
    display: block;
}

.StoreDetailsMain {
    background-color: var(--white);
    margin-top: 20px;
    padding: 15px;
}

    .StoreDetailsMain .StoreDetailsTitle {
        border-bottom: 2px solid var(--main);
        color: black;
        text-decoration: none;
        padding-bottom: 10px;
        font-size: 17px;
        font-family: var(--font-Yekan);
        text-decoration: none;
        display: inline-block;
        margin-bottom: 15px;
    }

    .StoreDetailsMain .DetailsAddress img {
        width: 75px;
        height: 75px;
    }

    .StoreDetailsMain .DetailsAddress p {
        font-size: 15px;
        margin: 0;
        padding: 0;
    }

    .StoreDetailsMain .DetailsAddress i {
        font-size: 22px;
    }

.DetailsAddressImg {
    text-align: left;
}

.DivMenuDetails {
    direction: rtl;
}

    .DivMenuDetails a {
        display: flex;
        padding: 10px 15px;
        min-width: 150px;
        align-items: center;
        justify-content: space-evenly;
        background-color: white;
        border-radius: 5px;
        margin-right: 7px;
    }

        .DivMenuDetails a span i {
            margin-left: 7px;
            color: var(--main);
        }
/***********************************Orders****************************/
.OrdersTitle {
    border-bottom: 2px solid var(--main);
    color: black;
    text-decoration: none;
    padding-bottom: 10px;
    font-size: 17px;
    font-family: var(--font-Yekan);
    text-decoration: none;
    display: inline-block;
    text-align: right;
    margin-top: 10px;
}

.OrdersAllprice {
    color: var(--mian);
    border: 1px solid var(--search-box-background);
    display: flex;
    padding: 5px;
    align-items: center;
    justify-content: space-evenly;
    font-size: 15px;
    font-weight: bold;
}

.OrdersPay {
    background-color: var(--main);
    margin-top: 15px;
    color: var(--white);
    border: none;
    margin-bottom: 10px;
    /*width: 100%;*/
    padding: 10px 5px;
}

/*****************ReservDay*************************/
.ReservDay {
    text-align: right;
}

    .ReservDay h3 {
        text-align: right;
        border-bottom: 2px solid var(--main);
        color: black;
        padding-bottom: 10px;
        font-size: 17px;
        font-family: var(--font-Yekan);
        display: inline-block;
    }

    .ReservDay ul {
        text-align: right;
        direction: rtl;
        list-style: none;
        display: flex;
        width: 100%;
        margin: auto;
        padding: 0;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

        .ReservDay ul li {
            margin-left: 10px;
            margin-bottom: 10px;
            border: 1px solid var(--gray);
            border-radius: 25px;
            min-width: 100px;
        }

            .ReservDay ul li a {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .ReservDay ul li a .Month {
                    background-color: var(--main);
                    width: 100%;
                    text-align: center;
                    color: white;
                    border-top-left-radius: 25px;
                    border-top-right-radius: 25px;
                    padding: 5px;
                }

                .ReservDay ul li a .Day {
                    width: 100%;
                    text-align: center;
                    font-size: 20px;
                    font-weight: bold;
                    padding: 5px;
                }

                .ReservDay ul li a .MonthDiscount {
                    background-color: var(--DiscountDay);
                    width: 100%;
                    text-align: center;
                    color: white;
                    border-top-left-radius: 25px;
                    border-top-right-radius: 25px;
                    padding: 5px;
                }

                .ReservDay ul li a .DayDiscount {
                    width: 100%;
                    text-align: center;
                    font-size: 14px;
                    font-weight: bold;
                    padding: 5px;
                }

.ServiceReserv {
    color: var(--main);
    font-weight: bold;
    font-size: 16px;
}


/*******************************************Message*****************************/

.MessageTitle {
    display: block;
    padding: 10px;
    color: var(--white);
    background-color: var(--black);
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 10px;
}

.AllMessage {
    list-style: none;
    padding: 0;
}

    .AllMessage .MessageMe {
        background-color: var(--ColorMessageMe);
        color: var(--ColorMessage);
        padding: 10px 15px;
        max-width: 70%;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        margin-bottom: 10px;
    }

        .AllMessage .MessageMe .MessageDate {
            text-align: left;
        }

    .AllMessage .MessageAnswer {
        text-align: left;
        background-color: var(--ColorMessageAnswer);
        color: var(--ColorMessage);
        padding: 10px 15px;
        max-width: 70%;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
        border-top-right-radius: 25px;
        margin-bottom: 10px;
        margin-right: auto;
    }

        .AllMessage .MessageAnswer .MessageDate {
            text-align: right;
        }
/******************************Signin******************/
.SigninLink {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

    .SigninLink a {
        border-bottom: 1px dashed;
    }

/********************************************************************************New**********************************************************************************/
/*********************************************************************************New****************************************************************************/

.LogoHeader {
    max-width: 70%;
}

.HeaderTwo {
    background-image: url(../Site/StaticImage/overview-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 0 20px;
    position: relative;
}

    .HeaderTwo:after {
        background-color: var(--black);
        content: "";
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        pointer-events: none;
        zoom: 1;
        filter: alpha(opacity=60);
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        opacity: 0.6;
    }

    .HeaderTwo .Main {
        position: relative;
        z-index: 2;
        text-align: center;
        background-color: transparent;
    }

        .HeaderTwo .Main img {
            max-height: 100px;
            border-radius: 50%;
            border: 2px solid var(--main);
            padding: 5px;
        }

    .HeaderTwo .HeaderTitle {
        text-align: center;
        color: var(--white);
        font-family: var(--font-Yekan);
        font-size: 17px;
        background-color: transparent;
    }

    .HeaderTwo .NavBreadcrumb {
        display: flex;
        justify-content: space-evenly;
    }

        .HeaderTwo .NavBreadcrumb a {
            color: var(--main);
        }

        .HeaderTwo .NavBreadcrumb li {
            color: #FFFFFF;
        }

        .HeaderTwo .NavBreadcrumb .BreadItem {
            font-size: 22px;
        }

        .HeaderTwo .NavBreadcrumb .BreadSplit {
            font-size: 22px;
            margin-left: 15px;
            margin-right: 15px;
        }

/********************************************DashBoard***********************************************************/
span.CommentAction {
    background-color: var(--black) !important;
    color: var(--white) !important;
    display: inline-block !important;
    border-radius: 5px;
    padding: 5px 10px;
    margin-right: 10px;
}

.DashboardQuestion {
    margin-bottom: 5px;
}

    .DashboardQuestion a {
        display: block;
        font-size: 18px;
        background-color: var(--main-lighter);
        border-radius: 5px;
        text-align: right;
        font-weight: bold;
        padding: 15px 10px;
    }

        .DashboardQuestion a:hover {
            background-color: var(--black);
            color: var(--white);
        }

.DashboardAnswer {
    margin-bottom: 20px;
}

    .DashboardAnswer .card {
        display: block;
        font-size: 18px;
        background-color: var(--white);
        border-top-left-radius: 25px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        text-align: right;
        padding: 15px 10px;
        color: black;
        border: unset;
    }

.EmptyService {
    font-family: var(--font-headers);
    font-size: 19px;
}

.HeaderDashboard {
    background-color: var(--black);
    padding: 10px;
    display: block;
    border-radius: 5px;
    margin-bottom: 25px;
    text-align: center
}

    .HeaderDashboard i {
        display: block;
        font-size: 30px;
        margin-bottom: 15px;
        color: var(--white);
    }

    .HeaderDashboard span {
        display: inline-block;
        font-size: 20px;
        color: var(--white);
        font-family: var(--font-headers);
    }

.ProfileProductFavoriteDiv {
    display: flex;
    border-bottom: 1px solid var(--main);
    justify-content: space-between;
}

.Dashboard .BtnDelete {
    color: var(--second);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

    .Dashboard .BtnDelete:hover {
        color: var(--ColorProductDetails-text);
    }

.Dashboard {
    display: flex;
}

    .Dashboard .MenuRight {
        background-color: var(--gray) !important;
    }

    .Dashboard .MenuDashboard {
        width: 350px;
        /*max-height: calc(100% - 80px);*/
        max-height: calc(100%);
        /*-webkit-box-shadow: 0 8px 10px 0 rgb(183 192 206 / 10%) !important;
        box-shadow: 0 8px 10px 0 rgb(183 192 206 / 10%) !important;*/
        background-color: var(--gray);
        overflow: hidden;
        z-index: 1;
    }

        .Dashboard .MenuDashboard ul {
            padding: 0;
            width: 100%;
            display: block;
        }

            .Dashboard .MenuDashboard ul li {
                border: 0;
                padding: 0;
            }

                .Dashboard .MenuDashboard ul li a {
                    display: block;
                    text-decoration: none;
                    color: var(--black);
                    padding: 16px 20px 16px;
                    font-size: 18px;
                    background-color: var(--gray);
                    transition: all 0.5s ease-in;
                }

                    .Dashboard .MenuDashboard ul li a:hover {
                        background-color: #fafafa;
                        color: var(--main);
                    }

                    .Dashboard .MenuDashboard ul li a i {
                        color: var(--main);
                        margin-left: 7px;
                    }

                    .Dashboard .MenuDashboard ul li a.Active i {
                        color: var(--black);
                        margin-left: 7px;
                    }

                    .Dashboard .MenuDashboard ul li a.Active {
                        background-color: var(--main);
                        color: var(--black);
                    }

.BodyDashboard {
    background-color: var(--white);
    width: 100%;
    width: -webkit-fill-available;
    padding: 20px;
}

.stats-fun-fact-box {
    position: relative;
    display: block;
    padding: 45px 90px 45px 10px;
    border-radius: 15px;
    margin-bottom: 10px;
}

    .stats-fun-fact-box .icon-box {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: #FFFFFF;
        color: #ff4838;
        position: absolute;
        right: 15px;
        top: 48%;
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
        -webkit-box-shadow: 1px 5px 24px 0 rgb(14 198 198 / 15%);
        box-shadow: 1px 5px 24px 0 rgb(14 198 198 / 15%);
        text-align: center;
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .stats-fun-fact-box .sub-title {
        display: block;
        margin-bottom: 5px;
        color: var(--white);
        font-family: var(--font-headers);
        font-size: 20px;
    }

    .stats-fun-fact-box p {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 25px;
    }

.DashboardBg1 {
    background-color: #00CA99 !important;
    color: #00CA99 !important;
}

.DashboardBg2 {
    background-color: #64bc36 !important;
    color: #64bc36 !important;
}

.DashboardBg3 {
    background-color: #ffae00 !important;
    color: #ffae00 !important;
}

.DashboardBg4 {
    background-color: #f3103c !important;
    color: #f3103c !important;
}

.Dashboard .BoxDashboard {
    margin-bottom: 30px;
    background-color: #FFFFFF;
    /* -webkit-box-shadow: 1px 5px 24px 0 rgb(68 102 242 / 5%);
    box-shadow: 1px 5px 24px 0 rgb(68 102 242 / 5%);*/
    border-radius: 5px;
    padding: 30px;
    margin-top: 30px;
    background-color: var(--gray);
}

    .Dashboard .BoxDashboard input[type=text] {
        border-radius: 5px;
        background-color: var(--white);
        -webkit-box-shadow: unset;
        box-shadow: unset;
        -webkit-transition: var(--transition);
        transition: var(--transition);
        border: 1px solid var(--main);
        height: 50px;
        padding: 10px 20px;
        color: var(--black);
        font-size: 16px;
        margin-bottom: 10px;
    }

    .Dashboard .BoxDashboard textarea {
        border-radius: 5px;
        background-color: var(--white);
        -webkit-box-shadow: unset;
        box-shadow: unset;
        -webkit-transition: var(--transition);
        transition: var(--transition);
        border: 1px solid var(--main);
        height: 60px;
        padding: 10px 20px;
        color: #808080;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .Dashboard .BoxDashboard .form-group label {
        margin-bottom: 10px;
    }

.OrderDetailsVisit {
    color: var(--ColorProductDetails-text);
    font-size: 18px;
    font-family: var(--font-headers);
}

.BoxDashboard .text-success {
    color: var(--ColorProductDetails-text) !important;
    font-size: 18px !important;
    font-family: var(--font-headers) !important;
}

.BoxDashboard .text-danger {
    color: var(--red) !important;
    font-size: 17px !important;
    font-family: var(--font-headers);
}

.BoxDashboard .PriceLawyer {
    font-weight: bold;
    border: 3px solid var(--ColorProductDetails-text);
    padding: 5px 15px;
    border-radius: 25px;
}

/*************************profile*********************************/
#ProfileMenu {
    box-shadow: 2px 1px 5px 3px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 7%), 0 3px 1px -2px rgb(0 0 0 / 6%) !important;
    border-radius: 25px;
}

    #ProfileMenu ul {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

        #ProfileMenu ul li {
            border-bottom: 2px solid #1a3c57;
        }

    #ProfileMenu a.HeaderMenu {
        color: #535353;
    }

    #ProfileMenu a {
        color: #000000;
        border: none;
        font-size: 18px;
    }

        #ProfileMenu a span {
            font-size: 25px;
            color: #1a3c57;
        }

        #ProfileMenu a.ActiveTag {
            background-color: #EC2A75;
            color: #1a3c57;
        }

        #ProfileMenu a:hover {
            background-color: #EC2A75;
            cursor: pointer;
        }

.ProfilePenEdit {
    text-decoration: dashed;
    font-size: 14px;
    color: #00bfd6;
    font-weight: 500;
    border-bottom: 1px dashed #00bfd6;
    padding: 5px 0;
}

    .ProfilePenEdit:hover {
        cursor: pointer;
        color: #00bfd6;
        background-color: white;
    }

.ProfilePenEditAddress {
    text-decoration: dashed;
    font-size: 14px;
    color: #00bfd6;
    font-weight: 500;
    padding: 5px 0;
}

    .ProfilePenEditAddress:hover {
        cursor: pointer;
        color: #00bfd6;
    }

.TextHeader {
    color: #ccc
}

.TextInformation {
    text-align: right;
    color: var(--main);
    font-size: 20px;
    font-weight: bold;
}

.TextInformationBlack {
    text-align: right;
    color: var(--black);
    font-size: 16px;
}

.backGroundWhite {
    background: #ffffff !important;
}

.backGroundGray {
    background: #f5f5f5 !important;
}

.BackGroundGrayTwo {
    background: var(--gray) !important;
}

.ProfileHeadline {
    width: 100%;
    height: auto;
    margin-top: 20px;
    display: block;
    font-size: 22px;
    color: var(--ColorProductDetails-text);
    font-family: var(--font-headers);
    padding: 10px 30px 0 0;
    text-align: right;
}

.table-orders .table {
    text-align: center;
    font-size: 13px;
    background-color: white;
}

    .table-orders .table .thead-light th {
        color: var(--black) !important;
        background-color: var(--gray-lighter) !important;
        border-color: var(--white) !important;
        text-align: center;
    }

    .table-orders .table th, .table-orders .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        border-right: 1px solid #efefef;
        border-bottom: 1px solid #f5f5f5;
        text-align: right;
        color: #535353;
        text-align: center;
    }

    .table-orders .table td {
        font-size: 14px;
        padding-top: 0.90rem;
        padding-bottom: 0.90rem;
        border: unset;
    }

.ProfiletrashIcon {
    color: #e6007e;
}

.ProfiletrashButton {
    border-radius: 25px;
    padding: 10px 15px 10px 30px;
    background-color: #ff7373;
    color: white;
    text-decoration: none;
    float: left
}

    .ProfiletrashButton:hover {
        cursor: pointer;
        color: white;
    }



.Profiletext14 {
    font-size: 14px;
    color: #424750;
    line-height: 1.833;
}

.Profiletext16 {
    font-size: 16px;
    color: #424750;
    line-height: 1.833;
}

.Profiletext12 {
    font-size: 12px;
    color: #424750;
    font-size: 12px;
    line-height: 1.833;
    color: #81858b;
}



.dropdown-menu .show {
    text-align: right;
}

/******************************************Login***************************/
.Login {
    margin-top: 50px;
    margin-bottom: 100px;
}

    .Login .row {
        justify-content: space-evenly;
    }

    .Login .Main {
        background-color: var(--gray);
        border-radius: 25px;
        padding: 25px;
    }

    .Login .Button {
        text-align: left;
        padding: 25px;
    }

    .Login p {
        font-size: 12px;
    }

    .Login input {
        margin-bottom: 15px;
        border: 1px solid var(--main);
        padding: 10px;
        font-size: 16px;
    }

    .Login label {
        font-family: var(--font-headers);
        display: block;
        text-align: right;
        font-size: 16px;
    }

    .Login select {
        margin-bottom: 20px;
        border: 1px solid var(--main);
        padding: 12px 15px;
        font-size: 20px;
        background-position: left;
    }
/*<!-- ============================================================== -->
<!-- Start scrollup section -->
<!-- ============================================================== --> */
.scroll-area {
    position: relative;
    z-index: 999;
}

    .scroll-area .go-top {
        position: fixed;
        cursor: pointer;
        top: 0;
        right: 30px;
        color: #ffffff;
        background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
        background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
        background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
        z-index: 9999;
        width: 45px;
        text-align: center;
        height: 45px;
        line-height: 42px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.9s ease-out 0s;
        -moz-transition: all 0.9s ease-out 0s;
        -ms-transition: all 0.9s ease-out 0s;
        -o-transition: all 0.9s ease-out 0s;
        transition: all 0.9s ease-out 0s;
        border-radius: 10px;
    }

        .scroll-area .go-top i {
            position: absolute;
            top: 50%;
            left: -4px;
            right: 0;
            margin: 0 auto;
            font-size: 15px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -ms-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

            .scroll-area .go-top i:last-child {
                opacity: 0;
                visibility: hidden;
                top: 60%;
            }

        .scroll-area .go-top::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
            background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);
            background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -ms-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
            border-radius: 100%;
        }

        .scroll-area .go-top:focus, .scroll-area .go-top:hover {
            color: #fff;
        }

            .scroll-area .go-top:focus::before, .scroll-area .go-top:hover::before {
                opacity: 1;
                visibility: visible;
            }

            .scroll-area .go-top:focus i:first-child, .scroll-area .go-top:hover i:first-child {
                opacity: 0;
                top: 0;
                visibility: hidden;
            }

            .scroll-area .go-top:focus i:last-child, .scroll-area .go-top:hover i:last-child {
                opacity: 1;
                visibility: visible;
                top: 50%;
            }

        .scroll-area .go-top.active {
            top: 85%;
            transform: translateY(-98%);
            opacity: 1;
            visibility: visible;
            border-radius: 0;
            right: 30px;
            border-radius: 100%;
        }

.top-wrap {
    position: relative;
}

    .top-wrap .go-top-button {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        top: 3px;
        z-index: 1;
        background: var(--main);
    }

        .top-wrap .go-top-button i {
            font-size: 20px;
            font-weight: 700;
            padding-left: 4px;
            color: #fff;
        }

        .top-wrap .go-top-button::after {
            z-index: -1;
            content: "";
            position: absolute;
            left: 3px;
            top: 3px;
            width: 45px;
            height: 45px;
            -webkit-animation: ripple 1.6s ease-out infinite;
            -moz-animation: ripple 1.6s ease-out infinite;
            -o-animation: ripple 1.6s ease-out infinite;
            animation: ripple 1.6s ease-out infinite;
            opacity: 0;
            background-image: -webkit-linear-gradient(0deg, #F86F03 0%, #F86F03 100%);
            border-radius: 100%;
        }

        .top-wrap .go-top-button:hover {
            background-color: #222;
            color: #fff;
        }

@keyframes ripple {
    0%, 35% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}
/************************************SigninStyle*************************************************/
.SignIn {
    margin-top: 35px;
    padding: 25px 25px 25px 25px;
    border-radius: 25px;
    background-color: #FFFFFF;
    box-shadow: 2px 1px 5px 3px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 7%), 0 3px 1px -2px rgb(0 0 0 / 6%) !important;
}

.Login img {
    max-height: 100px;
    display: block;
    margin: 10px auto 10px auto;
}

.Login .SignInHead {
    font-size: 22px;
    color: #000000;
    display: block;
    margin-bottom: 25px;
    font-weight: bold;
}

.Login .SignInLabel {
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}

.Login .ABtn {
    font-size: 20px;
    color: #fff;
    background-color: #EC2A75;
    height: 60px;
    font-weight: bolder;
    border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.Login .ABtn2 {
    font-size: 17px;
    color: var(--black);
    background-color: var(--ColorHeader);
    /*height: 60px;*/
    /*font-weight: bolder;*/
    border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    transition: background-color 1s ease;
    transform: scale(1);
    padding-bottom: 10px;
    padding-top: 10px;
}

    .Login .ABtn2:hover {
        background-color: var(--black);
        color: var(--white);
    }

@media (max-width: 992px) {
    .UlMenuProfileMobile {
        padding: 25px 25px 25px 25px;
        /*border-radius: 25px;
        background-color: var(--gray);*/
        list-style: none;
    }

        .UlMenuProfileMobile li {
            padding-bottom: 15px;
            padding-top: 15px;
            font-size: 17px;
            border-bottom: 1px solid #e4e4e4;
            display: flex;
        }

            .UlMenuProfileMobile li a {
                text-decoration: none;
                width: 100%;
            }

                .UlMenuProfileMobile li a i {
                    margin-left: 15px;
                }

    .BodyDashboard {
        padding: 0px;
    }

    .Dashboard .BoxDashboard {
        padding: unset;
    }

   


    /**********************************footer************************/
    .footerNewsletterBoxed {
        flex-direction: column;
    }

    .footer .SubscribeTitle {
        align-items: center;
    }

    .footer .MenuUl {
        margin-top: 15px;
    }

    .footer .FooterDescription {
        padding: 20px 5px 20px;
    }

    .footerNewsletterBoxed {
        padding: 15px 5px;
    }

    .footer .FooterSocialMedia {
        justify-content: center;
    }
    /*************************Main************************/
    .Main {
        margin-top: 80px;
    }

    .AllStore .SliderProduct .HouseImage img {
        height: 100px;
        width: 100%;
    }
}


/*****************************ContactUs*************************/
.ConatctUs {
    background-color: var(--gray);
}

.ConatctUsRight {
    background-color: var(--white);
    padding: 31px 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .ConatctUsRight h4 {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .ConatctUsRight .Location {
        display: flex;
        padding-bottom: 5px;
    }

        .ConatctUsRight .Location .LocationIcon {
            display: flex;
            align-items: center;
            margin-left: 7px;
            font-size: 30px;
            color: var(--white);
            background-color: var(--main);
            border-radius: 50%;
            justify-content: space-evenly;
            width: 80px;
            height: 80px;
        }

            .ConatctUsRight .Location .LocationIcon i {
                color: var(--white);
            }

        .ConatctUsRight .Location .LocationText span {
            display: block;
            margin-top: 10px;
        }

.ConatctUsLeft {
    background-color: var(--white);
    padding: 48px 20px;
    background-image: url("../images/contact-bg.png");
    height: 100%;
    margin-bottom: 25px;
}


    .ConatctUsLeft .InputText input {
        height: 54px;
        background-color: #fff;
        border-color: transparent;
        transition: .5s;
        border: 1px solid #e6e6e6;
        padding: 6px 20px;
        border-radius: 5px;
        display: block;
        width: 100%;
        color: #00132b;
        margin-bottom: 16px;
        font-weight: 400;
        position: relative;
        z-index: 1;
    }

    .ConatctUsLeft .InputText select {
        height: 54px;
        background-color: var(--white);
        border-color: transparent;
        transition: .5s;
        border: 1px solid #e6e6e6;
        padding: 6px 20px;
        border-radius: 5px;
        display: block;
        width: 100%;
        color: #00132b;
        margin-bottom: 16px;
        font-weight: 400;
        position: relative;
        z-index: 1;
    }

    .ConatctUsLeft textarea {
        background-color: #fff;
        border-color: transparent;
        transition: .5s;
        border: 1px solid #e6e6e6;
        padding: 6px 20px;
        border-radius: 5px;
        display: block;
        width: 100%;
        color: #00132b;
        margin-bottom: 16px;
        font-weight: 400;
        position: relative;
        z-index: 1;
    }

    .ConatctUsLeft .Location {
        display: flex;
        padding-bottom: 5px;
        color: var(--black);
    }

        .ConatctUsLeft .Location .LocationIcon {
            display: flex;
            align-items: center;
            margin-left: 7px;
            font-size: 30px;
            color: var(--white);
            border: 2px solid var(--main);
            border-radius: 50%;
            justify-content: space-evenly;
            width: 60px;
            height: 60px;
        }

            .ConatctUsLeft .Location .LocationIcon i {
                color: var(--black);
            }

        .ConatctUsLeft .Location .LocationText span {
            display: block;
            color: var(--black);
        }

    .ConatctUsLeft hr {
        color: var(--black);
    }

    .ConatctUsLeft .Button {
        text-align: left;
        margin-bottom: 20px;
        margin-top: 20px;
    }

/***********************************************BlogTwo***************************/
.BlogTwo {
    margin-top: 20px;
    margin-bottom: 100px;
}

    .BlogTwo .ImageWithLabel {
        position: relative;
        margin-bottom: 20px;
    }

    .BlogTwo .Image {
        position: relative;
        z-index: 1;
        overflow: hidden;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .BlogTwo .BigBlog {
        position: relative;
        background-color: var(--gray);
        border-radius: 15px 15px 5px 25px;
        margin-bottom: 20px;
    }

        .BlogTwo .BigBlog .Date {
            color: var(--black);
            font-size: 12px;
            margin-right: 10px;
        }

            .BlogTwo .BigBlog .Date i {
                color: var(--main);
                font-size: 16px;
                margin-left: 5px;
            }

        .BlogTwo .BigBlog .Manager {
            color: var(--black);
            font-size: 12px;
            margin-right: 10px;
        }

            .BlogTwo .BigBlog .Manager i {
                color: var(--main);
                font-size: 16px;
                margin-left: 5px;
            }

        .BlogTwo .BigBlog h5 {
            margin-bottom: 15px;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: var(--black);
        }

        .BlogTwo .BigBlog p {
            margin-bottom: 15px;
            text-align: justify;
            font-size: 14px;
            line-height: 25px;
            color: var(--black);
        }

        .BlogTwo .BigBlog .Label {
            position: absolute;
            color: var(--white);
            background-color: var(--main);
            display: inline-block;
            padding: 10px 35px;
            border-radius: 20px;
            z-index: 2;
            bottom: -20px;
            right: calc(50% - 50px);
        }

        .BlogTwo .BigBlog .Image {
            position: relative;
            z-index: 1;
            overflow: hidden;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

            .BlogTwo .BigBlog .Image img {
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                width: 100%;
            }

                .BlogTwo .BigBlog .Image img:hover {
                    transform: rotate(5deg) scale(1.2);
                    transition: all .5s;
                    border-radius: 15px;
                }

    .BlogTwo .Description {
        padding: 15px;
    }

    .BlogTwo .Bottom {
        border-top: 1px solid var(--white);
        padding: 10px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

.DetailsBox {
    padding: 110px 0 100px;
}

    .DetailsBox h2 {
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .DetailsBox p {
        text-align: right;
        margin-bottom: 25px;
        font-size: 15px;
        line-height: 1.8rem;
    }

    .DetailsBox h3 {
        text-align: center;
        font-weight: bold;
        margin: 2px 15px;
        line-height: 2rem;
    }

    .DetailsBox .NewsPublisher {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 15px;
    }

        .DetailsBox .NewsPublisher span {
            display: inline-block;
            font-size: 15px;
        }

        .DetailsBox .NewsPublisher i {
            display: inline-block;
            color: #CDA274;
            font-size: 17px;
            margin-left: 7px;
        }

    .DetailsBox.NewsFlexCenter {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }


.DetailsSearch .ContactBoxSubscribe {
    position: relative;
    display: flex;
    justify-content: center;
}

    .DetailsSearch .ContactBoxSubscribe input {
        font-size: 18px;
        border: 0;
        padding: 15px 20px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: var(--gray);
    }

    .DetailsSearch .ContactBoxSubscribe button {
        margin: 0;
        color: var(--black-darker);
        background-color: var(--main);
        border: unset;
        padding-right: 20px;
        padding-left: 20px;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

.DetailsCat {
    margin-top: 30px;
    background-color: var(--gray);
    border-radius: 5px;
    color: #424242;
    padding: 25px 15px;
}

    .DetailsCat .DetailsCatHead {
        font-size: 27px;
        display: block;
        font-weight: bold;
        font-family: var(--font-headers);
    }

    .DetailsCat ul {
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .DetailsCat .icon p {
        display: inline-block;
        margin-right: 5px;
        font-size: 15px;
        color: var(--black);
    }

    .DetailsCat .icon span {
        display: inline-block;
        border: 3px solid var(--main);
        position: relative;
        z-index: 1;
        margin: 12px 18px 0 0px;
    }

        .DetailsCat .icon span:before {
            position: absolute;
            content: "";
            z-index: -1;
            border: 2px solid var(--main);
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            left: -7px;
            top: -8px;
        }

.DetailsPost {
    margin-top: 30px;
    background-color: var(--gray);
    border-radius: 5px;
    color: #424242;
    padding: 25px 15px;
}

    .DetailsPost .DetailsCatHead {
        font-size: 27px;
        display: block;
        font-weight: bold;
        margin-bottom: 25px;
        font-family: var(--font-headers);
    }

    .DetailsPost img {
        margin-left: 10px;
        border-radius: 10px;
        max-height: 60px;
    }

    .DetailsPost p {
        color: var(--black);
        direction: rtl;
        text-align: right;
        margin-bottom: 10px;
    }

    .DetailsPost .DetailsDate i {
        color: var(--main);
        margin-left: 5px;
    }

    .DetailsPost .DetailsPostBody {
        margin-bottom: 20px;
    }

.DetailsTag {
    background-color: var(--gray);
    margin-top: 25px;
    padding: 25px 15px;
    border-radius: 5px;
    color: var(--black);
}

    .DetailsTag .DetailsTagHead {
        font-size: 27px;
        display: block;
        font-weight: bold;
        color: var(--black);
        margin-bottom: 20px;
        font-family: var(--font-headers);
    }

    .DetailsTag a {
        display: inline-block;
        color: var(--main);
        border: 1px solid var(--gray);
        padding: 10px 25px;
        text-decoration: none;
        margin-bottom: 10px;
        margin-left: 10px;
        border-radius: 25px;
        background-color: var(--black-text);
    }

.IconDetails {
    color: #1a3c57 !important;
    border: none;
}
/************************Comment*************************/

.DetailsComment {
    background-color: white;
    padding: 15px;
    margin-top: 15px;
    border-radius: 5px;
}

    .DetailsComment .Button {
        margin-top: 15px;
        text-align: left;
    }

        .DetailsComment .Button button {
            border-radius: 5px;
            border: none;
        }

    .DetailsComment input {
        border: 1px solid var(--main);
        margin-bottom: 15px;
    }

    .DetailsComment textarea {
        border: 1px solid var(--main);
        margin-bottom: 15px;
    }

    .DetailsComment .CommentTitle {
        border-bottom: 2px solid var(--main);
        color: black;
        text-decoration: none;
        padding-bottom: 10px;
        font-size: 17px;
        font-family: var(--font-Yekan);
        text-decoration: none;
        display: inline-block;
        margin-bottom: 15px;
    }

.DetailsCommentUser .DetailsCommentName {
    display: block;
    font-size: 16px;
}

.DetailsCommentUser .DetailsCommentDate {
    display: block;
    font-size: 11px;
}

.DetailsCommentUser .DetailsCommentP {
    display: block;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 10px;
}


/********************AboutUsTwo************************/
.AboutUsTwo .container {
    background-color: var(--gray);
    padding-bottom: 50px;
    padding-top: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
}

    .AboutUsTwo .container p {
        line-height: 35px;
    }

/***********************************************Paging********************************/
.PagingNav {
    margin-top: 30px;
}

    .PagingNav .pagination {
        justify-content: center;
    }

        .PagingNav .pagination .page-item {
            background-color: transparent;
            margin-left: 10px;
        }

            .PagingNav .pagination .page-item a {
                background-color: var(--gray);
                color: var(--black);
                font-weight: bold;
                font-size: 18px;
                border: unset;
                border-radius: 50%;
                width: 70px;
                height: 70px;
                display: flex;
                align-items: center;
                justify-content: space-evenly;
            }

            .PagingNav .pagination .page-item.active a {
                background-color: var(--main);
                color: var(--white);
            }

            .PagingNav .pagination .page-item a:hover {
                background-color: var(--main);
                color: var(--white);
            }

/********************************FAQ*************************/

.FAQ .accordion-button::after {
    margin-left: unset;
    margin-right: auto;
}

.FaqQuestion {
    text-align: right !important;
    background-color: var(--main-lighter);
    color: var(--black);
    padding: 15px;
    border-radius: 35px;
    text-align: right !important;
    margin-bottom: 5px !important;
    background-color: var(--main-lighter);
    color: var(--black);
    padding: 10px;
    border-radius: 15px;
}

    .FaqQuestion a {
        background: transparent;
        border: unset;
        color: var(--black);
        font-weight: bold;
        display: block;
        text-align: right;
    }

        .FaqQuestion a:hover {
            color: var(--main-darker);
        }

.FaqAnswer {
    margin-bottom: 30px;
}

    .FaqAnswer div {
        color: var(--black);
        border: unset !important;
        background-color: var(--gray) !important;
        border-radius: 0 0 15px 15px;
        text-align: justify;
        box-shadow: unset !important;
        direction: rtl;
        line-height: 30px;
        padding: 8px 15px;
    }

.divOption {
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 50px;
}

.describeOption {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
}

.labelOption {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid var(--main);
    margin-bottom: 5px;
}

.form-select {
    background-color: #fbf0fa !important;
    margin-bottom: 10px;
}

.divOrderImage {
    display: flex;
    flex-direction: column;
    display: block;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border: 1px solid darkgray;
    padding: 10px !important;
}

    .divOrderImage a {
        display: block;
    }

.rate {
    display: flex;
    align-items: baseline;
}

    .rate span {
        font-family: 'BYekan';
    }

    .rate i {
        margin-right: 5px;
    }

.imgDetails {
    height: 100px;
    width: 100%;
}

.TitleDetails {
    margin-right: 10px;
    padding: 10px;
}

    .TitleDetails .logo img {
        border-radius: 50%;
    }

    .TitleDetails h3 {
        font-size: 17px;
    }

.moreInfo {
    display: flex;
}

    .moreInfo i {
        margin-right: 5px;
        font-weight: bold;
    }

    .moreInfo a {
        background-color:lightgray;
        border-radius:10px;
        padding:5px;
    }

.rateDetails {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}

    .rateDetails span {
        font-family: 'BYekan';
    }

    .rateDetails i {
        margin-right: 5px;
    }

.spanDate {
    margin-right:5px;
    font-family:BYekan;
}


.border-apply {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2) !important;
}
.m-b-20 {
    margin-bottom: 20px;
}
.contact-grid {
    float: left;
    width: 100%;
    text-align: center;
}
.bg1 {
    background-color: #ce9c6b !important;
    color: #fff;
}

.profile-header {
    min-height: 150px;
    color: #fff;
}
    .profile-header .user-name {
        padding-top: 20px;
        font-weight:bold;
    }

.user-img {
    padding: 3px;
    border-radius: 15% 15% 15% 15%;
    max-width: 200px;
    margin-top: -85px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3);
    margin-bottom: 20px;
}
.font3 {
    font-family: BYekan !important;
    color: #000;
    font-size: 14px !important;
}
.pa11 {
    padding-top: 10px;
}
.bg1 {
    background-color: var(--main) !important;
    color: #fff;
}

.bo {
    border-radius: 10px;
}
.font8 {
    font-family: 'vazir' !important;
    color: #fff;
    font-size: 20px !important;
}
.card {
    background: #fff;
    min-height: 50px;
    box-shadow: none;
    border: 0;
    position: relative;
    margin-bottom: 24px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.border {
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border: 15px double var(--main) !important;
    padding: 10px !important;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}
.pReserv {
    padding: 10px !important;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight:bold;
    /*text-align:center;*/
}

.AllOrders {
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border: 2px solid var(--main) !important;
    padding: 10px !important;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: white;
    font-family: 'BYekan';
    font-weight:bold;
}

.orderForm {
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border: 1px solid darkgray;
    padding: 10px !important;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: white;
}

.OrdersDesc {
    background-color: var(--main);
    margin-top: 15px;
    color: var(--white);
    border: none;
    margin-bottom: 10px;
    padding: 10px 5px;
}

.divAddImg {
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border: 1px solid darkgray;
    padding: 10px !important;
}


.Describe {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    font-family: BYekan !important;
    color: #000;
    font-size: 14px !important;
    min-height:300px;
    text-align:justify;
}

.imgService {
    border-radius:10px;
    margin-top:50px;
   /*width:300px;*/
}

.imgCustomer {
    border-radius: 10px;
    margin-top: 5px;
    width:300px;
}

@media (max-width: 992px) {
    .user-img {
        padding: 3px;
        border-radius: 15% 15% 15% 15%;
        max-width: 100px;
        margin-top: -85px;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3);
        margin-bottom: 20px;
    }
}