@charset "UTF-8";
/**
 * Created by Susan Dangol
*/
/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.ex-flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.ex-vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ex-transition {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.ex-transition-medium {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.ex-transition-large {
  -webkit-transition: all 1.8s ease;
  -moz-transition: all 1.8s ease;
  -ms-transition: all 1.8s ease;
  -o-transition: all 1.8s ease;
  transition: all 1.8s ease;
}

/*--------------------------------------- Mixins Ends -------------------------------------*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
input,
textarea {
  padding: 17px 16px;
  border-radius: 12px;
  border: 1px solid #DCDFE5;
  width: 100%;
}
input[type=checkbox], input[type=radio],
textarea[type=checkbox],
textarea[type=radio] {
  width: auto;
  margin-right: 12px;
}

::placeholder {
  color: #495A69;
}

form .row label {
  left: 28px;
}

.form-group {
  position: relative;
}
.form-group:not(:last-of-type) {
  margin-bottom: 16px;
}
.form-group.password .toggle-password {
  /* float: right; */
  cursor: pointer;
  /* margin-right: 10px; */
  /* margin-top: -25px; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.form-group label {
  position: absolute;
  top: 8px;
  font-size: 12px;
  left: 16px;
  transition: 0.4s ease;
  color: rgb(73, 90, 105);
  pointer-events: none;
}
.form-group input[type=checkbox] + label,
.form-group input[type=radio] + label,
.form-group input[type=checkbox]:focus + label,
.form-group input[type=radio]:focus + label {
  position: initial;
  pointer-events: initial;
  font-size: 14px;
}
.form-group input:focus + label,
.form-group input.has-value + label,
.form-group textarea:focus + label,
.form-group textarea.has-value + label {
  top: 8px;
  transition: 0.4s ease;
  font-size: 12px;
}
.form-group input,
.form-group input:focus,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea.has-value {
  padding: 26px 16px 8px;
}
.form-group select {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #DCDFE5;
}

.strength-lines {
  justify-content: space-between;
}
.strength-lines .line {
  height: 6px;
  width: 33%;
  background-color: transparent;
  display: block;
  border-radius: 20px;
  border: 1px solid #ccc;
  transition: background-color 0.25s ease-in;
}

/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
#header-wrapper {
  background: #fff;
  position: relative;
}
#header-wrapper .custom-container {
  padding-top: 0;
  padding-bottom: 0;
}
#header-wrapper .header-inner {
  display: flex;
  gap: 20px;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#header-wrapper .header-inner .header-item {
  align-items: center;
}
#header-wrapper .header-inner .header-item .site-logo img {
  max-width: 100%;
  height: auto;
}
#header-wrapper .header-inner .header-item:nth-child(3) {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}
#header-wrapper .header-inner .header-item:last-of-type img {
  height: auto;
}
#header-wrapper .header-inner .navigation-container ul {
  display: flex;
  align-content: center;
}
#header-wrapper .header-inner .navigation-container ul li {
  padding: 16px;
}
#header-wrapper .header-inner .navigation-container ul li a {
  color: #000;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  padding: 32px 100px;
  z-index: 99;
  border-radius: 8px;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.03);
  width: 100%;
  height: 0px;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu p {
  padding-bottom: 8px;
  font-size: 12px;
  color: #495A69;
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu ul {
  display: none;
  width: 30%;
  flex-wrap: wrap;
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu ul li {
  width: 50%;
  padding: 8px 0;
  font-weight: 600;
  font-size: 16px;
  max-width: 1240px;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu.mega-menu {
  min-height: 50vh;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu.mega-menu ul {
  width: auto;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu.mega-menu ul li {
  width: 100%;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu.mega-menu ul li.has-sub-child .sub-sub-menu {
  position: absolute;
  left: 20%;
  top: 30px;
  width: 30%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  left: 30%;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu.mega-menu ul li.has-sub-child .sub-sub-menu ul li {
  width: 50%;
}
#header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu.mega-menu ul li.has-sub-child.active .sub-sub-menu {
  opacity: 1;
  visibility: visible;
}
#header-wrapper .header-inner .navigation-container ul li.has-child:hover .sub-menu {
  visibility: visible;
  height: auto;
  width: 100%;
  opacity: 1;
  height: auto;
}
#header-wrapper .header-inner .navigation-container ul li.has-child:hover .sub-menu ul {
  display: flex;
}
#header-wrapper .header-inner .currency {
  background-color: transparent;
}
#header-wrapper .header-inner .currency select,
#header-wrapper .header-inner .currency select:focus-visible,
#header-wrapper .header-inner .currency select:focus,
#header-wrapper .header-inner .currency select:visited {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
}
#header-wrapper .header-inner .currency select {
  color: #22292f;
  padding-right: 16px;
  vertical-align: sub;
}
#header-wrapper .header-inner .cart .icon {
  position: relative;
}
#header-wrapper .header-inner .cart .icon span {
  position: absolute;
  height: 7px;
  width: 7px;
  padding: 2px;
  bottom: 0px;
  right: 0px;
  border-radius: 50%;
  font-size: 10px;
  background: red;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header-wrapper .header-inner .search-bar {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  background: #fff;
  padding: 32px 100px;
  transition: opacity 0.6s ease-in-out;
}
#header-wrapper .header-inner .search-bar label {
  margin-bottom: 8px;
  color: #495A69;
}
#header-wrapper .header-inner .search-bar input {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #DBE1E5;
  padding: 9px 30px;
}
#header-wrapper .header-inner .search-bar input:focus {
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #c5c5c9;
}
#header-wrapper .header-inner .search-bar ::placeholder {
  color: #495A69;
}
#header-wrapper .header-inner .search-bar .search-form {
  position: relative;
}
#header-wrapper .header-inner .search-bar .search-form :after {
  content: "";
  position: absolute;
  top: 68%;
  transform: translateY(-50%);
  left: 0;
  height: 24px;
  width: 24px;
  background: url("../img/icons/search.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#header-wrapper .header-inner .search.open .search-bar {
  height: auto;
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}
#header-wrapper .header-inner .search .icon {
  cursor: pointer;
}
#header-wrapper .header-inner .account ul {
  margin-left: 12px;
}
#header-wrapper .header-inner .account:hover .dropdown-menu {
  display: block !important;
}
#header-wrapper .header-inner .account .dropdown .evo-user {
  white-space: nowrap;
  width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 18px;
  position: relative;
}
#header-wrapper .header-inner .account .dropdown .evo-user .evo-chevron-down {
  position: absolute;
  right: 10px;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu {
  min-width: 250px;
  left: -190%;
  border: none;
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.0588235294);
  border-radius: 8px;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu li {
  padding: 8px 16px;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu li:hover {
  background: #F0F2F6;
  transition: 0.4s ease;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu li p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu li p:last-of-type {
  color: #495A69;
  margin-bottom: 10px;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu li a {
  display: inline-block;
  width: 100%;
  color: #22292F;
  font-weight: 400;
  font-size: 14px;
  color: #22292F !important;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu li:last-of-type {
  margin-top: 8px;
  border-top: 1px solid #DCDFE5;
}
#header-wrapper .header-inner .account .dropdown .dropdown-menu li:last-of-type a {
  color: #D41717 !important;
}

/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
#content-wrapper .emi-section .emi-container .section-title {
  width: 50%;
  padding-right: 24px;
  padding-bottom: 0;
}
#content-wrapper .emi-section .emi-container .section-title span {
  color: #FB4747;
}
#content-wrapper .emi-section .emi-container .content {
  width: 50%;
  padding-left: 24px;
}
#content-wrapper .emi-section .emi-container .content .action .common-btn {
  margin-top: 16px;
  padding: 8px 16px;
}
#content-wrapper .price s {
  color: #495A69;
  font-size: 12px;
  font-family: "SF PRO 400", sans-serif;
}
#content-wrapper #home-page .special-deals-section {
  background: #F0F2F6;
}
#content-wrapper #home-page .special-deals-section .special-deals-container .common-item {
  width: 25%;
}
#content-wrapper #home-page .special-deals-section .special-deals-container .common-item .inner {
  background: #fff;
  border-radius: 20px;
}
#content-wrapper #home-page .best-seller-section .best-seller-container {
  margin: -12px;
}
#content-wrapper #home-page .best-seller-section .best-seller-container .item {
  width: 33.33%;
  padding: 12px;
}
#content-wrapper #home-page .best-seller-section .best-seller-container .item .img-container {
  border-radius: 16px;
  overflow: hidden;
}
#content-wrapper #home-page .best-seller-section .best-seller-container .item .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#content-wrapper #home-page .best-seller-section .best-seller-container .slick-list {
  padding: 0 20% 0 0 !important;
}
#content-wrapper #home-page .gallery-section .gallery-grid {
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 300px);
  gap: 24px;
}
#content-wrapper #home-page .gallery-section .gallery-grid .item .img-container {
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}
#content-wrapper #home-page .gallery-section .gallery-grid .item .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}
#content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(2), #content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(3) {
  grid-column: span 3;
}
#content-wrapper #home-page .new-arrival-section {
  background: #F0F2F6;
}
#content-wrapper #home-page .new-arrival-section .new-arrival-container .common-item {
  width: 25%;
}
#content-wrapper .banner-section .item .img-container a {
  display: inline-block;
  width: 100%;
}
#content-wrapper .banner-section .item .img-container img {
  width: 100%;
  object-position: center;
  object-fit: cover;
}
#content-wrapper .banner-section .item .img-container img.banner-mobile {
  display: none;
  height: 570px;
}
#content-wrapper .safe-payment-section {
  background-color: white;
}
#content-wrapper .safe-payment-section .payment-gateways {
  margin-top: 32px;
}
#content-wrapper .safe-payment-section .payment-gateways img {
  max-width: 130px;
  height: auto;
}
#content-wrapper .safe-payment-section .payment-gateways.slick-slider .slick-prev {
  left: -15px;
}
#content-wrapper .safe-payment-section .payment-gateways.slick-slider .slick-next {
  right: -15px;
}
#content-wrapper .safe-payment-section .payment-gateways .slick-track {
  display: flex;
}
#content-wrapper .safe-payment-section .payment-gateways .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
#content-wrapper #product-page .common-banner-section .banner-image {
  height: 73vh;
}
#content-wrapper #product-page .common-banner-section .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#content-wrapper #product-page #category-slider {
  margin: 0px -20px;
}
#content-wrapper #product-page #category-slider .slick-track {
  margin: initial;
}
#content-wrapper #product-page #category-slider .item {
  padding: 20px;
  text-align: center;
}
#content-wrapper #product-page #category-slider .item a {
  display: inline-block;
}
#content-wrapper #product-page #category-slider .item .img-container {
  margin: auto;
  padding: 10px;
  background: rgba(9, 134, 255, 0.08);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-wrapper #product-page #category-slider .item .img-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#content-wrapper #product-page #category-slider .item p {
  font-size: 12px;
  margin-top: 12px;
}
#content-wrapper #product-page #category-slider .item a {
  color: #22292F;
}
#content-wrapper #product-page #category-slider .slick-list {
  margin: 0 20px;
}
#content-wrapper #product-page #category-slider .slick-prev {
  left: 8px;
}
#content-wrapper #product-page #category-slider .slick-next {
  right: 8px;
}
#content-wrapper #product-page #category-slider .slick-arrow {
  top: 38%;
}
#content-wrapper #product-page #category-slider .slick-arrow:before {
  display: none;
}
#content-wrapper #product-page .head-wrapper {
  padding: 0px 0 32px;
  margin-top: 56px;
}
#content-wrapper #product-page .head-wrapper p {
  color: #495A69;
  font-size: 12px;
}
#content-wrapper #product-page .head-wrapper .sort label {
  color: #22292F;
  font-size: 14px;
}
#content-wrapper #product-page .head-wrapper .sort option {
  color: #495A69;
  font-size: 14px;
}
#content-wrapper #product-page .head-wrapper .sort select {
  border: 1px solid #DCDFE5;
  border-radius: 8px;
  padding: 8px 12px;
  margin-left: 6px;
  font-size: 14px;
}
#content-wrapper #product-page .head-wrapper .filter {
  position: relative;
}
#content-wrapper #product-page .head-wrapper .filter .action a {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
}
#content-wrapper #product-page .head-wrapper .filter .action a.filter-btn {
  padding: 8px 16px;
  border: 1px solid #ACB8C3;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
}
#content-wrapper #product-page .head-wrapper .filter .action a p {
  color: #22292F;
}
#content-wrapper #product-page .head-wrapper .filter.open .filter-options {
  height: auto;
  visibility: visible;
  opacity: 1;
}
#content-wrapper #product-page .head-wrapper .filter .filterby {
  padding-top: 16px;
}
#content-wrapper #product-page .head-wrapper .filter .filterby ul {
  display: flex;
  flex-wrap: wrap;
}
#content-wrapper #product-page .head-wrapper .filter .filterby ul li {
  padding: 4px 8px;
  padding-right: 24px;
  background-color: #DCDFE5;
  border-radius: 100px;
  margin-right: 12px;
  position: relative;
}
#content-wrapper #product-page .head-wrapper .filter .filterby ul li:after {
  position: absolute;
  content: "";
  transform: translateY(-50%);
  top: 50%;
  right: 8px;
  width: 7px;
  height: 7px;
  background-image: url("../img/icons/cross.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 40px;
  height: 0;
  left: 0;
  z-index: 9;
  min-width: 375px;
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  transition: opacity 0.1s ease-in-out;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options .head {
  padding-bottom: 24px;
  align-items: center;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options .head img {
  margin-right: 10px;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options .head a {
  color: red;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options .search {
  position: relative;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options .search input {
  border: none;
  border-bottom: 1px solid #DBE1E5;
  border-radius: 0;
  padding: 8px 24px;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options .search img {
  position: absolute;
  left: 0;
  top: 10px;
  width: 16px;
  height: 16px;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options .title {
  padding: 24px 0 16px;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options ul {
  display: flex;
  flex-wrap: wrap;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options ul li {
  position: relative;
  transition: 0.4s ease;
  margin: 4px;
  padding: 8px 12px;
  border: 1px solid #F0F2F6;
  border-radius: 100px;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options ul li a {
  color: #22292F;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  height: 16px;
  background-image: url("../img/icons/blue-tick.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 0;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options ul li.active {
  border-color: #0B72EB;
  padding-left: 32px;
  transition: 0.4s ease;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options ul li.active a {
  color: #0B72EB;
}
#content-wrapper #product-page .head-wrapper .filter .filter-options ul li.active:after {
  width: 16px;
  transition: 0.4s ease;
}
#content-wrapper #product-page .products-list-container .common-item {
  width: 25%;
}
#content-wrapper #product-page .products-list-container .pagination {
  padding-top: 32px;
  margin: auto;
  width: 100%;
  display: block;
}
#content-wrapper #product-page .products-list-container .pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-wrapper #product-page .products-list-container .pagination ul li {
  height: 34px;
  width: 34px;
  background: transparent;
  border: 1px solid #ACB8C3;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#content-wrapper #product-page .products-list-container .pagination ul li:not(:last-of-type) {
  margin-right: 8px;
}
#content-wrapper #product-page .products-list-container .pagination ul li a {
  height: 100%;
  width: 100%;
  color: #22292F;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-wrapper #product-page .products-list-container .pagination ul li.active {
  background: #0B72EB;
  border-color: #0B72EB;
}
#content-wrapper #product-page .products-list-container .pagination ul li.active a,
#content-wrapper #product-page .products-list-container .pagination ul li.active span {
  color: #fff;
}
#content-wrapper #product-page .empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  text-align: center;
  padding: 30px 0;
}
#content-wrapper #product-page .empty p {
  color: #495A69;
  margin-top: 8px;
}
#content-wrapper #product-page .empty h1 {
  font-size: 20px;
}
#content-wrapper #product-details-page .details-section .image-container {
  width: 50%;
  padding-right: 120px;
}
#content-wrapper #product-details-page .details-section .image-container .slider-for .item {
  height: 500px;
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
#content-wrapper #product-details-page .details-section .image-container .slider-for .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#content-wrapper #product-details-page .details-section .image-container .slider-nav .item {
  padding: 12px;
}
#content-wrapper #product-details-page .details-section .image-container .slider-nav .item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
#content-wrapper #product-details-page .details-section .details-container {
  width: 50%;
}
#content-wrapper #product-details-page .details-section .details-container .cat {
  padding-bottom: 8px;
}
#content-wrapper #product-details-page .details-section .details-container .section-title {
  padding-bottom: 16px;
}
#content-wrapper #product-details-page .details-section .details-container .details {
  padding: 16px 0 24px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #DBE1E5;
}
#content-wrapper #product-details-page .details-section .details-container .details p {
  font-size: 14px;
}
#content-wrapper #product-details-page .details-section .details-container .details ul {
  padding-left: 20px;
}
#content-wrapper #product-details-page .details-section .details-container .details ul li {
  list-style: disc;
  margin-bottom: 4px;
  font-size: 14px;
}
#content-wrapper #product-details-page .details-section .details-container .details font {
  font-family: "SF Pro 400", sans-serif !important;
  color: rgb(34, 41, 47);
}
#content-wrapper #product-details-page .details-section .details-container .specs ul {
  display: flex;
  align-items: center;
}
#content-wrapper #product-details-page .details-section .details-container .specs .title p {
  font-size: 14px;
  font-family: "SF Pro bold";
  margin: 16px 0 12px;
}
#content-wrapper #product-details-page .details-section .details-container .specs .qty-container {
  text-align: left;
}
#content-wrapper #product-details-page .details-section .details-container .specs .color ul li {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#content-wrapper #product-details-page .details-section .details-container .specs .color ul li:not(:last-of-type) {
  margin-right: 16px;
}
#content-wrapper #product-details-page .details-section .details-container .specs .color ul li img {
  height: 100%;
  width: 100%;
}
#content-wrapper #product-details-page .details-section .details-container .specs .color ul li.active {
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 2px #0B72EB;
}
#content-wrapper #product-details-page .details-section .details-container .specs .memory ul li,
#content-wrapper #product-details-page .details-section .details-container .specs .care ul li,
#content-wrapper #product-details-page .details-section .details-container .specs .storage ul li {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #bcccdc;
  transition: 0.6s ease-in-out;
}
#content-wrapper #product-details-page .details-section .details-container .specs .memory ul li:not(:last-of-type),
#content-wrapper #product-details-page .details-section .details-container .specs .care ul li:not(:last-of-type),
#content-wrapper #product-details-page .details-section .details-container .specs .storage ul li:not(:last-of-type) {
  margin-right: 8px;
}
#content-wrapper #product-details-page .details-section .details-container .specs .memory ul li.active,
#content-wrapper #product-details-page .details-section .details-container .specs .care ul li.active,
#content-wrapper #product-details-page .details-section .details-container .specs .storage ul li.active {
  border-color: #22292F;
  color: #fff;
  background: #22292F;
  transition: 0.6s ease-in-out;
}
#content-wrapper #product-details-page .details-section .details-container .specs .memory ul li:hover,
#content-wrapper #product-details-page .details-section .details-container .specs .care ul li:hover,
#content-wrapper #product-details-page .details-section .details-container .specs .storage ul li:hover {
  color: #fff;
  background: #495A69;
  border-color: #495A69;
  transition: 0.6s ease-in-out;
}
#content-wrapper #product-details-page .details-section .details-container .stock-delivery {
  display: flex;
  column-gap: 8px;
}
#content-wrapper #product-details-page .details-section .details-container .stock-delivery .stock-status {
  padding: 4px 6px;
  border-radius: 100px;
}
#content-wrapper #product-details-page .details-section .details-container .stock-delivery .stock-status.in-stock {
  color: #0B72EB;
  background-color: rgba(9, 134, 255, 0.08);
}
#content-wrapper #product-details-page .details-section .details-container .stock-delivery .stock-status.out-of-stock {
  color: #FB4747;
  background-color: rgba(251, 71, 71, 0.1);
}
#content-wrapper #product-details-page .details-section .details-container .stock-delivery .free-delivery {
  padding: 4px 6px;
  border-radius: 100px;
}
#content-wrapper #product-details-page .details-section .details-container .stock-delivery .free-delivery.eligible {
  color: #117E2A;
  background-color: #EDFDF1;
}
#content-wrapper #product-details-page .details-section .details-container .price {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #DBE1E5;
}
#content-wrapper #product-details-page .details-section .details-container .price p {
  font-size: 20px;
  font-weight: 600;
  color: #FB4747;
}
#content-wrapper #product-details-page .details-section .details-container .actions {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
#content-wrapper #product-details-page .details-section .details-container .actions .btn-item:not(:last-of-type) {
  margin-right: 16px;
}
#content-wrapper #product-details-page .details-section .details-container .actions .btn-item a {
  margin-top: unset;
  min-width: 150px;
  line-height: 100%;
}
#content-wrapper #product-details-page .details-section .details-container .actions .btn-item.add-to-bag svg {
  display: none;
}
#content-wrapper #product-details-page .technical-details-section .desc {
  padding-bottom: 16px;
}
#content-wrapper #product-details-page .technical-details-section .desc p {
  font-family: "SF Pro 500";
}
#content-wrapper #product-details-page .technical-details-section .technicals {
  width: 60%;
}
#content-wrapper #product-details-page .technical-details-section .technicals .item .inner .title {
  width: 30%;
}
#content-wrapper #product-details-page .technical-details-section .technicals .item .inner .title p {
  font-family: "SF Pro 500";
}
#content-wrapper #product-details-page .technical-details-section .technicals .item .inner .details {
  width: 70%;
}
#content-wrapper #product-details-page .technical-details-section .dimension {
  width: 40%;
  padding-left: 120px;
}
#content-wrapper #product-details-page .technical-details-section .dimension .title {
  width: 50%;
}
#content-wrapper #product-details-page .technical-details-section .dimension .title p {
  font-family: "SF Pro 500";
}
#content-wrapper #product-details-page .technical-details-section .dimension .details {
  width: 50%;
}
#content-wrapper #product-details-page .technical-details-section .technicals .item,
#content-wrapper #product-details-page .technical-details-section .dimension .item {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ACB8C3;
}
#content-wrapper #cart-page .empty p {
  margin: 12px 0 24px;
}
#content-wrapper #cart-page .empty .common-btn {
  width: 200px !important;
  margin-right: 16px;
  margin-top: 0;
}
#content-wrapper #cart-page .cart-section {
  position: relative;
}
#content-wrapper #cart-page .cart-section .section-title span {
  font-size: 20px;
  font-family: "SF Pro 500";
}
#content-wrapper #cart-page .cart-section .cart-items-container {
  width: 70%;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr:nth-child(1) td {
  padding: 12px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr:nth-child(1) td label {
  padding-left: 8px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr:nth-child(1) td:nth-child(1) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr:nth-child(1) td:nth-child(2) {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr:nth-child(1) td:nth-child(2) p {
  position: relative;
  color: #D41717;
  display: inline-block;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr:nth-child(1) td:nth-child(2) p:after {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  background-image: url("../img/icons/bin.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  left: -18px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td {
  vertical-align: middle;
  padding: 24px 12px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(2) {
  width: 18%;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type {
  width: 15%;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td .price-per-item p {
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
  color: #495A69;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type {
  text-align: right;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type .action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  flex-wrap: wrap;
  padding-bottom: 16px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type .price p {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 600;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type .price p:last-of-type {
  color: #117E2A;
  font-size: 10px;
  font-weight: 400;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type .price s {
  font-size: 12px;
  font-weight: 400;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td .img-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td select {
  border: none;
  text-align: center;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td select:focus, #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td select:visited {
  border: none;
  outline: none;
  font-family: "SF Pro 500";
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td select option {
  padding: 8px;
  text-align: center;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td .price {
  font-family: "SF Pro bold";
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td .details .name p {
  font-family: "SF Pro bold";
  font-size: 16px;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td .details .specs {
  display: flex;
  padding: 6px 0;
  flex-wrap: wrap;
}
#content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td .details .specs .specs-item {
  padding-right: 8px;
  font-size: 12px;
}
#content-wrapper #cart-page .cart-section .summary {
  width: 30%;
  padding-left: 24px;
}
#content-wrapper #cart-page .cart-section .summary .inner {
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #DBE1E5;
  background-color: white;
}
#content-wrapper #cart-page .cart-section .summary .inner .section-title {
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #DBE1E5;
}
#content-wrapper #cart-page .cart-section .summary .inner .delivery,
#content-wrapper #cart-page .cart-section .summary .inner .coupon {
  margin-bottom: 16px;
}
#content-wrapper #cart-page .cart-section .summary .inner .coupon input {
  padding: 6px 12px;
  border: 1px solid #DCDFE5;
  border-radius: 8px;
  width: 50%;
}
#content-wrapper #cart-page .cart-section .summary .inner .coupon::placeholder {
  color: #495A69;
}
#content-wrapper #cart-page .cart-section .summary .inner .coupon .action .common-btn {
  border-radius: 8px;
  padding: 6px 14px;
  margin-top: 0;
  font-family: "SF Pro 400";
}
#content-wrapper #cart-page .cart-section .summary .inner .error-msg {
  background: #FDEDED;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 24px;
  padding-left: 30px;
}
#content-wrapper #cart-page .cart-section .summary .inner .error-msg p {
  position: relative;
}
#content-wrapper #cart-page .cart-section .summary .inner .error-msg p:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  background-image: url("../img/icons/warning.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 14px;
  width: 14px;
}
#content-wrapper #cart-page .cart-section .summary .inner .sub-total {
  padding-top: 24px;
  border-top: 1px solid #DBE1E5;
}
#content-wrapper #cart-page .cart-section .summary .inner .delivery,
#content-wrapper #cart-page .cart-section .summary .inner .sub-total,
#content-wrapper #cart-page .cart-section .summary .inner .total,
#content-wrapper #cart-page .cart-section .summary .inner .coupon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#content-wrapper #cart-page .cart-section .summary .inner .delivery p,
#content-wrapper #cart-page .cart-section .summary .inner .sub-total p,
#content-wrapper #cart-page .cart-section .summary .inner .total p,
#content-wrapper #cart-page .cart-section .summary .inner .coupon p {
  padding-bottom: 0;
  margin-bottom: 0;
}
#content-wrapper #cart-page .cart-section .summary .inner .vat {
  text-align: right;
  font-size: 12px;
}
#content-wrapper #cart-page .cart-section .summary .inner .total {
  margin-top: 16px;
}
#content-wrapper #cart-page .cart-section .summary .inner .total p {
  font-family: "SF Pro bold";
}
#content-wrapper #cart-page .cart-section .summary .inner .total p:nth-child(2) {
  color: red;
}
#content-wrapper #cart-page .cart-section .summary .inner .action .common-btn {
  width: 100% !important;
}
#content-wrapper #cart-empty-page .cart-message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 820px;
  margin-inline: auto;
  gap: 24px;
}
#content-wrapper #cart-empty-page .cart-message-container .section-title {
  padding: unset;
}
#content-wrapper #cart-empty-page .cart-message-container .section-title h1 {
  font-size: 20px;
}
#content-wrapper #cart-empty-page .cart-message-container .description {
  text-align: center;
}
#content-wrapper #cart-empty-page .cart-message-container .description p.order-success-message {
  color: #495A69;
}
#content-wrapper #cart-empty-page .cart-message-container .description p.estimated-delivery-date {
  color: #22292F;
  font-weight: 400;
}
#content-wrapper #cart-empty-page .cart-message-container .description p.posting-message {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
#content-wrapper #cart-empty-page .cart-message-container .order-details-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  width: 100%;
  padding: 32px 24px;
  background-color: #F0F2F6;
  border-radius: 8px;
}
#content-wrapper #cart-empty-page .cart-message-container .order-details-summary div {
  display: flex;
  flex-direction: column;
  text-align: center;
}
#content-wrapper #cart-empty-page .cart-message-container .order-details-summary div p {
  margin: unset;
  color: #495A69;
  font-family: "Inter", sans-serif;
}
#content-wrapper #cart-empty-page .cart-message-container .order-details-summary div p:last-child {
  font-weight: 500;
  color: #22292F;
}
#content-wrapper #cart-empty-page .cart-message-container .actions .common-btn {
  margin: unset;
}
#content-wrapper #terms-page .custom-container {
  padding-bottom: 24px;
}
#content-wrapper #terms-page .terms-section .details {
  max-width: 820px;
  margin: auto;
}
#content-wrapper #terms-page .terms-section .details ol,
#content-wrapper #terms-page .terms-section .details ul {
  padding-left: 20px;
  margin-bottom: 24px;
}
#content-wrapper #terms-page .terms-section .details ul li {
  list-style: disc;
}
#content-wrapper #terms-page .terms-section .details p:last-of-type {
  margin-bottom: 24px;
}
#content-wrapper #terms-page .terms-section .details li:not(:last-of-type) {
  margin-bottom: 16px;
}
#content-wrapper #terms-page .terms-section .details h1,
#content-wrapper #terms-page .terms-section .details h2,
#content-wrapper #terms-page .terms-section .details h3,
#content-wrapper #terms-page .terms-section .details h4,
#content-wrapper #terms-page .terms-section .details h5,
#content-wrapper #terms-page .terms-section .details h6 {
  margin: 24px 0;
}
#content-wrapper #faq-page .faq-container {
  max-width: 610px;
  margin: auto;
}
#content-wrapper #faq-page .faq-container .section-title {
  padding-bottom: 16px;
}
#content-wrapper #faq-page .faq-container .desc {
  padding-bottom: 24px;
}
#content-wrapper #faq-page .faq-container .accordion-item {
  border-radius: 8px;
  background: #F0F2F6;
  margin-bottom: 16px;
  border: none;
}
#content-wrapper #faq-page .faq-container .accordion-item button {
  border-radius: 16px;
  background: #F0F2F6;
  border: none;
  box-shadow: none;
  color: #22292F;
  font-size: 16px;
  font-family: "SF Pro 500";
}
#content-wrapper #faq-page .faq-container .accordion-item button:after {
  background-image: url("../img/icons/add-1.png");
  height: 14px;
  width: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#content-wrapper #faq-page .faq-container .accordion-item button:not(.collapsed):after {
  background-image: url("../img/icons/subtract-1.png");
}
#content-wrapper #faq-page .faq-container .accordion-item .accordion-body {
  padding-top: 0;
  padding-left: 32px;
  padding-right: 32px;
  font-family: "SF Pro 400";
}
#content-wrapper #blog-page .blog-section .blog-container .item {
  width: 33.33%;
  padding: 20px 12px;
}
#content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) {
  width: 100%;
}
#content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner {
  display: flex;
  align-items: center;
}
#content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .img-container {
  width: 50%;
  height: 455px;
}
#content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .text {
  width: 50%;
  padding-left: 60px;
}
#content-wrapper #blog-page .blog-section .blog-container .item .img-container {
  height: 295px;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  background: #DBE1E5;
}
#content-wrapper #blog-page .blog-section .blog-container .item .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#content-wrapper #blog-page .blog-section .blog-container .item .text {
  color: #000;
  padding-top: 24px;
}
#content-wrapper #blog-page .blog-section .blog-container .item .text .date p {
  font-size: 12px;
  color: #495A69;
}
#content-wrapper #blog-page .blog-section .blog-container .item .text .title {
  padding: 8px 0 16px;
}
#content-wrapper #blog-page .blog-section .blog-container .item .text .details p {
  font-size: 14px;
}
#content-wrapper #blog-page .blog-section .load-more {
  width: 100%;
  text-align: center;
}
#content-wrapper #blog-page .blog-section .load-more .load-more-btn {
  display: inline-block;
  padding: 10px 35px;
  border-radius: 8px;
  background: #fff;
  margin-top: 40px;
  border: 1px solid #ACB8C3;
  font-size: 14px;
  color: #000000;
}
#content-wrapper #blog-page .blog-section .pagination {
  justify-content: center;
  margin-top: 16px;
}
#content-wrapper #blog-page .blog-section .pagination .pagination {
  gap: 16px;
}
#content-wrapper #blog-page .blog-section .pagination .pagination li a {
  color: #000000;
}
#content-wrapper #blog-page .blog-section .pagination .pagination li.active {
  font-weight: 600;
}
#content-wrapper #blog-details-page .blog-details-section .details-container {
  max-width: 1000px;
  margin: auto;
}
#content-wrapper #blog-details-page .blog-details-section .details-container .img-container {
  width: 600px;
  height: 455px;
  border-radius: 16px;
  overflow: hidden;
  margin: 30px auto 50px;
}
#content-wrapper #blog-details-page .blog-details-section .details-container .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#content-wrapper #blog-details-page .blog-details-section .details-container .details p,
#content-wrapper #blog-details-page .blog-details-section .details-container .details ul,
#content-wrapper #blog-details-page .blog-details-section .details-container .details ol {
  margin-bottom: 16px;
}
#content-wrapper #blog-details-page .blog-details-section .details-container .details ol,
#content-wrapper #blog-details-page .blog-details-section .details-container .details li {
  padding-left: 20px;
}
#content-wrapper #blog-details-page .blog-details-section .details-container .details li {
  margin-bottom: 8px;
}
#content-wrapper #blog-details-page .blog-details-section .details-container .details h1,
#content-wrapper #blog-details-page .blog-details-section .details-container .details h2,
#content-wrapper #blog-details-page .blog-details-section .details-container .details h3,
#content-wrapper #blog-details-page .blog-details-section .details-container .details h4,
#content-wrapper #blog-details-page .blog-details-section .details-container .details h5,
#content-wrapper #blog-details-page .blog-details-section .details-container .details h6 {
  padding-top: 8px;
  padding-bottom: 16px;
}
#content-wrapper #emi-page .emi-details-section {
  max-width: 1200px;
  margin: auto;
}
#content-wrapper #emi-page .emi-details-section .section-title {
  width: 50%;
}
#content-wrapper #emi-page .emi-details-section .section-title span {
  color: #FB4747;
}
#content-wrapper #emi-page .emi-details-section .details {
  width: 50%;
  padding-left: 24px;
}
#content-wrapper #emi-page .banks-section .text {
  text-align: center;
  margin-bottom: 32px;
}
#content-wrapper #emi-page .banks-section .banks-container {
  margin: -12px;
}
#content-wrapper #emi-page .banks-section .banks-container .item {
  width: 20%;
  padding: 12px;
}
#content-wrapper #emi-page .banks-section .banks-container .item .img-container {
  text-align: center;
}
#content-wrapper #emi-page .banks-section .banks-container .item .img-container img {
  width: 100%;
  max-width: 180px;
  height: 100px;
  object-fit: contain;
}
#content-wrapper #emi-page .banks-section .banks-container .item .title {
  padding-top: 8px;
  text-align: center;
}
#content-wrapper #emi-page .why-emi .emi-option {
  margin: -12px;
}
#content-wrapper #emi-page .why-emi .emi-option .item {
  width: 25%;
  padding: 12px;
}
#content-wrapper #emi-page .why-emi .emi-option .item .inner {
  height: 100%;
  padding: 32px;
  background: #F0F2F6;
  border-radius: 32px;
}
#content-wrapper #emi-page .why-emi .emi-option .item .inner .icon {
  width: 40px;
  height: 40px;
}
#content-wrapper #emi-page .why-emi .emi-option .item .inner .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#content-wrapper #emi-page .why-emi .emi-option .item .inner .title {
  padding: 64px 0 16px;
}
#content-wrapper #emi-page .finance-section {
  background-size: cover;
  background-position: bottom center;
  padding-bottom: 500px;
  height: 85vh;
}
#content-wrapper #emi-page .finance-section .finance-container {
  max-width: 1000px;
  margin: auto;
}
#content-wrapper #emi-page .finance-section .finance-container .about {
  width: 50%;
  padding-right: 130px;
}
#content-wrapper #emi-page .finance-section .finance-container .period {
  width: 50%;
}
#content-wrapper #emi-page .finance-section .finance-container .period ul li {
  padding-bottom: 8px;
}
#content-wrapper #emi-page .finance-section .finance-container .period .action a {
  padding: 10px 16px;
  border-radius: 8px;
  background: #DBE1E5;
  font-size: 14px;
  display: inline-block;
  color: #22292F;
  margin-top: 16px;
}
#content-wrapper #emi-page .emi-calc-section .emi-container {
  display: flex;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator {
  width: 50%;
  padding-right: 130px;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .form-group {
  margin-bottom: 12px;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .form-group label {
  display: block;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .form-group input {
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #DCDFE5;
  background: #F0F2F6;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .form-group select {
  width: 100%;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #DCDFE5;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .form-group .message {
  padding: 16px;
  max-width: 400px;
  border-radius: 8px;
  background: rgba(9, 134, 255, 0.08);
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .form-group .message span {
  font-weight: 600;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .action {
  text-align: right;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .action .common-btn {
  min-width: 100px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  margin-top: 24px;
  margin-left: 16px;
  display: inline-block;
  background: #0B72EB;
  border: 1px solid #0B72EB;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .calculator .form .action .common-btn.transparent {
  background: #fff;
  border: 1px solid #ACB8C3;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .terms-container {
  width: 50%;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .terms-container ol {
  padding-left: 20px;
}
#content-wrapper #emi-page .emi-calc-section .emi-container .terms-container ol li {
  margin-bottom: 12px;
}
#content-wrapper #emi-page .apply-emi-section .apply-container {
  max-width: 1000px;
  margin: auto;
}
#content-wrapper #emi-page .apply-emi-section .apply-container .section-title {
  width: 50%;
  padding-right: 80px;
}
#content-wrapper #emi-page .apply-emi-section .apply-container .section-title span {
  color: #FB4747;
}
#content-wrapper #emi-page .apply-emi-section .apply-container .rules {
  width: 50%;
  padding-left: 24px;
}
#content-wrapper #emi-page .apply-emi-section .apply-container .rules ul li {
  list-style: disc;
  margin-bottom: 8px;
}
#content-wrapper #services-page .services-container .nav-tabs {
  border: none;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
#content-wrapper #services-page .services-container .nav-tabs .nav-item .nav-link {
  min-width: 110px;
  border: 1px solid #BCCCDC;
  border-radius: 100px;
  padding: 8px 16px;
  margin-right: 8px;
  margin-bottom: 8px;
  color: #22292F;
}
#content-wrapper #services-page .services-container .nav-tabs .nav-item .nav-link.active {
  background: #0B72EB;
  color: #fff;
}
#content-wrapper #services-page .services-container .tab-content {
  padding-top: 24px;
}
#content-wrapper #services-page .services-container .tab-content .mega-table {
  height: 70vh;
  overflow: auto;
}
#content-wrapper #services-page .services-container .tab-content table tr th {
  position: sticky;
  top: 0;
  background: #fff;
}
#content-wrapper #services-page .services-container .tab-content table tr th,
#content-wrapper #services-page .services-container .tab-content table tr td {
  padding: 12px 8px;
  vertical-align: middle;
  border-color: #DBE1E5;
}
#content-wrapper #services-page .services-container .tab-content table tr th {
  vertical-align: top;
}
#content-wrapper #services-page .services-container .tab-content table tr th h5 {
  font-size: 14px;
  font-weight: 500;
}
#content-wrapper #services-page .services-container .tab-content table tr td:not(:first-of-type),
#content-wrapper #services-page .services-container .tab-content table tr th:not(:first-of-type) {
  text-align: right;
}
#content-wrapper #services-page .services-container .tab-content .common-service-item {
  margin-bottom: 32px;
}
#content-wrapper #services-page .services-container .tab-content .common-service-item .other-title h3 {
  margin-bottom: 24px;
}
#content-wrapper #services-page .services-container .tab-content .common-service-item h5 {
  font-size: 16px;
  margin-bottom: 8px;
}
#content-wrapper #services-page .services-container .tab-content .common-service-item ul {
  padding-left: 20px;
}
#content-wrapper #services-page .services-container .tab-content .common-service-item ul li {
  list-style: disc;
}
#content-wrapper #services-page .services-container .tab-content .common-service-item .time-item {
  margin-bottom: 16px;
}
#content-wrapper #services-page .services-container .tab-content .map-section ul {
  padding-left: initial;
}
#content-wrapper #services-page .services-container .tab-content .map-section ul li {
  line-height: 26px;
  list-style: none;
}
#content-wrapper #services-page .apple-service-section .service-details-container {
  margin: -12px;
}
#content-wrapper #services-page .apple-service-section .service-details-container .item {
  width: 50%;
  padding: 12px;
}
#content-wrapper #services-page .apple-service-section .service-details-container .item .inner .img-container {
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-wrapper #services-page .apple-service-section .service-details-container .item .inner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  margin: auto;
}
#content-wrapper #services-page .apple-service-section .service-details-container .item .inner .title {
  width: calc(100% - 148px);
  padding-left: 24px;
}
#content-wrapper #services-page .apple-service-section .service-details-container .item .inner .title h5 {
  font-size: 16px;
  color: #22292F;
  font-weight: 500;
}
#content-wrapper #services-page .apple-care-section .apple-care-container {
  gap: 24px;
}
#content-wrapper #services-page .apple-care-section .apple-care-container .item {
  width: 25%;
}
#content-wrapper #services-page .apple-care-section .apple-care-container .item .img-container {
  padding: 68px;
  background: #F0F2F6;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
#content-wrapper #services-page .apple-care-section .apple-care-container .item .img-container img {
  width: 100%;
  height: 100%;
}
#content-wrapper #services-page .apple-care-section .apple-care-container .item .text {
  padding: 16px 16px 24px;
}
#content-wrapper #services-page .apple-care-section .apple-care-container .item .text .price {
  padding: 12px 0;
}
#content-wrapper #services-page .apple-care-section .apple-care-container .item .text .price p {
  color: #FB4747;
  font-weight: 600;
}
#content-wrapper #services-page .apple-care-section .apple-care-container .item .text .action a {
  margin-top: 0;
  padding: 8px 16px;
  font-weight: 400;
}
#content-wrapper #error-page .content .error-msg {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  height: 50vh;
}
#content-wrapper #error-page .content .error-msg h1 {
  font-size: 64px;
  padding: 32px 0 8px;
  font-weight: 600;
}
#content-wrapper #error-page .content .error-msg .common-btn {
  padding: 16px 24px;
  margin-top: 24px;
  border-radius: 8px;
  display: inline-block;
  width: auto;
}
#content-wrapper #track-order-page .order-track-section .details {
  max-width: 710px;
}
#content-wrapper #track-order-page .order-track-section .track-form {
  max-width: 710px;
  margin-top: 32px;
}
#content-wrapper #track-order-page .order-track-section .track-form .form-wrap {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
#content-wrapper #track-order-page .order-track-section .track-form .form-wrap .fields {
  width: 80%;
  display: flex;
  align-content: center;
  gap: 16px;
}
#content-wrapper #track-order-page .order-track-section .track-form .form-wrap .fields .form-group {
  width: 50%;
  margin-bottom: 0;
}
#content-wrapper #track-order-page .order-track-section .track-form .form-wrap .action {
  width: 20%;
}
#content-wrapper #track-order-page .order-track-section .track-form .form-wrap .action .common-btn {
  margin-top: 0;
  padding: 16px 28px;
}
#content-wrapper #track-order-page .order-details-section .publish {
  margin-bottom: 12px;
}
#content-wrapper #track-order-page .order-details-section .publish .order-number p {
  margin-bottom: 12px;
}
#content-wrapper #track-order-page .order-details-section .common-order-details-table {
  margin-bottom: 64px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .section-title {
  padding-bottom: 12px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .options {
  margin: 32px 0 64px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .options ul li {
  padding: 12px 16px;
  border-radius: 100px;
  border: 1px solid rgb(220, 223, 229);
  margin-right: 16px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process {
  max-width: 940px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li {
  width: 25%;
  position: relative;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li:last-of-type:after {
  display: none;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 18%;
  height: 30px;
  width: 30px;
  background: rgb(220, 223, 229);
  box-shadow: inset 0px 0px 0 4px white;
  border: 1px solid rgb(220, 223, 229);
  border-radius: 50%;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li:after {
  content: "";
  position: absolute;
  top: -25px;
  left: 33%;
  height: 2px;
  width: 83%;
  background: rgb(220, 223, 229);
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li.active {
  color: rgb(17, 126, 42);
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li.active:before {
  background: rgb(17, 126, 42);
  border: 1px solid rgb(17, 126, 42);
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li.active:after {
  background: rgb(17, 126, 42);
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details {
  margin: 24px -12px -12px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item {
  width: 33.33%;
  padding: 12px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .inner {
  padding: 24px;
  border: 1px solid rgb(219, 225, 229);
  border-radius: 16px;
  height: 100%;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .inner .title {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgb(219, 225, 229);
  font-size: 16px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .inner .name p {
  font-weight: 600;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .inner .contact {
  padding: 4px 0;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .inner .address {
  display: flex;
  align-items: flex-start;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .inner .address .tag {
  background: rgb(220, 223, 229);
  border-radius: 100px;
  padding: 4px 8px;
  font-size: 10px;
  margin-right: 8px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .pricing-table table {
  margin-bottom: 0;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .pricing-table table tr td {
  border: none;
  padding: 6px 0;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .pricing-table table tr td:last-of-type {
  text-align: right;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .pricing-table table tr:nth-last-child(2) td {
  color: #1c7430;
  border-bottom: 1px solid rgb(219, 225, 229);
  padding-bottom: 12px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .pricing-table table tr:last-of-type td {
  padding-top: 12px;
  font-weight: 600;
  font-size: 16px;
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .pricing-table table tr:last-of-type td:last-of-type {
  color: rgb(251, 71, 71);
}
#content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item .pricing-table p {
  text-align: right;
  font-size: 12px;
}
#content-wrapper #track-order-page .my-order-details .navigation {
  width: 20%;
  flex-direction: column;
  border: none;
  padding: 8px 80px 16px 16px;
  position: sticky;
  top: 0;
  height: 30vh;
}
#content-wrapper #track-order-page .my-order-details .navigation li:not(:last-of-type) {
  margin-bottom: 24px;
}
#content-wrapper #track-order-page .my-order-details .navigation li a {
  padding: 0;
  border: none;
  color: #495A69;
}
#content-wrapper #track-order-page .my-order-details .navigation li a.active {
  font-family: "SF Pro bold";
}
#content-wrapper #track-order-page .my-order-details .navigation li img {
  margin-right: 8px;
}
#content-wrapper #track-order-page .my-order-details .details-wrapper {
  width: 80%;
}
#content-wrapper #store-locator-page .store-locator-section .desc {
  margin-bottom: 24px;
}
#content-wrapper #store-locator-page .store-locator-section .location-container {
  width: 50%;
  padding-right: 130px;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .nav-tabs {
  border-bottom: 0;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .nav-tabs li {
  margin-right: 8px;
  margin-bottom: 3px;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .nav-tabs li button {
  padding: 8px 18px;
  border-radius: 100px;
  border: 1px solid rgb(188, 204, 220);
  color: #22292F;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .nav-tabs li button.active {
  background: rgb(11, 114, 235);
  border-color: rgb(11, 114, 235);
  color: #fff;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores {
  margin-top: 24px;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores .tab-pane .accordion-item {
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores .tab-pane .accordion-item .accordion-header {
  font-size: 16px !important;
  font-family: "SF Pro 500";
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores .tab-pane .accordion-item .accordion-header button {
  background: rgb(240, 242, 246);
  box-shadow: none;
  color: #22292F;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores .tab-pane .accordion-item .accordion-header button:after {
  background-image: url("../img/icons/add-1.png");
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores .tab-pane .accordion-item .accordion-header button[aria-expanded=true]:after {
  background-image: url("../img/icons/subtract-1.png");
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores .tab-pane .accordion-item .accordion-collapse {
  border-top-bottom-radius: 8px;
  border-top-bottom-radius: 8px;
}
#content-wrapper #store-locator-page .store-locator-section .location-container .stores .tab-pane .accordion-item .accordion-collapse .accordion-body {
  background: rgb(240, 242, 246);
  padding-top: 0;
}
#content-wrapper #store-locator-page .store-locator-section .map-container {
  width: 50%;
  border-radius: 16px;
  overflow: hidden;
}
#content-wrapper #store-locator-page .store-locator-section .map-container .map {
  width: 100%;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-form {
  width: 50%;
  padding-right: 130px;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-form .action {
  text-align: right;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-form .action .common-btn {
  padding: 16px 77px;
  margin-top: 24px;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details {
  width: 50%;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item {
  margin-bottom: 32px;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item .title {
  padding-bottom: 8px;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item .title p {
  font-size: 16px;
  padding-left: 24px;
  font-family: "SF Pro bold";
  position: relative;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item .title p:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item .details p {
  line-height: 28px;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item .details p:not(:last-of-type) {
  margin-bottom: 8px;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item .details strong {
  font-family: "SF Pro 500";
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item .details a {
  color: #22292F;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item:nth-child(1) .title p:before {
  background-image: url("../img/icons/Call.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item:nth-child(2) .title p:before {
  background-image: url("../img/icons/pin.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item:nth-child(3) .title p:before {
  background-image: url("../img/icons/env.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#content-wrapper #contact-page .contact-section .contact-container .contact-details .item:nth-child(4) .title p:before {
  background-image: url("../img/icons/clock.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#content-wrapper #career-page {
  /* For better responsiveness */
}
#content-wrapper #career-page .custom-container {
  padding-top: unset;
}
#content-wrapper #career-page .job-listings-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0 auto;
}
#content-wrapper #career-page .job-card {
  background-color: #f2f4f7;
  border-radius: 12px;
  padding: 24px;
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
#content-wrapper #career-page .job-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
#content-wrapper #career-page .megaphone-icon {
  font-size: 20px;
  color: #333;
}
#content-wrapper #career-page .job-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
}
#content-wrapper #career-page .job-details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#content-wrapper #career-page .detail-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
#content-wrapper #career-page .detail-icon {
  color: #666;
  font-size: 16px;
  width: 20px;
  display: inline-flex;
  justify-content: center;
}
#content-wrapper #career-page .detail-text {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
}
#content-wrapper #career-page .view-details-btn {
  background-color: #0077ff;
  color: white;
  border: none;
  border-radius: 24px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: fit-content;
  margin-top: 8px;
  transition: background-color 0.2s ease;
}
#content-wrapper #career-page .view-details-btn:hover {
  background-color: #0066dd;
}
#content-wrapper #career-page .join-us-container {
  margin-top: 48px;
}
#content-wrapper #career-page .join-us-cards-container {
  gap: 24px;
}
#content-wrapper #career-page .join-us-card-icon {
  margin-bottom: 64px;
}
@media (max-width: 768px) {
  #content-wrapper #career-page .job-listings-container {
    justify-content: center;
  }
  #content-wrapper #career-page .job-card {
    max-width: 100%;
  }
  #content-wrapper #career-page .join-us-cards-container {
    flex-wrap: wrap;
  }
  #content-wrapper #career-page .join-us-card-icon {
    margin-bottom: 16px;
  }
}
#content-wrapper #career-details-page {
  /* Responsive adjustments */
}
#content-wrapper #career-details-page .job-title {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: #111;
}
#content-wrapper #career-details-page .job-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}
#content-wrapper #career-details-page .meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 14px;
}
#content-wrapper #career-details-page .meta-icon {
  font-size: 16px;
}
#content-wrapper #career-details-page .apply-button {
  display: inline-block;
  background-color: #0077ff;
  color: white;
  padding: 12px 24px;
  margin-bottom: 32px;
  border-radius: 24px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  transition: background-color 0.2s ease;
}
#content-wrapper #career-details-page .apply-button:hover {
  background-color: #0066dd;
}
#content-wrapper #career-details-page .job-section {
  margin-bottom: 32px;
}
#content-wrapper #career-details-page .job-section h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: #111;
}
#content-wrapper #career-details-page .job-section p {
  line-height: 1.6;
  color: #444;
  margin: 0;
}
#content-wrapper #career-details-page .job-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#content-wrapper #career-details-page .job-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  line-height: 1.5;
  color: #444;
}
#content-wrapper #career-details-page .job-list li::before {
  content: "•";
  position: absolute;
  left: 8px;
  color: #0077ff;
}
#content-wrapper #career-details-page .job-footer {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #eee;
}
#content-wrapper #career-details-page .deadline {
  color: #666;
  font-size: 14px;
  margin: 0;
}
#content-wrapper #career-details-page .deadline strong {
  color: #333;
}
@media (max-width: 640px) {
  #content-wrapper #career-details-page .career-detail-container {
    padding: 24px 16px;
  }
  #content-wrapper #career-details-page .job-title {
    font-size: 24px;
  }
  #content-wrapper #career-details-page .job-meta {
    flex-direction: column;
    gap: 8px;
  }
}
#content-wrapper #account-details-page .details-section .details-container .navigation {
  width: 20%;
  flex-direction: column;
  border: none;
  padding: 8px 80px 16px 16px;
  top: 0;
}
#content-wrapper #account-details-page .details-section .details-container .navigation li:not(:last-of-type) {
  margin-bottom: 24px;
}
#content-wrapper #account-details-page .details-section .details-container .navigation li a {
  padding: 0;
  border: none;
  color: #495A69;
}
#content-wrapper #account-details-page .details-section .details-container .navigation li a.active {
  font-family: "SF Pro bold";
}
#content-wrapper #account-details-page .details-section .details-container .navigation li img {
  margin-right: 8px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper {
  width: 80%;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .details-table {
  padding: 24px 24px 8px;
  border-radius: 16px;
  border: 1px solid #DBE1E5;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .details-table table thead {
  padding: 8px 0;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .details-table table thead tr th {
  font-size: 16px;
  font-family: "SF Pro bold";
  vertical-align: middle;
  border-color: #DBE1E5;
  padding: 0px 0 16px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .details-table table thead tr th:last-of-type {
  text-align: right;
  font-family: "SF Pro 400";
  font-weight: 400;
  font-size: 14px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .details-table table tbody tr td {
  padding: 8px 0;
  border: none;
  vertical-align: middle;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .details-table table tbody tr td:nth-child(1) {
  color: #495A69;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .details-table table tbody tr:nth-child(1) td {
  padding-top: 16px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container {
  flex-wrap: wrap;
  margin: -12px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item {
  width: 25%;
  padding: 12px;
  min-height: 270px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #DBE1E5;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 12px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner .head .tag {
  padding: 4px 8px;
  border-radius: 100px;
  background: #DCDFE5;
  margin-right: 8px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner .head .checkmark {
  display: none;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner .details .contact {
  margin-bottom: 12px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner .action {
  margin-top: 16px;
  width: 100%;
  text-align: left;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner .action a {
  display: inline-block;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner .action a:not(:first-of-type) {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #DBE1E5;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item.active .inner .head .checkmark {
  display: block;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item.active .inner .action a:last-of-type {
  display: none;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item:last-of-type .inner {
  border-style: dashed;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item:last-of-type .inner .text {
  color: #495A69;
  margin-top: 12px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table {
  max-width: 60%;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table table tr th {
  vertical-align: middle;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table table tr th:last-of-type {
  text-align: right;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table table tr td {
  padding: 20px 8px;
  vertical-align: middle;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table table tr td:last-of-type {
  text-align: right;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table table tr td:last-of-type a {
  display: inline-block;
  padding: 6px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .action {
  text-align: right;
  width: 100%;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .action a {
  display: inline-block;
  background: #DBE1E5;
  border-radius: 8px;
  padding: 10px 16px;
  color: #495A69;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .action a img {
  margin-right: 8px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .common-no-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .common-no-product .text p {
  margin: 16px 0 32px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .common-no-product .action {
  text-align: center;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .common-no-product .action a {
  display: inline-block;
  background: #DBE1E5;
  border-radius: 8px;
  padding: 10px 16px;
  color: #495A69;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .common-no-product .action a img {
  margin: 0 8px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .common-no-product .action a.blue {
  background: #0B72EB;
  color: #fff;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .common-no-product .action a.blue img {
  filter: brightness(0) invert(1);
  opacity: 1;
  margin-left: 0;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .change-password .password-form-container {
  max-width: 400px;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .change-password .password-form-container .action {
  width: 100%;
}
#content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .change-password .password-form-container .action a {
  width: 100% !important;
}
#content-wrapper #reset-password-confirm-page .reset-container .section-title {
  text-align: left;
  margin-bottom: 32px;
}
#content-wrapper #reset-password-confirm-page .reset-container .details {
  text-align: left;
}
#content-wrapper #reset-password-confirm-page .reset-container .details p:nth-child(1) {
  margin-bottom: 4px;
}
#content-wrapper #reset-password-confirm-page .reset-container .details p a {
  color: #22292F;
  font-family: "SF Pro bold";
}
#content-wrapper #reset-password-confirm-page .reset-container .details p a img {
  margin-top: -3px;
  margin-right: 8px;
}
#content-wrapper #new-pass-page .section-title {
  padding-bottom: 32px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container {
  width: 50%;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .section-title {
  padding-bottom: 8px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .title {
  padding: 24px 0;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .desc {
  margin-bottom: 24px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container hr {
  margin: 32px 0 0;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .row .form-group label {
  left: 32px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments {
  max-width: 80%;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item {
  width: 33.33%;
  padding: 12px;
  text-align: center;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item .card-input-element + .card {
  width: 105px;
  height: 105px;
  margin-bottom: 10px;
  justify-content: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #F0F2F6;
  border-radius: 10px;
  text-align: center;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item .card-input-element + .card:after {
  content: "";
  background: url("../img/icons/Check-brown.png");
  position: absolute;
  right: 5px;
  top: 5px;
  height: 16px;
  width: 16px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item .card-input-element + .card img {
  object-fit: contain;
  object-position: center;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item .card-input-element + .card:hover {
  cursor: pointer;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item .card-input-element:checked + .card {
  border: 1px solid #F0F2F6;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item .card-input-element:checked + .card::after {
  background: url("../img/icons/Check-blue.png");
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .action .common-btn {
  padding: 16px 80px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .form-container .help {
  padding: 24px;
  background: rgba(9, 134, 255, 0.08);
  border-radius: 8px;
  margin-top: 40px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary {
  width: 50%;
  margin-left: 80px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgb(219, 225, 229);
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item .inner .img-container {
  padding: 8px;
  width: 30%;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item .inner .img-container img {
  width: 100%;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item .inner .details-container {
  width: 70%;
  padding-left: 32px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item .inner .details-container .details {
  padding: 8px 0;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item .inner .details-container .qty p {
  font-weight: 600;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item .inner .details-container .price p {
  padding-right: 8px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .item .inner .details-container .price p:first-of-type {
  font-weight: 600;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .coupon {
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .coupon .action {
  width: 32%;
  text-align: right;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .coupon .action .common-btn {
  margin: 0;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .total p {
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .total p:nth-child(2) {
  color: #FB4747;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .vat {
  text-align: right;
  margin-bottom: 16px;
}
#content-wrapper #checkout-page .checkout-section .checkout-container .summary .vat p {
  font-size: 10px;
}
#content-wrapper .no-products img {
  max-width: 190px;
}
#content-wrapper .no-products p {
  font-size: 20px;
  font-weight: 600;
  margin-top: 32px;
}

/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*-------------------------------- Marshall Starts ---------------------------------*/
body.marshall {
  background-color: #333333;
}
body.marshall #header-wrapper {
  background-color: #1A1A1A;
  color: white;
}
body.marshall #header-wrapper .header-inner .navigation-container ul li.has-child .sub-menu p {
  color: #000;
}
body.marshall #header-wrapper .header-inner .navigation-container ul li.has-child .sub-menu ul li a {
  color: #000;
}
body.marshall #header-wrapper .header-inner .currency select {
  filter: invert(1);
}
body.marshall #header-wrapper .header-inner .currency select option {
  color: #22292f;
}
body.marshall #header-wrapper .header-inner .header-item img {
  filter: invert(1);
}
body.marshall #header-wrapper .header-inner .navigation-container ul li a {
  color: white;
}
body.marshall #content-wrapper .products-list-section * {
  color: white;
}
body.marshall #content-wrapper #product-page .head-wrapper p {
  color: white;
}
body.marshall #content-wrapper #product-page .head-wrapper .filter .action a svg {
  filter: invert(1);
}
body.marshall #content-wrapper #product-page .head-wrapper .filter .action a p {
  color: white;
}
body.marshall #content-wrapper #product-page .head-wrapper .filter .filterby ul li {
  color: #22292F;
}
body.marshall #content-wrapper #product-page .cat-slider .item p {
  color: white;
}
body.marshall #content-wrapper #product-page .common-item.grey-white .inner .img-container {
  background-color: #3F3F3F;
}
body.marshall #content-wrapper #product-page .common-item .price {
  color: #FB4747;
}
body.marshall #content-wrapper #product-page .common-item .price p {
  color: #FB4747;
}
body.marshall #content-wrapper #product-page .products-list-container .pagination ul li.active {
  background-color: #C8A86B;
  border-color: #C8A86B;
}
body.marshall #content-wrapper #product-page .products-list-container .pagination ul li a {
  color: white;
}
body.marshall #content-wrapper #product-details-page .share img {
  filter: invert(1);
}
body.marshall #content-wrapper #product-details-page section:not(.safe-payment-section) * {
  color: white;
}
body.marshall #content-wrapper #product-details-page section.details-section .details-container .details * {
  color: white !important;
}
body.marshall #content-wrapper #product-details-page section.details-section .details-container .stock-delivery .stock-status.in-stock {
  color: white;
  background-color: rgb(9, 134, 255);
}
body.marshall #content-wrapper #product-details-page section.details-section .details-container .price s {
  color: white;
}
body.marshall #content-wrapper #product-details-page section.details-section .details-container .specs .qty-container input {
  color: #22292F;
}
body.marshall #content-wrapper #product-details-page section.details-section .details-container .actions .btn-item a#buy-now-cart {
  background-color: #C8A86B;
  border-color: #C8A86B;
}
body.marshall #content-wrapper #product-details-page section.details-section .details-container .actions .btn-item a#button-cart p {
  color: #22292F;
}
body.marshall #content-wrapper #product-details-page .common-item-wrapper .common-item.grey-white .inner .img-container {
  background-color: #3F3F3F;
}
body.marshall #content-wrapper #product-details-page .common-item-wrapper .common-item .inner .text .price p {
  color: #FB4747;
}

/*-------------------------------- Marshall Ends ---------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
#footer-wrapper {
  background: #F0F2F6;
}
#footer-wrapper .top-footer .item:not(:last-child) {
  padding-right: 24px;
}
#footer-wrapper .top-footer .item .logo {
  margin-bottom: 24px;
}
#footer-wrapper .top-footer .item p {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 16px;
  line-height: 14px;
}
#footer-wrapper .top-footer .item ul li {
  line-height: 22px;
}
#footer-wrapper .top-footer .item ul li a {
  color: #22292F;
  font-size: 14px;
}
#footer-wrapper .top-footer .item ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
#footer-wrapper .top-footer .item .social-footer {
  margin-top: 24px;
}
#footer-wrapper .top-footer .item .social {
  padding-top: 24px;
}
#footer-wrapper .top-footer .item .social ul {
  display: flex;
  align-items: center;
}
#footer-wrapper .top-footer .item .social ul li {
  padding-right: 8px;
  line-height: 22px;
  margin-bottom: 0;
}
#footer-wrapper .bottom-footer {
  padding-top: 32px;
}
#footer-wrapper .bottom-footer p {
  font-size: 14px;
}
#footer-wrapper .bottom-footer a {
  color: #22292F;
  font-weight: 600;
}
#footer-wrapper .bottom-footer a img {
  margin: 0 3px;
  margin-top: -13px;
}

/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
.custom-radio {
  padding-right: 16px;
}
.custom-radio .card-input-element + .card {
  font-size: 14px;
  line-height: 100%;
  justify-content: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgb(219, 225, 229);
  border-radius: 10px;
  text-align: center;
  padding: 6px 16px;
}
.custom-radio .card-input-element + .card:hover {
  cursor: pointer;
  border: 1px solid rgb(34, 41, 47);
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
.custom-radio .card-input-element:checked + .card {
  border: 1px solid #F0F2F6;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
  color: #495A69;
  background: rgb(188, 204, 220);
}
.custom-radio.color-item {
  padding-right: 10px;
}
.custom-radio.color-item .card-input-element + .card {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgb(255, 255, 255);
  background: transparent;
}
.custom-radio.color-item .card-body .img-container {
  width: 100%;
  height: 100%;
}
.custom-radio.color-item .card-body .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.custom-radio.color-item .card-input-element + .card:hover {
  cursor: pointer;
  border: 1px solid rgb(255, 255, 255);
}
.custom-radio.color-item .card-input-element:checked + .card {
  border: 1px solid rgb(255, 255, 255);
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
  background: none;
  box-shadow: 0px 0px 0px 2px rgb(11, 114, 235);
}

.common-order-details-table table {
  border-collapse: separate;
  border-spacing: 0 20px;
}
.common-order-details-table table tr {
  overflow: hidden;
  margin-bottom: 12px;
}
.common-order-details-table table tr td {
  border-top: 1px solid rgb(219, 225, 229);
  border-bottom: 1px solid rgb(219, 225, 229);
  padding: 20px 20px;
  vertical-align: middle;
  flex: 1;
}
.common-order-details-table table tr td:nth-child(2) {
  width: 40%;
}
.common-order-details-table table tr td:nth-last-child(2) {
  text-align: right;
}
.common-order-details-table table tr td:nth-child(1) {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border-left: 1px solid rgb(219, 225, 229);
  flex: none;
  gap: 12px;
}
.common-order-details-table table tr td:nth-child(1) .img-container {
  max-width: 100px;
  margin: auto;
}
.common-order-details-table table tr td:nth-child(1) .img-container img {
  min-width: 64px;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.common-order-details-table table tr td:nth-last-child(1) {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-right: 1px solid rgb(219, 225, 229);
  text-align: right;
  flex: 0 0 auto;
}
.common-order-details-table table tr td .details .name p {
  font-weight: 600;
}
.common-order-details-table table tr td .details .specs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.common-order-details-table table tr td .details .specs .specs-item span {
  color: #495A69;
}
.common-order-details-table table tr td .details .specs .specs-item:not(:last-of-type) {
  margin-right: 16px;
}
.common-order-details-table table tr td .qty-container span {
  color: #495A69;
}
.common-order-details-table table tr td .price p {
  margin-bottom: 0px;
}
.common-order-details-table table tr td .price p:first-of-type {
  font-weight: 600;
}
.common-order-details-table table tr td .price p:nth-child(2) {
  color: #495A69;
}
.common-order-details-table table tr td .price p:last-of-type:nth-of-type(3) {
  font-size: 10px;
  color: rgb(17, 126, 42);
}
.common-order-details-table table tr td .action a {
  display: inline-block;
}
.common-order-details-table table tr td .action a:not(:last-of-type) {
  border-right: 1px solid #DBE1E5;
  padding-right: 8px;
  margin-right: 8px;
}
.common-order-details-table table tr td .action a:last-of-type {
  color: #D41717;
}

.common-order-details-table table tr {
  display: flex !important;
  align-items: center;
  gap: 24px;
  border: 1px solid #DCDFE5;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 20px;
}
.common-order-details-table table tr td {
  display: block !important;
  border: none !important;
  padding: 8px;
}
.common-order-details-table table tr td:nth-last-child(1) .action {
  display: flex;
  justify-content: flex-end;
}
.common-order-details-table table tr td:nth-last-child(1) .action a:nth-child(1) {
  padding: 0 8px 0 0;
  border-right: 1px solid #DBE1E5;
}
.common-order-details-table table tr td:nth-last-child(1) .action a:nth-child(2) {
  padding-left: 8px;
}
.common-order-details-table table tr td .img-container {
  margin: initial !important;
}

.detail-specs .dropdown > p {
  color: #0B72EB;
  cursor: pointer;
  margin: 8px 0;
  padding-right: 16px;
  position: relative;
  display: inline-block;
}
.detail-specs .dropdown > p:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m8.866%206.822-4.583%204.545a.46.46%200%200%201-.783-.322.45.45%200%200%201%20.134-.321L7.894%206.5l-4.26-4.224A.453.453%200%200%201%203.96%201.5a.46.46%200%200%201%20.324.133l4.583%204.545a.454.454%200%200%201%200%20.644%22%20fill%3D%22%230B72EB%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 50%;
  font-size: 16px;
  transform: translateY(-50%);
  right: 0;
  transition: 0.4s ease;
}
.detail-specs .dropdown ul {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.detail-specs .dropdown ul li {
  list-style: disc;
  margin-bottom: 4px;
}
.detail-specs .dropdown.open ul {
  height: auto;
  opacity: 1;
  visibility: visible;
  transition: 0.4s ease;
}
.detail-specs .dropdown.open p:after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.4s ease;
}

.common-brands-container {
  border-top: 1px solid #DCDFE5;
  border-left: 1px solid #DCDFE5;
}
.common-brands-container .item {
  width: 20%;
  border-bottom: 1px solid #DCDFE5;
  border-right: 1px solid #DCDFE5;
}
.common-brands-container .item .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  padding: 24px;
}
.common-brands-container .item .img-container img {
  min-width: 70px;
  object-fit: contain;
  object-position: center;
  width: auto;
}
.common-brands-container .item:nth-child(1) .img-container img {
  min-width: unset;
  max-width: 40px;
}

.common-banner-section .banner-image img {
  width: 100%;
}

.common-form-container {
  max-width: 400px;
  margin: auto;
}
.common-form-container .section-title {
  text-align: center;
  padding-bottom: 0px;
}
.common-form-container .details {
  text-align: center;
  padding: 8px 0 32px;
}
.common-form-container .actions a {
  display: block;
  margin-top: 0;
}
.common-form-container .actions a:not(:last-of-type) {
  margin-bottom: 16px;
}
.common-form-container .actions a img {
  margin-right: 10px;
  margin-top: -3px;
}
.common-form-container .divider {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  padding: 24px 0;
  position: relative;
}
.common-form-container .divider:after, .common-form-container .divider:before {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 44%;
  background: #DCDFE5;
}
.common-form-container .divider:before {
  left: 0;
}
.common-form-container .divider:after {
  right: 0;
}
.common-form-container .divider p {
  font-size: 12px;
}
.common-form-container .form-container .privacy a {
  color: #22292F;
  font-weight: 600;
}
.common-form-container .form-container .action .common-btn {
  display: block;
  width: 100%;
}
.common-form-container .form-container .account {
  padding-top: 30px;
  text-align: center;
}
.common-form-container .form-container .account a {
  color: #22292F;
  font-weight: 600;
}

.buy-section .common-item-wrapper,
.similar-items-section .common-item-wrapper {
  flex-wrap: wrap;
}
.buy-section .common-item-wrapper .common-item,
.similar-items-section .common-item-wrapper .common-item {
  width: 20%;
}

.qty-container {
  text-align: right;
  display: flex;
  gap: 8px;
}
.qty-container button {
  background: #DBE1E5;
  border-radius: 8px;
  padding: 4px 8px;
  box-shadow: none;
  border-color: #DBE1E5;
  border-style: initial;
  height: 34px;
  width: 34px;
}
.qty-container input {
  width: 64px;
  height: 34px;
  border: 1px solid #DCDFE5;
  text-align: center;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
}

.breadcrums {
  padding-bottom: 24px;
  color: #495A69;
}
.breadcrums a {
  color: #495A69;
  font-size: 12px;
}

select {
  padding-right: 30px;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.9484 4.28277L6.36559 8.86559C6.32303 8.9082 6.27249 8.94201 6.21685 8.96507C6.16122 8.98813 6.10158 9 6.04136 9C5.98113 9 5.9215 8.98813 5.86586 8.96507C5.81023 8.94201 5.75969 8.9082 5.71712 8.86559L1.1343 4.28277C1.04831 4.19678 1 4.08015 1 3.95854C1 3.83693 1.04831 3.72029 1.1343 3.6343C1.22029 3.54831 1.33693 3.5 1.45854 3.5C1.58015 3.5 1.69678 3.54831 1.78277 3.6343L6.04136 7.89346L10.2999 3.6343C10.3425 3.59172 10.3931 3.55795 10.4487 3.5349C10.5043 3.51186 10.564 3.5 10.6242 3.5C10.6844 3.5 10.744 3.51186 10.7997 3.5349C10.8553 3.55795 10.9058 3.59172 10.9484 3.6343C10.991 3.67688 11.0248 3.72743 11.0478 3.78306C11.0709 3.83869 11.0827 3.89832 11.0827 3.95854C11.0827 4.01875 11.0709 4.07838 11.0478 4.13401C11.0248 4.18964 10.991 4.24019 10.9484 4.28277Z' fill='%2322292F'/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 8px top 50%, 0 0;
}

.payment-section {
  padding-bottom: 40px;
}

.common-item-wrapper {
  margin: -18px -12px;
}
.common-item-wrapper .common-item {
  padding: 18px 12px;
}
.common-item-wrapper .common-item .inner {
  border-radius: 16px;
  background: #F0F2F6;
  height: 100%;
}
.common-item-wrapper .common-item .inner .img-container {
  padding: 40px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-item-wrapper .common-item .inner .img-container img {
  width: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center;
}
.common-item-wrapper .common-item .inner .img-container .discount {
  position: absolute;
  top: 16px;
  left: 16px;
}
.common-item-wrapper .common-item .inner .img-container .discount p {
  display: inline-block;
  color: #fff;
  padding: 4px 8px;
  border-radius: 100px;
  background: #FB4747;
  font-size: 12px;
}
.common-item-wrapper .common-item .inner .text {
  padding: 16px;
}
.common-item-wrapper .common-item .inner .text .cat {
  margin-bottom: 8px;
}
.common-item-wrapper .common-item .inner .text .cat p {
  font-size: 12px;
  color: #495A69;
}
.common-item-wrapper .common-item .inner .text .name p {
  font-size: 14px;
  font-weight: 600;
  color: #22292F;
}
.common-item-wrapper .common-item .inner .text .volume {
  margin-top: 8px;
  margin-bottom: 8px;
}
.common-item-wrapper .common-item .inner .text .volume p {
  color: #22292F;
}
.common-item-wrapper .common-item .inner .text .color {
  padding-top: 8px;
}
.common-item-wrapper .common-item .inner .text .color .color-name {
  padding-bottom: 6px;
}
.common-item-wrapper .common-item .inner .text .color .color-name p {
  color: #22292F;
}
.common-item-wrapper .common-item .inner .text .color ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
}
.common-item-wrapper .common-item .inner .text .color ul li {
  height: 24px;
  width: 24px;
  margin-right: 8px;
  border-radius: 50%;
}
.common-item-wrapper .common-item .inner .text .color ul li img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.common-item-wrapper .common-item .inner .text .color ul li.active {
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 2px #0B72EB;
}
.common-item-wrapper .common-item .inner .text .price {
  padding-top: 12px;
  align-items: baseline;
  display: flex;
  gap: 16px;
  font-size: 14px;
  color: #FB4747;
  font-family: "SF Pro bold";
}
.common-item-wrapper .common-item .inner .text .price p {
  font-size: 14px;
  color: #FB4747;
  font-family: "SF Pro bold";
}
.common-item-wrapper .common-item .inner .text .price s {
  color: #495A69;
  font-size: 12px;
  font-family: "SF Pro 400";
}
.common-item-wrapper .common-item .inner .action .common-btn {
  padding: 8px 16px;
  margin-top: 12px;
  font-size: 12px;
  width: 100% !important;
  max-width: 160px;
}
.common-item-wrapper .common-item.white .inner {
  background: #ffffff;
}
.common-item-wrapper .common-item.grey-white .inner {
  background: none;
}
.common-item-wrapper .common-item.grey-white .inner .img-container {
  border-radius: 16px;
  overflow: hidden;
  background: #F0F2F6;
}

.common-remove-tab-style {
  border-bottom: 0;
}
.common-remove-tab-style li a {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.common-remove-tab-style li a:focus, .common-remove-tab-style li a:hover {
  background-color: transparent;
  border: 0;
}
.common-remove-tab-style li.active a {
  background-color: transparent;
  border: 0;
}
.common-remove-tab-style li.active a:focus, .common-remove-tab-style li.active a:hover {
  background-color: transparent;
  border: 0;
}

/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*------------------------------------- Mcustom Starts ------------------------------------*/
/*-------------------------------------- Mcustom Ends -------------------------------------*/
/*-------------------------------------- Modal Starts -------------------------------------*/
.modal-dialog {
  margin: 70px auto;
}
.modal-dialog .modal-header {
  padding: 16px 16px 0;
  border: 0;
}
.modal-dialog .modal-header button {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #fff;
  opacity: 1;
  z-index: 9;
}
.modal-dialog .modal-content {
  border-radius: 16px;
  background: #fff;
}
.modal-dialog .modal-content .modal-body {
  padding: 30px 16px 30px;
}
.modal-dialog .modal-content .modal-body .modal-loading-gif {
  height: 130px;
  position: relative;
}
.modal-dialog .modal-content .modal-body .modal-loading-gif img {
  width: 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.modal-dialog .modal-content .modal-body p,
.modal-dialog .modal-content .modal-body h1,
.modal-dialog .modal-content .modal-body h2,
.modal-dialog .modal-content .modal-body h3,
.modal-dialog .modal-content .modal-body h4,
.modal-dialog .modal-content .modal-body h5,
.modal-dialog .modal-content .modal-body h6,
.modal-dialog .modal-content .modal-body ul li,
.modal-dialog .modal-content .modal-body ol li,
.modal-dialog .modal-content .modal-body span {
  color: #000;
}
.modal-dialog .modal-content .modal-body form .gender-list {
  margin-top: 4px;
}
.modal-dialog .modal-content .modal-body form .gender-list .gender-item {
  padding-right: 8px;
}
.modal-dialog .modal-content .modal-body form .gender-list .gender-item input[type=radio] {
  margin-right: 4px;
}
.modal-dialog .modal-content .modal-body form .action {
  text-align: right;
}
.modal-dialog .modal-content .modal-body form .common-btn {
  text-align: right;
  padding: 8px 24px;
  background-color: #0B72EB;
  border: 1px solid #0B72EB;
  border-radius: 8px;
}
.modal-dialog .modal-content .modal-body form .common-btn.grey {
  background: transparent;
  border-color: #ACB8C3;
}
.modal-dialog .modal-content .modal-body form .common-btn:not(:last-of-type) {
  margin-right: 16px;
}

/*--------------------------------------- Modal Ends --------------------------------------*/
.alertify-notifier .ajs-message {
  border-radius: 10px !important;
}
.alertify-notifier .ajs-message a {
  color: white !important;
}
.alertify-notifier .ajs-message.ajs-success {
  background: #117e2a !important;
  text-shadow: none !important;
  color: white !important;
}

/*# sourceMappingURL=thestyles.css.map */