@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
    --omid-background-color: #FFFFFF;
    --omid-background-color-header: #FFFFFF;
    --omid-top-menu-dark-bg: #FFFFFF;
    --omid-rose-gold-color: #000000;
    --omid-primary-button-color: #000000;
    --omid-primary-button-color-darker: #000000;
    --omid-background-story-color: #0b0e13;
    --omid-footer-background-color: #0b0e13;
    --layer1: #ffffff;
    --omid-text-color: #ffffff;
    --omid-dark-bg-text-color: #ffffff;
    --omid-font-family: "Outfit", sans-serif;
    --omid-body-font-family: "Outfit", sans-serif;
    --omid-main-text-color: #2C2620;
    --omid-popup-background-color: #FFFFFF;
}


* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}


.text-omid-dark-bg, .text-omid-dark-bg:focus, .text-omid-dark-bg::placeholder,
.text-david-dark-bg, .text-david-dark-bg:focus, .text-david-dark-bg::placeholder {
    --bs-border-color: var(--omid-dark-bg-text-color);
    --bs-border-color-translucent: var(--omid-dark-bg-text-color);
    color: var(--omid-dark-bg-text-color);
}

body, html {
    margin: 0;
    background: var(--omid-background-color);
    color: var(--omid-main-text-color);
    font-family: var(--omid-body-font-family);
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
}
:root {}

a {
    color: #D4AF6E;
    color: var(--omid-dark-bg-text-color);
    letter-spacing: -1px;
    word-spacing: 3px;
    background-color: rgba(0, 0, 0, 0)
}

a:active, a:hover {
    outline: 0;
    color: var(--omid-footer-background-color);
}

a:focus, input:focus, textarea:focus, button:focus {
    outline: none;
}

p, .text-color {
    color: var(--omid-main-text-color);
    text-align: justify;
    font-family: var(--omid-body-font-family);
}

ul, ol {margin:0;list-style: disclosure-closed;list-style-position: inside;}

img {
    border: 1px solid var(--omid-primary-button-color-darker);
    padding: 5px;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--omid-dark-bg-text-color);
    font-family: var(--omid-font-family);
}

.woocommerce-tabs ul.tabs li.active::after {
    color: var(--omid-main-text-color);
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title > a, ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title > a, .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title > a, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a {
    margin-top:2px;
}

.rose-gold-bg {
    background-color: var(--omid-rose-gold-color);
}

.rose-gold-border {
    border-color: var(--omid-rose-gold-color);
}

.rose-gold-color {
    color: var(--omid-rose-gold-color);
}

.breadcrumb {
    padding-left: 0;
    font-size: .875rem
}

.hero-image .breadcrumb, .hero-boxed .breadcrumb {
    justify-content: center
}

body {
    overflow-x: hidden;
    max-width: 100%
}

a {
}

@media (min-width: 992px) {
    .container-fluid-px {
        padding-right: 3rem;
        padding-left: 3rem
    }
}

@media (min-width: 1400px) {
    .container-fluid-px {
        padding-right: 8rem;
        padding-left: 8rem
    }
}

@media (min-width: 992px) {
    .container-boxed .container-fluid-px {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width: 992px) {
    .container-boxed .container-fluid-px {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.container-boxed {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.15)
}

.header-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    background-color: var(--omid-background-color-header);
}

.bg-hover-white {
    transition: all .2s ease-out
}

.bg-hover-white:hover {
    background: #fff !important
}

.navbar {
    border-bottom: 1px solid #f8f9fa;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05)
}

.navbar .dropdown-menu {
    margin-top: 1.2rem
}

.navbar .megamenu {
    margin-top: -1px;
    z-index: 20;
    background: var(--omid-popup-background-color)
}

.navbar .nav-item:focus, .navbar .nav-link:focus {
    outline: none
}

.navbar .dropdown-toggle {
    position: relative
}

.navbar .dropdown-toggle::after {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 13px;
    right: 2px;
    margin-left: 0;
    transition: 0.2s;
    border: none
}

.navbar .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(-180deg)
}

@media (max-width: 575.98px) {
    .navbar-expand-sm {
        padding: .5rem
    }

    .navbar-expand-sm .dropdown-menu {
        margin-top: 0;
        border: none;
        box-shadow: none
    }

    .navbar-expand-sm.navbar-sticky .navbar-collapse {
        overflow-y: auto;
        max-height: 80vh
    }

    .navbar-expand-sm.navbar-sticky .navbar-collapse.collapsing {
        overflow-y: hidden
    }

    .navbar-expand-sm .dropdown-menu.megamenu {
        left: 0
    }

    .navbar-expand-sm .dropdown-menu.megamenu.dropdown-menu-animated {
        -webkit-animation-name: AnimateDropdown;
        animation-name: AnimateDropdown
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm .dropdown-menu.dropdown-menu-sm {
        width: 35rem
    }

    .navbar-expand-sm .dropdown-menu.dropdown-menu-md {
        width: 45rem
    }

    .navbar-expand-sm .navbar-nav .nav-link.dropdown-toggle {
        padding-right: 1.3rem
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md {
        padding: .5rem
    }

    .navbar-expand-md .dropdown-menu {
        margin-top: 0;
        border: none;
        box-shadow: none
    }

    .navbar-expand-md.navbar-sticky .navbar-collapse {
        overflow-y: auto;
        max-height: 80vh
    }

    .navbar-expand-md.navbar-sticky .navbar-collapse.collapsing {
        overflow-y: hidden
    }

    .navbar-expand-md .dropdown-menu.megamenu {
        left: 0
    }

    .navbar-expand-md .dropdown-menu.megamenu.dropdown-menu-animated {
        -webkit-animation-name: AnimateDropdown;
        animation-name: AnimateDropdown
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .dropdown-menu.dropdown-menu-sm {
        width: 35rem
    }

    .navbar-expand-md .dropdown-menu.dropdown-menu-md {
        width: 45rem
    }

    .navbar-expand-md .navbar-nav .nav-link.dropdown-toggle {
        padding-right: 1.3rem
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg {
        padding: .5rem
    }

    .navbar-expand-lg .dropdown-menu {
        margin-top: 0;
        border: none;
        box-shadow: none
    }

    .navbar-expand-lg.navbar-sticky .navbar-collapse {
        overflow-y: auto;
        max-height: 80vh
    }

    .navbar-expand-lg.navbar-sticky .navbar-collapse.collapsing {
        overflow-y: hidden
    }

    .navbar-expand-lg .dropdown-menu.megamenu {
        left: 0
    }

    .navbar-expand-lg .dropdown-menu.megamenu.dropdown-menu-animated {
        -webkit-animation-name: AnimateDropdown;
        animation-name: AnimateDropdown
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu.dropdown-menu-sm {
        width: 35rem
    }

    .navbar-expand-lg .dropdown-menu.dropdown-menu-md {
        width: 45rem
    }

    .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle {
        padding-right: 1.3rem
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl {
        padding: .5rem
    }

    .navbar-expand-xl .dropdown-menu {
        margin-top: 0;
        border: none;
        box-shadow: none
    }

    .navbar-expand-xl.navbar-sticky .navbar-collapse {
        overflow-y: auto;
        max-height: 80vh
    }

    .navbar-expand-xl.navbar-sticky .navbar-collapse.collapsing {
        overflow-y: hidden
    }

    .navbar-expand-xl .dropdown-menu.megamenu {
        left: 0
    }

    .navbar-expand-xl .dropdown-menu.megamenu.dropdown-menu-animated {
        -webkit-animation-name: AnimateDropdown;
        animation-name: AnimateDropdown
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl .dropdown-menu.dropdown-menu-sm {
        width: 35rem
    }

    .navbar-expand-xl .dropdown-menu.dropdown-menu-md {
        width: 45rem
    }

    .navbar-expand-xl .navbar-nav .nav-link.dropdown-toggle {
        padding-right: 1.3rem
    }
}

@media (max-width: 1399.98px) {
    .navbar-expand-xxl {
        padding: .5rem
    }

    .navbar-expand-xxl .dropdown-menu {
        margin-top: 0;
        border: none;
        box-shadow: none
    }

    .navbar-expand-xxl.navbar-sticky .navbar-collapse {
        overflow-y: auto;
        max-height: 80vh
    }

    .navbar-expand-xxl.navbar-sticky .navbar-collapse.collapsing {
        overflow-y: hidden
    }

    .navbar-expand-xxl .dropdown-menu.megamenu {
        left: 0
    }

    .navbar-expand-xxl .dropdown-menu.megamenu.dropdown-menu-animated {
        -webkit-animation-name: AnimateDropdown;
        animation-name: AnimateDropdown
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl .dropdown-menu.dropdown-menu-sm {
        width: 35rem
    }

    .navbar-expand-xxl .dropdown-menu.dropdown-menu-md {
        width: 45rem
    }

    .navbar-expand-xxl .navbar-nav .nav-link.dropdown-toggle {
        padding-right: 1.3rem
    }
}

.navbar-expand {
    padding: .5rem
}

.navbar-expand .dropdown-menu {
    margin-top: 0;
    border: none;
    box-shadow: none
}

.navbar-expand.navbar-sticky .navbar-collapse {
    overflow-y: auto;
    max-height: 80vh
}

.navbar-expand.navbar-sticky .navbar-collapse.collapsing {
    overflow-y: hidden
}

.navbar-expand .dropdown-menu.megamenu {
    left: 0
}

.navbar-expand .dropdown-menu.megamenu.dropdown-menu-animated {
    -webkit-animation-name: AnimateDropdown;
    animation-name: AnimateDropdown
}

.navbar-expand .dropdown-menu.dropdown-menu-sm {
    width: 35rem
}

.navbar-expand .dropdown-menu.dropdown-menu-md {
    width: 45rem
}

.navbar-expand .navbar-nav .nav-link.dropdown-toggle {
    padding-right: 1.3rem
}

.navbar-toggler:focus {
    outline: none
}

.navbar-light .navbar-brand, .navbar-hover-light:hover .navbar-brand, .navbar-fixed-light.fixed-top .navbar-brand {
    color: #000
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus, .navbar-hover-light:hover .navbar-brand:hover, .navbar-hover-light:hover .navbar-brand:focus, .navbar-fixed-light.fixed-top .navbar-brand:hover, .navbar-fixed-light.fixed-top .navbar-brand:focus {
    color: #000
}

.navbar-light .navbar-nav .nav-link, .navbar-hover-light:hover .navbar-nav .nav-link, .navbar-fixed-light.fixed-top .navbar-nav .nav-link {
    color: var(--omid-dark-bg-text-color);
    display: flex;
    align-items: center;
    gap: 5px;
}



.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-hover-light:hover .navbar-nav .nav-link:hover, .navbar-hover-light:hover .navbar-nav .nav-link:focus, .navbar-fixed-light.fixed-top .navbar-nav .nav-link:hover, .navbar-fixed-light.fixed-top .navbar-nav .nav-link:focus {
    color: var(--omid-rose-gold-color);
}

.navbar-light .navbar-nav .nav-link.disabled, .navbar-hover-light:hover .navbar-nav .nav-link.disabled, .navbar-fixed-light.fixed-top .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3)
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .navbar-hover-light:hover .navbar-nav .show > .nav-link, .navbar-hover-light:hover .navbar-nav .active > .nav-link, .navbar-hover-light:hover .navbar-nav .nav-link.show, .navbar-hover-light:hover .navbar-nav .nav-link.active, .navbar-fixed-light.fixed-top .navbar-nav .show > .nav-link, .navbar-fixed-light.fixed-top .navbar-nav .active > .nav-link, .navbar-fixed-light.fixed-top .navbar-nav .nav-link.show, .navbar-fixed-light.fixed-top .navbar-nav .nav-link.active {
    color: var(--omid-rose-gold-color);
}

.navbar-light .navbar-toggler, .navbar-hover-light:hover .navbar-toggler, .navbar-fixed-light.fixed-top .navbar-toggler {
    color: #212529;
    border-color: rgba(0, 0, 0, 0);
}

.navbar-light .navbar-toggler-icon, .navbar-hover-light:hover .navbar-toggler-icon, .navbar-fixed-light.fixed-top .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(0,0,0,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar-light .navbar-text, .navbar-hover-light:hover .navbar-text, .navbar-fixed-light.fixed-top .navbar-text {
    color: rgba(0, 0, 0, 0.5)
}



.navbar-dark .navbar-brand, .navbar-hover-dark:hover .navbar-brand, .navbar-fixed-dark.fixed-top .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus, .navbar-hover-dark:hover .navbar-brand:hover, .navbar-hover-dark:hover .navbar-brand:focus, .navbar-fixed-dark.fixed-top .navbar-brand:hover, .navbar-fixed-dark.fixed-top .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link, .navbar-hover-dark:hover .navbar-nav .nav-link, .navbar-fixed-dark.fixed-top .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55)
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-hover-dark:hover .navbar-nav .nav-link:hover, .navbar-hover-dark:hover .navbar-nav .nav-link:focus, .navbar-fixed-dark.fixed-top .navbar-nav .nav-link:hover, .navbar-fixed-dark.fixed-top .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75)
}

.navbar-dark .navbar-nav .nav-link.disabled, .navbar-hover-dark:hover .navbar-nav .nav-link.disabled, .navbar-fixed-dark.fixed-top .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25)
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-hover-dark:hover .navbar-nav .show > .nav-link, .navbar-hover-dark:hover .navbar-nav .active > .nav-link, .navbar-hover-dark:hover .navbar-nav .nav-link.show, .navbar-hover-dark:hover .navbar-nav .nav-link.active, .navbar-fixed-dark.fixed-top .navbar-nav .show > .nav-link, .navbar-fixed-dark.fixed-top .navbar-nav .active > .nav-link, .navbar-fixed-dark.fixed-top .navbar-nav .nav-link.show, .navbar-fixed-dark.fixed-top .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler, .navbar-hover-dark:hover .navbar-toggler, .navbar-fixed-dark.fixed-top .navbar-toggler {
    color: #f8f9fa;
    border-color: rgba(0, 0, 0, 0)
}

.navbar-dark .navbar-toggler-icon, .navbar-hover-dark:hover .navbar-toggler-icon, .navbar-fixed-dark.fixed-top .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255,255,255,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar-dark .navbar-text, .navbar-hover-dark:hover .navbar-text, .navbar-fixed-dark.fixed-top .navbar-text {
    color: rgba(255, 255, 255, 0.55)
}

.dropdown-menu.megamenu {
    left: 50%;
    overflow: hidden;
    width: 100%;
    max-width: 1300px;
    margin-top: -2px;
    border: none !important;
    z-index: 9999
}

.dropdown-menu.megamenu .megamenu-list {
    margin-bottom: 1.5rem;
    padding: 0;
    font-size: 0.8rem
}

.dropdown-menu.megamenu .megamenu-list-item {
    margin-bottom: 5px
}

.dropdown-menu.megamenu .megamenu-list-link {
    padding: 5px 0;
    text-decoration: none;
    color: #868e96
}

.dropdown-menu.megamenu .megamenu-list-link:hover {
    color: #212529;
    background: none
}

.svg-icon.navbar-icon {
    width: 1.5rem;
    height: 1.5rem
}

.navbar-icon-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 50% !important;
    background: var(--omid-rose-gold-color);
    font-size: 0.6rem;
    line-height: 20px;
    color: var(--omid-background-color-header);
}

.dropdown-menu-animated.dropdown-menu-end {
    right: 0 !important;
    left: auto !important
}

.dropdown-menu-animated {
    position: absolute;
    margin: 0;
    -webkit-animation-name: AnimateDropdown;
    animation-name: AnimateDropdown;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 1000
}

.dropdown-menu-animated.megamenu {
    -webkit-animation-name: AnimateDropdownMegamenu;
    animation-name: AnimateDropdownMegamenu
}

.dropdown-menu-animated.show {
    top: 100% !important
}

.dropdown-menu-animated i {
    display: inline-block
}

.dropdown-menu-animated.dropdown-menu[data-popper-placement^=left], .dropdown-menu-animated.dropdown-menu[data-popper-placement^=right], .dropdown-menu-animated.dropdown-menu[data-popper-placement^=top] {
    top: auto !important;
    -webkit-animation: none !important;
    animation: none !important
}

.dropdown-menu-mobile-control {
    display: none !important;
}


@media (max-width: 991.9px) {
    .dropdown-toggle-top-menu {
        display: none !important;
    }

    .dropdown-menu-top-menu {
        display: block;
        position: static;
    }

    .dropdown-menu-mobile-control {
        display: block !important;;
        background-color: var(--omid-top-menu-dark-bg);
    }

    .mobile-border {
        border-bottom: 2px solid var(--omid-top-menu-dark-bg);
    }
}

@-webkit-keyframes AnimateDropdown {
    100% {
        transform: translateY(0);
        opacity: 1
    }
    0% {
        transform: translateY(10px);
        opacity: 0
    }
}

@keyframes AnimateDropdown {
    100% {
        transform: translateY(0);
        opacity: 1
    }
    0% {
        transform: translateY(10px);
        opacity: 0
    }
}

@-webkit-keyframes AnimateDropdownMegamenu {
    100% {
        transform: translateX(-50%) translateY(0);
        opacity: 1
    }
    0% {
        transform: translateX(-50%) translateY(10px);
        opacity: 0
    }
}

@keyframes AnimateDropdownMegamenu {
    100% {
        transform: translateX(-50%) translateY(0);
        opacity: 1
    }
    0% {
        transform: translateX(-50%) translateY(10px);
        opacity: 0
    }
}

.hero {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.hero-image {
    padding-top: 240px;
    padding-bottom: 100px;
    text-align: center
}

.hero-boxed {
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center
}

.hero-content h1, .hero-content .h1 {
    font-size: 3.5rem
}

.top-bar {
    position: relative;
    color: #343a40;
    background: #e9ecef;
    font-weight: 300;
    z-index: 50
}

.top-bar .topbar-link {
    text-decoration: none;
    color: #343a40
}

.top-bar .topbar-link:focus {
    outline: none
}

.top-bar .dropdown-menu {
    margin-top: 1rem
}

.top-bar .dropdown-toggle {
    text-decoration: none;
    color: inherit
}

.top-bar .dropdown-toggle::after {
    margin-left: 5px
}

.detail-background {
    padding-top: 140px;
    padding-bottom: 60px
}

@media (min-width: 992px) {
    .detail-background {
        padding-top: 200px
    }
}

.detail-carousel {
    position: relative
}

.btn.btn-photoswipe {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 3rem;
    height: 3rem;
    padding: 0;
    text-align: center;
    letter-spacing: 0;
    border-radius: 50%;
    background: #fff;
    line-height: 3rem;
    z-index: 10
}

.detail-option-heading span {
    color: #adb5bd;
    font-family: "vremenagrotesk", sans-serif;
    font-family: var(--omid-font-family);

    font-size: .8rem;
    font-weight: normal
}

.detail-option-btn-label {
    position: relative;
    cursor: pointer
}

.detail-option-btn-label.active {
    box-shadow: none !important
}

.detail-quantity {
    max-width: 5rem;
    text-align: center
}

.detail-nav-link.nav-link {
    padding: 1rem 1.5rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #868e96;
    border-color: #fff #fff #e9ecef;
    border-bottom-width: 2px;
    font-size: .8rem;
    font-weight: 700
}

.detail-nav-link.nav-link.active, .detail-nav-link.nav-link:hover, .detail-nav-link.nav-link:focus {
    color: #212529;
    border-color: #fff #fff #212529 !important
}

.review {
    display: flex;
    padding-top: 2rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    border-bottom: 1px solid #e9ecef
}

.review:first-of-type {
    padding-top: 1rem
}

.review:last-of-type {
    margin-bottom: 0;
    border-bottom: none
}

.review-image {
    display: block;
    width: 120px;
    max-width: 100%;
    margin: 0 auto .5rem;
    padding: 0.5rem;
    border: solid 1px rgba(0, 0, 0, 0.075);
    border-radius: 50%;
    background: #fff
}

@media (max-width: 767.98px) {
    .review-image {
        width: 100px;
        padding: .4rem
    }
}

.review-text {
    padding-top: 1rem
}

.product-grid-header {
    display: flex;
    margin-bottom: 1rem;
    color: #868e96;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.product-grid-header strong {
    color: #495057
}

.product-grid-header-heading {
    color: #343a40
}

.product-grid-header-show {
    display: inline-block;
    margin-right: .5rem;
    padding: .3rem;
    color: #868e96
}

.product-grid-header-show.active {
    color: #212529;
    font-weight: bold
}

.product-grid-header-show:hover, .product-grid-header-show:focus {
    text-decoration: none;
    color: #212529
}

.product {
    margin-bottom: 1.5rem
}

.product:hover .product-hover-overlay {
    opacity: 1
}

.product:hover .btn {
    transform: none !important;
    opacity: 1 !important
}

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

.product:hover .product-info-action .product-price, .product:hover .product-info-action .btn, .product:hover .product-info-action .product-link {
    transform: translateY(-100%) !important;
    opacity: 1 !important
}

.product-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 5px 8px;
    z-index: 20
}

.product-badge + .product-badge {
    top: 60px
}

.product-badge + .product-badge + .product-badge {
    top: 110px
}

.product-badge + .product-badge + .product-badge + .product-badge {
    top: 160px
}

.product-image {
    position: relative
}

.product-stars {
    position: absolute;
    right: 0;
    bottom: 5px;
    transition: all 0.3s
}

@media (min-width: 768px) {
    .product-stars {
        transform: translateY(1rem);
        opacity: 0
    }
}

.product-hover-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    transition: all 0.3s
}

.product-hover-overlay .product-hover-overlay-buttons {
    z-index: 3
}

.product-hover-overlay .product-hover-overlay-buttons .svg-icon {
    vertical-align: text-top
}

.product-hover-overlay .btn.btn-minimized {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
    text-align: center
}

.product-hover-overlay .btn.btn-minimized.btn-product-left {
    transform: translateX(-20px);
    opacity: 0
}

.product-hover-overlay .btn.btn-minimized.btn-product-right {
    transform: translateX(20px);
    opacity: 0
}

.product-hover-overlay .btn.btn-minimized.btn-buy {
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem
}

.product-hover-overlay .btn.btn-minimized.btn-lg, .product-hover-overlay .btn-group-lg > .btn.btn-minimized {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.product-hover-overlay .product-hover-overlay-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

img.hover-animated-img {
    transition: all 0.4s;
    transform-origin: center center
}

.product-color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    cursor: default;
    position: relative;
    display: inline-block;
    transition: all 0.3s
}

.product-color-input:not(.disabled):checked + label {
    transform: scale(1.2);
    filter: contrast(70%)
}

.product-color-input:not(.disabled) + .product-color {
    cursor: pointer
}

.product-color-input:not(.disabled) + .product-color:hover, .product-color-input:not(.disabled) + .product-color:focus {
    filter: contrast(70%)
}

.product-label {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    z-index: 999;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-align: center
}

.product-label-boxed {
    color: #fff;
    padding: 0.35rem 1rem;
    display: block;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em
}

.product-info-action {
    overflow: hidden;
    height: 1.8rem !important
}

.product-info-action .product-price, .product-info-action .btn {
    transition: all 0.45s;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.product-info-action .product-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    letter-spacing: .2em;
    padding-left: 0;
    padding-right: 0
}

.product-info-action .product-link:focus {
    box-shadow: none
}

.product-info-action .product-link-no-uppercase {
    text-transform: none;
    letter-spacing: normal;
    font-size: 1rem
}

.rounded-btn-animated {
    position: relative;
    display: inline-block
}

.rounded-btn-animated .rounded-btn-animated-icon {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 2rem;
    color: #868e96;
    text-decoration: none;
    border: 1px solid #dee2e6;
    text-align: center;
    background: #fff;
    transition: all 0.3s;
    z-index: 2;
    font-size: 0.8rem;
    position: relative
}

.rounded-btn-animated:hover .rounded-btn-animated-text {
    opacity: 1;
    transform: none;
    pointer-events: auto
}

.rounded-btn-animated:hover .rounded-btn-animated-icon {
    background: #212529;
    border-color: #212529;
    color: #fff
}

.rounded-btn-animated .rounded-btn-animated-text {
    height: 2rem;
    line-height: 2rem;
    border-radius: 2rem;
    color: #fff;
    text-decoration: none;
    border: 1px solid #212529;
    text-align: center;
    background: #212529;
    transition: all 0.3s;
    z-index: 1;
    opacity: 0;
    font-size: 0.8rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2rem 0 1rem;
    transform: scaleX(0.8);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.alt-product-img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s
}

.product-swap-image {
    position: relative
}

.product-swap-image img {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 100%
}

.product-swap-image .product-swap-image-front {
    position: relative;
    cursor: pointer;
    transition: opacity .5s ease-in-out;
    z-index: 10
}

.product-type-0 .product-hover-overlay {
    height: 3rem;
    transition: all 0.3s;
    background: rgba(255, 255, 255, 0.92);
    justify-content: space-between;
    z-index: 20;
    position: static;
    opacity: 1
}

.product-type-0 .product-hover-overlay .product-hover-overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .product-type-0 .product-hover-overlay {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        visibility: hidden;
        padding: 0 1rem;
        transform: translateY(3rem);
        opacity: 0
    }
}

@media (min-width: 768px) {
    .product-type-0:hover .product-hover-overlay {
        visibility: visible;
        transform: translateY(0);
        opacity: 1
    }

    .product-type-0:hover .product-stars {
        transform: translateY(0);
        opacity: 1
    }

    .product-type-0:hover .product-swap-image-front {
        opacity: 0
    }
}

.product-type-0 .product-image {
    position: relative;
    overflow: hidden
}

.product-type-1 .product-hover-overlay {
    background: rgba(255, 255, 255, 0.92)
}

.product-type-1 .product-hover-overlay-buttons {
    transform: translateY(-25%);
    transition: all 0.3s
}

.product-type-1:hover .product-hover-overlay-buttons {
    transform: none
}

.product-type-1 .product-info {
    transform: translateY(0.5rem);
    opacity: 0;
    transition: all 0.3s
}

.product-type-1:hover .product-info {
    transform: none;
    opacity: 1
}

.product-type-1 .product-btn-animated {
    overflow: hidden;
    height: 2.5rem
}

.product-type-1 .product-btn-animated:hover .product-animated-icon {
    transform: translateY(-100%)
}

.product-type-1 .product-btn-animated:hover .product-animated-text {
    transform: translateY(-100%)
}

.product-type-1 .product-animated-icon, .product-type-1 .product-animated-text {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    transition: all 0.3s;
    line-height: 2.5rem
}

.product-type-1 .product-wishlist {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 99;
    opacity: 0;
    transform: translateX(-0.5rem);
    transition: all 0.3s
}

.product-type-1:hover .product-wishlist {
    opacity: 1;
    transform: none
}

.product-type-1 .product-label {
    top: 1rem;
    right: 1rem
}

.product-type-2 .product-hover-overlay {
    background: none
}

.product-type-2 .product-hover-overlay-buttons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem
}

.product-type-2 .product-hover-overlay-buttons .rounded-btn-animated {
    transition: all 0.3s;
    transform: translate(-1rem, 0.5rem);
    display: inline-block
}

.product-type-2:hover .product-hover-overlay-buttons .rounded-btn-animated {
    transform: none
}

.product-type-2 .product-label {
    top: 1rem;
    left: 1rem
}

.product-type-3:hover .product-hover-overlay {
    background: rgba(255, 255, 255, 0.5)
}

.product-type-3 .product-hover-overlay-buttons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem
}

.product-type-3 .product-hover-overlay-buttons .btn {
    transition: all 0.3s;
    transform: scale(0)
}

.product-type-3:hover .product-hover-overlay-buttons .btn {
    transform: scale(1)
}

.product-type-3 .product-label {
    top: 1rem;
    left: 1rem
}

.product-type-4 .product-hover-overlay {
    background: none
}

.product-type-4 .product-hover-overlay-buttons {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 1rem
}

.product-type-4 .product-hover-overlay-buttons .btn-group {
    transition: all 0.3s;
    transform: scale(0.7);
    opacity: 0
}

.product-type-4 .product-hover-overlay-buttons .btn .svg-icon {
    transition: all 0.3s
}

.product-type-4 .product-hover-overlay-buttons .btn:hover .svg-icon {
    transform: scale(1.1);
    stroke-width: 4
}

.product-type-4 .product-hover-overlay-buttons .btn:focus {
    box-shadow: none
}

.product-type-4:hover .product-hover-overlay-buttons .btn-group {
    transform: none;
    opacity: 1
}

.product-type-4 .product-label-boxed {
    top: 1rem;
    left: 1rem
}

.product-type-5 .product-hover-overlay {
    background: none
}

.product-type-5 .product-hover-overlay-buttons {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.product-type-5 .product-hover-overlay-buttons .btn {
    transition: all 0.3s ease-out;
    transform: translateY(100%);
    opacity: 0
}

.product-type-5 .product-hover-overlay-buttons .btn:nth-of-type(2) {
    transition-delay: 0.15s
}

.product-type-5:hover .product-hover-overlay-buttons .btn {
    opacity: 1;
    transform: none
}

.product-type-6 .product-hover-overlay-buttons {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.product-type-6 .product-hover-overlay-buttons .btn {
    transition: all 0.3s ease-out;
    transform: translateY(100%);
    opacity: 0
}

.product-type-6 .product-hover-overlay-buttons .btn:nth-of-type(2) {
    transition-delay: 0.15s
}

.product-type-6 .product-hover-overlay {
    background: none;
    opacity: 1
}

.product-type-6:hover .product-hover-overlay-buttons .btn {
    opacity: 1;
    transform: none
}

.product-type-6 .product-label-boxed {
    top: 1rem;
    left: 1rem
}

.product-type-6 .swiper-button-next, .product-type-6 .swiper-button-prev {
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.45s
}

.product-type-6 .swiper-button-prev {
    transform: translateX(-100%)
}

.product-type-6:hover .swiper-button-next, .product-type-6:hover .swiper-button-prev {
    opacity: 1;
    transform: none
}

.product-type-6 .product-wishlist {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 99;
    opacity: 0;
    transform: translateX(0.5rem);
    transition: all 0.3s
}

.product-type-6:hover .product-wishlist {
    opacity: 1;
    transform: none
}

.product-type-7 .product-hover-overlay {
    background: none
}

.product-type-7 .product-hover-overlay-buttons {
    position: absolute;
    bottom: 0;
    left: 0
}

.product-type-7 .product-hover-overlay-buttons .btn {
    transition: all 0.3s;
    transform: translateY(100%)
}

.product-type-7 .product-wishlist {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 99;
    opacity: 0;
    transform: translateX(0.5rem);
    transition: all 0.3s
}

.product-type-7:hover .product-wishlist {
    opacity: 1;
    transform: none
}

.banner {
    position: relative;
    overflow: hidden;
    height: 250px
}

.banner .banner-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 70%;
    text-align: center
}

.banner .banner-text {
    position: relative;
    text-align: center;
    z-index: 10
}

.banner .banner-link::after {
    z-index: 11
}

.banner img.bg-image, .banner img.img-fluid {
    transition: all .3s
}

.banner:hover img.bg-image, .banner:hover img.img-fluid {
    transform: scale(1.05)
}

@media (min-width: 576px) {
    .banner {
        height: 250px
    }
}

@media (min-width: 992px) {
    .banner {
        min-height: 400px
    }
}

@media (min-width: 1200px) {
    .banner {
        min-height: 450px
    }
}

.card-scale {
    position: relative;
    overflow: hidden
}

.card-scale .img-scale-container {
    position: relative;
    overflow: hidden
}

.card-scale img.img-scale {
    transition: all .3s
}

.card-scale:hover img.img-scale {
    transform: scale(1.02)
}

.sidebar-block {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e9ecef
}

.sidebar-block:last-of-type {
    border-bottom: none
}

.sidebar-block:first-of-type {
    padding-top: 0
}

.sidebar-heading {
    margin-bottom: 1.2rem;
    color: #212529
}

.sidebar-badge {
    margin-top: .2rem;
    margin-bottom: .2rem;
    padding: 0 0.8rem;
    color: #343a40;
    border-radius: 4rem;
    background: #e9ecef;
    font-size: 0.7em
}

.nouislider-values {
    display: flex;
    margin-top: 1rem;
    color: #868e96;
    font-size: .875rem;
    justify-content: space-between
}

.sidebar-icon-menu {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    flex-wrap: wrap;
    list-style: none
}

a.sidebar-icon-menu-link {
    text-decoration: none;
    color: #212529;
    font-size: .875rem
}

.sidebar-icon-menu-item {
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    cursor: pointer;
    border-bottom: 1px solid #e9ecef
}

.sidebar-icon-menu-item:last-of-type {
    border-bottom: none
}

.sidebar-icon-menu-item[data-bs-toggle="collapse"]::before {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 2.2rem;
    right: 0;
    transform: translateY(-50%);
    color: #868e96;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAngle Left%3C/title%3E%3Cdesc%3EA line styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' fill='none' stroke='%23868e96' stroke-miterlimit='10' stroke-width='5' d='M39 20.006L25 32l14 12.006' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: right center;
    transition: .2s
}

.sidebar-icon-menu-item[aria-expanded="true"]::before {
    transform: translateY(-50%) rotate(-90deg)
}

.sidebar-icon {
    width: 2rem !important;
    height: 2rem !important;
    margin-right: 1rem
}

.sidebar-icon-menu-count {
    margin-top: -1px;
    color: #868e96;
    font-size: .875rem
}

.sidebar-icon-submenu {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 3rem;
    font-size: .875rem
}

.sidebar-icon-submenu-item {
    margin-bottom: .5rem
}

.sidebar-icon-submenu-item:last-of-type {
    margin-bottom: 0
}

.sidebar-icon-submenu-link {
    color: #868e96
}

.customer-profile {
    padding: 2rem;
    text-align: center;
    background: #f8f9fa
}

.customer-image {
    max-width: 10rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: #fff
}

.customer-nav .list-group-item {
    color: #495057;
    border-color: #e9ecef;
    font-size: 0.9rem
}

.customer-nav .list-group-item:hover, .customer-nav .list-group-item:focus {
    text-decoration: none;
    background: #f8f9fa
}

.customer-nav .list-group-item.active {
    border-color: #dee2e6;
    background: #dee2e6
}

.customer-nav .svg-icon {
    position: relative;
    top: -2px
}

.form-label {
    color: #212529;
    font-weight: bold
}

.custom-control-label.text-sm {
    padding-top: 2px
}

.colours-wrapper {
    position: relative
}

.input-invisible {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.btn-colour {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-bottom: 0;
    cursor: pointer;
    transition: border-color .1s;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px #ced4da
}

.btn-colour:hover {
    box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px #868e96
}

.btn-colour.active {
    box-shadow: inset 0 0 0 5px #fff, 0 0 0 2px #495057
}

.form-control.form-control-underlined {
    padding-left: 0;
    transition: all .5s;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: transparent;
    border-bottom: 1px solid var(--omid-dark-bg-text-color);
    box-shadow: none;
    color: var(--omid-dark-bg-text-color) !important;

}

.form-control.form-control-underlined:focus {
    border-color: var(--omid-dark-bg-text-color);
    box-shadow: none;
    background-color: transparent
}

.form-control.form-control-underlined:focus ~ .btn-underlined {
    border-bottom-color: var(--omid-dark-bg-text-color);
}

.btn.btn-underlined {
    transition: all .5s;
    border-top: none;
    border-right: none;
    border-bottom-color: var(--omid-dark-bg-text-color);
    border-left: none;
    background-color: transparent !important;
    border-bottom: 1px solid var(--omid-dark-bg-text-color) !important;;
}

.btn.btn-underlined:focus {
    box-shadow: none
}

.input-group-underlined:focus .btn-underlined, .input-group-underlined:hover .btn-underlined {
    border-bottom-color:  var(--omid-rose-gold-color);
}

.input-group-underlined:focus .form-control-underlined, .input-group-underlined:hover .form-control-underlined {
    border-bottom-color: var(--omid-rose-gold-color);
}


.input-group-underlined .wpcf7-not-valid-tip {
    position: absolute;
}


.input-group-underlined  .wpcf7-form-control-wrap {width: calc(100% - 42px);}

.focus-shadow-0:focus {
    box-shadow: none !important
}

.form-switch .form-check-input {
    height: 1.5rem
}

.form-switch .form-check-input::before {
    height: 1.5rem
}

.form-switch .form-check-label {
    margin-top: .3em
}

.service-column {
    display: flex;
    align-items: center
}

.service-icon {
    width: 32px !important;
    height: 32px !important;
    margin-top: -1rem;
    margin-right: 1rem;
    color: #BE9666;
    color: #495057
}

.subtitle {
    margin-bottom: 0;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #868e96;
    font-weight: bold
}

.label-heading {
    color: #868e96;
    font-size: .8rem;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em
}

.hero-heading {
    margin-bottom: 2rem
}

@media (max-width: 991.98px) {
    h1.hero-heading, .hero-heading.h1 {
        font-size: 1.25rem
    }

    h2.hero-heading, .hero-heading.h2 {
        font-size: 1rem
    }

    h3.hero-heading, .hero-heading.h3 {
        font-size: .875rem
    }
}

@media (max-width: 767.98px) {
    .display-1 {
        font-size: 3.6rem
    }

    .display-2 {
        font-size: 3.3rem
    }

    .display-3 {
        font-size: 2.7rem
    }

    .display-4 {
        font-size: 2.1rem
    }
}

.capital {
    float: left;
    margin-right: 10px;
    font-size: 4rem;
    font-weight: bold;
    line-height: .8
}

.text-content h1, .text-content .h1, .text-content h2, .text-content .h2, .text-content h3, .text-content .h3, .text-content h4, .text-content .h4, .text-content h5, .text-content .h5, .text-content h6, .text-content .h6, .text-content p, .text-content ul, .text-content ol, .text-content hr, .text-content blockquote {
    margin-bottom: 2rem
}

.text-content p, .text-content ul, .text-content ol {
    font-size: 1.1rem
}

.text-content p, .text-content ul, .text-content ol {
    color: #868e96
}

p.lead strong {
    font-weight: bold
}

.link-animated {
    position: relative;
    text-decoration: none
}

.link-animated:after {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 0%;
    height: 2px;
    content: '';
    transition: 0.2s;
    background: #968a5e
}

.link-animated:hover {
    text-decoration: none
}

.link-animated:hover:after {
    width: 100%
}

.link-animated.d-block {
    display: block;
    padding: 0.5em
}

.link-animated.d-block:hover {
    background: #eee
}

.link-animated.link-animated-light:after {
    height: 1px
}

.link-animated.text-primary:hover:after {
    background: #BE9666
}

.link-animated.text-primary-hover:hover:after {
    background: #BE9666 !important
}

.link-animated.text-secondary:hover:after {
    background: #877f64
}

.link-animated.text-secondary-hover:hover:after {
    background: #877f64 !important
}

.link-animated.text-success:hover:after {
    background: #28a745
}

.link-animated.text-success-hover:hover:after {
    background: #28a745 !important
}

.link-animated.text-info:hover:after {
    background: #17a2b8
}

.link-animated.text-info-hover:hover:after {
    background: #17a2b8 !important
}

.link-animated.text-warning:hover:after {
    background: #ffc107
}

.link-animated.text-warning-hover:hover:after {
    background: #ffc107 !important
}

.link-animated.text-danger:hover:after {
    background: #dc3545
}

.link-animated.text-danger-hover:hover:after {
    background: #dc3545 !important
}

.link-animated.text-light:hover:after {
    background: #f8f9fa
}

.link-animated.text-light-hover:hover:after {
    background: #f8f9fa !important
}

.link-animated.text-dark:hover:after {
    background: #212529
}

.link-animated.text-dark-hover:hover:after {
    background: #212529 !important
}

.link-animated.text-muted:hover:after {
    background: #868e96
}

.link-animated.text-muted-hover:hover:after {
    background: #868e96 !important
}

.btn {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: bold
}

.input-group .btn {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.dropdown-menu {
    box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.175)
}

.blockquote {
    padding: 1rem;
    border-left: 2px solid #BE9666
}

.blockquote-icon {
    padding-top: 1rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 508.044 508.044' style='enable-background:new 0 0 508.044 508.044;' fill='%23d7cdad' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0.108,352.536c0,66.794,54.144,120.938,120.937,120.938c66.794,0,120.938-54.144,120.938-120.938 s-54.144-120.937-120.938-120.937c-13.727,0-26.867,2.393-39.168,6.61C109.093,82.118,230.814-18.543,117.979,64.303 C-7.138,156.17-0.026,348.84,0.114,352.371C0.114,352.426,0.108,352.475,0.108,352.536z'/%3E%3Cpath d='M266.169,352.536c0,66.794,54.144,120.938,120.938,120.938s120.938-54.144,120.938-120.938S453.9,231.599,387.106,231.599 c-13.728,0-26.867,2.393-39.168,6.61C375.154,82.118,496.875-18.543,384.04,64.303C258.923,156.17,266.034,348.84,266.175,352.371 C266.175,352.426,266.169,352.475,266.169,352.536z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat
}

.nav-link {
    color: #868e96
}

.nav-link-lg {
    display: block;
    color: #868e96;
    font-size: 1.5rem;
    font-weight: bold
}

.nav-link-lg:hover, .nav-link-lg:active, .nav-link-lg.active {
    color: #212529
}


.nav-link-image {
    max-height: 20px;
    max-width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    border:0;
    padding: 0;

}

ul.list-icon {
    padding-left: 2rem
}

ul.list-icon li {
    position: relative;
    padding-left: 0;
    list-style: none
}

ul.list-icon li:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-left: -30px;
    content: "";
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAngle Right%3C/title%3E%3Cdesc%3EA line styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' fill='none' stroke='%23bcac76' stroke-miterlimit='10' stroke-width='4' d='M26 20.006L40 32 26 44.006' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E")
}

.alert-primary {
    color: #fff
}

.alert-secondary {
    color: #fff
}

.alert-success {
    color: #fff
}

.alert-info {
    color: #fff
}

.alert-warning {
    color: #fff
}

.alert-danger {
    color: #fff
}

.alert-light {
    color: #fff
}

.alert-dark {
    color: #fff
}

.alert-muted {
    color: #fff
}

.alert-primary {
    color: #212529
}

.alert-light {
    color: #212529
}

.pagination {
    border-radius: 0
}

.page-link {
    margin-right: 5px;
    margin-left: 5px;
    border-top: none;
    border-right: none;
    border-left: none
}

.page-link:hover, .page-link:focus {
    border-top: none;
    border-right: none;
    border-left: none
}

.page-item:first-child .page-link {
    border-radius: 0
}

.page-item:last-child .page-link {
    border-radius: 0
}

.page-arrow {
    display: flex;
    width: 3rem;
    height: 3rem;
    margin-right: .5rem;
    margin-left: .5rem;
    color: #adb5bd;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.page-arrow:hover, .page-arrow:focus {
    color: #343a40;
    border-color: #343a40
}

.page-arrow:first-child {
    margin-right: 1rem
}

.page-arrow:last-child {
    margin-left: 1rem
}

.page-icon {
    width: 3rem !important;
    height: 3rem !important;
    stroke-width: 2 !important
}

.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog {
    max-width: 500px;
    min-height: calc(100vh - 0px)
}

.modal.modal-left.show .modal-dialog, .modal.modal-right.show .modal-dialog {
    transform: translate(0, 0)
}

.modal.modal-left .modal-content, .modal.modal-right .modal-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 0px);
    border-radius: 0
}

.modal.modal-left .modal-dialog {
    margin: 0px auto 0 0;
    transform: translate(-100%, 0)
}

.modal.modal-right {
    padding-right: 0 !important
}

.modal.modal-right .modal-dialog {
    margin: 0px 0 0 auto;
    transform: translate(100%, 0)
}



.svg-icon.sidebar-cart-icon {
    width: 24px;
    height: 24px
}

.navbar-cart-product {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e9ecef
}

.navbar-cart-product:first-of-type {
    padding-top: 0
}

.navbar-cart-product:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

.navbar-cart-product .navbar-cart-product-image {
    max-width: 80px
}

.navbar-cart-product .navbar-cart-product-link {
    font-weight: bold
}

.navbar-cart-product .navbar-cart-product-remove {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.navbar-cart-product .navbar-cart-product-remove:hover {
    opacity: 1
}

.navbar-cart-total {
    display: flex;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: 0.7rem 1rem;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    font-size: .875rem;
    justify-content: space-between
}

.map-custom-popup .leaflet-popup-content-wrapper {
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    font-family: "vremenagrotesk", sans-serif;
    font-family: var(--omid-font-family);

    font-size: 1rem;
    line-height: 1.5
}

.map-custom-popup .leaflet-popup-content {
    margin: 0;
    background: #fff
}

.map-custom-popup .leaflet-popup-tip {
    background: #fff
}

.map-custom-popup a.leaflet-popup-close-button {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff !important;
    background: #212529 !important;
    font-weight: bold;
    line-height: 30px !important
}

.map-custom-popup .leaflet-popup-content p {
    margin: 0 0 1rem
}

.map-custom-popup .leaflet-popup-content a {
    color: #BE9666
}

.cart-header {
    padding: 1.2rem 2rem;
    background: #f8f9fa;
    font-weight: bold
}

.cart-footer {
    padding: 0 2rem;
    background: #f8f9fa
}

.cart-footer .cart-item {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.cart-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e9ecef
}

.cart-item:last-of-type {
    border-bottom: none
}

.cart-item-img {
    max-width: 80px
}

.cart-title {
    margin-left: 1rem
}

.cart-remove {
    color: #495057;
    font-size: .875rem
}

.order-summary-item {
    display: flex;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    justify-content: space-between
}

.order-summary-total {
    font-size: 1.2em;
    font-weight: 700
}

.btn.btn-items {
    padding-right: .2rem;
    padding-left: .2rem;
    text-align: center;
    color: #868e96
}

.input-items {
    min-width: 40px
}

.svg-icon {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    stroke: currentColor;
    stroke-width: 3;
    --layer1: currentColor;
    --layer2: currentColor
}

.svg-icon.svg-icon-light {
    stroke-width: 2
}

.svg-icon.svg-icon-heavy {
    stroke-width: 4
}

.svg-icon-sm {
    width: 16px;
    height: 16px
}

.svg-icon-md {
    width: 24px;
    height: 24px
}

.svg-icon-lg {
    width: 48px;
    height: 48px
}

.svg-icon-xl {
    width: 64px;
    height: 64px
}

.svg-blob {
    position: absolute;
    width: 600px;
    height: 600px;
    fill: currentColor
}

.svg-blob-fill-current {
    --layer1: currentColor
}

.svg-blob-swiper {
    top: 0;
    right: -100px;
    width: 100%;
    max-height: 100%;
    z-index: -1
}

.avatar {
    display: inline-block;
    position: relative;
    width: 3rem;
    height: auto;
    max-width: 100%;
    text-align: center;
    border: #dee2e6;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.15);
    line-height: 3rem
}

.avatar.avatar-sm {
    width: 2.5rem
}

.avatar.avatar-lg {
    width: 5rem
}

.avatar.avatar-xl {
    width: 7rem
}

.avatar.avatar-xxl {
    width: 10rem
}

.avatar.avatar-border-white {
    border: solid 2px #fff
}

.card-header.accordion-header {
    overflow: hidden;
    padding: 0
}

.accordion-link {
    display: block;
    padding-top: 1.5rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    color: #fff;
    background: #BE9666;
    font-weight: bold
}

.accordion-link:hover, .accordion-link:focus {
    text-decoration: none;
    color: #fff
}

.accordion-link.collapsed {
    color: #343a40;
    background: #f8f9fa
}

.nav-pills.custom-nav {
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.15)
}

.custom-nav .nav-item {
    background: #f8f9fa;
    align-self: stretch
}

.custom-nav .nav-item:last-of-type .nav-link {
    border-right: none !important
}

.custom-nav .nav-item:last-of-type .nav-link::after {
    display: none
}

.custom-nav .nav-link {
    position: relative;
    height: 100%;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    text-align: center;
    color: #212529;
    border: none !important;
    border-radius: 0 !important;
    background: none;
    background: none
}

.custom-nav .nav-link.active {
    color: #fff;
    background: #BE9666
}

.custom-nav .nav-link.active::after {
    display: none
}

.custom-nav .nav-link.disabled {
    cursor: not-allowed !important;
    color: #adb5bd;
    background: #f8f9fa
}

.custom-nav .nav-link::after {
    display: inline-block;
    position: absolute;
    top: 25%;
    right: 0;
    width: 1px;
    height: 50%;
    content: '';
    background: #ddd
}

@media (max-width: 991.98px) {
    .custom-nav .nav-item {
        width: 100% !important;
        margin-bottom: 5px
    }

    .custom-nav .nav-item .nav-link {
        border-right: none
    }

    .custom-nav .nav-item .nav-link::after {
        display: none
    }
}

.card-radio {
    position: relative
}

.card-label {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer
}

.card-radio-input {
    position: absolute;
    visibility: hidden
}

.card-radio-input + .card {
    transition: all .3s
}

.card-radio-input:checked + .card {
    transform: translateY(-2px);
    border-color: #28a745;
    box-shadow: 0 2px 2rem rgba(0, 0, 0, 0.35)
}

.card-radio-input:checked + .card .card-header {
    color: #fff;
    background: #BE9666
}

.ribbon {
    position: absolute;
    top: 10px;
    left: -11px;
    z-index: 999;
    display: inline-block;
    font-family: "vremenagrotesk", sans-serif;
    font-family: var(--omid-font-family);
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .3em;
    padding: 5px 15px 5px;
    color: #fff;
    text-align: center
}

.ribbon + .ribbon {
    top: 60px
}

.ribbon + .ribbon + .ribbon {
    top: 110px
}

.ribbon + .ribbon + .ribbon + .ribbon {
    top: 160px
}

.ribbon::before {
    content: '';
    border-left: 12px solid transparent;
    border-right: 0 solid transparent;
    border-top: 14px solid #897943;
    position: absolute;
    bottom: -14px;
    left: 0
}

.ribbon-primary {
    background-color: #BE9666 !important
}

.ribbon-primary::before {
    border-top-color: #897943
}

.ribbon-secondary {
    background-color: #877f64 !important
}

.ribbon-secondary::before {
    border-top-color: #4c4839
}

.ribbon-success {
    background-color: #28a745 !important
}

.ribbon-success::before {
    border-top-color: #145523
}

.ribbon-info {
    background-color: #17a2b8 !important
}

.ribbon-info::before {
    border-top-color: #0c525d
}

.ribbon-warning {
    background-color: #ffc107 !important
}

.ribbon-warning::before {
    border-top-color: #a07800
}

.ribbon-danger {
    background-color: #dc3545 !important
}

.ribbon-danger::before {
    border-top-color: #921925
}

.ribbon-light {
    background-color: #f8f9fa !important
}

.ribbon-light::before {
    border-top-color: #bdc6d0
}

.ribbon-dark {
    background-color: #212529 !important
}

.ribbon-dark::before {
    border-top-color: #000
}

.ribbon-muted {
    background-color: #868e96 !important
}

.ribbon-muted::before {
    border-top-color: #555b61
}

@media (min-width: 576px) {
    .expand-sm {
        display: block !important
    }
}

@media (min-width: 768px) {
    .expand-md {
        display: block !important
    }
}

@media (min-width: 992px) {
    .expand-lg {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .expand-xl {
        display: block !important
    }
}

@media (min-width: 1400px) {
    .expand-xxl {
        display: block !important
    }
}

.expand {
    display: block !important
}

.block-toggler {
    display: block;
    position: relative;
    color: #212529;
    font-weight: bold
}

.block-toggler[aria-expanded="true"], .block-toggler:focus {
    text-decoration: none;
    color: #212529
}

.block-toggler:focus, .block-toggler:hover {
    text-decoration: none;
    color: #212529
}

.block-toggler .block-toggler-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.block-toggler .block-toggler-icon:before, .block-toggler .block-toggler-icon:after {
    position: absolute;
    content: "";
    transition: transform 0.25s ease-out;
    background-color: #212529
}

.block-toggler .block-toggler-icon:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px
}

.block-toggler .block-toggler-icon:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px
}

.block-toggler[aria-expanded="true"] .block-toggler-icon:before {
    transform: rotate(90deg)
}

.block-toggler[aria-expanded="true"] .block-toggler-icon:after {
    transform: rotate(180deg)
}

.block-toggler:focus .block-toggler-icon:before, .block-toggler:focus .block-toggler-icon:after, .block-toggler:hover .block-toggler-icon:before, .block-toggler:hover .block-toggler-icon:after, .block-toggler[aria-expanded="true"] .block-toggler-icon:before, .block-toggler[aria-expanded="true"] .block-toggler-icon:after {
    background-color: #212529
}

.zoomImg {
    transition: opacity .5s !important
}

.noUi-target {
    height: 3px;
    margin-top: 20px;
    border: none;
    border-radius: 0;
    background: #ddd;
    box-shadow: none
}

.noUi-horizontal .noUi-handle {
    top: -5px;
    right: -2px !important;
    width: 3px;
    height: 14px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    outline: none;
    background: #222 !important;
    box-shadow: none
}

.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
    display: none
}

.noUi-connect {
    background: #222
}

.btn.btn-selectpicker {
    color: #dee2e6;
    border-color: #dee2e6;
    color: #212529
}

.btn.btn-selectpicker:hover {
    color: #000;
    background-color: #dee2e6;
    border-color: #dee2e6
}

.btn-check:focus + .btn.btn-selectpicker, .btn.btn-selectpicker:focus {
    box-shadow: 0 0 0 .25rem rgba(222, 226, 230, 0.5)
}

.btn-check:checked + .btn.btn-selectpicker, .btn-check:active + .btn.btn-selectpicker, .btn.btn-selectpicker:active, .btn.btn-selectpicker.active, .btn.btn-selectpicker.dropdown-toggle.show {
    color: #000;
    background-color: #dee2e6;
    border-color: #dee2e6
}

.btn-check:checked + .btn.btn-selectpicker:focus, .btn-check:active + .btn.btn-selectpicker:focus, .btn.btn-selectpicker:active:focus, .btn.btn-selectpicker.active:focus, .btn.btn-selectpicker.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(222, 226, 230, 0.5)
}

.btn.btn-selectpicker:disabled, .btn.btn-selectpicker.disabled {
    color: #dee2e6;
    background-color: transparent
}

.btn.btn-selectpicker:hover {
    color: #212529;
    background-color: #fff
}

.btn.btn-selectpicker:focus, .btn.btn-selectpicker.focus {
    box-shadow: none !important
}

.btn.btn-form-control {
    color: #ced4da;
    border-color: #ced4da;
    color: #212529;
    border: none;
    font-size: 1rem;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal
}

.btn.btn-form-control:hover {
    color: #000;
    background-color: #ced4da;
    border-color: #ced4da
}

.btn-check:focus + .btn.btn-form-control, .btn.btn-form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(206, 212, 218, 0.5)
}

.btn-check:checked + .btn.btn-form-control, .btn-check:active + .btn.btn-form-control, .btn.btn-form-control:active, .btn.btn-form-control.active, .btn.btn-form-control.dropdown-toggle.show {
    color: #000;
    background-color: #ced4da;
    border-color: #ced4da
}

.btn-check:checked + .btn.btn-form-control:focus, .btn-check:active + .btn.btn-form-control:focus, .btn.btn-form-control:active:focus, .btn.btn-form-control.active:focus, .btn.btn-form-control.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(206, 212, 218, 0.5)
}

.btn.btn-form-control:disabled, .btn.btn-form-control.disabled {
    color: #ced4da;
    background-color: transparent
}

select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden {
    display: none !important
}

select.selectpicker {
    visibility: hidden;
    height: calc(1.6em + .75rem + 2px) !important
}

.bootstrap-select {
    width: 220px \0
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: right;
    white-space: nowrap
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #999
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
    color: rgba(255, 255, 255, 0.5)
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2
}

.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right, .row .bootstrap-select[class*="col-"].dropdown-menu-right {
    float: right
}

.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
    outline: none !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle:before {
    content: '';
    display: inline-block
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: inherit;
    padding-right: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    height: 100%;
    width: 100%;
    text-align: left
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    font-size: .9rem;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu > .inner:focus {
    outline: none !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small, .bootstrap-select .dropdown-menu li.active .small {
    color: rgba(255, 255, 255, 0.5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small, .bootstrap-select .dropdown-menu li .small {
    padding-left: 0.5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    box-sizing: border-box
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 50%;
    transform: translateY(-70%)
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid white;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
    display: block
}

.bs-searchbox, .bs-actionsbox, .bs-donebutton {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.home-slider-design .swiper-nav {
    display: none !important
}

.home-slider-image {
    max-height: 500px
}

@media (max-width: 767.98px) {
    .home-slider-image {
        max-height: 250px
    }
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: auto;
    left: 30px
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 30px;
    left: auto
}

.swiper-pagination-white .swiper-pagination-bullet {
    opacity: .6;
    background: #fff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #BE9666
}

.swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #BE9666
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #BE9666
}

.swiper-outside-nav {
    display: none
}

@media (min-width: 1400px) {
    .swiper-outside-nav {
        display: block
    }
}

.swiper-outside-nav .swiper-button-prev {
    left: -100px
}

.swiper-outside-nav .swiper-button-next {
    right: -100px
}

.swiper-outside-nav.align-with-products .swiper-button-prev, .swiper-outside-nav.align-with-products .swiper-button-next {
    top: 200px
}

.product-slider .swiper-button-prev, .product-slider .swiper-button-next {
    width: 2rem;
    height: 3rem;
    background: #212529
}

.product-slider .swiper-button-prev::after, .product-slider .swiper-button-next::after {
    font-size: 1rem;
    color: #fff
}

.product-slider .swiper-button-next, .product-slider .swiper-container-rtl .swiper-button-prev {
    right: 0
}

.product-slider .swiper-button-prev, .product-slider .swiper-container-rtl .swiper-button-next {
    left: 0
}

@media (max-width: 991.98px) {
    [data-aos-delay] {
        transition-delay: 0s !important
    }
}


.card {
    box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.15)
}

.horizontal-line {
    width: 50%;
    margin-top: .5rem;
    border-top: solid 1px #495057
}

.nav-link.active {
    color: #BE9666
}

.list-group {
    border-radius: 0
}

.btn-close-absolute {
    position: absolute;
    top: 2rem;
    right: 2rem;
    transition: all linear 0.1s;
    z-index: 1056
}

.btn-close-absolute:hover {
    transform: rotate(90deg)
}

.btn-close-absolute.close-centered {
    top: 50%;
    transform: translateY(-50%)
}

.btn-close-absolute.close-centered:hover {
    transform: translateY(-50%) rotate(90deg)
}

.btn-close-lg {
    width: 2em;
    height: 2em
}

.btn-close-rotate {
    transition: all linear 0.1s
}

.btn-close-rotate:hover {
    transform: rotate(90deg)
}

.close.text-inherit:hover {
    color: inherit
}

label.custom-control-label {
    cursor: pointer
}

.alert-dismissible .btn-close {
    outline: none;
    transition: all linear 0.1s;
    top: 50%;
    transform: translateY(-50%)
}

.alert-dismissible .btn-close:hover {
    transform: translateY(-50%) rotate(90deg)
}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.15em
}

.text-serif {
    font-family: "Playfair Display", serif !important
}

.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)
}

.text-shadow-primary {
    text-shadow: 2px 2px 2px rgba(188, 172, 118, 0.1)
}

.text-decoration-underline {
    text-decoration: underline
}

.text-inherit {
    color: inherit
}

.border-0 > th, .border-0 > td {
    border: none !important
}

.bg-primary-100 {
    background: #f8f7f1
}

.bg-primary-light {
    background-color: #f5f3ea
}

.badge-primary-light {
    color: #BE9666;
    background-color: #f5f3ea
}

.bg-secondary-light {
    background-color: #edece8
}

.badge-secondary-light {
    color: #877f64;
    background-color: #edece8
}

.bg-success-light {
    background-color: #dff2e3
}

.badge-success-light {
    color: #28a745;
    background-color: #dff2e3
}

.bg-info-light {
    background-color: #dcf1f4
}

.badge-info-light {
    color: #17a2b8;
    background-color: #dcf1f4
}

.bg-warning-light {
    background-color: #fff6da
}

.badge-warning-light {
    color: #ffc107;
    background-color: #fff6da
}

.bg-danger-light {
    background-color: #fae1e3
}

.badge-danger-light {
    color: #dc3545;
    background-color: #fae1e3
}

.bg-light-light {
    background-color: #fefefe
}

.badge-light-light {
    color: #f8f9fa;
    background-color: #fefefe
}

.bg-dark-light {
    background-color: #dededf
}

.badge-dark-light {
    color: #212529;
    background-color: #dededf
}

.bg-muted-light {
    background-color: #edeeef
}

.badge-muted-light {
    color: #868e96;
    background-color: #edeeef
}



.table-hover tbody tr.no-hover:hover {
    background-color: transparent !important
}

.overlay-content {
    position: relative;
    z-index: 20
}

@media (min-width: 576px) {
    .light-overlay-sm, .overlay-hover-light-sm {
        position: relative
    }

    .light-overlay-sm::after, .overlay-hover-light-sm::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        background: #fff
    }
}

.light-overlay-sm.card::after, .overlay-hover-light-sm.card::after {
    border-radius: 5px
}

@media (min-width: 576px) {
    .overlay-hover-light-sm::after {
        transition: opacity 0.15s linear;
        opacity: 0
    }
}

@media (min-width: 576px) {
    .light-overlay-sm::after, .overlay-hover-light-sm:hover::after {
        opacity: .4
    }
}

@media (min-width: 576px) {
    .light-overlay-sm-0::after, .overlay-hover-light-sm-0:hover::after {
        display: none
    }
}

.dark-overlay-sm {
    position: relative
}

@media (min-width: 576px) {
    .dark-overlay-sm::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        opacity: .4;
        background: #000
    }

    .dark-overlay-sm.card::after {
        border-radius: 5px
    }
}

@media (min-width: 576px) {
    .dark-overlay-sm-0::after {
        display: none
    }
}

@media (min-width: 768px) {
    .light-overlay-md, .overlay-hover-light-md {
        position: relative
    }

    .light-overlay-md::after, .overlay-hover-light-md::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        background: #fff
    }
}

.light-overlay-md.card::after, .overlay-hover-light-md.card::after {
    border-radius: 5px
}

@media (min-width: 768px) {
    .overlay-hover-light-md::after {
        transition: opacity 0.15s linear;
        opacity: 0
    }
}

@media (min-width: 768px) {
    .light-overlay-md::after, .overlay-hover-light-md:hover::after {
        opacity: .4
    }
}

@media (min-width: 768px) {
    .light-overlay-md-0::after, .overlay-hover-light-md-0:hover::after {
        display: none
    }
}

.dark-overlay-md {
    position: relative
}

@media (min-width: 768px) {
    .dark-overlay-md::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        opacity: .4;
        background: #000
    }

    .dark-overlay-md.card::after {
        border-radius: 5px
    }
}

@media (min-width: 768px) {
    .dark-overlay-md-0::after {
        display: none
    }
}

@media (min-width: 992px) {
    .light-overlay-lg, .overlay-hover-light-lg {
        position: relative
    }

    .light-overlay-lg::after, .overlay-hover-light-lg::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        background: #fff
    }
}

.light-overlay-lg.card::after, .overlay-hover-light-lg.card::after {
    border-radius: 5px
}

@media (min-width: 992px) {
    .overlay-hover-light-lg::after {
        transition: opacity 0.15s linear;
        opacity: 0
    }
}

@media (min-width: 992px) {
    .light-overlay-lg::after, .overlay-hover-light-lg:hover::after {
        opacity: .4
    }
}

@media (min-width: 992px) {
    .light-overlay-lg-0::after, .overlay-hover-light-lg-0:hover::after {
        display: none
    }
}

.dark-overlay-lg {
    position: relative
}

@media (min-width: 992px) {
    .dark-overlay-lg::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        opacity: .4;
        background: #000
    }

    .dark-overlay-lg.card::after {
        border-radius: 5px
    }
}

@media (min-width: 992px) {
    .dark-overlay-lg-0::after {
        display: none
    }
}

@media (min-width: 1200px) {
    .light-overlay-xl, .overlay-hover-light-xl {
        position: relative
    }

    .light-overlay-xl::after, .overlay-hover-light-xl::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        background: #fff
    }
}

.light-overlay-xl.card::after, .overlay-hover-light-xl.card::after {
    border-radius: 5px
}

@media (min-width: 1200px) {
    .overlay-hover-light-xl::after {
        transition: opacity 0.15s linear;
        opacity: 0
    }
}

@media (min-width: 1200px) {
    .light-overlay-xl::after, .overlay-hover-light-xl:hover::after {
        opacity: .4
    }
}

@media (min-width: 1200px) {
    .light-overlay-xl-0::after, .overlay-hover-light-xl-0:hover::after {
        display: none
    }
}

.dark-overlay-xl {
    position: relative
}

@media (min-width: 1200px) {
    .dark-overlay-xl::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        opacity: .4;
        background: #000
    }

    .dark-overlay-xl.card::after {
        border-radius: 5px
    }
}

@media (min-width: 1200px) {
    .dark-overlay-xl-0::after {
        display: none
    }
}

@media (min-width: 1400px) {
    .light-overlay-xxl, .overlay-hover-light-xxl {
        position: relative
    }

    .light-overlay-xxl::after, .overlay-hover-light-xxl::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        background: #fff
    }
}

.light-overlay-xxl.card::after, .overlay-hover-light-xxl.card::after {
    border-radius: 5px
}

@media (min-width: 1400px) {
    .overlay-hover-light-xxl::after {
        transition: opacity 0.15s linear;
        opacity: 0
    }
}

@media (min-width: 1400px) {
    .light-overlay-xxl::after, .overlay-hover-light-xxl:hover::after {
        opacity: .4
    }
}

@media (min-width: 1400px) {
    .light-overlay-xxl-0::after, .overlay-hover-light-xxl-0:hover::after {
        display: none
    }
}

.dark-overlay-xxl {
    position: relative
}

@media (min-width: 1400px) {
    .dark-overlay-xxl::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        opacity: .4;
        background: #000
    }

    .dark-overlay-xxl.card::after {
        border-radius: 5px
    }
}

@media (min-width: 1400px) {
    .dark-overlay-xxl-0::after {
        display: none
    }
}

.light-overlay, .overlay-hover-light {
    position: relative
}

.light-overlay::after, .overlay-hover-light::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    background: #fff
}

.light-overlay.card::after, .overlay-hover-light.card::after {
    border-radius: 5px
}

.overlay-hover-light::after {
    transition: opacity 0.15s linear;
    opacity: 0
}

.light-overlay::after, .overlay-hover-light:hover::after {
    opacity: .4
}

.light-overlay-0::after, .overlay-hover-light-0:hover::after {
    display: none
}

.dark-overlay {
    position: relative
}

.dark-overlay::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    opacity: .4;
    background: #000
}

.dark-overlay.card::after {
    border-radius: 5px
}

.dark-overlay-0::after {
    display: none
}

.overflow-visible {
    overflow: visible !important
}

.shadow-0 {
    box-shadow: none !important
}

.left-box {
    box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7)
}

.hover-scale {
    transition: all 0.2s ease-in-out
}

.hover-scale:hover {
    transform: scale(1.05)
}

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

img.bg-image {
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.bg-cover.bg-cover-left {
    background-position: left center
}

.bg-cover.bg-cover-right {
    background-position: right center
}

.full-screen {
    height: calc(100vh - 82px)
}

.mh-full-screen {
    min-height: 100vh
}

.mh-full-screen-with-header {
    min-height: calc(100vh - 140px - 2rem)
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .card {
        display: block
    }

    .card-img-top, .card-img-bottom, .card-img {
        min-width: 100%;
        height: auto
    }

    .product-stars, .product-hover-overlay {
        transition: none
    }

    .swiper-thumb-item {
        width: 100px
    }

    .sidebar-cart-footer {
        max-width: 500px
    }

    .navbar .input-group-underlined {
        min-width: 200px
    }
}

.docs-item {
    margin-bottom: .5rem;
    padding: 2.5rem 0;
    border-bottom: 1px solid #dee2e6
}

.docs-item:first-of-type {
    padding-top: 0
}

.docs-item:last-of-type {
    border-bottom: none
}

.docs-item .docs-desc {
    color: #868e96
}

.docs-item .docs-desc p.lead, .docs-item .docs-desc strong, .docs-item .docs-desc h1, .docs-item .docs-desc .h1, .docs-item .docs-desc h2, .docs-item .docs-desc .h2, .docs-item .docs-desc h3, .docs-item .docs-desc .h3, .docs-item .docs-desc h4, .docs-item .docs-desc .h4, .docs-item .docs-desc h5, .docs-item .docs-desc .h5, .docs-item .docs-desc h6, .docs-item .docs-desc .h6 {
    color: #212529
}

#style-switch-button {
    position: fixed;
    top: 160px;
    right: 0px;
    border-radius: 0;
    z-index: 2
}

.style-switch-select {
    height: auto !important
}

#style-switch {
    position: fixed;
    top: 192px;
    right: 0;
    width: 300px;
    padding: 20px;
    border: solid 1px #ced4da;
    background: #fff;
    z-index: 2000
}

#style-switch h4, #style-switch .h4 {
    color: #495057
}

.feature-icon {
    width: 64px;
    height: 64px;
    stroke-width: 2
}

.page-label {
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 100%;
    background: #d3122a;
    font-size: 12px;
    font-weight: 600;
    line-height: 80px;
    z-index: 99
}


.home-page-step-timeline {
    margin: 50px auto;
}

.home-page-step-entry {
    display: flex;
    min-height: 100vh;
    max-height: 1080px;
    max-width: 100vw;
}


.home-page-step-image {
    flex-basis: 60%;
    background-size: cover;
    background-position: center;
    background-color: var(--omid-rose-gold-color);;
    padding: 1px;
}

.home-page-step-content {
    flex-basis: 40%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-page-step-count {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 20px;
    color: #D4AF6E;
    color: var(--omid-dark-bg-text-color);
    letter-spacing: -2px;
    word-spacing: 5px;
    font-family: var(--omid-body-font-family);
}


.home-page-step-wrapper-outer-1 {
    flex-basis: 60%;
    padding: 3px;
    background: var(--omid-rose-gold-color);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.home-page-step-wrapper-1 {
    flex-basis: 60%;
    background: var(--omid-rose-gold-color);
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-height: 100vh;
    width: 100%;
}


.home-page-step {
    position: fixed;
    margin: auto;
    pointer-events: none;
    width: 60vw;
    height: auto;
}


.home-page-step-left {
    top: -100px;
    left: 0;
}

.home-page-step-right {
    top: -100px;
    right: 0;
}


.home-page-step-wrapper-outer-2 {
    flex-basis: 60%;
    padding: 3px;
    background: var(--omid-rose-gold-color);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
}

.home-page-step-wrapper-2 {
    flex-basis: 60%;
    background: var(--omid-rose-gold-color);;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-height: 100vh;
    width: 100%;
}

.home-page-step-wrapper-outer-3 {
    flex-basis: 60%;
    padding: 3px;
    background: var(--omid-rose-gold-color);
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
}

.home-page-step-wrapper-3 {
    flex-basis: 60%;
    background: var(--omid-rose-gold-color);
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-height: 100vh;
    width: 100%;
}


.home-page-step-wrapper-outer-4 {
    flex-basis: 60%;
    padding: 3px;
    background: var(--omid-rose-gold-color);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
}

.home-page-step-wrapper-4 {
    flex-basis: 60%;
    background: var(--omid-rose-gold-color);
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-height: 100vh;
    width: 100%;
}


.home-page-step-title {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: #D4AF6E;
    color: var(--omid-dark-bg-text-color);
    letter-spacing: -2px;
    word-spacing: 5px;
    font-family: var(--omid-font-family);
}

.home-page-step-body {
    font-size: 16px;
    line-height: 1.6;
    color: var(--omid-text-color);
}

@media (max-width: 991.9px) {
    .home-page-step-entry {
        flex-direction: column;
        max-height: none;
    }
    .home-page-step {
        width: 100vw !important;
        height: 100vh !important;
        object-fit: cover !important;
        top: 0 !important;
        left: 0 !important;
        position: fixed !important;
    }
    .home-page-step-wrapper-1,
    .home-page-step-wrapper-2,
    .home-page-step-wrapper-3,
    .home-page-step-wrapper-4 {
        position: relative !important;
    }
}


.nav-logo {
    max-width: 173px;
    height: auto;
    width: 100%;
    border:0;
}


/* Media query for tablets and intermediate devices */
@media (min-width: 601px) {
    .nav-logo {
        max-width: 200px; /* Intermediate size for tablets/small desktops */
    }
}

/* Media query for desktops or devices wider than 900px */
@media (min-width: 901px) {
    .nav-logo {
        max-width: 240px; /* Maximum size on desktop */
    }
}

.video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 1; /* Ensure video stays in the background */
    max-width: none;
    max-height: none;
}


.video-background::-webkit-media-controls, .video-background::-moz-media-controls, .video-background::-o-media-controls, .video-background::-ms-media-controls {
    display: none !important;
}

.video-background-control {
    text-align: center;
    z-index: 2;
}

.hero-content {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white; /* Ensuring text is visible on video */
}

.btn-primary, .btn-primary-sm {
    --bs-btn-color: var(--omid-background-color);
    --bs-btn-bg: var(--omid-primary-button-color);;
    --bs-btn-border-color: var(--omid-primary-button-color);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--omid-primary-button-color-darker);
    --bs-btn-hover-border-color: var(--omid-primary-button-color-darker);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--omid-primary-button-color-darker);
    --bs-btn-active-border-color: var(--omid-primary-button-color-darker);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--omid-primary-button-color);;
    --bs-btn-disabled-border-color: var(--omid-primary-button-color);

}
.btn-primary-sm {
    padding: 2px 1px;
    --bs-btn-bg: transparent !important;
    --bs-btn-color: #fff !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid;
    margin-top: 40px !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--omid-primary-button-color);
    --bs-btn-border-color: var(--omid-primary-button-color-darker);
    --bs-btn-hover-color: var(--omid-background-color);
    --bs-btn-hover-bg: var(--omid-primary-button-color-darker);
    --bs-btn-hover-border-color: var(--omid-primary-button-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--omid-primary-button-color);
    --bs-btn-active-border-color: var(--omid-primary-button-color-darker);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--omid-primary-button-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--omid-primary-button-color-darker);
    --bs-gradient: none;
}


.wpcf7-submit  {
    color: var(--omid-background-color) !important;
    background-color: var(--omid-primary-button-color) !important;
    border-color: var(--omid-primary-button-color)  !important;
}

.wpcf7-response-output {
    border-color: var(--omid-rose-gold-color) !important;
    color: var(--omid-rose-gold-color) !important;
}

.btn-smaller {
    padding: 2px 8px !important;
}

.full-story-intro {
    background-color: transparent;
    background-image: none;
    border: none;
    padding: 20px 0;
    color: var(--omid-dark-bg-text-color);
}

.full-story-intro h2 {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 1px;
    word-spacing: 5px;
    color: var(--omid-dark-bg-text-color);
    margin-bottom: 25px;
}

.image-box-highlight {
    border: 1px solid var(--omid-rose-gold-color);
    padding: 6px;
}


.expand-button[aria-expanded="false"] .open {
    display: inline-block;
}

.expand-button[aria-expanded="false"] .close {
    display: none;
}

.expand-button[aria-expanded="true"] .open {
    display: none;
}

.expand-button[aria-expanded="true"] .close {
    display: inline-block;
}

.expand-link:hover {
    opacity: 0.7;
}

.expand-link[aria-expanded="false"] .open-text {
    display: inline-block;
}

.expand-link[aria-expanded="false"] .close-text {
    display: none !important;
}

.expand-link[aria-expanded="true"] .open-text {
    display: none !important;
}

.expand-link[aria-expanded="true"] .close-text {
    display: inline-block !important;
}

/* FIX: Tailwind CSS conflicts with Bootstrap by setting .collapse to visibility: collapse */
.collapse.show {
    visibility: visible !important;
    display: block !important;
}


.home-page-showroom-timeline {
    margin: 50px auto;
    position: relative;
    height: 100vh;
}

.home-page-showroom-entry {
    display: flex;
    min-height: 100vh;
    max-height: 1080px;
    max-width: 100vw;
    width: 100vw;
    position: absolute;
}


.home-page-showroom-wrapper-outer-1 {
    flex-basis: 100%;
    background: var(--omid-rose-gold-color);
    padding: 5px 5px 5px 5px;
    clip-path: polygon(0.00% 0.00%, 0.00% 100%, 73.21% 18.55%);
}


.home-page-showroom-wrapper-1 {
    flex-basis: 100%;
    background: var(--omid-rose-gold-color);
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    height: 100vh;
    width: 100%;
}


.home-page-showroom-1x {
    position: fixed;
    left: 0;
    top: 0;

    background-image: url('../images/showroom/showroom-desktop-left.png');
    height: 100%;
    background-size: cover;
    background-position: center;

    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;

}


.home-page-showroom-1 {
    position: fixed;
    margin: auto;
    pointer-events: none;
    height: auto;

    background-image: url('../images/showroom/showroom-desktop-left.png');

    background-size: cover;
    background-position: center;

}


.home-page-showroom-wrapper-outer-2 {
    flex-basis: 100%;
    background: var(--omid-rose-gold-color);
    padding: 5px 5px 5px 20px;
    clip-path: polygon(100.00% 100.00%, 0.00% 100.00%, 85.31% 7.09%, 100.00% 26.00%);
}


.home-page-showroom-wrapper-2 {
    flex-basis: 100%;
    background: var(--omid-rose-gold-color);
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    height: 100vh;
    width: 100%;
}

.home-page-showroom-2 {
    position: fixed;
    margin: auto;
    pointer-events: none;
    height: auto;

    background-image: url('../images/showroom/showroom-desktop-right.png');

    background-size: cover;
    background-position: center;

}


.home-page-showroom-label {
    clip-path: polygon(81.32% 55.87%, 22px 52.68%, 5.7% 3.47%, 102.05% 20.91%);
    background-color: #BC867045;
    position: absolute;
    top: 3px;
    z-index: 5;
    height: 101px;
    left: 6px;
    padding-top: 7px;
    padding-right: 41px;
    padding-bottom: 10px;
    padding-left: 41px;
    font-size: 24px;
    letter-spacing: -2px;
    color: var(--omid-footer-background-color);
}

@media (max-width: 716px) {
    .home-page-showroom-label {
        clip-path: none;

        position: relative;
        top: 2px;
        z-index: 5;
        height: 57px;
        color: #fff;


        width: 100%;

        left: 0;
        right: 0;
        padding: 10px 25px;
        background: var(--omid-rose-gold-color);
        margin-top: 25px;
        text-align: right;
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 30px;

    }
}


.home-page-section-divider {
    position: relative;
    left: 0;
    right: 0;
    padding: 10px 25px;
    border-bottom: 2px solid var(--omid-rose-gold-color);
    margin-top: 25px;
    text-align: right;
    font-size: 20px;
    text-transform: uppercase;
}

@media (min-width: 601px) {
    .home-page-section-divider {
        margin-top: 100px;
    }

}


.hover-scale {
    transition: all 0.2s ease-in-out;
}

.hover-scale:hover {
    transform: scale(1.05);
}

.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.py-13 {
    padding-top: 10rem !important;
    padding-bottom: 9rem !important;
}

.text-muted {
    color: var(--omid-rose-gold-color) !important;
}

.overall-footer {
    background-color: var(--omid-footer-background-color)
}
.overall-footer p,.overall-footer span, .overall-footer h1,.overall-footer h2,.overall-footer h3,.overall-footer h4,.overall-footer h5,.overall-footer h6, .overall-footer a {color:#fff;}

.header-send-message {
    background-color: var(--omid-popup-background-color);
    padding: 1.8rem 1.5rem 1.5rem;
    min-width: 300px;
    color: #fff;
}

.header-send-message input {
    margin-bottom: 15px;
}

.header-send-message .social {
    color: #fff;
    font-size: 25px;
    padding: 7px;
    text-decoration: none;
}

.header-send-message .inline-svg {
    width: 15px;
    height: 15px;
    font-weight: bold;
}

.text-primary {
    color: var(--omid-background-color-header) !important;
}

.mid-news {
    margin: 0 auto;
}

@media (min-width: 992px) {
    .mid-news {
        max-width: 40%;
    }
}

.join-mailing-list-container {
    background: #FAF8F5;
    margin-top: 157px;
    background: radial-gradient(circle at -180% 50%, #FCFAF7 0%, #FAF8F5 100%);
    border-top: 1px solid rgba(201, 169, 110, 0.25);
    border-bottom: 1px solid rgba(201, 169, 110, 0.25);
}

.join-mailing-list-container-image {
    top: -128px;
    max-height: 500px;
    z-index: 5;
    right: 90px;
}

@media (max-width: 901px) {
    .join-mailing-list-container-image {
        max-height: 213px;
        left: 50%;
        right: 0;
    }
}

.dark-bg-text, .dark-bg-text-2, .dark-bg-text-1, .dark-bg-text-0, .dark-bg-text-3, .dark-bg-text-4, .product_title, .woocommerce-tabs .panel h2 {
    color: #D4AF6E;
    color: var(--omid-dark-bg-text-color);
    letter-spacing: -0.5px;
    word-spacing: 2px;
    font-family: var(--omid-font-family);
}

.light-bg-text, .light-bg-text-2, .light-bg-text-1, .light-bg-text-0, .light-bg-text-3, .light-bg-text-4 ,
.light-bg-text:hover, .light-bg-text-2:hover, .light-bg-text-1:hover, .light-bg-text-0:hover, .light-bg-text-3:hover, .light-bg-text-4:hover{
    color: #0B0E13;
    color: var(--omid-background-color);
    letter-spacing: -0.5px;
    word-spacing: 2px;
}

#newsletter-form .form-control.form-control-underlined, #newsletter-form .btn.btn-underlined {


    border-bottom: 1px solid var(--omid-dark-bg-text-color) !important;
    box-shadow: none;
    color: var(--omid-dark-bg-text-color) !important;
}
#newsletter-form .form-control.form-control-underlined::placeholder {
    color: var(--omid-dark-bg-text-color) !important;
}

.dark-bg-text-4, .light-bg-text-4, .light-bg-text-4:hover {
    letter-spacing: -0.5px;
    word-spacing: 2px;
}

.dark-bg-text-3, .light-bg-text-3, .light-bg-text-3:hover  {
    letter-spacing: -0.5px;
    word-spacing: 2px;
}

.dark-bg-text-2, .light-bg-text-2, .light-bg-text-2:hover, .woocommerce-tabs .panel h2 {
    letter-spacing: 0.5px;
    word-spacing: 2px;
}

.dark-bg-text-1, .light-bg-text-1, .light-bg-text-1:hover {
    letter-spacing: 0.5px;
    word-spacing: 2px;
}
.dark-bg-text-0, .light-bg-text-0, .light-bg-text-0:hover {
    letter-spacing: 0.5px;
    word-spacing: 2px;
}
ul.products li.product {
    text-align: left !important;
    position: relative;
}
.onsale {
    color: #D4AF6E !important;
    color: var(--omid-rose-gold-color) !important;
    border-color: var(--omid-rose-gold-color) !important;
}
ul.products li.product .onsale {
    position: absolute;
    left: 11px;
    top: 10px;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-category__title,
ul.products li.product .wc-block-grid__product-title,
ul.products li.product .wc-block-grid__product-title > a:not(.has-font-size),
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .woocommerce-loop-category__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
ul.products .wc-block-grid__product .wc-block-grid__product-title > a:not(.has-font-size),
.wc-block-grid__products li.product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .woocommerce-loop-category__title,
.wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title > a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a:not(.has-font-size) {
    color: var(--omid-dark-bg-text-color);
    letter-spacing: 0.5px;
    word-spacing: 3px;
}

ul.products li.product img {
    margin: 0 auto !important;
}

.dark-svg-stroke * {
    stroke: var(--omid-dark-bg-text-color);
}

.dark-svg-fill * {
    stroke: var(--omid-dark-bg-text-color);
}

.nav-showroom-left {
    padding-left: 18px;
    padding-right: 10px;
    background-color: var(--omid-top-menu-dark-bg);
    padding-top: 11px;
    padding-bottom: 21px;
    height: 100%;
}

.nav-showroom-left .active {
    background: #1a1d24;
}
.posted_in, .sku_wrapper, .tagged_as {
    font-weight: 900;
    color: #D4AF6E;
    color: var(--omid-rose-gold-color);
}

.posted_in a, .sku_wrapper a, .sku_wrapper .sku, .tagged_as a {
    font-weight: 600;
    color: var(--omid-dark-bg-text-color);
}
.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
    color: #43454b;
    color: var(--omid-dark-bg-text-color);
}

.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: var(--omid-dark-bg-text-color);
    color: #000;
    font-weight: 900;
}

.woocommerce-breadcrumb {
    color:#D4AF6E;
}

.menu-bg {background: var(--omid-popup-background-color); color: var(--omid-dark-bg-text-color);}

.menu-bg a {color: var(--omid-dark-bg-text-color);}
.menu-bg a:hover {color: var(--omid-rose-gold-color);}

#customer_login input, .top-navigation-contact-form input {
    background: transparent !important;
    color: var(--omid-main-text-color) !important;
    border: 1px solid var(--omid-main-text-color) !important;
}

#customer_login label, .top-navigation-contact-form label {
    color: var(--omid-main-text-color) !important;;
    letter-spacing: -1px !important;;
}

#customer_login textarea, #customer_login textarea:focus, .top-navigation-contact-form  textarea, .top-navigation-contact-form  textarea:focus {
    background: transparent;
    color: var(--omid-main-text-color);
    border-color: var(--omid-main-text-color);
    max-height: 195px;
    resize: none;

}

#customer_login .form-row button {

    --bs-btn-color: var(--omid-primary-button-color);
    --bs-btn-border-color: var(--omid-primary-button-color-darker);
    --bs-btn-hover-color: var(--omid-background-color);
    --bs-btn-hover-bg: var(--omid-primary-button-color-darker);
    --bs-btn-hover-border-color: var(--omid-primary-button-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--omid-primary-button-color);
    --bs-btn-active-border-color: var(--omid-primary-button-color-darker);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--omid-primary-button-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--omid-primary-button-color-darker);
    --bs-gradient: none;

    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;


    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: bold;
    margin-top:8px;

}


#customer_login .form-row button:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

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


#homePageBanner  [type=submit]{-webkit-appearance:button;}
#homePageBanner [type=submit]:not(:disabled){cursor:pointer;}
#homePageBanner [type=search]{outline-offset:-2px;-webkit-appearance:none;}
#homePageBanner .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;}
#homePageBanner .nav-link{display:block;padding:.5rem 1rem;}
#homePageBanner .nav-link:focus,.nav-link:hover{text-decoration:none;}
#homePageBanner .nav-pills .nav-link{border-radius:.25rem;}
#homePageBanner .nav-pills .nav-link.active{color:#fff;background-color:#007bff;}
#homePageBanner .tab-content>.tab-pane{display:none;}
#homePageBanner .tab-content>.active{display:block;}
#homePageBanner .mb-3{margin-bottom:1rem!important;}

#homePageBanner .homeSearchBox{margin-top:3rem;}
#homePageBanner .homeSearchBox .nav-item{font-size:0.85em;}
#homePageBanner .homeSearchBox .nav-item a{ padding:.7rem 2rem;font-size:0.875rem;text-transform:uppercase;color:var(--omid-main-text-color);position:relative;letter-spacing:-1px;}
#homePageBanner .homeSearchBox .nav-item .active,
#homePageBanner .homeSearchBox .nav-item a:hover{background:var(--omid-primary-button-color);color: var(--omid-background-color)}

#homePageBanner .homeSearchBox .nav-item .active::after, #homePageBanner .homeSearchBox .nav-item a:hover:before {
    content: "";
    position: absolute;
    top: 72%;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--omid-background-color);
    transform: translateX(-50%) rotate(180deg);
    z-index: 1;
}

#homePageBanner .homeSearchBox .homeSearchCtrl {
    margin-top: -1rem;
    position: relative;
}

#homePageBanner .homeSearchBox .homeSearchCtrl input {
    padding: 10px 42px;
    font-size: 1.1em;
    color: var(--omid-main-text-color) !important;
    border: 1px solid var(--omid-main-text-color) !important;
    background-color: transparent;

}

#homePageBanner .homeSearchBox .homeSearchCtrl input::-webkit-input-placeholder {
    color: #848484 !important;
    opacity: 1;
}

#homePageBanner .homeSearchBox .homeSearchCtrl input:-moz-placeholder {
    color: #848484 !important;
    opacity: 1;
}


#homePageBanner .homeSearchBox .homeSearchCtrl input::-moz-placeholder {
    color: #848484 !important;
    opacity: 1;
}

#homePageBanner .homeSearchBox .homeSearchCtrl input:-ms-input-placeholder {
    color: #848484 !important;
    opacity: 1;
}


#homePageBanner .homeSearchBox .homeSearchCtrl input::-ms-input-placeholder {
    color: #848484 !important;
    opacity: 1;
}


#homePageBanner .homeSearchBox .homeSearchCtrl input::placeholder {
    color: #848484 !important;
    opacity: 1;
}








#homePageBanner .homeSearchBox .homeSearchCtrl .homeSearchBtn {
    padding: 0.25em 1.24em;
    background: var(--omid-primary-button-color);
    color: var(--omid-background-color) !important;
    position: absolute;

    right: 0.3em;
    top: 6px;
    text-transform: uppercase;

}

#homePageBanner .homeSearchBox .homeSearchCtrl .homeSearchBtn:hover {
    color: #fff !important;
}

#homePageBanner .homeSearchBox .homeSearchCtrl .searchIcon {
    position: absolute;
    left: 10px;
    top: .5em;
    max-width: 28px;
}

@media screen and (max-width: 768px) {
    #homePageBanner .homeSearchBox .homeSearchCtrl .homeSearchBtn {
        padding: 0.75rem 3rem;
        background: var(--omid-primary-button-color);
        color: var(--omid-background-color) !important;
        position: static;
        right: 1rem;
        top: 1rem;
        text-transform: uppercase;
        width: 100%;
        margin-top: 1.5rem;
    }

    #homePageBanner .homeSearchCtrl {
        padding-bottom: 0.5rem;
        padding-right: 1.5rem;
    }

    #homePageBanner .homeSearchInputCtrl {padding-top: 2rem;border: 1px solid #ccc;}
}

.justify-content {text-align: justify;}


.modal-backdrop {
    z-index: 100 !important;
}