#copy-popup,
    .custom-form-style-1 .form-control {
        padding: 10px 20px
    }

    .dir-ltr,
    .text-num-en {
        font-family: pinar-num !important;
    }
    @font-face {
        font-family: Arial;
        font-style: "";
        font-weight: 500;
        font-display: swap;
        src: url(fonts/pinar/500.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar;
        font-style: "";
        font-weight: 300;
        font-display: swap;
        src: url(fonts/pinar/300.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar;
        font-style: "";
        font-weight: 500;
        font-display: swap;
        src: url(fonts/pinar/500.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar;
        font-style: "";
        font-weight: 700;
        font-display: swap;
        src: url(fonts/pinar/700.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar-num;
        font-style: "";
        font-weight: 300;
        font-display: swap;
        src: url(fonts/pinar/num/300.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar-num;
        font-style: "";
        font-weight: 500;
        font-display: swap;
        src: url(fonts/pinar/num/500.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar-num;
        font-style: "";
        font-weight: 700;
        font-display: swap;
        src: url(fonts/pinar/num/700.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar-num;
        font-style: "";
        font-weight: 800;
        font-display: swap;
        src: url(fonts/pinar/num/700.woff2) format("woff2")
    }
    @font-face {
        font-family: pinar-num;
        font-style: "";
        font-weight: 900;
        font-display: swap;
        src: url(fonts/pinar/num/300.woff2) format("woff2")
    }
    @font-face {
        font-family: Tahoma;
        font-style: "";
        font-weight: 400;
        font-display: swap;
        src: url(fonts/pinar/400.woff2) format("woff2")
    }

    #footer .footer-ribbon span {
        font-family: dana !important;
        font-size: 17px;
        font-weight: 800 !important
    }

    .nav-item i {
        top: 3px !important;
        font-size: 1.2em !important
    }

    .header-logo img {
        padding: 0 .9rem
    }

    .dir-rtl,
    .modal-content .modal-header {
        direction: rtl !important
    }

    .custom-pricing-fixed tbody td,
    .dir-ltr,
    .rating-stars {
        direction: ltr !important
    }

    .modal-open,
    .pr-0,
    .px-0 {
        padding-right: 0 !important
    }

    .btn-haf-rounded {
        border-radius: 11px
    }

    #header .header-nav-top .nav>li>a {
        color: #727272
    }

    .header-nav-top-icon-img {
        width: 21px
    }

    #header li .cart-info .cart-qty {
        left: 3px !important
    }

    .dropdown-mega-content .row a {
        font-size: 15.5px !important
    }

    .dropdown-mega-content .row p small {
        padding-right: 10px
    }

    .nav-item-left-border a:hover {
        color: #464646 !important
    }

    .dropdown-mega-content a {
        color: #606060 !important
    }

    html #header .tip-gray {
        background: #919191 !important;
        color: #fff !important
    }

    html #header .tip-gray:before {
        border-right-color: #919191 !important
    }

    html[dir=rtl] #header .tip-gray:before {
        border-left-color: #919191 !important;
        border-right-color: transparent !important
    }

    .w-25 {
        width: 25% !important
    }

    .w-50 {
        width: 50% !important
    }

    .w-60 {
        width: 60% !important
    }

    .w-75 {
        width: 75% !important
    }

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

    .h-25 {
        height: 25% !important
    }

    .h-50 {
        height: 50% !important
    }

    .h-75 {
        height: 75% !important
    }

    .h-100 {
        height: 100% !important
    }

    .mw-100 {
        max-width: 100% !important
    }

    .mh-100 {
        max-height: 100% !important
    }

    .m-0 {
        margin: 0 !important
    }

    .mt-0,
    .my-0 {
        margin-top: 0 !important
    }

    .mr-0,
    .mx-0 {
        margin-right: 0 !important
    }

    .mb-0,
    .my-0 {
        margin-bottom: 0 !important
    }

    .ml-0,
    .mx-0 {
        margin-left: 0 !important
    }

    .m-1 {
        margin: .25rem !important
    }

    .mt-1,
    .my-1 {
        margin-top: .25rem !important
    }

    .mr-1,
    .mx-1 {
        margin-right: .25rem !important
    }

    .mb-1,
    .my-1 {
        margin-bottom: .25rem !important
    }

    .ml-1,
    .mx-1 {
        margin-left: .25rem !important
    }

    .m-2 {
        margin: .5rem !important
    }

    .mt-2,
    .my-2 {
        margin-top: .5rem !important
    }

    .mr-2,
    .mx-2 {
        margin-right: .5rem !important
    }

    .mb-2,
    .my-2 {
        margin-bottom: .5rem !important
    }

    .ml-2,
    .mx-2 {
        margin-left: .5rem !important
    }

    .m-3 {
        margin: 1rem !important
    }

    .mt-3,
    .my-3 {
        margin-top: 1rem !important
    }

    .mr-3,
    .mx-3 {
        margin-right: 1rem !important
    }

    .mb-3,
    .my-3 {
        margin-bottom: 1rem !important
    }

    .ml-3,
    .mx-3 {
        margin-left: 1rem !important
    }

    .m-4 {
        margin: 1.5rem !important
    }

    .mt-4,
    .my-4 {
        margin-top: 1.5rem !important
    }

    .mr-4,
    .mx-4 {
        margin-right: 1.5rem !important
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-4,
    .mx-4 {
        margin-left: 1.5rem !important
    }

    .m-5 {
        margin: 3rem !important
    }

    .mt-5,
    .my-5 {
        margin-top: 3rem !important
    }

    .mr-5,
    .mx-5 {
        margin-right: 3rem !important
    }

    .mb-5,
    .my-5 {
        margin-bottom: 3rem !important
    }

    .ml-5,
    .mx-5 {
        margin-left: 3rem !important
    }

    .p-0 {
        padding: 0 !important
    }

    .pt-0,
    .py-0 {
        padding-top: 0 !important
    }

    .pb-0,
    .py-0 {
        padding-bottom: 0 !important
    }

    .pl-0,
    .px-0 {
        padding-left: 0 !important
    }

    .p-1 {
        padding: .25rem !important
    }

    .pt-1,
    .py-1 {
        padding-top: .25rem !important
    }

    .pr-1,
    .px-1 {
        padding-right: .25rem !important
    }

    .pb-1,
    .py-1 {
        padding-bottom: .25rem !important
    }

    .pl-1,
    .px-1 {
        padding-left: .25rem !important
    }

    .p-2 {
        padding: .5rem !important
    }

    .pt-2,
    .py-2 {
        padding-top: .5rem !important
    }

    .pr-2,
    .px-2 {
        padding-right: .5rem !important
    }

    .pb-2,
    .py-2 {
        padding-bottom: .5rem !important
    }

    .pl-2,
    .px-2 {
        padding-left: .5rem !important
    }

    .p-3 {
        padding: 1rem !important
    }

    .pt-3,
    .py-3 {
        padding-top: 1rem !important
    }

    .pr-3,
    .px-3 {
        padding-right: 1rem !important
    }

    .pb-3,
    .py-3 {
        padding-bottom: 1rem !important
    }

    .pl-3,
    .px-3 {
        padding-left: 1rem !important
    }

    .p-4 {
        padding: 1.5rem !important
    }

    .pt-4,
    .py-4 {
        padding-top: 1.5rem !important
    }

    .pr-4,
    .px-4 {
        padding-right: 1.5rem !important
    }

    .pb-4,
    .py-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-4,
    .px-4 {
        padding-left: 1.5rem !important
    }

    .p-5 {
        padding: 3rem !important
    }

    .pt-5,
    .py-5 {
        padding-top: 3rem !important
    }

    .pr-5,
    .px-5 {
        padding-right: 3rem !important
    }

    .pb-5,
    .py-5 {
        padding-bottom: 3rem !important
    }

    .pl-5,
    .px-5 {
        padding-left: 3rem !important
    }

    .m-auto {
        margin: auto !important
    }

    .mt-auto,
    .my-auto {
        margin-top: auto !important
    }

    .mr-auto,
    .mx-auto {
        margin-right: auto !important
    }

    .mb-auto,
    .my-auto {
        margin-bottom: auto !important
    }

    .ml-auto,
    .mx-auto {
        margin-left: auto !important
    }

    @media (min-width:576px) {
        .m-sm-0 {
            margin: 0 !important
        }

        .mt-sm-0,
        .my-sm-0 {
            margin-top: 0 !important
        }

        .mr-sm-0,
        .mx-sm-0 {
            margin-right: 0 !important
        }

        .mb-sm-0,
        .my-sm-0 {
            margin-bottom: 0 !important
        }

        .ml-sm-0,
        .mx-sm-0 {
            margin-left: 0 !important
        }

        .m-sm-1 {
            margin: .25rem !important
        }

        .mt-sm-1,
        .my-sm-1 {
            margin-top: .25rem !important
        }

        .mr-sm-1,
        .mx-sm-1 {
            margin-right: .25rem !important
        }

        .mb-sm-1,
        .my-sm-1 {
            margin-bottom: .25rem !important
        }

        .ml-sm-1,
        .mx-sm-1 {
            margin-left: .25rem !important
        }

        .m-sm-2 {
            margin: .5rem !important
        }

        .mt-sm-2,
        .my-sm-2 {
            margin-top: .5rem !important
        }

        .mr-sm-2,
        .mx-sm-2 {
            margin-right: .5rem !important
        }

        .mb-sm-2,
        .my-sm-2 {
            margin-bottom: .5rem !important
        }

        .ml-sm-2,
        .mx-sm-2 {
            margin-left: .5rem !important
        }

        .m-sm-3 {
            margin: 1rem !important
        }

        .mt-sm-3,
        .my-sm-3 {
            margin-top: 1rem !important
        }

        .mr-sm-3,
        .mx-sm-3 {
            margin-right: 1rem !important
        }

        .mb-sm-3,
        .my-sm-3 {
            margin-bottom: 1rem !important
        }

        .ml-sm-3,
        .mx-sm-3 {
            margin-left: 1rem !important
        }

        .m-sm-4 {
            margin: 1.5rem !important
        }

        .mt-sm-4,
        .my-sm-4 {
            margin-top: 1.5rem !important
        }

        .mr-sm-4,
        .mx-sm-4 {
            margin-right: 1.5rem !important
        }

        .mb-sm-4,
        .my-sm-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-sm-4,
        .mx-sm-4 {
            margin-left: 1.5rem !important
        }

        .m-sm-5 {
            margin: 3rem !important
        }

        .mt-sm-5,
        .my-sm-5 {
            margin-top: 3rem !important
        }

        .mr-sm-5,
        .mx-sm-5 {
            margin-right: 3rem !important
        }

        .mb-sm-5,
        .my-sm-5 {
            margin-bottom: 3rem !important
        }

        .ml-sm-5,
        .mx-sm-5 {
            margin-left: 3rem !important
        }

        .p-sm-0 {
            padding: 0 !important
        }

        .pt-sm-0,
        .py-sm-0 {
            padding-top: 0 !important
        }

        .pr-sm-0,
        .px-sm-0 {
            padding-right: 0 !important
        }

        .pb-sm-0,
        .py-sm-0 {
            padding-bottom: 0 !important
        }

        .pl-sm-0,
        .px-sm-0 {
            padding-left: 0 !important
        }

        .p-sm-1 {
            padding: .25rem !important
        }

        .pt-sm-1,
        .py-sm-1 {
            padding-top: .25rem !important
        }

        .pr-sm-1,
        .px-sm-1 {
            padding-right: .25rem !important
        }

        .pb-sm-1,
        .py-sm-1 {
            padding-bottom: .25rem !important
        }

        .pl-sm-1,
        .px-sm-1 {
            padding-left: .25rem !important
        }

        .p-sm-2 {
            padding: .5rem !important
        }

        .pt-sm-2,
        .py-sm-2 {
            padding-top: .5rem !important
        }

        .pr-sm-2,
        .px-sm-2 {
            padding-right: .5rem !important
        }

        .pb-sm-2,
        .py-sm-2 {
            padding-bottom: .5rem !important
        }

        .pl-sm-2,
        .px-sm-2 {
            padding-left: .5rem !important
        }

        .p-sm-3 {
            padding: 1rem !important
        }

        .pt-sm-3,
        .py-sm-3 {
            padding-top: 1rem !important
        }

        .pr-sm-3,
        .px-sm-3 {
            padding-right: 1rem !important
        }

        .pb-sm-3,
        .py-sm-3 {
            padding-bottom: 1rem !important
        }

        .pl-sm-3,
        .px-sm-3 {
            padding-left: 1rem !important
        }

        .p-sm-4 {
            padding: 1.5rem !important
        }

        .pt-sm-4,
        .py-sm-4 {
            padding-top: 1.5rem !important
        }

        .pr-sm-4,
        .px-sm-4 {
            padding-right: 1.5rem !important
        }

        .pb-sm-4,
        .py-sm-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-sm-4,
        .px-sm-4 {
            padding-left: 1.5rem !important
        }

        .p-sm-5 {
            padding: 3rem !important
        }

        .pt-sm-5,
        .py-sm-5 {
            padding-top: 3rem !important
        }

        .pr-sm-5,
        .px-sm-5 {
            padding-right: 3rem !important
        }

        .pb-sm-5,
        .py-sm-5 {
            padding-bottom: 3rem !important
        }

        .pl-sm-5,
        .px-sm-5 {
            padding-left: 3rem !important
        }

        .m-sm-auto {
            margin: auto !important
        }

        .mt-sm-auto,
        .my-sm-auto {
            margin-top: auto !important
        }

        .mr-sm-auto,
        .mx-sm-auto {
            margin-right: auto !important
        }

        .mb-sm-auto,
        .my-sm-auto {
            margin-bottom: auto !important
        }

        .ml-sm-auto,
        .mx-sm-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:1200px) {
        .m-xl-0 {
            margin: 0 !important
        }

        .mt-xl-0,
        .my-xl-0 {
            margin-top: 0 !important
        }

        .mr-xl-0,
        .mx-xl-0 {
            margin-right: 0 !important
        }

        .mb-xl-0,
        .my-xl-0 {
            margin-bottom: 0 !important
        }

        .ml-xl-0,
        .mx-xl-0 {
            margin-left: 0 !important
        }

        .m-xl-1 {
            margin: .25rem !important
        }

        .mt-xl-1,
        .my-xl-1 {
            margin-top: .25rem !important
        }

        .mr-xl-1,
        .mx-xl-1 {
            margin-right: .25rem !important
        }

        .mb-xl-1,
        .my-xl-1 {
            margin-bottom: .25rem !important
        }

        .ml-xl-1,
        .mx-xl-1 {
            margin-left: .25rem !important
        }

        .m-xl-2 {
            margin: .5rem !important
        }

        .mt-xl-2,
        .my-xl-2 {
            margin-top: .5rem !important
        }

        .mr-xl-2,
        .mx-xl-2 {
            margin-right: .5rem !important
        }

        .mb-xl-2,
        .my-xl-2 {
            margin-bottom: .5rem !important
        }

        .ml-xl-2,
        .mx-xl-2 {
            margin-left: .5rem !important
        }

        .m-xl-3 {
            margin: 1rem !important
        }

        .mt-xl-3,
        .my-xl-3 {
            margin-top: 1rem !important
        }

        .mr-xl-3,
        .mx-xl-3 {
            margin-right: 1rem !important
        }

        .mb-xl-3,
        .my-xl-3 {
            margin-bottom: 1rem !important
        }

        .ml-xl-3,
        .mx-xl-3 {
            margin-left: 1rem !important
        }

        .m-xl-4 {
            margin: 1.5rem !important
        }

        .mt-xl-4,
        .my-xl-4 {
            margin-top: 1.5rem !important
        }

        .mr-xl-4,
        .mx-xl-4 {
            margin-right: 1.5rem !important
        }

        .mb-xl-4,
        .my-xl-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-xl-4,
        .mx-xl-4 {
            margin-left: 1.5rem !important
        }

        .m-xl-5 {
            margin: 3rem !important
        }

        .mt-xl-5,
        .my-xl-5 {
            margin-top: 3rem !important
        }

        .mr-xl-5,
        .mx-xl-5 {
            margin-right: 3rem !important
        }

        .mb-xl-5,
        .my-xl-5 {
            margin-bottom: 3rem !important
        }

        .ml-xl-5,
        .mx-xl-5 {
            margin-left: 3rem !important
        }

        .p-xl-0 {
            padding: 0 !important
        }

        .pt-xl-0,
        .py-xl-0 {
            padding-top: 0 !important
        }

        .pr-xl-0,
        .px-xl-0 {
            padding-right: 0 !important
        }

        .pb-xl-0,
        .py-xl-0 {
            padding-bottom: 0 !important
        }

        .pl-xl-0,
        .px-xl-0 {
            padding-left: 0 !important
        }

        .p-xl-1 {
            padding: .25rem !important
        }

        .pt-xl-1,
        .py-xl-1 {
            padding-top: .25rem !important
        }

        .pr-xl-1,
        .px-xl-1 {
            padding-right: .25rem !important
        }

        .pb-xl-1,
        .py-xl-1 {
            padding-bottom: .25rem !important
        }

        .pl-xl-1,
        .px-xl-1 {
            padding-left: .25rem !important
        }

        .p-xl-2 {
            padding: .5rem !important
        }

        .pt-xl-2,
        .py-xl-2 {
            padding-top: .5rem !important
        }

        .pr-xl-2,
        .px-xl-2 {
            padding-right: .5rem !important
        }

        .pb-xl-2,
        .py-xl-2 {
            padding-bottom: .5rem !important
        }

        .pl-xl-2,
        .px-xl-2 {
            padding-left: .5rem !important
        }

        .p-xl-3 {
            padding: 1rem !important
        }

        .pt-xl-3,
        .py-xl-3 {
            padding-top: 1rem !important
        }

        .pr-xl-3,
        .px-xl-3 {
            padding-right: 1rem !important
        }

        .pb-xl-3,
        .py-xl-3 {
            padding-bottom: 1rem !important
        }

        .pl-xl-3,
        .px-xl-3 {
            padding-left: 1rem !important
        }

        .p-xl-4 {
            padding: 1.5rem !important
        }

        .pt-xl-4,
        .py-xl-4 {
            padding-top: 1.5rem !important
        }

        .pr-xl-4,
        .px-xl-4 {
            padding-right: 1.5rem !important
        }

        .pb-xl-4,
        .py-xl-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-xl-4,
        .px-xl-4 {
            padding-left: 1.5rem !important
        }

        .p-xl-5 {
            padding: 3rem !important
        }

        .pt-xl-5,
        .py-xl-5 {
            padding-top: 3rem !important
        }

        .pr-xl-5,
        .px-xl-5 {
            padding-right: 3rem !important
        }

        .pb-xl-5,
        .py-xl-5 {
            padding-bottom: 3rem !important
        }

        .pl-xl-5,
        .px-xl-5 {
            padding-left: 3rem !important
        }

        .m-xl-auto {
            margin: auto !important
        }

        .mt-xl-auto,
        .my-xl-auto {
            margin-top: auto !important
        }

        .mr-xl-auto,
        .mx-xl-auto {
            margin-right: auto !important
        }

        .mb-xl-auto,
        .my-xl-auto {
            margin-bottom: auto !important
        }

        .ml-xl-auto,
        .mx-xl-auto {
            margin-left: auto !important
        }
    }

    @-webkit-keyframes expandInWithBlur {
        from {
            opacity: 0;
            filter: blur(10px);
            transform: scale(.8)
        }

        to {
            opacity: 1;
            filter: blur(0px);
            transform: scale(1)
        }
    }

    @keyframes expandInWithBlur {
        from {
            opacity: 0;
            filter: blur(10px);
            transform: scale(.8)
        }

        to {
            opacity: 1;
            filter: blur(0px);
            transform: scale(1)
        }
    }

    .expandInWithBlur {
        -webkit-animation-name: expandInWithBlur;
        animation-name: expandInWithBlur
    }

    .custom-text-color-grey-1 {
        color: #777 !important
    }

    .custom-text-color-grey-2 {
        color: #c0c1cc !important
    }

    .custom-text-color-light-1 {
        color: #e0e0e0 !important
    }

    .custom-bg-color-light-1,
    .custom-bg-color-light-2 {
        background-color: #eff1f3 !important
    }

    .custom-bg-color-grey-1 {
        background-color: #b9b9b9 !important
    }

    .custom-bg-color-navyblue {
        background-color: #2a4257 !important
    }

    .custom-bg-color-grey-2 {
        background-color: #e4e4e4 !important
    }

    .custom-bg-color-grey-7 {
        background-color: #5a5a5a !important
    }

    .custom-box-shadow-1 {
        box-shadow: 0 0 32px -7px rgba(0, 0, 0, .1)
    }

    .custom-border-radius-1 {
        border-radius: 10px
    }

    .divider-right-border {
        border-right: unset;
    }

    @media (min-width:768px) {
        .divider-right-border {
            border-right: 1px solid rgba(0, 0, 0, 0.06);
        }

        .m-md-0 {
            margin: 0 !important
        }

        .mt-md-0,
        .my-md-0 {
            margin-top: 0 !important
        }

        .mr-md-0,
        .mx-md-0 {
            margin-right: 0 !important
        }

        .mb-md-0,
        .my-md-0 {
            margin-bottom: 0 !important
        }

        .ml-md-0,
        .mx-md-0 {
            margin-left: 0 !important
        }

        .m-md-1 {
            margin: .25rem !important
        }

        .mt-md-1,
        .my-md-1 {
            margin-top: .25rem !important
        }

        .mr-md-1,
        .mx-md-1 {
            margin-right: .25rem !important
        }

        .mb-md-1,
        .my-md-1 {
            margin-bottom: .25rem !important
        }

        .ml-md-1,
        .mx-md-1 {
            margin-left: .25rem !important
        }

        .m-md-2 {
            margin: .5rem !important
        }

        .mt-md-2,
        .my-md-2 {
            margin-top: .5rem !important
        }

        .mr-md-2,
        .mx-md-2 {
            margin-right: .5rem !important
        }

        .mb-md-2,
        .my-md-2 {
            margin-bottom: .5rem !important
        }

        .ml-md-2,
        .mx-md-2 {
            margin-left: .5rem !important
        }

        .m-md-3 {
            margin: 1rem !important
        }

        .mt-md-3,
        .my-md-3 {
            margin-top: 1rem !important
        }

        .mr-md-3,
        .mx-md-3 {
            margin-right: 1rem !important
        }

        .mb-md-3,
        .my-md-3 {
            margin-bottom: 1rem !important
        }

        .ml-md-3,
        .mx-md-3 {
            margin-left: 1rem !important
        }

        .m-md-4 {
            margin: 1.5rem !important
        }

        .mt-md-4,
        .my-md-4 {
            margin-top: 1.5rem !important
        }

        .mr-md-4,
        .mx-md-4 {
            margin-right: 1.5rem !important
        }

        .mb-md-4,
        .my-md-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-md-4,
        .mx-md-4 {
            margin-left: 1.5rem !important
        }

        .m-md-5 {
            margin: 3rem !important
        }

        .mt-md-5,
        .my-md-5 {
            margin-top: 3rem !important
        }

        .mr-md-5,
        .mx-md-5 {
            margin-right: 3rem !important
        }

        .mb-md-5,
        .my-md-5 {
            margin-bottom: 3rem !important
        }

        .ml-md-5,
        .mx-md-5 {
            margin-left: 3rem !important
        }

        .p-md-0 {
            padding: 0 !important
        }

        .pt-md-0,
        .py-md-0 {
            padding-top: 0 !important
        }

        .pr-md-0,
        .px-md-0 {
            padding-right: 0 !important
        }

        .pb-md-0,
        .py-md-0 {
            padding-bottom: 0 !important
        }

        .pl-md-0,
        .px-md-0 {
            padding-left: 0 !important
        }

        .p-md-1 {
            padding: .25rem !important
        }

        .pt-md-1,
        .py-md-1 {
            padding-top: .25rem !important
        }

        .pr-md-1,
        .px-md-1 {
            padding-right: .25rem !important
        }

        .pb-md-1,
        .py-md-1 {
            padding-bottom: .25rem !important
        }

        .pl-md-1,
        .px-md-1 {
            padding-left: .25rem !important
        }

        .p-md-2 {
            padding: .5rem !important
        }

        .pt-md-2,
        .py-md-2 {
            padding-top: .5rem !important
        }

        .pr-md-2,
        .px-md-2 {
            padding-right: .5rem !important
        }

        .pb-md-2,
        .py-md-2 {
            padding-bottom: .5rem !important
        }

        .pl-md-2,
        .px-md-2 {
            padding-left: .5rem !important
        }

        .p-md-3 {
            padding: 1rem !important
        }

        .pt-md-3,
        .py-md-3 {
            padding-top: 1rem !important
        }

        .pr-md-3,
        .px-md-3 {
            padding-right: 1rem !important
        }

        .pb-md-3,
        .py-md-3 {
            padding-bottom: 1rem !important
        }

        .pl-md-3,
        .px-md-3 {
            padding-left: 1rem !important
        }

        .p-md-4 {
            padding: 1.5rem !important
        }

        .pt-md-4,
        .py-md-4 {
            padding-top: 1.5rem !important
        }

        .pr-md-4,
        .px-md-4 {
            padding-right: 1.5rem !important
        }

        .pb-md-4,
        .py-md-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-md-4,
        .px-md-4 {
            padding-left: 1.5rem !important
        }

        .p-md-5 {
            padding: 3rem !important
        }

        .pt-md-5,
        .py-md-5 {
            padding-top: 3rem !important
        }

        .pr-md-5,
        .px-md-5 {
            padding-right: 3rem !important
        }

        .pb-md-5,
        .py-md-5 {
            padding-bottom: 3rem !important
        }

        .pl-md-5,
        .px-md-5 {
            padding-left: 3rem !important
        }

        .m-md-auto {
            margin: auto !important
        }

        .mt-md-auto,
        .my-md-auto {
            margin-top: auto !important
        }

        .mr-md-auto,
        .mx-md-auto {
            margin-right: auto !important
        }

        .mb-md-auto,
        .my-md-auto {
            margin-bottom: auto !important
        }

        .ml-md-auto,
        .mx-md-auto {
            margin-left: auto !important
        }

        .custom-negative-margin-1 {
            margin-top: -390px
        }
    }

    .custom-font-size-1 {
        font-size: 1.3em !important
    }

    .custom-height-1 {
        height: calc(100% + 7px) !important
    }

    .custom-section-curved-top-1 {
        position: absolute;
        top: -590px;
        left: 0
    }

    .custom-section-curved-top-2 {
        position: absolute;
        top: -255px;
        left: 0
    }

    .custom-section-curved-top-3,
    .custom-section-curved-top-7 {
        position: absolute;
        top: -210px;
        left: 0
    }

    .custom-section-curved-top-4 {
        position: absolute;
        top: -260px;
        left: 0;
        transform: rotateY(180deg)
    }

    .custom-section-curved-top-5 {
        position: absolute;
        top: -236px;
        left: -60px;
        width: 115%
    }

    .custom-section-curved-top-6 {
        position: absolute;
        top: -560px;
        left: 0;
        transform: rotateY(180deg)
    }

    .custom-page-header-curved-top-1 {
        position: absolute;
        top: -575px;
        left: 0
    }

    #header.header-transparent .header-body:not(.header-border-bottom) {
        border-bottom: 1px solid #e1e3e5 !important
    }

    #header .header-nav-features .header-nav-features-dropdown.show {
        border-radius: 7px
    }

    html.sticky-header-active #header.header-transparent .header-body:not(.header-border-bottom) {
        border-bottom-color: rgba(234, 234, 234, .5) !important
    }

    .feature-box .feature-box-icon.custom-feature-box-icon-size-1 {
        width: 3em;
        height: 3em;
        font-size: 1.3rem
    }

    .custom-form-style-1 .form-control:not(textarea) {
        height: 55px
    }

    .custom-form-style-1 .form-control::-webkit-input-placeholder {
        color: #777
    }

    .custom-form-style-1 .form-control::-moz-placeholder {
        color: #777
    }

    .custom-form-style-1 .form-control:-ms-input-placeholder {
        color: #777
    }

    .custom-form-style-1 .form-control:-moz-placeholder {
        color: #777
    }

    .custom-progress-bars-style-1 .progress {
        position: relative;
        height: 7px;
        background: #ccc
    }

    .custom-progress-bars-style-1 .progress-bar-tooltip {
        background-color: transparent;
        color: #777;
        font-size: 14px;
        top: -30px;
        right: 0;
        opacity: 1
    }

    .custom-progress-bars-style-1 .progress-bar-tooltip:after {
        border-color: transparent
    }

    .custom-circles-group-1 {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    .custom-circles-group-1 .circle-1 {
        width: 250px;
        height: 250px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 6rem
    }

    .custom-circles-group-1 .circle-2,
    .custom-circles-group-1 .circle-3 {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        transform: translate3d(-50%, -50%, 0)
    }

    .custom-circles-group-1 .circle-2 {
        top: 56%;
        left: 76%;
        width: 190px;
        height: 190px
    }

    .custom-circles-group-1 .circle-3 {
        top: 75%;
        left: 53%;
        width: 170px;
        height: 170px
    }

    .custom-circle {
        position: absolute;
        border-radius: 100%
    }

    .custom-circle.custom-circle-big {
        width: 52px;
        height: 52px
    }

    .custom-circle.custom-circle-medium {
        width: 23px;
        height: 23px
    }

    .custom-circle.custom-circle-small {
        width: 15px;
        height: 15px
    }

    .custom-circle.custom-circle-extra-small {
        width: 10px;
        height: 10px
    }

    .custom-circle.custom-circle-pos-1 {
        top: 25%;
        left: -13%
    }

    .custom-circle.custom-circle-pos-1.custom-circle-pos-1-1 {
        top: 45%
    }

    .custom-circle.custom-circle-pos-2 {
        top: 43%;
        left: -4%
    }

    .custom-circle.custom-circle-pos-2.custom-circle-pos-2-2 {
        top: 77%;
        left: -1%
    }

    .custom-circle.custom-circle-pos-3 {
        top: 9%;
        left: 17%
    }

    .custom-circle.custom-circle-pos-3.custom-circle-pos-3-3 {
        top: 35%
    }

    .custom-circle.custom-circle-pos-4 {
        top: 53%;
        left: 20%
    }

    .custom-circle.custom-circle-pos-4.custom-circle-pos-4-4 {
        left: 107%
    }

    .custom-circle.custom-circle-pos-5 {
        top: 61%;
        left: 39%
    }

    .custom-circle.custom-circle-pos-5.custom-circle-pos-5-5 {
        top: 21%;
        left: 96%
    }

    .custom-circle.custom-circle-pos-6 {
        top: 41%;
        left: 46%
    }

    .custom-circle.custom-circle-pos-6.custom-circle-pos-6-6 {
        top: 28%;
        left: 119%
    }

    .custom-circle.custom-circle-pos-7 {
        top: 30%;
        left: 104%
    }

    .custom-circle.custom-circle-pos-8 {
        top: 7%;
        left: 114%
    }

    .custom-circle.custom-circle-pos-9 {
        top: 76%;
        left: 27%
    }

    .custom-circle.custom-circle-pos-10 {
        top: 10%;
        left: 114%
    }

    .custom-circle.custom-circle-pos-11 {
        top: 6%;
        left: 117%
    }

    .custom-circle.custom-circle-pos-12 {
        top: 9%;
        left: 119.3%
    }

    .custom-circle.custom-circle-pos-13 {
        top: 6%;
        left: 120%
    }

    .custom-circle.custom-circle-pos-14 {
        left: 60%;
        top: -15%
    }

    .custom-circle.custom-circle-pos-15 {
        top: -11%;
        left: 60.7%
    }

    .custom-circle.custom-circle-pos-16 {
        top: -13.9%;
        left: 62%
    }

    .custom-circle.custom-circle-pos-17 {
        top: 6%;
        left: 105%
    }

    .custom-circle.custom-circle-pos-18 {
        top: 8%;
        left: 106.9%
    }

    .custom-circle.custom-circle-pos-19 {
        top: 9.5%;
        left: 108.4%
    }

    .custom-circle.custom-circle-pos-20 {
        bottom: 5.5%;
        left: -7%
    }

    .custom-circle.custom-circle-pos-21 {
        bottom: 4.5%;
        left: -8.6%
    }

    .custom-circle.custom-circle-pos-22 {
        bottom: 2.7%;
        left: -6.8%
    }

    .custom-circle.custom-circle-pos-23 {
        bottom: 2.5%;
        left: -8.5%
    }

    .custom-circle.custom-circle-pos-24 {
        top: 38%;
        left: -14.5%
    }

    .custom-circle.custom-circle-pos-25 {
        top: 12.5%;
        left: -8.5%
    }

    .custom-circle.custom-circle-pos-26 {
        top: 25.5%;
        left: .5%
    }

    .custom-circle.custom-circle-pos-27 {
        top: 46%;
        left: 44.5%
    }

    .custom-circle.custom-circle-pos-28 {
        top: 26%;
        left: 107%
    }

    .custom-circle.custom-circle-pos-29 {
        top: 6.5%;
        left: 110%
    }

    .custom-circle.custom-circle-pos-30 {
        top: 36.5%;
        left: 119.5%
    }

    .custom-circle.custom-circle-pos-31 {
        top: 66.5%;
        left: 23.7%
    }

    .custom-circle.custom-circle-pos-32 {
        top: 79%;
        left: 20%
    }

    .custom-circle.custom-circle-pos-33 {
        top: 82%;
        left: 24.2%
    }

    .custom-circle.custom-circle-pos-34 {
        top: 86%;
        left: 20.2%
    }

    .custom-circle.custom-circle-pos-35 {
        top: 84%;
        left: 69.5%
    }

    .custom-circle.custom-circle-pos-36 {
        top: 89.3%;
        left: 74.3%
    }

    .custom-circle.custom-circle-pos-37 {
        top: 13.1%;
        left: 69.5%
    }

    .custom-circle.custom-circle-pos-38 {
        top: 11.5%;
        left: 80.7%
    }

    .custom-circle.custom-circle-pos-39 {
        top: 5.4%;
        left: 75.7%
    }

    .custom-circle.custom-circle-pos-40 {
        top: 5.4%;
        left: 82.7%
    }

    .custom-circle.custom-circle-pos-41 {
        top: 86%;
        left: 103%
    }

    .custom-circle.custom-circle-pos-42 {
        top: 88.8%;
        left: 104.6%
    }

    .custom-circle.custom-circle-pos-43 {
        top: 91%;
        left: 105.8%
    }

    .custom-circle.custom-circle-pos-44 {
        left: 103%;
        top: 10%
    }

    .custom-circle.custom-circle-pos-45 {
        left: 104.7%;
        top: 14.1%
    }

    .custom-circle.custom-circle-pos-46 {
        left: 106.2%;
        top: 10.4%
    }

    .custom-circle.custom-circle-pos-47 {
        top: 78%;
        left: -5%
    }

    .custom-circle.custom-circle-pos-48 {
        top: 95%;
        left: -2.5%
    }

    .custom-circle.custom-circle-pos-49 {
        top: 93%;
        left: -4.5%
    }

    .custom-circle.custom-circle-pos-50 {
        top: 97%;
        left: -3.3%
    }

    .custom-dots-rect-1 {
        width: 103px;
        height: 138px;
        position: absolute;
        bottom: 50px;
        left: -104px;
        z-index: 0
    }

    .custom-dots-rect-2 {
        width: 79px;
        height: 75px;
        position: absolute;
        bottom: -43px;
        right: -39px;
        z-index: 0
    }

    .custom-dots-rect-3 {
        width: 99px;
        height: 119px;
        position: absolute;
        top: -77px;
        left: -71px;
        z-index: 0
    }

    .custom-dots-rect-4,
    .custom-dots-rect-5 {
        position: absolute;
        width: 144px;
        height: 100px;
        transform: rotateX(180deg)
    }

    .custom-dots-rect-4 {
        top: -50px;
        right: -388px
    }

    .custom-dots-rect-5 {
        bottom: -80px;
        left: -38px
    }

    .testimonial.testimonial-style-3.custom-testimonial-style-1 {
        padding: 20px
    }

    .testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote {
        padding: 39px 20px 27px 41px;
        background: #fff !important;
        box-shadow: 0 0 20px -3px rgba(0, 0, 0, .1)
    }

    .testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote:before {
        top: 10px;
        left: 12px;
        font-size: 78px;
        font-family: Poppins
    }

    .testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote p {
        font-family: Poppins, sans-serif
    }

    .testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author {
        margin: 20px 0 0
    }

    .testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author img {
        max-width: 70px
    }

    .custom-carousel-style-1 {
        margin-top: -20px
    }

    .custom-carousel-dots-style-1 .owl-dots {
        display: flex;
        justify-content: flex-start;
        padding-left: 1.3rem;
        margin-top: -7px !important
    }

    .custom-carousel-dots-style-1 .owl-dots .owl-dot {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10px;
        height: 10px;
        box-shadow: 0 0 0 2px #ccc;
        border-radius: 100%;
        border: 2px solid #fff;
        background: 0 0;
        margin-right: .5rem
    }

    .custom-carousel-dots-style-1 .owl-dots .owl-dot>span {
        background: 0 0 !important
    }

    .custom-carousel-dots-style-1 .owl-dots .owl-dot:last-child {
        margin-right: 0
    }

    .custom-carousel-dots-style-1 .owl-dots .owl-dot.active {
        background: #ccc
    }

    .min-height-disable,
    .owl-carousel .featured-box {
        min-height: 100% !important
    }

    .section .new-products {
        margin-top: -130px;
        margin-bottom: -100px
    }

    .fleft {
        float: left !important
    }

    .circle-section {
        padding-bottom: 0 !important;
        bottom: -47px !important
    }

    .page-header h2 {
        color: #fff;
        top: 5px
    }

    .page-header p {
        font-size: 14px;
        line-height: 36px;
        color: #fff !important;
        text-justify: auto
    }

    .custom-supplement-section-grey {
        fill: #ededed
    }

    .custom-supplement-section {
        fill: #fff;
        width: 100%;
        top: 70px;
        display: flex;
        height: 22px;
        position: relative;
        z-index: 98;
        padding: 0 2%
    }

    #main-body .container .row.d-block .col-md-9.pull-md-right:first-child,
    .owl-carousel img,
    .supplement-element-middle {
        width: 100%
    }

    .custom-supplement-section .supplement-element-left,
    .custom-supplement-section .supplement-element-right {
        flex-shrink: 0;
        width: 11px
    }

    svg:not(:root) {
        overflow: hidden
    }

    .card .dedicated-logo {
        max-height: 100px
    }

    .card a {
        z-index: 2
    }

    .rating-container {
        display: contents;
        float: right
    }

    .card-body .rating-input,
    .conteiner,
    .owl-carousel .slide-owl-wrap:not(:first-child) {
        display: none
    }

    .text-color-yellow {
        color: #e3d241
    }

    .image-hotspot-yellow .ring {
        border: 1px solid #e3d241 !important
    }

    .image-hotspot-green .ring {
        border: 1px solid #2baab1 !important
    }

    .readmore-vps {
        border-left: 0 !important;
        border-radius: 0 .6em .6em 0 !important;
        width: 36% !important;
        margin-right: 64%
    }

    .flag-vps {
        position: absolute;
        opacity: .04;
        transform: rotate(-23deg);
        right: -23%;
        top: 27%;
        width: 100%;
        height: 100%;
        border: 2px solid;
        max-width: 606px;
        max-height: 460px
    }

    .text-last-center {
        text-align-last: center
    }

    .text-4-5 {
        font-size: 1.35em !important
    }

    .title-num-en {
        font-family: yekan-bakh-en !important
    }

    .gs-snippet,
    .gsc-control-cse {
        font-family: dana !important
    }

    .lh-2 {
        line-height: 1.7em !important
    }

    .lh-3 {
        line-height: 2.2em !important
    }

    .custom-pricing-table td,
    .custom-pricing-table th {
        padding-top: 13px !important;
        padding-bottom: 10px !important
    }

    .rounded-top-left {
        border-top-left-radius: 8px !important
    }

    .rounded-top-right {
        border-top-right-radius: 8px !important
    }

    .rounded-bottom-left {
        border-bottom-left-radius: 8px !important
    }

    .rounded-bottom-right {
        border-bottom-right-radius: 8px !important
    }

    .rounded-top-left-0 {
        border-top-left-radius: 0 !important
    }

    .rounded-top-right-0 {
        border-top-right-radius: 0 !important
    }

    .rounded-bottom-left-0 {
        border-bottom-left-radius: 0 !important
    }

    .rounded-bottom-right-0 {
        border-bottom-right-radius: 0 !important
    }

    .btn-other-custom span {
        Background-color: #d50e2f !important
    }

    .btn-other-custom {
        background-color: #ccc;
        color: #d50e2f !important;
        transition: .1s linear
    }

    .btn-other-custom:hover {
        transform: translateX(-5px);
        transition: .1s linear
    }

    .vps_custom_flag {
        height: 50px !important
    }

    .vps_custom_range {
        margin-top: -12px !important;
        font-weight: 700 !important
    }

    .vps_managed_popover {
        font-size: 10px !important;
        padding: 4px 6px 0 !important;
        opacity: .61 !important;
        border: none !important
    }

    .input-group-rounded-transfer {
        border-radius: 1.2rem !important;
        border: 2px solid;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .search-input input {
        border-radius: 0 .25rem .25rem 0 !important
    }

    input[type=range] {
        -webkit-appearance: none
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 300px;
        height: 5px;
        background: #ddd;
        border: none;
        border-radius: 3px
    }

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #d40d2f;
        margin-top: -4px
    }

    .form-range:focus::-webkit-slider-thumb {
        background: #d40d2f;
        box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #e8a1ad
    }

    input[type=range]:focus {
        outline: 0
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: #ccc
    }

    input[type=range]::-moz-range-progress,
    input[type=range]:active::-moz-range-progress,
    input[type=range]:hover::-moz-range-progress {
        background: #f2164d
    }

    .gs-title {
        font-size: 18px !important
    }

    .gs-snippet {
        font-size: 16px !important
    }

    .gs-visibleUrl {
        font-size: 15px !important
    }

    .blog-share-icons {
        width: 43px;
        height: 43px;
        border-radius: 50% !important;
        padding-top: 10px !important;
        padding-right: 11px !important;
        background-color: #8b8b8bdb !important
    }

    .custom-pricing-fixed {
        width: 1296px !important
    }

    .custom-page-header {
        padding: 30px 0 80px !important;
        background-position-y: 52% !important
    }

    @media only screen and (max-width:1154px) {
        .custom-page-header {
            background-position-x: 52% !important
        }
    }

    .lds-ring {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px
    }

    .conteiner-deufalt,
    .lds-ring div,
    .owl-carousel {
        display: block
    }

    .lds-ring div {
        box-sizing: border-box;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #6d6d6d;
        border-radius: 50%;
        animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
        border-color: #6d6d6d transparent transparent
    }

    .lds-ring div:first-child {
        animation-delay: -.45s
    }

    .lds-ring div:nth-child(2) {
        animation-delay: -.3s
    }

    .lds-ring div:nth-child(3) {
        animation-delay: -.15s
    }

    @keyframes lds-ring {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    .vps_custom_country .badge {
        position: absolute;
        margin-top: -11px
    }

    .vps_custom_country .selected {
        Background-color: #e8e8e8
    }

    .vps_custom_country .selected {
        Background-color: #e8e8e8 !important
    }

    label {
        font-family: pinar
    }

    select option {
        font-family: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
        font-size: 12px
    }

    .rmp-rating-widget {
        border-radius: 9px;
        width: 325px;
        scale: 77%;
        float: right
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    input[type=number] {
        -moz-appearance: textfield
    }

    .product-status h3,
    .product-status h4 {
        font-size: 26px !important
    }

    .elementor-menu-anchor {
        display: block !important
    }

    .d-contents {
        display: contents !important
    }

    #progress-bar {
        position: fixed;
        top: 0;
        left: 0;
        height: 5px;
        background-color: #d40c2d;
        width: 0;
        z-index: 1000000;
        transition: width .1s ease-out
    }

    @media (max-width:767px) {
        .custom-circles-group-1 .circle-2 {
            left: 84%
        }

        .custom-circles-group-1 .circle-3 {
            left: 40%
        }

        .tiles .tile:nth-child(2),
        .tiles .tile:nth-child(4) {
            border-right: 5px solid #fff !important
        }

        .tiles .tile:first-child,
        .tiles .tile:nth-child(2) {
            border-bottom: none !important;
            margin-bottom: 5px !important
        }

        .tiles .tile:nth-child(3) {
            border-right: none
        }
    }

    .input-group-rounded .form-control {
        border-color: #d50c2d !important
    }

    @media (max-width:599px) {
        .dataTables_wrapper .dataTables_filter label {
            margin: 0 !important;
            width: 70% !important
        }

        .dataTables_wrapper .dataTables_filter {
            width: 60% !important;
        }
    }

    @media (max-width:600px) {
        div#tableServicesList_filter {
            width: 50%;
            margin-top: 1% !important;
            margin-right: 1% !important
        }

        .dataTables_wrapper .dataTables_filter {
            float: right;
            margin-top: 3% !important;
            margin-bottom: auto !important;
            margin-right: 10px !important;
            width: 30%;
        }
    }

    @media (max-width:480px) {
        .dataTables_wrapper .dataTables_filter {
            float: right;
            margin-top: 4% !important;
            margin-bottom: auto !important;
            margin-right: 10px !important;
            width: 45% !important
        }

        .dataTables_wrapper .dataTables_filter label {
            margin: 0 !important;
            width: 70% !important
        }
    }

    @media (min-width:993px) {
        .affiliate-stat {
            font-size: 1em;
            height: 55px
        }
    }

    @media (max-width:992px) {
        .affiliate-stat {
            font-size: 1em;
            height: 95px
        }
    }

    @media (max-width:770px) {
        .affiliate-stat {
            font-size: 1em;
            height: 95px
        }
    }

    .btn-secondary.focus:not(.bg-transparent),
    .btn-secondary:focus:not(.bg-transparent) {
        background-color: #fff !important;
        color: #d40c2d !important
    }

    .rmp-rating-widget .rmp-icon--half-highlight {
        background: linear-gradient(to left, #ffe699 50%, #ccc 50%) !important;
        -webkit-background-clip: text !important
    }

    .affiliate-stat {
        height: 100% !important;
        font-size: 1.1rem !important
    }

    .affiliate-stat span {
        margin-bottom: 20px
    }

    @media (min-width:992px) {
        .m-lg-0 {
            margin: 0 !important
        }

        .mt-lg-0,
        .my-lg-0 {
            margin-top: 0 !important
        }

        .mr-lg-0,
        .mx-lg-0 {
            margin-right: 0 !important
        }

        .mb-lg-0,
        .my-lg-0 {
            margin-bottom: 0 !important
        }

        .ml-lg-0,
        .mx-lg-0 {
            margin-left: 0 !important
        }

        .m-lg-1 {
            margin: .25rem !important
        }

        .mt-lg-1,
        .my-lg-1 {
            margin-top: .25rem !important
        }

        .mr-lg-1,
        .mx-lg-1 {
            margin-right: .25rem !important
        }

        .mb-lg-1,
        .my-lg-1 {
            margin-bottom: .25rem !important
        }

        .ml-lg-1,
        .mx-lg-1 {
            margin-left: .25rem !important
        }

        .m-lg-2 {
            margin: .5rem !important
        }

        .mt-lg-2,
        .my-lg-2 {
            margin-top: .5rem !important
        }

        .mr-lg-2,
        .mx-lg-2 {
            margin-right: .5rem !important
        }

        .mb-lg-2,
        .my-lg-2 {
            margin-bottom: .5rem !important
        }

        .ml-lg-2,
        .mx-lg-2 {
            margin-left: .5rem !important
        }

        .m-lg-3 {
            margin: 1rem !important
        }

        .mt-lg-3,
        .my-lg-3 {
            margin-top: 1rem !important
        }

        .mr-lg-3,
        .mx-lg-3 {
            margin-right: 1rem !important
        }

        .mb-lg-3,
        .my-lg-3 {
            margin-bottom: 1rem !important
        }

        .ml-lg-3,
        .mx-lg-3 {
            margin-left: 1rem !important
        }

        .m-lg-4 {
            margin: 1.5rem !important
        }

        .mt-lg-4,
        .my-lg-4 {
            margin-top: 1.5rem !important
        }

        .mr-lg-4,
        .mx-lg-4 {
            margin-right: 1.5rem !important
        }

        .mb-lg-4,
        .my-lg-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-lg-4,
        .mx-lg-4 {
            margin-left: 1.5rem !important
        }

        .m-lg-5 {
            margin: 3rem !important
        }

        .mt-lg-5,
        .my-lg-5 {
            margin-top: 3rem !important
        }

        .mr-lg-5,
        .mx-lg-5 {
            margin-right: 3rem !important
        }

        .mb-lg-5,
        .my-lg-5 {
            margin-bottom: 3rem !important
        }

        .ml-lg-5,
        .mx-lg-5 {
            margin-left: 3rem !important
        }

        .p-lg-0 {
            padding: 0 !important
        }

        .pt-lg-0,
        .py-lg-0 {
            padding-top: 0 !important
        }

        .pr-lg-0,
        .px-lg-0 {
            padding-right: 0 !important
        }

        .pb-lg-0,
        .py-lg-0 {
            padding-bottom: 0 !important
        }

        .pl-lg-0,
        .px-lg-0 {
            padding-left: 0 !important
        }

        .p-lg-1 {
            padding: .25rem !important
        }

        .pt-lg-1,
        .py-lg-1 {
            padding-top: .25rem !important
        }

        .pr-lg-1,
        .px-lg-1 {
            padding-right: .25rem !important
        }

        .pb-lg-1,
        .py-lg-1 {
            padding-bottom: .25rem !important
        }

        .pl-lg-1,
        .px-lg-1 {
            padding-left: .25rem !important
        }

        #header .header-nav.header-nav-line nav>ul>li>a,
        .p-lg-2 {
            padding: .5rem !important
        }

        .pt-lg-2,
        .py-lg-2 {
            padding-top: .5rem !important
        }

        .pr-lg-2,
        .px-lg-2 {
            padding-right: .5rem !important
        }

        .pb-lg-2,
        .py-lg-2 {
            padding-bottom: .5rem !important
        }

        .pl-lg-2,
        .px-lg-2 {
            padding-left: .5rem !important
        }

        .p-lg-3 {
            padding: 1rem !important
        }

        .pt-lg-3,
        .py-lg-3 {
            padding-top: 1rem !important
        }

        .pr-lg-3,
        .px-lg-3 {
            padding-right: 1rem !important
        }

        .pb-lg-3,
        .py-lg-3 {
            padding-bottom: 1rem !important
        }

        .pl-lg-3,
        .px-lg-3 {
            padding-left: 1rem !important
        }

        .p-lg-4 {
            padding: 1.5rem !important
        }

        .pt-lg-4,
        .py-lg-4 {
            padding-top: 1.5rem !important
        }

        .pr-lg-4,
        .px-lg-4 {
            padding-right: 1.5rem !important
        }

        .pb-lg-4,
        .py-lg-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-lg-4,
        .px-lg-4 {
            padding-left: 1.5rem !important
        }

        .p-lg-5 {
            padding: 3rem !important
        }

        .pt-lg-5,
        .py-lg-5 {
            padding-top: 3rem !important
        }

        .pr-lg-5,
        .px-lg-5 {
            padding-right: 3rem !important
        }

        .pb-lg-5,
        .py-lg-5 {
            padding-bottom: 3rem !important
        }

        .pl-lg-5,
        .px-lg-5 {
            padding-left: 3rem !important
        }

        .m-lg-auto {
            margin: auto !important
        }

        .mt-lg-auto,
        .my-lg-auto {
            margin-top: auto !important
        }

        .mr-lg-auto,
        .mx-lg-auto {
            margin-right: auto !important
        }

        .mb-lg-auto,
        .my-lg-auto {
            margin-bottom: auto !important
        }

        .ml-lg-auto,
        .mx-lg-auto {
            margin-left: auto !important
        }

        #header .header-top {
            border-bottom: 1px solid rgba(0, 0, 0, .06)
        }

        #header .header-nav.header-nav-links nav>ul>li.dropdown.open>.dropdown-menu,
        #header .header-nav.header-nav-links nav>ul>li.dropdown:hover>.dropdown-menu {
            border-top: 0;
            border-radius: 7px !important;
            padding: 5px
        }

        #header .header-nav-main nav>ul>li {
            margin-left: 14px
        }

        #header .header-nav-main nav>ul>li>a {
            font-size: 15px;
            font-weight: 600;
            text-transform: capitalize
        }

        #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
            padding: 6px 10px
        }
    }

    .btn-outline.btn-secondary.hover,
    .btn-outline.btn-secondary:hover {
        color: #fff !important;
        background-color: #d50c2d !important;
        border-color: #d50c2d !important
    }

    .bg-fixed {
        background-size: cover !important;
        background-repeat: no-repeat !important
    }

    .accordion.accordion-modern-status>.card .card-header a:after {
        content: '+';
        position: absolute !important;
        top: 50%;
        left: 25px;
        font-size: inherit;
        font-weight: inherit;
        transform: translate3d(0, -50%, 0) rotate(45deg);
        transform-origin: 50% 50%;
        transition: easetransform .3s
    }

    .border-radius-right {
        border-radius: 0 10px 10px 0 !important
    }

    .border-radius-left {
        border-radius: 10px 0 0 10px !important
    }

    .border-radius-none {
        border-radius: 0 !important
    }

    .border-right-none {
        border-right: 0px !important
    }

    .border-left-none {
        border-left: 0 !important
    }

    .card-bank {
        background: linear-gradient(45deg, #444, #f9f9f9) !important;
        width: 380px;
        height: 220px;
        border: none
    }

    #copy-popup {
        z-index: 1050;
        border: none;
        border-radius: 5px;
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s, visibility .5s
    }

    #copy-popup.show {
        visibility: visible
    }

    @media (max-width:1197px) {
        .image-hotspot strong i {
            font-size: 15px !important;
        }
    }

    @media (max-width:991px) {
        #header .header-nav-main nav>ul>li.dropdown a {
            color: #707070
        }

        #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a {
            color: #444 !important
        }

        #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
            background: 0 0 !important
        }

        #sitejetViewLink {
            font-size: .7rem
        }

        .list-group-item>.badge {
            float: left !important
        }

        .list-group .list-group-item {
            padding-right: 5px !important;
            padding-left: 5px !important;
            text-align: start !important
        }

        .d-xmd-inline-block {
            display: inline-block !important
        }
    }

    @media (max-width:789px) {
        .d-mmd-none {
            display: none !important
        }

        .image-hotspot strong i {
            font-size: 10px !important;
        }
    }

    .btn-light:hover {
        background-color: #f2f2f2 !important
    }

    .btn-light {
        background-color: #fff !important
    }

    .btn-outline.btn-primary.hover,
    .btn-outline.btn-primary:hover {
        background-color: #d50c2d !important;
        color: #fff !important
    }

    @media only screen and (max-width:1400px) {
        .custom-page-header {
            background-position-x: 10% !important
        }
    }

    @media only screen and (max-width:1335px) {
        .custom-page-header {
            background-position-x: 4% !important
        }
    }

    @media only screen and (max-width:1124px) {
        .custom-page-header {
            background-position-x: 10% !important
        }
    }

    @media only screen and (max-width:1190px) {
        .custom-page-header {
            background-position-x: 12% !important
        }
    }

    @media only screen and (max-width:1100px) {
        .custom-page-header {
            background-position-x: 100% !important
        }
    }

    .border-whmcs {
        border: 1px solid #eee !important;
        color: #555 !important;
        background: #f5f5f5;
    }

    .toggle-content.p-3.toggle-send-ticket {
        border: 1px solid #eee !important;
        padding: 10px;
        text-align: justify;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .toggle.active a.toggle-title.border-0.border-whmcs {
        border-bottom: 0px !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .toggle>label:before,
    .toggle>.toggle-title:before {
        border-color: #dddddd !important;
        border-top: 2px solid;
        border-right: 2px solid;
        width: 8px;
    }

    .ghost-text {
        position: absolute;
        right: 27px;
        top: 16%;
    }

    html .btn-primary.disabled,
    html .btn-primary:disabled {
        border-color: #d50c2d #d50c2d #d50c2d
    }

    .w-max-content {
        width: max-content !important;
    }

    .header-page-h2 {
        color: #058;
    }

    .accordion.accordion-modern-status>.card .card-header p {
        position: relative;
        padding: 23px 30px;
        background-color: #f4f4f4;
        transition: ease background-color 300ms, ease color 300ms;
    }

    .accordion .card-header p {
        cursor: pointer;
        display: block;
        padding: 10px 20px;
    }

    .accordion.accordion-modern-status.accordion-modern-status-arrow>.card .card-header p.collapsed:after {
        transform: translate3d(0, -50%, 0) rotate(0deg);
    }

    .accordion.accordion-modern-status.accordion-modern-status-arrow>.card .card-header p:after {
        transform: translate3d(0, -50%, 0) rotate(-90deg);
        font-family: 'Font Awesome 6 Free';
        content: "\f104";
        font-weight: 900;
    }

    .accordion.accordion-modern-status>.card .card-header p.collapsed:after {
        transform: translate3d(0, -50%, 0) rotate(0deg);
    }

    .accordion.accordion-modern-status>.card .card-header p:after {
        content: '+';
        position: absolute !important;
        top: 50%;
        left: 25px;
        font-size: inherit;
        font-weight: inherit;
        transform: translate3d(0, -50%, 0) rotate(45deg);
        transform-origin: 50% 50%;
        transition: easetransform .3s;
    }

    .accordion.accordion-modern-status>.card .card-header p:after {
        content: '+';
        position: initial;
        top: 50%;
        font-size: inherit;
        font-weight: inherit;
        transform: translate3d(0, -50%, 0) rotate(45deg);
        transform-origin: 50% 50%;
        transition: ease transform 300ms !important;
    }

    .accordion .card-header p {
        cursor: pointer;
        display: block;
        padding: 10px 20px;
    }

    .form-control.bg-color-light,
    .form-control.bg-light {
        color: #595959 !important;
    }

    .color-contrast-gray {
        color: #4F4F4F !important;
    }

    .rs-layer,
    #slider-2-slide-8-layer-1 {
        font-display: swap;
        will-change: transform, opacity;
    }

    .modal-remove-item#modalEmptyCart {
        display: none;
        opacity: 0;
        pointer-events: none;
    }

    .modal-remove-item#modalEmptyCart.show {
        display: block !important;
        opacity: 1 !important;
        pointer-events: all !important;
    }

    .modal-remove-item#modalEmptyCart .modal-dialog {
        transform: translate(0, -50px);
        transition: transform 0.3s ease-out;
    }

    .modal-remove-item#modalEmptyCart.show .modal-dialog {
        transform: none !important;
    }

    .modal-backdrop {
        display: none;
        opacity: 0;
    }

    .modal-remove-item#modalEmptyCart.show~.modal-backdrop {
        display: block !important;
        opacity: 0.5 !important;
    }

    .modal-remove-item#modalRemoveItem.show {
        opacity: 1 !important;
    }

    .input-left {
        direction: ltr;
        padding-left: 35px !important;
    }

    .checkbox input[type=checkbox] {
        position: relative !important;
        margin-right: 0px !important;
        margin-left: 5px;
        margin-top: 0px;
    }

    .custom-arrow-select.form-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: left .75rem center;
        background-size: 16px 12px;
        padding-left: 2.25rem;
        padding-right: .75rem
    }

    .dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
        display: inline;
    }

    .btn-warning:active,
    .btn-warning.active,
    .show>.btn-warning.dropdown-toggle {
        background-color: #e0a800;
        background-image: none;
        border-color: #d39e00 #d39e00 #d39e00
    }

    .popover {
        font-family: iransans-num, Arial, sans-serif !important;
    }

    .modal.fade.show {
        opacity: 1;
        background: #00000052;
    }

    .bg-custome-very-low-gray {
        background: var(--bs-gray-100) !important;
    }
    #order-standard_cart .input-group-lg>.form-control {
        border-radius: 0px 6px 6px 0px !important;
    }
    @media (max-width:768px) {
        .d-flow-root {
            display: flow-root;
        }
        #order-standard_cart .input-group-lg>.form-control {
            border-radius: 6px !important;
        }
    }

    @media (max-width:417px) {
        .d-ticket-flow-root {
            display: flow-root;
        }
    }

    @media (max-width:471px) {
        .d-invoice-flow-root {
            display: flow-root;
        }
    }

    #customfield872 {
        direction: ltr;
    }

    .z-index-100 {
        z-index: 100;
    }



    a:active {
        color: #d50c2d;
    }

    .elementor-toggle .elementor-toggle-item .elementor-tab-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .elementor-toggle .elementor-toggle-item .elementor-tab-title span.elementor-toggle-icon.elementor-toggle-icon-right {
        order: 2;
    }

    .elementor-toggle .elementor-toggle-item .elementor-tab-title a.elementor-toggle-title {
        order: 1;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border-color: #eeeeee #eeeeee #fff;
    }

    html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover {
        border-left-color: white;
    }

    select.form-control {
        background-repeat: no-repeat;
        background-position: left .75rem center;
        background-size: 16px 12px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }

    .select-form-right {
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }

    html body .tabs .nav-tabs .nav-link:hover,
    html body .tabs .nav-tabs .nav-link:focus {
        border-bottom: 1px solid #dbdbdb;
        transition: unset;
    }

    .toggle>.toggle-betore-dark::before {
        border-color: #383838 !important;
    }

    .elementor-toc__header {
        margin-bottom: -1px;
    }

    .outline-unset:focus {
        outline: unset;
    }

    .border-top-success {
        border-top-color: #198754 !important;
    }

    @media(max-width: 1120px) {
        .d-xxlg-block {
            display: block !important
        }
    }

    @media(min-width: 1120px) {
        .d-xxlg-inline {
            display: inline !important
        }
    }

    select.form-control.input-sm {
        background-repeat: no-repeat;
        background-position: left 0.15rem center;
        background-size: 10px 10px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none'stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }

    select.form-control.select-form-right {
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none'  stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }

    @media(min-width: 1120px) {
        .d-xxlg-inline {
            display: inline !important
        }
    }

    @media (max-width: 449px) {
        .d-invoice-flow-table {
            display: flow-root;
            overflow-x: auto;
        }
    }

    #Primary_Sidebar-Already_Registered-Login,
    #Primary_Sidebar-Already_Registered-Lost_Password_Reset {
        padding-right: 13px !important;
        padding-left: 14px !important;
    }

    .ticket-reply.markdown-content .message p {
        overflow-wrap: break-word;
    }

    form[action="clientarea.php?action=productdetails"] button {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    form[action="clientarea.php?action=productdetails"] button i.fas.fa-arrow-circle-left {
        order: 1;
    }

    .main-wrapper {
        display: flex;
        justify-content: center;
        gap: 1.5rem;
        padding: 0 1rem
    }

    .column-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 540px
    }

    .box {
        border-radius: 12px;
        box-shadow: 0 4px 12px rgb(0 0 0 / .08);
        padding: 1.5rem;
        cursor: pointer;
        margin-bottom: 1.5rem;
        position: relative;
        padding-bottom: 130px;
        overflow: hidden;
        transition: height 1s cubic-bezier(.68, -.55, .265, 1.55), box-shadow 0.8s ease
    }

    .box:last-child {
        margin-bottom: 0
    }

    .box-text-hidden {
        max-height: 0;
        opacity: 0;
        transition: max-height 0.8s ease-in-out, opacity 0.5s ease-in-out
    }

    .box-image {
        position: absolute;
        bottom: 1.5rem;
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 8px;
        transition: opacity 0.8s ease-in-out, bottom 0.6s ease-in-out
    }

    .box-hovered {
        box-shadow: 0 8px 25px rgb(0 0 0 / .15)
    }

    .box-hovered .box-text-hidden {
        max-height: 200px;
        opacity: 1;
        margin-bottom: 1rem
    }

    .box-shrink {
        padding-bottom: 1.5rem !important
    }

    .box-shrink .box-image {
        opacity: 0;
        bottom: -150px
    }

    .calculating-height {
        height: auto !important;
        position: static !important;
        padding-bottom: 1.5rem !important;
        overflow: visible !important
    }

    .calculating-height .box-image,
    .calculating-height .box-text-hidden {
        display: none
    }

    @media (max-width:991.98px) {
        .main-wrapper {
            flex-direction: column;
            align-items: center
        }

        .column-wrapper {
            width: 100%;
            max-width: 540px
        }

        .box {
            height: auto !important;
            position: static;
            padding-bottom: 1.5rem;
            overflow: visible
        }

        .box-image {
            position: static;
            width: 100px;
            height: 100px;
            bottom: auto;
            left: auto;
            margin-top: 1rem;
            transition: none;
            opacity: 1
        }

        .box-text-hidden {
            max-height: 200px;
            opacity: 1;
            margin-bottom: 1rem
        }
    }

    .bg-custom-gray {
        background-color: #EEEEEE;
    }

    .news-ticker {
        position: relative;
        overflow: hidden;
        height: 40px;
    }

    .ticker-logo {
        z-index: 10;
    }

    .infinite-scroll-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 10px;
        width: 100%;
        height: 100%;
        z-index: 1;
        padding-right: 250px;
    }

    .scroll-item {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        white-space: nowrap;
    }

    .separator {
        margin: 0 20px;
    }

    @media (min-width: 991px) {
        .texe-lg-center {
            text-align: center !important;
        }
    }
.i-1 { width: 0.8rem; height: 0.8rem; }
.i-2 { width: 0.9rem; height: 0.9rem; }
.i-3 { width: 1rem; height: 1rem; }
.i-4 { width: 1.2rem; height: 1.2rem; }
.i-5 { width: 1.5rem; height: 1.5rem; }
.i-6 { width: 1.8rem; height: 1.8rem; }
.i-7 { width: 2rem; height: 2rem; }
.i-8 { width: 2.3rem; height: 2.3rem; }
.i-9 { width: 2.5rem; height: 2.5rem; }
.i-10 { width: 2.75rem; height: 2.75rem; }
.icon-svg {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    display: inline-block;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    color: transparent;
    font-size: 0; 
}
.icon-svg::before{
    content: unset !important;
}
.panel-footer .btn-view-more.pull-right.float-right {float: left !important;}
.breadcrumb > li + li::before,.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header p::after{
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    display: inline-block;
    width: 1.2rem; 
    height: auto;
    -webkit-mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-left.svg');
    mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-left.svg');
    background-color: white;
}
.owl-carousel .owl-nav button.owl-prev::before{
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    display: inline-block;
    width: 1.2rem; 
    height: auto;
    -webkit-mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-right.svg');
    mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-right.svg');
}
ul.nav-list li a::before{
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    display: inline-block;
    width: 0.45rem; 
    height: auto;
    -webkit-mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-right.svg');
    mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-right.svg');
    background-color: #666;
}
ul.nav-list li a:hover::before{
    background-color: #f76d7d;

}
.owl-carousel .owl-nav button.owl-next::before,.accordion-toggle.pr-0.d-flex.align-items-center.text-color-dark.font-weight-bold.bg-custome-very-low-gray.pl-5::after{
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    display: inline-block;
    width: 1.2rem; 
    height: auto;
    -webkit-mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-left.svg');
    mask-image: url('https://dev.pouyanit.com/template/images/icons/fontawesome/solid/angle-left.svg');
}