/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/6fcf3abcaa18dbfba261.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/6fcf3abcaa18dbfba261.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/6fcf3abcaa18dbfba261.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/6fcf3abcaa18dbfba261.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/6fcf3abcaa18dbfba261.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/6fcf3abcaa18dbfba261.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/c95f6773faba1a339006.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/c95f6773faba1a339006.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/c95f6773faba1a339006.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/c95f6773faba1a339006.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/c95f6773faba1a339006.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/c95f6773faba1a339006.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/40912631e7a6e32e480e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/40912631e7a6e32e480e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/40912631e7a6e32e480e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/40912631e7a6e32e480e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/40912631e7a6e32e480e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/40912631e7a6e32e480e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/a09c8b5a83bd303c4c55.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/a09c8b5a83bd303c4c55.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/a09c8b5a83bd303c4c55.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/a09c8b5a83bd303c4c55.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/a09c8b5a83bd303c4c55.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://lisans.kodbulut.com/assets/fonts/open-sans/a09c8b5a83bd303c4c55.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}


* {
    font-family:  "Open Sans", "Roboto", "Open Sans", "Montserrat", sans-serif;
    font-weight: normal;
}


body {
  font-family: "Open Sans", sans-serif!important;
  font-size: 12px;
  line-height: 1.5
  color: #212529;
  background-color: #f8f9fa;
}


a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  color: #0056b3;
}

:root {
            --primary-color: #007bff;
            --secondary-color: #6c757d;
        }


h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
}

h1 {
  font-size: 30px;
  font-weight: 600;
}

h2 {
  font-size: 24px;
  font-weight: bolder;
}

p {
  font-family: "Open Sans", sans-serif;
}


/* Header styles */
header {
  background-color: #ffffff;
}

.header-bg {
  background-color: #ffffff!important;
}

/* Logo styles */
.logo {
  width: 142px; /* Adjust the width as needed */
  /* Add your logo styling here */
}

.border-primary {
  border-color: #007bff;
}

.border-primary-light {
  border-color: #f1f1f1;
}

.border-primary-dark {
  border-color: #333333;
}

.text-primary-light {
  color: #f1f1f1;
}

.text-primary-dark {
  color: #333333;
}

.border-secondary {
  border-color: #6c757d;
}

.border-secondary-light {
  border-color: #e6e6e6;
}
.border-secondary-dark {
  border-color: #333333;
}

.text-secondary-light {
  color: #e6e6e6;
}
.text-secondary-dark {
  color: #333333;
}

/* Button styles */
a.text-primary {
  color: #0056b3!important;
}

.text-primary {
  color: #007bff!important;
}

.text-secondary {
  color: #6c757d!important;
}

.bg-primary {
  background-color: #007bff!important;
}

.bg-secondary {
  background-color: #6c757d!important;
}

a.text-primary:hover, a.text-primary:active, a.text-primary:focus {
  color: #333333;
}

a {
  color: #007bff;
}

a:hover, a:focus {
  color: #0056b3;
}

a:active {
  color: #be2edd;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  color: #ffffff!important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #0062cc;
  border-color: #0062cc;
  color: #ffffff!important;
}

.btn-secondary {
  background-color: #333333!important;
  border-color: #333333!important;
  color: #e6e6e6!important;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #333333!important;
  border-color: #333333!important;
  color: #e6e6e6!important;
}

/* Footer styles */
footer {
  background-color: #f8f9fa;
}

.footer-bg {
  background-color: #f8f9fa!important;
}

/* Additional styles based on the provided values */
.subheading {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: bolder;
  line-height: 1.3;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  color: #6c757d;
}

.body-bg {
  background-color: #f8f9fa;
}

.primary-color {
  color: #007bff;
}

.primary-color-dark {
  color: #333333;
}

.primary-color-light {
  color: #f1f1f1!important;
}

.primary-color-light-bg {
  background-color: #f1f1f1!important;
}

.mobile-menu-toggle {
  color: #6c757d!important;
  font-size: 30px;
  font-weight: 600;
}

.sidebar-overlay, .sidebar-toggle {
    position: fixed;
    background-color: #f8f9fa!important;
}

.toolbox .left-sidebar-toggle, .toolbox .right-sidebar-toggle {
  background-color: #007bff;
  border-color: #007bff;
  color: #ffffff;
    padding: 0.45em 1em;
    font-size: 1.2rem;
}

.mobile-menu-container {
  background-color: #f8f9fa!important;
}

.mobile-menu-container .mobile-menu {
  background-color: #f8f9fa!important;
  color: #212529!important;
}

.mobile-menu a:hover {
  background-color: #e9ecef!important;
}

.mobile-menu a {
  color: #212529!important;
}

.mobile-menu > li:not(:last-child) {
    border-bottom: 1px solid #e9ecef!important;
}

.mobile-menu-container .nav-item .nav-link.active, .mobile-menu-container .nav-item.show .nav-link {
    color: #007bff;
    border-color: #007bff;
}

.mobile-menu-container .nav-tabs .nav-item.show .nav-link, .mobile-menu-container .nav-tabs .nav-link.active {
    background-color: transparent;
}

.primary-color-accent {
  color: #0056b3;
}

.secondary-color {
  color: #6c757d;
}

.secondary-color-dark {
  color: #333333;
}

.secondary-color-light {
  color: #e6e6e6;
}

.secondary-color-bg {
  background-color: #6c757d;
}

.secondary-color-dark-bg {
  background-color: #333333;
}

.secondary-color-light-bg {
  background-color: #e6e6e6;
}

.badge-delivery { background-color: #004d40; color: #ffffff; }
.badge-featured { background-color: #0d47a1; color: #e3f2fd; }
.badge-new { background-color: #008000; color: #008000; }
.badge-flash-sale, .badge-flash-sale.new-price { background-color: #ffcdd2; color: #b71c1c; }
.ratings:before { color: #f57f17!important; }