*{ margin: 0; padding: 0;  font-family: 'DM Sans' !important;}
@font-face {font-family: 'DM Sans';src: url('DMSans-Bold.woff2') format('woff2'),url('DMSans-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'DM Sans';src: url('/frontend/css/fonts/DMSans-ExtraBold.woff2') format('woff2'),url('DMSans-ExtraBold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'DM Sans';src: url('/frontend/css/fonts/DMSans-Regular.woff2') format('woff2'),url('DMSans-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'DM Sans';src: url('/frontend/css/fonts/DMSans-SemiBold.woff2') format('woff2'),url('DMSans-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'DM Sans';src: url('/frontend/css/fonts/DMSans-Medium.woff2') format('woff2'),url('DMSans-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'DM Sans';src: url('/frontend/css/fonts/DMSans-Light.woff2') format('woff2'),url('DMSans-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}

:root {
  --bs-color-theme:#f37021;
  --bs-theme-button:#000;
}

body::before,
body::after {content: "";position: fixed;inset: 0;z-index: 99999;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
body::before {background: rgb(0 0 0 / 85%);}
body::after {width: 80px;height: 80px;margin: auto;border-radius: 100%;border: 6px solid rgb(253 253 253);border-top-color: var(--bs-color-theme);animation: spin 0.8s linear infinite;display: block;}
body.loader::before,
body.loader::after {opacity: 1;pointer-events: all;}
@keyframes spin {to { transform: rotate(360deg); }}
body.loader {overflow: hidden;}
.desktop-none{display: none;}
.mobile-none{display: block;}
.container-fluid.custom-width {width: 100%;max-width: 1600px;padding: 0 50px;}
.header-sticky.fixed .wrapper {margin-top: 10px;margin-bottom: 10px;}
.header-sticky {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: sticky;top: 0px;z-index: 9;background: #fff;}
.header-sticky.fixed .auth-buttons {display: none;}
.wrapper {display: flex;justify-content: space-between; align-items: center; margin-bottom: 10px; margin-top: 10px;}
.wrapper a.dropdown-toggle::after {display: none;}
.nav-links {display: flex;list-style: none;margin-bottom: 0px;align-items: end;gap: 17px;}
.nav-links a:hover { color: #ffff;}
.nav-links li {position: relative;}
.nav-links a {color: #fff;text-decoration: none;padding: 10px 40px;display: block;font-size: 20px;font-weight: 600;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;}
.nav-links a:hover { color: #000;}
.drop-menu {position: absolute;top: 40px;left: 0;background: #fff;display: none;width: 180px;z-index: 9; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.drop-menu li {width: 100%;}
.nav-links a.active{color: #000;}
.drop-menu a:hover {background: #fff;color: var(--bs-color-theme);}
i.bx.bx-shopping-bag {font-size: 25px;font-weight: 500;}
.drop-menu a {padding: 7px;display: block;font-size: 19px;line-height: 37px;border-bottom: 1px solid #ccc; color: #333;}
.menu-btn, .close-btn {display: none;font-size: 22px;color: #333;cursor: pointer;}
.dropdown-toggle {display: flex;align-items: center;justify-content: space-between;}
.dropdown-toggle i {margin-left: 8px;transition: transform 0.3s ease; font-size: 22px;}
.menu-has-item.active .dropdown-toggle i {transform: rotate(180deg);}
.header-sticky.fixed {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 1000;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
ul.drop-menu {margin: 0px;padding: 0px;list-style: none;}
.dropdown.custom-user .dropdown-menu.show {display: block;padding: 0px;line-height: 34px;border-radius: 0px 0px 10px 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border: 0px solid #cccccc61;}
.dropdown.custom-user .dropdown-item:active {background: var(--bs-color-theme); color: #fff;}
.dropdown.custom-user .dropdown-item:hover {background: var(--bs-color-theme); color: #fff;}
.dropdown.custom-user ul li:last-child {border-bottom: none;}
.dropdown.custom-user ul li {border-bottom: 1px solid #cccccc82;}
.dropdown.custom-user ul li a {display: flex;align-items: center;gap: 8px;color: #333;}
.dropdown.custom-user .dropdown-menu.show i {font-size: 21px;}
.icon-group a { color: #333;}
.icon-group a:hover { color:var(--bs-color-theme);}
.topbar-decorete { background: #000; padding: 8px;}
.contact-info ul {display: flex;list-style: none;padding: 0px;margin: 0px;align-items: center;gap: 14px;}
.contact-info li {display: flex;align-items: center;}
.contact-info li i {color:var(--bs-color-theme);font-size: 20px;padding-right: 8px;}
.contact-info li a {color: #fff;text-decoration: none;font-weight: 200;font-size: 16px;}
.social-info ul {margin: 0px;padding: 0px;list-style: none;display: flex;justify-content: right;gap: 10px;align-items: center;}
.social-info li {display: flex;align-items: center;font-size: 16px;color: #fff;}
.social-info li i {color:var(--bs-color-theme);font-size: 20px;display: flex;}
.social-info li a { text-decoration: none;}
.form-control:focus {    border: 1px solid #ccc !important;}
.search-bar {border-radius: 30px;overflow: hidden;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
.search-bar input {border-radius: 30px 0 0 30px;padding: 10px 20px;border: 1px solid #ccc;}
.search-bar input:focus {outline: none;box-shadow: none;}
.search-bar button {font-size: 23px;background-color: var(--bs-color-theme);color: white;border: none;border-radius: 0 30px 30px 0;padding: 15px 50px;}
.icon-group i {font-size: 26px;margin: 0 0px;cursor: pointer;position: relative;font-weight: 500;}
.icon-group i:hover { color:var(--bs-color-theme);}
.cart-badge {position: absolute;width: 25px;height: 25px;background:var(--bs-color-theme);color: #fff;font-size: 12px;padding: 2px 5px;border-radius: 50%;left: 23px;top: -8px;text-align: center;line-height: 21px;display: flex;justify-content: center;}
.dropdown-menu {left: auto;right: 0;}
.navbar {padding: 10px 20px;}
.input-group.search-bar {max-width: 700px;}
.search-bar-custom {display: flex;justify-content: space-evenly;}
.search-bar-custom button { display: flex; align-items: center;}
.dropdown-toggle::after {display: inline-block;vertical-align: .255em;border-top: 0px !important;border-right: 0px !important;border-bottom: 0px!important;border-left: 0px !important;content: "\ea4a" !important;font-family: boxicons !important;}
.custom-menu-bar { background:var(--bs-color-theme);}
.custom-menu-bar nav {display: flex;align-items: center;gap: 0px;     padding: 0px;}
.custom-menu-bar .btn:focus {box-shadow: none !important;}
.custom-menu-bar i.bx.bx-category {font-size: 30px;color: #fff;}
.custom-menu-bar nav span{    font-size: 19px;font-weight: 600; color: #fff;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;}
.navbar {padding-top: .9rem !important; padding-bottom: .9rem!important;}
.btn-close:focus {box-shadow: none !important;}
.filter-section {border-right: 1px solid #ddd;padding: 15px;padding-top: 0px;padding-bottom: 0px;}
.filter-title {font-weight: bold;margin: 10px 0;display: flex;justify-content: space-between;cursor: pointer;}
 ul.filter-list {list-style: none;padding-left: 0;margin: 0 0 10px 0;     width: 100%;}
 ul.filter-list li {margin: 2px 0;position: relative;padding: 3px;border-radius: 4px;line-height: 35px;margin-bottom: 20px}
.subcategory li {line-height: 26px!important;}
.toggle-icon {font-weight: 100;cursor: pointer;float: right; user-select: unset;}
 .nested {display: none;margin-left: 20px;border-left: 0px dashed #ddd;padding-left: 10px; user-select: unset;}
 .nested.open {display: block;}
 ul.nested.open li {margin-bottom: 0px;}
 .highlight {background: #f0f8ff;font-weight: bold;}
.filter-title {margin: 9px 0; cursor: pointer;font-size: 19px;font-weight: 600;}
.filter-title li a {color: #333;font-size: 16px;font-weight: 400;text-decoration: none;}
.subcategory li a {font-size: 16px;}
.offcanvas-start {top: 0;left: 0;width: 382px !important;}
.custom-slider .align-items-center {align-items: flex-start !important;}
.custom-slider h5 {font-weight: 700;font-size: 60px;text-transform: uppercase;text-align: left;}
.custom-slider .carousel-caption {position: absolute;right: 11%;left: 11%;}
.custom-slider span {text-transform: uppercase;color:var(--bs-color-theme);font-size: 19px;margin-bottom: 10px;}
.custom-slider.carousel-control-prev {left: 0;opacity: inherit;}
.custom-slider i {color: #fff;font-size: 50px;}
.carousel-control-next, .carousel-control-prev {opacity: 0.9 !important;}
.shop-btn {background-color:var(--bs-color-theme);color: white;border: none;padding: 5px 36px;font-size: 18px;font-weight: 600;border-radius: 100px;cursor: pointer;display: inline-flex;align-items: center;gap: 10px;transition: background-color 0.3s ease;text-decoration: none;line-height: 44px;margin-top: 15px;}
.shop-btn:hover {background-color: var(--bs-theme-button); color: #fff;}
.shop-btn .arrow {font-size: 18px;}
a.shop-btn i {font-size: 27px;}
.custom-slider .carousel-control-next, .carousel-control-prev { height: 0; top: 50% !important;}
.category-card {display: flex;background-color: #fff;padding: 30px;border: 1px solid #ddd;border-radius: 8px;height: 100%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);align-items: center;justify-content: space-between;}
.right-image img {width: 100%;height: 100%; object-fit: contain;}
.right-image {height: 110px;}
.category-card .btn-primary {color: #fff;border-color: var(--bs-color-theme);background-color: var(--bs-color-theme);font-size: 15px;font-weight: 600;border-radius: 100px;padding: 9px 22px;display: flex;align-items: center;width: fit-content;}
.category-card .btn-primary i {font-size: 22px;}
.left-side h5 {font-size: 26px;font-weight: bold;line-height: 34px;margin-bottom: 20px;}
.left-side h5 br {display: none;}
.category-card a {text-decoration: none;color: #000000;}
.category-card .btn-primary:hover {background-color: var( --bs-theme-button);color: #fff;border-color: #000;}
.btn-primary:focus {box-shadow: none !important;}
.category-card a:hover {color: #000;}
.custom-space-section { margin-top: 100px;}
.category-heading {font-weight: bold;text-transform: uppercase;font-size: 42px;margin-bottom: 30px;margin-top: 30px;line-height: normal;}
.btn-primary:focus {background-color: var(--bs-color-theme) !important; border-color: var(--bs-color-theme) !important;}
/* -------------------------------
  Top Selling Css Styling
   ------------------------------- */
.bg-color-selling {background: #fbc8a9;padding: 100px 0px 100px 0px; position: relative;}
.product-card {position: relative;border: 1px solid #eee;border-radius: 12px;background: #fff;padding: 20px 16px;text-align: center;transition: 0.3s ease;overflow: hidden;height: 100%; width: 100%; padding-bottom: 80px;}
.product-card:hover {box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.product-image {width: 100%;height: 160px;object-fit: contain;margin-bottom: 15px;}
.product-title {font-weight: 700;font-size: 19px;margin: 8px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product-price {color: var(--bs-color-theme);font-weight: 600;font-size: 16px;}
.rating-stars {color: var(--bs-color-theme);font-size: 17px;margin-bottom: 4px;display: flex; justify-content: center;}
.hover-icons li i {font-size: 22px;}
.hover-icons {position: absolute;top: 60px;left: 0px;display: flex;flex-direction: column;opacity: 0;visibility: hidden;transition: 0.3s;z-index: 2;}
.hover-icons li a {color: #fff;text-decoration: none; display: block;}
.hover-icons li {width: 36px;height: 36px;background-color:var(--bs-color-theme);border: 1px solid #ffffff4d;line-height: 41px; list-style: none;}
.hover-icons li:hover {background-color: var(--bs-theme-button);}
.product-card:hover .hover-icons,
.product-card:hover .hover-add-to-cart {opacity: 1;visibility: visible;}
.add-to-cart-btn {margin-top: 15px;background-color: #fff;color: var(--bs-color-theme);border: 2px solid var(--bs-color-theme);padding: 10px 16px;border-radius: 30px;font-weight: 600;width: 100%;transition: 0.3s;}
.add-to-cart-btn:hover {background-color:var(--bs-color-theme);color: white;}
.selling-pro {height: 190px;display: flex;justify-content: center;align-items: center; margin-bottom: 10px;}
.selling-pro img {width: 100%;height: 100%;max-height: 190px;margin: auto;}
.add-to-cart-btn {margin-top: 15px;background-color: #fff;color: #0c0c0c;border: 2px solid var(--bs-color-theme);padding: 7px 10px;border-radius: 30px;font-weight: 600;width: fit-content;transition: 0.3s;font-size: 19px;}
.product-card:hover .add-to-cart-btn {background:var(--bs-color-theme); /* Darker blue on hover */ border-color: var(--bs-color-theme);color: #fff;}
.product-card:hover .product-title a {color: var(--bs-color-theme);  }
.product-title:hover, .product-title a:hover {color: var(--bs-color-theme)!important;text-decoration-color: var(--bs-color-theme) !important;}
.product-title a {color:var(--bs-product-title-color);text-decoration: none;}
.hover-add-to-cart i {font-size: 22px;}
.hover-add-to-cart a {text-decoration: none;font-weight: 800;display: flex;justify-content: center;align-items: center;  max-width: 200px;   width: 100%;     line-height: normal;}
.top-slide-selling .hover-add-to-cart {margin: 9px 0;position: absolute;bottom: 12px;left: 0;right: 0;display: flex;justify-content: center;}
.sale {float: right;width: 50px;height: 50px;background: var(--bs-color-theme);border-radius: 100%;line-height: 12px;color: #fff;font-size: 13px;font-weight: 600;position: absolute;right: 11px;top: 10px;flex-wrap: wrap;padding-top: 14px;}
.top-slide-selling .slick-prev {right: 35px !important;left: auto;}
.top-slide-selling .slick-prev, .top-slide-selling .slick-next {top: -50px;right: 8px;z-index: 1;}
.top-slide-selling .slick-prev:before {content: "\ea4d";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.top-slide-selling .slick-next:before {content: "\ea50";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.row.top-slide-selling .slick-slide {display: flex;margin: 7px;height: auto;}
.top-slide-selling .slick-prev:hover:before {color: var(--bs-color-theme);}
.top-slide-selling .slick-next:hover:before {color: var(--bs-color-theme);}
span.price-old {color: #333;text-decoration: line-through;}
.top-slide-selling .slick-track {display: flex;}
/* -------------------------------
  Top Selling Css Styling
   ------------------------------- */

/* -------------------------------
  Featured Css Styling
   ------------------------------- */
.featured-prod .slick-prev {right: 35px !important;left: auto;}
.featured-prod .slick-prev, .featured-prod .slick-next {top: -50px;right: 8px;z-index: 1;}
.featured-prod .slick-prev:before {content: "\ea4d";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.featured-prod .slick-next:before {content: "\ea50";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.row.featured-prod .slick-slide {display: flex;margin: 10px;height: auto;}
.featured-prod .slick-prev:hover:before {color: var(--bs-color-theme);}
.featured-prod .slick-next:hover:before {color: var(--bs-color-theme);}
.featured-prod .product-card {position: relative;border: 1px solid #eee;border-radius: 12px;background: #fff;padding: 20px 16px;text-align: center;transition: 0.3s ease;overflow: hidden;height: 100%;width: 100%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding-bottom: 80px;}
.row.featured-prod .hover-add-to-cart {position: absolute;bottom: 20px;left: 0;right: 0;display: flex;justify-content: center;}

/* -------------------------------
  Featured Css Styling
   ------------------------------- *

/* -------------------------------
  Youtube Css Styling
   ------------------------------- */
.youtube-section {position: relative;background: url("/frontend/images/bg-image-you-tube.jpg") no-repeat center center/cover;width: 100%;padding: 150px;  display: flex;justify-content: center;align-items: center;}
.youtube-section::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.5); /* dark overlay */}
.overlay-content {position: relative;z-index: 2;color: #fff;}
.play-btn {background: var(--bs-color-theme);border: none;width: 180px;height: 180px;border-radius: 50%;font-size: 80px;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto 20px;cursor: pointer;transition: background 0.3s;}
.play-btn:hover {background: var(--bs-color-theme);}
.youtube-text {font-size: 50px;font-weight: 700;}

/* -------------------------------
  Youtube Css Styling
   ------------------------------- *

/* -------------------------------
  Client logo Css Styling
   ------------------------------- */
.client-logo {background: #fff;border: 1px solid #3333332b;border-radius: 12px;display: flex;justify-content: center;padding: 20px;box-shadow: 0 .10px 10px rgb(0 0 0 / 14%) !important;width: 100%;}
.logo-client img {width: 100%;height: 100%;max-height: 200px;}
.logo-client {height: 120px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.logo-client:hover { filter: grayscale(1);}
.client-logo-slide .slick-prev {right: 35px !important;left: auto;}
.client-logo-slide .slick-prev, .client-logo-slide .slick-next {top: -50px;right: 8px;z-index: 1;}
.client-logo-slide .slick-prev:before {content: "\ea4d";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.client-logo-slide .slick-next:before {content: "\ea50";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.row.client-logo-slide .slick-slide {display: flex;margin: 10px;height: auto;}
.client-logo-slide .slick-prev:hover:before {color: var(--bs-color-theme);}
.client-logo-slide .slick-next:hover:before {color: var(--bs-color-theme);}
.client-logo-slide .product-card {position: relative;border: 1px solid #eee;border-radius: 12px;background: #fff;padding: 20px 16px;text-align: center;transition: 0.3s ease;overflow: hidden;height: 100%;width: 100%;}
/* -------------------------------
  Client logo Css Styling
   ------------------------------- */

/* -------------------------------
   Add Banner Css Styling
   ------------------------------- */
.add-banner {background: url("/frontend/images/add-bg.jpg") no-repeat center center/cover; width: 100%; padding: 70px; }
.add-banner h4 {color: #fff;text-align: center;font-size: 40px;font-weight: 700;}
.add-banner .add-to-cart-btn {margin-top: 15px;background-color:var(--bs-color-theme);color: #fff;border: 2px solid var(--bs-color-theme);padding: 7px 10px;border-radius: 30px;font-weight: 600;width:100%; max-width: 200px;;transition: 0.3s;display: flex;gap: 5px;font-size: 19px;}
.add-banner .add-to-cart-btn:hover {background-color: var(--bs-shop-btn-hover);color: #fff;border-color:var(--bs-color-theme);}
.add-banner .hover-add-to-cart {display: flex;justify-content: center;}
/* -------------------------------
   Add Banner Css Styling
   ------------------------------- */

/* -------------------------------
   trending Css Styling
   ------------------------------- */
.trending-product-slider .slick-prev {right: 35px !important;left: auto;}
.trending-product-slider .slick-prev, .trending-product-slider .slick-next {top: -50px;right: 8px;z-index: 1;}
.trending-product-slider .slick-prev:before {content: "\ea4d";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.trending-product-slider .slick-next:before {content: "\ea50";font-family: boxicons !important;font-size: 30px;color:#000;line-height: 29px;}
.row.trending-product-slider .slick-slide {display: flex;margin: 10px;height: auto;}
.trending-product-slider .slick-prev:hover:before {color: var(--bs-color-theme);}
.trending-product-slider .slick-next:hover:before {color: var(--bs-color-theme);}
.trending-product-slider .product-card {position: relative;border: 1px solid #eee;border-radius: 12px;background: #fff;padding: 20px 16px;text-align: center;transition: 0.3s ease;overflow: hidden;height: 100%;width: 100%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding-bottom: 80px;}
.row.trending-product-slider .hover-add-to-cart {position: absolute;bottom: 20px;left: 0;right: 0;display: flex;justify-content: center;}
/* -------------------------------
   Testmonial Css Styling
   ------------------------------- */

/* -------------------------------
   Testmonial Css Styling
   ------------------------------- */
.client-bg {background: url("/frontend/images/bg-image-client-testmonail.jpg") no-repeat center center/cover;width: 100%; padding: 100px 0px 100px 0px;}
.client-bg h2 {font-weight: bold;text-transform: uppercase;font-size: 42px;margin-bottom: 50px; color: #fff;}
p.testimonial-text {font-size: 19px;color: #fff;line-height: 34px;margin-bottom: 0px;}
h3.testimonial-title {font-weight: 700;color: #fff;text-align: left;display: flex;}
.testimonial-card {background: #000;padding: 40px;border-radius: 10px;height: 100%;}
.quote-icon i {font-size: 60px;color:var(--bs-color-theme);}
.author-name {color: #fff;margin-bottom: 0px;font-weight: 700;font-size: 20px;}
.testimonial-author img {border-radius: 100%;border: 5px solid #fff;}
.testimonial-author {display: flex;gap: 20px;align-items: center;margin-top: 10px;margin-left: 12px;}
.author-rating {color:var(--bs-color-theme);font-size: 17px;margin-bottom: 4px;}
.arrow-down {width: 40px;height: 30px;background-color: #000000;-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);clip-path: polygon(100% 0, 0 0, 50% 100%);margin-left: 40px;}
.row.testmonial-slider .slick-slide {margin: 10px;height: auto;}
.testmonial-slider .slick-prev {right: 35px !important;left: auto;}
.testmonial-slider .slick-prev, .testmonial-slider .slick-next {top: -50px;right: 8px;z-index: 1;}
.testmonial-slider .slick-prev:before {content: "\ea4d";font-family: boxicons !important;font-size: 30px;color:var(--bs-color-theme);line-height: 29px;opacity: 9 !important;}
.testmonial-slider .slick-next:before {content: "\ea50";font-family: boxicons !important;font-size: 30px;color:var(--bs-color-theme);line-height: 29px;opacity: 9 !important;}
.testmonial-slider .slick-prev:hover:before {color: var(--bs-color-theme);}
.testmonial-slider .slick-next:hover:before {color: var(--bs-color-theme);}
.testmonial-slider .product-card {position: relative;border: 1px solid #eee;border-radius: 12px;background: #fff;padding: 20px 16px;text-align: center;transition: 0.3s ease;overflow: hidden;height: 100%;width: 100%;}
.testmonial-slider .slick-track {display: flex;height: auto;}
.row.testmonial-slider .slick-slide {margin: 10px;height: auto;display: flex;flex-direction: column;}
.testimonial-author {display: flex;gap: 20px;align-items: center;margin-top: 10px;margin-left: 12px;}
.client-profile-div {width: 100px;height: 100px;}
.client-profile-div img   {width: 100%;height: 100%;object-fit: cover;}

/* -------------------------------
   Testmonial Css Styling
   ------------------------------- */

/* -------------------------------
   Library video Css Styling
   ------------------------------- */
.library-image img {height: 100%;width: 100%;object-fit: cover;border-radius: 12px 12px 0px 0px;}
.library-image {height: 291px;}
.card-box-library {background: #fff4ed;border: 2px solid var(--bs-color-theme);border-radius: 12px;padding-bottom: 35px;height: 100%;position: relative;}
.library-desc p {text-align: center;padding: 15px 60px;font-size: 19px;line-height: 30px;margin-bottom: 0px;color: #000;}
.custom-close .modal-header {padding: 0px !important;}
.custom-close .btn-close {height: 0px !important;opacity: 9 !important;z-index: 99;position: absolute;right: 10px;top: 23px;}
.library-button i {font-size: 25px;}
.library-button {text-align: center;display: flex;align-items: center;justify-content: center;font-size: 19px;text-transform: uppercase;font-weight: 800;color: #f27021;position: absolute;transform: translate(-50%, -50%);left: 50%;bottom: 0px;}
.library-button a {display: flex;text-decoration: none;color:var(--bs-color-theme);     align-items: center;}
.library-button a:hover {display: flex;text-decoration: none;color: var(--bs-color-theme);}
.library-btn.hover-add-to-cart .add-to-cart-btn {margin-top: 0px;background-color: var(--bs-color-theme);color: #fff;border: 2px solid var(--bs-color-theme);padding: 10px 10px;border-radius: 30px;font-size: 19px;width: 100%; max-width: 275px; transition: 0.3s;text-transform: uppercase;display: flex;gap: 8px;}
.library-btn.hover-add-to-cart .add-to-cart-btn:hover {background-color: var(--bs-theme-button);color: #fff; border-color: #000;}
.bg-black .hover-add-to-cart .add-to-cart-btn {margin-top: 0px;background-color:var(--bs-color-theme);color: #fff;border: 2px solid var(--bs-color-theme);padding: 10px 30px;border-radius: 30px;font-size: 19px;width: 100%; max-width: 300px; transition: 0.3s;text-transform: uppercase;display: flex;gap: 8px;}
.bg-black .hover-add-to-cart .add-to-cart-btn:hover {background-color: var(--bs-shop-btn-hover);color: #fff;border-color:var(--bs-color-theme);}
.library-btn.hover-add-to-cart {justify-content: center;display: flex;}
/* -------------------------------
   Library video Css Styling
   ------------------------------- */

/* -------------------------------
   Support Css Styling
   ------------------------------- */
.custom-space-bg {background:var(--bs-color-theme);padding: 100px 0px 100px 0px;position: relative;}
.custom-space-bg .category-heading {font-weight: bold;text-transform: uppercase;font-size: 42px;margin-bottom: 50px;color: #fff;}
.support-heading h5 {color: #fff;font-weight: 700;font-size: 30px;margin-bottom: 0px;}
.support-heading p {font-size: 19px;color: #fff;line-height: 30px;margin-bottom: 0px;}
.support-icon {width: 108px;height: 63px;background: #fff;border-radius: 100%;line-height: 67px;text-align: center;color:var(--bs-color-theme);font-size: 31px;}
.support-right-section {display: flex;gap: 25px;margin-bottom: 50px;}
.support-section-css .bg-colors p {color: #333 !important;}
.support-section-css .bg-colors h5 {color: #333 !important;}
.bg-colors {background: #ffffff;padding: 35px;border-radius: 12px;}
.bg-colors .support-icon {width: 122px;height: 62px;background: #fff4ed;border-radius: 100%;line-height: 75px;text-align: center;font-size: 31px;color:var(--bs-color-theme);display: flex;justify-content: center;align-items: center;}
.left-image-support img {width: 100%;}
/* -------------------------------
   Support Css Styling
   ------------------------------- */

/* -------------------------------
   Gallery Css Styling
   ------------------------------- */
.gallery-custom .gallery-item {position: relative;overflow: hidden;margin-bottom: 0px;}
.gallery-custom .gallery img {width: 100%;height: 350px;cursor: pointer;transition: transform 0.3s;object-fit: cover;     object-position: top;}
.gallery-custom .gallery img:hover {transform: scale(1.05);}
.gallery-custom .lightbox {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);justify-content: center;align-items: center;flex-direction: column;z-index: 9999;}
.gallery-custom .lightbox.active {display: flex;}
.gallery-custom .lightbox .swiper {width: 80%;height: 80%;}
.gallery-custom .lightbox img {width: 100%;height: auto;border-radius: 10px;}
.gallery-custom .close-btns {position: absolute;top: 20px;right: 30px;font-size: 30px;color: white;cursor: pointer;z-index: 10;padding: 10px;border-radius: 50%;}
.gallery-custom .gallery-item p {font-size: 20px;font-weight: bold;margin-bottom: 5px;position: absolute;top: 93%;transform: translate(-50%, -50%);left: 50%;color: #fff; background: rgba(0, 0, 0, 0.7);width: 100%;text-align: center;padding: 10px;}
.gallery-custom .lightbox img {width: 100%;height: 350px;object-fit: contain;}
.gallery-custom .lightbox .swiper {width: 80%;height: auto;}
.swiper-button-next, .swiper-button-prev {color:var(--bs-color-theme)!important;}
.swiper-pagination-bullet-active {background: var(--bs-color-theme) !important;}
.gallery-custom .gallery-item {position: relative;overflow: hidden;}
.gallery-custom .gallery-item img {width: 100%;height: 350px;object-fit: cover;cursor: pointer;transition: transform 0.3s ease;}
.gallery-custom .gallery-item:hover img {transform: scale(1.05);}
.gallery-custom .gallery-item .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0.8;pointer-events: none; display: flex;align-items: center;justify-content: center;transition: opacity 0.4s ease;}
.gallery-custom .gallery-item:hover .overlay {opacity: 1;}
.gallery-custom .gallery-item .overlay i {font-size: 40px;color: #fff;background: rgba(255,255,255,0.2);border-radius: 50%;padding: 14px;transition: all 0.3s ease;}
/* -------------------------------
   Gallery Css Styling
   ------------------------------- */

/* -------------------------------
   Location Css Styling
   ------------------------------- */
.custom-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 3rem;}
.locaton-circle img {border-radius: 100%;height: 262px;width: 262px;object-fit: cover;border: 5px solid var(--bs-color-theme);}
.locaton-circle h5 {font-weight: bold;font-size: 28px;margin: 15px;}
.locaton-circle p {font-size: 23px;line-height: 35px;}
.locaton-circle a {color: #333;text-decoration: none;}
.locaton-circle a:hover {color:var(--bs-color-theme);text-decoration: none;}
.time-weak p {margin-bottom: 10px;font-size: 15px;line-height: 23px;text-align: center;color: #333;font-weight: 600;}

/* -------------------------------
   Location End Styling
   ------------------------------- */

/* -------------------------------
   Call Action Styling
   ------------------------------- */
.call-heading p a {color: #fff;text-decoration: none;font-size: 19px;font-weight: 700;}
.bg-black {background: var(--bs-theme-button);border-radius: 12px;padding: 30px;}
.call-action {display: flex;justify-content: space-between;align-items: center;padding-left: 30px;padding-right: 30px;line-height: 40px;}
.call-action p { margin-bottom: 0px;}
.call-heading h4 {color: #fff;font-size: 40px;margin-bottom: 0px;font-weight: bold;}
.call-heading i {font-size: 26px;padding-right: 2px;}
.call-heading p a {color: #fff;text-decoration: none;font-size: 23px;font-weight: 700;}
.call-action-custom {margin-bottom: 0px;}
.call-action-custom a {display: inline-flex;align-items: center;gap: 0px;padding-right: 11px;}
.call-action-custom i {padding-right: 11px;}
/* -------------------------------
   Call Action End Styling
   ------------------------------- */

/* -------------------------------
   Footer Css Styling
   ------------------------------- */
.footer-bg  {background: url("/frontend/images/bg-image-client-testmonail.jpg") no-repeat center center/cover;width: 100%;padding: 100px 0px 100px 0px;border-top:10px solid var(--bs-color-theme);}
p.inner-text {font-size: 19px;color: #fff;line-height: 35px;margin-bottom: 8px;padding-right: 35px}
.footer-logo {margin-bottom: 30px;}
.contact-item a { color: #fff; text-decoration: none;}
.contact-item a:hover { color: var(--bs-color-theme);}
.contact-item {display: flex;align-items: center;margin-bottom: 3px;}
.contact-item:last-child {margin-bottom: 0;}
.icon {font-size: 30px;margin-right: 10px;color: var(--bs-color-theme); }
.info {font-size: 19px;line-height: 1.5;color: #fff;}
.quick-links h2 {font-size: 21px;font-weight: bold;color: #fff;margin-bottom: 15px;border-left: 6px solid var(--bs-color-theme);padding-left: 10px;line-height: 18px;     text-transform: uppercase;}
.quick-links ul {list-style: none;padding: 0px;}
.quick-links li {margin-bottom: 10px;}
.quick-links li.active a{color:var(--bs-color-theme);}
.quick-links a { text-decoration: none;color: #fff;font-size: 19px;transition: color 0.3s ease;}
.quick-links a:hover {color:var(--bs-color-theme);}
.quick-links p {color: #fff;font-size: 19px;margin-bottom: 10px;}
.subscribe-form {display: flex;align-items: center; overflow: hidden;width: 100%;height: 40px;}
.email-input {flex: 1;padding: 10px;border: none;font-size: 14px;border-radius: 0px;outline: none;}
.subscribe-btn { background-color:var(--bs-color-theme);color: white;padding: 10px 20px;font-size: 14px;border: none;cursor: pointer;border-radius: 0px;transition: background-color 0.3s ease;}
.subscribe-btn:hover {background-color:var(--bs-theme-button); /* darker shade of orange */}
.quick-links.customer {padding-left: 20px;}
.footer-bg hr {margin: 1rem 0;color: inherit;background-color: rgb(221 221 221) !important;border: 0;opacity: .25;}
.footer-bottom {background: #333333;padding: 15px;}
.copyright {margin-bottom: 0px;font-weight: 600;color: #fff;font-size: 15px;text-align: center;text-transform: capitalize;}
p.copyright span {color:var(--bs-color-theme);}
/* -------------------------------
   Footer Css End Styling
   ------------------------------- */

/* -------------------------------
   About Us Css End Styling
   ------------------------------- */

.about-header-image {background-image: url('/frontend/images/about-us.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-color: transparent;padding: 100px;}
.inner-heading-page h2 {color: #fff;font-weight: bold;font-size: 35px;text-align: center;}
.inner-heading-page ul {display: flex;gap: 10px;list-style: none;padding: 0px;margin: 0px;justify-content: center;}
.inner-heading-page li {color: var(--bs-color-theme);}
.inner-heading-page li a {color: #fff;text-decoration: none;}
.subheading {font-size: 15px;margin-bottom: 15px;color:var(--bs-color-theme);}
.about-us-page h1 {font-size: 28px;font-weight: bold;text-transform: uppercase;}
.about-us-page h5 {font-size: 19px;line-height: 32px;font-weight: 700;margin-bottom: 30px;}
.about-us-page p {font-size: 19px;line-height: 42px;}
.about-image {float: right;}
.about-image-left img {width: 100%;}
.heading-deco {font-size: 28px;font-weight: bold;text-transform: uppercase;line-height: 21px;}
.list-about li:before {content: "\ea50";font-family: boxicons !important;font-size: 33px;}
.list-about li {line-height: 47px;font-size: 19px;display: flex;align-items: center;}
.list-about {padding: 0px;list-style: none;}
.info-text {font-size: 28px;font-weight: bold;padding: 18px 0px 0px 0px;margin-bottom: 0px;}
.info-text a {text-decoration: none;color: var(--bs-color-theme);}
.info-text a:hover {color: #333;}
.about-bg-colors {background:var(--bs-color-theme);padding: 100px 0px 100px 0px;}
.about-bg-colors .heading-deco {font-size: 28px;font-weight: bold;text-transform: uppercase;line-height: 21px;color: #fff;margin-bottom: 20px;}
.about-bg-colors p {font-size: 21px;line-height: 42px;color: #fff;margin-bottom: 20px;}
.about-bg-colors img {width: 100%;}
.why-choose-image img {width: 100%;height: 100%;}
.why-choose-us h2 {font-weight: 700;font-size: 28px;line-height: 20px;margin-bottom: 30px;}
.why-choose-us h3 {font-weight: 700;font-size: 32px;margin-bottom: 8px;}
.why-choose-us p {font-size: 19px;line-height: 37px;margin-bottom: 30px;}
.why-choose-image {height: 611px;}
.our-mission-bg {background: url("/frontend/images/bg-image-client-testmonail.jpg") no-repeat center center/cover;width: 100%;padding: 100px 0px 100px 0px;}
.our-mission-bg h2 {font-size: 28px;font-weight: bold;text-transform: uppercase;line-height: 21px;color: #fff;margin-bottom: 20px;}
.our-mission-bg p {font-size: 21px;line-height: 42px;color: #fff;margin-bottom: 20px;}
.our-mission {height: 459px}
.our-mission img {width: 100%; height: 100%;}
.our-vision h2 {font-size: 28px;font-weight: bold;text-transform: uppercase;line-height: 21px;color: #333;margin-bottom: 20px;}
.our-vision p {font-size: 21px;line-height: 42px;color: #333;margin-bottom: 20px;}
.our-vision {height: 523px;}
.our-vision img {height: 100%;width: 100%;object-fit: cover;object-position: top;}
/* -------------------------------
   About US Css End Styling
   ------------------------------- */

/* -------------------------------
   Login  Css Styling
   ------------------------------- */
.custom-login {padding: 60px;background: #f9f9f9;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;border: 1px solid #60636438;border-radius: 12px;}
.custom-login input {padding: 26px 7px;margin-bottom: 11px;border-radius: 10px;font-size: 16px;}
.custom-login input#rememberme {padding: 0px!important;}
.custom-login .form-check-input:checked {background-color:var(--bs-color-theme) !important;border-color: var(--bs-color-theme) !important;}
.custom-login .form-check-input:focus {border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 .25rem rgb(243 112 33 / 58%) !important;}
.custom-login .icon-input {position: absolute;left: 15px;top: 25px;transform: translateY(-50%);font-size: 20px;color: #888;}
.custom-login .form-control {padding-left: 2.5rem !important; /* ensures space for the icon */height: 45px;border-radius: 8px;}
.custom-login #setuploginForm input.btn.btn-primary.w-100.submit-btn {padding: 10px 16px;margin-bottom: 11px;border-radius: 100px;font-size: 20px;text-transform: uppercase;font-weight: 700;background: var(--bs-color-theme);border-color:var(--bs-color-theme); border: none;}
.custom-login #setuploginForm input.btn.btn-primary.w-100.submit-btn:hover{background: var(--bs-theme-button); border: none;}
.custom-login #setuploginForm a.forgot-password {color: var(--bs-color-theme);text-decoration: none;font-weight: 600;}
.custom-login p a {color: var(--bs-color-theme);text-decoration: none;}
.custom-login p {font-size: 17px;font-weight: 600;color: #333;margin-bottom: 0px;}
.custom-login .form-control:focus {box-shadow: none !important;}
label.form-check-label {color: #333333ba;}

/* -------------------------------
   Login  Css End Styling
   ------------------------------- */

/* -------------------------------
   Sign up Css Styling
   ------------------------------- */
.create-account-custom .account-card.shadow.p-5.bg-whites{background: #f9f9f9;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;border: 1px solid #60636438;border-radius: 12px;}
.create-account-custom .icon-input {position: absolute;top: 27px;left: 15px;transform: translateY(-50%);color: #888;font-size: 20px;}
.create-account-custom .form-control {height: 45px;padding-left: 2.5rem !important;border-radius: 8px;box-shadow: none !important;border: 1px solid #ccc;}
.create-account-custom .btn-gradient:hover {opacity: 0.9;}
.create-account-custom .text-login {color: var(--bs-color-theme);text-decoration: none;}
.create-account-custom .text-login:hover {text-decoration: underline;}
.create-account-custom #createAccountForm i {padding-left: 11px;}
.create-account-custom #createAccountForm input {padding: 26px 19px;border-radius: 10px; font-size: 15px;}
.create-account-custom #createAccountForm input.btn.btn-gradient.w-100.py-2.fw-semibold {padding: 10px 16px;margin-bottom: 11px;border-radius: 100px;font-size: 20px;text-transform: uppercase;font-weight: 700;background:var(--bs-color-theme);color: #fff;}
.create-account-custom #createAccountForm input.btn.btn-gradient.w-100.py-2.fw-semibold:hover {background:var(--bs-theme-button);}
.create-account-custom #createAccountForm p a {color: var(--bs-color-theme);text-decoration: none;}
.create-account-custom #createAccountForm p {font-size: 17px;font-weight: 600;color: #333;margin-bottom: 0px;}

/* -------------------------------
   Sign up Css Styling
   ------------------------------- */

/* -------------------------------
   Shop brand Css Styling
   ------------------------------- */
.shop-brand {border: 1px solid #ccc;border-radius: 12px;padding: 20px;}
.shop-brand img:hover {filter: grayscale(1);}
.shop-brand {text-align: center;border: 1px solid #eee;padding: 10px;background: #fff;transition: all 0.3s ease;border-radius: 8px;}
.shop-brand:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: translateY(-3px);}
.shop-brand-logo img {max-height: 100%;width: auto;object-fit: contain;mix-blend-mode: darken;}
.shop-brand-logo {height: 120px;display: flex;align-items: center;justify-content: center;    overflow: hidden;}

/* -------------------------------
   Shop brand Css Styling
   ------------------------------- */

/* -------------------------------
   FAQ Css Styling
   ------------------------------- */
#faqAccordion .accordion-button {background-color: transparent;color: white;font-weight: 600;font-size: 1.1rem;}
#faqAccordion .accordion-body {color: #ccc;font-size: 0.95rem;}
#faqAccordion .accordion-item {background-color: transparent;border-bottom: 1px solid #555;}
#faqAccordion .accordion-body {padding: 10px 1.25rem;font-size: 19px;line-height: 34px;color: #333;font-weight: 300;padding-left: 0px;border-bottom: 2px solid #cccccc70;}
#faqAccordion .accordion-item {background-color: transparent;border-bottom: 1px solid #555;}
#faqAccordion button.accordion-button.collapsed {font-size: 25px;color: #000;font-weight: 800;border-bottom: 2px solid #cccccc70;padding-left: 0px;padding-right: 30px;line-height: 70px;padding-top: 0.5rem; padding-bottom: 0.5rem;}
#faqAccordion button.accordion-button{padding-top: 0.5rem; padding-bottom: 0.5rem;}
#faqAccordion .accordion-item {background-color: transparent !important;border: 0px solid rgba(0,0,0,.125);}
#faqAccordion .accordion-button {background-color: transparent !important;}
#faqAccordion .accordion-button:not(.collapsed) {color: #000 !important;background-color: transparent !important;box-shadow: none !important;font-size: 25px;font-weight: 800;padding-left: 0px;border-bottom: 0px solid #cccccc70; }
#faqAccordion .accordion-button:focus {box-shadow: none !important;}
#faqAccordion h4 {color: #fff;font-size: 37px;font-weight: 600;padding-left: 0px;}
#faqAccordion .accordion-button:not(.collapsed)::after {background-image: url('/frontend/images/download.svg') !important;transform: rotate(-180deg);background:var(--bs-color-theme);padding: 19px;background-size: 60%;background-repeat: no-repeat;background-position: center;}
#faqAccordion .accordion-button::after {background-image: url('/frontend/images/download.svg') !important;}
.faq {background: #cccccc1a;margin-top: 0px !important;padding: 100px 0px 100px 0px;}
.faq .accordion-item {background-color: transparent !important;border: 1px solid rgba(0,0,0,.125);}
.accordion-header {margin-bottom: 0;}
.faq-inner {text-align: center;font-size: 18px;margin-top: 21px;line-height: 27px;font-weight: 200;text-transform: capitalize;}
#faqAccordion .accordion-button::after { background-image: url('/frontend/images/downloads.svg') !important;}

/* -------------------------------
   FAQ Css Styling
   ------------------------------- */

/* -------------------------------
   Contact us Css Styling
   ------------------------------- */

.contact-custom .icon-input {position: absolute;top: 59px;left: 26px;transform: translateY(-50%);color: #888;font-size: 20px;}
.contact-custom .form-select {padding: 5px 42px;margin-bottom: 11px;border-radius: 10px;font-size: 16px;line-height: 44px;}
.contact-custom input {padding: 5px 42px;margin-bottom: 4px;border-radius: 10px;font-size: 16px;line-height: 44px;}
.contact-custom form#form-contact {padding: 60px;background: #f9f9f9;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;border: 1px solid #60636438;border-radius: 12px;}
.contact-custom textarea#message { padding: 5px 42px;}
.contact-custom i.bx.bx-message-rounded-dots.icon-input {position: absolute;top: 50px;}
.contact-custom .form-control:focus {color: #212529;background-color: #fff;border-color: #86b7fe;outline: 0;box-shadow: none !important;}
.contact-custom .form-select:focus {border-color: var(--bs-color-theme);outline: 0;box-shadow: none !important;}
.contact-custom input.btn.btn-primary {width: 100%;padding: 10px 16px;border-radius: 100px;font-size: 20px;text-transform: uppercase;font-weight: 700;background: var(--bs-color-theme);color: #fff;line-height: normal;border: none;}
.contact-custom label {color: #333;font-size: 15px;font-weight: 600;}
.contact-custom input.btn.btn-primary:hover{background:var(--bs-theme-button);}
iframe {height: 100%;width: 100%;}

/* -------------------------------
   Contact us Css Styling
   ------------------------------- */

/* -------------------------------
   Blog  Css Styling
   ------------------------------- */

.custom-blog .blog-card {border: none;border-radius: 12px;overflow: hidden;background-color: #fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease;position: relative;display: flex;height: 100%;margin-bottom: 15px;padding-bottom: 31px; border: 1px solid #6e696938;}
.custom-blog .blog-card:hover {transform: translateY(-5px);}
.custom-blog .blog-card img {width: 100%;height: 100%;object-fit: cover;}
.custom-blog .card-body {padding: 20px;position: relative;}
.custom-blog .blog-meta {display: flex;justify-content: flex-start;gap: 10px;margin-bottom: 10px;align-items: center;}
.custom-blog .blog-meta .date {font-weight: 600;color: #fff;font-size: 17px;display: flex;align-items: center;gap: 8px;}
.custom-blog .blog-meta .category {background-color: var(--bs-color-theme);color: white;padding: 5px 10px;border-radius: 5px;font-size: 16px;}
.custom-blog .blog-meta span.category a { color: #fff;}
.custom-blog .card-title {font-weight: 800;font-size: 20px;text-transform: capitalize;margin-bottom: 10px;margin-top: 10px;}
.custom-blog .card-text {font-size: 18px;color: #333;margin-bottom:0px;line-height: 30px;}
.custom-blog .read-more {font-weight: 600;color: #000;text-decoration: none;display: inline-flex;align-items: center;margin-top: 10px;font-size: 18px;position: absolute;bottom: -10px;}
.custom-blog .read-more span {margin-left: 5px;transition: margin-left 0.2s;}
.custom-blog .read-more:hover span {margin-left: 10px;}
.blog-meta {position: absolute;left: 20px;background: var(--bs-color-theme);border-radius: 12px 12px 0px 0px;overflow: hidden;top: -45px;padding: 10px 28px;width: auto;color: #fff;}
section.custom-space-section.custom-blog {position: relative;}
.custom-blog  .card-image-blog {height: 280px;}
.card.blog-card a {text-decoration: none;color: #333;}
.card.blog-card span.category a {color: #333;font-weight: 700;}
span.category { font-weight: 700;}
.custom-blog a.read-more {color: var(--bs-color-theme) !important;}
.custom-blog .card-title:hover {color: var(--bs-color-theme);}
.custom-pagination .pagination {display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 20px;}
.custom-pagination button {padding: 6px 15px;font-size: 16px;border: none;cursor: pointer;border-radius: 5px;transition: 0.3s ease-in-out;}
.custom-pagination .page-btn.active {background: #394a46;color: white;font-weight: bold;}
.custom-pagination .page-btn {background: #ecf0f1;color: #333;}
.custom-paginations .prev-btn, .next-btn {background: var(--bs-color-theme);color: white;}
.prev-btn, .next-btn {background: var(--bs-color-theme);color: white;}

/* -------------------------------
   Blog  Css Styling
   ------------------------------- */

/* -------------------------------
   Blog Detail  Css Styling
   ------------------------------- */
   
.blog-detail-content span.category {background-color: var(--bs-color-theme);color: white;padding: 5px 10px;border-radius: 5px;font-size: 16px;}
.blog-detail-content {background: #cccccc21;margin-top: 0px;padding: 100px;padding-left: 0px;padding-right: 0px;padding-bottom: 100px;}
.blog-detail-content p {font-size: 20px;margin-bottom: 30px;line-height: 35px;font-weight: 300;}
ul.list-blog li {font-size: 20px;line-height: 40px;font-weight: 300;}
.social-share-list {display: flex;justify-content: space-between;}
.social-list-icon li i {color: #fff;font-size: 22px;}
.social-list-icon ul {margin: 0px;padding: 0px;list-style: none;display: flex;gap: 7px;}
.social-list-icon li {background: var(--bs-color-theme);width: 40px;height: 40px;text-align: center;line-height: 48px;    border-radius: 100px;}
.custom-paginations button {padding: 6px 20px;font-size: 20px;border: none;cursor: pointer;border-radius: 100px;transition: 0.3s ease-in-out;}
.custom-paginations .prev-btn, .next-btn {background: var(--bs-color-theme);color: white;}
.custom-paginations .pagination {display: flex;padding-left: 0;list-style: none;gap: 15px;}
.inner-heading-blog h2 {font-weight: 700;}
.blog-detials {background-color: #463f6b14;padding: 40px;border-left: 7px solid var(--bs-color-theme);font-style: italic;margin-top: 30px;margin-bottom: 30px;border-radius: 16px;}
.group-img img {border-radius: 12px;height: 100%;width: 100%;object-fit: cover;margin-bottom: 50px;}
.blog-detail-image img {width: 100%;object-fit: fill;border-radius: 16px;margin-bottom: 30px;}
.blog-detail-image {overflow: hidden;}
/* -------------------------------
   Blog Detail  Css Styling
   ------------------------------- */

/* -------------------------------
   cart sidebar  Css Styling
   ------------------------------- */
.sideCartSummary .offcanvas-header {box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15);}
.sideCartSummary table.cart-summary .item__pic img {height: 80px;object-fit: contain;}
.sideCartSummary.item__title {color: #000;margin: 0 0 4px 0;overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;word-break: break-word;hyphens: auto;font-size: 16px;}
.sideCartSummary .item__title a {color: #000;text-decoration: none;font-weight: 600;}
.sideCartSummary .item__specification {color: #333;font-size: 14px;}
.sideCartSummary  td {vertical-align: top;padding: 10px;}
.sideCartSummary .item__pic {width: 80px;text-align: center;}
.sideCartSummary .offcanvas-end {width: 460px;}
.sideCartSummary .proceed-button .btn-primary {margin-bottom: 10px;background-color:var(--bs-color-theme);color: #fff;border: 2px solid var(--bs-color-theme);padding: 6px 17px;border-radius: 30px;font-weight: 600;width: 100%;transition: 0.3s;display: flex;gap: 5px;font-size: 16px;justify-content: center;margin-top: 20px;white-space: nowrap;}
.sideCartSummary .proceed-button {margin-top: 0px;margin-bottom: 0px;display: flex;justify-content: space-between;position: sticky;z-index: 9999;bottom: 0;background: #fff;padding: 10px;gap: 10px;}
.sideCartSummary .short-detail table tr {border-bottom: 1px solid #33333333;}
.price {margin-bottom: 0px;line-height: 0px;font-size: 18px;color: #333;font-weight: 600;}
.sideCartSummary .offcanvas-body {padding: 0;}
.sideCartSummary table{width: 100%;}
.sideCartSummary .product-image{margin-bottom: 0;}
/* -------------------------------
   cart sidebar  Css Styling
   ------------------------------- */

/* -------------------------------
   cart Page Css Styling
   ------------------------------- */

.cart .inner-heading-page ul {display: flex;gap: 10px;list-style: none;padding: 0px;margin: 0px;justify-content: left;flex-wrap: wrap;}
.cart .inner-heading-page li a {color: #333;text-decoration: none;}
.cart h3 {font-size: 19px;font-weight: bold;margin: 14px 0px;}
.bglights-bg {background: #FFFFFF; padding-left: 20px;padding-right: 19px;padding-top: 40px;padding-bottom: 25px;max-height: 560px;overflow-y: auto;height: 100%;border-radius: 10px;box-shadow: 0px 4px 11px #aaaaaa6b;border: 1px solid #3b3b3b21;}
.cart-heading {display: flex;}
.cart-heading h5 {font-size: 18px;font-weight: 700;margin-bottom: 15px;line-height: 20px;}
.cart-product-item {display: flex;align-items: center;}
.item-product-cart img {width: 60px;float: left;margin-right: 17px;}
.option a {text-decoration: none;color: #333;font-weight: 600;font-size: 15px;margin-bottom: 0px;line-height: 0px;}
.option a:hover {color:var(--bs-color-theme);}
.normal-weight {color: #787878;font-size: 14px;margin: 3px 0px;}
.item-product-cart .product-price {color: var(--bs-color-theme);font-weight: 600;font-size: 14px;}
.cart-content .product-price {color: var(--bs-color-theme);font-weight: 700;font-size: 15px;}
.item-product-cart .option { display: table;}
.cart-product-item {border-top: 1px solid #cccccc96;padding-top: 20px;padding-bottom: 20px;}
.delete {float: right;}
.delete img {height: 19px;}
.quantity-container {display: inline-flex;align-items: center;border: 0px solid #ddd;border-radius: 6px;padding: 8px 12px;background-color: #f8f8f8;gap: 15px;}
.quantity-btn {background: none;border: none;font-size: 20px;cursor: pointer;color: #333;transition: color 0.2s ease;}
.quantity-btn:hover {color: #000;}
.quantity-input {width: 40px;text-align: center;border: none;background: transparent;font-size: 16px;color: #000;}
.cart-bg-summary {background: #FFFFFF;padding-left: 20px;padding-right: 19px;padding-top: 40px;padding-bottom: 25px;max-height: 560px;overflow-y: auto;height: 100%;border-radius: 10px;box-shadow: 0px 4px 11px #aaaaaa6b;border: 1px solid #3b3b3b21;}
.cart-title-inner {font-weight: 700;font-size: 24px;text-align: center;}
.right-side-price {float: right;}
.cart-custom {display: flex;margin-bottom: 10px;}
.order-summary-title h5 {font-weight: 600;font-size: 15px;margin-bottom: 0px;color: #333;}
.right-side-price p {font-size: 15px;color: #333;margin-bottom: 0px;}
.cart-custom.border-cart {border-top: 1px solid #cccccc94;padding-top: 10px;border-bottom: 1px solid #cccccc94;padding-bottom: 10px;}
.cart li.sign-ex {color: #333;}
.cart-bg-summary .btn.btn-lg.btn-primary.btn-success {margin-top: 15px;background-color: var(--bs-color-theme);color: #fff;border: 2px solid var(--bs-color-theme);padding: 7px 24px;border-radius: 30px;font-weight: 600;width: fit-content;transition: 0.3s;display: flex;gap: 5px;float: right;font-size: 19px;text-transform: uppercase;}
.cart-bg-summary .btn.btn-lg.btn-primary {margin-top: 15px;background-color: var(--bs-color-theme);color: #fff;border: 2px solid var(--bs-color-theme);padding: 7px 24px;border-radius: 30px;font-weight: 600;width: fit-content;transition: 0.3s;display: flex;gap: 5px;width: 100%;justify-content: center;text-transform: uppercase;font-size: 19px;}
.cart-bg-summary .btn.btn-lg.btn-primary:hover { background:var(--bs-theme-button); border-color:var(--bs-theme-button);}
.advices-icons h6 {color: #333;font-size: 14px;line-height: normal;}
.advices-icons {display: flex;gap: 16px;align-items: center;}
.advices-icons a {color:var(--bs-color-theme); text-decoration: none;}
.quantity-btn.plus {user-select: none;}
.quantity-btn.minus {user-select: none;}

/* -------------------------------
   cart Page End Css Styling
   ------------------------------- */

/* -------------------------------
   Checkout Page Css Styling
   ------------------------------- */
button.multisteps-form__progress-btn.js-active:before {font-family: boxicons !important;content: "\ea41";color: #fff;line-height: 19px;font-size: 19px;}
.multisteps-form__progress {display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 1fr));margin-bottom: 30px;}
.multisteps-form__progress-btn {transition-property: all;transition-duration: 0.15s;transition-timing-function: linear;transition-delay: 0s;position: relative;padding-top: 20px;color: rgba(108, 117, 125, 0.7);text-indent: -9999px;border: none;background-color: transparent;outline: none !important;cursor: pointer;}
@media (min-width: 500px)
 {.multisteps-form__progress-btn {text-indent: 0;}
}
.multisteps-form__progress-btn:before {position: absolute;top: -9px;left: 50%; display: block;width: 25px;height: 25px;content: '';-webkit-transform: translateX(-50%); transform: translateX(-50%);transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; border: 2px solid var(--bs-color-theme);border-radius: 50%; background-color: #fff; box-sizing: border-box; z-index: 3;}
.multisteps-form__progress-btn:after {position: absolute;top: 5px;left: calc(-50% - 13px / 2);transition-property: all;transition-duration: 0.15s;transition-timing-function: linear;transition-delay: 0s;display: block;width: 100%;height: 2px;content: '';background-color: currentColor;z-index: 1;}
.multisteps-form__progress-btn:first-child:after {display: none;}
.multisteps-form__progress-btn.js-active {color: #007bff;}
.multisteps-form__progress-btn.js-active:before {-webkit-transform: translateX(-50%) scale(1.2);transform: translateX(-50%) scale(1.2);background-color:var(--bs-color-theme);}
.multisteps-form__form {position: relative;}
.multisteps-form__panel {position: unset;top: 0;left: 0;width: 100%;height: 0;opacity: 0;visibility: hidden;}
.multisteps-form__panel.js-active {height: auto;opacity: 1;visibility: visible;}
.multisteps-form__panel[data-animation="scaleOut"] {-webkit-transform: scale(1.1);transform: scale(1.1);}
.multisteps-form__panel[data-animation="scaleOut"].js-active {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0s;-webkit-transform: scale(1);transform: scale(1);}
.multisteps-form__panel[data-animation="slideHorz"] {left: 50px;}
.multisteps-form__panel[data-animation="slideHorz"].js-active {transition-property: all;transition-duration: 0.25s;transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);transition-delay: 0s;left: 0;}
.multisteps-form__panel[data-animation="slideVert"] {top: 30px;}
.multisteps-form__panel[data-animation="slideVert"].js-active {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0s;top: 0;}
.multisteps-form__panel[data-animation="fadeIn"].js-active { transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;transition-delay: 0s;}
.multisteps-form__panel[data-animation="scaleIn"] {-webkit-transform: scale(0.9);transform: scale(0.9);}
.multisteps-form__panel[data-animation="scaleIn"].js-active {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0s;-webkit-transform: scale(1);transform: scale(1);}
.multisteps-form__progress-btn.js-active {color: #333;font-weight: 700;font-size: 17px;text-transform: capitalize;}
.multisteps-form__progress-btn {padding-top: 41px;text-transform: capitalize;font-size: 17px; }
h3.multisteps-form__title {padding-top: 10px;padding-bottom: 0px;font-size: 19px;font-weight: 700;}
.checkout-form input {padding: 5px 13px;margin-bottom: 11px;border-radius: 8px;font-size: 16px;line-height: 36px;}
.bglights-bg.checkout-form label.form-check-label {color: #333;padding-left: 0px;font-size: 16px;}
.bglights-bg.checkout-form input.form-check-input.checkbox {padding: 0px;border: 1px solid #cbcbcb;}
.bglights-bg.checkout-form .form-check-input:checked {background-color: var(--bs-color-theme);border-color: var(--bs-color-theme);}
.bglights-bg.checkout-form .form-control:focus {box-shadow: none !important;}
.bglights-bg.checkout-form .form-check-input:focus {border-color: var(--bs-color-theme);outline: 0;box-shadow: 0 0 0 .25rem rgb(243 112 33 / 53%);}
.bglights-bg.checkout-form button.btn.btn-lg.btn-primary {width: 100%;padding: 10px 16px;border-radius: 10px;font-size: 20px;text-transform: uppercase;font-weight: 700;background: var(--bs-color-theme);color: #fff;line-height: normal;border: none;margin-top: 10px;margin-bottom: 20px;}
.bglights-bg.checkout-form  input#guest-name {width: 100%;padding: 7px 13px;border-radius: 8px;font-size: 16px;line-height: 36px;border: 1px solid #ccc;}
.ship-address input {width: 100%;border: 1px solid #ccc;}
.bglights-bg.checkout-form{background: #FFFFFF;padding-left: 20px;padding-right: 19px;padding-top: 40px;padding-bottom: 25px;max-height: unset;overflow-y: unset;height: 100%;border-radius: 10px;box-shadow: 0px 4px 11px #aaaaaa6b;border: 1px solid #3b3b3b21;}
.bglights-bg.checkout-form input:focus-visible {outline: none !important;}
.bglights-bg.checkout-form select {width: 100%;padding: 5px 13px;margin-bottom: 11px;border-radius: 8px;font-size: 16px;line-height: 36px;border: 1px solid #ccc;color: #6a6464;}
.form-select:focus {border-color: #86b7fe;outline: 0;box-shadow: none !important;}
.buttonnext {float: right;}
.bglights-bg.checkout-form button.btn.btn-primary.js-btn-save:hover{background:var(--bs-theme-button); color:#fff;border-color:#333;}
.bglights-bg.checkout-form button.btn.btn-primary.js-btn-next:hover{background:var(--bs-theme-button); color:#fff;border-color:#333;}
.bglights-bg.checkout-form button.btn.btn-primary.js-btn-save {width: auto;padding: 6px 25px;border-radius: 100px;background:var( --bs-color-theme);border-color: var(--bs-color-theme);font-size: 19px;margin-top: 7px;}
.bglights-bg.checkout-form button.btn.btn-primary.js-btn-next {width: auto;padding: 6px 25px;border-radius: 100px;background: var( --bs-color-theme);border-color:var(--bs-color-theme);font-size: 19px;margin-top: 7px}
.product-title-checkout {width: auto;margin-right: 0px;}
.product-title-checkout {display: flex;align-items: center;gap: 12px;}
.product-title-checkout img {padding: 0;margin: 0;height: 70px;width: 70px;object-fit: contain;object-position: top;}
.summary-content a {color: #333;text-decoration: none;}
.summary-content span {font-size: 14px;}
.cart-bg-summary a:hover {color: var(--bs-color-theme);text-decoration: none;}
.coupon i {color:var(--bs-color-theme);font-size: 27px;}
.coupon {display: flex;gap: 8px;vertical-align: middle;     margin: 10px 0px;}
.coupon-wrapper {display: flex;width: 100%;max-width: 700px;border: 1px solid #ccc;border-radius: 4px;overflow: hidden;}
.coupon-input {flex: 1;padding: 12px 14px;border: none;font-size: 16px;outline: none;}
.coupon-button {padding: 12px 20px;border: none;background:var(--bs-color-theme);color: white;font-weight: bold;font-size: 15px;cursor: pointer;white-space: nowrap;transition: 0.3s ease;}
.coupon-button:hover {background:var(--bs-theme-button);}
.summary-content a:hover {color: var(--bs-color-theme);}
.bglights-bg.shiping.row {max-height: max-content;}
.bglights-bg.shiping.row .form-check-input:checked {background-color:var(--bs-color-theme);border-color: var(--bs-color-theme);}
.bglights-bg.shiping.row .form-check-input:focus {border-color: var(--bs-color-theme);outline: 0;box-shadow: 0 0 0 .25rem rgb(243 112 33 / 43%);}
.bglights-bg.shiping.row button.btn.btn-primary.js-btn-save:hover{background: var(--bs-theme-button); color:#fff;border-color:#333;}
.bglights-bg.shiping.row button.btn.btn-primary.js-btn-next:hover{background:var(--bs-theme-button); color:#fff;border-color:#333;}
.bglights-bg.shiping.row button.btn.btn-primary.js-btn-save {width: auto;padding: 6px 25px;border-radius: 100px;background:var(--bs-color-theme);border-color: var(--bs-color-theme);font-size: 19px;margin-top: 7px}
.bglights-bg.shiping.row button.btn.btn-primary.js-btn-next {width: auto;padding: 6px 25px;border-radius: 100px;background:var(--bs-color-theme);border-color: var(--bs-color-theme);font-size: 19px;margin-top: 7px}
.bglights-bg.shiping.row h3.multisteps-form__title {padding-top: 0px;padding-bottom: 0px;font-size: 19px;font-weight: 700;margin-top: 0px;}
.bglights-bg.row.payment {max-height: max-content;}
.bglights-bg.row.payment h3.multisteps-form__title {padding-top: 0px;padding-bottom: 10px;font-size: 19px;font-weight: 700;margin: 0px;}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-prev.js-btn-save {width: auto;padding: 6px 25px;border-radius: 100px;background:var(--bs-color-theme);border-color: var(--bs-color-theme);font-size: 19px;margin-top: 7px}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-prev.js-btn-save:hover {background:var(--bs-theme-button);border-color: #333;}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-next {width: auto;padding: 6px 25px;border-radius: 100px;background: var(--bs-color-theme);border-color:var(--bs-color-theme);font-size: 19px;margin-top: 7px}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-next:hover {background: var(--bs-theme-button);border-color: #333;}
.payment-icon p {text-align: left !important;margin-bottom: 0px;}
.payment-icon img {margin-bottom: 17px;}
.cart-bg-summary.select-payment .form-group {position: relative;margin-bottom: 15px;}
.cart-bg-summary.select-payment .form-group input {width: 100%;padding: 12px 40px 12px 12px;border: 1px solid #ccc;border-radius: 8px;outline: none;font-size: 14px;transition: border-color 0.3s;}
.cart-bg-summary.select-payment .form-group input:focus {border-color: var(--bs-color-theme);}
.cart-bg-summary.select-payment .icon {position: absolute;right: 0px;top: 21px;transform: translateY(-50%);font-size: 18px;color: #555;}
/* -------------------------------
   Checkout Page End Css Styling
   ------------------------------- */

   /* -------------------------------
   Checkout address Page  Css Styling
   ------------------------------- */

.bglights-bg.checkout-form-address a.edit__address {background:var(--bs-color-theme); color: #fff;padding: 3px 15px;border-radius: 14px;font-size: 14px;text-decoration: none;margin-right: 15px;}
.bglights-bg.checkout-form-address label.label--active {padding-left: 0px;font-weight: 700;font-size: 16px;}
.bglights-bg.checkout-form-address a.edit__address:hover {color: #fff;}
.bglights-bg.checkout-form-address input#flexCheckDefault {width: auto !IMPORTANT;padding: 7px;}
div#targetDiv {margin-top: 15px;}
.address {display: flex;margin-top: 15px;justify-content: space-between;}
.bglights-bg.checkout-form-address {background: #FFFFFF;padding-left: 20px;padding-right: 19px;padding-top: 22px;padding-bottom: 25px;max-height: unset;overflow-y: unset;height: 100%;border-radius: 10px;box-shadow: 0px 4px 11px #aaaaaa6b;border: 1px solid #3b3b3b21;}
.multisteps-form__form .btn.btn-primary {width: auto;padding: 6px 25px;border-radius: 100px;background:var(--bs-color-theme);border-color:var(--bs-color-theme);font-size: 19px;margin-top: 7px; line-height: 1.5;}
.multisteps-form__form .btn.btn-primary:hover{background: var(--bs-theme-button);color: #fff;border-color: #333;}
.bglights-bg.checkout-form-address .form-check-input:checked {background-color:var(--bs-color-theme);border-color:var(--bs-color-theme);}
.bglights-bg.checkout-form-address .form-check-input:focus {border-color: var(--bs-color-theme);outline: 0;box-shadow: 0 0 0 .25rem rgb(243 112 33 / 43%);}
.bglights-bg.checkout-form-address label.form-check-label {font-weight: 700;color: #333;}
.bglights-bg.checkout-form-address p {padding-top: 10px;}

 /* -------------------------------
   Checkout address Page  Css Styling
   ------------------------------- */

  /* -------------------------------
   tab product detail page address Page  Css Styling
   ------------------------------- */
.tabs {display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.tabs ul {display: flex;margin: 0;padding: 0;list-style: none;flex-wrap: wrap;gap: 40px;}
.tabs ul li {margin: 0;}
.tabs ul li a {display: block;padding: 12px 12px;text-decoration: none;color: #333;font-weight: 700;font-size: 18px;padding-left: 0px;padding-right: 0px;text-transform: uppercase;}
.tabs ul li a.active,.tabs ul li a:hover {border-bottom: 3px solid var(--bs-color-theme);color: var(--bs-color-theme);}
.tab-content {border: 1px solid #eee;border-top: none;padding: 50px;display: none;border-top: 1px solid #eee;}
.tab-content.active {display: block;}
#desc h3 {font-weight: 600;font-size: 26px;}
#info h3 {font-weight: 600;font-size: 26px;}
#shipping h3 {font-weight: 600;font-size: 26px;}
#reviews h3 {font-weight: 600;font-size: 26px;}
#desc p {font-size: 19px;line-height: 35px;margin-bottom: 40px;}
ul.key-featured li {font-size: 19px;line-height: 44px;margin-bottom: 0px;display: flex;}
ul.key-featured {list-style: none;padding: 0px;margin: 0px;}
ul.key-featured li:before {font-size: 34px;content: "\ea50";font-family: boxicons !important;}
.rivew-title-mein h5 {font-weight: 900;font-size: 21px;margin: 15px 0px;}
.span-star-list ul {padding: 0px;}
.reviews-section {display: flex;justify-content: space-between;align-items: center;}
#reviews textarea.textarea-item {height: 250px;box-shadow: 5px 12px 33px 3px #cccccc40;border: 1px solid #ccc;}
#reviews .rating-stars {color: var(--bs-color-theme);font-size: 17px;margin-bottom: 10x;display: flex;justify-content: left;}
#reviews label {margin: 15px;margin-left: 0px;font-weight: 500;display: flex;align-items: center;gap: 9px;}
#reviews h2 {font-weight: 600;font-size: 26px;}
#reviews  input.u-full-width {height: 50px;padding: 6px 15px;border: 1px solid #dbdbdb;border-radius: 4px;box-shadow: none;box-sizing: border-box;}
label input[type="checkbox"] { appearance: none;-webkit-appearance: none;width: 18px;height: 18px;border: 2px solid #888;border-radius: 4px;position: relative;cursor: pointer;transition: all 0.2s ease;}
label input[type="checkbox"]:checked {background-color: var(--bs-color-theme);border-color: var(--bs-color-theme);}
label input[type="checkbox"]:checked::after {content: "";position: absolute;left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
#reviews a.btn.btn-primary {background-color:var(--bs-color-theme);color: white;border: none;padding: 5px 36px;font-size: 18px;font-weight: 600;border-radius: 100px;cursor: pointer;display: inline-flex;align-items: center;gap: 10px;transition: background-color 0.3s ease;text-decoration: none;line-height: 44px;}
#reviews a.btn.btn-primary:hover{background:var(--bs-theme-button); color: #fff;}
button.btn.btn-dark.btn-medium {width: max-content;background-color:var(--bs-color-theme);color: white;border: none;padding: 5px 36px;font-size: 18px;font-weight: 600;border-radius: 100px;cursor: pointer;display: inline-flex;align-items: center;gap: 10px;transition: background-color 0.3s ease;text-decoration: none;line-height: 44px;}
button.btn.btn-dark.btn-medium:hover{background: var(--bs-theme-button); color: #fff;}
.review-list-review {border: 1px solid #cccccc4a;padding: 10px;padding-top: 16px;padding-left: 16px;background: #fff;margin-top: 20px;}
.review-profile {display: flex;gap: 10px;align-items: center;margin-top: 5px;}
.inner-profile {display: flex;align-items: center;}
.inner-profile i {font-size: 32px;color: var(--bs-color-theme);}
.span-star-list i {color: var(--bs-color-theme);}
.profile-name {font-size: 21px;font-weight: 900;color: #333;}
.rivew-title-mein {padding-left: 40px;padding-right: 40px;}
.rivew-title-mein h3 {margin-bottom: 10px;line-height: 0px;margin-top: 19px;font-weight: bold;font-size: 17px !important;margin-bottom: 28px;}
.date-list ul {margin: 0px;padding: 0px;list-style: none;padding-left: 40px;}
.custom-tab li {line-height: 31px;font-size: 16px;color: #333;}
.review__date span {display: inline-flex;gap: 5px;}
.date-list i {font-size: 20px;color:var(--bs-color-theme);}
.rivew-title-mein p {line-height: 33px;font-size: 19px;margin-bottom: 20px;}
/* Responsive */
@media (max-width: 768px) {
.tabs ul li a {border: none;border-left: 3px solid transparent;}
.tabs ul li a.active {border-left: 3px solid var(--bs-color-theme);border-bottom: none;}
}

  /* -------------------------------
   tab product detail page address Page  Css Styling
   ------------------------------- */

  /* -------------------------------
   cookies-notice page Css Styling
   ------------------------------- */
.custom-space-section .list-group-item.active {z-index: 2;color: #fff;background-color: var(--bs-color-theme);border-color: var(--bs-color-theme);}
.cookies-notice {position: fixed;bottom: 0;z-index: 9;margin-bottom: 10px; width: 100%;}
.cookies-notice-content {width: 100%;height: 100%;display: flex;flex-flow: row wrap;gap: 10px;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.8);color: #fff;padding: 1rem;}
.cookies-notice-message {font-size: 13px;font-weight: 400;color: #fff;width: 100%;padding: 0 1rem;}
.cookies-notice-buttons {display: flex;flex-flow: row nowrap;align-items: center;gap: 8px;margin-left: 0;}
.cookies-notice-buttons .btn-decline {background-color: transparent;border-color: #fff;color: #fff;border-radius: 40px;padding: 10px 14px;}
.cookies-notice-buttons .btn {display: inline-flex;align-items: center;justify-content: center;border: solid 1px #fff;padding: 0 1.25rem;height: 3rem;border-radius: 100px;font-size: 12px;font-weight: 500;line-height: 3rem;white-space: nowrap;}
.cookies-notice-buttons .btn.btn-decline:hover { color: #fff;}
.cookies-notice-buttons .btn-accept {background-color: #fff;color: #000;border-radius: 40px;padding: 10px 14px;}
.cookies-notice .close-cookie-icon:not(:disabled):not(.disabled) {cursor: pointer;}
.cookies-notice .close-cookie-icon {opacity: 1;z-index: 1;width: 20px;height: 20px;position: absolute;right: 5%;top: 44%;text-align: center;line-height: 18px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.cookies-notice .close-cookie-icon:before {width: 3px;height: 15px;left: 50%;margin: 0 0 0 -2px;position: absolute;top: 2px;content: "";background: #fff;}
.cookies-notice .close-cookie-icon:after {width: 15px;height: 3px;left: 2px;top: 50%;margin: -2px 0 0;position: absolute;content: "";background: #fff;}
 /* -------------------------------
   cookies-notice page Css Styling
   ------------------------------- */

.pagination {display: flex;align-items: center;gap: 10px;justify-content: center;margin-bottom:0px;}
.pagination li {list-style: none;}
.pagination a {display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;background: #eaeaea;color: #000;border-radius: 50%;font-weight: 600;font-size: 16px;text-decoration: none;transition: 0.3s;}
.pagination a:hover {background: var(--bs-color-theme);color: #fff;}
.pagination a.active {background: var(--bs-color-theme);color: #fff;}
.pagination a i {font-size: 22px;}
.product-pagination { margin-top: 100px;}
 /* -------------------------------
   Return-policy-shipping Page  Css Styling
   ------------------------------- */
h1.page-header {padding: 20px 0;font-weight: bold;font-size: 40px;text-align: center;}
.return-policy-shipping a {color:var(--bs-color-theme);text-decoration: none;}
.return-policy-shipping a:hover {color: #333;}
h2.page-header {padding: 20px 0;font-weight: bold;font-size: 30px;text-align: left;}
ul.info-cont {margin: 0px;padding-left: 40px;}
ul.info-cont li {line-height: 35px;}
.table-responsive-table table {width: 100%;border-collapse: collapse;border: 1px solid #ccc;font-size: 15px;}
.table-responsive-table th, td {border: 1px solid #ccc;padding: 12px 15px;vertical-align: top;}
.table-responsive-table th {background-color: #f5f5f5;text-align: left;font-weight: bold;}
.table-responsive-table td {background-color: #fff;}
.table-responsive-table tr:nth-child(even) td {background-color: #fafafa;}
.table-responsive-table tbody,
.table-responsive-table td,
.table-responsive-table tfoot,
.table-responsive-table th,
.table-responsive-table thead,
.table-responsive-table tr {border-color: inherit;border-style: solid;border-width: 1px !important;}
 /* -------------------------------
   Return-policy-shipping Page  Css End Styling
   ------------------------------- */
.list-style1.list-unstyled li:before {content: "\ea55";font-family: boxicons!important;font-size: 20px;}
.list-style1.list-unstyled li {font-size: 17px;line-height: 36px;display: flex;}
.terms p {text-align: left;font-size: 17px;line-height: 33px;margin-bottom: 8px;}
.terms-list.terms .inner-heading-page ul {display: flex;gap: 10px;list-style: none;padding: 0px;margin: 0px;justify-content: flex-start;}
.terms-list .inner-heading-page li a {color: #333;text-decoration: none;}
.terms-list h3.h3 {font-size: 23px;font-weight: 700;line-height: 30px;}
.return-policy-shipping {font-size: 17px;}
.btn:focus {outline: 0;box-shadow: none !important;}
.terms-list.terms a {color: var(--bs-color-theme);text-decoration: none;}

@media (min-width: 992px) {
.cookies-notice-content {flex-flow: row nowrap;justify-content: space-between;border-radius: 50px;padding: 1rem 10rem;}
.cookies-notice-message {width: 55%;}
}

.gallery-custom-new .gallery-item {position: relative;overflow: hidden;}
.gallery-custom-new .gallery-item a {color: #ffffff;}
.gallery-custom-new .gallery-item img {width: 100%;height: 250px;object-fit: cover;cursor: pointer;transition: transform 0.3s ease;z-index: 99999;}
.gallery-custom-new .gallery-item .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 73%);opacity: 0.8;pointer-events: none;display: flex;align-items: center;justify-content: center;transition: opacity 0.4s ease;}
.gallery-custom-new .gallery-caption-title-category {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight: 900;font-size: 19px;text-transform: uppercase;padding: 1px;width: 100%;text-align: center;}
.gallery-custom-new .gallery-item:hover img {transform: scale(1.05);}
.gallery-custom-new .gallery-item:hover .overlay {opacity: 1;} 

.page-info-prod p {font-size: 18px;line-height: 30px; margin-bottom: 0px;}
.page-info-prod h1 {font-weight: 700;font-size: 50px;margin-bottom: 0px;}
.page-info-prod {margin: 20px 0px;text-align: center;}
.selected-tag ul {margin: 30px auto;padding: 0px;display: flex;gap: 15px;flex-wrap: wrap;list-style: none;}
/*.selected-tag ul li {background: var(--bs-color-theme);padding: 5px 14px;color: #fff;border-radius: 100px;display: flex;align-items: center;}*/
.selected-tag li label {background: var(--bs-color-theme);padding: 5px 14px;color: #fff;border-radius: 100px;display: flex;align-items: center;cursor: pointer;}
.selected-tag li label:hover{background:var(--bs-theme-button);}
/*.selected-tag ul li:after {content: "\ec8d";font-family: boxicons !important;font-size: 21px;}*/
.selected-tag ul li label:after {content: "\ec8d";font-family: boxicons !important;font-size: 21px;}
/* .selected-tag { margin: 30px auto;} */
.not-record-data img {margin: 100px auto;display: table;}
.skeleton {background: linear-gradient(90deg, #d0d0d045 25%, #f5f5f5 50%, #eee 75%);background-size: 200% 100%;animation: skeleton-loading 1.2s linear infinite;border: none;}
.skeleton-img {width: 100%;height: 180px;border-radius: 10px;}
.skeleton-title {width: 70%;height: 20px;margin: auto;}
.skeleton-text {width: 100%;height: 14px;margin: auto;}
.skeleton-text.short {width: 60%;}
.skeleton-btn {width: 40%;height: 32px;border-radius: 20px;margin-top: 10px; margin:auto;}
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.youtube-section.skeleton:before {background: transparent;}
/* header auto search*/
.searc-bg-top {background: #fff;width: 100%;border-radius: 0px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);}
.search-bar button:hover { background: var(--bs-theme-button);}
.searc-bg-top a {float: right;}
.search-bar {border-radius: 30px;overflow: unset;box-shadow: none;}
.search-bar button {font-size: 23px;background-color:var(--bs-color-theme);color: white;border: none;border-radius: 0 30px 30px 0 !important;padding: 15px 50px;}
.auto-item:before {content: "\ebf7";font-family: boxicons !important;font-size: 20px;}
.auto-item {display: flex;align-items: center;gap: 6px;padding: 4px 10px;}
div#autoSearch {width: 100%;top: 60px;position: absolute;z-index: 9;}
.auto-item:hover {background: #d3d0d045;cursor: pointer;}
.auto-item span {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 96%;}
/* End header auto search*/

.youtubes {background: var(--bs-color-theme);width: fit-content;padding: 11px 40px;margin: 50px auto;border-radius: 100px;display: block;}
.youtubes:hover{background:var(--bs-theme-button)} 
.youtubes a {color: #fff;text-decoration: none;font-weight: 600;font-size: 20px;display: block;text-align: center;}
.youtubes a:hover{color: #fff;}
.review__rating {position: relative;float: left;width: 75px;background-image: url('/frontend/images/star-outline.svg');background-position: left top;background-repeat: repeat-x;height: 15px;overflow: hidden;}
.review__rating .icn {position: absolute;left: 0px;top: 0;background-image: url('/frontend/images/fill-star.svg');background-position: left top;background-repeat: repeat-x;height: 15px;}
.rating-stars.rating .review__rating {position: relative;float: left;width: 107px;background-image: url('/frontend/images/star-outline.svg');background-position: left top;background-repeat: repeat-x;height: 22px;overflow: hidden;}
.rating-stars.rating .review__rating .icn {position: absolute;left: 0px;top: 0;background-image: url('/frontend/images/fill-star.svg');background-position: left top;background-repeat: repeat-x;height: 22px;}
.rating {display: flex;justify-content: center;}
p.lost {text-align: center;font-size: 19px;}
.lost-btn a {color: #fff;text-decoration: none;font-weight: 500;display: flex;align-items: center;font-size: 19px;}
.lost-btn {background-color: var(--bs-color-theme);color: #ffffff;text-decoration: none;padding: 13px 30px;display: flex;border-radius: 100px;margin: auto;align-items: center;gap: 6PX;justify-content: center;font-size: 19px;width: auto;max-width: fit-content;text-transform: uppercase;font-weight: 600;}
.lost-btn:hover {background-color:var(--bs-theme-button);color: #fff;}
.post-meta {list-style: none;padding: 0;margin: 0;color: #333; font-size: 16px;display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}
.post-meta i.bx {font-size: 19px;vertical-align: middle;opacity: 0.9;}
.post-meta--stacked li {display: flex;gap: 4px;align-items: center;padding: 0.35rem 0;border-bottom: 1px dashed rgba(0,0,0,0.04);}
ul.post-meta.post-meta--stacked {display: flex;align-items: anchor-center; margin-bottom: 10px;}
.post-meta--stacked li a {color:#333; text-decoration:none; }
h2.empty {font-weight: bold;text-align: center;font-size: 50px;margin: 0px;}
.error-empty {margin: 50px auto;display: table;}
.custom-paginations .pagination a {display: flex;justify-content: center;align-items: center;width: 100%;height: 45px;background: var(--bs-color-theme);color: #ffff;border-radius: 100px;font-weight: 600;font-size: 16px;text-decoration: none;transition: 0.3s;padding: 7px 26px;}
.custom-paginations .pagination a:hover { background:var(--bs-theme-button);}
span.help-block.form-error {color: rgb(185, 74, 72);font-size: 13px;}
.form-group.has-error {margin-bottom: 10px;text-align: left;}
.form-group.has-error input, .form-group.has-error select{margin-bottom: 4px;}
#setupNewsletter {position: relative;}
#setupNewsletter .form-group.has-error input{margin-bottom: 0;}
#setupNewsletter span.help-block.form-error {position: absolute;top: 45px;}
select.star-rating {display: none;}
.library-btn.hover-add-to-cart.mt-5 {justify-content: center;display: flex;}
.thankyou-order .error img {width: 100%;max-width: 130px;margin: 10px auto;display: table;}
h2.order-confirm {font-weight: 800;text-align: center;margin-bottom: 0px;line-height: 30px;font-size: 30px;}
.register-box {background: #fff;padding: 25px 30px;border-radius: 10px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);text-align: center;margin: auto;width: 100%;max-width: 60%;}
.register-box .input-field {width: 100%;padding: 10px 12px;margin-bottom: 15px;border: 1px solid #ddd;border-radius: 5px;font-size: 15px;color: #333;}
.register-box .input-field:focus {outline: none;border-color: var(--bs-color-theme);}
.register-btn {width: 100%;padding: 13px 30px;border: none;border-radius: 100px;background: var(--bs-color-theme);color: #fff;font-weight: 600;cursor: pointer;transition: opacity 0.3s ease;font-size: 19px;}
.register-btn:hover {background:var(--bs-theme-button)}
.thankyou-order {margin-top: 30px;}
.profile-card {display: flex;align-items: flex-start;gap: 40px;margin: 80px 0px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);padding: 50px;border: 1px solid #cccccc6e;border-radius: 10px;}
.profile-image img {width: 100px;height: 100px;border-radius: 50%;object-fit: cover;margin-bottom: 15px;}
.profile-info h2 {font-size: 35px;margin: 0;color: #222;font-weight: bold;}
.profile-info h4 {font-weight: 600;color: #333;margin: 10px 0 10px;font-size: 18px;}
.social-icons-info a {text-decoration: none;color:var(--bs-color-theme);padding: 8px 4px;border-radius: 4px;font-size: 25px;padding-left: 0;}
.social-icons-info :hover {color: #333;}
.profile-info p {line-height: 32px;font-size: 20px;color: #555;margin-bottom: 0px;}
.profile-info a {color: var(--bs-color-theme);text-decoration: none;font-size: 17px;font-weight: 500;}
.profile-info a:hover {color: #333;}
.social-icons-info h5 {text-align: center;font-weight: 700;font-size: 20px;line-height: 7px;}
.radio_shipping_duration {
    font-size: 17px;
    color: #333;
    font-weight: 400;
}
.radio {
    margin-bottom: 7px;
}
#shippingDetails .product-title-checkout {
    margin-bottom: 17px;
}


h2.section-title.text-left {
    font-size: 13px;
    font-weight: normal;
    line-height: 28px;
}
span.inline-title {
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    margin: auto;
    display: table;
}

form#cookieRefrences .accordion-button:not(.collapsed) {
    color: #333;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
button.cookie-refuse-all-handler.cookie-prefrence-btn {
    background-color:var(--bs-color-theme);
    border: none;
    color: #fff;
    letter-spacing: .01em;
    font-weight: 600;
    line-height: 18px;
    padding: 11px 26px;
    border-radius: 100px;
    margin-top: 10px;
    font-size: 13px;
}
button.save-preference-btn-handler.cookie-prefrence-btn {
    background-color:var(--bs-color-theme);
    border: none;
    color: #fff;
    letter-spacing: .01em;
    font-weight: 600;
    line-height: 18px;
    padding: 11px 26px;
    border-radius: 100px;
    margin-top: 10px;
    font-size: 13px;
}

.cookie-setting-preference span.switch {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 50px;
    bottom: 50%;
    z-index: 9;
}
.cookie-setting-preference .accordion-header{position: relative;}
.cookie-setting-preference .accordion-header button{font-size: 13px;}

.cookie-setting-preference label.switch.switch-sm.switch-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 50px;
    bottom: 50%;
    z-index: 9;
}
.cookie-setting-preference .accordion-button:focus {
    z-index: 3;
    border-color: unset!important;
    outline: 0;
    box-shadow: unset!important;
}
form#cookieRefrences .accordion-body {
    background-color: #F2F2F2;
}
.cookie-footer .cookie-prefrence-btn:hover {
    background:var(--bs-theme-button);
}

.cookie-setting-preference{
   font-size: 13px;
    font-weight: normal;
    line-height: 28px;
}
.cookie-setting .modal-invo-title {font-weight: 700;}
.cookie-setting .accordion-button:not(.collapsed)::after {
    background-image: url('/frontend/images/new-download.svg');
    transform: rotate(-180deg);
}

.no-review-found{width: 100%;max-width: 300px;margin: 0 auto;}
.out-of-stock-css{    background: #000000;color: #fff;font-weight: 600;font-size: 16px;width: max-content;padding: 10px 25px;border-radius: 12px;}
.msg-link{color: #fff !important;}
.icon-group .custom-user ul i:hover {color: #fff;}

/* ===============================
   CONTENT BLOCK BASE
================================ */
.content-block-css{
  font-size: 18px;
  line-height: normal !important;
}
 
/* ================= HEADINGS ================= */
.content-block-css:has(> .container-fluid > .support-section-css) {
    padding-bottom: 0px !important;
}
.support-section-css img{margin-bottom: 0px !important;}
.content-block-css h1,
.content-block-css h2,
.content-block-css h3,
.content-block-css h4,
.content-block-css h5,
.content-block-css h6{
  font-weight: bold; 
  color: #fff !important;
}
 
.content-block-css h1{ font-size: 45px !important;  text-transform: uppercase ; }
.content-block-css h2{ font-size: 42px !important; margin: 30px 0 30px;  text-transform: uppercase ; }
.content-block-css h3{ font-size: 32px !important; }
.content-block-css h4{ font-size: 28px !important; }
.content-block-css h5{ font-size: 24px !important; }
.content-block-css h6{ font-size: 22px !important; }
 
/* ================= PARAGRAPH ================= */
.content-block-css p{color: #fff !important;font-weight: normal !important; font-size: 18px !important;}
 
/* ================= TEXT FORMATTING ================= */
.content-block-css strong,
.content-block-css b{font-weight: 600;}
 
.content-block-css em {font-style: italic;}
 
.content-block-css mark{background: #fff3cd;padding: 2px 5px;border-radius: 3px;}
 
/* ================= LINKS ================= */
.content-block-css a{color: #fff !important;text-decoration: underline;}
 
.content-block-css a:hover{text-decoration: none;}
 
/* ================= LISTS ================= */
.content-block-css ul,
.content-block-css ol{margin: 16px 0 16px 16px;padding-left: 0;}
 
.content-block-css li{margin-bottom: 8px;color: #fff !important;}
 
/* ================= IMAGES ================= */
.content-block-css img{max-width: 100%;height: auto;display: block;margin: 20px 0;border-radius: 6px;}
/* ================= TABLE ================= */
.content-block-css table{width: 100%;border-collapse: collapse;margin: 20px 0;}
 
.content-block-css th,
.content-block-css td{border: 1px solid #ddd !important;padding: 10px 12px;text-align: left;color: #fff !important;}
 
.content-block-css th{background: #f8f9fa !important;color: #000 !important;}
 
/* ================= HR ================= */
.content-block-css hr{border: none;height: 2px !important;background: #ffffff !important; margin: 10px 0;}

.cookie-block-css h1, .cookie-block-css h2, .cookie-block-css h3, .cookie-block-css h4 ,.cookie-block-css h5,.cookie-block-css h6{ font-size: 13px !important; }
.cookie-block-css p{ font-size: 13px !important;font-weight: normal; margin-bottom: 0 !important;}
.cookie-block-css img{max-width: 100%;height: auto;display: table;margin: auto;}
.cookie-block-css table{width: 100%;border-collapse: collapse;margin: 20px 0;}
.cookie-block-css th,
.cookie-block-css td{border: 1px solid #ddd !important;padding: 10px 12px;text-align: left;color: #212529 !important;}
.cookie-block-css th{background: #f8f9fa !important;color: #212529 !important;}



.cms--section h1, .cms--section h2,.cms--section h3,.cms--section h4,.cms--section h5, .cms--section h6{font-size: 28px !important;font-weight: bold;}
.cms--section {font-size: 19px !important;}
.cms--section p{font-size: 19px !important;color: #212529 !important;}
.cms--section.about-bg-colors p{font-size: 19px !important;color: #fff !important;}
.cms--section a{color: var(--bs-color-theme) !important;}
.cms--section.about-bg-colors a{color: #fff !important;}
.cms--section img{max-width: 100%;display: block;margin: 20px 0;}
.cms--section table{width: 100%;border-collapse: collapse;margin: 20px 0;}
.cms--section th,
.cms--section td{border: 1px solid #ddd !important;padding: 10px 12px;text-align: left;color: #212529 !important;}
.cms--section th{background: #f8f9fa !important;color: #212529 !important;}
.cms--section.about-bg-colors table{width: 100%;border-collapse: collapse;margin: 20px 0;}
.cms--section.about-bg-colors th,
.cms--section.about-bg-colors td{border: 1px solid #ddd !important;padding: 10px 12px;text-align: left;color: #212529 !important;}
.cms--section.about-bg-colors th{background: #f8f9fa !important;color: #212529 !important;}
.cms--section ul,
.cms--section ol{margin: 16px 0 16px 16px;padding-left: 0;}
.cms--sections li{margin-bottom: 8px;color: #212529 !important;}
.cms--section.about-bg-colors li{margin-bottom: 8px;color: #fff !important;}

.tab-content a{color: var(--bs-color-theme) !important;}
.tab-content img{max-width: 100%;display: block;margin: 20px 0;}
.tab-content ul,
.tab-content ol{margin: 16px 0 16px 16px;padding-left: 0;}
.tab-content li{margin-bottom: 8px;}

.blog-content{font-size: 19px;}
.blog-content a, .product-listing-content a{color: var(--bs-color-theme) !important;}
.blog-content img, .product-listing-content img{max-width: 100%;display: block;margin: 20px 0;}
.blog-content ul,
.blog-content ol, .product-listing-content ul, .product-listing-content ol{margin: 16px 0 16px 16px;padding-left: 0;}
.blog-content li, .product-listing-content li{margin-bottom: 8px;}
@media screen and (max-width: 1200px) {
.menu-btn i {color: #333; font-size: 40px;}
.menu-btn, .close-btn {display: block;}
.nav-links {position: fixed;left: -100%;top: 0;width: 300px;height: 100vh;background: #fff;flex-direction: column;padding-top: 76px;transition: all 0.3s ease;z-index: 9;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.nav-links.show {left: 0;}
.close-btn {position: absolute !important;top: 15px;right: 13px;text-align: right;font-size: 24px;}
.nav-links li {width: 100%;}
.nav-links a {width: 100%;text-align: left;padding: 15px;border-bottom: 1px solid rgba(255,255,255,0.1);padding-left: 0px;padding-right: 0px;line-height: 20px;padding-top: 0px;padding-bottom: 0px;font-size: 17px;       font-weight: 500;      color: #333;}
.dropdown-toggle i {float: right;transition: transform 0.3s ease;margin-right: 16px;}
.drop-menu {position: static;display: none;width: 100%;}
.menu-has-item.active .drop-menu {display: block;}
ul.nav-links.show {padding-left: 11px;}
.nav-links li.close-btn img {width: 100%;max-width: 152px;float: left;margin-left: 27px;}
ul#menu-decorete-menu-new::after {content: "\ec8d";font-family: boxicons !important;color: #333;font-size: 33px;position: absolute;top: 10px;right: 11px;}
.container-fluid.custom-width-custom {width: 100%;max-width: 1920px;padding: 0 10px;}
.nav-links a:hover {color: #333;}
.menu-btn {position: absolute;top: 21px;left: 10px;height: 0;}
.pagination {gap: 6px;}
.product-pagination { margin-top: 50px;}
.return-policy-shipping {font-size: 16px;line-height: 28px;}
}


 @media (min-width: 1201px) and (max-width: 1600px) {
.left-side h5 {font-size: 24px;line-height: 29px;margin-bottom: 20px;}
.logo img {width: 100%;max-width: 200px;}
.add-to-cart-btn {padding: 7px 12px;font-size: 17px;}
.add-banner h4 {font-size: 30px;}
.add-banner { padding: 30px;}
.custom-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0rem;}  
.contact-info ul {justify-content: flex-start;}
.social-info ul {justify-content: flex-end;}
.logo img {width: 100%;max-width: 200px;margin-left: 0px;}
.menu-btn i {color: #fff;font-size: 25px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;padding-left: 0px;}
.cart-badge {left: 19px;top: -15px;line-height: 17px;width: 20px; height: 20px;}
.bg-color-selling {position: relative;}
.offcanvas-header img {width: 100%;max-width:200px;}
.custom-menu-bar i.bx.bx-category {font-size: 23px;color: #fff;}
.custom-menu-bar nav span {font-size: 20px;color: #fff;}
.search-bar button {font-size: 20px;padding: 7px 34px;}
.icon-group i {font-size: 24px;}
.icon-group.d-flex.align-items-center {right: 10px;top: 24px;align-items: flex-start !important;}
.custom-slider h5 {font-size: 44px;}
.custom-slider span {font-size: 17px;margin-bottom: 3px;}
.shop-btn {padding: 5px 18px;font-size: 15px;gap: 4px;line-height: 30px;margin-top: 9px;}
a.shop-btn i { font-size: 22px;}
.custom-slider i {font-size: 30px;}
.category-card {padding: 18px;}
.left-side h5 {font-size: 21px;font-weight: bold;line-height: 24px;margin-bottom: 20px;}
.category-card .btn-primary {font-size: 14px;padding: 7px 14px;}
.category-card .btn-primary i { font-size: 19px;}
.category-heading {font-size: 40px;}
.add-to-cart-btn {padding: 7px 12px;font-size: 16px;}
.bg-color-selling {padding: 50px 0px 50px 0px;}
.youtube-section {padding: 80px;}
.play-btn {width: 100px;height: 100px;font-size: 47px;}
.youtube-text {font-size: 40px;}
.add-banner {padding: 20px;}
.add-banner h4 {text-align: left;font-size: 36px;}
.add-banner .hover-add-to-cart {margin: 9px 0;justify-content: left;display: flex;}
.add-banner .add-to-cart-btn {padding: 7px 24px;gap: 5px;font-size: 17px;}
.client-bg {padding: 50px 0px 50px 0px;}
.client-bg h2 {font-size: 40px;}
.product-title a {font-size: 17px;}
p.testimonial-text {font-size: 17px;line-height: 27px;}

.library-desc p {padding: 15px 11px;font-size: 18px;line-height: 26px;}
.library-image { height: 250px;}
.custom-space-bg {padding: 50px 0px 50px 0px;position: relative;}
.left-image-support img {position: absolute;bottom: -2px;width: 100%;max-width: 34%;}
.custom-space-bg .category-heading {font-size: 38px;}
.custom-space-bg .category-heading br { display: none;}
.support-icon {width: 70px;height: 70px;line-height: 73px;}
.bg-colors .support-icon { width: 70px;height: 70px;line-height: 73px}
.support-heading h5 {font-size: 21px;}
.support-heading p {font-size: 18px;line-height: 28px;}
.gallery-custom .gallery-item img {width: 100%;height: 100%;}
.library-btn.hover-add-to-cart .add-to-cart-btn {padding: 8px 21px; font-size: 17px;    margin-top: 0px;} 
.call-heading h4 {font-size: 36px;}
.bg-black {padding: 15px;}
.call-heading p a {font-size: 20px;}
.call-heading i {font-size: 21px;padding-right: 2px;}
.footer-bg {padding: 50px 0px 50px 0px;}
p.inner-text {font-size: 16px;line-height: 22px;margin-bottom: 15px;padding-right: 0px;}
.info {font-size: 16px;}
.quick-links a {font-size: 16px;transition: color 0.3s ease;}
.footer-bg .contact-info {margin-bottom: 30px;}
.locaton-circle p {font-size: 18px;line-height: 27px;display: grid;flex-wrap: wrap;justify-content: center;}
.locaton-circle h5 {font-size: 23px;margin: 10px;}
.locaton-circle p br { display: none;}
.copyright {font-size: 17px;}
.custom-menu-bar nav {display: flex;align-items: center;gap: 0px;padding: 0px 15px;justify-content: flex-start; }
.menu-btn {position: relative;top: 3px;left: 0px;}
h3.testimonial-title {font-size: 21px;}
.library-button {font-size: 18px;}
.quick-links h2 {font-size: 16px;}
.quick-links p {font-size: 16px;margin-bottom: 12px;}
.quick-links li {margin-bottom: 6px;}
.subscribe-form {display: flex;align-items: center;width: auto;height: 40px;overflow: visible;}
.support-right-section {display: grid;gap: 25px;margin-bottom: 20px;}
.subscribe-btn {padding: 10px 9px;font-size: 14px;}
.email-input {padding-right: 0px;}
/*-----------About Us page-----------------*/
.about-header-image { padding: 70px;}
.inner-heading-page h2 {font-size: 23px}
.about-us-page h1 {font-size: 23px;}
.about-us-page h5 {font-size: 17px;line-height: 30px;margin-bottom: 30px;}
.about-us-page h5 br {display: none;}
.about-us-page p {font-size: 17px;line-height: 30px;}
.heading-deco {font-size: 23px;line-height: 25px;    margin-bottom: 11px;}
.about-image-left img {width: 100%;margin-bottom: 30px; height: 100%;}
.list-about li {line-height: 37px;font-size: 17px;}
.list-about li:before {font-size: 28px;}
.info-text { font-size: 23px;padding: 6px 0px 0px 0px;}
.about-bg-colors img {width: 100%;margin-bottom: 0px;height: 100%;object-fit: cover;}
.about-bg-colors p {font-size: 17px;line-height: 37px;margin-bottom: 11px;}
.why-choose-us h2 {font-size: 23px;line-height: 20px;margin-bottom: 13px;}
.why-choose-us h3 {font-size: 22px;margin-bottom: 8px;}
.why-choose-us p {font-size: 17px;line-height: 37px; margin-bottom: 20px;}
.our-mission img {width: 100%;height: 100%;margin-bottom: 30px; object-fit: cover;}
.our-mission-bg h2 {font-size: 23px;line-height: 21px; margin-bottom: 9px;}
.our-mission-bg p {font-size: 17px;line-height: 37px;margin-bottom: 20px;}
.our-vision h2 {font-size: 23px;line-height: 21px;margin-bottom: 20px;}
.our-vision p {font-size: 17px;line-height: 37px;margin-bottom: 20px;}
.about-image img {width: 100%;height: 100%;object-fit: cover;}
.contact-custom input { padding: 5px 37px;}
.contact-custom form#form-contact {padding: 30px;}
.custom-login { padding: 40px;}
.custom-login p {font-size: 17px;}
.blog-detail-content {padding: 50px;padding-left: 0px;padding-right: 0px;padding-bottom: 50px;}
.cart-custom {display: flex;margin-bottom: 19px;align-items: center;}
.cart-custom.btn-carts {display: grid;}
.cart-bg-summary .btn.btn-lg.btn-primary.btn-success {width: 100%;}
.custom-paginations .pagination {display: flex;padding-left: 0;list-style: none;gap: 15px;margin-top: 0px;}
.register-box {max-width: 100%;}
p.lost {text-align: center;font-size: 16px;}
h2.order-confirm {font-size: 23px;}
.lost-btn {font-size: 16px;}
.register-btn {font-size: 16px;}
.left-side h5 br {display: none;}

}

@media (min-width: 1025px) and (max-width: 1200px) {
.custom-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0rem;}  
.container-fluid.custom-width { padding: 0 24px;}
.contact-info ul {justify-content: flex-start;}
.social-info ul {justify-content: flex-end;}
.logo img {width: 100%;max-width:200px;}
.menu-btn i {color: #fff;font-size: 25px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;padding-left: 0px;}
.cart-badge {left: 19px;top: -15px;line-height: 17px;width: 20px; height: 20px;}
.bg-color-selling {position: relative;}
.offcanvas-header img {width: 100%;max-width:200px;}
.custom-menu-bar i.bx.bx-category {font-size: 23px;color: #fff;}
.custom-menu-bar nav span {font-size: 16px;color: #fff;}
.search-bar button {font-size: 20px;padding: 7px 34px;}
.icon-group i {font-size: 24px;}
.icon-group.d-flex.align-items-center {right: 10px;top: 24px;align-items: flex-start !important;}
.custom-slider h5 {font-size: 39px;}
.custom-slider span {font-size: 17px;margin-bottom: 3px;}
.shop-btn {padding: 5px 18px;font-size: 15px;gap: 4px;line-height: 30px;margin-top: 9px;}
a.shop-btn i { font-size: 22px;}
.custom-slider i {font-size: 30px;}
.custom-space-section { margin-top: 50px;}
.right-image { height: 100px;}
.category-card {padding: 18px;}
.left-side h5 {font-size: 21px;font-weight: bold;line-height: 24px;margin-bottom: 20px;}
.category-card .btn-primary {font-size: 14px;padding: 7px 14px;}
.category-card .btn-primary i { font-size: 19px;}
.category-heading {font-size: 38px;}
.add-to-cart-btn {padding: 7px 9px;font-size: 15px;}
.bg-color-selling {padding: 50px 0px 50px 0px;}
.youtube-section {padding: 80px;}
.play-btn {width: 100px;height: 100px;font-size: 47px;}
.youtube-text {font-size: 30px;}
.client-logo {padding: 10px;}
.add-banner {padding: 20px;}
.add-banner h4 {text-align: left;font-size: 29px;}
.add-banner .hover-add-to-cart {margin: 9px 0;justify-content: left;display: flex;}
.add-banner .add-to-cart-btn {padding: 7px 24px;gap: 5px;font-size: 17px;}
.client-bg {padding: 50px 0px 50px 0px;}
.client-bg h2 {font-size: 28px;}
.product-title a {font-size: 17px;}
p.testimonial-text {font-size: 17px;line-height: 27px;}
.library-desc p {padding: 15px 11px;font-size: 17px;line-height: 26px;}
.library-image { height: 160px;}
.custom-space-bg {padding: 50px 0px 50px 0px;position: relative;}
.left-image-support img {position: absolute;bottom: -2px;width: 100%;max-width: 35%;}
.custom-space-bg .category-heading {font-size: 38px;}
.custom-space-bg .category-heading br { display: none;}
.support-icon {width: 70px;height: 70px;line-height: 70px;}
.bg-colors .support-icon {width: 70px;height: 70px;line-height: 70px;}
.support-heading h5 {font-size: 21px;}
.support-heading p {font-size: 18px;line-height: 28px;}
.gallery-custom .gallery-item img {width: 100%;height: 100%;}
.library-btn.hover-add-to-cart .add-to-cart-btn {padding: 8px 21px; font-size: 17px;} 
.call-heading h4 {font-size: 29px;}
.call-action p { margin-bottom: 5px;}
.bg-black {padding: 15px;}
.call-heading p a {font-size: 17px;}
.call-heading i {font-size: 21px;padding-right: 2px;}
.footer-bg {padding: 50px 0px 50px 0px;}
p.inner-text {font-size: 16px;line-height: 22px;margin-bottom: 15px;padding-right: 0px;}
.info {font-size: 16px;}
.quick-links a {font-size: 16px;transition: color 0.3s ease;}
.footer-bg .contact-info {margin-bottom: 30px;}
.locaton-circle p {font-size: 17px;line-height: 27px;display: flex;flex-wrap: wrap;justify-content: center;}
.locaton-circle h5 {font-size: 23px;margin: 10px;}
.copyright {font-size: 17px;}
.custom-menu-bar nav {display: flex;align-items: center;gap: 0px;padding: 0px 15px;justify-content: space-between; }
.menu-btn {position: relative;top: -12px;left: 0px;}
h3.testimonial-title {font-size: 21px;}
.library-button {font-size: 18px;}
.quick-links h2 {font-size: 16px;}
.quick-links p {font-size: 16px;margin-bottom: 12px;}
.quick-links li {margin-bottom: 6px;}
.subscribe-form {display: flex;align-items: center;width: auto;height: 40px;overflow: visible;}
.support-right-section {display: grid;gap: 25px;margin-bottom: 20px;}
.subscribe-btn {padding: 10px 7px; font-size: 12px;}
.email-input {font-size: 12px;}
/*-----------About Us page-----------------*/
.about-header-image { padding: 70px;}
.inner-heading-page h2 {font-size: 23px}
.about-us-page h1 {font-size: 23px;}
.about-us-page h5 {font-size: 17px;line-height: 30px;margin-bottom: 30px;}
.about-us-page h5 br {display: none;}
.about-us-page p {font-size: 17px;line-height: 30px;}
.heading-deco {font-size: 23px;line-height: 25px;    margin-bottom: 11px;}
.about-image-left img {width: 100%;margin-bottom: 30px;}
.list-about li {line-height: 30px;font-size: 17px;}
.list-about li:before {font-size: 28px;}
.info-text { font-size: 23px;padding: 6px 0px 0px 0px;}
.about-bg-colors {background: #f27021;padding: 50px 0px 50px 0px;}
.about-bg-colors img {width: 100%;margin-bottom: 30px;height: 100%;object-fit: cover;}
.about-bg-colors p {font-size: 17px;line-height: 30px;margin-bottom: 11px;}
.why-choose-us h2 {font-size: 23px;line-height: 20px;margin-bottom: 13px;}
.why-choose-us h3 {font-size: 22px;margin-bottom: 8px;}
.why-choose-us p {font-size: 17px;line-height: 30px; margin-bottom: 20px;}
.why-choose-image { height: 554px;}
.our-mission { height: 372px;}
.our-mission-bg {padding: 50px 0px 50px 0px;}
.our-mission img {width: 100%;height: 100%;margin-bottom: 30px; object-fit: cover;}
.our-mission-bg h2 {font-size: 23px;line-height: 21px; margin-bottom: 9px;}
.our-mission-bg p {font-size: 17px;line-height: 30px;margin-bottom: 20px;}
.our-vision h2 {font-size: 23px;line-height: 21px;margin-bottom: 20px;}
.our-vision p {font-size: 17px;line-height: 30px;margin-bottom: 20px;}
.our-vision { height: 502px;}
.about-image img {width: 100%;height: 100%;object-fit: cover;}
.about-image {float: none;height: 554px;}

  /*-----------Blog page-----------------*/
.custom-blog .card-body {padding: 15px;position: relative;}
.custom-blog .card-title {font-size: 20px;}
.custom-blog .card-text {font-size: 17px;line-height: 25px;}
.custom-pagination button {padding: 3px 10px;}
.contact-custom input { padding: 5px 37px;}
.contact-custom form#form-contact {padding: 20px;}
/* .faq { padding: 0px 0px 0px 0px;} */
#faqAccordion .accordion-button:not(.collapsed) {font-size: 22px;         padding-right: 0px;}
#faqAccordion button.accordion-button.collapsed {font-size: 22px;line-height: 34px;         padding-right: 10px;}
#faqAccordion .accordion-body {padding: 0px;font-size: 18px;line-height: 29px;}
.custom-login { padding: 40px;}
.custom-login p {font-size: 17px;}
.create-account-custom .account-card.shadow.p-5.bg-whites { padding: 30px !important;}
.blog-detail-content {padding: 50px;padding-left: 0px;padding-right: 0px;padding-bottom: 50px; margin-top: 0px;}
.blog-detail-content p {font-size: 17px;line-height: 28px;}
.blog-detials h3 {font-size: 19px;}
.blog-detials {padding: 20px;margin-top: 30px;margin-bottom: 30px;border-radius: 16px;}
.inner-heading-blog h2 {font-weight: 700;font-size: 22px;}
ul.list-blog li {font-size: 17px;line-height: 29px;}
.custom-paginations button {padding: 6px 20px;font-size: 17px;}
.cart-custom {display: flex;margin-bottom: 19px;align-items: center;}
.cart-custom.btn-carts {display: grid;}
.cart-bg-summary .btn.btn-lg.btn-primary.btn-success {width: 100%;}
.custom-paginations .pagination {display: flex;padding-left: 0;list-style: none;gap: 15px;margin-top: 0px;}
.topbar-decorete {display: none;}
.profile-info p {line-height: 27px;font-size: 17px;}
.profile-card {padding: 28px;}
.profile-info h2 {font-size: 28px;}
.register-box {max-width: 100%;}
p.lost {text-align: center;font-size: 16px;}
h2.order-confirm {font-size: 23px;}
.lost-btn {font-size: 16px;}
.register-btn {font-size: 16px;}
}


@media (min-width: 576px) and (max-width: 1024px) {
.custom-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0rem;}  
.container-fluid.custom-width { padding: 0 24px;}
.contact-info ul {justify-content: center;}
.social-info ul {justify-content:center;}
.logo img {width: 100%;max-width: 200px;}
.menu-btn i {color: #fff;font-size: 25px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;padding-left: 0px;}
.cart-badge {left: 19px;top: -15px;line-height: 17px;width: 20px; height: 20px;}
.bg-color-selling {position: relative;}
.offcanvas-header img {width: 100%;max-width:200px;}
.custom-menu-bar i.bx.bx-category {font-size: 23px;color: #fff;}
.custom-menu-bar nav span {font-size: 16px;color: #fff;}
.search-bar button {font-size: 20px;padding: 7px 34px;}
.navbar {padding-left: 0px !important;}
.icon-group i {font-size: 24px;}
.icon-group.d-flex.align-items-center {right: 10px;top: 24px;align-items: flex-start !important;}
.custom-slider h5 {font-size: 35px;}
.custom-slider span {font-size: 17px;margin-bottom: 3px;}
.shop-btn {padding: 5px 18px;font-size: 15px;gap: 4px;line-height: 30px;margin-top: 9px;}
a.shop-btn i { font-size: 22px;}
.custom-slider i {font-size: 30px;}
.custom-space-section { margin-top: 50px;}
.right-image { height: 100px;}
.category-card {padding: 18px;}
.left-side h5 {font-size: 19px;font-weight: bold;line-height: 22px;margin-bottom: 20px;}
.category-card .btn-primary {font-size: 14px;padding: 7px 14px;}
.category-card .btn-primary i { font-size: 19px;}
.category-heading {font-size: 34px;}
.add-to-cart-btn {font-size: 15px;padding: 7px 8px;}
.bg-color-selling {padding: 50px 0px 50px 0px;}
.youtube-section {padding: 80px;}
.play-btn {width: 100px;height: 100px;font-size: 47px;}
.youtube-text {font-size: 30px;}
.client-logo {padding: 10px;}
.add-banner {padding: 20px;}
.add-banner h4 {text-align: left;font-size: 29px;}
.add-banner .hover-add-to-cart {margin: 9px 0;justify-content: left;display: flex;}
.add-banner .add-to-cart-btn {padding: 7px 24px;gap: 5px;font-size: 17px;}
.client-bg {padding: 50px 0px 50px 0px;}
.client-bg h2 {font-size: 28px;}
.product-title a {font-size: 17px;}
p.testimonial-text {font-size: 17px;line-height: 27px;}
.library-desc p {padding: 15px 11px;font-size: 17px;line-height: 26px;}
.library-image { height: 160px;}
.custom-space-bg {padding: 50px 0px 50px 0px;position: relative;}
.left-image-support img {position: absolute;bottom: -2px;width: 100%;max-width: 35%;}
.custom-space-bg .category-heading {font-size: 28px;}
.custom-space-bg .category-heading br { display: none;}
.support-icon {width: 160px;height: 52px;line-height: 56px;}
.bg-colors .support-icon {width: 220px; height: 52px;}
.support-heading h5 {font-size: 19px;}
.support-heading p {font-size: 17px;line-height: 23px;}
.gallery-custom .gallery-item img {width: 100%;height: 100%;}
.library-btn.hover-add-to-cart .add-to-cart-btn {padding: 8px 21px; font-size: 17px;} 
.call-heading h4 {font-size: 29px;}
.call-action p { margin-bottom: 5px;}
.bg-black {padding: 15px;}
.call-heading p a {font-size: 17px;}
.call-heading i {font-size: 21px;padding-right: 2px;}
.footer-bg {padding: 50px 0px 50px 0px;}
p.inner-text {font-size: 16px;line-height: 22px;margin-bottom: 15px;padding-right: 0px;}
.info {font-size: 16px;}
.quick-links a {font-size: 16px;transition: color 0.3s ease;}
.footer-bg .contact-info {margin-bottom: 30px;}
.locaton-circle p {font-size: 17px;line-height: 27px;}
.locaton-circle h5 {font-size: 23px;margin: 10px;}
.copyright {font-size: 17px;}
.custom-menu-bar nav {display: flex;align-items: center;gap: 0px;padding: 0px;justify-content: space-between;}
.menu-btn {position: relative;top: -12px;left: 0px;}
h3.testimonial-title {font-size: 21px;}
.library-button {font-size: 16px;}
.quick-links h2 {font-size: 16px;}
.quick-links p {font-size: 16px;margin-bottom: 12px;}
.quick-links li {margin-bottom: 6px;}
.subscribe-form {display: flex;align-items: center;width: auto;height: 40px;overflow: visible;}
.topbar-decorete {background: #000;padding: 8px;display: none !important;}
.email-input {font-size: 11px;padding-right: 0px;}
.subscribe-btn {padding: 10px 10px;font-size: 11px;}

/*-----------About Us page-----------------*/
.about-header-image { padding: 70px;}
.inner-heading-page h2 {font-size: 23px}
.about-us-page h1 {font-size: 23px;}
.about-us-page h5 {font-size: 17px;line-height: 26px;margin-bottom: 30px;}
.about-us-page h5 br {display: none;}
.about-us-page p {font-size: 17px;line-height: 26px;}
.heading-deco {font-size: 23px;line-height: 25px;}
.about-image-left img {width: 100%;margin-bottom: 30px;}
.list-about li {line-height: 26px;font-size: 17px;}
.list-about li:before {font-size: 28px;}
.info-text { font-size: 23px;padding: 6px 0px 0px 0px;}
.about-bg-colors {background: var(--bs-color-theme);padding: 50px 0px 50px 0px;}
.about-bg-colors img {width: 100%;margin-bottom: 30px;}
.about-bg-colors p {font-size: 17px;line-height: 27px;margin-bottom: 11px;}
.why-choose-us h2 {font-size: 23px;line-height: 20px;margin-bottom: 13px;}
.why-choose-us h3 {font-size: 22px;margin-bottom: 8px;}
.why-choose-us p {font-size: 17px;line-height: 26px; margin-bottom: 20px;}
.why-choose-image { height: 520px;}
.our-mission { height: 332px;}
.our-mission-bg {padding: 50px 0px 50px 0px;}
.our-mission img {width: 100%;height: 100%;margin-bottom: 30px; object-fit: cover;}
.our-mission-bg h2 {font-size: 23px;line-height: 21px; margin-bottom: 9px;}
.our-mission-bg p {font-size: 17px;line-height: 26px;margin-bottom: 20px;}
.our-vision h2 {font-size: 23px;line-height: 21px;margin-bottom: 20px;}
.our-vision p {font-size: 17px;line-height: 26px;margin-bottom: 20px;}
.our-vision { height: 442px;}
.about-image img { width: 100%; height: 100%; object-fit: cover;}
.about-image { float: none;}

/*-----------Blog page-----------------*/
.custom-blog .card-body {padding: 15px;position: relative;}
.custom-blog .card-title {font-size: 20px;}
.custom-blog .card-text {font-size: 17px;line-height: 25px;}
.custom-pagination button {padding: 3px 10px;}

.contact-custom input { padding: 5px 37px;}
.contact-custom form#form-contact {padding: 20px;}
/* .faq { padding: 0px 0px 0px 0px;} */
#faqAccordion .accordion-button:not(.collapsed) {font-size: 22px;}
#faqAccordion button.accordion-button.collapsed {font-size: 22px;line-height: 34px;}
#faqAccordion .accordion-body {padding: 0px;font-size: 18px;line-height: 29px;}
.custom-login { padding: 30px;}
.custom-login p {font-size: 18px;}
.create-account-custom .account-card.shadow.p-5.bg-whites { padding: 30px !important;}
.blog-detail-content {padding: 50px;padding-left: 0px;padding-right: 0px;padding-bottom: 50px; margin-top: 0px;}
.blog-detail-content p {font-size: 17px;line-height: 28px;}
.blog-detials h3 {font-size: 19px;}
.blog-detials {padding: 20px;margin-top: 30px;margin-bottom: 30px;border-radius: 16px;}
.inner-heading-blog h2 {font-weight: 700;font-size: 22px;}
ul.list-blog li {font-size: 17px;line-height: 29px;}
.custom-paginations button {padding: 6px 20px;font-size: 17px;}
.cart-custom { display: grid; margin-bottom: 7px;}
.cart-bg-summary .btn.btn-lg.btn-primary.btn-success {width: 100%;margin-top: 10px;margin-bottom: 10px;}
.cart-custom {display: flex;margin-bottom: 19px;align-items: center;}
.cart-custom.btn-carts {display: grid;}
.custom-paginations .pagination {display: flex;padding-left: 0;list-style: none;gap: 15px;margin-top: 0px;}
.coupon-button {padding: 12px 10px;}
.gallery-custom-new .gallery-item img {height: 250px;}
.gallery-custom-new .gallery-caption-title-category {font-size: 19px;}
.hover-add-to-cart i {font-size: 21px;}
.profile-info p {line-height: 27px;font-size: 17px;}
.profile-card {padding: 28px;}
.profile-info h2 {font-size: 26px;}
.register-box {max-width: 100%;}
p.lost {text-align: center;font-size: 16px;}
h2.order-confirm {font-size: 23px;}
.lost-btn {font-size: 16px;}
.register-btn {font-size: 16px;}

}
 @media (max-width: 991px) {
.bglights-bg {margin-bottom: 30px; max-height: max-content;height: auto;}
}

 @media (min-width: 768px) and (max-width: 971px) {
.custom-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 3rem;}  
.container-fluid.custom-width { padding: 0 24px;}
.contact-info ul {justify-content: center;}
.social-info ul {justify-content: center;}
.logo img {width: 100%;max-width: 200px;margin-left: 0px;}
.menu-btn i {color: #fff;font-size: 25px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;padding-left: 0px;}
.cart-badge {left: 19px;top: -15px;line-height: 17px;width: 20px; height: 20px;}
.bg-color-selling {position: relative;}
.offcanvas-header img {width: 100%;max-width:200px;}
.custom-menu-bar i.bx.bx-category {font-size: 23px;color: #fff;}
.custom-menu-bar nav span {font-size: 16px;color: #fff;}
.search-bar button {font-size: 20px;padding: 7px 34px;}
.navbar {padding-left: 0px !important;}
.icon-group i {font-size: 24px;}
.icon-group.d-flex.align-items-center {right: 10px;top: 24px;align-items: flex-start !important;}
.custom-slider h5 {font-size: 27px;}
.custom-slider span {font-size: 17px;margin-bottom: 3px;}
.shop-btn {padding: 5px 18px;font-size: 15px;gap: 4px;line-height: 30px;margin-top: 9px;}
a.shop-btn i { font-size: 22px;}
.custom-slider i {font-size: 30px;}
.custom-space-section { margin-top: 50px;}
.right-image { height: 100px;}
.category-card {padding: 18px;}
.left-side h5 br {display: none;}
.left-side h5 {font-size: 18px;font-weight: bold;line-height: 6px;margin-bottom: 20px;}
.category-card .btn-primary {font-size: 14px;padding: 7px 14px;}
.category-card .btn-primary i { font-size: 19px;}
.category-heading {font-size: 28px;}
.add-to-cart-btn {padding: 7px 8px;font-size: 16px;}
.bg-color-selling {padding: 50px 0px 50px 0px;}
.youtube-section {padding: 80px;}
.play-btn {width: 100px;height: 100px;font-size: 47px;}
.youtube-text {font-size: 30px;}
.client-logo {padding: 10px;}
.add-banner {padding: 20px;}
.add-banner h4 {text-align: left;font-size: 29px;}
.add-banner .hover-add-to-cart {margin: 9px 0;justify-content: left;display: flex;}
.add-banner .add-to-cart-btn {padding: 7px 24px;gap: 5px;font-size: 17px;}
.client-bg {padding: 50px 0px 50px 0px;}
.client-bg h2 {font-size: 28px;}
.product-title a {font-size: 17px;}
p.testimonial-text {font-size: 17px;line-height: 27px;}
/* .testimonial-card {height: auto;} */
.library-desc p {padding: 15px 11px;font-size: 17px;line-height: 26px;}
.library-image { height: 160px;}
.custom-space-bg {padding: 50px 0px 50px 0px;position: relative;}
.left-image-support img {position: absolute;bottom: 0px;margin: auto;display: table;max-width: 46%;}
.custom-space-bg .category-heading {font-size: 28px;}
.support-icon {width: 80px;height: 80px;line-height: 80px;}
.bg-colors .support-icon {width: 80px;height: 80px;line-height: 80px;}
.support-right-section {display: grid;gap: 25px;margin-bottom: 30px;}
.support-heading h5 {font-size: 21px;}
.support-heading p {font-size: 17px;line-height: 23px;}
.gallery-custom .gallery-item img {width: 100%;height: 100%;}
.library-btn.hover-add-to-cart .add-to-cart-btn {padding: 8px 21px; font-size: 17px;} 
.call-heading h4 {font-size: 29px;}
.call-action p { margin-bottom: 5px;}
.bg-black {padding: 15px;}
.call-heading p a {font-size: 17px;}
.call-heading i {font-size: 21px;padding-right: 2px;}
.footer-bg {padding: 50px 0px 50px 0px;}
p.inner-text {font-size: 17px;line-height: 26px;margin-bottom: 8px;padding-right: 0px;}
.info {font-size: 17px;}
.quick-links a {font-size: 17px;transition: color 0.3s ease;}
.footer-bg .contact-info {margin-bottom: 30px;}
.locaton-circle p {font-size: 17px;line-height: 27px;}
.locaton-circle h5 {font-size: 23px;margin: 10px;}
.copyright {font-size: 17px;}
.custom-menu-bar nav {display: flex;align-items: center;gap: 0px;padding: 0px;justify-content: space-between;}
.menu-btn {position: relative;top: -12px;left: 0px;}
.topbar-decorete {background: #000;padding: 8px;display: none !important;}
/*-----------About Us page-----------------*/
.about-header-image { padding: 40px;}
.inner-heading-page h2 {font-size: 23px}
.about-us-page h1 {font-size: 23px;}
.about-us-page h5 {font-size: 17px;line-height: 30px;margin-bottom: 30px;}
.about-us-page h5 br {display: none;}
.about-us-page p {font-size: 17px;line-height: 30px;}
.heading-deco {font-size: 23px;line-height: 25px;}
.about-image-left img {width: 100%;margin-bottom: 30px;}
.list-about li {line-height: 30px;font-size: 17px;}
.list-about li:before {font-size: 28px;}
.info-text { font-size: 23px;padding: 6px 0px 0px 0px;}
.about-bg-colors {background: var(--bs-color-theme);padding: 50px 0px 50px 0px;}
.about-bg-colors img {width: 100%;margin-bottom: 30px;}
.about-bg-colors p {font-size: 17px;line-height: 30px;margin-bottom: 15px;}
.why-choose-us h2 {font-size: 23px;line-height: 20px;margin-bottom: 13px;}
.why-choose-us h3 {font-size: 22px;margin-bottom: 8px;}
.why-choose-us p {font-size: 17px;line-height: 30px; margin-bottom: 20px;}
.why-choose-image { height: auto;}
.our-mission { height: auto;}
.our-mission-bg {padding: 50px 0px 50px 0px;}
.our-mission img {width: 100%;height: 100%;margin-bottom: 30px;}
.our-mission-bg h2 {font-size: 23px;line-height: 21px; margin-bottom: 9px;}
.our-mission-bg p {font-size: 17px;line-height: 30px;margin-bottom: 20px;}
.our-vision h2 {font-size: 23px;line-height: 21px;margin-bottom: 20px;}
.our-vision p {font-size: 17px;line-height: 30px;margin-bottom: 20px;}
.our-vision { height: auto;}
.about-image img { width: 100%;}
.about-image { float: none;}
.quick-links h2 {font-size: 21px;}
.footer-bg hr {display: none;}
.subscribe-form {margin-bottom: 50px;}
/*-----------Blog page-----------------*/
.custom-blog .card-body {padding: 15px;position: relative;}
.custom-blog .card-title {font-size: 20px;}
.custom-blog .card-text {font-size: 17px;line-height: 25px;}
.custom-pagination button {padding: 3px 10px;}
.contact-custom form#form-contact {padding: 30px; margin-bottom: 40px;}
/* .faq { padding: 0px 0px 0px 0px;} */
#faqAccordion .accordion-button:not(.collapsed) {font-size: 20px;}
#faqAccordion button.accordion-button.collapsed {font-size: 20px;line-height: 27px;}
#faqAccordion .accordion-body {padding: 0px;font-size: 17px;line-height: 29px;}
.custom-login { padding: 30px;}
.custom-login p {font-size: 17px;}
.create-account-custom .account-card.shadow.p-5.bg-whites { padding: 20px !important;}
.blog-detail-content {padding: 50px;padding-left: 0px;padding-right: 0px;padding-bottom: 50px; margin-top: 0px;}
.blog-detail-content p {font-size: 17px;line-height: 28px;}
.blog-detials h3 {font-size: 19px;}
.blog-detials {padding: 20px;margin-top: 30px;margin-bottom: 30px;border-radius: 16px;}
.inner-heading-blog h2 {font-weight: 700;font-size: 22px;}
ul.list-blog li {font-size: 17px;line-height: 29px;}
.custom-paginations button {padding: 6px 20px;font-size: 17px;}
.logo { width: auto;}


.custom-paginations .pagination {display: flex;padding-left: 0;list-style: none;gap: 15px;margin-top: 0px;}
.bglights-bg.checkout-form {padding-bottom: 0px;}
.bglights-bg.shiping.row {max-height: max-content;max-width: 100%;margin: 30px auto;}
.bglights-bg.row.payment { max-width: 100%;margin: 30px auto;}
h1.page-header {font-size: 30px;}
.profile-info p {line-height: 27px;font-size: 17px;}
.register-box {max-width: 100%;}
p.lost {text-align: center;font-size: 16px;}
h2.order-confirm {font-size: 23px;}
.lost-btn {font-size: 16px;}
.register-btn {font-size: 16px;}
 }


@media (max-width: 767.98px) {
   .custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;position: absolute;top: 93px;right: 0px;        bottom: 0;
        line-height: normal;
        padding-top: 0;
        padding-bottom: 0;
        height: 0;}
   .search-bar-custom {display: flex;justify-content: flex-start;}
   .search-bar input::placeholder {font-size: 14px;color: #333;}
   .input-group.search-bar.w-100 {width: 91% !important;}
   .custom-menu-bar {background: var(--bs-color-theme);height: 0;}
   .custom-space-section {margin-top: 50px;}
   .category-heading {font-size: 22px;margin-bottom: 25px;}
   .container-fluid.custom-width {width: 100%;max-width: 1600px;padding: 0 15px;} 
   .topbar-decorete {display: none;}
   .menu-btn i {color: #000; font-size: 30px;}
   .custom-slider span {font-size: 10px;margin-bottom: 1px;}
   .custom-slider h5 {font-size: 10px;}
   .custom-slider h5 br {display: none;}
   .custom-slider i {color: #fff;font-size: 26px;}
   .shop-btn { padding: 4px 12px;font-size: 14px;line-height: 18px;margin-top: 0px; gap: 2px;}
   a.shop-btn i { font-size: 15px; gap: 2px;}
   .custom-menu-bar i.bx.bx-category {font-size: 26px;color: #000;}
   .custom-menu-bar nav span {font-size: 15px;font-weight: 600;color: #fff; display: none;}
   .icon-group.d-flex.align-items-center {position: absolute;right: 10px;top: 24px;align-items: flex-start !important;}
   .search-bar-custom.flex-grow-1.mx-3 {margin: 13px 0px !important;}
   .search-bar input {border-radius: 30px 0 0 30px;padding: 8px 20px;border: 1px solid #ccc;}
   .icon-group i {font-size: 19px;margin: 0 0px;cursor: pointer;position: relative;font-weight: 500;}
   .icon-group .mx-3 {margin-right: 7px!important;margin-left: 7px!important;}
   .search-bar button {font-size: 17px;background-color: var(--bs-color-theme);color: white;border: none;border-radius: 0 30px 30px 0;padding: 1px 30px;line-height: 0px;}
   .right-image {height: 80px;}
   .left-side h5 {font-size: 18px;font-weight: bold;line-height: 21px;margin-bottom: 0px;}
   .logo img {width: 100%; max-width: 60%;margin: auto;display: table;}
   .offcanvas-header img {width: 100%;max-width: 150px;}
   .custom-grid {display: grid; grid-template-columns: repeat(2, 1fr);}
   .locaton-circle img {border-radius: 100%;height: 140px;width: 140px;object-fit: cover;border: 5px solid var(--bs-color-theme);}
   .cart-badge {width: 15PX;height: 15PX;font-size: 10px;padding: 2px 4px;left: 5px;top: -11px;line-height: 11px;}
   .left-side h5 br {display: none;}
   .category-card {padding: 11px;}
   .category-card .btn-primary {font-size: 14px;padding: 4px 11px;}
   .category-card .btn-primary i {font-size: 16px;}
   .bg-color-selling {background: #fbc9a9;padding: 50px 0px 50px 0px; position: relative;}
   .top-slide-selling .slick-prev, .top-slide-selling .slick-next {top: -16px;right: 12px;z-index: 1;}
   .add-to-cart-btn {font-size: 14px; width: 100%; padding: 7px 23px;}
   .product-title {font-weight: 700;font-size: 15px;margin: 8px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
   .product-card {width: 100%;padding-bottom: 30px;}
   .featured-prod .slick-prev, .featured-prod .slick-next {top: -16px;right: 12px;z-index: 1;}
   .client-logo-slide .slick-prev, .client-logo-slide .slick-next {top: -16px;right: 12px;z-index: 1;}
   .trending-product-slider .slick-prev, .trending-product-slider .slick-next {top: -16px;right: 12px;z-index: 1;}
   .testmonial-slider .slick-prev, .testmonial-slider .slick-next {top: -16px;right: 12px;z-index: 1;}
   .youtube-section {padding: 50px;}
   .play-btn {width: 80px;height: 80px;font-size: 40px;}
   .youtube-text {font-size: 19px;font-weight: 700;}
   .add-banner {padding: 10px !important;}
   .add-banner h4 {font-size: 15px;text-align: left;}
   .hover-add-to-cart {margin: 0px 0;justify-content: center;display: flex;position: relative;bottom: unset;left: unset;right: unset;}
   .add-banner .add-to-cart-btn {margin-top: 0px;padding: 5px 17px;gap: 2px;font-size: 14px;}
   .add-banner .add-to-cart-btn {max-width: fit-content;}
   .hover-add-to-cart i {font-size: 19px;}
   .add-banner .hover-add-to-cart {margin: 0px 0;justify-content: left;display: flex;}
   .client-bg { padding: 50px 0px 50px 0px;}
   .client-bg h2 {font-size: 23px;margin-bottom: 25px;color: #fff;}
   .testimonial-card {padding: 10px;}
   .testimonial-title {font-size: 20px;}
   p.testimonial-text {font-size: 16px;line-height: 24px;margin-bottom: 0px;}
   .quote-icon i {font-size: 30px;}
   .library-desc p {padding: 15px 5px;font-size: 16px;line-height: 24px;}
   .library-button {font-size: 15px;}
   .library-btn.hover-add-to-cart .add-to-cart-btn {padding: 7px 18px;font-size: 14px; max-width: fit-content;}
   .custom-space-bg {padding: 50px 0px 50px 0px;}
   .custom-space-bg .category-heading br {display: none;}
   .custom-space-bg .category-heading {font-size: 21px;margin-bottom: 20px;}
   .support-right-section {display: block;gap: 21px;margin-bottom: 18px;}
   .support-heading h5 {font-size: 20px;margin-bottom: 10px;}
   .support-icon {width: 63px;height: 63px;margin-bottom: 10px;}
   .left-image-support img {position: relative; bottom: 0; margin: auto; display: table;}
   .bg-colors .support-icon { width: 63px; height: 63px;}
   .bg-colors {padding: 19px;border-radius: 12px;}
   .support-heading p {font-size: 16px;line-height: 22px;margin-bottom: 0px;}
   .gallery-custom .gallery {gap: 0px;margin-bottom: 30px;}
   .locaton-circle p {font-size: 16px;line-height: 24px;}
   .locaton-circle h5 {font-weight: bold;font-size: 21px;margin: 9px;}
   .call-action {display: grid;padding-left: 10px; padding-right: 10px; justify-content: center;}
   .call-heading h4 {font-size: 20px;margin-bottom: 5px;}
   .call-action p { margin-bottom: 5px;}
   .call-heading p a {text-decoration: none;font-size: 16px;font-weight: 700;}
   .call-heading i {font-size: 19px;padding-right: 2px;}
   .footer-bg { padding: 50px 0px 50px 0px;}
   p.inner-text {font-size: 16px;line-height: 25px;margin-bottom: 8px;padding-right: 0px;}
   .contact-info {margin-bottom: 30px;}
   .contact-item {display: flex;align-items: center;margin-bottom: 0px;}
   .info {font-size: 16px;line-height: 30px;color: #fff;}
   .icon {font-size: 20px;margin-right: 10px;color:var(--bs-color-theme);}
   .quick-links h2 {font-size: 18px;margin-bottom: 15px;padding-left: 10px;line-height: 16px;}
   .quick-links li {margin-bottom: 10px;line-height: 24px;}
   .quick-links a {text-decoration: none;color: #fff;font-size: 16px;transition: color 0.3s ease;}
   .quick-links p {color: #fff;font-size: 16px;margin-bottom: 10px;}
   .quick-links.customer {padding-left: 0;}
   .copyright {font-size: 14px;}
   .footer-logo img { width: 100%; max-width: 180px;}

   /*-----------About Us page-----------------*/
   .about-header-image { padding: 40px;}
   .inner-heading-page h2 {font-size: 23px}
   .about-us-page h1 {font-size: 23px;}
   .about-us-page h5 {font-size: 17px;line-height: 30px;margin-bottom: 30px;}
   .about-us-page h5 br {display: none;}
   .about-us-page p {font-size: 17px;line-height: 30px;}
   .heading-deco {font-size: 23px;line-height: 25px;}
   .about-image-left img {width: 100%;margin-bottom: 30px;}
   .list-about li {line-height: 30px;font-size: 17px;}
   .list-about li:before {font-size: 28px;}
   .info-text { font-size: 20px;padding: 6px 0px 0px 0px;}
   .about-bg-colors {background: var(--bs-color-theme);padding: 50px 0px 50px 0px;}
   .about-bg-colors img {width: 100%;margin-bottom: 30px;}
   .about-bg-colors p {font-size: 17px;line-height: 30px;margin-bottom: 15px;}
   .why-choose-us h2 {font-size: 23px;line-height: 20px;margin-bottom: 13px;}
   .why-choose-us h3 {font-size: 22px;margin-bottom: 8px;}
   .why-choose-us p {font-size: 17px;line-height: 30px; margin-bottom: 20px;}
   .why-choose-image { height: auto;}
   .our-mission { height: auto;}
   .our-mission-bg {padding: 50px 0px 50px 0px;}
   .our-mission img {width: 100%;height: 100%;margin-bottom: 30px;}
   .our-mission-bg h2 {font-size: 23px;line-height: 21px; margin-bottom: 9px;}
   .our-mission-bg p {font-size: 17px;line-height: 30px;margin-bottom: 20px;}
   .our-vision h2 {font-size: 23px;line-height: 21px;margin-bottom: 20px;}
   .our-vision p {font-size: 17px;line-height: 30px;margin-bottom: 20px;}
   .our-vision { height: auto;}
   /*-----------Blog page-----------------*/
   .custom-blog .card-body {padding: 15px;position: relative;}
   .custom-blog .card-title {font-size: 20px;}
   .custom-blog .card-text {font-size: 16px;line-height: 25px;}
   .custom-pagination button {padding: 3px 10px;}
   .blog-detail-content {padding: 50px;padding-bottom: 50px; padding-left: 0px; padding-right: 0px; margin-top: 0px;}
   .inner-heading-blog h2 {font-weight: 700;font-size: 20px;}
   .blog-detail-content p {font-size: 16px;margin-bottom: 30px;line-height: 24px;font-weight: 300;}
   .blog-detials h3 {font-size: 16px;line-height: 23px;}
   .blog-detials { padding: 15px;border-left: 7px solid var(--bs-color-theme);margin-top: 27px;margin-bottom: 30px;border-radius: 16px;}
   .contact-custom form#form-contact {padding: 20px; margin-bottom: 40px;}
   /* .faq {padding: 0px 0px 0px 0px;} */
   #faqAccordion .accordion-button:not(.collapsed) {font-size: 16px; padding-right: 0px;}
   #faqAccordion button.accordion-button.collapsed {font-size: 16px;line-height: 35px; padding-right: 10px;}
   #faqAccordion .accordion-body {padding: 0px;font-size: 16px;line-height: 29px;}
   .custom-login { padding: 20px;}
   .custom-login p {font-size: 16px;}
   .create-account-custom .account-card.shadow.p-5.bg-whites { padding: 20px !important;}
   ul.list-blog li {font-size: 16px;line-height: 27px;font-weight: 300;}
   .custom-paginations button {padding: 6px 18px;font-size: 16px;}
   .shop-brand-column .col { flex: 50%;}
   .cart-product-item {display: grid;align-items: center;padding-top: 10px;padding-bottom: 10px;border-top: 0;}
   .item-product-cart img {width: 60px;}
   .option {padding-bottom: 16px;}
   .quantity-container {margin-bottom: 13px;margin: 10px auto;display: table;width: 100%;text-align: center;}
   .cart-heading h5 {font-size: 16px;margin-bottom: 15px;line-height: 20px; display: none;}
   .cart-custom {display: grid;margin-bottom: 0px;grid-auto-flow: column;margin-bottom: 10px;}
   .cart-custom.btn-carts{grid-auto-flow: unset;}
   .cart-bg-summary .btn.btn-lg.btn-primary.btn-success {width: 100%; margin-bottom: 30px; margin-top: 10px;}
   .bglights-bg {margin-bottom: 30px;}
   .tabs {display: flex;justify-content: flex-start;flex-wrap: wrap; margin-bottom: 30px;}
   .tabs ul {display: flex;overflow: hidden;overflow-x: auto;margin-bottom: 1.5rem;flex-wrap: unset;gap: 5px;white-space: nowrap;}
   .tabs ul li a {padding: 6px 10px;}
   #reviews a.btn.btn-primary{margin-bottom: 16px; padding: 1px 21px;}
   .rivew-title-mein p {line-height: 24px;font-size: 16px;margin-bottom: 20px;}
   .rivew-title-mein h5 {font-weight: 900;font-size: 18px;margin: 15px 0px;}
   .rivew-title-mein {padding-left: 10px;padding-right: 10px;}
   ul.key-featured li:before {font-size: 25px;}
   #desc h3 {font-weight: 600;font-size: 22px;}
   .custom-paginations .pagination {display: flex;padding-left: 0;list-style: none;gap: 15px;margin-top: 0px;}
   .multisteps-form__progress-btn {text-indent: inherit;}
   .coupon-input {width: 100%;}
   .coupon-button {padding: 12px 7px;}
   .coupon {margin: 10px 0px;}
   .bglights-bg.checkout-form {padding-bottom: 0px;}
   .bglights-bg.shiping.row {max-height: max-content;max-width: 100%;margin: 30px auto;}
   .bglights-bg.row.payment { max-width: 100%;margin: 30px auto;}
   .multisteps-form__progress-btn.js-active {color: #333;font-weight: 700;font-size: 16px;text-transform: capitalize;display: flex;justify-content: center;}
   .bglights-bg.row.payment h3.multisteps-form__title {padding-top: 20px;}
   /* .editbtn .buttonnext {float: none;margin: 15px 0px;} */
   .multisteps-form__progress-btn {font-size: 17px;} 
   .cart-content .product-price {padding-left: 18px;}
   .delete img {height: 17px;}
   h1.page-header {padding: 9px 0;font-size: 24px;margin-bottom: 0px;}
   .terms p {font-size: 16px;line-height: 27px;margin-bottom: 8px;}
   .list-style1.list-unstyled li {font-size: 16px;line-height: 28px;display: flex;}
   .terms-list h3.h3 {font-size: 20px;font-weight: 700;line-height: 30px;}
   .featured-prod .product-card {padding-bottom: 30px;}
   .trending-product-slider .product-card {padding-bottom: 30px;}
   .product-price { font-size: 15px;}
   .top-slide-selling .hover-add-to-cart {position: unset; bottom: unset; left: unset; right: unset;}
   .row.featured-prod .hover-add-to-cart {position: unset; bottom: unset; left: unset; right: unset;}
   .row.trending-product-slider .hover-add-to-cart {position: unset; bottom: unset; left: unset; right: unset;}
   .profile-card {display: grid; gap:5px;text-align: center; padding: 20px; margin: 30px 0px;}
   .profile-info p {line-height: 28px;font-size: 16px;}
   .profile-info h2 {font-size: 23px;}
   .social-icons-info a {padding: 0px 4px;}
   .register-box {max-width: 100%;}
   p.lost {text-align: center;font-size: 16px;}
   h2.order-confirm {font-size: 23px;}
   .lost-btn {font-size: 16px;}
   .register-btn {font-size: 16px;}
   .library-image { height: auto;}
   .logo { margin: auto;}
   .button.btn.btn-dark.btn-medium{line-height: 36px;}
   .sideCartSummary .proceed-button .btn-primary, .cart-bg-summary .btn.btn-lg.btn-primary, .cart-bg-summary .btn.btn-lg.btn-primary.btn-success, .multisteps-form__form .btn.btn-primary, .bglights-bg.shiping.row button.btn.btn-primary.js-btn-next, .contact-custom input.btn.btn-primary, 
   .custom-login #setuploginForm input.btn.btn-primary.w-100.submit-btn, .create-account-custom #createAccountForm input.btn.btn-gradient.w-100.py-2.fw-semibold, .bglights-bg.checkout-form button.btn.btn-lg.btn-primary,
   #reviews a.btn.btn-primary, button.btn.btn-dark.btn-medium, .youtubes a {font-size: 14px;}
   .out-of-stock-css{width: max-content;padding: 7px 23px;margin-bottom: 10px;}
   .mobile-none{display: none;}
   .desktop-none{display: block;}
   .call-action {line-height: 30px;}
   .content-block-css{font-size: 16px;}
   .content-block-css p{font-size: 16px !important;}
   .content-block-css h1{ font-size: 38px !important; }
   .content-block-css h2{ font-size: 32px !important; }
   .content-block-css h3{ font-size: 28px !important; }
   .content-block-css h4{ font-size: 22px !important; }
   .content-block-css h5,.content-block-css h6{ font-size: 18px !important; }

   .cms--section h1, .cms--section h2,.cms--section h3,.cms--section h4,.cms--section h5, .cms--section h6{font-size: 23px !important;}
   .cms--section {font-size: 17px !important;}
   .cms--section p{font-size: 17px !important;}
}
@media (max-width: 575px) {
   .editbtn .buttonnext {float: none;margin: 15px 0px;}
}

@media (min-width: 544px) and (max-width: 767px) {
.custom-menu-bar { background:var(--bs-color-theme); height: unset;}
.menu-btn {position: absolute;top: 78px;right: 10px;left: auto;}
.custom-menu-bar {background:var(--bs-color-theme);padding: 10px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;position: absolute;top: 93px;left: 10px;}
.logo img {width: 100%;max-width: 165px;padding-right: 10px;margin-left: 0px;}
.input-group.search-bar.w-100 {width: 78% !important;}
.icon-group.d-flex.align-items-center {position: absolute;right: 10px;top: 24px;align-items: flex-start !important;}
.custom-menu-bar i.bx.bx-category {font-size: 26px;color: #ffffff;}
.menu-btn i {color: #ffffff;font-size: 26px;}
.custom-slider h5 {font-size: 21px;display: flex;}
.custom-slider span {font-size: 13px;margin-bottom: 1px;}
.add-banner {padding: 30px;padding-left: 0px;}
.gallery-custom .gallery-item img {width: 100%;height: 100%;object-fit: cover;cursor: pointer;transition: transform 0.3s ease;}
.custom-menu-bar nav span {font-size: 15px;font-weight: 600;color: #fff;display: block;}
.topbar-decorete {background: #000;padding: 8px;display: none !important;}
.search-bar-custom.flex-grow-1.mx-3 {margin: 0px 0px !important;}
.left-image-support img {display: none;}
.logo { margin: auto;}
}

@media (min-width: 497px) and (max-width: 542px) {
.logo img {width: 100%;max-width: 70%;}
.custom-menu-bar {background:var(--bs-color-theme);height:0px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;position: absolute;top: 100px;right: 0px;}
.menu-btn i {color: #333;font-size: 30px;}
.logo {margin: auto;}
.left-image-support img {display: none;}
.logo { margin: auto;}
}
@media (max-width: 400px) {
   .social-share-list {flex-direction: column;gap: 22px;}
}
@media (max-width: 320px) {
    .logo img { max-width: 47%;}
    .custom-grid{gap: 1rem;}
    .custom-menu-bar a.btn.btn {top: 65px;}
}
@media (min-width: 250px) and (max-width: 319px) {
.nav-links {width: 250px;}
.logo img {width: 100%;max-width: 51%;display: table;margin: 7px 27px;}
.search-bar input {border-radius: 30px 0 0 30px;padding: 4px 20px;border: 1px solid #ccc;}
.search-bar button {padding: 1px 15px;}
.custom-menu-bar i.bx.bx-category {font-size: 20px;color: #000;}
.custom-menu-bar a.btn.btn {top: 71px;}
.custom-grid {display: grid;grid-template-columns: repeat(1, 1fr); gap: 0px;}
.custom-space-section {margin-top: 20px;}
.category-heading {font-size: 16px;margin-bottom: 15px;margin-top: 15px;}
.left-side h5 {font-size: 14px;}
.category-card .btn-primary {font-size: 12px;padding: 4px 8px;}
.bg-color-selling {padding: 14px 0px 50px 0px;position: relative;}
.bg-color-selling h2 { margin-bottom: 25px;}
.youtube-section { padding: 27px;}
.youtube-text { font-size: 15px;}
.testimonial-title { font-size: 15px;}
p.testimonial-text {font-size: 14px;line-height: 19px;}
.client-profile-div {width: 90px;height: 90px;}
.author-rating {font-size: 14px;margin-bottom: 4px;}
.author-name {font-size: 14px;}
.client-bg { padding: 17px 0px 17px 0px;}
.library-button { font-size: 11px;}
.library-desc p {padding: 15px 5px;font-size: 13px;line-height: 17px;}
.add-banner h4 {font-size: 12px;text-align: left;}
.add-banner .add-to-cart-btn {margin-top: 0px;padding: 4px 10px;gap: 2px;font-size: 12px;}
.custom-space-bg { padding: 17px 0px 0px 0px;}
.custom-space-bg .category-heading {font-size: 14px;margin-bottom: 20px;}
.support-heading h5 { font-size: 14px; margin-bottom: 10px;}
.support-heading p {font-size: 14px;line-height: 20px;margin-bottom: 0px;}
.gallery-custom-new .gallery-item img {width: 100%;height: 180px;object-fit: cover;cursor: pointer;transition: transform 0.3s ease;z-index: 99999;}
.gallery-custom-new .gallery-caption-title-category {font-size: 15px;}
.locaton-circle h5 {font-size: 17px;margin: 9px;}
.locaton-circle p {font-size: 14px;line-height: 24px;}
.call-heading h4 {font-size: 16px;margin-bottom: 5px;}
.call-heading p a {font-size: 14px;font-weight: 700;}
p.inner-text {font-size: 14px;line-height: 21px;}
.info { font-size: 14px;line-height: 21px;color: #fff;}
.quick-links h2 {font-size: 13px;}
.quick-links a {font-size: 14px;transition: color 0.3s ease;}
.quick-links li {margin-bottom: 10px;line-height: 14px;}
.subscribe-btn {padding: 11px 7px;font-size: 12px;}
.email-input {padding: 11px;font-size: 12px;}
.copyright { font-size: 12px;}
.quick-links p {font-size: 13px;margin-bottom: 10px;}
.library-btn.hover-add-to-cart .add-to-cart-btn {padding: 4px 11px;font-size: 12px;}
.client-bg h2 {font-size: 14px;}
.add-to-cart-btn {font-size: 13px;}
.offcanvas-start {border-right: unset !important;}
.footer-bg {padding: 18px 0px 18px 0px;}
.footer-logo { margin-bottom: 20px;}

.inner-heading-page h2 {font-size: 20px;}
.about-header-image { padding: 20px;}
.about-us-page h1 { font-size: 14px;}
.about-us-page h5 {font-size: 14px;line-height: 20px;margin-bottom: 30px;}
.about-us-page p {font-size: 14px;line-height: 22px;}
.heading-deco {font-size: 14px;line-height: 21px;}
.list-about li {line-height: 21px;font-size: 14px;}
.list-about li:before { font-size: 20px;}
.info-text {font-size: 13px;padding: 6px 0px 0px 0px;}
.about-bg-colors .heading-deco {font-size: 20px;line-height: 21px;margin-bottom: 7px;}
.about-bg-colors p {font-size: 14px;line-height: 20px;margin-bottom: 0px;}
.why-choose-us h2 {font-size: 19px;line-height: 20px;margin-bottom: 13px;}
.why-choose-us h3 {font-size: 16px;margin-bottom: 8px;}
.why-choose-us p {font-size: 14px;line-height: 22px;margin-bottom: 20px;}
.our-mission-bg h2 {font-size: 19px;line-height: 21px;margin-bottom: 9px;}
.our-mission-bg p {font-size: 14px;line-height: 21px;margin-bottom: 20px;}
.our-vision h2 {font-size: 19px;line-height: 21px;margin-bottom: 9px;}
.our-vision p {font-size: 14px;line-height: 21px;margin-bottom: 20px;}

.social-icons-info h5 {font-size: 19px;}
.profile-info h2 {font-size: 19px;}
.profile-info p {line-height: 23px;font-size: 14px;}
.terms-list.terms .inner-heading-page ul { overflow: hidden;overflow-x: auto;flex-wrap: unset;white-space: nowrap;}
ul.post-meta.post-meta--stacked {margin-bottom: 8px;}
.post-meta {gap: 5px;}
.post-meta--stacked li {gap: 2px; font-size: 14px;}
.post-meta i.bx {font-size: 16px;vertical-align: middle;opacity: 0.9;}
.inner-heading-blog h2 {font-size: 14px;}
.blog-detail-content p {font-size: 14px;margin-bottom: 10px;line-height: 22px;font-weight: 300;}
.blog-detials h3 {font-size: 14px;line-height: 20px;}
ul.list-blog li {font-size: 14px;line-height: 19px;font-weight: 300;}
.social-share-list {display: flex;justify-content: space-around;}
.social-list-icon ul {margin: 0px;padding: 0px;gap: 3px;}
.social-list-icon li {width: 30px;height: 30px;line-height: 35px;}
.social-list-icon li i {color: #fff;font-size: 18px;}
.custom-paginations .pagination {padding-left: 0;list-style: none;gap: 2px;margin-top: 0px;}
.custom-paginations .pagination a {padding: 4px 10px; font-size: 12px; height:30px; }
.library-button i {font-size: 19px;}

.custom-blog  .card-image-blog { height: 150px;}
.blog-meta {top: -41px;padding: 10px 16px;}
.custom-blog .blog-meta .date {font-size: 14px;}
span.category {font-weight: 700;font-size: 14px;}
.custom-blog .card-title {font-size: 15px;}
.custom-blog .card-text {font-size: 14px;line-height: 20px;}
.custom-blog a.read-more {font-size: 14px;}
.pagination a {width: 25px;height: 25px;font-size: 13px;}
.custom-blog .blog-card {margin-bottom: 0px; padding-bottom: 20px;}


.cart-bg-summary {padding-top: 15px; padding-bottom: 15px;}
.option a {font-size: 14px;}
.cart-title-inner {font-size: 19px;}
.order-summary-title h5 {font-size: 14px;}
.cart-bg-summary .btn.btn-lg.btn-primary {font-size: 13px; padding: 7px 13px;}
.cart-bg-summary .btn.btn-lg.btn-primary.btn-success {font-size: 13px; padding: 7px 10px;}



.multisteps-form__progress-btn.js-active {font-size: 14px;}
.bglights-bg.checkout-form {padding-top:3px;}
h3.multisteps-form__title {padding-top: 2px;padding-bottom: 0px;font-size: 14px;font-weight: 700;}
.bglights-bg.checkout-form button.btn.btn-lg.btn-primary {padding: 4px 12px;}
.bglights-bg.checkout-form label.form-check-label {font-size: 14px;}
.checkout-form input {padding: 3px 13px;font-size: 14px;line-height: 36px;}
.bglights-bg.checkout-form button.btn.btn-primary.js-btn-next {font-size: 15px; padding: 4px 25px;}
.buttonnext { float: left;}
.bglights-bg.checkout-form button.btn.btn-primary.js-btn-save  {font-size: 15px; padding: 4px 25px;}
.product-title-checkout {display: grid;align-items: center;gap: 11px;}
.summary-content { font-size: 14px;}
.coupon span { font-size: 14px;}
.bglights-bg.shiping.row button.btn.btn-primary.js-btn-save {font-size: 15px; padding: 4px 25px;}
.bglights-bg.shiping.row button.btn.btn-primary.js-btn-next {font-size: 15px; padding: 4px 25px;}
.bglights-bg.shiping.row .form-check p { font-size: 14px;} 
.bglights-bg.row.payment button.btn.btn-primary.js-btn-prev.js-btn-save {font-size: 15px; padding: 4px 25px;}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-next {font-size: 15px; padding: 4px 25px;}
.multisteps-form__panel {position: absolute;} 


.contact-custom .form-select {font-size: 14px;line-height: 30px; padding: 5px 32px; margin-bottom: 0px;}
.contact-custom input {padding: 5px 42px;margin-bottom: 4px;border-radius: 10px;font-size: 14px;line-height: 30px;}
.contact-custom label {font-size: 13px;}
.contact-custom input.btn.btn-primary {font-size: 15px; padding: 4px 25px;} 
.contact-custom .icon-input {position: absolute;top: 53px;left: 26px;transform: translateY(-50%);color: #888;font-size: 20px;}
.contact-custom textarea#message {padding: 5px 42px;font-size: 14px;}



.gallery-custom .gallery-item img {width: 100%;height: 150px;}
#faqAccordion .accordion-button:not(.collapsed) {font-size: 14px;padding-right: 0px;}
#faqAccordion .accordion-body {padding: 0px;font-size: 14px;line-height: 23px;}
#faqAccordion button.accordion-button.collapsed {font-size: 14px;line-height: 20px;padding-right: 0px;}
.custom-login input {padding: 17px 7px;margin-bottom: 11px;border-radius: 10px;font-size: 14px;}
.custom-login #setuploginForm input.btn.btn-primary.w-100.submit-btn {font-size: 15px; padding: 4px 25px;}
.custom-login p {font-size: 14px;} 
.form-check-label {font-size: 14px;}
.custom-login #setuploginForm a.forgot-password {font-size: 14px;}
.custom-login .icon-input {left: 15px;top: 22px;font-size: 16px;}
.return-policy-shipping {font-size: 14px;line-height: 21px;}
h1.page-header {padding: 9px 0;font-size: 19px;margin-bottom: 0px;}
h2.page-header {font-size: 19px; text-align: center;}
ul.info-cont li { line-height: 25px;}
.table-responsive-table th, td {font-size: 14px;}

.cart .inner-heading-page ul {margin-bottom: 20px;flex-wrap: wrap;font-size: 14px;}
.shop-brand-logo {height: 50px;display: flex;align-items: center;justify-content: center;}
.inner-heading-page ul  {font-size: 14px;}
.create-account-custom .account-card.shadow.p-5.bg-whites h2 { font-size: 19px;} 
.create-account-custom #createAccountForm p {font-size: 14px;}
.terms-list.terms p { font-size: 14px;}
.list-style1.list-unstyled li  { font-size: 14px; line-height: 23px;}
.terms-list h3.h3 {font-size: 18px;font-weight: 700;line-height: 22px;}
.lost-btn {font-size: 15px; padding: 4px 25px;} 
p.lost {text-align: center;font-size: 14px;}
h2.order-confirm {font-size: 16px;line-height: 2px;}
.register-box {padding: 25px 10px;}
.thankyou-order .error img {width: 100%;max-width: 100px;margin: 10px auto;display: table;margin-bottom: 20px;}
.register-btn  {font-size: 15px; padding: 4px 25px;} 
.youtubes { font-size: 13px; padding: 4px 12px; text-align: center; margin: 10px auto;} 
}
@media (max-width: 380px) {
 .logo  {margin: unset;}
}