.logo,
.topbar:before {
  position:absolute;
  left:0
}
.infos,
.logo,
.rightbar,
.slider-data {
  display:flex
}
.add-to-cart:hover,
.btn,
.flist li a,
.rightbar li a,
a:hover {
  text-decoration:none
}
.add ul li,
.con ul li,
.flist li,
.leftbar ul,
.rightbar li {
  list-style:none
}
.about img,
.blogbox img,
.carousel-inner img,
.catgebox img,
.video {
  object-fit:cover
}
* {
  padding:0;
  margin:0;
  font-family:Inter,sans-serif
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:"Space Grotesk",sans-serif
}
.container {
  width:100%;
  max-width:1250px;
  margin:0 auto
}
.add ul,
.rightbar {
  text-align:right;
  margin-bottom:0
}
.logo {
  background:#0d1b2a;
  background-image:-ms-linear-gradient(0deg,#8a0f3d 0,#cf173c 100%);
  top:-32px;
  height:90px;
  padding:10px 20px;
  justify-content:center;
  align-items:center
}
.add ul li,
.head,
.topbar {
  position:relative
}
.topbar {
  padding:10px 15px
}
.topbar:before {
  content:'';
  width:0;
  height:0;
  border-right:20px solid transparent;
  background:0 0;
  bottom:0;
  z-index:1
}
.head {
  padding:36px 0;
  background:#f5f5f5
}
.add ul li .icon,
.slider-data {
  position:absolute;
  top:0;
  left:0
}
.leftbar ul {
  padding:0;
  margin:0
}
.leftbar ul li {
  display:inline-block;
  margin-right:20px;
  font-size:14px
}
.rightbar {
  padding:0;
  justify-content:end
}
.rightbar li {
  font-size:13px;
  margin-left:15px
}
.rightbar li a {
  color:#111
}
.add ul li .icon,
.catetext,
.con,
.serch-icon,
.slider-data h3,
.slider-data p {
  text-align:center
}
.add ul li {
  margin-left:30px;
  padding-left:55px;
  display:inline-block;
  text-align:left
}
.add ul li .icon {
  width:45px;
  height:45px;
  background:#0d1b2a;
  line-height:44px;
  color:#d4af37
}
.add h4 {
  margin-bottom:4px;
  font-size:15px
}
.add p,
.con ul,
.testbox p,
footer p {
  margin-bottom:0
}
.add p {
  font-size:12px
}
.serch-icon {
  border-left:1px solid #0d1b2a
}
.serch-icon a {
  color:#8a8a8a;
  font-size:19px
}
.carousel-inner img {
  width:100%;
  height:571px
}
.slider-data {
  width:100%;
  padding:50px;
  right:0;
  margin:auto;
  height:100%;
  flex-direction:column;
  justify-content:center
}
.add-to-cart,
.btngrpp,
.link,
.testcon {
  margin-top:10px
}
.slider-data h3 {
  font-size:calc(14px + 4vw);
  color:#fff;
  text-shadow:1px 2px 5px #7c7c7c;
  margin:0;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px
}
.slider-data p {
  font-size:19px;
  color:#f1f1f1;
  text-shadow:1px 2px 5px #000;
  margin:0;
  font-weight:600;
  line-height:30px
}
.main-section,
.middiv,
.ptb,
.section-11,
.section-padding {
  padding:50px 0
}
.btn {
  background:#1a9b5e;
  color:#fff;
  padding:10px 20px;
  border-radius:0;
  font-size:14px;
  transition:background .3s
}
.btn:hover {
  background:#000;
  color:#fff
}
#demo {
  margin-top:-34px
}
.con {
  position:relative;
  z-index:9;
  padding:14px 0
}
.catetext,
.video {
  position:absolute
}
.heading {
  font-size:40px;
  color:#111;
  font-weight:600
}
.about img {
  height:450px;
  position:relative;
  width:400px
}
.video {
  width:300px;
  height:300px;
  right:32px;
  bottom:-35px;
  background:#fff;
  padding:20px
}
.cate,
.prod {
  background:#f5f5f5
}
.catgebox {
  padding:9px;
  background:#fff
}
.catgebox img {
  width:100%;
  height:400px
}
.middiv .catgebox {
  background:#dc3545;
  margin-bottom:20px
}
.catetext {
  bottom:30px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  max-width:90%;
  width:100%;
  background:rgb(13 27 42);
  -webkit-backdrop-filter:blur(40px);
  backdrop-filter:blur(40px);
  padding-top:10px
}
.catetext h4 a,
.whyitem h4 {
  color:#fff;
  font-size:21px
}
.whybox {
  padding:100px;
  background:#fff
}
.whyitem {
  padding:50px 20px;
  margin-bottom:34px;
  background:#0d1b2a
}
.whyitem p {
  font-size:14px;
  color:#fff
}
.product-grid {
  background-color:#fff;
  border:1px solid #ddd;
  padding:10px;
  margin-bottom:20px
}
.product-grid .product-image {
  position:relative;
  overflow:hidden
}
.product-grid .product-image a.image {
  display:block;
  overflow:hidden;
  position:relative
}
.product-grid .product-image img {
  width:100%;
  height:auto
}
.product-image .pic-1 {
  backface-visibility:hidden;
  transition:.5s
}
.product-grid:hover .product-button-group,
.product-grid:hover .product-image .pic-1 {
  opacity:1
}
.product-image .pic-2 {
  width:100%;
  height:100%;
  transform:translateX(-120%);
  position:absolute;
  top:0;
  left:0;
  transition:.3s;
  display:none
}
.product-grid:hover .product-image .pic-2,
.product-grid:hover .product-sale-label {
  transform:translateX(0)
}
.product-grid .product-sale-label {
  color:#222;
  font-size:14px;
  font-weight:500;
  text-transform:capitalize;
  padding:0 5px;
  transform:translateX(-60px);
  position:absolute;
  top:10px;
  left:10px;
  transition:.5s ease-in-out
}
.product-grid .product-like-icon {
  color:#333;
  font-size:18px;
  line-height:18px;
  position:absolute;
  top:10px;
  right:10px;
  z-index:1;
  transition:.3s
}
.product-grid:hover .product-like-icon:hover {
  color:#eb2f06
}
.product-grid .product-button-group {
  font-size:0;
  width:100%;
  opacity:1;
  text-align:center;
  transform:translateX(-50%);
  position:absolute;
  left:50%;
  bottom:20px;
  transition:.3s ease-out
}
.product-grid .product-button-group a {
  color:#fff;
  background:#000;
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
  line-height:43px;
  height:45px;
  width:40px;
  position:relative;
  display:inline-block;
  transition:.3s
}
.product-grid .product-button-group a i {
  line-height:inherit
}
.product-grid .product-button-group a:before {
  content:"";
  background:#eb2f06;
  width:0;
  height:100%;
  position:absolute;
  top:auto;
  bottom:0;
  left:auto;
  right:0;
  transition:.4s ease-in-out;
  z-index:-1
}
.product-grid .product-button-group a:hover:before {
  width:100%;
  right:auto;
  left:0
}
.product-grid .product-button-group a.add-to-cart {
  width:calc(100% - 87.5px);
  margin:0 3px;
  transform:translateY(100px)
}
.product-grid .product-button-group a:first-child {
  transform:translateX(-45px)
}
.product-grid .product-button-group a:nth-child(3) {
  transform:translateX(45px)
}
.product-grid:hover .product-button-group a.add-to-cart {
  transform:translateY(0)
}
.product-grid:hover .product-button-group a {
  transform:translate(0)
}
.callto h2,
.con ul li a,
.product-grid .product-button-group a:hover {
  color:#fff
}
.testbox p,
.testcon h5,
.testcon h6 {
  color:#121212
}
.product-grid .product-content {
  padding:12px;
  position:relative;
  -ms-transform:translateX(-50%);
  background:rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(40px);
  backdrop-filter:blur(40px);
  text-align:left
}
.add-to-cart,
.con ul li,
.inner-banner ul,
.product-grid .title,
.quantity input,
.quantity-button {
  text-align:center
}
.product-grid .title {
  font-size:22px;
  text-transform:capitalize;
  margin:0 0 5px
}
.product-grid .title a {
  color:#1a1a1a;
  transition:.5s;
  font-family:"Bebas Neue",sans-serif
}
.product-grid .title a:hover {
  color:#1a1a1a
}
.product-grid .price {
  color:#000;
  font-size:16px;
  font-weight:500;
  margin:0 2px
}
.product-grid .price span {
  color:#999;
  text-decoration:line-through
}
.infos {
  justify-content:space-between;
  align-items:center;
  flex-direction:column
}
.add-to-cart {
  height:40px;
  color:#d4af37;
  line-height:38px;
  font-size:14px;
  padding:0 10px;
  background:#0d1b2a;
  width:100%
}
.add-to-cart:hover {
  color:#fff
}
.callto {
  background:url(../images/front-view-person-holding-money.jpg) center left/cover;
  color:#fff;
  padding:100px 0;
  position:relative;
  z-index:1
}
.callto:after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:linear-gradient(45deg,#000,transparent);
  z-index:-1
}
.testbox {
  background:#f5f5f5;
  padding:45px
}
.copy,
.testcon {
  padding-top:20px
}
.testbox p {
  font-size:17px
}
.testbox .testimg img {
  width:60px;
  height:60px;
  border-radius:50%;
  margin-bottom:10px
}
footer {
  background:#0d1b2a;
  color:#fff;
  padding:50px 0 20px
}
footer p {
  font-size:12px;
  color:#fff
}
.flist li a {
  color:#fff;
  font-size:12px;
  transition:color .3s
}
.copy {
  border-top:1px solid #333
}
.conform,
.coninfo {
  padding:40px 20px
}
.link {
  color:#d4af37;
  display:inline-block
}
.con ul {
  display:flex;
  gap:23px;
  justify-content:center
}
.con ul li {
  line-height:44px;
  font-size:19px
}
.search input {
  height:50px;
  border-radius:0
}
.abt img {
  width:450px;
  float:left;
  margin-right:20px
}
.blogbox img,
.img-fluid,
.mainlist ul li img,
.panels {
  width:100%
}
.inner-banner {
  position:relative;
  background-position:center right;
  background-size:cover;
  background-attachment:fixed
}
.inner-banner::before {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  background-image:-webkit-gradient(linear,left top,right top,from(#081830),to(#002e7954));
  background-image:linear-gradient(to right,#010c1c,#002e7954)
}
.mainlist ul,
.mainlist1 ul {
  display:flex;
  list-style:none
}
.mainlist ul li {
  width:17%;
  margin-right:10px
}
.mainlist1 ul li {
  width:33%;
  margin-right:10px
}
.mainlist1 ul li img {
  border-radius:50%;
  height:92px;
  object-fit:cover;
  width:92px
}
.middiv .prof,
.proo {
  background:#f2f2f2
}
.inner-banner .inner-title {
  padding-top:70px;
  padding-bottom:70px;
  position:relative;
  z-index:1
}
.inner-banner .inner-title h1 {
  font-size:47px;
  color:#fff;
  font-weight:500;
  text-align:center
}
.inner-banner .inner-title ul li a {
  color:#d4af37;
  transition:.3s
}
.inner-banner .inner-title ul li {
  font-size:16px;
  color:#fff;
  display:inline-block;
  position:relative;
  font-weight:500;
  margin:0 5px
}
.inner-bg2 {
  background-image:url(../images/front-view-person-holding-money.jpg)
}
.contbox {
  margin-bottom:40px;
  border-bottom:1px solid #111
}
.coninfo {
  background:#ffecee
}
.conform input {
  border:1px solid #111;
  border-radius:0;
  height:50px
}
.conform textarea {
  border:1px solid #111;
  border-radius:0
}
.blogbox img {
  margin-bottom:20px;
  height:400px
}
.blogbox h3 a {
  font-family:"Bebas Neue",sans-serif;
  color:#111
}
.navibar {
  position:relative;
  z-index:9;
  background:#0d1b2a;

}
.select-box {
  padding:6px 20px;
  border:1px solid #ccc;
  border-radius:10px;
  height:50px
}
.quantity {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  align-items:center
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
input[type=number] {
  -moz-appearance:textfield
}
.quantity input {
  width:60px;
  height:40px;
  line-height:1.65;
  display:block;
  padding:0;
  margin:0 5px
}
.quantity input:focus,
button,
button:focus {
  outline:0
}
.quantity-nav {
  display:flex;
  flex-wrap:nowrap;
  margin-right:20px
}
.quantity-button {
  position:relative;
  cursor:pointer;
  color:#000;
  font-size:13px;
  line-height:1.7;
  display:block;
  user-select:none
}
.total-p.bold {
  margin-bottom:10px;
  font-size:20px
}
.table>:not(caption)>*>* {
  padding:1.5rem .5rem;
  vertical-align:middle
}
.quantity-button.quantity-down,
.quantity-button.quantity-up {
  height:40px;
  width:40px;
  line-height:37px;
  font-size:30px;
  color:#444;
  border:1px solid #444;
  font-weight:100
}
.detail-btns {
  margin-left:0;
  margin-top:30px
}
#account-panel .nav-link i,
.detail-btns a i,
.detail-btns a svg {
  margin-right:5px
}
.tab {
  cursor:pointer;
  padding:10px 20px;
  margin:0;
  background:var(--main-color);
  display:inline-block;
  color:#fff;
  border-radius:10px 10px 0 0!important
}
.review-comment,
.review-form .form-control {
  margin-bottom:20px
}
.diff-add,
.panel,
.radio,
.show-pass,
.star-rating__input {
  display:none
}
.panels {
  background:#eee;
  border-radius:0 10px 10px!important;
  overflow:hidden;
  padding:20px
}
.panel {
  animation:.8s fadein
}
.panel.panel-default {
  display:block;
  margin-top:50px
}
.panel-default>.panel-heading {
  color:#333;
  background:0 0;
  border:none
}
@keyframes fadein {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
.panel-title {
  font-size:1.5em;
  font-weight:700
}
#one:checked~.panels #one-panel,
#three:checked~.panels #three-panel,
#two:checked~.panels #two-panel,
.chk-show:checked~.diff-add,
.chk-show:checked~.show-pass,
.payment-option li [type=radio]:checked~.p-add {
  display:block
}
#one:checked~.tabs #one-tab,
#three:checked~.tabs #three-tab,
#two:checked~.tabs #two-tab {
  background:var(--main-color-two);
  color:#fff;
  border-top:3px solid #000
}
.panels p {
  font-weight:300
}
.nav-tabs li a {
  color:#444;
  padding:10px 20px;
  background:#ddd
}
.nav-tabs li a.active {
  background:#0d1b2a;
  color:#fff
}
.nav-tabs {
  border-bottom:1px solid #dee2e6;
  padding-bottom:8px
}
h4.review-heading {
  font-weight:800
}
.chk-heading,
p.r-name {
  font-weight:700
}
.review-list li {
  border-top:1px solid #ddd;
  margin:10px 0 0;
  padding:10px 0 0
}
.review-list li p {
  margin-bottom:5px;
  display:block
}
.r-star,
.review-list li .r-date {
  display:inline-block
}
.r-date,
.review-date {
  float:right
}
.r-star {
  display:inline-block!important
}
.review-heading {
  margin-top:30px
}
.cart-table img {
  width:100px
}
.coupon-form {
  border:1px solid #eee;
  padding:10px;
  display:flex;
  flex-wrap:wrap;
  border-radius:10px
}
.coupon-form input {
  height:40px;
  width:calc(100% - 200px);
  padding:10px;
  border:1px solid transparent
}
.coupon-form button {
  cursor:pointer;
  color:#fff;
  padding:10px 15px;
  width:200px;
  line-height:18px;
  height:40px
}
.coupon-form button i,
.coupon-form button svg {
  margin-right:7px
}
.coupon-form button:hover {
  opacity:.8
}
.table td,
.table th,
.wishlist-table tr td {
  vertical-align:middle
}
.wishlist-table td button i,
.wishlist-table td button svg {
  margin-right:10px
}
.wishlist-table td button {
  background:0 0;
  border:none;
  cursor:pointer
}
.chk-form .form-control {
  margin-bottom:0;
  border-radius:0
}
p.error.invalid-feedback {
  font-size:12px;
  color:red
}
input.form-control.is-invalid {
  border-color:red
}
#account-panel .nav-item {
  float:none
}
#account-panel .nav-link {
  background:#4ab9cf;
  color:#fff;
  margin-bottom:10px;
  display:block;
  float:none
}
.show-password label {
  width:calc(100% - 25px);
  color:#747474
}
.show-password input[type=checkbox] {
  margin-right:10px;
  width:15px;
  float:left;
  margin-top:5px
}
.star-rating__wrap {
  display:inline-block;
  font-size:1rem;
  margin-left:10px
}
.star-rating__wrap:after {
  content:"";
  display:table;
  clear:both
}
.star-rating__wrap .fa.fa-star {
  float:right;
  padding-left:4px;
  cursor:pointer;
  color:#444;
  font-size:20px
}
.fa.fa-star:last-child {
  padding-left:0
}
.review-comment {
  border-bottom:1px solid #ddd
}
.product-rating .fa.fa-star.active,
.star-rating__input:checked~.fa.fa-star:before,
.star-rating__wrap .fa.fa-star:hover:before,
.star-rating__wrap .fa.fa-star:hover~.fa.fa-star:before {
  color:orange
}
.main-section {
  padding:60px 0
}
.cart-table td,
.cart-table th {
  vertical-align:middle!important
}
.col-md-12.col-12.form-field.mt-3.d-flex.align-items-center {
  display:flex;
  align-items:center
}
.chk-heading {
  text-transform:uppercase;
  background:var(--main-color);
  color:#444;
  padding:10px;
  margin-bottom:0;
  font-size:20px
}
.payment-option {
  margin-top:20px
}
.payment-option li .crd .p-add {
  padding:20px;
  background:#fff;
  display:none
}
.order-detail-box {
  padding:15px
}
.order-detail-table {
  padding:10px;
  box-sizing:border-box
}
.payment-option [type=radio]:checked,
.payment-option [type=radio]:not(:checked) {
  position:absolute;
  left:-9999px
}
.payment-option [type=radio]:checked+label,
.payment-option [type=radio]:not(:checked)+label {
  position:relative;
  padding-left:28px;
  cursor:pointer;
  line-height:20px;
  display:inline-block;
  color:#666;
  font-weight:600
}
.payment-option [type=radio]:checked+label:before,
.payment-option [type=radio]:not(:checked)+label:before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:21px;
  height:21px;
  border:1px solid #ddd;
  border-radius:100%;
  background:#fff
}
.payment-option [type=radio]:checked+label:after,
.payment-option [type=radio]:not(:checked)+label:after {
  content:'';
  width:11px;
  height:11px;
  background:#f87da9;
  position:absolute;
  top:5px;
  left:5px;
  border-radius:100%;
  -webkit-transition:.2s;
  transition:.2s
}
.payment-option [type=radio]:not(:checked)+label:after {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
}
.payment-option [type=radio]:checked+label:after {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}
@media (max-width:1024px) {
  .cart-table td,
  .cart-table th {
    display:flex;
    flex-wrap:wrap;
    text-align:left
  }
  .cart-table thead {
    display:none
  }
  .cart-table td:before {
    content:attr(data-th) " : ";
    font-weight:700;
    width:97px;
    display:inline-block;
    color:#000
  }
  .tp-parallax-wrap {
    display:none!important
  }
}
.category ul {
  display:flex;
  margin-bottom:20px
}
select#v-price {
  margin-left:20px
}
.forgot-p {
  display:block;
  margin-bottom:20px
}
.logo img {
  width:165px
}
footer img {
  width:220px
}
@media only screen and (max-width:600px) {
  .leftbar ul {
    text-align:center
  }
  .rightbar {
    justify-content:center;
    gap:10px
  }
  .rightbar li {
    margin-left:0
  }
  .logo img {
    width:175px;
    margin:auto;
    display:block
  }
  .add {
    display:none
  }
  .carousel-inner img {
    height:400px
  }
  .slider-data {
    padding:0
  }
  .whybox {
    padding:20px
  }
  .mainlist1 ul li {
    width:30%;
    margin-right:10px
  }
  .mainlist1 ul {
    justify-content:center
  }
  .about img {
    width:100%
  }
  .video {
    position:absolute;
    width:199px;
    height:200px;
    right:23px;
    bottom:8px;
    object-fit:cover;
    background:#fff;
    padding:9px
  }
}