/*
Theme Name: Envo eCommerce
Theme URI: https://envothemes.com/free-envo-ecommerce/
Author: EnvoThemes
Author URI: https://envothemes.com/
Description: Envo eCommerce is a fast, clean and modern-looking responsive free WooCommerce theme for WordPress. This theme supports popular page builders like Elementor, KingComposer, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer, etc. The theme is responsive, super fast, SEO friendly, WPML and RTL ready. Documentation: https://envothemes.com/docs/docs/envo-ecommerce/ Theme demo ready to import: https://envothemes.com/envo-ecommerce/
Version: 1.0.13
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, full-width-template, right-sidebar, custom-background, custom-menu, custom-header, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, rtl-language-support, blog, e-commerce
Text Domain: envo-ecommerce
*/

/* WordPress Core */


:root {
  /* Primary Colors */
  --color-primary: #000000;   /* Black - for backgrounds or bold elements */
  --color-on-primary: #ffffff; /* White - for text on black */

  /* Secondary Colors */
  --color-secondary: #e53935; /* Red - accent color (based on the red in the triangles) */
  --color-on-secondary: #ffffff; /* White - text on red */

  /* Optional neutrals */
  --color-background: #121212;  /* Slightly off-black for background variation */
  --color-surface: #1e1e1e;     /* Dark gray surface */
  --color-text: #f5f5f5;        /* Light text for dark backgrounds */
}

.gallery-caption {
    font-weight: bold;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
img.alignnone {
    max-width: 96%;
    height: auto;
    width: auto;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 10px 0 0 0;
    color: #000;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
iframe,
embed {
    max-width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
.sticky,
.bypostauthor {}
table { 
    width: 100%; 
    border-collapse: collapse; 
}
th { 
    font-weight: bold; 
}
td, th { 
    padding: 6px; 
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
html {
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    font-family: 'Open Sans Condensed', "Helvetica Neue", helvetica, arial, sans-serif;
    padding: 0;
    color: #404040;
    font-weight: 300;
    line-height: 1.6;
    font-size: 18px;
    word-wrap: break-word;
}
a, a:active, a:hover, a:focus {
    text-decoration: none;
    color: var(--color-secondary);

}
h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    font-weight: 700;
    letter-spacing: -.02em;
}
.page-header a {
    border-bottom: 0;
    color: #000;
}
a:active {
    border-bottom: none;
}
.main-container {
    background-color: #fff;
}
.navbar-nav li.fa {
    display: block;
    position: relative;
}
.menu-description {
    font-size: 9px;
    padding: 2px 4px;
    margin: 0 3px;
    line-height: 10px;
    left: calc(100% - 25px);
    background: #FFC107;
    color: #000;
    position: absolute;
    border-radius: 1px;
    line-height: normal;
    top: 5px;
    margin: 0 3px;
    font-weight: 700;
    display: inline-table;
    word-break: keep-all;
    overflow-wrap: unset;
    width: max-content;
    z-index: 9;
}
.menu-description:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffc107;
    left: 3px;
    bottom: -4px;
}
.dropdown-menu .menu-description {
    position: relative;
    display: inline;
    left: 0;
    top: -2px;
    margin: 5px;
}
.dropdown-menu .menu-description:after {
    display: none;
}
@keyframes showup {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (min-width: 600px) and (max-width: 782px) {
    .admin-bar #my-menu {
        top: 46px;
    }
}
@media (min-width: 768px) {
    li.menu-item-has-children>a:before {
        font-family: "FontAwesome";
        content: "\f107";
        margin-left: 10px;
        font-size: 15px;
        right: 2px;
        position: absolute;
    }
    li.menu-item-has-children>a.dropdown-item:before {
        right: 6px;
    }
    li li ul.dropdown-menu {
        left: 100%;
        top: 0;
    }
    .navbar-right li li ul.dropdown-menu {
        left: auto;
        right: 100%;
    }
    .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
    .open > .dropdown-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
    }
    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
    }
    .navbar-nav li:hover > .dropdown-menu{
        visibility:visible;
        border-radius: 0;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        opacity: 1;
    }
    #site-navigation .container{
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
    }
    .menu-container {
        width: 100%;
    }
    .menu-item-has-children li.fa:before {
        top: 6px !important;
    }
    .navbar-center {
        width: 100%;
        text-align: center;
    }
    .navbar-center > li {
        float: none;
        display: inline-block;
    }
    .header-cart.float-cart {
        position: fixed;
        top: 15%;
        right: 6px;
        z-index: 998;
        animation: showup 1s;
        padding-right: 0;
    }
    .header-cart.float-cart a.cart-contents {
        padding: 20px 5px 8px 5px;
        width: 86px;
        height: 86px;
        float: none;
        background: #252424;
        position: relative;
        text-align: center;
        color: #fff !important;
        border: 1px solid #ededed;
        border-radius: 5px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.17);
        display: block;
    }
    .header-cart.float-cart a.cart-contents i {
        color: #252424;
    }
    .float-cart .header-cart-block:hover ul.site-header-cart {
        right: 0px;
        top: 55px;
    }
    .float-cart .amount-cart {
        display: block;
        background: transparent;
        margin: 0;
        font-size: 11px;
        line-height: 14px;
        margin-top: 5px;
    }
    .float-cart .amount-cart:before {
        display: none;
    }
    .header-my-account.float-login a {
        position: fixed;
        top: 20%;
        right: 6px;
        z-index: 997;
        animation: showup 1s;
        left: auto;
        margin-top: 60px;
        float: none;
        padding: 8px;
        background: #252424;
        text-align: center;
        color: #fff !important;
        border: 1px solid #ededed;
        border-radius: 5px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.17);
        width: 86px;
        height: 86px;
        line-height: 66px;
    }
    .dropdown-menu {
        display: block;
        opacity: 0;
    }
    .site-branding-logo, .site-branding-text {
        float: left;
        margin-right: 10px;
    }
}
@media (min-width: 600px) {
    .admin-bar #site-navigation.shrink {
        top: 32px;
    }
}

@media (max-width: 767px) {
    .menu-item .menu-description {
        left: inherit;
        top: -3px;
        font-size: 9px;
        padding: 2px 4px;
        margin: 0 3px;
        line-height: 10px;
        background: #FFC107;
        color: #000;
        display: inline;
        border-radius: 1px;
        line-height: normal;
        margin: 0 5px;
        font-weight: 700;
    }
    .menu-item .menu-description:after {
        display: none;
    }
    .heading-row {
        flex-wrap: wrap;
    }
    .site-branding-text {
        text-align: center;
        margin-bottom: 15px;
    }
    div#my-menu {
        z-index: 99999;
        overflow: hidden;
    }
    .mm {
        opacity: 0;
        visibility: hidden;
    }
    .mm.mm--open {
        opacity: 1;
        visibility: visible;
    }
    #my-menu .navbar-nav > li > a {
        display: block;
        max-height: 60px;
        padding: 15px 20px;
    }
    #my-menu .dropdown-menu > li > a {
        padding: 15px 20px;
    }
    #my-menu .dropdown-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 0;
        visibility: hidden;
    }
    #my-menu .dropdown-menu.mm--open {
        opacity: 1;
        visibility: visible;
    }
    .open-panel {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 10px;
        right: 20px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .brand-absolute {
        position: relative;
        right: 20px;
        padding: 0;
        bottom: -30px;
        font-size: 11px;
        float: right;
        display: inline-block;
        height: auto;
        width: 32px;
        text-align: center;
        line-height: 13px;
        margin-top: 5px
    }
    .mobile-canvas {
        float: left;
    }
    .open-panel span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #000;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .open-panel span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .open-panel span:nth-child(2) {
        top: 9px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .open-panel span:nth-child(3) {
        top: 18px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .open-panel.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -2px;
        left: 3px;
    }
    .open-panel.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }
    .open-panel.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 21px;
        left: 3px;
    }
    .mobile-cart .header-cart,
    .mobile-account .header-my-account {
        position: relative;
        float: right;
        display: block;
        top: 0;
        left: auto;
        margin-top: 0;
        padding: 15px 5px;
        margin-right: 0;
        right: 30px;
        line-height: initial;
    }
    .top-bar-section .widget {
        text-align: center !important;
    }
}
.dropdown-menu > li > a {
    border-bottom: 0;
    padding: 5px 20px 5px 10px;
}
#site-navigation {
    min-height: 60px;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: var(--color-secondary);
    color: #fff;

}
.navbar-toggle {
    border: 1px solid #ccc;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-nav > li > a {
    border-bottom: 0;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
    max-height: 60px;
}
.nav > li.active > a:after, .current-page-parent:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-secondary);
    color: #fff;
}
.top-bar-section {
    background-color: #222;
    color: #fff;
    padding: 5px 0;
    font-size: 14px;
}
.top-bar-section .widget, .top-bar-section p {
    margin-bottom: 0;
}
.top-bar-section .widget:nth-child(3n-1){
    text-align: center;
}
.top-bar-section .widget:nth-child(3n) {
    text-align: right;
}
article {
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.archive-page-header h1 {
    margin: 0;
    padding-bottom: 25px;
}
.updated:not(.published) {
    display: none;
}
.space-right {
    margin-right: 10px;
}
.main-content {
    float: left;
    width: 100%;
}
.page-header {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}
.page h1.single-title {
    margin-bottom: 15px;
}
h1.single-title {
    margin: 0;
}
.single-head {
    clear: both;
    margin-bottom: 10px;
}
.single-entry-summary, .entry-footer {
    margin-top: 15px;
    width: 100%;
    clear: both;
}
.single-content.row {
    margin-bottom: 60px;
}
.tagcloud a {
    font-size: 15px !important;
    padding: 0px 6px;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 5px;
}
input, textarea {
    background-color: #fff;
    padding: 8px;
    color: #464a4c;
    border-radius: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
}
.radio, .checkbox {
    display: inline-block;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    margin-left: 0;
}
select {
    max-width: 100%;
    padding: 5px;
    color: #000;
}
#respond .comment-form-url,
#respond input {
    width: 100%;
    float: left;
}
#respond .comment-form-author,
#respond .comment-form-email {
    width: 50%;
    float: left;
}
#respond .comment-form-author {
    padding-right: 5%;
}
#sidebar {
    display: inline-block;
    max-width: 100%;
}
.page-area {
    padding-top: 15px;
}
.widget {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 20px;
    position: relative;
}
.homepage-area .widget {
    margin: 0;
    padding: 0;
}
.widget ul {
    padding-left: 0;
    list-style-type: none;
}
.widget li > ul {
    padding-left: 15px;
}
.widget ul li {
    margin: 4px 0px 0px;
    padding: 0px 0px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.widget ul li:last-child {
    border-bottom: none;
}
.widget-title {
    font-size: 18px;
    position: relative;
    width: 100%;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
title:before, .widget-title:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #e2e2e2;
    left: 0;
    right: 0;
}
.widget-title h3 {
    font-size: 18px;
    position: relative;
    color: #404040;
    padding: 10px 20px;
    margin: 0;
    line-height: 18px;
    display: inline-block;
    background-color: #fff;
    z-index: 1;
    font-weight: 300;
    border: 1px solid;
    border-color: transparent;
    -webkit-transition: border-color 0.7s ease;
    transition: border-color 0.7s ease;
}
.widget:hover .widget-title h3 {
    border-color: #e2e2e2;
}
h1.site-title, .site-title {
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 32px;
    word-wrap: break-word;
    font-weight: 700;
    color: #000;
    letter-spacing: -.02em;
}
.site-description {
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    position: relative;
    display: inline-block;
}
.site-branding-logo a {
    border: none;
    z-index: 99;
    position: relative;
}
.site-branding-logo img {
    max-width: 200px;
    width: 100% !important;
}
.site-branding-text {
    z-index: 99;
    position: relative;
}
.site-heading {
    padding-left: 15px;
    padding-right: 15px;
}
.site-heading-sidebar p {
    margin-bottom: 0;
}
.site-heading-sidebar .widget {
    margin-bottom: 8px;
    font-size: 80%;
}
.navbar {
    margin-bottom: 0;
}
.main-menu {
    position: relative;
}

#site-navigation.shrink {
    min-height: 50px;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    border: none;
}
#site-navigation {
    background-color: #ffffff;
    border-top: 1px solid #e2e2e2; 
    border-bottom: 1px solid #e2e2e2;
    border-left: none;
    border-right: none;
}
#site-navigation, nav a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #000;
    border-radius: 0;
}
#site-navigation .container {
    position: relative;
}
.featured-thumbnail {
    width: 100%;
    position: relative;
}
.featured-thumbnail img {
    width: 100%;
    text-align: center;
}
.single-page-header {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
}
nav.navigation.pagination {
    text-align: center;
    width: 100%;
    clear: both;
    margin: 20px 0;
}
nav.navigation.pagination .nav-links a, nav.navigation.pagination .current {
    padding: 5px 10px;
    border: none;
    border-radius: 0;
    position: relative;
    z-index: 1;
    border: 1px solid #b5b5b5;
}

nav.navigation.pagination .current {
    color: #fff;
    background-color: transparent;
}

#content-footer-section {
    background-color: #1e1e1e;
    color: #ffffff;
    padding: 15px;
    clear: both;
}
#content-footer-section .news-item h2 a {
    color: #fff;
    font-weight: 300;
}
#content-footer-section .widget-title h3 {
    background-color: #1e1e1e;
    color: #fff;
}
#content-footer-section .posted-date, 
#content-footer-section .comments-meta, 
#content-footer-section .comments-meta a {
    position: relative;
    color: #cacaca;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}
.footer-credits {
    background-color: #1e1e1e;
    clear: both;
}
.footer-credits-text {
    padding: 20px 0;
    color: #fff;
}
.site-header {
    padding: 30px 0;
    background-color: #000;
}

.taxonomy-description {
    margin-bottom: 20px;
}
.single-footer.row {
    clear: both;
}
/* Search styling */
.header-search-form {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid;
    border-radius: 3px;
    border-color: #d9d9d9;
    height: 42px;
    background-color: #fff;
}
select.header-search-select {
    width: 35%;
    display: inline-block;
    border: none;
    float: left;
    border-right: 1px solid;
    border-radius: 0;
    border-color: #d9d9d9;
    height: 40px;
    background-color: #fff;
}
input.header-search-input {
    width: 65%;
    display: inline-block;
    border: none;
    float: left;
    height: 40px;
    border-radius: 0;
    right: 0px;
    position: relative;
}
button.header-search-button {
    border: none;
    color: inherit;
    position: absolute;
    right: 0;
    padding: 0 15px;
    font-size: 15px;
    line-height: 40px;
    top: 0;
    border-left: 1px solid;
    border-color: #d9d9d9;
    height: 40px;
    border-radius: 0;
}
form.search-form label {
    width: 100%;
    display: block;
}
button.dgwt-wcas-search-submit, button.dgwt-wcas-search-submit:hover {
    background: initial;
}
form.search-form, form.woocommerce-product-search {
    position: relative;
}
.search-submit, .woocommerce-product-search button {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    line-height: 18px;
}
.search-field {
    width: 100%;
    padding-right: 90px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}
input[type="search"].search-field::-webkit-input-placeholder {
    color: #d7d7d7;
}
input[type="search"].search-field:focus::-webkit-input-placeholder {
    color: #f1f1f1;
    padding: 20px 0 0 0;
}
fieldset {
    border: 2px solid #e5e5e5;
    margin: 5px 2px 15px 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: auto;
    border-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
}
/* Comments */
.comment-form #comment {
    width: 100%;
}
cite.fn {
    font-weight: bold;
}
a.comment-reply-link {
    border: 1px solid #ccc;
    padding: 10px 20px;
}
.reply {
    margin: 20px 0;
}
.comment-meta.commentmetadata {
    margin: 10px 0;
    font-size: 12px;
    font-style: italic;
}
.comment-body {
    margin-bottom: 40px;
}
.commentlist li {
    list-style-type: none;
}
.error-template {
    padding-bottom: 60px;
}
.btn-default, input[type="submit"], input#submit, button, a.comment-reply-link, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { 
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 1px solid;
    border-radius: 3px;
    padding: 10px 20px;
    color: var(--color-secondary);
    background-color: transparent;
    font-weight: 400;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: transparent;
    color: var(--color-secondary);
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    background: #fafafa;
    padding: 7px 12px;
    color: #444;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
}
button#place_order {
    float: none;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 19px;
    border-radius: 5px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-weight: 400;
}
.woocommerce ul.products li {
    border-bottom: 0;
}
.woocommerce ul.products li.product.product-category {
    padding-bottom: 0;
}
.woocommerce ul.products li.product.product-category a img {
    margin: 0;
}
.woocommerce ul.products li.product.product-category {
    padding: 0;
}
.woocommerce-cart-form .coupon #coupon_code {
    width: 50%;
    max-width: 50%;
}
.inner-wrapper {
    display: block;
    margin-bottom: 15px;
}
.content-date-comments {
    display: inline-block;
}
.cat-links, .tags-links {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}
.posted-date, .comments-meta {
    margin-right: 15px;
}
.posted-date,
.cat-links a,
.cat-links span,
.tags-links span {
    position: relative;
    color: #404040;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}
.comments-meta {
    position: relative;
    z-index: 5;
    color: #404040;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    display: inline-block;
}
.comments-meta a {
    color: #404040;
}
span.comments-meta i {
    margin-left: 5px;
}
.tags-links a {
    position: relative;
    color: #404040;
    font-style: italic;
    opacity: 0.8;
    font-size: 14px;
    margin-right: 8px;
}
.news-item {
    margin-bottom: 10px;
}
.news-item h2 {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 700;
}
.news-item.layout-two h2 {
    font-size: 18px;
}
.one-news-section .news-item h2 {
    margin-top: 10px;
    font-size: 28px;
}
.news-item h2 a {
    color: #404040;
    font-weight: 300;
    font-size: 40px;
}
.news-thumb {
    margin-bottom: 10px;
}
.news-thumb img {
    width: 100%;
}
.post-excerpt {
    font-style: italic;
    font-weight: 300;
    display: block;
    clear: both;
}
.author-meta-by {
    font-style: italic;
    opacity: 0.7;
    position: relative;
    font-size: 14px;
    font-weight: 300;
}
.author-meta a {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 4px;
    margin-right: 15px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    border: 1px solid;
    padding: 8px;
    border-radius: 5px;
    border-color: #d9d9d9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 15px !important;
}
.woocommerce ul.products li.product a img {
    -webkit-box-shadow: 0px 11px 23px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.75);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid;
    border-radius: 5px;
    border-color: #d9d9d9;
    margin-top: -20px;
    margin-bottom: 15px;
}
.woocommerce ul.products li.product:hover a img {
    -webkit-box-shadow: 0px 11px 23px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 25px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 25px -10px rgba(0,0,0,0.75);
    border: 1px solid;
    border-radius: 5px;
    border-color: #d9d9d9;
    margin-top: -25px;
    margin-bottom: 20px;
}
.woocommerce ul.products li.product .star-rating {
    margin: 0 auto;
}
.woocommerce mark, .woocommerce .mark {
    background-color: transparent;
    color: inherit;
}
.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}
.woocommerce-MyAccount-navigation li {
    list-style-type: none;
    border: 1px solid #e4e4e4;
    margin-bottom: -1px;
    padding: 5px 15px;
}
.woocommerce-MyAccount-navigation ul {
    padding: 0;
}
.woocommerce-MyAccount-navigation li.is-active {
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: bold;
}
.woocommerce .select2-container--default .select2-selection--single {
    border: 2px solid #e5e5e5;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
.woocommerce .select2-container .select2-selection--single, 
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
}
.heading-row {
    display: flex;
    float: none;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.header-right {
    min-width: 150px;
    padding-left: 0;
}
.header-right .fa, .mobile-cart .fa, .mobile-account .fa {
    font-family: "fontawesome" !important;
    font-weight: initial !important;
}
.header-cart, .header-my-account {
    float: right;
    display: block;
}
.header-my-account {
    padding-right: 15px;
}
a.cart-contents i, .header-my-account a {
    color: #000000;
    font-size: 22px;
    line-height: 22px;
    position: relative;
}
.amount-cart {
    color: #fff;
    background: var(--color-secondary);
    position: relative;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 10px;
    bottom: 3px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.5;
}
.amount-cart:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 7px solid var(--color-secondary);
    top: calc(50% - 5px);
    right: 100%;
}
.cart-contents span.count {
    font-size: 10px;
    padding: 0px;
    color: #fff;
    font-weight: 700;
    background-color: var(--color-secondary);
    border-radius: 15px;
    line-height: 18px;
    margin: 0;
    position: absolute;
    top: -10px;
    right: -11px;
    font-style: initial;
    height: 20px;
    min-width: 20px;
    text-align: center;
    font-family: 'Open Sans Condensed', "Helvetica Neue", helvetica, arial, sans-serif;
    border: 1px solid transparent;
}
ul.site-header-cart {
    opacity: 0;
    display: none;
    position: absolute;
    z-index: 50;
}
.woocommerce-cart ul.site-header-cart,
.woocommerce-checkout ul.site-header-cart {
    display: none !important;
}
.header-cart-block:hover ul.site-header-cart, .product-added-to-cart .header-cart-block ul.site-header-cart {
    display: block;
    opacity: 1;
    right: -10px;
    min-width: 320px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 10px;
    z-index: 9999;
    animation: showup 0.5s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18);
}
.added_to_cart {
    display: block;
}
.woocommerce ul.products li {
    border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    padding: 0 30px 0 0;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
    border-bottom: 2px solid var(--color-secondary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 20px;
    font-weight: 300;
    min-width: 100px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    color: var(--color-secondary);
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
    border-bottom: 2px solid var(--color-secondary);
    color: var(--color-secondary);
}
.single-product div.product form.cart .plus,
.single-product div.product form.cart .minus {
    float: left;
    margin: 0;
    display: inline-block;
    padding: 5px 10px;
    color: #e2e2e2;
    border-radius: 0;
    height: 40px;
    line-height: 1.6;
    font-size: 18px;
}
.single-product div.product form.cart .plus {
    margin-right: 10px;
}
.woocommerce div.product form.cart table div.quantity {
    float: left;
    margin: 0 -1px;
}
.woocommerce div.product form.cart div.quantity {
    margin: 0 -1px;
}
.woocommerce div.product form.cart .group_table td:first-child {
    width: 135px;
}
.woocommerce .quantity .qty {
    border: 1px solid #e2e2e2;
    padding: 5px;
    height: 40px;
    line-height: 1.6;
    font-size: 18px;
    border-radius: 0;
    width: 2.7em;
}
.woocommerce div.product .woocommerce-tabs h2:first-child {
    display: none;
}
.product_meta {
    clear: both;
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
    margin-top: -1px;
    padding: 20px 0;
    margin-top: 0;
}
.woocommerce div.product form.cart {
    padding: 20px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 20px;
    border-color: #eaeaea;
    margin-bottom: 0;
}
.woocommerce div.product .product_title {
    clear: none;
    padding: 0 0 20px;
    margin: 0 0 15px;
    border-bottom: 1px solid #eaeaea;
}
section.related.products, .up-sells.upsells.products {
    clear: both;
}
section.related.products ul.products, .up-sells.upsells.products ul.products {
    margin-top: 30px;
}
.woocommerce span.onsale {
    background-color: var(--color-secondary);
    color: #fff;
    line-height: 1.7;
    min-height: 1.7em;
    border-radius: 3px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #777;
}
.woocommerce ul.products li.product .button {
    margin-top: 5px;
    margin-bottom: 15px;
}
p.woocommerce-mini-cart__buttons.buttons {
    text-align: center;
}
.woocommerce div.product form.cart .variations select {
    min-width: 70%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.77);
    margin: 0 0 1em;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 60px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--color-secondary);
    color: #fff;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 2px;
    height: 4px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: transparent;
    border: 1px solid;
    height: 10px;
}
.woocommerce .widget ul.woocommerce-widget-layered-nav-list li,
.woocommerce .widget_layered_nav_filters ul li {
    border: 0;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: rgba(235, 233, 235, 0.46);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: rgba(247, 246, 247, 0.1);
    color: inherit;
}

nav.navigation.post-navigation {
    clear: both;
    width: 100%;
}
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-subtitle {
    background: transparent;
    opacity: 0.8;
    color: initial;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}
.nav-links {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 15px;
}
.nav-links .nav-title {
    position: relative;
}
.nav-previous .fa {
    margin-right: 5px;
}
.nav-next .fa {
    margin-left: 5px;
}
.site-header .fa-shopping-bag:before,.site-header .fa-user-circle-o:before{
    color: #fff;
}

@import url("https://fonts.googleapis.com/css?family=Dosis:400,600,700,800");
@font-face {
	font-family: "Uni Sans";
	src: url("https://res.cloudinary.com/smitdudhat/raw/upload/v1672060058/Star%20Wars%20Theme%20Images/Fonts/UniSansHeavyCAPS_inu6mj.woff2")
			format("woff2"),
		url("https://res.cloudinary.com/smitdudhat/raw/upload/v1672060058/Star%20Wars%20Theme%20Images/Fonts/UniSansHeavyCAPS_ce3zsq.woff")
			format("woff"),
		url("https://res.cloudinary.com/smitdudhat/raw/upload/v1672060058/Star%20Wars%20Theme%20Images/Fonts/UniSansHeavyCAPS_evf0jw.ttf")
			format("truetype");
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: "Uni Sans";
	src: url("https://res.cloudinary.com/smitdudhat/raw/upload/v1672060058/Star%20Wars%20Theme%20Images/Fonts/UniSansThinCAPS_mqupjd.woff2")
			format("woff2"),
		url("https://res.cloudinary.com/smitdudhat/raw/upload/v1672060058/Star%20Wars%20Theme%20Images/Fonts/UniSansThinCAPS_sjotov.woff")
			format("woff"),
		url("https://res.cloudinary.com/smitdudhat/raw/upload/v1672060058/Star%20Wars%20Theme%20Images/Fonts/UniSansThinCAPS_v35lgz.ttf")
			format("truetype");
	font-weight: 500;
	font-style: normal;
}


img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.wrapper {
    font-family: "Uni Sans", sans-serif;
    font-weight: 500;
	width: 100%;
	height: 100vh;
	min-height: 750px;
	background: url(./Images/bg-image-slider.png)
		center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	display: flex;
}
@media screen and (max-width: 992px) {
	.wrapper {
		height: auto;
		min-height: 100vh;
	}
}

.content {
	height: 600px;
	margin: auto;
	width: 100%;
	max-width: 1050px;
	display: flex;
	align-items: center;
	position: relative;
}
@media screen and (max-width: 1200px) {
	.content {
		max-width: 920px;
	}
}
@media screen and (max-width: 992px) {
	.content {
		max-width: 920px;
		margin-top: 100px;
		height: auto;
		min-height: 100vh;
	}
}
@media screen and (max-width: 767px) {
	.content {
		margin-top: 20px;
	}
}
@media screen and (max-width: 576px) {
	.content {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.bg-shape {
	height: 100%;
	background-image: linear-gradient(-45deg, #cc3843 0%, #cb193f 100%);
	box-shadow: 0px 30px 139px 0px rgba(10, 22, 31, 0.26);
	border-radius: 30px;
	padding: 45px 40px;
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1200px) {
	.bg-shape {
		width: 45%;
	}
}
@media screen and (max-width: 992px) {
	.bg-shape {
		width: 90%;
		height: 290px;
		align-items: flex-start;
		padding: 50px;
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 767px) {
	.bg-shape {
		padding: 30px;
		width: 95%;
		border-radius: 20px;
	}
}
@media screen and (max-width: 576px) {
	.bg-shape {
		height: 200px;
		padding: 30px;
	}
}
.bg-shape img {
	object-fit: contain;
	width: 510px;
	display: block;
	object-position: left center;
	opacity: 0.2;
	transform: rotate(-90deg) translateY(-50%);
	max-width: inherit;
	left: 10px;
	position: absolute;
}
@media screen and (max-width: 1200px) {
	.bg-shape img {
		width: 430px;
		left: 10px;
	}
}
@media screen and (max-width: 992px) {
	.bg-shape img {
		transform: none;
		width: 100%;
		position: relative;
		left: auto;
		margin-left: auto;
		margin-right: auto;
		object-fit: contain;
		height: 100%;
		object-position: top center;
	}
}

.next,
.prev {
	z-index: 22;
	display: inline-flex;
	border: none;
	width: 61px;
	height: 61px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	position: absolute;
	top: 50%;
	outline: none;
	cursor: pointer;
}
.next.disabled,
.prev.disabled {
	cursor: not-allowed;
}
.next:focus,
.prev:focus {
	outline: none;
}
@media screen and (max-width: 992px) {
	.next,
	.prev {
		top: 170px;
	}
}

.prev {
	left: -30%;
	transform: translate(-100%, -50%);
}
@media screen and (max-width: 1200px) {
	.prev {
		left: -21%;
	}
}
@media screen and (max-width: 992px) {
	.prev {
		left: 0;
		transform: translate(-50%, -50%);
	}
}
@media screen and (max-width: 576px) {
	.prev {
		transform: translate(20%, -50%);
	}
}

.next {
	right: 0;
	transform: translate(50%, -50%);
}
@media screen and (max-width: 576px) {
	.next {
		transform: translate(-20%, -50%);
	}
}

.product-slider {
	width: 75%;
	height: 85%;
	border-radius: 30px;
	box-shadow: 0 28px 79px 0 rgba(10, 22, 31, 0.35);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
	.product-slider {
		width: 80%;
	}
}
@media screen and (max-width: 992px) {
	.product-slider {
		width: 80%;
		left: 50%;
		transform: translateX(-50%);
		height: auto;
		position: relative;
		top: 0;
		margin-top: 170px;
		margin-bottom: 100px;
	}
	.product-slider br {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.product-slider {
		border-radius: 20px;
	}
}
@media screen and (max-width: 576px) {
	.product-slider {
		width: 85%;
		margin-top: 130px;
	}
}
.product-slider__wrp {
	height: 100%;
}
.product-slider__item {
	position: relative;
	height: 100%;
	width: 100%;
}
@media screen and (max-width: 992px) {
	.product-slider__item {
		height: auto;
	}
}
.product-slider__item.swiper-slide-active .product-slider__content > * {
	opacity: 1;
	transform: none;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(1) {
	transition-delay: 0s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(2) {
	transition-delay: 0.2s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(3) {
	transition-delay: 0.4s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(4) {
	transition-delay: 0.6s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(5) {
	transition-delay: 0.8s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(6) {
	transition-delay: 1s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(7) {
	transition-delay: 1.2s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(8) {
	transition-delay: 1.4s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(9) {
	transition-delay: 1.6s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(10) {
	transition-delay: 1.8s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(11) {
	transition-delay: 2s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(12) {
	transition-delay: 2.2s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(13) {
	transition-delay: 2.4s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(14) {
	transition-delay: 2.6s;
}
.product-slider__item.swiper-slide-active
	.product-slider__content
	> *:nth-child(15) {
	transition-delay: 2.8s;
}
.product-slider__item.swiper-slide-active circle {
	animation: progress 1s ease-out forwards;
	animation-delay: 0.5s;
	opacity: 0.75;
}
.product-slider__card {
	height: 100%;
	display: flex;
	align-items: center;
	width: 100%;
	transition: all 0.5s;
	overflow: hidden;
	position: relative;
	border-radius: 30px;
}
@media screen and (max-width: 992px) {
	.product-slider__card {
		align-items: flex-start;
	}
}
@media screen and (max-width: 767px) {
	.product-slider__card {
		border-radius: 20px;
	}
}
.product-slider__cover {
	border-radius: 30px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
	.product-slider__cover {
		border-radius: 20px;
	}
}
.product-slider__content {
	color: #fff;
	padding-top: 1px;
	position: relative;
	z-index: 2;
	width: 100%;
	padding-left: 250px;
	padding-right: 80px;
}
@media screen and (max-width: 1200px) {
	.product-slider__content {
		padding-left: 220px;
	}
}
@media screen and (max-width: 992px) {
	.product-slider__content {
		padding: 20px 60px 100px;
		padding-top: 280px;
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.product-slider__content {
		padding: 20px 30px 50px;
		padding-top: 300px;
	}
}
@media screen and (max-width: 576px) {
	.product-slider__content {
		padding-top: 220px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
.product-slider__title {
	margin: 0;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 41px;
	line-height: 1.2em;
	letter-spacing: 2px;
	opacity: 0;
	transform: translateY(55px);
	transition: all 0.5s;
}
@media screen and (max-width: 1200px) {
	.product-slider__title {
		font-size: 34px;
	}
}
@media screen and (max-width: 576px) {
	.product-slider__title {
		font-size: 24px;
	}
}
.product-slider__price {
	display: block;
	font-size: 42px;
	opacity: 0;
	transform: translateY(55px);
	transition: all 0.5s;
}
@media screen and (max-width: 1200px) {
	.product-slider__price {
		font-size: 36px;
	}
}
@media screen and (max-width: 576px) {
	.product-slider__price {
		font-size: 30px;
	}
}
.product-slider__price sup {
	top: -20px;
	font-size: 65%;
}
.product-slider__cart {
	box-shadow: 0 7px 99px 0 rgba(204, 51, 66, 0.6);
	background-image: linear-gradient(-45deg, #cc3843 0%, #cb193f 100%);
	border: none;
	color: #fff;
	padding: 10px 30px;
	border-radius: 50px;
	min-height: 50px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 2px;
	margin-right: 40px;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.product-slider__cart {
		margin-right: 30px;
	}
}
@media screen and (max-width: 576px) {
	.product-slider__cart {
		width: 100%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
}
.product-slider__fav {
	color: #888e94;
	background: none;
	border: none;
	position: relative;
	padding-left: 25px;
	outline: none;
	cursor: pointer;
}
.product-slider__fav:focus {
	outline: none;
}
.product-slider__fav .heart {
	display: block;
	position: absolute;
	left: 0;
	transform: translate(-50%, -50%) scale(0.7);
	top: 50%;
	pointer-events: none;
	width: 100px;
	height: 100px;
	background: url("https://res.cloudinary.com/muhammederdem/image/upload/v1536405215/starwars/heart.png")
		no-repeat;
	background-position: 0 0;
	cursor: pointer;
	transition: background-position 1s steps(28);
	transition-duration: 0s;
}
.product-slider__fav .heart.is-active {
	transition-duration: 1s;
	background-position: -2800px 0;
}
.product-slider__bottom {
	margin-top: 20px;
	opacity: 0;
	transform: translateY(55px);
	transition: all 0.5s;
}
.product-ctr {
	display: flex;
	align-items: center;
	min-height: 150px;
	margin-top: 40px;
	opacity: 0;
	transform: translateY(55px);
	transition: all 0.5s;
}
@media screen and (max-width: 992px) {
	.product-ctr {
		justify-content: center;
	}
}
.product-ctr .hr-vertical {
	width: 1px;
	background: #9fa3a7;
	align-self: stretch;
	margin: 0 35px;
	flex-shrink: 0;
	opacity: 0.5;
}
@media screen and (max-width: 767px) {
	.product-ctr {
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	.product-ctr .hr-vertical {
		width: 100%;
		margin: 35px 0;
		height: 1px;
	}
}
@media screen and (max-width: 767px) {
	.product-labels {
		width: 100%;
	}
}
.product-labels__checkbox {
	display: none;
}
.product-labels__checkbox:checked + .product-labels__txt {
	border-color: #cc3743;
	padding: 10px 13px;
}
.product-labels__title {
	font-family: "Dosis", sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 16px;
	margin-bottom: 10px;
}
.product-labels__group {
	display: flex;
	margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
	.product-labels__group {
		justify-content: center;
	}
}
.product-labels__group:last-child {
	margin-bottom: 0;
}
.product-labels__item {
	margin: 5px;
	cursor: pointer;
}
.product-labels__item:first-child {
	margin-left: 0;
}
.product-labels__txt {
	display: block;
	border: 2px solid transparent;
	font-size: 14px;
	padding: 10px 20px;
	padding-left: 0;
	border-radius: 50px;
	transition: all 0.3s;
	letter-spacing: 2px;
}
@keyframes progress {
	0% {
		stroke-dasharray: 0 100;
	}
}
.product-inf {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.product-inf {
		width: 100%;
	}
}
.product-inf__percent {
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 1px;
	margin-bottom: 12px;
	font-family: "Dosis", sans-serif;
	position: relative;
}
.product-inf__percent circle {
	transform: rotate(180deg) scaleY(-1);
	transform-origin: 50%;
}
.product-inf__percent-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.product-inf__title {
	font-family: "Dosis", sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 18px;
}
.product-img {
	position: absolute;
	z-index: 2;
	width: 500px;
	left: 25%;
	transform: translateX(-45%);
	max-height: 500px;
	height: 100%;
	pointer-events: none;
}
@media screen and (max-width: 1200px) {
	.product-img {
		width: 430px;
		left: 20%;
	}
}
@media screen and (max-width: 992px) {
	.product-img {
		width: 430px;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		height: 350px;
	}
}
@media screen and (max-width: 767px) {
	.product-img {
		width: 100%;
		max-width: 400px;
		top: 30px;
		height: 390px;
	}
}
@media screen and (max-width: 576px) {
	.product-img {
		max-width: 300px;
		height: 300px;
	}
}
.product-img__item {
	display: flex;
	align-items: center;
	position: absolute;
	pointer-events: none;
	user-select: none;
	top: 50%;
	right: 0;
	transform: translateY(-50%) translateX(-130px);
	opacity: 0;
	transition: all 0.3s;
}
.product-img__item.active {
	opacity: 1;
	transform: translateY(-50%) translateX(0);
	transition-delay: 0.3s;
}
.product-img__item img {
	object-fit: contain;
	object-position: center right;
}
.RWG-about-us .about-content {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .RWG-about-us .about-content {
    flex-direction: column;
    align-items: center;
  }
    
}

.RWG-about-us .about-text {
  flex: 1;
  max-width: 50%;
  text-align: left; /* Text aligned left */
  color: #000; /* Adjust text color if needed */
}


.RWG-about-us .about-image {
  position: relative;
  flex: 1;
  max-width: 50%;
}

.RWG-about-us .about-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .RWG-about-us .about-text {
    max-width: 100%;
    width: 100%;
    text-align: center; /* Center text on smaller screens */
  }
    .RWG-about-us .about-image {
        max-width: 100%;
        width: 100%;
    }
    
}
.RWG-about-us{
    padding:10px 0;
}
.RWG-about-us .image-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* black overlay with 50% opacity */
  pointer-events: none;
}

.btn-learn-more {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.6rem 1.2rem;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.btn-learn-more:hover {
  background-color: #333;
}
.about-image:before {
    content: "";
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    background: #3301017d;
}

.rwg-footer {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  padding: 40px 20px 20px;
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  max-width: 1200px;
  margin: auto;
  border-bottom: 1px solid #444;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .footer-top {
    flex-direction: column;
    align-items: center;
  }
    
}

.footer-logo img {
    max-width: 250px;
    width: 100%;
}

.footer-menus {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .footer-menus {
    justify-content: center;
    text-align: center;
  }
    
}

.footer-column {
  min-width: 150px;
}

.footer-column h4 {
  margin-bottom: 15px;
  font-size: 16px;
  color: #fff;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column ul li a {
  color: #aaa;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-column ul li a:hover {
  color: #fff;
}

.footer-bottom {
  text-align: center;
  padding-top: 20px;
  font-size: 13px;
  color: #888;
}

.footer-bottom a {
  color: #fff;
  text-decoration: underline;
}

.social-icons li {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {

    section h2{
        padding: 0 10px;
        text-align: center;
    }
}
.hero {
  position: relative;
  background: url('Images/hero-bg.jpg') no-repeat center center/cover;
  height: 100vh;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
  box-sizing: border-box;
}

.hero-content {
  max-width: 600px;
}

.hero h1 {
  font-size: 64px;
  margin: 0 0 20px;
  line-height: 1.2;
}

.hero p {
  font-size: 20px;
  margin-bottom: 30px;
}

.btn {
  display: inline-block;
  background-color: #d73833;
  color: white;
  padding: 14px 28px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.btn:hover {
  background-color: #c12c28;
}

.helmet-img {
  width: 350px;
  height: auto;
  position: absolute;
  right: 80px;
  top: 20%;
  pointer-events: none;
}

.home-category-slider {
    padding: 40px 0;
    /* background-color: #f7f7f7; */
}

.category-card {
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: transform 0.3s ease;
}

.category-card:hover {
    transform: translateY(-5px);
}

.category-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.category-card h3 {
    margin: 15px 0;
    font-size: 16px;
    color: #333;
}
/* Base */
.btn-floating:hover img {
  margin-bottom: -3px
}

.btn-floating {
    position: fixed;
    right: 40px;
    overflow: hidden;
    width: 64px;
    height: 65px;
    border-radius: 100px;
    border: 0;
    z-index: 9999;
    color: white;
    transition: .3s;
}

.btn-floating:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}

.btn-floating span {
    font-size: 16px;
    margin-left: 5px;
    transition: .3s;
    line-height: 0px;
    display: none;
}

.btn-floating:hover span {
    display: inline-block;
}


/* WhatsApp */
.btn-floating.whatsapp {
    background-color: #34af23;
    bottom: 40px;
}

.btn-floating.whatsapp:hover {
    background-color: #1f7a12
}