*{ 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('../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('../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('../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('../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('../fonts/DMSans-Light.woff2') format('woff2'),url('DMSans-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}
:root {
  --bs-blue-top-bar: #067ac5;
  --bs-footer:#394a46;
  --bs-heading-color-text:#f37d27;
  --bs-button-primary:#f37d27;
  --bs-button-secondary:#333;
  --bs-button-secondary-btn:#394a46;
}
.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);}
.header-sticky.fixed .logo {width: 250px !important;transition: 0.3s;}
.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%;}
.logo { width: 250px;}
.drop-menu a:hover {background: #fff;color: #f37021;}
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;}
.icon-group a { color: #333;}
.icon-group a:hover { color: #f37021;}
.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: #f27021;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: #f27021;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: #f37021;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;}
.cart-badge {position: absolute;width: 25px;height: 25px;background: #f37021;color: #fff;font-size: 12px;padding: 2px 5px;border-radius: 50%;left: 23px;top: -8px;text-align: center;line-height: 21px;}
.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-around;}
.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: #f37021;}
.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: 33px;color: #fff;}
.custom-menu-bar nav span{    font-size: 20px;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;}
 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;padding-left: 139px;}
 .nested {display: none;margin-left: 20px;border-left: 0px dashed #ddd;padding-left: 10px;}
 .nested.open {display: block;}
 ul.nested.open li {margin-bottom: 0px;}
 .highlight {background: #f0f8ff;font-weight: bold;}
.filter-title {margin: 9px 0;display: flex;justify-content: space-evenly;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: #f37d27;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: #f37021;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: #000; 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%;}
.right-image {height: 150px;}
.category-card .btn-primary {color: #fff;border-color: #f37021;background-color: #f37021;font-size: 15px;font-weight: 600;border-radius: 100px;padding: 9px 15px;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;}
.category-card a {text-decoration: none;color: #000000;}
.category-card .btn-primary:hover {background-color: #000;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: 50px;}
/* -------------------------------
  Top Selling Css Styling
   ------------------------------- */
.bg-color-selling {background: #fbc9a9;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%;}
.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: #ff6600;font-weight: 700;font-size: 19px;}
.rating-stars {color: #ff6600;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;background: red;}
.hover-icons li a {color: #fff;text-decoration: none;}
.hover-icons li {width: 36px;height: 36px;background-color: #f37021;border: 1px solid #ffffff4d;line-height: 41px;}
.hover-icons li:hover {background-color: #000;}
.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: #ff6600;border: 2px solid #ff6600;padding: 10px 16px;border-radius: 30px;font-weight: 600;width: 100%;transition: 0.3s;}
.add-to-cart-btn:hover {background-color: #ff6600;color: white;}
.selling-pro {height: 190px;display: flex;justify-content: center;align-items: center;}
.selling-pro img {width: 100%;height: 100%;}
.add-to-cart-btn {margin-top: 15px;background-color: #fff;color: #0c0c0c;border: 2px solid #f37021;padding: 7px 38px;border-radius: 30px;font-weight: 600;width: fit-content;transition: 0.3s;font-size: 19px;}
.product-card:hover .add-to-cart-btn {background: #f37021; /* Darker blue on hover */ border-color: #f37021;color: #fff;}
.product-card:hover .product-title a {color: #f37021;  }
.product-title a {color: #000;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;}
.hover-add-to-cart {margin: 9px 0;justify-content: center;display: flex;}
.sale {float: right;width: 50px;height: 50px; background: #f37021;border-radius: 100%;line-height: 50px;color: #fff;font-size: 15px;font-weight: 600;position: absolute;right: 11px; top: 10px;}
.top-slide-selling .slick-prev {right: 25px !important;left: auto;}
.top-slide-selling .slick-prev, .top-slide-selling .slick-next {top: -50px;right: 8px;z-index: 9;}
.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: #f37021;}
.top-slide-selling .slick-next:hover:before {color: #f37021;}
span.price-old {color: #333333;text-decoration: line-through;}
/* -------------------------------
  Top Selling Css Styling
   ------------------------------- */

/* -------------------------------
  Featured Css Styling
   ------------------------------- */
.featured-prod .slick-prev {right: 25px !important;left: auto;}
.featured-prod .slick-prev, .featured-prod .slick-next {top: -50px;right: 8px;z-index: 9;}
.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: #f37021;}
.featured-prod .slick-next:hover:before {color: #f37021;}
.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);}
/* -------------------------------
  Featured Css Styling
   ------------------------------- *

/* -------------------------------
  Youtube Css Styling
   ------------------------------- */
.youtube-section {position: relative;background: url("../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: #f37021;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: #e64a19;}
.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%;}
.logo-client {height: 100px;}
.client-logo-slide .slick-prev {right: 25px !important;left: auto;}
.client-logo-slide .slick-prev, .client-logo-slide .slick-next {top: -50px;right: 8px;z-index: 9;}
.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: #f37021;}
.client-logo-slide .slick-next:hover:before {color: #f37021;}
.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("../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: #f37021;color: #fff;border: 2px solid #f37021;padding: 7px 38px;border-radius: 30px;font-weight: 600;width: fit-content;transition: 0.3s;display: flex;gap: 5px;font-size: 19px;}
.add-banner .add-to-cart-btn:hover {
    background-color: #000;
    color: #fff;
    border-color: #f37021;
}
/* -------------------------------
   Add Banner Css Styling
   ------------------------------- */

/* -------------------------------
   trending Css Styling
   ------------------------------- */
.trending-product-slider .slick-prev {right: 25px !important;left: auto;}
.trending-product-slider .slick-prev, .trending-product-slider .slick-next {top: -50px;right: 8px;z-index: 9;}
.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: #f37021;}
.trending-product-slider .slick-next:hover:before {color: #f37021;}
.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);}
/* -------------------------------
   Testmonial Css Styling
   ------------------------------- */

/* -------------------------------
   Testmonial Css Styling
   ------------------------------- */
.client-bg {background: url("../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: 72%;}
.quote-icon i {font-size: 60px;color: #f37021;}
.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: #ff6600;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: 25px !important;left: auto;}
.testmonial-slider .slick-prev, .testmonial-slider .slick-next {top: -50px;right: 8px;z-index: 9;}
.testmonial-slider .slick-prev:before {content: "\ea4d";font-family: boxicons !important;font-size: 30px;color:#f37021;line-height: 29px;opacity: 9 !important;}
.testmonial-slider .slick-next:before {content: "\ea50";font-family: boxicons !important;font-size: 30px;color:#f37021;line-height: 29px;opacity: 9 !important;}
.testmonial-slider .slick-prev:hover:before {color: #f37021;}
.testmonial-slider .slick-next:hover:before {color: #f37021;}
.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;}
/* -------------------------------
   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 #f37021;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;}
.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: #f27021;}
.library-button a:hover {display: flex;text-decoration: none;color: #333;}
.library-btn.hover-add-to-cart .add-to-cart-btn {margin-top: 0px;background-color: #f37021;color: #fff;border: 2px solid #f37021;padding: 10px 38px;border-radius: 30px;font-size: 19px;width: fit-content;transition: 0.3s;text-transform: uppercase;display: flex;gap: 8px;}
.library-btn.hover-add-to-cart .add-to-cart-btn:hover {background-color: #000;color: #fff; border-color: #000;}
.bg-black .hover-add-to-cart .add-to-cart-btn {margin-top: 0px;background-color: #f37021;color: #fff;border: 2px solid #f37021;padding: 10px 38px;border-radius: 30px;font-size: 19px;width: fit-content;transition: 0.3s;text-transform: uppercase;display: flex;gap: 8px;}
.bg-black .hover-add-to-cart .add-to-cart-btn:hover {background-color: #000;color: #fff;border-color: #f37021;}
/* -------------------------------
   Library video Css Styling
   ------------------------------- */

/* -------------------------------
   Support Css Styling
   ------------------------------- */
.custom-space-bg {background: #f37021;padding: 100px 0px 0px 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: 114px;height: 63px;background: #fff;border-radius: 100%;line-height: 67px;text-align: center;color: #f27021;font-size: 31px;}
.support-right-section {display: flex;gap: 25px;margin-bottom: 50px;}
.bg-colors p {color: #333;}
.bg-colors h5 {color: #333;}
.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: #f27021;display: flex;justify-content: center;align-items: center;}
.left-image-support img {position: absolute;bottom: -2px;}
/* -------------------------------
   Support Css Styling
   ------------------------------- */

/* -------------------------------
   Gallery Css Styling
   ------------------------------- */
.gallery-custom .gallery-item {position: relative;overflow: hidden;margin-bottom: 0px;}
.gallery-custom .gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));gap: 30px;}
.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: #f37021!important;}
.swiper-pagination-bullet-active {background: #f37021 !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;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 #f37021;}
.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: #f37021;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: #1e1e1e;border-radius: 12px;padding: 30px;}
.call-action {display: flex;justify-content: space-between;align-items: center;padding-left: 30px;padding-right: 30px;}
.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("../images/bg-image-client-testmonail.jpg") no-repeat center center/cover;width: 100%;padding: 100px 0px 100px 0px;border-top:10px solid #f37021;}
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: #f37021;}
.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: #f37021; }
.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 #f37021;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 a { text-decoration: none;color: #fff;font-size: 19px;transition: color 0.3s ease;}
.quick-links a:hover {color: #f37021;}
.quick-links p {color: #fff;font-size: 19px;margin-bottom: 10px;}
.subscribe-form {display: flex;align-items: center; overflow: hidden;width: 350px;height: 40px;}
.email-input {flex: 1;padding: 10px;border: none;font-size: 14px;border-radius: 0px;outline: none;}
.subscribe-btn { background-color: #f37021;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: #e64a19; /* 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: 19px;text-align: center;text-transform: capitalize;}
p.copyright span {color: #f37d27;}
/* -------------------------------
   Footer Css End Styling
   ------------------------------- */









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

.about-header-image {background-image: url(../images/about-us.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;background-color: transparent;padding: 150px;}
.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: #f37d27;}
.inner-heading-page li a {color: #fff;text-decoration: none;}
.subheading {font-size: 15px;margin-bottom: 15px;color: #f37021;}
.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: #f37021;}
.info-text a:hover {color: #333;}
.about-bg-colors {background: #f27021;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("../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:#f37021 !important;border-color: #f37021 !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: 50%;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: 10px;font-size: 20px;text-transform: uppercase;font-weight: 700;background: #f37021;border-color: #f37021;}
.custom-login #setuploginForm a.forgot-password {color: #f37021;text-decoration: none;font-weight: 600;}
.custom-login p a {color: #f37021;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: 50%;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: #8e2de2;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: 16px;}
.create-account-custom #createAccountForm input.btn.btn-gradient.w-100.py-2.fw-semibold {padding: 10px 16px;margin-bottom: 11px;border-radius: 10px;font-size: 20px;text-transform: uppercase;font-weight: 700;background: #f37021;color: #fff;}
.create-account-custom #createAccountForm p a {color: #f37021;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 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: 15px;font-size: 19px;line-height: 34px;color: #333;font-weight: 300;padding-left: 0px;}
#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: 1px solid #cccccc70;padding-left: 0px;padding-right: 0px;line-height: 70px;}
#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: 1px solid #cccccc70; padding-right: 0px;}
#faqAccordion .accordion-button:focus {box-shadow: none !important; border: none !important;}
#faqAccordion h4 {color: #fff;font-size: 37px;font-weight: 600;padding-left: 0px;}
#faqAccordion .accordion-button:not(.collapsed)::after {background-image: url(../images/download.svg) !important;transform: rotate(-180deg);background: #f37d27;padding: 19px;background-size: 60%;background-repeat: no-repeat;background-position: center;}
#faqAccordion .accordion-button::after {background-image: url(../images/download.svg) !important;}
.faq {background: #cccccc1a;margin-top: 0px;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(../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: 11px;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: #86b7fe;outline: 0;box-shadow: none !important;}
.contact-custom input.btn.btn-primary {width: 100%;padding: 10px 16px;border-radius: 10px;font-size: 20px;text-transform: uppercase;font-weight: 700;background: #f37021;color: #fff;line-height: 35px;border: none;}
.contact-custom label {color: #333;font-size: 15px;font-weight: 600;}

/* -------------------------------
   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: #f37d27;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: 25px;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: #f37021;border-radius: 12px 12px 0px 0px;overflow: hidden;top: -45px;padding: 10px 28px;width: auto;color: #fff;}*/
.custom-blog  .card-image-blog {height: 280px;}
.card.blog-card a {text-decoration: none;color: #333;}
.card.blog-card span.category a {color: #f37021;font-weight: 700;}
.custom-blog a.read-more {color: #f37021 !IMPORTANT;}
.custom-blog .card-title:hover {color: #f37021;}
.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: background 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: #f47c20;color: white;}
.prev-btn, .next-btn {background: #f47c20;color: white;}

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


/* -------------------------------
   Blog Detail  Css Styling
   ------------------------------- */
   
.blog-detail-content span.category {background-color: #f37d27;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: #f47c20;width: 40px;height: 40px;text-align: center;line-height: 48px;    border-radius: 100px;}
.custom-paginations button {padding: 6px 15px;font-size: 20px;border: none;cursor: pointer;border-radius: 5px;transition: background 0.3s ease-in-out;}
.custom-paginations .prev-btn, .next-btn {background: #f47c20;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 #f37d27;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: #f37021;color: #fff;border: 2px solid #f37021;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;}
/* -------------------------------
   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;}
.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;}
.option a {text-decoration: none;color: #333;font-weight: 600;font-size: 15px;margin-bottom: 0px;line-height: 0px;}
.option a:hover {color: #f37021;}
.normal-weight {color: #787878;font-size: 14px;margin: 3px 0px;}
.item-product-cart .product-price {color: #ff6600;font-weight: 600;font-size: 14px;}
.cart-content .product-price {color: #ff6600;font-weight: 700;font-size: 15px;}
.item-product-cart {display: flex;gap: 18px;align-items: center;}
.cart-product-item {border-top: 1px solid #cccccc96;padding-top: 20px;padding-bottom: 20px;}
.delete {float: right;}
.delete img {height: 24px;}
.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: 24px;}
.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: #f37021;color: #fff;border: 2px solid #f37021;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: #f37021;color: #fff;border: 2px solid #f37021;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: #000; border-color: #000;}
.advices-icons h6 {color: #333;font-size: 14px;}
.advices-icons {display: flex;gap: 16px;align-items: center;}
.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 rgb(243 112 33);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: rgb(243 112 33);}
.multisteps-form__form {position: relative;}
.multisteps-form__panel {position: absolute;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: #f37021;border-color: #f37021;}
.bglights-bg.checkout-form .form-control:focus {box-shadow: none !important;}
.bglights-bg.checkout-form .form-check-input:focus {border-color: #f37021;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: #f37021;color: #fff;line-height: 35px;border: none;margin-top: 10px;margin-bottom: 20px;}
.bglights-bg.checkout-form  input#guest-name {width: 100%;padding: 7px 13px;margin-bottom: 11px;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: #333; color:#fff;border-color:#333;}
.bglights-bg.checkout-form button.btn.btn-primary.js-btn-next:hover{background: #333; 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: #f37021;border-color: #f37021;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: #f37021;border-color: #f37021;font-size: 19px;margin-top: 7px}
.product-title-checkout {width: auto;margin-right: 0px;}
.product-title-checkout {display: flex;align-items: center;gap: 24px;}
.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: #f37021;text-decoration: none;}
.coupon i {color: #f37021;font-size: 27px;}
.coupon {display: flex;gap: 8px;vertical-align: middle;}
.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: #f37021;color: white;font-weight: bold;font-size: 15px;cursor: pointer;white-space: nowrap;transition: background 0.3s ease;}
.coupon-button:hover {background: #333;}
.summary-content a:hover {color: #f37021;}
.bglights-bg.shiping.row {max-height: max-content;}
.bglights-bg.shiping.row .form-check-input:checked {background-color: #f37021;border-color: #f37021;}
.bglights-bg.shiping.row .form-check-input:focus {border-color: #f37021;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: #333; color:#fff;border-color:#333;}
.bglights-bg.shiping.row button.btn.btn-primary.js-btn-next:hover{background: #333; 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: #f37021;border-color: #f37021;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: #f37021;border-color: #f37021;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: #f37021;border-color: #f37021;font-size: 19px;margin-top: 7px}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-prev.js-btn-save:hover {background: #333;border-color: #333;}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-next {width: auto;padding: 6px 25px;border-radius: 100px;background: #f37021;border-color: #f37021;font-size: 19px;margin-top: 7px}
.bglights-bg.row.payment button.btn.btn-primary.js-btn-next:hover {background: #333;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: #f37021;}
.cart-bg-summary.select-payment .icon {position: absolute;right: 10px;top: 50%;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: #f37021; 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;}
.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;}
.bglights-bg.checkout-form-address button.btn.btn-primary.js-btn-prev.js-btn-save {width: auto;padding: 6px 25px;border-radius: 100px;background: #f37021;border-color: #f37021;font-size: 19px;margin-top: 7px;}
.bglights-bg.checkout-form-address button.btn.btn-primary.js-btn-next {width: auto;padding: 6px 25px;border-radius: 100px;background: #f37021;border-color: #f37021;font-size: 19px;margin-top: 7px;}
.bglights-bg.checkout-form-address .form-check-input:checked {background-color: #f37021;border-color: #f37021;}
.bglights-bg.checkout-form-address .form-check-input:focus {border-color: #f37021;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 #ff6600;color: #ff6600;}
.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: #ff6600;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: #f37021;border-color: #f37021;}
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: #f37021;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: #000; color: #fff;}
button.btn.btn-dark.btn-medium {width: max-content;background-color: #f37021;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;}
.review-list-review {border: 1px solid #ccc;padding: 10px;padding-top: 16px;padding-left: 16px;box-shadow: 0 5px 8px rgb(0 0 0 / 9%) !important;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: #ff6600;}
.span-star-list i {color: #ff6600;}
.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;align-items: center;gap: 5px;}
.date-list i {font-size: 20px;color: #ff6600;}
.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 #ff6600;border-bottom: none;}

    }



.custom-space-section .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #f37021;
    border-color: #f37021;
}
















@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;}

}







 @media (min-width: 1201px) and (max-width: 1600px) {
.right-image { height: 120px;}
.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;}  
.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;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;}
/*.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: 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;}
.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: 40px;}
.add-to-cart-btn {padding: 7px 18px;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: 40px;}
.client-logo {padding: 10px;}
.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;}
.testimonial-card {height: auto;}
.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: 39%;}
.custom-space-bg .category-heading {font-size: 38px;}
.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: 250px;}
.gallery-custom .gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 15px;}
.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: 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: flex-start; }
.menu-btn {position: relative;top: 3px;left: 0px;}
h3.testimonial-title {font-size: 21px;}
.logo-client {height: 71px;}
.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: grid;align-items: center;width: auto;height: 40px;overflow: visible;}
.email-input {margin-bottom: 10px;}
.support-right-section {display: grid;gap: 25px;margin-bottom: 20px;}

/*-----------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 {background: #f27021;padding: 50px 0px 50px 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;}
.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: 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;}
.our-vision { height: 502px;}
.about-image img {width: 100%;height: 100%;object-fit: cover;}
.about-image {float: none;height: 466px;}
.about-image-left { height: 397px;}
.contact-custom input { padding: 5px 37px;}
.contact-custom form#form-contact {padding: 30px;}
iframe {height: 730px;}
.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%;}


}

@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: 100%;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: 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 11px;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;}
.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: -2px;width: 100%;max-width: 40%;}
.custom-space-bg .category-heading {font-size: 38px;}
.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: 250px;}
.gallery-custom .gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 12px;}
.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: 3px;left: 0px;}
h3.testimonial-title {font-size: 21px;}
.logo-client {height: 71px;}
.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: grid;align-items: center;width: auto;height: 40px;overflow: visible;}
.email-input {margin-bottom: 10px;}
.support-right-section {display: grid;gap: 25px;margin-bottom: 20px;}
/*-----------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;}
iframe {height: 730px;}
.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: 15px;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;}
.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 11px;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%;}

}


@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: 100%;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: 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 {padding: 7px 8px;font-size: 14px;}
.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: -2px;width: 100%;max-width: 40%;}
.custom-space-bg .category-heading {font-size: 28px;}
.support-icon {width: 130px;height: 52px;line-height: 56px;}
.bg-colors .support-icon {width: 145px; 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: 250px;}
.gallery-custom .gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 12px;}
.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: 3px;left: 0px;}
h3.testimonial-title {font-size: 21px;}
.logo-client {height: 71px;}
.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: grid;align-items: center;width: auto;height: 40px;overflow: visible;}
.email-input {margin-bottom: 10px;}
.topbar-decorete {background: #000;padding: 8px;display: none !important;}

/*-----------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: #f27021;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; height: 551px;}

/*-----------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;}
iframe {height: 730px;}

.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: 15px;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;}
.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 11px;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;}

}

 @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: 20px;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 18px;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;}
.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: relative;bottom: 30px;margin: auto;display: table;}
.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: 150px;}
.gallery-custom .gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 12px;}
.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: 3px;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: #f27021;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;}
iframe {height: 320px;}
.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: 15px;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;}
.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 11px;font-size: 17px;}
.logo { width: auto;}
.bglights-bg {margin-bottom: 30px; max-height: max-content;}



 }






 @media (max-width: 767.98px) {
.header-sticky.fixed .logo {width: 180px !important;transition: 0.3s;}
.logo { width: 180px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;position: absolute;top: 70px;right: 0px;}
.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: #f37021;height: 0;}
.custom-space-section {margin-top: 50px;}
.category-heading {font-size: 23px;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: 11px;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: #f37021;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:100%; margin-left: 75px;}
.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 #f37021;}
.cart-badge {width: 20px;height: 20px;font-size: 10px;padding: 2px 4px;left: 0px;top: -19px;line-height: 16px;}
.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: 9;}
.add-to-cart-btn {padding: 7px 16px;font-size: 14px;}
.product-title {font-weight: 700;font-size: 15px;margin: 8px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product-card {width: 100%;}
.featured-prod .slick-prev, .featured-prod .slick-next {top: -16px;right: 12px;z-index: 9;}
.client-logo-slide .slick-prev, .client-logo-slide .slick-next {top: -16px;right: 12px;z-index: 9;}
.trending-product-slider .slick-prev, .trending-product-slider .slick-next {top: -16px;right: 12px;z-index: 9;}
.testmonial-slider .slick-prev, .testmonial-slider .slick-next {top: -16px;right: 12px;z-index: 9;}
.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;}
.add-banner h4 {font-size: 15px;text-align: left;}
.hover-add-to-cart {margin: 0px 0;justify-content: center;display: flex;}
.add-banner .add-to-cart-btn {margin-top: 0px;padding: 5px 17px;gap: 2px;font-size: 14px;}
.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;height: auto;}
.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: 16px;}
.library-btn.hover-add-to-cart .add-to-cart-btn {padding: 7px 18px;font-size: 14px;}
.custom-space-bg {padding: 50px 0px 0px 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: 15px;margin-bottom: 30px;}
.locaton-circle p {font-size: 16px;line-height: 24px;}
.locaton-circle h5 {font-weight: bold;font-size: 21px;margin: 9px;}
.gallery-custom .gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(344px, 1fr));gap: 15px;}
.call-action {display: grid;padding-left: 10px; padding-right: 10px;}
.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: #f37021;}
.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: 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;}
.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;}
.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 #f37d27;margin-top: 27px;margin-bottom: 30px;border-radius: 16px;}
.contact-custom form#form-contact {padding: 20px; margin-bottom: 40px;}
iframe {height: 320px;}
.faq { padding: 0px 0px 0px 0px;}
#faqAccordion .accordion-button:not(.collapsed) {font-size: 19px;}
#faqAccordion button.accordion-button.collapsed {font-size: 19px;line-height: 27px;}
#faqAccordion .accordion-body {padding: 15px;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 9px;font-size: 16px;}
.shop-brand-column .col { flex: 50%;}
.cart-product-item {display: grid;align-items: center;padding-top: 10px;padding-bottom: 10px;}
.item-product-cart img {width: 60px;}
.option {padding-bottom: 16px;}
.quantity-container {margin-bottom: 13px;}
.cart-heading h5 {font-size: 16px;margin-bottom: 15px;line-height: 20px;}
.cart-custom {display: grid;margin-bottom: 0px;}
.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 {flex-direction: column;gap: 0px;}
.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;}
}


@media (min-width: 544px) and (max-width: 767px) {
.custom-menu-bar { background: #f37021; height: unset;}
.menu-btn {position: absolute;top: 78px;right: 10px;left: auto;}
.custom-menu-bar {background: #f37021;padding: 10px;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;position: absolute;top: 71px;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: 130px;object-fit: cover;cursor: pointer;transition: transform 0.3s ease;}
.gallery-custom .gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(144px, 1fr));gap: 15px;}
.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;}

}

@media (min-width: 497px) and (max-width: 542px) {
.logo img {width: 100%;max-width: 70%;margin-left: 0px;}
.menu-btn {position: relative;top: 6px;left: 10px;}
.custom-menu-bar {background: #f37021;height: auto;}
.logo {width: auto;}
.custom-menu-bar a.btn.btn {display: flex;align-items: center;gap: 5px;position: absolute;top: 83px;right: 0px;}
.menu-btn i {color: #fff;font-size: 30px;}

}