body { font-family: 'Poppins', sans-serif; font-size: 15px; color: #888888; line-height: 26px; font-weight: 400; background: #000; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; }
@media (min-width:1200px) {
    .container { max-width: 1170px; padding: 0px 15px; }
}
:root { --soft-secondary-base: rgba(51, 51, 51, 0.15); --primary: #AD6F00; --primaryDark: #AD6F00; --dark: #888888; --dark50:#888888; --red: #d60000; --redDark: #bd0000; --green: #00ab61; --lime: #59F076; --white: #fff; --bs-link-color: var(--primary); --greylight: #f0eeee; --bs-text-mode: #000000; --bs-secondary-color: #888; --bs-body-color-rgb: #888888; }
.container-fluid { padding: 0px; }
.large-container { position: static; max-width: 1480px; padding: 0px 15px; margin: 0 auto; }
.auto-container { position: static; max-width: 1300px; padding: 0px 15px; margin: 0 auto; }
.small-container { max-width: 680px; margin: 0 auto; }
.boxed_wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; }
a { text-decoration: none; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
a:hover { text-decoration: none; outline: none; }
input, button, select, textarea { font-weight: 400; font-size: 15px; color: #555; }
ul, li { list-style: none; padding: 0px; margin: 0px; }
input { transition: all 500ms ease; }
button:focus, input:focus, textarea:focus { outline: none; box-shadow: none; transition: all 500ms ease; }
p { position: relative; font-size: 15px; line-height: 26px; font-weight: 300; color: #848484; margin: 0px; transition: all 500ms ease; }
h1, h2, h3, h4, h5, h6 { position: relative; font-family: 'Josefin Sans', sans-serif; font-weight: 400; color: #888888; margin: 0px; transition: all 500ms ease; }
.centred { text-align: center; }
.pull-left { float: left; }
.pull-right { float: right; }
figure { margin: 0px; }
img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; }

/** button **/
.theme-btn-one { justify-content: center; text-decoration: none; background: transparent; position: relative; align-items: center; gap: 16px; font-size: 16px; line-height: 26px; font-weight: 600; color: #BE800F; text-align: center; border: 2px solid #BE800F; border-radius: 30px; padding: 10px 30px; z-index: 1; text-wrap: nowrap; }
.theme-btn-one:hover { color: #FFF !important; }
.theme-btn-one i { position: relative; display: inline-block; font-size: 20px; margin-left: 15px; top: 1px; transform: rotate(0deg); }
.theme-btn-one:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.theme-btn-one:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #222; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; border-radius: 30px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.theme-btn-two { position: relative; border-radius: 30px; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 600; border: none; color: #D29400; text-align: center; background: #222; padding: 12px 35px; z-index: 1; }
.theme-btn-two:hover { color: #FFF; }
.theme-btn-two i { position: relative; display: inline-block; font-size: 20px; margin-left: 15px; top: 1px; font-weight: 400; }
.theme-btn-two:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.theme-btn-two:after { content: ""; position: absolute; border-radius: 30px; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.scroll-top { width: 50px; height: 50px; line-height: 50px; display: flex; position: fixed; align-items: center; justify-content: center; bottom: 105%; right: 15px; font-size: 24px; z-index: 99; color: #ffffff; border-radius: 50%; text-align: center; cursor: pointer; z-index: 1; transition: 1s ease; border: none; }
.scroll-top:hover { background: #353535 !important; }
.scroll-top.open { bottom: 50px; }
.sec-title { position: relative; display: block; text-align: center; margin-bottom: 30px; }
.sec-title.style-two { text-align: left; }
.sec-title p { position: relative; display: block; font-size: 15px; line-height: 26px; color: #888888; margin-bottom: 20px; }
.sec-title h2 { position: relative; display: block; font-size: 30px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 36px; font-weight: 600; margin-bottom: 8px; }
.sec-title .separator { position: relative; display: block; width: 141px; height: 15px; margin: 0 auto; background-repeat: no-repeat; }
.sec-title.style-two .separator { margin: 0px; width: 91px; }
.sec-title.light p, .sec-title.light h2 { color: #fff }
select.form-control {
    appearance: none !important;
    background-image: url(../images/chevron-down-solid.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: center;
    background-size: 14px;
}
/***

====================================================================
                       Home-Page-One
====================================================================

***/

/** main-header **/
.main-header { position: relative; left: 0px; top: 0px; z-index: 999; width: 100%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.sticky-header { position: fixed; opacity: 0; visibility: hidden;     background: #191919;left: 0px; top: 0px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); width: 100%; z-index: 0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.fixed-header .sticky-header { z-index: 9991; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/** header-top **/
.main-header .ticker_content { border-bottom: 0px solid #191919; background-color: #da9a12; padding: 3px 0px; color: #fff; }

/* .marquee {width: 100%;white-space: nowrap;animation: marquee 40s linear infinite;}

@keyframes marquee {
    0% { transform: translate(100%, 0); }
    100% { transform: translate(-100%, 0); }
} */
.main-header .header-top { position: relative; display: block; padding: 0px 0px; border-bottom: 1px solid #282828; }
.main-header .language { position: relative; display: inline-block; z-index: 5; margin-right: 25px; }
.main-header .language .lang-btn { position: relative; display: block; font-size: 14px; color: #888888; font-weight: 400; line-height: 24px; cursor: pointer; transition: all 500ms ease; }
.main-header .language .lang-btn .flag { position: relative; width: 16px; height: 16px; border-radius: 50%; margin-right: 6px; display: inline-block; }
.main-header .language .lang-btn .flag img { width: 100%; border-radius: 50%; }
.main-header .language .lang-btn .txt { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; color: #888888; }
.main-header .language .lang-btn .arrow { position: relative; display: inline-block; vertical-align: middle; padding-left: 4px; font-size: 14px; color: #888; top: 1px; }
.main-header .language .lang-btn:before { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 16px; }
.main-header .language .lang-dropdown { position: absolute; left: 0; top: 100%; margin-top: 12px; width: 150px; background: #ffffff; border: 1px solid #f0f0f0; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.main-header .language:hover .lang-dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.main-header .language .lang-dropdown li { position: relative; display: block; border-bottom: 1px solid #f0f0f0; }
.main-header .language .lang-dropdown li:last-child { border: none; }
.main-header .language .lang-dropdown li a { position: relative; display: block; padding: 5px 15px; font-size: 14px; line-height: 24px; color: #888888; text-align: left; }
.main-header .language .lang-dropdown li a:hover { text-decoration: underline; }
.main-header .header-top .info li { position: relative; display: inline-block; font-size: 14px; color: #888888; margin-right: 30px; }
.main-header .header-top .info li:last-child { margin-right: 0px; }
.main-header .header-top .info li a { display: inline-block; color: #5C5C5C; }
.main-header .header-top .info li i { color: #888888; margin-right: 6px; }
.main-header .header-top .social-links, .main-header .header-top .price-box { position: relative; display: inline-block; }
.main-header .header-top .social-links { padding-right: 12px; margin-right: 12px; top: 2px; }
.main-header .header-top .social-links:before { position: absolute; content: ''; background: #282828; width: 1px; height: 24px; top: 2px; right: 0px; }
.main-header .header-top .social-links li { position: relative; display: inline-block; margin: 0px 10px; }
.main-header .header-top .social-links li a { display: inline-block; font-size: 15px; color: #888 !important; }
.main-header .header-top .price-box span { position: relative; display: inline-block; font-size: 14px; color: #888888; text-transform: uppercase; cursor: pointer; padding-right: 16px; }
.main-header .header-top .price-box span:before { position: absolute; content: "\f107"; font-family: 'Font Awesome 5 Free'; font-size: 14px; color: #888888; top: 1px; right: 0px; font-weight: 700; }
.main-header .header-top .price-box span:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 16px; }
.main-header .header-top .price-box .price-list { position: absolute; right: 0; top: 100%; width: 174px; background: #ffffff; border: 1px solid #f0f0f0; opacity: 0; visibility: hidden; z-index: 2; margin-top: 12px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.main-header .header-top .price-box:hover .price-list { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.main-header .header-top .price-box .price-list li { position: relative; display: block; border-bottom: 1px solid #f0f0f0; }
.main-header .header-top .price-box .price-list li:last-child { border: none; }
.main-header .header-top .price-box .price-list li a { position: relative; display: block; padding: 5px 15px; font-size: 14px; line-height: 24px; color: #888888; text-align: left; }
.main-header .header-top .price-box .price-list a:hover { text-decoration: underline; }
.main-header .menu-right-content li { position: relative; display: inline-block; font-size: 22px; line-height: 30px; color: #888888; margin-right: 20px; font-weight: 600; }
.main-header .menu-right-content li:last-child { margin-right: 0px; }
.main-header .menu-right-content li a { display: inline-block; color: #888888; }
.main-header .menu-right-content li span { color: #FFF !important; }
.main-header .menu-right-content li span:hover { color: #FFF !important; }
.main-header .menu-right-content li.shop-cart { font-weight: 400; font-size: 24px; }
.main-header .menu-right-content li.shop-cart a { position: relative; padding-right: 14px; }
.main-header .menu-right-content li.shop-cart a span { position: absolute; top: -13px; right: 0px; width: 19px; height: 19px; line-height: 19px; background: #2e2e2e; border-radius: 50%; text-align: center; color: #fff !important; font-size: 11px; font-weight: 500; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }
.main-header .menu-right-content { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 25px 0px 25px 0px; }
.header-lower { position: relative; }
.main-header .menu-right-content li a:hover span { -webkit-text-fill-color: #f6f6f6 !important; }
.header-lower .outer-box { position: relative; min-height: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.main-header .logo-box { position: relative; display: block; padding:0px 0px;    width: auto; }
.main-header .logo-box img{width: 180px;}
.header-lower .outer-box .menu-area { z-index: 1; display: flex; flex-wrap: wrap; align-items: center; }
.main-header .header-top ul.info li a { color: #888; }
.main-header .header-top .price-box .drop_lang { font-size: 14px; line-height: 17px; color: #888; padding: 5px 10px; min-width: 170px; background: #191919; }
.main-header .header-top .price-box .drop_lang a { color: #888; }
.main-header .header-top .price-box .drop_lang a:hover { color: #BE800F; }
.main-header.fixed-header .logo-box img {width: 130px;}
/** main-menu **/
.main-menu .navbar-collapse { padding: 0px; display: block !important; }
.main-menu .navigation { margin: 0px; }
.main-menu .navigation>li { position: inherit; float: left; z-index: 2; padding: 35px 0px; margin: 0px 18px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.main-menu .navigation>li:last-child { margin-right: 0px !important; }
.main-menu .navigation>li:first-child { margin-left: 0px !important; }
.main-menu .navigation>li.dropdown> a { padding-right: 17px; position: relative; }
.main-menu .navigation>li>a { position: relative; display: block; text-align: center; font-size: 15px; line-height: 40px; font-weight: 500; opacity: 1; position: inherit; color: #888888; z-index: 1; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.main-menu .navigation>li.dropdown>a:before { position: absolute; content: "\f107"; top: 2px; right: 0px; font-family: 'Font Awesome 5 Free'; font-size: 15px; color: #888; font-weight: 700; transition: all 500ms ease; }
.main-menu .navigation>li>a span { position: absolute; top: -15px; right: -15px; font-size: 11px; color: #fff; font-weight: 500; width: 37px; height: 16px; line-height: 16px; text-align: center; border-radius: 20px; }
.main-menu .navigation>li>a span:before { position: absolute; content: ''; width: 8px; height: 8px; left: 15px; bottom: -3px; transform: rotate(-45deg); z-index: -1; }
.main-menu .navigation>li>ul, .main-menu .navigation>li>.megamenu { padding: 10px 0px; background-color: #191919; display: block; }

/* .main-menu .navigation>li>ul, .main-menu .navigation>li>.megamenu { position: absolute; left: inherit; top: 100%; width: 250px; z-index: 100; display: none; opacity: 0; visibility: hidden; padding: 10px 0px; background-color: #191919; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } */
.main-menu .navigation>li>ul.from-right { left: auto; right: 0px; }
.main-menu .navigation>li>ul>li { position: relative; width: 100%; padding: 0px 30px; }
.main-menu .navigation>li>ul>li:last-child { border-bottom: none; }
.main-menu .navigation>li>ul>li>a, .main-menu .navigation>li>.megamenu li>a { position: relative; display: block; padding: 4px 0px; line-height: 23px; font-weight: normal; font-size: 13px; text-transform: capitalize; background: linear-gradient(360deg, #888 0.1%, #888 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 1px solid #454444; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.megamenu .has-sub { font-size: 14px; line-height: 22px; font-weight: 500; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.main-menu .navigation>li>ul>li:last-child>a, .main-menu .navigation>li>.megamenu li:last-child>a { border-bottom: none; }
.main-menu .navigation>li>ul, .main-menu .navigation>li>ul>li>ul, .main-menu .navigation>li>.megamenu { display: block !important; visibility: hidden; opacity: 0; }
.main-menu .navigation>li>ul>li.dropdown>a:after { font-family: 'Font Awesome 5 Free'; content: "\f105"; position: absolute; right: 20px; top: 14px; display: block; line-height: 24px; font-size: 16px; font-weight: 800; text-align: center; z-index: 5; }
.main-menu .navigation>li>ul>li>ul { position: absolute; right: 100%; top: -2px; width: 230px; z-index: 100; display: none; padding: 10px 0px; background-color: #fff; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }
.main-menu .navigation>li>ul>li>ul.from-right { left: auto; right: 0px; }
.main-menu .navigation>li>ul>li>ul>li { position: relative; width: 100%; padding: 0px 30px; }
.main-menu .navigation>li>ul>li>ul>li:last-child { border-bottom: none; }
.main-menu .navigation>li>ul>li>ul>li:last-child { border-bottom: none; }
.main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; font-size: 14px; padding: 12px 0px; line-height: 24px; font-weight: 500; text-transform: capitalize; color: #888888; border-bottom: 1px solid #e3e3e3; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation>li>ul>li>ul>li:last-child>a { border-bottom: none; }
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after { font-family: 'Font Awesome 5 Free'; content: "\f105"; position: absolute; right: 20px; top: 12px; display: block; line-height: 24px; font-size: 16px; font-weight: 900; z-index: 5; }
.main-menu .navigation>li.dropdown:hover>ul, .main-menu .navigation>li.dropdown:hover>.megamenu { visibility: visible; opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation li>ul>li.dropdown:hover>ul { visibility: visible; opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
.main-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: -32px; top: 66px; width: 34px; height: 30px; text-align: center; font-size: 18px; line-height: 26px; color: #3b3b3b; cursor: pointer; display: none; z-index: 5; transition: all 500ms ease; }
.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn { display: none; }
.menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; }
.menu-area .mobile-nav-toggler .icon-bar { position: relative; height: 2px; width: 26px; display: block; margin-bottom: 5px; background-color: #888888; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.menu-area .mobile-nav-toggler .icon-bar:last-child { margin-bottom: 0px; }
.mega-menu { width: 100%; overflow-x: hidden; }
.column_count_2 { column-count: 2; }
.column_count_3 { column-count: 3; }
.main-header .menu-right-content li .login-text-line { font-size: 15px; font-weight: 300; opacity: 1; color: #888888 !important; }
.login-text a { font-size: 15px; line-height: 30px; font-weight: 500; opacity: 1; color: #888888; }
.login-text a:hover { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/** megamenu-style **/
.main-menu .navigation>li.dropdown>.megamenu { position: absolute; width: 100%; padding: 30px 50px; left: 0px; top: 90px; border-radius: 0px; }
.main-menu .navigation li.dropdown .megamenu li h4 { font-weight: 500; padding: 3px 0px; }

/** mobile-menu **/
.nav-outer .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; }
.mobile-menu { position: fixed; right: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999; }
.mobile-menu .navbar-collapse { display: block !important; }
.mobile-menu .nav-logo { position: relative;padding: 50px 25px 15px 25px;text-align: left; }
.mobile-menu-visible { overflow: hidden; }
.mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; }
.mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-x: hidden; overflow-y: auto; background: #202020; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }
.mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.mobile-menu .close-btn { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; line-height: 28px; border: 2px solid #fff; border-radius: 50%; text-align: center; font-size: 15px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.mobile-menu .close-btn:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; }
.mobile-menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(255, 255, 255, 0.10); }
.mobile-menu .navigation:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.10); }
.mobile-menu .navigation li>a { position: relative; display: block; line-height: 24px; z-index: 999; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.mobile-menu .navigation li ul li>a { font-size: 16px; margin-left: 20px; text-transform: capitalize; }
.mobile-menu .navigation li>a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; border-left: 5px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.mobile-menu .navigation li.current>a:before { height: 100%; }
.mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: #ffffff; background: rgba(255, 255, 255, 0.10); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 9991; }
.mobile-menu .navigation li.dropdown .dropdown-btn.open { background: #fff; color: #3b3b3b; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.mobile-menu .border-bottom{border-top: 1px solid rgba(255, 255, 255, 0.10);}
/* .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul, .mobile-menu .navigation>li.dropdown>.megamenu { display: none; } */
.mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul, .mobile-menu .navigation>li.dropdown>.megamenu { width: 100%; padding: 10px 10px 0px 23px; color: #FFF; border-radius: 0; background: #000; }
.gap05 { gap: 1em 2em; }
.mobile-menu .navigation .megamenu li>a { position: relative; display: block; line-height: 16px; padding: 6px 0px; background: linear-gradient(360deg, #888888 0.1%, #888888 52.6%, #888888 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.mobile-menu .navigation .megamenu li ul li>a { font-size: 13px; margin-left: 0px; text-transform: capitalize; }
.mobile-menu .megamenu { overflow: auto; min-height: 400px; max-height: 400px; border-radius: 0; }
.mobile-menu .social-links { position: relative; padding: 30px 25px; }
.mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 10px 10px; }
.mobile-menu .social-links li a { position: relative; line-height: 32px; font-size: 16px; color: #ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
div#mCSB_1_container { top: 0px !important; }
.mobile-menu .contact-info { position: relative; padding: 80px 30px 20px 30px; }
.mobile-menu .contact-info h4 { position: relative; font-size: 20px; color: #ffffff; font-weight: 700; margin-bottom: 20px; }
.mobile-menu .contact-info ul li { position: relative; display: block; font-size: 15px; color: rgba(255, 255, 255, 0.80); margin-bottom: 3px; }
.mobile-menu .contact-info ul li a { color: rgba(255, 255, 255, 0.80); }
.mobile-menu .contact-info ul li:last-child { margin-bottom: 0px; }

/** search pop-up style **/
.main-header .search-btn .search-toggler { position: relative; font-size: 22px; color: #888888; font-weight: 400; background: transparent; cursor: pointer; display: inline-block; transition: all 500ms ease; border: none; }
.search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.9); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; }
.search-popup.popup-visible { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; }
.search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; }
.search-popup .close-search { position: absolute; right: 25px; top: 25px; font-size: 22px; color: #ffffff; cursor: pointer; z-index: 5; transition: all 500ms ease; }
.search-popup .search-form { position: relative; padding: 0px 0px 0px; max-width: 1024px; margin: 0 auto; margin-top: 150px; margin-bottom: 100px; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); z-index: 10; }
.search-popup.popup-visible .search-form { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 500ms ease 500ms; -moz-transition: all 900ms ease 500ms; -webkit-transition: all 900ms ease 500ms; -ms-transition: all 900ms ease 500ms; -o-transition: all 900ms ease 500ms; }
.search-popup .search-form .form-group { margin-bottom: 30px; }
.search-popup .search-form fieldset { position: relative; border-radius: 12px; }
.search-popup .search-form fieldset input[type="search"] { position: relative; height: 70px; padding: 20px 20px 20px 30px; background: transparent; line-height: 30px; font-size: 24px; color: #233145; border-radius: 7px; }
.search-popup .search-form fieldset input[type="submit"] { position: absolute; display: block; right: 0px; top: 0px; text-align: center; width: 220px; height: 70px; padding: 20px 10px 20px 10px; color: #ffffff !important; line-height: 30px; font-size: 20px; cursor: pointer; text-transform: uppercase; border-radius: 0px 7px 7px 0px; }
.search-popup .search-form fieldset input[type="submit"]:hover { transform: translateY(0px); }
.search-popup h3 { text-transform: uppercase; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 20px; letter-spacing: 1px; text-align: center; }
.search-popup .recent-searches { font-size: 16px; color: #ffffff; text-align: center; }
.search-popup .recent-searches li { display: inline-block; margin: 0px 10px 10px 0px; }
.search-popup .recent-searches li a { display: block; line-height: 24px; border: 1px solid #ffffff; padding: 7px 15px; color: #ffffff; border-radius: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.search-popup .list-group-item img.size-40px { height: 40px; width: 40px; object-fit: contain; }
.search-popup .list-group-item .search-product { gap: 12px; }
.search-popup .typed-search-box { min-height: 100px; background: #191919; padding: 12px;     word-wrap: break-word;}
.search-popup li.list-group-item { background-color: transparent; border-color: #333; color: #e1a02d; }
.search-popup li.list-group-item { background: transparent; color: #888; border-color: #191919; padding-left: 7px; }
.search-popup .text-muted { color: #ce8f1f !important; }
.search-popup .text-primary { color: #e3a22b !important; }
.sticky-header .main-menu .navigation>li { padding: 0px !important; margin: 0px !important; }
.sticky-header .main-menu .navigation>li>a { padding: 20px 30px; color: #888888 !important; }
.sticky-header .main-menu .navigation>li.current>a, .sticky-header .main-menu .navigation>li:hover>a { color: #fff !important; }
.sticky-header .logo-box { padding: 0px !important; }
.sticky-header .logo-box .logo { position: relative; padding: 14px 0px !important; }
.sticky-header .main-menu .navigation>li.dropdown>a:before { top: 22px; right: 12px; }
.sticky-header .main-menu .navigation>li>a span { display: none; }
.sticky-header .outer-box { position: relative; }

/** banner-section **/
.banner-style-one { position: relative !important; background: #050505; }
.banner-style-one .pattern-layer { position: absolute; right: 235px; bottom: 0px; width: 767px; height: 446px; background-repeat: no-repeat; }
.banner-carousel { position: relative; }
.banner-carousel .slide-item { position: relative; background-repeat: no-repeat; background-position: center; overflow: hidden; background-size: cover; }
.banner-carousel .content-inner { position: relative; }
.banner-carousel .content-inner .image-box { position: absolute; right: 0px; bottom: 0px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; }
.banner-carousel .active .content-inner .image-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; }
.banner-carousel .active .content-inner .imgae-3 { right: -150px; }
.banner-carousel .content-box { position: relative; display: block; z-index: 5; max-width: 450px; width: 100%; min-height: 711px; padding: 170px 0px 180px 0px; }
.banner-carousel .content-box h1 { position: relative; display: block; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 70px; line-height: 75px; font-weight: 600; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; }
.banner-carousel .active .content-box h1 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; }
.banner-carousel .content-box h1 span { display: inline-block; }
.banner-carousel .content-box h3 { position: relative; display: block; color: #888888; font-size: 26px; line-height: 30px; font-weight: 600; margin-bottom: 26px; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; }
.banner-carousel .active .content-box h3 { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
.banner-carousel .content-box p { position: relative; display: block; color: #888888; font-size: 18px; line-height: 26px; font-weight: 400; margin-bottom: 33px; opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; }
.banner-carousel .active .content-box p { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; }
.banner-carousel .content-box .btn-box { position: relative; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1600ms ease; -moz-transition: all 1600ms ease; -ms-transition: all 1600ms ease; -o-transition: all 1600ms ease; transition: all 1600ms ease; }
.banner-carousel .active .content-box .btn-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; }
.owl-dots-none .owl-dots, .owl-nav-none .owl-nav { display: none !important; }
.banner-style-one .banner-carousel .owl-nav { position: absolute; width: 100%; right: 0px; bottom: 80px; }
.banner-carousel .owl-nav .owl-prev { right: 100px; z-index: 99; bottom: 20px; left: revert; position: absolute; background: transparent; height: 60px; width: 60px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #BE800F; font-size: 22px; cursor: pointer; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; border: 2px solid #BE800F; }
.banner-carousel .owl-nav .owl-next { border: 2px solid #BE800F; bottom: 20px; z-index: 99; right: 20px; position: absolute; background: transparent; height: 60px; width: 60px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #BE800F; font-size: 22px; cursor: pointer; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.banner-carousel .owl-nav .owl-prev:hover, .banner-carousel .owl-nav .owl-next:hover { color: #fff; }
.banner-carousel:hover .owl-nav .owl-prev, .banner-carousel:hover .owl-nav .owl-next { opacity: 1; }
.banner-style-one .owl-dots { position: absolute; left: 50px; bottom: 50px; display: inline-block; counter-reset: count; }
.banner-style-one .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0px 15px; text-align: center; background-color: transparent; cursor: pointer; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.banner-style-one .owl-dots .owl-dot.active:before { color: #888888; font-size: 40px; }
.banner-style-one .owl-dots .owl-dot.active:after { top: 10px; }
.banner-style-one .owl-dots .owl-dot:last-child:after { display: none; }
.banner-style-one .owl-dots .owl-dot span { display: none; }

/** topcategory-section **/
.topcategory-section { position: relative; padding: 115px 0px 100px 0px; }
.category-block-one { position: relative; display: block; }
.category-block-one .image-box { position: relative; display: inline-block; width: 250px; height: 250px; border-radius: 50%; margin-bottom: 17px; }
.category-block-one .image-box img { width: 100%; border-radius: 50%; }
.category-block-one .image-box:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; opacity: 0.8; border-radius: 50%; transform: scale(0, 0); transition: all 500ms ease; }
.category-block-one:hover .image-box:before { transform: scale(1, 1); }
.category-block-one h5 { position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 600; color: #888888; max-width: 110px; margin: 0 auto; width: 100%; }
.category-block-one h5 a { display: inline-block; color: #888888; }

/** shop-section **/
.shop-section { position: relative; padding-bottom: 120px; padding-top: 50px; }
.shop-block-one { position: relative; max-width: 294px; width: 100%; height: 100%; margin: 0 auto;    /* background-color: #242424; */ }
.shop-block-one .inner-box { position: relative; display: block; margin-bottom: 33px; background-color: #242424; height: calc(100% - 30px); display: flex; flex-flow: column; }
.shop-block-one .inner-box .image-box { position: relative; display: block; overflow: hidden; text-align: center; padding-bottom: 100%; background: #f6f3f330; }
.shop-block-one .inner-box .image-box img { width: 100%; position: absolute !important; top: 0; left: 0; height: 100%; object-fit: contain; }
.shop-block-one .inner-box .image-box .category { position: absolute; display: inline-block; right: 0px; top: 20px; font-size: 13px; color: #fff; font-weight: 700; height: 27px; line-height: 27px; width: 55px; text-align: center; }
.shop-block-one .inner-box .image-box .category:before { position: absolute; content: ''; width: 7px; height: 13px; top: 0px; left: -6px; clip-path: polygon(0% 0%, 100% 0, 100% 100%, 100% 100%, 0 0); }
.shop-block-one .inner-box .image-box .category:after { position: absolute; content: ''; width: 7px; height: 13px; bottom: 0px; left: -6px; clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0 0); }
.shop-block-one .inner-box .image-box .info-list { position: absolute; left: 20px; bottom: -65px; width: calc(100% - 40px); visibility: hidden; transition: all 500ms ease; }
.shop-block-one .inner-box:hover .image-box .info-list { bottom: 20px; visibility: visible; }
.shop-block-one .inner-box .image-box .info-list li { position: relative; display: inline-block; margin-right: 2px; }
.shop-block-one .inner-box .image-box .info-list li:last-child { margin-right: 0px; }
.shop-block-one .inner-box .image-box .info-list li a { display: inline-block; width: auto; padding: 0px 16px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; border-radius: 5px; color: #fff; text-align: center; background: #888888; }
.shop-block-one .inner-box .image-box .info-list li:nth-child(2) a { min-width: 70px; background: #4e4e4e; font-size: 16px; font-weight: 600; width: 100%; border-radius: 5px; }
.shop-block-one .inner-box .lower-content { position: relative; background-color: #242424; padding: 10px; white-space: nowrap; font-size: 14px; line-height: 17px;    /* min-height: 98px; */ flex: 1; display: flex; flex-flow: column;  }
.shop-block-one .inner-box .lower-content .lower-content { display: block; flex: none !important; margin-top: auto; }
/* .shop-block-one .inner-box .lower-content a { position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: #888888; margin-bottom: 3px; } */
.shop-block-one .inner-box .lower-content .price { position: relative; display: block; font-size: 14px; line-height: 18px; color: #888888; white-space: initial; word-break: break-all; }
.inner-box .auctionCardBottomBox { background-color: #242424; padding: 12px; }
.shop-section .filters { position: relative; display: block; margin-bottom: 48px; }
.shop-section .filters .filter-tabs li { position: relative; display: inline-block; font-size: 17px; line-height: 24px; font-weight: 600; color: #888; margin: 0px 15px; cursor: pointer; transition: all 500ms ease; }
.shop-section .filters .filter-tabs li:hover, .shop-section .filters .filter-tabs li.active { color: #888888; }
.shop-section .filters .filter-tabs li:before { position: absolute; content: ''; background: #828282; width: 100%; height: 1px; left: 0px; bottom: 0px; transform: scale(0, 0); transition: all 500ms ease; }
.shop-section .filters .filter-tabs li:hover:before, .shop-section .filters .filter-tabs li.active:before { transform: scale(1, 1); }
.shop-section .more-btn { position: relative; margin-top: 10px; }

/** cta-section **/
.cta-section { position: relative; padding-top: 375px; }
.cta-section .image-layer { position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 675px; background-repeat: no-repeat; background-size: cover; background-position: center -100px; }
.cta-section .cta-inner { position: relative; display: block; background: #353535; padding: 75px 200px 80px 200px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05); }
.cta-section .cta-inner h2 { position: relative; display: block; font-size: 50px; line-height: 60px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; margin-bottom: 27px; }
.cta-section .cta-inner p { font-size: 18px; font-weight: 500; color: #888888; margin-bottom: 33px; }
.cta-section .cta-inner .theme-btn-one { background: transparent; color: #BE800F; }
.cta-section .cta-inner .pattern-layer .pattern-1 { position: absolute; left: 0px; top: 0px; width: 269px; height: 103px; background-repeat: no-repeat; }
.cta-section .cta-inner .pattern-layer .pattern-2 { position: absolute; right: 0px; top: 0px; width: 269px; height: 103px; background-repeat: no-repeat; }

/** news-section **/
.news-block-one { margin-bottom: 50px; }
.news-section { position: relative; padding: 115px 0px 120px 0px; }
.news-block-one .inner-box { position: relative; display: block; background: #171717; transition: all 500ms ease; }
.news-block-one .inner-box:hover { box-shadow: 0px 5px 10px 0px #FAB6134D; }
.news-block-one .inner-box .image-box { position: relative; display: block; overflow: hidden; max-height: 314px; min-height: 314px; }
.news-block-one .inner-box .image-box img { width: 100%; transition: all 500ms ease; object-fit: contain; height: 320px; }
.news-block-one .inner-box:hover .image-box img { opacity: 0.2; transform: scale(1.05); }
.news-block-one .inner-box .lower-content { position: relative; padding: 23px 30px 24px 30px; border-top: none !important; transition: all 500ms ease; min-height: 312px; max-height: 312px; }
.news-block-one .inner-box .lower-content .post-date { position: relative; display: block; font-size: 15px; color: #DD9D2A; padding-left: 25px; margin-bottom: 11px; }
.news-block-one .inner-box .lower-content .post-date:before { position: absolute; content: ''; background: #DD9D2A; width: 15px; height: 2px; left: 0px; top: 12px; }
.news-block-one .inner-box .lower-content h3 { position: relative; display: block; font-size: 24px; font-weight: 600; color: #888888; line-height: 28px; margin-bottom: 6px; }
.news-block-one .inner-box .lower-content h3 a { display: inline-block; color: #B8B8B8; }
.news-block-one .inner-box .lower-content .post-info li { position: relative; display: inline-block; font-size: 15px; color: #848484; margin-right: 18px; }
.news-block-one .inner-box .lower-content .post-info li:last-child { margin-right: 0px; }
.news-block-one .inner-box .lower-content .post-info li:before { position: absolute; content: ''; background: #848484; width: 1px; height: 13px; top: 6px; right: -11px; }
.news-block-one .inner-box .lower-content .post-info li:last-child:before { display: none; }
.news-block-one .inner-box .lower-content .post-info li a { color: #848484; }
.news-block-one .inner-box .lower-content .post-info { position: relative; margin-bottom: 16px; }
.news-block-one .inner-box .lower-content p { margin-bottom: 14px; }
.news-block-one .inner-box .lower-content .link { position: absolute; bottom: 20px; }
.news-block-one .inner-box .lower-content .link a { position: relative; display: inline-block; font-size: 15px; line-height: 26px; color: #B8B8B8; font-weight: 500; }
.news-block-one .inner-box .lower-content .link a i { position: relative; display: inline-block; font-size: 18px; margin-left: 11px; font-weight: 600; top: 1px; transform: rotate(-30deg); transition: all 500ms ease; }
.news-block-one .inner-box .lower-content .link a:hover i { transform: rotate(0deg); }

/** service-section **/
.service-section { position: relative; }
.service-section .inner-container { position: relative; display: block; padding: 37px 0px 33px 0px; border-top: 1px solid #393939; border-bottom: 1px solid #393939; }
.service-block-one .inner-box { position: relative; display: block; padding-left: 80px; }
.service-block-one .inner-box .icon-box { position: absolute; left: 0px; top: 2px; font-size: 50px; line-height: 50px; color: #888888; filter: invert(1) brightness(0.5); }
.service-block-one .inner-box h3 { position: relative; display: block; font-size: 22px; line-height: 32px; color: #888888; font-weight: 600; margin-bottom: 3px; }
.service-block-one .inner-box h3 a { display: inline-block; color: #888888; }
.service-block-one .inner-box p { line-height: 24px; }

/** instagram-section **/
.instagram-section { position: relative; }
.instagram-section .image-box { position: relative; display: block; overflow: hidden; background: #000; }
.instagram-section .image-box img { width: 100%; transition: all 500ms ease; }
.instagram-section .image-box:hover img { opacity: 0.4; }
.instagram-section .image-box .info-list { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 15px 15px; text-align: center; opacity: 0; transition: all 500ms ease; }
.instagram-section .image-box:hover .info-list { opacity: 1; }
.instagram-section .image-box .info-list li { position: relative; display: inline-block; margin-right: 20px; }
.instagram-section .image-box .info-list li:last-child { margin-right: 0px; }
.instagram-section .image-box .info-list li a { display: inline-block; font-size: 14px; color: #fff; font-weight: 500; }
.instagram-section .image-box .info-list li a i { position: relative; top: 2px; margin-right: 10px; font-size: 20px; }

/** main-footer **/
.main-footer { position: relative; }
.main-footer .footer-top { position: relative; background: #191919; padding: 100px 0px 40px 0px; }
.main-footer .footer-top .footer-widget .widget-title { position: relative; display: block; margin-bottom: 25px; }
.main-footer .footer-top .footer-widget .widget-title h3 { position: relative; font-size: 24px; line-height: 32px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; margin: 0px; }
.main-footer .footer-top .links-widget .links-list li { position: relative; display: block; margin-bottom: 12px; }
.main-footer .footer-top .links-widget .links-list li:last-child { margin-bottom: 0px; }
.main-footer .footer-top .links-widget .links-list li a { position: relative; display: inline-block; font-size: 15px; line-height: 22px; color: #848484; }
.main-footer .footer-top .links-widget .links-list li a:before { position: absolute; content: ''; width: 0%; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; }
.main-footer .footer-top .links-widget .links-list li a:hover:before { width: 100%; }
.main-footer .footer-top .contact-widget .info-list li { position: relative; display: block; font-size: 15px; line-height: 26px; color: #848484; margin-bottom: 17px; }
.main-footer .footer-top .contact-widget .info-list li:last-child { margin-bottom: 0px; }
.main-footer .footer-top .contact-widget .info-list li a { display: inline-block; color: #848484; }
.main-footer .footer-top .contact-widget .info-list { position: relative; margin-bottom: 15px; }
.footer-social li { position: relative; display: inline-block; margin-right: 12px; }
.footer-social li:last-child { margin-right: 0px; }
.footer-social li a { font-size: 13px; color: #848484; }
.main-footer .footer-top .contact-widget { margin-left: 30px; }
.main-footer .footer-top .newsletter-widget .widget-content p { margin-bottom: 31px; }
.main-footer .footer-top .newsletter-widget .widget-content .newsletter-form .form-group { position: relative; margin: 0px; }
.main-footer .footer-top .newsletter-widget .widget-content .newsletter-form .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 50px; padding: 10px 20px; font-size: 15px; color: #222; background: linear-gradient(1turn, rgb(173, 111, 0) 0.1%, rgb(230, 165, 50) 52.6%, rgb(210, 148, 0)) text; -webkit-text-fill-color: transparent; margin-bottom: 0px; transition: all 500ms ease; }
.footer-bottom { position: relative; background: #201f1f; padding: 21px 0px; }
.footer-bottom .cart-list li { position: relative; display: inline-block; float: left; margin-right: 10px; }
.footer-bottom .cart-list li:last-child { margin-right: 0px; }
.footer-bottom .copyright p { line-height: 35px; }
.footer-bottom .copyright a { color: #848484; }
.breadcrumb__area .p-relative { position: relative; }
.breadcrumb__area .breadcrumb__pt-310 { background-color: #050505; }
.breadcrumb__area .breadcrumb__pt-310 { background-color: #edf0f5; }
.breadcrumb__area .ac-about-shape-img { max-width: 460px; margin-left: auto; }
.breadcrumb__area img { max-height: 370px; }
.breadcrumb__area .breadcrumb__content { padding: 10px 0; height: 100%; display: flex; flex-flow: column; justify-content: center; }
.product-name.text-truncate{white-space: normal;}
@media (max-width:767.98px) {
    .main-header .menu-right-content li.shop-cart a {padding-right:5px; }
    .breadcrumb__content { padding: 70px 0; }
    .main-header .search-btn .search-toggler {font-size: 18px;}
    .main-header .menu-right-content .fa-solid, .fas, i{font-size: 18px;}
    .login-text a {font-size: 13px;}
    .search-popup .search-form {padding: 0px 20px 0px;}
    .main-header .menu-right-content li .login-text-line {font-size: 13px;}

}

@media (max-width:375px) {
    .main-header .search-btn .search-toggler {font-size: 15px;}
    .main-header .menu-right-content .fa-solid, .fas, i{font-size: 15px;}
    .login-text a {font-size: 12px;}
}
.breadcrumb__area .p-relative { position: relative; }
.breadcrumb__area .breadcrumb__title { font-size: 65px; color: #000; font-weight: 700; margin-bottom: 30px; }
@media (max-width:767.98px) {
    .breadcrumb__title { font-size: 48px; margin-bottom: 24px; }
}
.breadcrumb__area .breadcrumb__title { font-size: 65px; background: linear-gradient(1turn, #ad6f00 .1%, #e6a532 52.6%, #d29400); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; margin-bottom: 10px; }
.breadcrumb__area .secondHeading { color: #888; font-size: 26px; line-height: 30px; font-weight: 600; margin-bottom: 26px; opacity: 1; }
.breadcrumb__area .theme-btn-one { position: relative; display: inline-flex; align-items: center; gap: 16px; font-size: 16px; line-height: 26px; font-weight: 600; color: #BE800F; text-align: center; border: 2px solid #BE800F; border-radius: 30px; padding: 10px 30px; z-index: 1; text-wrap: nowrap; }
.breadcrumb__area .theme-btn-one i { position: relative; display: inline-block; font-size: 20px; }
.breadcrumb__area .timer-container { display: flex; justify-content: start; align-items: center; font-size: 24px; margin-top: 30px; position: relative; margin: 6px; }
.breadcrumb__area .timer { display: flex; flex-direction: column; align-items: center; margin: 0px 10px 0px 0px; }
.breadcrumb__area .number { width: 40px; color: #000; font-weight: 600; background-color: #f0f0f0; height: 50px; border-radius: 5px; display: flex; justify-content: center; align-items: center; margin-left: 2px; background: linear-gradient(1turn, #ad6f00 .1%, #e6a532 52.6%, #d29400); }
.breadcrumb__area .text { margin-top: 5px; color: #7c7c7c; font-size: 20px; }
.breadcrumb__area .ac-about-shape-img { max-width: 596px; margin-left: auto; }
.breadcrumb__area .ac-about-shape-img img { max-height: 370px; }
.shop-block-one .TimerSpan { position: absolute; background-color: black; padding: 11px; color: #BE800F; display: block; top: 8px; right: 8px; border-radius: 2px; }
.shop-section .product-details h5 { color: #d99a11; margin-bottom: 10px; font-size: 18px;     padding-right: 18%;}
.auctionCardBottomBox .bid-aamount { font-weight: 600; }
/* .lower-content.auction_card { min-height: 360px; max-height: 360px; } */

.shop-section .product-details h4 { font-size: 27px; margin-bottom: 10px;     padding-right: 19%;}
.shop-section .product-details p { line-height: 24px; }
@media (max-width:767.98px) {
    .breadcrumb__area .timer { margin: 0 3px; }
    .breadcrumb__area .number { width: 24px; height: 28px; }
}

/* filter css start */
.filter-area { color: #fff; padding-right: 16px; overflow-x: hidden; overflow-y: auto; }
.filter-area::-webkit-scrollbar { width: 6px; }
.filter-area::-webkit-scrollbar-track { background: #f3f3f3; }
.filter-area::-webkit-scrollbar-thumb { background: #e0e0e0; }
.filter-area .form-check { padding: 0; }
.filter-area .form-check input[type='checkbox'] { display: none; }
.filter-area .form-check input[type='checkbox'] + label { display: inline-block; position: relative; padding-left: 25px; font-size: 14px; line-height: 18px; letter-spacing: .5px; color: #888888; margin-bottom: 0; cursor: pointer; font-family: "Source Sans Pro", sans-serif; }
.filter-area .form-check input[type='checkbox'] + label:before { content: ''; display: block; width: 16px; height: 16px; background: transparent; border: 1px solid #888888; position: absolute; left: 0; top: 2px; border-radius: 2px; }
.filter-area .form-check input[type='checkbox'] + label:after { content: ''; display: inline-block; font-weight: 900; font-size: 24px; width: 16px; height: 16px; line-height: 16px; background-image: url(../images/icons/check-img.svg); text-align: center; position: absolute; left: 0px; top: 2px; border-radius: 2px; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .12s ease-in; transition: all .12s ease-in; background-size: 10px; background-position: center; background-repeat: no-repeat; }
.filter-area .form-check input[type='checkbox'] + label a { color: #fff; }
.filter-area .form-check input[type='checkbox']:checked + label:after { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.filter-area .form-check input[type='radio'] { display: none; }
.filter-area .form-check input[type='radio'] + label { display: inline-block; position: relative; padding-left: 30px; font-size: 12px; line-height: 16px; color: #fff; margin-bottom: 0; cursor: pointer; font-family: "Source Sans Pro", sans-serif; }
.filter-area .form-check input[type='radio'] + label:before { content: ''; display: block; width: 16px; height: 16px; background: transparent; border: 1px solid #00B7A5; position: absolute; left: 0; top: 0; border-radius: 2px; }
.filter-area .form-check input[type='radio'] + label:after { content: ''; display: inline-block; font-weight: 900; font-size: 24px; width: 8px; height: 8px; line-height: 16px; background: #00B7A5; text-align: center; position: absolute; left: 4px; top: 4px; border-radius: 1px; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .12s ease-in; transition: all .12s ease-in; }
.filter-area .form-check input[type='radio'] + label a { color: #fff; }
.filter-area .form-check input[type='radio']:checked + label:after { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.custom-scroll .form-group + .form-group { margin-top: 4px; }
.filter-area h4 { font-style: normal; font-weight: 600; font-size: 22px; line-height: 27px; color: #000; margin-bottom: 16px; }
.filter-head { position: relative; padding-bottom: 10px; }
.filter-head h5 { padding-right: 60px; font-weight: 400; font-size: 14px; line-height: 17px; margin-bottom: 0; border-bottom: 1px solid #D9D9D9; padding-bottom: 6px; }
.filter-head #filter-reset, .filter-head span { position: absolute; right: 0; font-weight: 500; font-size: 14px; line-height: 17px; cursor: pointer; top: 0; }
.filter-body .accordion-button, .filter-body .accordion-button:not(.collapsed) { font-weight: 600; font-size: 16px; line-height: 20px; color: #888888; text-transform: uppercase; padding: 14px 0; border: none; background-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; background: linear-gradient(360deg, rgb(173, 111, 0) 0.1%, rgb(230, 165, 50) 52.6%, rgb(210, 148, 0) 100%) text; -webkit-text-fill-color: transparent; }
.filter-body .accordion-item { border: none; border-bottom: 1px solid #8888887a; border-radius: 0 !important; position: relative; }
.filter-body .accordion-item:last-child { border: none; }
.filter-body .accordion-button::after { display: none; }
.shopFilterbar-offcanvas .offcanvas-title { font-size: 24px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.shopFilterbar-offcanvas .offcanvas-header { border-bottom: 1px solid var(--primary); padding: 14px 24px; }
.shopFilterbar-offcanvas .offcanvas-body { padding: 12px 24px; }
.shopFilterbar-offcanvas .offcanvas-header .btn-close { top: 25px; right: 24px; }
.filter-body .accordion-button::before { content: ''; background-image: url(../images/icons/down-black.svg); position: absolute; width: 16px; height: 16px; right: -2px; top: 15px; transition: all .15s ease-in; transform: rotate(180deg); background-size: 14px; background-repeat: no-repeat; background-position: center; }
.filter-body .accordion-button.collapsed::before { transform: rotate(0deg); }
.filter-btn { display: none; background-color: #00B7A5; color: #fff; padding: 9px 22px; border-radius: 4px; transition: all .3s ease-in; cursor: pointer; line-height: 20px; transition: all .4s ease-in; position: fixed; bottom: 30px; z-index: 999; left: 50%; transform: translateX(-50%); font-size: 18px; letter-spacing: .5px; }
.filter-btn img { width: 20px; margin-right: 8px; filter: brightness(0) invert(1); }
.filter-btn:hover { background-color: #f08813; }
.filter-area-close { width: 28px; height: 28px; position: absolute; right: 18px; top: 15px; background-color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.filter-area-close img { width: 18px; vertical-align: baseline; filter: brightness(0) invert(1); }
.filter-body .accordion-body { padding-bottom: 14px; }
.filter-body .accordion-item .clear_acc { position: absolute; top: 16px; font-size: 14px; font-weight: 400; z-index: 999; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; right: 30px; display: block; line-height: 16px; }
.filter-search-option .custom-scroll { max-height: 200px; overflow-x: hidden; overflow-y: auto; }
.custom-scroll::-webkit-scrollbar { width: 6px; }
.custom-scroll::-webkit-scrollbar-track { background: #f3f3f3; outline: 2px solid #f3f3f3; border-radius: 5px }
.custom-scroll::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 5px }
.filter-search-currents li + li { margin-top: 6px; }
.filter-search-currents li p { line-height: 22px; letter-spacing: .5px; color: #888888; margin: 0; font-size: 14px; }
.filter-search-currents li { position: relative; padding-right: 30px; }
.filter-search-currents li .clear-single { position: absolute; width: 16px; height: 16px; right: 0; top: 3px; cursor: pointer; }
.filter-search-currents li .clear-single img { vertical-align: baseline; }
.filter_range_slider { padding: 0 14px; }
.filter_range_slider .filter_range_value { margin-top: 16px; }
.filter_range_slider .noUi-horizontal { height: 5px; border: none !important; margin: 9px 0; }
.filter_range_slider .noUi-horizontal .noUi-connect { background: #e7e7e7; }
.filter_range_slider .noUi-horizontal .noUi-handle { width: 22px; height: 22px; border-radius: 50%; background: var(--primary); box-shadow: none !important; border: none !important; top: -9px; right: -10px; }
.filter_range_slider .filter_range_value span { margin: 0 4px; font-size: 14px; color: #343a40 !important; padding: 2px 10px; border: 1px solid #555; line-height: 20px; font-weight: 500; }
.filter_range_slider .noUi-horizontal .noUi-handle::before, .filter_range_slider .noUi-horizontal .noUi-handle::after { display: none; }
.filter_range_slider .noUi-base { background-color: #e7e7e7; }
.shop__all__top__filter__btn .btn { padding: 5px 20px; min-width: 120px; background-color: transparent; border: solid 1px #db9b29; color: #888888; }
.shop__all__top__filter__btn .btn img { width: 28px; }
.shop__all__top__bar { display: flex; gap: 12px; flex-wrap: wrap; justify-content: space-between; align-items: end; border-radius: 4px; margin-bottom: 24px; }
.shop__all__top__left .hero__search__bar .hero__search__input { height: 40px; border-radius: 4px; width: 240px; transition: all .3s ease-in; line-height: 16px; padding: 8px 56px 10px 18px; border: none; background-color: transparent !important; border: 1px solid #db9b29 !important; border-radius: 30px; box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important; -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important; -moz-box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important; }
.shop__all__top__left .hero__search__bar .hero__search__btn { width: 40px; height: 40px; border-radius: 25px; padding: 8px; background: #c18212; }
.shop__all__top__left .hero__search__bar .hero__search__btn svg { vertical-align: baseline; width: 20px; }
.shop__all__top__result__count { font-size: 14px; text-align: end; width: 100%; }
.shop__all__top__left .hero__search__bar .hero__search__input:focus { width: 400px; }
.shop__all__top__left .hero__search__bar .hero__search__btn:hover { background-color: var(--primaryDark); }
.shop__all__top__left .hero__search__bar .hero__search__btn:hover svg path { fill: #fff; }
.shop__all__top__right { background-image: url(../images/icons/shorting.svg); background-size: 16px; background-position-y: center; background-repeat: no-repeat; background-position-x: 14px; }
.shop__all__top__right .form-control { border-radius: .375rem; min-width: 230px; padding-left: 36px; font-size: 14px; letter-spacing: -.42px; line-height: 22px; padding-top: 8px; padding-bottom: 8px; background-color: transparent !important; box-shadow: none !important; border: 1px solid #db9b29 !important; color: #888888; }
.shop__all__top__left .hero__search__bar .hero__search__btn svg path { fill: #000; }
.shop__all__top__filter__btn { width: 260px; }
.shop__all__top__right_outer { width: 260px; }
.intro-wrapper ol { padding-left: 16px; }
.intro-wrapper p { margin-bottom: 20px; }
.intro-wrapper strong { font-weight: 600; }
.intro-wrapper h1 { font-size: 30px; font-weight: 600; margin-bottom: 20px; }
.intro-wrapper h2 { font-size: 25px; font-weight: 600; margin-bottom: 20px; }
.intro-wrapper h3 { font-size: 22px; font-weight: 600; margin-bottom: 20px; }
.intro-wrapper h4 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.intro-wrapper h5 { font-size: 18px; font-weight: 600; margin-bottom: 20px; }
.intro-wrapper h6 { font-size: 16px; font-weight: 600; margin-bottom: 20px; }
.hero__search__bar { width: 100%; position: relative; box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important; border-radius: 24px; }
.hero__search__bar .hero__search__btn { position: absolute; width: 50px; transition: all .3s ease; height: 50px; right: 0; border-radius: 25px; border: none !important; background-color: var(--primary); padding: 10px; }
.hero__search__bar .hero__search__btn svg { fill: #000; }
.sliders_control { position: relative; min-height: 30px; margin-top: 12px; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: all; width: 22px; height: 22px; border-radius: 50%; background: var(--primary); cursor: pointer; border: none !important; box-shadow: none !important; }
input[type=range]::-moz-range-thumb { -webkit-appearance: none; pointer-events: all; width: 22px; height: 22px; border-radius: 50%; background: var(--primary); cursor: pointer; border: none !important; box-shadow: none !important; }
input[type="range"] { -webkit-appearance: none; appearance: none; height: 5px; width: 100%; position: absolute; background-color: #FAFAFA; border-radius: 4px; box-shadow: inset 0 10px 4px #888, 0 3px 10px -5px #888; pointer-events: none; }
#fromSlider { height: 0; top: 3px; z-index: 1; }
/* input#fromInput { width: 56px; }
input#toInput { min-width: 78px; max-width: 110px; width: auto; } */
.rang-box { margin: 0 4px; text-align: left; font-size: 14px; color: #888888 !important; padding: 3px 4px 4px 15px; border: 1px solid #888888; line-height: 20px; font-weight: 500; background-color: #040404; }
.cr_icon { position: absolute; left: 9px; top: 1px; color: #888888; }
.offcanvas { background-color: #000; }
@media only screen and (max-width:991px) {
    .shop-section .product-details h4 {padding-right: 0%;font-size: 20px;}
    .shop-section .product-details h5 {padding-right: 0%;}
    .breadcrumb__area .breadcrumb__content { padding: 60px 0 20px }
}
input { transition: all 500ms ease; background: black; color: #888888 !important; border-color: #363636 !important; }
a { color: #BE800F; }
.form-control { color: #888 !important; background: transparent; }
.register_file_upload .form-control.input-group-text { height: 58px; border-radius: 4px 0 0 4px !important; border-color: #be800f99 !important; }
.register_file_upload .input-group .form-control.file-amount { height: 58px; border-radius: 0 4px 4px 0 !important; border-color: #be800f99 !important; line-height: 42px; font-size: 15px; color: #616161 !important; }
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: #888888; }
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after { background-color: #000; }
label { color: #888888; }
input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=date]:focus, input[type=password]:focus { background-color: transparent; }

/* cart modal css start  */
span.bg-box { padding: 8px; height: 4px; width: 4px; display: inline-block; }
.side__cart__modal .offcanvas-header h5 { margin: 0; position: relative; padding-right: 26px; font-size: 20px; }
.side__cart__modal .offcanvas-header { padding: 25px; border-bottom: 1px solid #c1c1c17a; }
.side__cart__modal .offcanvas-header h5 span { position: absolute; top: 0; right: 0; display: block; border-radius: 50%; border-bottom-left-radius: 0px; color: var(--white); font-weight: 400; font-size: 14px; background-color: var(--primary); height: 22px; min-width: 22px; text-align: center; line-height: 22px; }
.side__cart__modal .offcanvas-header .btn-close { top: 27px; right: 27px; transform: none; }
.side-cart-item-box { padding: 16px; border-radius: 10px; border: 1px solid #be800f5c; min-height: 130px; }
.side-cart-item-img { width: 80px; max-height: 70px; }
.side-cart-item-img img { width: 100%; height: 100%; object-fit: contain; }
.side-cart-item-text .side-cart-item-remove { position: absolute; right: 0; top: 2px; width: 14px; height: 14px; display: block; cursor: pointer; z-index: 999; }
.side-cart-item-text .side-cart-item-remove img { width: 100%; height: 100%; object-fit: cover; vertical-align: super; }
.side-cart-list .side-cart-item + .side-cart-item { margin-top: 10px; }
.side-cart-item-text { width: calc(100% - 80px); padding-left: 10px; display: flex; flex-flow: column; height: 100%; position: relative; }
.side-cart-item-text .side-cart-item-title { padding-right: 24px; font-weight: 500; font-size: 16px; line-height: 24px;    /* identical to box height */ color: var(--dark); margin-bottom: 6px; }
.side-cart-item-text .side-cart-item-meta { font-weight: 500; font-size: 12px; text-transform: uppercase; line-height: 16px; color: var(--primary); margin-bottom: 6px; }
.side-cart-item-text .side-cart-item-price { margin-top: auto; font-size: 16px; line-height: 27px; color: var(--dark); font-weight: 600; margin-bottom: 0px; }
.side-cart-item-text .side-cart-item-incrmnt { position: absolute; bottom: 0; right: 0; width: 80px; font-size: 14px; display: flex; }

/* .side-cart-item-text .cart-qty { position: absolute; bottom: 0; right: 0; min-width: 90px; font-size: 14px; display: flex; }
.side-cart-item-text .cart-qty .qty-btn { position: absolute; top: 3px; bottom: 1px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px; background: var(--primary); border-radius: 50%; border: none; color: #FFF; }
.side-cart-item-text .table-responsive .cart-qty .cart-qty-input { padding-left: 25px; padding-right: 25px; text-align: center; border: 1px solid var(--bs-gray-300); padding: 0.675rem 1rem; }
.side-cart-item-text .cart-qty .cart-qty-inc { right: 3px; }
.side-cart-item-text .cart-qty .cart-qty-dec { left: 3px; }
.side-cart-item-text .cart-qty .cart-qty-input { padding-left:12px; padding-right:8px; text-align: center; border: 1px solid #ff980057 !important; height: 30px; } */
.side-cart-item-text .side-cart-item-img img { height: 100%; object-fit: contain; }
.side-cart-item-text .side-cart-item-incrmnt .side-cart-item-val { width: calc(100% - 54px); border: 1px solid #54595f54; color: var(--dark50); text-align: center; font-weight: 500; line-height: 18px; }
.side-cart-item-text .side-cart-item-incrmnt .side-cart-item-inc { min-width: 25px; border: 1px solid #54595f54; border-right: 0; background: transparent !important; line-height: 12px; font-size: 25px; color: var(--dark50); padding: 7px 5px 5px 5px; font-weight: 300; }
.side-cart-item-text .side-cart-item-incrmnt .side-cart-item-dcr { width: 24px; border: 1px solid #54595f54; border-left: 0; background: transparent !important; line-height: 12px; font-size: 20px; color: var(--dark50); padding: 5px; }
.side-cart-item-text .side-cart-item-incrmnt .side-cart-item-inc:hover, .side-cart-item-text .side-cart-item-incrmnt .side-cart-item-dcr:hover { color: #fff; background: #222 !important; }
.side-cart-lower { margin-top: 24px; border-radius: 10px; border: 0px solid #BE800F; overflow: hidden; }
.side-cart-lower-list li { justify-content: space-between; font-size: 14px; color: var(--dark); font-weight: 500; font-family: poppins; font-weight: 700; color: #888888; text-transform: uppercase; margin: 0; font-size: 16px; }
.side-cart-lower-list li span { padding: 10px 20px; }
.side-cart-lower-list li.scl-apply-code { width: 100%; background: transparent; padding: 14px; }
.side-cart-lower-list .scl-apply-code-input { width: 100%; border: 1px solid #e1dddd; height: 40px; padding: 8px 16px; border-radius: 4px; color: #555; font-size: 14px; padding-right: 70px; }
.side-cart-lower-list li.scl-apply-code > div { width: 100%; }
.side-cart-lower-list .scl-apply-code-input::placeholder { color: #555; }
.side-cart-lower-list .scl--apply-code-btn { background: transparent !important; border: none !important; font-size: 12px; font-weight: 500; color: var(--primary); top: 12px; position: absolute; right: 10px; line-height: 14px; }
.side-cart-lower-list li + li { border-top: 1px solid #363636; }
.border-bottom { border-bottom: 1px solid #363636 !important; }
.side-cart-lower-list li.scl-total { font-size: 16px; font-weight: 600; color: #000; }
.side__cart__checkout__btn { background-color: transparent; padding: 0; }
.side__cart__checkout__btn .btn { width: 100%; border-radius: 0; }
.side__cart__modal.offcanvas { max-width: 400px; width: 100%; border: 1px solid #373535; }
.side__cart__modal .offcanvas-header h5 { font-size: 18px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.side__cart__modal .offcanvas-header h5 span { height: 20px; min-width: 20px; font-size: 12px; }
.side-cart-item-img { width: 70px; max-width: 70px; }
.side-cart-item-box { padding: 10px; }
.side-cart-item-text { width: calc(100% - 70px); }
.offcanvas .btn-close { background-image: url(../images/icons/close.svg) !important; border: 1px solid #BE800F; }
.side-cart-item-title a { color: rgb(190, 128, 15); }
.btn-default, .btn-default:focus { color: var(--white); border: solid 1px var(--primary); }
a.btn.btn-default.btn-lg { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); }
.btn.btn-lg { padding: 14px 30px; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.text-sub { color: #BE800F; }
.offcanvas::-webkit-scrollbar { width: 0.3em; height: 0.3em; }
.offcanvas::-webkit-scrollbar-thumb { background: #888888; border-radius: 8px; }
.offcanvas::-webkit-scrollbar-track { background: #888888; border-radius: 4px; }
.bg-light-grey-landing { background-color: #232323; padding: 40px; max-height: 400px; min-height: 400px; display: flex; align-items: center; justify-content: center; width: 46%; margin: auto; cursor: pointer; }
.landing-head { font-size: 54px; line-height: 66px; font-family: 'Josefin Sans', sans-serif; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; }
.landing-model-logo { margin-bottom: 50px; }
.landing-model-logo img { height: 90px; }
.m-100 { padding: 100px 0px; }
.dropdown-item { font-size: 14px; line-height: 16px; }
@media only screen and (max-width:991px) {
    .bg-light-grey-landing { width: 100%; max-height: 200px; min-height: 200px; }
}
.shop__all__top__bar.sticky { position: sticky; top: 91px; z-index: 999999; background-color: #000; padding: 12px; }
.landing-model { display: block; opacity: 0; visibility: hidden; transform: translateY(-100px) scale(.6); transform-origin: top center; transition: all .5s ease-in; }
.landing-model.show { opacity: 1; visibility: visible; transform: translatey(0) scale(1); }
#landing_model { position: fixed; overflow: hidden; height: 100%; background: #000; }
@media (min-width:1200px) {
    .landing-model .modal-xl { --bs-modal-width: 100%; }
}
.landing-model button.btn-close { background-color: #fff; background-image: none !important; text-align: right; position: absolute; right: 10px; top: 10px; z-index: 999; padding: 5px; font-size: 16px; line-height: 11px; color: #000; opacity: .8; text-align: center; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { color: black !important; -webkit-text-fill-color: #888 !important; -webkit-box-shadow: 0 0 0 1000px transparent inset !important; -webkit-background-clip: text !important; background-clip: text !important; }
.pagination li a { text-decoration: none; padding: 10px 24px; border: 1px solid #D29400; border-radius: 3px; background-color: #000; color: #D29400; }
.pagination li a:hover { background-color: #D29400; border: 1px solid #D29400; color: #000; }
.pagination .active a { background-color: #9c7008; color: #000; }
.active>.page-link, .page-link.active { z-index: 3; color: #000; background-color: #D29400; border-color: #D29400; }
.body-color { color: var(--dark); }
.head-color { color: var(--primary); }
.text-truncate-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fw-700 { font-weight: 700 !important; }
.text-gray { color: #888; }
.fs-14 { font-size: 14px !important; }
.fs-13 { font-size: 13px !important; }
.opacity-70 { opacity: .7 !important; }
.fs-16 { font-size: 16px; }
.bg-box { padding: 8px; height: 4px; width: 4px; display: inline-block; }
.compare-page button.btn-close { position: absolute; right: -5px; top: -10px; z-index: 10; background-color: #000000; opacity: 1; }
.compare-page .btn-close { background-image: url(../images/icons/close.svg) !important; border: 1px solid #BE800F; }
.compare-page .btn-close { padding: calc(var(--bs-offcanvas-padding-y)* .5) calc(var(--bs-offcanvas-padding-x)* .5); margin: calc(-.5* var(--bs-offcanvas-padding-y)) calc(-.5* var(--bs-offcanvas-padding-x)) calc(-.5* var(--bs-offcanvas-padding-y)) auto; }
.modal-content { background-color: #191919; }
h5.modal-title { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h6.modal-title { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.modal-header { font-size: 1.75rem; border-bottom: 1px solid #333; }
button.close { position: absolute; right: -5px; top: -10px; z-index: 10; background-color: #000000; opacity: 1; }
.btn-close { background-image: url(../images/icons/close.svg) !important; border: 1px solid #BE800F; }

/* ************megamenu************ */
.mega_dropdown:hover .dropdown-menu { display: block; }
.mega_dropdown .category_tabs_content { margin-top: 24px; }
.mega_dropdown a.category__menu__link:hover { background-color: rgb(173, 111, 0); color: rgb(255 254 254); }
.mega_dropdown .dropdown-menu.category__menu_box { width: 100%; padding: 0; left: 0 !important; background-color: #191919; top: 95px !important; transform: none !important; }
.mega_dropdown .category__menu { width: 300px; border-radius: 5px; border-right: 1px solid #333; max-height: 640px; overflow-y: auto; padding: 0px; }
.mega_dropdown .category__menu__link { width: 100%; display: flex; padding: 12px 14px; font-size: 14px; font-weight: 500; line-height: 16px; transition: all .3s ease-in; color: #888888; }
.mega_dropdown .category__menu__link:hover { background-color: #AD6F00; color: #000; }
.mega_dropdown .category__menu__right_link:hover { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.mega_dropdown .category__menu__right { position: absolute; width: calc(100% - 300px); right: 0; top: 0; padding: 12px; padding: 14px 12px 14px; height: 100%; overflow-y: auto; opacity: 0; visibility: hidden; transition: all .3s ease-in; }
.mega_dropdown .category__menu__right h4 { font-size: 15px; font-weight: 600; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 12px; padding: 8px; padding-top: 0; border-bottom: 1px solid #333; }
.mega_dropdown .category__menu__right_boxes { display: flex; flex-wrap: wrap; }
.mega_dropdown .category__menu__right_box { width: 100%; padding: 0 12px; }
.mega_dropdown .category__menu__right_box h5 { font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #888888; }
.mega_dropdown .category__menu__right_link { font-size: 14px; font-weight: 400; width: 100%; line-height: 24px; display: block; color: #888888; }
.mega_dropdown .category__menu__right_link:hover { color: #000; }
.mega_dropdown .category__menu__item.active .category__menu__right { opacity: 1; visibility: visible; margin-top: 0; }
.mega_dropdown .header__mid .nav-link::after { display: none; }
.mega_dropdown .header__mid .nav-item.has-mega-menu { position: static; }
.mega_dropdown .dropdown-menu.mega-menu { position: absolute !important; width: 100%; left: 0; background-color: #fff; }
.mega_dropdown .mega_menu_left { width: 400px; color: #888888; padding: 20px 10px; }
.mega_dropdown .mega_menu_outer h4 { font-size: 12px; margin-bottom: 12px; font-weight: 600; color: #888888; }
.mega_dropdown .mega_menu_right { width: 35%; padding: 20px 10px; }
.mega_dropdown .mega_menu_mid { width: calc(65% - 400px); padding: 20px 10px; }
.mega_dropdown .mega_menu_links li + li { margin-top: 4px; }
.mega_dropdown .mega_menu_link { font-size: 15px; color: #888888; }
.mega_dropdown .mega_menu_link:hover { color: #000; }
.mega_dropdown .mega_menu_brands li { width: 33.33%; padding: 4px; }
.mega_dropdown .mega_menu_brand { display: block; border: 1px solid #333; border-radius: 5px; background-color: #191919; display: flex; align-items: center; justify-content: center; padding: 16px; }
.mega_dropdown .mega_menu_brand img { height: 100px; object-fit: contain; }
.mega_dropdown ul, li { padding: 4px 0px; }
.mega_dropdown li.category__menu__item { border-bottom: 1px solid #333; padding: 0; }
.mega_dropdown li.category__menu__right_item { list-style: disc; -webkit-column-break-inside: avoid;     color: #888;}
.mega_dropdown ul.category__menu__right_list { padding: 0px 15px; column-count: 2; }
.mega_dropdown ul.category__menu__right_list::marker { color: #888; }
.mega_dropdown::-webkit-scrollbar { width: 0.3em; height: 0.3em; }
.mega_dropdown::-webkit-scrollbar-thumb { background: #888888; border-radius: 8px; }
.mega_dropdown::-webkit-scrollbar-track { background: #888888; border-radius: 4px; }
.shop-block-one .timer-text { position: relative; color: #BE800F; }
.fw-600 { font-weight: 600 !important; }
.lower-content h6, .lower-content h6 a { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 14px; }
/* .shop-block-one .inner-box .lower-content a { text-wrap: wrap; display: block; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */
.shop-block-one .inner-box .lower-content a { text-wrap: wrap; display: block; }
.collection{ text-wrap: wrap; display: block; background-color: transparent;}
a.collection:hover{color: #FFF !important;}

.lower-content .theme-btn-one:hover { color: rgb(0 0 0) !important; }
.bid-aamount { background-color: black; padding: 6px 0px 0px; color: #BE800F; border-radius: 4px; text-align: center; margin: 2px 0px 6px; font-size: 14px; line-height: 20px; }
button.btn.btn-secondary.btn-sm { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%) !important; }
button.btn.btn-secondary.btn-sm:hover { background: linear-gradient(360deg, #191919 0.1%, #191919 52.6%, #191919 100%) !important; }
.theme-btn-card { justify-content: center; text-decoration: none; background: transparent; position: relative; align-items: center; gap: 4px; font-size: 14px; line-height: 17px !important; font-weight: 600; color: #BE800F; text-align: center; border: 1px solid #BE800F; border-radius: 0px; padding: 10px 8px; z-index: 1; text-wrap: nowrap; border-radius: 4px; }
.theme-btn-card:hover { color: rgb(0 0 0) !important; }
.theme-btn-card i { position: relative; display: inline-block; font-size: 16px; margin-left: 15px; top: 1px; transform: rotate(0deg); }
.theme-btn-card:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.theme-btn-card:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #222; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; border-radius: 0px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.lower-content input.form-control.form-control-sm { padding: 9px 7px; border-radius: 4px; }
.active a i.fa-regular { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; }

/* .cart-qty .cart-qty-inc { right: 3px; }
.cart-qty .cart-qty-dec { left: 3px; }
.cart-qty .cart-qty-input { padding-left:40px; padding-right:40px; text-align: center; border: 1px solid #ff980057 !important; height: 30px; }
.cart-qty { position: relative; bottom: 0; right: 0; min-width: 120px;     max-width: fit-content;font-size: 14px;}
.cart-qty .qty-btn { position: absolute; top: 3px; bottom: 1px; width: 24px; height: 24px; min-width: 24px; max-width: 24px; min-height: 24px;display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px; background: var(--primary); border-radius: 50%; border: none; color: #FFF; } */
.price-head { background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
i.fas.fa-check { font-size: 44px; line-height: 44px; font-weight: 600; }
.form-control { border: 1px solid #363636; }
.pagination li span { text-decoration: none; padding: 10px 24px; border: 1px solid #D29400; border-radius: 3px; background-color: #000; color: #D29400; }
.shop-section .file-amount { height: 48px; font-size: 14px; line-height: 34px; }
.input-group-prepend { cursor: pointer; }
.shop-section .input-group-text {    border: 1px solid #363636; display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #BE800F; text-align: center; white-space: nowrap; background-color: var(--bs-dark); border-radius: var(--bs-border-radius); }
button.btn.dropdown-toggle.btn-light { background: transparent; border: 1px solid #333; height: 58px; margin-top: 0px; padding: 1rem .75rem; color: #888; }
.loader { position: fixed; top: 0; left: 0; z-index: 9999; width: 100vw; height: 100dvh; }
.loader-container { width: 100%; height: 100%; background-color: #000000ea; display: flex; justify-content: center; align-items: center; }
.loader-container img { height: 180px; }
span.spinner-border { height: 16px; width: 16px; }
span#processingText36 { height: 18px; display: flex; gap: 4px; }
form.bid-form { padding-top: 6px; }
span.spinner-border { height: 16px; width: 16px; }
span#processingText36 { height: 18px; display: flex; gap: 4px; }
form.bid-form { padding-top: 6px; }
.lower-content del.fw-400.text-secondary.mr-1 { display: block; padding: 8px 0px; }
.main-header .menu-right-content .dropdown-menu { background: #191919; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }
.text-right { text-align: right !important; }
.aiz-notify { min-width: 350px; max-width: 350px; padding-right: 50px; border-radius: 0.25rem; overflow: hidden; border: 0; color: var(--white); box-shadow: 0 5px 20px 0 rgba(38, 45, 58, 0.2); -webkit-box-shadow: 0 5px 20px 0 rgba(38, 45, 58, 0.2); padding: 1.25rem 1.25rem; font-size: 0.875rem; z-index: 1060 !important; }
.aiz-notify .btn-close { top: 28% !important; height: 20px; width: 20px; color: #FFF; margin-top: 0; font-size: 12px; line-height: 16px; opacity: 0.7; right: 12px !important; text-shadow: none; background-image: url(../images/icons/close.svg) !important; background-size: 20px; border: 1px solid #000; }
.aiz-notify .btn-close:before { content: ""; position: absolute; border-radius: 50%; background-color: #fff; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: -1; opacity: 0; }
.aiz-notify .progress { height: 3px; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; border-radius: 0; background-color: transparent; display: flex; overflow: hidden; line-height: 0; font-size: .75rem; }
.aiz-notify .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #ffffff; transition: width .6s ease; }
.aiz-notify.px-3.alert.alert-danger { background: #ea5858; color: #FFF; }
.aiz-notify.px-3.alert.alert-warning { color: #000; }
textarea:focus { background-color: transparent !important; }
select:focus { background-color: transparent !important; }
.theam-select{color: white !important;background-color:transparent !important}
.theam-select option {background-color: #343a40 !important; color: white !important;}
.view-password { position: absolute; right: 15px; top: 18px; }
.form-floating.active .view-password i::before { content: "\f06e"; }
i.far.fa-eye-slash { color: #888; }

/* ***********coupon code*********** */
.coupon__wrapper { padding: 0; }
.coupon__box { border: 1px solid rgb(210 148 0 / 25%); border-radius: 4px; }
.coupon__box + .coupon__box { margin-top: 16px; }
.coupon__body { max-height: 76vh; overflow-x: hidden; overflow-y: auto; padding: 16px; padding-right: 10px; }
.coupon__body::-webkit-scrollbar { width: 6px; }
.coupon__body::-webkit-scrollbar-track { background: #191919; }
.coupon__body::-webkit-scrollbar-thumb { background: #333; }
.coupon__left { padding: 20px 16px; width: calc(100% - 250px); }
.coupon__right { width: 250px; padding: 14px; color: #333; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); border-radius: 0 3px 3px 0; display: flex; flex-flow: column; justify-content: center; align-items: center; row-gap: 8px; }
.coupon__right h6 { font-size: 12px; color: #444; font-weight: 700; }
.coupon__promo { background-color: #ffffff7d; font-size: 16px; font-weight: 700; color: #444; line-height: 16px; padding: 4px 12px; min-width: 120px; text-align: center; border: 1px dashed #19191987; border-radius: 6px; letter-spacing: .5px; }
.coupon__cta { font-size: 14px; line-height: 16px; background-color: #191919; padding: 8px 16px; border-radius: 4px; min-width: 100px; text-align: center; color: #BE800F; font-weight: 600; }
.coupon__cta:hover { background-color: #222; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); }
.coupon__left h6 { font-size: 16px; }
.coupon__left h2 { font-size: 50px; font-weight: 700; color: #BE800F; line-height: 50px; }
.coupon__left h2 sub { font-size: 20px; color: #888; vertical-align: middle; padding-left: 6px; }
.coupon__left p { margin: 0; font-size: 14px; line-height: 1.3 }
@media (max-width:767.98px) {
    .coupon__left { width: 100%; text-align: center; }
    .coupon__right { width: 100%; }
    .coupon__left h2 { font-size: 44px; line-height: 44px; }
    .coupon__left h2 sub { font-size: 16px; }
}

/* ***********end*********** */

.cart-qty { width: 130px; border: 1px solid #e5a431ad; padding: 3px; display: flex; align-items: center; justify-content: space-between; }
.cart-qty .qty-btn { width: 30px; height: 30px; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); border: none !important; color: #333; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; min-width: 30px; max-width: 30px; }
.cart-qty .cart-qty-input { border: none !important; text-align: center; font-weight: 600; color: #fff; height: 30px; }
.badge-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; width: 100%; font-weight: 400; }
.aiz-notify.alert.alert-success.animated {color: #000;}


.product_check { width: 20px; height: 20px; display: inline-flex; align-content: center; justify-content: center; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); border-radius: 50%; margin-right: 6px; }
.product_check.red { background: #f00 !important; }
.product_check.red i::before { content: '\f00d'; }
.product_check i { font-size: 12px !important; line-height: 20px !important; color: #fff !important; -webkit-text-fill-color: white; }

.product_check.green { background:rgb(0 255 128 / 54%) !important; }
.product_check.green i::before { content: '\f00d'; }
.product_check i { font-size: 12px !important; line-height: 20px !important; color: #fff !important; -webkit-text-fill-color: white; }


.aiz-notify.px-3.alert.alert-success {background-color: #6acf6e;}
.aiz-notify.px-3.alert .btn-close {display: none;}


.file_input{height: 53px;position: relative;
    align-items: center;}

.h-48{height:58px;align-items: center;}

.h-48:focus {outline-style: none !important; box-shadow: none;border-color: transparent;background-color:transparent !important;color: white;}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #333;
    color: #888;
}

.bootstrap-select .dropdown-menu .dropdown-item {
    font-size: 14px;
    line-height: 16px;
    color: #888;
}

.dropdown-item.active, .dropdown-item:active {
    color: #888;
    text-decoration: none;
    background-color: #2b2b2b;
}

.bs-searchbox .form-control:focus {
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .bootstrap-select .no-results {
    background: #d1cdc0 !important;
    color: #000 !important;
}

.form-check-input{width:18px;height:18px;}

.payment_card{height: 35px;}

.switcher-btn {margin-bottom: 20px; cursor: pointer; position: relative; font-weight: 400; font-size: 14px;display: inline-block; width: calc(89px * 2); height: 40px; -webkit-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9); -moz-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9); -ms-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9); -o-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9); transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9); }
.switcher-btn input { opacity: 0; width: 0; height: 0; }
.switcher-btn .select-right, .switcher-btn .select-left { position: absolute;top: 7px; color: #FFF;}
.switcher-btn .select-right { right:20px; }
.switcher-btn .select-left { left: 16px;color: #fff; top: 7px; }
.switcher-btn .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; box-shadow: 0 3px 64px rgba(30, 52, 112, 0.1); -webkit-transition: 0.4s; transition: 0.4s; }
.switcher-btn .slider:before { position: absolute; content: ""; height: 30px; width:84px; left: 5px; bottom: 5px; background-color: #BE800F; -webkit-transition: 0.4s; transition: 0.4s; }
.switcher-btn input:checked ~ .select-left { color: #FFF; }
.switcher-btn input:checked ~ .select-right { color: #FFF; }
.switcher-btn input:checked + .slider:before { -webkit-transform: translateX(74px); -ms-transform: translateX(74px); transform: translateX(84px); width:84px; }
.switcher-btn .slider.round { border-radius: 64px; }
.switcher-btn .slider.round:before { border-radius: 30px; }


.card-carousel .owl-nav {position: absolute;top: 50%;width: 100%;cursor: pointer;}
.card-carousel .owl-prev {position: absolute;left:12px;}
.card-carousel .owl-next{position: absolute;right:12px;}

.news-block-one .line-clamp{display: -webkit-box !important; -webkit-line-clamp:5; -webkit-box-orient: vertical; overflow: hidden;}
.news-block-one .line-clamp2{display: -webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}
.btn-group-gap{display: flex;flex-wrap: wrap; gap: 4px;}
.fa-heart.fa-solid{ color: #ff0000;}
.far{width: 24px !important;}

.fa-thumbs-up{background: green !important;background-clip: text !important;}
.fa-thumbs-down{background: red !important;background-clip: text !important;}

span.py-2.badge.badge-inline.badge-danger {font-size: 13px;text-wrap: wrap;}

.trak_order {padding-top:120px;    min-height: calc(100dvh);}
.border-top-section {border: var(--bs-border-width) var(--bs-border-style) #333 !important; padding: 20px;}
.fs-18{font-size: 18px;line-height: 24px; font-weight: 600; background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.trak_order .light-dark-bg {background-color: #191919;}

.trak_order .table>:not(caption)>*>* {padding: .5rem .5rem;color: #888; background-color: transparent;}
.trak_order  td{border-bottom: var(--bs-border-width) var(--bs-border-style) #333;}
.trak_order  .theme-btn-two{padding: 16px 35px;}

select.form-control {-webkit-appearance: auto; -moz-appearance: auto; appearance: auto;}
.form-control:focus {border-color: #666666; -webkit-box-shadow: none; box-shadow: none;}
.inner-box .lower-content a:hover{color: #FFF;}
.form-control:focus {border-color: #666666;-webkit-box-shadow: none;box-shadow: none;}

.text-break-custom {max-width: 270px;line-height: 18px; white-space: normal;display: block;min-width: 120px; word-break: break-all;}
.accordion-item.category-item {padding: 6px 0px;}
.accordion-item.category-item .accordion-collapse {display: none;}
.accordion-item-inn:has(input[type="checkBox"]:checked) + .accordion-collapse {display: block;}
.accordion-item.category-item .accordion-collapse {padding-left: 16px;margin-top: 10px;}
.shop-block-one .inner-box .lower-content a:hover {color: white; background: none; -webkit-text-fill-color: unset;}
.more-btn.centred {padding: 0px 15px;}

  .text-break-custom {
    max-width: 270px;
    line-height: 18px;
    white-space: normal;
    display: block;
    min-width: 120px;
    word-break: break-all;
}
  .accordion-item.category-item {
    padding: 6px 0px;
}
  .accordion-item.category-item .accordion-collapse {
    display: none;
}

.accordion-item-inn:has(input[type="checkBox"]:checked) + .accordion-collapse {
    display: block;
}

.accordion-item.category-item .accordion-collapse {
    padding-left: 16px;
    margin-top: 10px;
}
.shop-block-one .inner-box .lower-content a:hover {
    color: white;
    background: none;
    -webkit-text-fill-color: unset;
}
.six-item-carousel.owl-carousel .owl-stage {
    margin: 0 auto;
}
.rounded-thumb-img {
    width: 100%;
    aspect-ratio: 1.6;
    border-radius: 6px;
    overflow: hidden;
}

.rounded-thumb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-img-slider .slick-slide img {
    object-fit: cover !important;
}
.menu-right-content .dropdown-menu > li {
    margin: 0;
}

.menu-right-content .dropdown-menu > li .dropdown-item:hover .badge {
    color: #fff !important;
    background-clip: unset;
    -webkit-background-clip: content-box;
    display: inline-block;
    background: red;
}

.menu-right-content .dropdown-menu > li .dropdown-item:hover {-webkit-background-clip: text;-webkit-text-fill-color: #ddd !important;}
.product-content-block + .product-content-block {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #303030;
}

.product-content-block h3 {
    font-size: 24px;
    color: #d99a11;
    margin-bottom: 5px;
    font-weight: 600;
}

.product-content-content p:not(:last-child) {
    margin-bottom: 10px;
}


.shop-block-one .inner-box .slide-item {
    aspect-ratio: 1;
}

.shop-block-one .inner-box .slide-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-content-review .pagination .page-link {
    border-radius: 0;
}

.product-content-review .pagination .page-item:last-child .page-link {
    border-radius: 0 4px 4px 0;
}

.product-content-review .pagination .page-item:first-child .page-link {
    border-radius: 4px 0 0 4px;
}

.product-content-review .pagination .disabled>.page-link{
    border: 1px solid #d2940052 !important;
}



span.runing {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%);
    color: white;
    z-index: 99;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

span.runing::before {
    content: '';
    width: 5px;
    height: 5px;
    background: red;
    border-radius: 50%;
    animation: live 1s linear infinite;
}

@keyframes live {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.5);
    }
}


span.upcoming {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%);
    color: white;
    z-index: 99;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

span.upcoming::before {
    content: '';
    width: 5px;
    height: 5px;
    background: black;
    border-radius: 50%;
    animation: upcoming 1s linear infinite;
}

@keyframes upcoming {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.5);
    }
}

.bg-color-red{
    background-color: red;
}

.bg-color-green{
    background-color: green;
}

.reserve-price-type {
    color: #fff;
    text-align: center;
    padding: 3px 10px;
}

.reserve-price-type i {
    font-size: 18px !important;
    vertical-align: middle;
    margin-right: 4px;
    line-height: 19px !important;
}

.auction-status-text{
    color: wheat;
}

.theme-button-bg{
    background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%) !important;
}

.bg-black{
    background-color: #000;
}

.expandable-content .product-content-content {
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .expandable-content.show .product-content-content {-webkit-box-orient: inherit;}

  .expandable-toggle {
    margin-top: 16px;
    background: linear-gradient(360deg, #AD6F00 0.1%, #E6A532 52.6%, #D29400 100%);
    border: none !important;
    padding: 4px 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 20px;
}

.expandable-toggle::after{
    content: ' More';
}

.expandable-content.show .expandable-toggle::after{
    content: ' Less';
}