@charset "UTF-8";



.header {
    position: fixed;
    z-index: 999;
    width: 100%;
    float: right;
    background: white;
    /* box-shadow: 0px 0.052083333in 11.25pt -9px rgba(0,0,0,.01); */
    box-shadow: 0px 2px 2px 0px #cccccc40;
}

.top-header-group {
    float: right;
    width: 100%;
    display: block;
    direction: rtl;
}

.top-header {
    float: right;
    width: 100%;
    display: flex;
    height: 60px;
    align-items: center;
}

/*moibile*/
@media(max-width:640px) {
    .tblData tbody tr {
        border-color: #2e2f31 !important;
    }

    .tblData tbody tr {
        display: block;
    }

        .tblData tbody tr:not(:first-child) {
            margin-top: 30px;
            margin-bottom: 16px;
        }

        .tblData tbody tr td:first-child {
            border-top: none;
        }

        .tblData tbody tr td:last-child {
            border-bottom: 1px solid #eceeef;
        }

        .tblData tbody tr td .title {
            display: inline-block !important;
            font-weight: bold;
        }

            .tblData tbody tr td .title::after {
                content: " : ";
            }

        .tblData tbody tr td:not(.d-none) {
            display: block;
            text-align: right;
        }

    p {
        line-height: inherit !important;
    }

    #main {
        min-height: calc(100vh - 350px);
    }

    #userInfo {
        right: -20px;
    }

    .gambo-Breadcrumb .breadcrumb .breadcrumb-item a {
        font-size: 12px;
    }

    #catSet {
        margin-left: -11px;
        margin-right: -11px;
        width: 100vw;
    }

    .searchSec {
        padding-top: 95px;
        padding-bottom: 30px;
    }

    .splide__list .col {
        min-width: fit-content !important;
        padding: 0 15px;
    }

    .card .product_shop_price {
        left: 12px;
        top: 19px;
        width: 50%;
        display: inline-block;
        float: left;
    }

        .card .product_shop_price .product_price {
            font-size: 12px;
            color: #fff;
            padding: 1px 3px;
            text-align: center;
            border-radius: 4px;
            top: 0;
            left: 0;
            margin-top: 5px;
        }

    .navbar-item {
        /*  overflow-x: scroll;
        overflow-y: hidden;*/
    }
}

/*desktop*/
@media(min-width:940px) {
    #main {
        min-height: calc(100vh - 120px);
    }

    .searchSec {
        padding-top: 50px;
        padding-bottom: 35px;
    }

    .product_shop .product_shop_price {
        position: absolute;
        left: 12px;
        top: 19px;
        width: 50%;
    }

        .product_shop .product_shop_price .product_price {
            font-size: 12px;
            padding: 1px 3px;
            text-align: center;
            border-radius: 4px;
            position: absolute;
            top: 0;
            left: 0;
        }
}

.product_shop .product_shop_mojudi {
    right: 12px !important;
    width: 90px !important;
    float: right !important;
}

    .product_shop .product_shop_mojudi .product_price {
        top: -30px;
        right: 0px !important;
        background: #e2f0ff !important;
        color: #060606 !important;
        width: fit-content;
        position: relative;
        padding: 2px 10px 2px 10px;
    }


html {
    font-size: 14px;
}

body {
    margin: 0;
    font-family: AradFont, sans-serif !important;
    font-size: 0.875rem;
    line-height: 1.42857143;
    color: #2b2f4c;
    direction: rtl;
    background-image: url('/images/bg.jpg'); /* مسیر تصویر */
    background-size: cover; /* تنظیم برای پوشش کامل صفحه */
    background-position: center; /* مرکز کردن تصویر */
    background-attachment: fixed; /* ثابت نگه داشتن تصویر هنگام اسکرول */
    background-size: 500px;
    background-repeat: no-repeat;
}

h1, h2, h3, h4, h5 {
    font-family: inherit;
}

::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background: hsla(0, 0%, 53.3%, 0.4);
}

/* ============== Customized Style - Start ============== */

.ltr {
    direction: ltr !important;
}

.rtl {
    direction: rtl !important;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

.align-left {
    text-align: left !important;
}

.align-justify {
    text-align: justify !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

@media (min-width:768px) {
    .pull-left-md {
        float: left !important;
    }
}

@media (max-width:767px) {
    .show_up_768 {
        display: none !important;
    }

    .footer_padding {
        padding-bottom: 55px !important;
        min-height: 180px;
    }

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

        .footer_padding .justify-content-between {
            padding-top: 0 !important;
        }
}

input[type=text].ltr::placeholder {
    direction: rtl !important;
    text-align: right;
}

.v-align-middle {
    vertical-align: middle !important;
}

.v-align-baseline {
    vertical-align: baseline !important;
}

.td-align-middle td, .td-align-middle th {
    vertical-align: middle !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt120 {
    margin-top: 120px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}


.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}


.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.ms1 {
    margin-right: 1px !important;
    margin-left: 1px !important;
}

.ms2 {
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.ms5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.ms10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.ms15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.ps5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pd30 {
    padding: 30px !important;
}

.ms-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.ms--10 {
    margin-right: -10px;
    margin-left: -10px;
}

.margin-0 {
    margin: 0 !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.font-arad {
    font-family: AradFont !important;
}

.font10 {
    font-size: 10px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font17 {
    font-size: 17px !important;
}

.font18 {
    font-size: 18px !important;
}

.font24 {
    font-size: 24px !important;
}

.font28 {
    font-size: 28px !important;
}

.font30 {
    font-size: 30px !important;
}

.font36 {
    font-size: 36px !important;
}

.font40 {
    font-size: 40px !important;
}

.font48 {
    font-size: 48px !important;
}

.font60 {
    font-size: 60px !important;
}

.font72 {
    font-size: 72px !important;
}

.font90 {
    font-size: 90px !important;
}


.w300 {
    font-weight: 300 !important;
}

.w400 {
    font-weight: 400 !important;
}

.w500 {
    font-weight: 500 !important;
}

.w600 {
    font-weight: 600 !important;
}

.w900 {
    font-weight: 900 !important;
}

.bold {
    font-weight: bold !important;
}


.swal_width {
    width: 800px !important;
    max-width: 95% !important;
}

.width50 {
    width: 50px !important;
}

.width100 {
    width: 100px !important;
}

.width200 {
    width: 200px !important;
}

.width300 {
    width: 300px !important;
}

.width400 {
    width: 400px !important;
}

.width500 {
    width: 500px !important;
}

.width600 {
    width: 600px !important;
}



.color-primary {
    color: #40189d !important;
}

.color-white {
    color: #fff !important;
}

.color-gray {
    color: #ccc !important;
}

.color-gray2 {
    color: #ababab !important;
}

.color-blue-light {
    color: #a4bdd0 !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.pre-wrap {
    white-space: pre-wrap !important;
}

.line-height-initial {
    line-height: initial;
}

.line-height-14 {
    line-height: 14px !important;
}

.line-height-16 {
    line-height: 16px !important;
}

.line-height-18 {
    line-height: 18px !important;
}

.line-height-22 {
    line-height: 22px !important;
}

.line-height-24 {
    line-height: 24px !important;
}

.line-height-27 {
    line-height: 27px !important;
}

.line-height-38 {
    line-height: 38px !important;
}


.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}


.radius-0 {
    border-radius: 0px !important;
}

.radius-5 {
    border-radius: 5px !important;
}

.radius-10 {
    border-radius: 10px !important;
}

.radius-15 {
    border-radius: 15px !important;
}

.radius-20 {
    border-radius: 20px !important;
}

.radius-25 {
    border-radius: 25px !important;
}

.radius-30 {
    border-radius: 30px !important;
}


.nowrap {
    white-space: nowrap !important;
}


.h-36 {
    height: 36px !important;
}

.h-56 {
    height: 56px !important;
}

.w-100 {
    width: 100% !important;
}


/* ============== Customized Style - End ============== */

.hidden {
    visibility: hidden;
}

.navbar-item {
}

    .navbar-item .btn {
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

        .navbar-item .btn span, .navbar-item a span {
            bottom: -28px;
            background: #ffffff;
            border-radius: 5px;
            position: absolute;
            padding: 2px 11px;
            color: black;
            border: solid 1px #d6d6d6;
            width: max-content;
        }

#userInfo {
    padding: 0;
}

    #userInfo li {
        padding: 5px 0 !important;
    }

        #userInfo li:hover, #userInfo li:hover a, #userInfo li:hover i {
            color: white !important;
            background: #4e9bd9 !important;
        }

.navbar-item {
    display: flex !important;
    flex-basis: auto;
}

    .navbar-item > a {
        color: #a5a5a5;
        font-size: 11px;
        padding: 1px 5px 0 !important;
        text-align: center;
        /*margin: 0 10px;*/
        font-weight: 300;
    }

    .navbar-item a:hover, .navbar-item a:hover i {
        color: #00357b !important;
    }



    .navbar-item > a i {
        font-size: 27px;
        vertical-align: -6px;
        color: #444444;
        padding-left: 0px;
        display: block;
        margin-bottom: -1px;
        margin-top: 0;
    }

    .navbar-item .navbar-nav {
        flex-direction: row;
    }

        .navbar-item .navbar-nav .nav-link {
            padding-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: var(--bs-navbar-nav-link-padding-x);
        }


.bottom-nav {
    box-shadow: 0px -1px 5px 0px #5858584a;
    /* border: 1px solid #ccc; */
    border-width: 1px 0 0;
    border-radius: 8px 8px 0 0;
}

.bottom-navbar-item {
    /* display: flex!important; */
    /* flex-basis: auto; */
}

    .bottom-navbar-item li {
        width: 70px;
    }

        .bottom-navbar-item li > a {
            color: #a5a5a5;
            font-size: 11px;
            padding: 1px 5px 0 !important;
            text-align: center;
            margin: 0 0px;
            font-weight: 300;
        }

    .bottom-navbar-item a:hover, .bottom-navbar-item a:hover i {
        color: #00357b !important;
    }

    .bottom-navbar-item a i {
        font-size: 27px;
        vertical-align: -6px;
        color: #444444;
        padding-left: 0px;
        display: block;
        margin-bottom: -1px;
        margin-top: 0;
    }

    .bottom-navbar-item .navbar-nav {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
    }

    .bottom-navbar-item .bottom-navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x);
    }



.navbar-toggler {
    padding: 5px 6px 5px;
    font-size: 18px;
    margin: 0px 0 1px;
}




.btn-location {
    border: 1px solid #dfe0e1;
    margin-left: 5px;
    height: 43px;
    padding: 0 5px;
    width: 43px;
}

    .btn-location:hover {
        border: 1px solid #00357b;
    }

    .btn-location i {
        font-size: 27px;
        padding: 4px 0 0;
        color: #818181;
    }

    .btn-location:hover i {
        color: #00357b;
    }

.navbar-item .btn {
    border: 1px solid #dfe0e1;
    margin-left: 5px;
    height: 43px;
    padding: 0 5px;
    font-size: 13px;
}

.btn-basket {
    width: 43px;
}

    .btn-basket:hover, .navbar-item .btn:hover {
        border: 1px solid #00357b;
    }

    .btn-basket i, .navbar-item > a i {
        font-size: 29px;
        padding: 3.5px 0 0;
        color: #818181;
    }

    .btn-basket:hover i {
        color: #00357b;
    }


.navbar-toggler {
    padding: 5px 2px 5px 3px;
    font-size: 18px;
    margin: 0px 0 1px;
    height: 43px;
    width: 43px;
    text-align: center;
}

    .navbar-toggler i {
        font-size: 29px;
        padding: 0px 0 0;
        color: #818181;
    }

    .navbar-toggler:hover {
        color: #00357b;
        border: 1px solid #00357b;
    }

        .navbar-toggler:hover i {
            color: #00357b;
        }


.offcanvas-header {
    border-bottom: 2px solid #f7f7f7;
}

.offcanvas-title {
    font-size: 20px;
    font-weight: bold;
    color: #d9845f;
    padding-top: 5px;
}

.offcanvas-body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-side {
    width: 100%;
}

    .navbar-side li {
        display: block;
        border-bottom: 1px solid #ebebeb;
    }

        .navbar-side li:last-child {
            border: 0;
        }

        .navbar-side li a {
            font-size: 14px;
            font-weight: 500;
            color: #3c3c3c;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }

    .navbar-side a:hover, .navbar-side a:hover i {
        color: #00357b !important;
    }

    .navbar-side li a i {
        color: #ccc;
        font-size: 21px;
        vertical-align: -3px;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        margin-left: 3px;
    }





.story {
}

    .story li {
        margin-left: 26px;
        width: 114px;
    }

        .story li:hover h6 {
        }

        .story li:hover span.new_story + h6 {
            color: #002d64;
        }

        .story li:hover span.vip_story.new_story + h6 {
            color: #01640c;
        }

        .story li span {
            border-radius: 100px;
            /*background: #f7f7f7;*/
            display: block;
            padding: 6px;
            cursor: pointer;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }

        /*  .story li span.new_story {
                background-image: linear-gradient(to right top, #051937, #002d64, #004295, #0058c8, #0d6efd);
            }

                .story li span.new_story.vip_story {
                    background-image: linear-gradient(to right top, #003f03, #01640c, #048b17, #08b523, #0be030);
                }

                .story li span.new_story img {
                    box-shadow: 0px 0px 0px 4px #fff;
                }*/

        .story li:hover span {
        }

        .story li span img {
            border-radius: 10px;
            max-width: 100%;
            box-shadow: 0px 0px 0px 5px #fff;
            -moz-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
            -webkit-transition: all .15s ease-in-out;
        }

        .story li:hover span img {
            box-shadow: 0px 0px 0px 4px #fff;
        }

        .story li:hover span.new_story img {
            box-shadow: 0px 0px 0px 3px #fff;
        }

        .story li h6 {
            font-weight: 300;
            font-size: 12px;
            color: #2e2e2e;
            letter-spacing: -0.1px;
            margin-top: 6px;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: bold;
            padding-bottom: 2px;
        }

@media (max-width:991px) {
    .story li {
        margin-left: 18px;
        width: 110px;
    }
}

@media (max-width:767px) {
    .story li {
        margin-left: 15px;
        width: 98px;
    }
}

@media (max-width:540px) {
    .story li {
        margin-left: 10px;
        width: 90px;
    }
}


.prodGallery .product_img:first-of-type img {
    width: 300px;
    height: 300px;
}


.product_img {
    border: 1px solid #efefef;
    border-width: 1px 0;
    /*height: 220px;*/
    cursor: pointer;
}

    .product_img img {
        background-size: initial;
        width: auto;
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }


.product_shop {
    padding: 12px 12px 11px 12px;
}

    .product_shop .product_shop_avatar {
        float: right;
        width: 59px;
        margin-left: 7px;
    }

        .product_shop .product_shop_avatar span {
            border-radius: 100px;
            background: #ccc;
            display: block;
            padding: 4px;
            cursor: pointer;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }

            .product_shop .product_shop_avatar span img {
                border-radius: 100px;
                max-width: 100%;
                box-shadow: 0px 0px 0px 2.5px #fff;
                -moz-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out;
                -webkit-transition: all .15s ease-in-out;
            }

            .product_shop .product_shop_avatar span.new {
                background-image: linear-gradient(to right top, #051937, #002d64, #004295, #0058c8, #0d6efd);
            }

                .product_shop .product_shop_avatar span.new.vip {
                    background-image: linear-gradient(to right top, #003f03, #01640c, #048b17, #08b523, #0be030);
                }

    .product_shop .product_shop_name {
        float: right;
        padding-top: 2px;
        cursor: pointer;
    }

        .product_shop .product_shop_name h3 {
            margin-bottom: 2px;
            font-size: 15px;
            font-weight: 600;
            color: #3c3c3c;
        }

        .product_shop .product_shop_name p {
            margin: 0;
            font-size: 11.4px;
            letter-spacing: -0.3px;
            color: #3e3e3e;
        }

        .product_shop .product_shop_name h6 {
            direction: ltr;
            text-align: right;
            font-size: 13px;
            font-family: sans-serif;
            font-weight: 400;
            color: #b1b1b1;
            margin: 0;
        }



    .product_shop .product_shop_price .product_off {
        font-size: 12px;
        background: #f39d00;
        color: #fff;
        padding: 1px 3px;
        text-align: center;
        border-radius: 4px;
        position: absolute;
        top: 23px;
        left: 0;
    }





.card-body {
    padding: 12px;
}

    .card-body .card-btn {
        margin-bottom: 16px;
    }

        .card-body .card-btn i {
            font-size: 22px;
            margin-left: 15px;
            /* width: 36px; */
            color: #222222;
            display: block;
            text-align: center;
            cursor: pointer;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }

        .card-body .card-btn a {
            margin-left: 15px;
        }

        .card-body .card-btn i:last-child {
            margin-left: 0;
        }

        .card-body .card-btn i.icon-heart-o {
            margin-left: 14px;
        }

        .card-body .card-btn i.icon-comment-o {
            margin-top: -2px;
        }

        .card-body .card-btn i.icon-bookmark-o {
        }

        .card-body .card-btn i.icon-bell-o {
        }

        .card-body .card-btn i.icon-add_shopping_cart {
            transform: scaleX(-1);
        }

        .card-body .card-btn i.icon-heart-o:hover {
            color: red;
        }

        .card-body .card-btn i.icon-comment-o:hover {
            color: blueviolet;
        }

        .card-body .card-btn i.icon-bookmark-o:hover {
            color: dodgerblue;
        }

        .card-body .card-btn i.icon-bell-o:hover {
            color: orange;
        }

        .card-body .card-btn i.icon-credit-card:hover {
            color: darkslateblue;
        }

        .card-body .card-btn i.icon-add_shopping_cart:hover {
            color: green;
        }

    .card-body p {
        font-weight: bold;
        color: #2e2e2e;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        margin-bottom: 0;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }

        .card-body p + p {
            font-size: 12px;
            font-weight: 400;
            color: #7c7c7c;
            margin-top: 2px;
            letter-spacing: -0.2px;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }

            .card-body p + p:hover {
            }

            .card-body p + p i {
                color: lightgrey;
            }

input {
    outline: none !important;
    box-shadow: none !important;
}

.searchCon {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .searchCon input[type="text"] {
        border-color: #ced4da;
        border-left: none;
    }

select {
    background: transparent;
    border: none;
    padding: 8px 12px;
}

.selectCon {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

    .selectCon select {
        outline: none;
    }

button {
    padding: 13px 13px 5px 13px;
    border: none;
    border-color: #ced4da;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btnSearchCon {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btnSearch {
    background-color: inherit;
    border: none;
    color: white;
}

.input-group-addon {
    padding: 0 !important;
    border: solid 1px #ced4da;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.main-banner .owl-stage-outer {
    overflow: visible !important;
}

.main-banner .owl-item img {
    border: solid 4px white;
    border-radius: 10px;
    outline: solid 1px #dfdfdf;
}

.offer-item {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    direction: rtl !important;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.hovering .offer-item:hover {
    background: #0aa4d6;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.offer-item-img {
    position: relative;
    width: 100%;
}

    .offer-item-img img {
        border-radius: 5px;
        width: 100%;
    }

.gambo-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #2b2f4c;
    border-radius: 5px;
    opacity: 0.05;
}


div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    direction: rtl;
}


/* --- Product Grid Page --- */

.gambo-Breadcrumb {
    border-top: none !important;
    padding: 11px 0 5px;
    margin-left: calc(-1*var(--bs-gutter-x)* .5);
    margin-right: calc(-1*var(--bs-gutter-x)* .5);
}

    .gambo-Breadcrumb ::-webkit-scrollbar {
        height: 2px !important;
        opacity: 0 !important;
    }

    .gambo-Breadcrumb:-webkit-scrollbar-thumb {
        background: #8880 !important;
    }

    .gambo-Breadcrumb:hover:-webkit-scrollbar-thumb {
        background: #2b2f4c !important;
    }

    .gambo-Breadcrumb ::-webkit-scrollbar-track {
        height: 2px !important;
        background: none;
    }

    .gambo-Breadcrumb .breadcrumb {
        background-color: transparent;
        border-radius: 0;
        font-weight: 500;
        color: #8f91ac;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-left: 5px;
        margin-bottom: 4px;
    }

        .gambo-Breadcrumb .breadcrumb:after {
            content: "";
            width: 40px;
            height: 100%;
            position: absolute;
            left: 0;
            top: -6px;
        }

        .gambo-Breadcrumb .breadcrumb .breadcrumb-item a {
            color: #8f91ac !important;
            text-decoration: none;
        }

            .gambo-Breadcrumb .breadcrumb .breadcrumb-item a:hover {
                color: #2b2f4c !important;
            }

        .gambo-Breadcrumb .breadcrumb .breadcrumb-item.active {
            color: #2b2f4c;
        }

a {
    text-decoration: none;
}

div:has(> .error-field) {
    position: relative;
}

.error-field {
    position: absolute;
    left: 7px;
    top: 37px;
    font-size: 11px;
    background: white;
    border: solid 1px #73cbfc;
    padding: 0 7px;
    line-height: initial;
    visibility: hidden;
}

.field-validation-error {
    visibility: visible;
}

.disabled {
}

.btn.disabled, .btn:disabled, button:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}


#overlay {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 97%);
}

    #overlay img {
        position: absolute;
        width: 170px !important;
        left: 0;
        top: calc(50% - 80px);
        right: 0;
        margin: 0 auto;
        height: 170px !important;
    }

.cv-spinner, .cv-spinner2 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cv-spinner {
    top: 80px;
}

.spinner {
    width: 200px;
    height: 200px;
    border: 0px #ddd solid;
    border-top: 9px solid;
    border-radius: 50%;
    animation: sp-anime 0.5s infinite linear;
    position: relative;
    top: -75px;
}

.spinner2 {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

input.password {
    -webkit-text-security: disc;
    text-security: disc;
}

a {
    color: #2e2e2e;
}

.ui.dropdown .menu.transition i {
    position: relative;
    top: 2px;
}

.elips {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

div, span, h2, h4, h6, p, a, img, b, i, ul, li, form, label {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    direction: rtl;
}

::selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}

ul {
    list-style: none;
    margin-bottom: 0 !important;
}

a:hover {
    color: inherit !important;
    text-decoration: none;
}

button {
    outline: none;
}

* {
    margin: 0;
    padding: 0;
}

a:focus {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none !important;
}

button {
    outline: none;
}

    button:focus {
        outline: none !important;
    }

input {
    outline: none;
}

textarea {
    outline: none;
}

p {
    font-size: 14px;
    line-height: 26px;
    color: #2b2f4c;
}

a {
    cursor: pointer !important;
}

.ltr {
    direction: ltr !important;
}

.align-justify {
    text-align: justify !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.font10 {
    font-size: 10px !important;
}

.w500 {
    font-weight: 500 !important;
}

.line-height-24 {
    line-height: 24px !important;
}

#captchaimg {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 33px;
    z-index: 9;
    border-radius: .3rem !important;
}

h2 {
    font-family: AradFont, sans-serif !important;
    line-height: 1.28571429em;
    margin: calc(2rem - .14285714em) 0 1rem;
    font-weight: 700;
    padding: 0;
    font-size: 1.71428571rem;
}

h4 {
    font-size: 1.125em;
    font-family: AradFont, sans-serif !important;
}

h6 {
    font-size: 1em;
    font-family: AradFont, sans-serif !important;
    line-height: 1.050;
}

@media(max-width:640px) {
    .hasTakhfif:before {
        width: 110% !important;
        left: -6px !important;
    }

    .pdp-details ul li {
        border-bottom: 1px solid #efefef;
        display: block !important;
        width: 100% !important;
        border-left: 0 !important;
    }

        .pdp-details ul li:last-child {
            border-bottom: 0;
        }
}

@media (min-width: 640px) {
    .hasTakhfif:before {
        width: 125%;
        left: -8px;
    }

    .pdp-details ul li {
        padding: 20px;
        border-left: 1px solid #efefef;
        width: 50%;
        display: inline-block;
        float: right;
    }

        .pdp-details ul li:last-child {
            border-left: 0;
        }

    .product-dt-view .product_img:not(.gallery) img {
        min-width: 300px;
        min-height: 300px;
        max-width: 300px;
        max-height: 300px;
    }
}

@media (min-width: 43.75em) {
    h2 {
        font-size: 2em;
        line-height: 1.25;
    }

    h4 {
        line-height: 1.22222222;
    }
}

@media (min-width: 56.25em) {
    h2 {
        font-size: 2.25em;
        line-height: 1.25;
    }
}

input[type=text] {
    color: #2b2f4c !important;
}

.scrollstyle_4::-webkit-scrollbar {
    width: 4px;
    background-color: #f1f1f1;
}

.scrollstyle_4::-webkit-scrollbar-thumb {
    background-color: #e5e5e5;
}

.scrollstyle_4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    background-color: #F5F5F5;
}

.ui.search .prompt {
    border-radius: .3rem !important;
    width: 100%;
}

.ui.input > input {
    font-family: AradFont, sans-serif !important;
}

.hover-btn {
    transition: all .2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
}

    .hover-btn:hover {
        background: #0aa4d6;
        color: #fff !important;
        transition: all .2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        background-image: -webkit-linear-gradient(right, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
        background-image: linear-gradient(to left, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
    }

.hover-tavon-btn:hover {
    background: #06b606;
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(right, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
    background-image: linear-gradient(to left, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
}

.quantity {
    display: inline-block;
}

    .quantity .input-text.qty {
        width: 35px;
        height: 30px;
        padding: 0 5px;
        text-align: center;
        background-color: transparent;
        border: 0;
        margin-right: -4px;
        margin-left: -4px;
        background: #fff;
        font-size: 12px;
        font-weight: 500;
    }

    .quantity.buttons_added {
        text-align: right;
        position: relative;
        white-space: nowrap;
        vertical-align: top;
    }

        .quantity.buttons_added input {
            display: inline-block;
            margin: 0;
            vertical-align: top;
            box-shadow: none;
        }

        .quantity.buttons_added .minus, .quantity.buttons_added .plus {
            padding: 6px 10px 5px;
            height: 30px;
            background-color: #2b2f4c;
            border: 0;
            color: #fff;
            cursor: pointer;
            border-radius: 3px;
            width: 30px;
        }

        .quantity.buttons_added .minus-btn {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .quantity.buttons_added .plus-btn {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .quantity.buttons_added .minus {
            border-left: 0;
        }

        .quantity.buttons_added .plus {
            border-right: 0;
        }

            .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover {
                background: #0aa4d6;
                color: #fff !important;
                transition: all .2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                background-image: -webkit-linear-gradient(right, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
                background-image: linear-gradient(to left, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
            }

            .quantity.buttons_added .minus:focus, .quantity.buttons_added .plus:focus {
                outline: none;
            }

.wrapper {
    padding-bottom: 50px;
}

.main-title-tt {
    margin-bottom: 27px;
    display: flex;
    align-items: flex-end;
    direction: rtl;
}

.main-title-right {
    margin-left: auto;
}

    .main-title-right span {
        font-size: 14px;
        font-weight: 600;
        text-align: right;
        color: #0aa4d6;
        margin-bottom: 4px;
        display: block;
    }

    .main-title-right h2 {
        font-size: 24px;
        font-weight: 600;
        color: #2b2f4c;
        margin-top: 0;
        display: block;
    }

.see-more-btn {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: left;
}

    .see-more-btn:hover {
        color: #0aa4d6 !important;
    }

span.like-icon {
    color: #c31515;
    font-size: 18px;
    position: absolute;
    z-index: 101;
    left: 0px;
    top: 0px;
    cursor: pointer;
    background-color: rgb(246 51 51 / 20%);
    display: block;
    height: 35px;
    width: 35px;
    line-height: 37px;
    border-radius: 30px;
    transition: all 0.4s;
}

.product-item span.like-icon {
    left: 30px;
    top: 15px;
}

.item .product-item span.like-icon {
    left: 15px;
    top: 15px;
}

.like-icon:before, .like-icon:after {
    transition: opacity 0.3s, transform 0.4s cubic-bezier(.0, -.41, .19, 2.5);
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0px;
}

.like-icon:before {
    content: "\f004";
    transform: scale(0.95);
}

.like-icon:after {
    content: "\f004";
    opacity: 0;
    transform: scale(0.3);
    font-weight: 900;
}

.like-icon:hover {
    background-color: #c31515;
    color: #fff;
}

.product-item {
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 15px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.product-img {
    width: 100%;
    position: relative;
    padding: 10px 20px;
    display: block;
}

    .product-img img {
        width: 100%;
        transition: transform .5s ease;
    }

@media (min-width: 767.98px) {
    .product-img img {
        max-height: 200px;
    }
}

.product-item:hover img {
    transform: scale(1.1);
}

.offer-badge-1 {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #0aa4d6;
    padding: 3px 10px;
    border-radius: 3px;
    line-height: 20px;
    text-transform: uppercase;
    z-index: 9;
}

.product-text-dt p {
    font-size: 12px;
    font-weight: 500;
    color: #8f91ac;
    margin-bottom: 0;
    line-height: 24px;
}

.product-text-dt h4 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px !important;
    line-height: 24px;
    text-align: center;
    color: #2b2f4c;
}

.qty-cart {
    display: flex;
    align-items: center;
    margin-top: 17px;
}

.cart-icon {
    margin-right: auto;
    font-size: 20px;
    color: #c7c7c7;
    cursor: pointer;
}

    .cart-icon:hover {
        color: #0aa4d6;
    }

.featured-slider .owl-nav .owl-prev {
    right: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 42%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 4px 0 !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.featured-slider .owl-nav .owl-next {
    font-size: 20px !important;
    position: absolute;
    left: -20px;
    top: 42%;
    padding: 4px 0 !important;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.featured-slider .owl-nav .owl-prev:hover {
    color: #fff !important;
    opacity: 1;
    background: #0aa4d6 !important;
    border: 1px solid #0aa4d6 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.featured-slider .owl-nav .owl-next:hover {
    color: #fff !important;
    opacity: 1;
    border: 1px solid #0aa4d6 !important;
    background: #0aa4d6 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.all-product-grid {
    margin-top: 40px;
    direction: rtl;
    text-align: right;
}

    .all-product-grid img {
        max-width: 100% !important;
    }

.product-dt-view {
    background: #fff;
    padding: 30px 30px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.no-stock {
    display: block;
}

    .no-stock p {
        display: inline-block;
        margin-left: 30px;
        font-size: 14px;
        font-weight: 500;
        color: #2b2f4c;
    }

        .no-stock p:last-child {
            margin-left: 0;
        }

        .no-stock p span {
            margin-right: 5px;
            color: #8f91ac;
        }

.product-group-dt {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
}

    .product-group-dt ul li {
        display: inline-block;
        margin-left: 20px;
        vertical-align: middle;
    }

        .product-group-dt ul li:last-child {
            margin-left: 0;
        }

.main-price {
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    color: #2b2f4c;
}

    .main-price span {
        margin-right: 10px;
        color: #8f91ac;
    }

.color-discount {
    color: #7c72ff;
}

    .color-discount:after {
        content: '-';
        margin-right: 20px;
        color: #2b2f4c;
    }

.gty-wish-share {
    margin-top: 22px;
}

    .gty-wish-share li {
        margin-left: 10px !important;
    }

.ordr-crt-share {
    margin-top: 22px;
}

    .ordr-crt-share li {
        margin-left: 10px !important;
    }

span.save-icon {
    color: #f69733;
    margin-right: 10px;
    font-size: 18px;
    position: relative !important;
    cursor: pointer;
    background-color: rgba(246,151,51,0.2);
    height: 35px;
    width: 35px;
    border-radius: 30px;
    transition: all 0.4s;
}

.add-cart-btn {
    background: #0aa4d6;
    border: 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    font-family: AradFont, sans-serif;
    font-weight: 500;
    border-radius: 5px;
}

    .add-cart-btn i {
        margin-left: 5px;
        font-size: 16px;
    }

.add-tavon-btn {
    background: green;
    border: 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    font-family: AradFont, sans-serif;
    font-weight: 500;
    border-radius: 5px;
}

    .add-tavon-btn i {
        margin-left: 5px;
        font-size: 16px;
    }

.pdp-details {
    background: #f9f9f9;
    margin-top: 20px;
    border-radius: 5px;
    float: right;
    width: 100%;
}

    .pdp-details ul li {
        padding: 20px;
        border-left: 1px solid #efefef;
        width: 50%;
        display: inline-block;
        float: right;
    }

        .pdp-details ul li:last-child {
            border-left: 0;
        }

.pdp-group-dt {
    display: flex;
    align-items: center;
    width: 100%;
}

.pdp-icon i {
    font-size: 30px;
    color: #0aa4d6;
}

.pdp-text-dt {
    margin-right: 10px;
}

    .pdp-text-dt span {
        font-size: 16px;
        font-weight: 500;
        color: #2b2f4c;
        margin-bottom: 10px;
        display: block;
    }

    .pdp-text-dt p {
        font-size: 14px;
        font-weight: 400;
        color: #3e3f5e;
        margin-bottom: 0;
        line-height: 26px;
    }

.pdpt-bg {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
}

.pdpt-bg {
    margin-top: 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.pdpt-title h4 {
    border-bottom: 1px solid #efefef;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2b2f4c;
}

.pdpt-body {
    max-height: 451px;
    overflow-y: auto;
}

.pdct-dts-1 {
    padding: 0 30px 30px;
}

.pdct-dt-step p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 26px;
    text-align: right;
}

label.control-label {
    font-size: 13px;
    font-weight: 500;
    color: #2b2f4c;
}

.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #0aa4d6 !important;
}

.swdh19 {
    width: 100%;
}

.ui.input > input {
    font-weight: 500 !important;
    background: #fff;
    border: 1px solid #efefef !important;
    color: #2b2f4c !important;
    border-radius: 5px !important;
}

    .ui.input > input:focus {
        border: 1px solid #0aa4d6 !important;
    }

textarea {
    overflow: auto;
    padding: 10px 15px !important;
}

.control-label {
    font-size: 14px;
    font-weight: 600;
    color: #2b2f4c;
    margin-bottom: .8rem;
}

.leave-comment {
    margin-top: 35px;
}

    .leave-comment h2 {
        font-size: 24px;
        font-weight: 700;
        text-align: right;
        width: 100%;
        margin-bottom: 10px;
        color: #2b2f4c;
    }

    .leave-comment span {
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: #3e3f5e;
        margin-bottom: 15px;
        text-align: right;
        line-height: 26px;
    }

.all-comment {
    margin-top: 15px;
    padding-bottom: 41px;
    border-bottom: 1px solid #efefef;
}

    .all-comment h2 {
        font-size: 24px;
        font-weight: 700;
        text-align: right;
        width: 100%;
        margin-bottom: -10px;
        color: #2b2f4c;
    }

button, input, textarea {
    font-family: AradFont, sans-serif !important;
}

textarea {
    border: 1px solid #efefef !important;
}

.form-control {
    color: #2b2f4c !important;
    font-weight: 400 !important;
}

.post-btn {
    height: 40px;
    border: 0;
    padding: 0 20px;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 13px;
}

.product_img a {
    display: flex;
    align-items: center;
}

.product_img:not(.gallery) img {
    min-height: 200px;
    min-width: 200px;
    width: 200px;
    height: 200px;
    border-radius: 10px;
}

.product_img img {
    max-width: 100%;
    border: 2px solid #fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.product_img a img:hover {
    border: 2px solid #e1e1e1;
}

.available_shop_list li {
    padding: 10px 10px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    height: 62px;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

    .available_shop_list li:hover {
        background: #fafafa;
    }

    .available_shop_list li a img {
        max-width: 100%;
        border-radius: 3px;
        width: 42px;
        height: 42px;
    }

    .available_shop_list li > a {
        float: right;
        width: 42px;
    }

    .available_shop_list li div {
        display: block;
        float: right;
        width: calc(100% - 50px);
        margin-right: 8px;
    }

        .available_shop_list li div.shop_name {
            font-size: 14px;
            font-weight: bold;
            color: #323e70;
            margin-top: 2px;
        }

            .available_shop_list li div.shop_name a {
                font-size: 14px;
                font-weight: bold;
                color: #323e70;
                margin-top: 2px;
            }

        .available_shop_list li div.shop_price {
            font-size: 13px;
            color: #0aa4d6;
            margin-top: 3px;
        }

        .available_shop_list li div.shop_off {
            display: block;
            background: #0aa4d6;
            position: absolute;
            color: #fff;
            padding: 1px 3px 0;
            font-size: 10px;
            font-weight: 500;
            line-height: 16px;
            border-radius: 3px;
            top: 10px;
            left: 10px;
            width: auto;
            float: none;
            margin-right: unset;
        }

.no_comment {
    text-align: center;
    padding: 20px;
}

    .no_comment img {
        max-width: 100%;
        width: 150px;
        margin-top: 10px;
    }

    .no_comment h6 {
        color: #b4b4b4;
        margin-top: 12px;
        font-size: 1rem;
        font-weight: 500;
    }
/*! CSS Used from: https://asanclub.com/theme/css/all.min.css?beta68 */
.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa {
    font-family: "Font Awesome 5 Free";
}

.fa {
    font-weight: 900;
}


.product-right-title {
    float: right;
    /*width: 100%;*/
    margin-bottom: 20px;
}

.filter-btn {
    float: right;
    width: 85px !important;
}

.product-sort {
    margin-left: 0 !important;
}

.product-dt-left {
    margin-top: 30px !important;
    margin-right: 0 !important;
}


.main-title-tt {
    margin-bottom: 27px;
    display: flex;
    align-items: flex-end;
    direction: rtl;
}

.main-title-right {
    margin-left: auto;
}

    .main-title-right span {
        font-size: 14px;
        font-weight: 600;
        text-align: right;
        color: #0aa4d6;
        margin-bottom: 4px;
        display: block;
    }

    .main-title-right h2 {
        font-size: 24px;
        font-weight: 600;
        color: #2b2f4c;
        margin-top: 0;
        display: block;
    }

.product_img {
    border: none;
}


.pdp-details {
    background: #f9f9f9;
    margin-top: 20px;
    border-radius: 5px;
    float: right;
    width: 100%;
}

.pdp-group-dt {
    display: flex;
    align-items: center;
    width: 100%;
}

.pdp-icon i {
    font-size: 30px;
    color: #0aa4d6;
}

.pdp-text-dt {
    margin-right: 10px;
}

    .pdp-text-dt span {
        font-size: 16px;
        font-weight: 500;
        color: #2b2f4c;
        margin-bottom: 10px;
        display: block;
    }

    .pdp-text-dt p {
        font-size: 14px;
        font-weight: 400;
        color: #3e3f5e;
        margin-bottom: 0;
        line-height: 26px;
    }

.product_img.gallery {
    width: calc((100% / 4) - (10px / 4) - 8px);
    margin: 5px;
    float: right;
}

.order-btn {
    background: transparent;
    border: 1px solid #0aa4d6;
    color: #0aa4d6;
    height: 40px;
    padding: 0 20px;
    font-family: AradFont, sans-serif;
    font-weight: 500;
    border-radius: 5px;
}

.product-top-dt {
    float: right;
    width: 100%;
    display: block;
}

.product-right-title {
    float: right;
}

    .product-right-title h2 {
        font-size: 24px;
        font-weight: 600;
        color: #2b2f4c;
        text-align: right;
        padding-top: 3px;
    }

.filter-btn {
    font-size: 14px;
    font-weight: 500;
    float: left;
    display: block;
    height: 40px;
    width: 110px;
    padding: 10px 0;
    text-align: center;
    color: #2b2f4c;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #efefef;
    text-transform: uppercase;
}

    .filter-btn:hover {
        background: #0aa4d6;
        color: #fff !important;
        transition: all .2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        background-image: -webkit-linear-gradient(right, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
        background-image: linear-gradient(to left, rgba(24, 147, 206, 0.9), rgba(43, 174, 224, 0.9));
    }

.product-sort {
    float: left;
    margin-left: 10px;
    margin-top: 1px;
    direction: rtl;
    text-align: right;
}

.ui.selection.dropdown.vchrt-dropdown {
    border: 1px solid #efefef;
    font-weight: 400;
    color: #2b2f4c;
    border-radius: 5px;
}

    .ui.selection.dropdown.vchrt-dropdown:hover {
        border-color: #efefef;
    }

.ui.selection.visible.dropdown.vchrt-dropdown > .text:not(.default) {
    font-weight: 400;
    color: #2b2f4c;
}

.ui.dropdown.vchrt-dropdown .menu > .item {
    color: #2b2f4c !important;
    font-weight: 400 !important;
}

.ui.dropdown > .text {
    font-size: 14px;
}

#pLoading {
    position: fixed;
    background: #ffffffc7;
    padding: 10px;
    width: 200px;
    border-radius: 7px;
    border: solid 1px;
}

ol {
    list-style: auto;
    padding-right: 20px;
}

    ol li {
        display: list-item;
        margin-bottom: 2px;
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }

        ol li::marker {
            color: #0aa4d6;
        }

.jq-toast-heading {
    padding: 0;
    color: white;
}

.btnIcon {
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 18px !important;
}

button:has(.btnIcon) {
    padding-left: 35px !important;
    position: relative;
}

.disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

.shaker {
    animation: shake-animation 3.72s ease infinite;
}

@keyframes shake-animation {
    0% {
        transform: translate(0,0)
    }

    1.78571% {
        transform: translate(5px,0)
    }

    3.57143% {
        transform: translate(0,0)
    }

    5.35714% {
        transform: translate(5px,0)
    }

    7.14286% {
        transform: translate(0,0)
    }

    8.92857% {
        transform: translate(5px,0)
    }

    10.71429% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(0,0)
    }
}

.tool i {
    cursor: pointer;
    font-size: 18px;
}

.tblData tbody tr td .title {
    display: none;
}


.hasTakhfif {
    background: #ff6f87 !important;
    position: relative;
}

    .hasTakhfif:before {
        content: " ";
        display: block;
        border-top: 2px solid rgb(255 0 0 / 74%);
        height: 12px;
        position: absolute;
        bottom: 0;
        transform: rotate(347deg);
    }

.arcDown {
    position: relative;
    margin-right: 1rem;
}

    .arcDown:after {
        content: "";
        position: absolute;
        bottom: -23px;
        left: 0;
        height: 27px;
        width: 90%;
        border: solid 3px #ffffff;
        border-radius: 50%;
        opacity: 1;
    }



.modal input[type="text"], .modal input[type="password"] {
    text-align: right;
}

.modal input[type="text"], .modal input[type="password"], .modal button {
    box-shadow: none !important;
    outline: 0;
    line-height: 35px !important;
}

.modal input:-webkit-autofill,
.modal input:-webkit-autofill:hover,
.modal input:-webkit-autofill:focus,
.modal input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.modal a {
    text-decoration: none;
}

.lblError {
    font-size: 12px;
}


#loginPage .d-flex, #getSmsModal .d-flex, #loginByMobile .d-flex, #loginByPw .d-flex, #quickSetPw .d-flex {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 25px 40px 25px;
    border: solid 1px #7a9db15e;
    border-radius: 10px;
    max-width: 450px;
    background: white;
}

#call .item, #callMe1 .item {
    border-bottom: solid 1px #ebebeb;
    padding: 15px 10px 15px 17px !important;
}

    #call .item a img, #callMe1 .item a img {
        width: 29px;
        left: 9px;
        position: absolute;
        top: 8px;
    }

#return-to-top, #callMe {
    bottom: 65px;
    background: rgb(128 166 213);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    z-index: 100;
    left: 20px;
    display: none;
    opacity: 0.5;
}

    #return-to-top i, #callMe i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 0;
        top: 0;
        font-size: 51px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover, #callMe:hover {
        opacity: 1;
        background: rgb(34 95 169);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 1px;
        }

#callMe {
    bottom: 125px;
    background: #d15f27 !important;
}

    #callMe:hover {
        opacity: 1;
        background: rgb(34 95 169);
    }

    #callMe i {
        font-size: 40px;
        text-align: center;
        top: 8px;
        right: 7px !important;
    }

    #callMe:hover i {
        color: #fff;
        top: 7px;
    }

.invalidData {
    background: #fff1f1;
    border: solid 1px red;
}