:root {
  --swiftcart-font: "Public Sans", sans-serif;
  --swiftcart-heading-font: "Inter", sans-serif;
  --swiftcart-special-font: "Public Sans", sans-serif;
  --swiftcart-letter-space: 0.1em;
  --swiftcart-letter-space-xl: 0.2em;
  --swiftcart-border-radius: 5px;
  --swiftcart-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
  --swiftcart-body: #F8F8F8;
  --swiftcart-base: #127FFF;
  --swiftcart-base-rgb: 18, 127, 255;
  --swiftcart-secondary: #EB001B;
  --swiftcart-secondary-rgb: 235, 0, 27;
  --swiftcart-text: #757575;
  --swiftcart-text-rgb: 117, 117, 117;
  --swiftcart-text-gray: #89868d;
  --swiftcart-text-gray-rgb: 137, 134, 141;
  --swiftcart-gray: #F3F3F4;
  --swiftcart-gray-rgb: 243, 243, 244;
  --swiftcart-gray-2: #E8E8E8;
  --swiftcart-gray-2-rgb: 232, 232, 232;
  --swiftcart-white: #fff;
  --swiftcart-white-rgb: 255, 255, 255;
  --swiftcart-black: #1C1C1C;
  --swiftcart-black-2: #191C1F;
  --swiftcart-black-rgb: 28, 28, 28;
  --swiftcart-black-2-rgb: 25, 28, 31;
  --swiftcart-border-color: #DEE2E7;
  --swiftcart-border-color-rgb: 222, 226, 231;
}

img{
    
max-width: 100%
    
}

/*--------------------------------------------------------------
01. THEME CSS
--------------------------------------------------------------*/
/*----------------------------------------
1.1 Animation
----------------------------------------*/
/* 04. ========= btn-arrow-animation ========== */
/*----------------------------------------
1.2 Common
----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--swiftcart-font);
  font-size: 16px;
  font-weight: normal;
  color: var(--swiftcart-text);
  line-height: 29px;
  scroll-snap-type: proximity;
  background-color: var(--swiftcart-body);
}

a {
  text-decoration: none;
}

h3,
h5 {
  font-family: var(--swiftcart-heading-font);
  color: var(--swiftcart-black);
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}

h3 {
  font-size: 28px;
}

h5 {
  font-size: 20px;
}

p {
  font-family: var(--swiftcart-font);
  font-weight: 400;
  color: var(--swiftcart-text);
  margin-bottom: 15px;
}

a,
button,
p,
input,
li {
  transition: 0.3s;
}

a:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.w-img img {
  width: 100%;
}

input[type=text],
input[type=email] {
  outline: none;
  background-color: #EFF0F2;
  height: 60px;
  width: 100%;
  line-height: 60px;
  font-size: 16px;
  border: 2px solid #EFF0F2;
  color: var(--swiftcart-black);
  padding-left: 29px;
  padding-right: 29px;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #84848B;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  color: #84848B;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder {
  /* Firefox 4-18 */
  color: #84848B;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #84848B;
}

*::-moz-selection {
  background: var(--swiftcart-black);
  color: var(--swiftcart-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--swiftcart-black);
  color: var(--swiftcart-white);
  text-shadow: none;
}

::selection {
  background: var(--swiftcart-black);
  color: var(--swiftcart-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--swiftcart-black);
  font-size: var(--xc-fz-body);
  opacity: 1;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/

/* dropcap */

.gutter-y-30 {
  row-gap: 30px;
}

.gutter-y-40 {
  row-gap: 40px;
}

.black-bg-2 {
  background-color: var(--swiftcart-black-2);
}

.base-bg {
  background-color: var(--swiftcart-base);
}

/*--------------------------------------------------------------
# 02. COMPONENTS css
--------------------------------------------------------------*/
/*----------------------------------------
2.1 Nice Select
----------------------------------------*/

/*----------------------------------------
2.2 Tab
----------------------------------------*/

/*--------------------------------------------------------------
# 03. HEADER CSS
--------------------------------------------------------------*/
/*----------------------------------------
3.1 Header Css Start
----------------------------------------*/
/*--------------------------------------------------------------
# Header Css Start
------------------- -------------------------------------------*/

.xc-header-one {
  padding-top: 10px;
  padding-bottom: 10px;
}
.xc-header-one__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xc-header-one__right {
  display: flex;
  align-items: center;
  gap: 45px;
}

/*----------------------------------------*/
/*  02. DRAWER CSS START
/*----------------------------------------*/
/*--------------------------------------------------------------
# xc-mobile Nav
--------------------------------------------------------------*/

/*----------------------------------------*/
/*  7.0 search and nab taggle menu  css
/*----------------------------------------*/

/*--------------------------------------------------------------
# Breadcrumb
------------------- -------------------------------------------*/

/*--------------------------------------------------------------
# 04. MENU CSS
--------------------------------------------------------------*/
/*----------------------------------------
4.1 Mean Menu css
----------------------------------------*/
/*----------------------------------------*/
/*  4.2 Meanmenu css
/*----------------------------------------*/

/*----------------------------------------
4.2 Menu css
----------------------------------------*/
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/

/*--------------------------------------------------------------
05. BLOG CSS
--------------------------------------------------------------*/
/*----------------------------------------
5.1 Postbox css
----------------------------------------*/

/*----------------------------------------
5.2 Sidebar css
----------------------------------------*/
/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/

/*----------------------------------------
5.2 Pagination css
----------------------------------------*/

/*----------------------------------------
5.3 Comment css
----------------------------------------*/

/*--------------------------------------------------------------
# 06 ELEMENETS css
--------------------------------------------------------------*/
/*----------------------------------------
6.1 Buttons
----------------------------------------*/
/*--------------------------------------------------------------
# Buttons
------------------- -------------------------------------------*/
.swiftcart-btn {
  color: var(--swiftcart-white);
  background-color: var(--swiftcart-base);
  padding: 10px 30px;
  font-weight: 500;
  font-size: 16px;
  font-family: var(--swiftcart-font);
  transition: 0.3s;
  border-radius: var(--swiftcart-border-radius);
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .swiftcart-btn {
    padding: 15px 40px;
  }
}
.swiftcart-btn:hover {
  color: var(--swiftcart-white);
  background-color: var(--swiftcart-secondary);
}

/*----------------------------------------
6.2 Section Title
----------------------------------------*/

/*----------------------------------------
6.3 Main SLider
----------------------------------------*/

/*----------------------------------------
6.4 Banner
----------------------------------------*/

/*----------------------------------------
6.5 Feature
----------------------------------------*/

/*----------------------------------------
6.6 Price
----------------------------------------*/

/*----------------------------------------
6.7 Offer
----------------------------------------*/

/*----------------------------------------
6.8 Best Details
----------------------------------------*/

/*----------------------------------------
6.9 Seller
----------------------------------------*/

/*----------------------------------------
6.10 Brand
----------------------------------------*/

/*----------------------------------------
6.11 Categroy
----------------------------------------*/

/*----------------------------------------
6.12 Testimonial
----------------------------------------*/

/*----------------------------------------
6.13 Newsleter
----------------------------------------*/

/*----------------------------------------
6.14 FAQ
----------------------------------------*/

/*----------------------------------------
6.15 Contact
----------------------------------------*/

.xc-contact-main__title {
  font-size: 32px;
  text-transform: capitalize;
}
.xc-contact-main__form input {
  background-color: transparent;
  border: 1px solid var(--swiftcart-border-color);
}

/*----------------------------------------
6.16 404
----------------------------------------*/

/*----------------------------------------
6.17 About
----------------------------------------*/

/*----------------------------------------
6.18 Counter
----------------------------------------*/
.xc-counter-one__item {
  text-align: center;
}
.xc-counter-one__count {
  color: var(--swiftcart-white);
  font-size: 40px;
  font-weight: 500;
  font-family: var(--swiftcart-heading-font);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .xc-counter-one__count {
    font-size: 80px;
  }
}
.xc-counter-one__title {
  font-size: 16px;
  letter-spacing: 6.8px;
  text-transform: uppercase;
  color: var(--swiftcart-white);
}

/*----------------------------------------
6.19 Coosse
----------------------------------------*/

/*----------------------------------------
6.20 Landing Page
----------------------------------------*/

/*--------------------------------------------------------------
# 07. ECOMMERCE CSS
--------------------------------------------------------------*/
/*----------------------------------------
7.1 Product css
----------------------------------------*/
.xc-product-eight__item:hover .xc-product-eight__img img {
  transform: scale(1.1);
}
.xc-product-eight__item:hover .xc-product-eight__img::before {
  opacity: 0.4;
}
.xc-product-eight__img {
  position: relative;
  background-color: #E8E8E8;
  text-align: center;
  margin-bottom: 20px;
  overflow: hidden;
}
.xc-product-eight__img img {
  transition: 0.3s;
  width: 100%;
}
.xc-product-eight__img::before {
  content: "";
  inset: 0;
  position: absolute;
  background-color: var(--swiftcart-black);
  opacity: 0;
  transition: 0.3s;
  z-index: 1;
}
.xc-product-eight__content {
  padding-left: 30px;
  border-left: 2px solid var(--swiftcart-border-color);
}
.xc-product-eight__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 1.7;
  text-transform: capitalize;
}
.xc-product-eight__price {
  font-size: 14px;
  margin-bottom: 0;
}

/*----------------------------------------
7.2 Product Details css
----------------------------------------*/
@media (min-width: 992px) {
  .product__details-thumb-tab {
    padding-right: 40px;
  }
}
.product__details-thumb-content {
  margin-bottom: 14px;
  background-color: var(--swiftcart-white);
}
.product__details-thumb-nav .nav-link {
  width: 120px;
  height: 120px;
  position: relative;
  margin-bottom: 10px;
  background-color: var(--swiftcart-white);
}
.product__details-thumb-nav .nav-link img {
  width: 100%;
}
.product__details-thumb-nav .nav-link::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid var(--swiftcart-base);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.product__details-thumb-nav .nav-link.active::after {
  visibility: visible;
  opacity: 1;
}
.product__details-title {
  font-family: var(--swiftcart-heading-font);
  font-weight: 500;
  font-size: 34px;
  margin-bottom: 5px;
}
.product__details-wrapper p {
  font-family: var(--swiftcart-heading-font);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 23px;
}
.product__details-price {
  margin-bottom: 35px;
}
.product__details-price span {
  font-family: var(--swiftcart-heading-font);
  line-height: 1;
}
.product__details-ammount {
  font-weight: 600;
  font-size: 24px;
  color: var(--swiftcart-secondary);
}
.product__details-ammount.old-ammount {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: var(--swiftcart-text);
}
.product__details-ammount.new-ammount {
  font-weight: 600;
  font-size: 24px;
  color: var(--swiftcart-secondary);
  margin-left: 1px;
}
.product__details-offer {
  margin-left: 2px;
  font-weight: 700;
  font-size: 13px;
  color: var(--swiftcart-white);
  background-color: var(--swiftcart-base);
  padding: 3px 9px;
  display: inline-block;
  transform: translateY(-4px);
}
.product__details-quantity {
  margin-bottom: 40px;
}
.product__details-action {
  padding-bottom: 34px;
  border-bottom: 1px solid #DADCE0;
  margin-bottom: 32px;
  gap: 20px;
}
.product__details-tab-nav {
  border-bottom: 1px solid #DADCE0;
}
.product__details-tab-nav-inner {
  position: relative;
}
.product__details-tab-nav .nav-link {
  position: relative;
  padding: 11px 14px;
  font-weight: 500;
  font-size: 16px;
  color: var(--swiftcart-text);
}
.product__details-tab-nav .nav-link.active, .product__details-tab-nav .nav-link:hover {
  color: var(--swiftcart-black);
}
.product__details-tab-nav .nav-link.active::after, .product__details-tab-nav .nav-link:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
@media (max-width: 575px) {
  .product__details-tab-nav .nav-link::after {
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background-color: var(--xc-theme-3);
    transition: 0.3s;
  }
}
.product__details-tab-nav .xc-tab-menu {
  position: relative;
}
.product__details-tab-nav .xc-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 38%;
  height: 2px;
  background-color: var(--swiftcart-base);
  transition: 0.3s;
}
.product__details-description-content p {
  font-family: var(--swiftcart-heading-font);
  font-size: 18px;
  line-height: 1.67;
  color: var(--swiftcart-text);
  margin-bottom: 25px;
}
.product__details-additional {
  margin-top: 67px;
  background-color: var(--swiftcart-white);
}
@media (min-width: 576px), (max-width: 575px) {
  .product__details-additional {
    overflow-x: scroll;
  }
}
.product__details-additional-inner {
  padding: 45px 70px 45px;
  border: 1px solid #E9E9F0;
}
@media (min-width: 768px) {
  .product__details-additional-inner {
    padding: 15px 40px 15px;
  }
}

.product__details-additional table {
  width: 100%;
}
.product__details-additional table tr {
  padding: 16px 0 14px;
  display: block;
}
.product__details-additional table tr:not(:last-child) {
  border-bottom: 1px solid #E9E9F0;
}
.product__details-additional table tr th {
  font-family: var(--swiftcart-heading-font);
  font-weight: 500;
  font-size: 15px;
  color: var(--swiftcart-black);
  width: 28%;
  display: inline-block;
}
.product__details-additional table tr td {
  width: 71%;
  display: inline-block;
  font-family: var(--swiftcart-heading-font);
  font-size: 15px;
  color: var(--swiftcart-text);
}
.product__details-review-inner {
  padding: 62px 70px 70px;
  border: 1px solid #E9E9F0;
}
@media (min-width: 768px) {
  .product__details-review-inner {
    padding: 35px 40px 40px;
  }
}
@media (min-width: 576px) {
  .product__details-review-inner {
    padding: 25px 30px 30px;
  }
}
@media (max-width: 575px) {
  .product__details-review-inner {
    padding: 15px 20px 20px;
  }
}

.xc-product-quantity {
  width: 148px;
  position: relative;
}

.xc-cart-plus,
.xc-cart-minus {
  width: 45px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: var(--xc-common-black);
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.xc-cart-plus::after,
.xc-cart-minus::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 26px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: #DADCE0;
}
.xc-cart-plus:hover,
.xc-cart-minus:hover {
  cursor: pointer;
  color: var(--xc-theme-1);
}
.xc-cart-plus.xc-cart-plus {
  left: auto;
  right: 0;
}
.xc-cart-plus.xc-cart-plus::after {
  left: 0;
  right: auto;
}

.xc-cart-input[type=text] {
  height: 44px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #DADCE0;
  background-color: var(--swiftcart-white);
  padding: 0 45px;
}
.xc-cart-input[type=text]:focus {
  outline: none;
}

/*----------------------------------------
7.3 Shop css
----------------------------------------*/

/*----------------------------------------
7.4 Cart css
----------------------------------------*/

/*--------------------------------------------------------------
# 08. FOOTER CSS
--------------------------------------------------------------*/
/*----------------------------------------
8.1 Footer Style 1
----------------------------------------*/
.xc-footer-one__logo {
  margin-bottom: 20px;
}
.xc-footer-one__about {
  color: #929FA5;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
}
.xc-footer-one__widget-title {
  color: var(--swiftcart-white);
  font-size: 20px;
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
  line-height: 1.4;
}
.xc-footer-one__nav {
  margin-left: 0;
  padding-left: 0;
}
.xc-footer-one__nav li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.xc-footer-one__nav li a {
  font-size: 16px;
  color: #929FA5;
  transition: 0.4s;
}
.xc-footer-one__nav li a:hover {
  color: var(--swiftcart-white);
}
.xc-footer-one__nav li + li {
  margin-top: 15px;
}
.xc-footer-one__cta {
  margin-bottom: 15px;
}
.xc-footer-one__cta span {
  color: #929FA5;
  display: block;
  margin-bottom: 8px;
}

.xc-footer-one-copyright {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.05);
}
.xc-footer-one-copyright p {
  margin-bottom: 0;
  text-align: center;
  color: #929FA5;
}
/*# sourceMappingURL=swiftcart.css.map */
.counter-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-size: contain;
}
.icon-1 {
  background-image: url(../img/i1.png);
}
.icon-2 {
  background-image: url(../img/i2.png);
}
.icon-3 {
  background-image: url(../img/i3.png);
}
.icon-4 {
  background-image: url(../img/i4.png);
}
.congrat-img {
  max-width: 100px;
  margin: 10px auto;
}