/*global-css-start*/

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');











body {

   font-size: 16px;

   font-weight: 500;

   color: #000;

   background-color: #fff;

   scroll-behavior: smooth;

}



:root{

  --font-first : "Urbanist", sans-serif;

  --font-second : "HelveticaCustom";

  --font-third : "Playfair Display", serif;

  --font-four :  "Sora", sans-serif;

  --font-five :  "Open Sans", sans-serif;

}



@font-face {

  font-family: "HelveticaCustom";

  src: url("../css/helvetica/Helvetica.woff") format("woff");

}



h1,

h2,

h3,

h4,

h5,

h6 {

   color: #000000;

   font-weight: 600;

}



strong {

   font-weight: 800;

   color: #000;

}



a {

   text-decoration: none !important;

   -webkit-transition: all 0.2s;

   transition: all 0.2s;

   color: #000;

   font-weight: 400;

}



a:hover,

a:focus {

   text-decoration: none;

   outline: none;

   cursor: pointer;

   color: auto;

}



.btn.focus,

.btn:focus {

   outline: 0;

   box-shadow: none;

}



button {

   color: inherit;

   border: none;

   background-color: transparent;

}



p {

   margin-bottom: 0.5rem;

   font-size: 16px;

   font-weight: 400;

   color: #626884;

   line-height: 24px;

}



ul,

li {

   margin: 0;

   padding: 0;

   list-style-type: none !important;

}



ul {

   padding-left: 0 !important;

}



hr {

   background-color: #D0D0D0 !important;

   opacity: 1;

   border-color: #D0D0D0 !important;

}



.form-select:focus,

.form-control:focus {

   box-shadow: none !important;

   border-color: #ccc;

}



.dropdown-item:focus,

.dropdown-item:hover {

   background-color: inherit;

   color: inherit;

}



label {

   margin-bottom: 5px;

}



textarea {

   resize: none;

}



input:focus,

button:focus,

textarea:focus {

   outline: none;

   box-shadow: none;

}



img {

   max-width: 100%;

   height: auto;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

   -webkit-appearance: none;

   margin: 0;

}



input[type=number] {

   -moz-appearance: textfield;

}



.img-40 {

   width: 40px;

   height: 40px;

}



.img-80 {

   width: 80px;

   height: 80px;

   background-color: #ccc;

}



.fz-14 {

   font-size: 14px !important;

}



.fz-16 {

   font-size: 16px !important;

}



.fz-18 {

   font-size: 18px !important;

}



.fz-20 {

   font-size: 20px !important;

}



.fz-22 {

   font-size: 22px !important;

}



.fz-24 {

   font-size: 24px !important;

}



.fz-26 {

   font-size: 26px !important;

}



.fz-28 {

   font-size: 28px !important;

}



.fz-30 {

   font-size: 30px !important;

}



.fw-300 {

   font-weight: 300 !important;

}



.fw-400 {

   font-weight: 400 !important;

}



.fw-500 {

   font-weight: 500 !important;

}



.fw-600 {

   font-weight: 600 !important;

}



.fw-700 {

   font-weight: 700 !important;

}



.fw-800 {

   font-weight: 800 !important;

}



.decoration {

   text-decoration: underline !important;

}



.btn-close {

   background-image: none;

   padding: 0 !important;

   box-shadow: none !important;

   opacity: 1 !important;

}



.form-check {

   vertical-align: middle;

   margin-bottom: 10px;

}



.form-check .form-check-label {

   margin-bottom: 0;

   cursor: pointer;

}



.tp-space {

   padding-top: 100px;

   padding-bottom: 100px;

}



.tp-space-scond {

   padding-top: 50px;

   padding-bottom: 50px;

}



.pt-100 {

   padding-top: 100px;

}



.pb-100 {

   padding-bottom: 100px;

}



.title {

   font-size: 40px;

   font-weight: 600;

   color: #00022A;

   margin-bottom: 30px;

   text-transform: capitalize;

}



.lg_title {

   font-size: 42px;

   color: #00022A;

   margin-bottom: 24px;

}



.subtitle {

   font-size: 18px;

   font-weight: 500;

   color: #00022A;

   margin-bottom: 20px;

}



.innr-title {

   font-size: 24px;

   font-weight: 600;

   color: #fff;

   margin-bottom: 30px;

}



.new_title {

   font-size: 32px;

   font-weight: 500;

   color: #00022A;

   line-height: 1.4;

}



.thm-btn {

   display: inline-block;

   padding: 12px 20px;

   background-color: #FFFFFF;

   border: 1px solid #FFFFFF;

   /* border-radius: 8px; */

   color: #1C1C1C;

   font-weight: 500;

   font-size: 14px;

   text-align: center;

   font-weight: 700;

}



.thm-btn.light-btn {

   background-color: #fff;

   border-color: #fff;

   color: #4F40FF;

}



.thm-btn:hover,

.thm-btn.outline:hover {

   background-color: #fff;

   border-color: #fff;

   color: #000;

}



.thm-btn.outline {

   background-color: transparent;

   border-color: #4F40FF;

   color: #4F40FF;

}



.thm-lg-btn {

   display: inline-block;

   padding: 16px 30px;

   font-size: 16px;

   color: #FFFFFF;

   font-weight: 700;

   background-color: #1C1C1C;

   border: 1px solid #1C1C1C;

   border-radius: 0px;

}



.thm-lg-btn:hover {

  background-color: #2B2F3A;

   border: 1px solid #2B2F3A;

   color: #fff;

}



.thm-lg-btn.grn-btn {

   background-color: #BEE14A;

   border-color: #BEE14A;

}



.thm-lg-btn.warning {

   background-color: #EEBD5B;

   color: #fff;

   border-color: #EEBD5B;

   text-align: center;

}



.custom-frm-bx {

   margin-bottom: 20px;

   position: relative;

}



.custom-frm-bx label {

   font-size: 16px;

   font-weight: 400;

   color: #030607;

    font-family: var(--font-second);

}



.custom-frm-bx .form-control,

.custom-frm-bx .form-select {

   height: 56px;

   border-radius: 6px;

   border: 1px solid #DBDBDB;

   font-size: 16px;

   font-weight: 400;

   font-family: var(--font-second);

}



.custom-frm-bx textarea.form-control {

   height: 150px;

}



.custom-frm-bx::placeholder {

   color: #7B7B7B;

   opacity: 1;

}



.custom-frm-bx::-ms-input-placeholder {

   color: #7B7B7B;

}



.p-100 {

   padding-top: 100px;

   padding-bottom: 100px;

}



.clr {

   color: #4F40FF !important;

}



/*global-css-end*/



.tp-header .custom-navbar .navbar-brand-title{

  font-size: 40px !important;

  font-weight: 700 !important;

  color: #000;

  text-align: center;

  text-transform: capitalize;

  font-family: var(--font-first);

}





.tp-header-sec{

  position: relative;

}



.tp-header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 100;

  transition: background 0.3s ease;

  background: white; /* Default white har page ke liye */

}



.tp-header.transparent-header {

  background: transparent !important;

}



.header-bnner-content{

  position: absolute;

  bottom: 150px;

  left: 80px;

  

}



.header-bnner-content h2{

   color: #fff;

   font-size: 80px;

   font-weight: 400;

   font-family: var(--font-third);

}









.tp-header .custom-navbar .navbar-nav .nav-link{

  font-size: 16px;

  font-weight: 700;

  color: #000;

  padding: 0 10px;

  display: inline-block;

  text-transform: capitalize;

  font-family: var(--font-second);

  background: none;

    box-shadow: none;

}



.bnner-image-section img{

   width: 100%;        
  object-fit: cover;     
  /* min-height: 100vh; */

}



.bnner-image-section{

   background-size: cover;

   background-position: center;

   background-repeat: no-repeat;

   width: 100%;

   height: 100%;

   min-height: 100vh;

}





.collection-sec{

   background: #EDEBE5;

   padding: 50px 30px;

}



.collection-content p{

   font-size: 24px;

   font-weight: 400;

   color: #030607;

   font-family: var(--font-third);

}



.collection-content{

   text-align: center;

}



.tp-collection-sec{

   padding: 50px 0;

}





.arrivel-content{

   position: relative;

}

.arrivel-content img{

width: 100%;

height: 300px;

object-fit: cover;

border-radius: 20px;

}

.arrivel-content img{



}



.arrivel-left-bx img{

   height: 600px;

}



.summer-sale-sec{

   padding: 50px 0;

}



.summer-sale-pic-bx{

   position: relative;

}



.summer-sale-pic-bx img{

   width: 100%;

   height: 100%;

   object-fit: cover;

   border-radius: 20px;

}



.summer-sale-content-bx-left{

   position: absolute;

   top: 0;

   left: 50px;

   height: 100%;

   display: flex;

   flex-direction: column;

   align-items: center;

   justify-content: center;

}





.summer-sale-content-bx-right{

     position: absolute;

   bottom: 50px;

   right: 100px;

width: 300px;

   display: flex;

   flex-direction: column;

   align-items: center;

   justify-content: center;

}



.summer-sale-content-bx-right p{

   font-size: 20px;

   font-weight: 400;

   color: #FFFFFF;

   font-family: var(--font-third);

}



.summer-sale-content-bx-left p{

   font-size: 20px;

   font-weight: 400;

   color: #F8F8F8;

   font-family: var(--font-second);

}







.saller-content-bx{

   position: absolute;

   top: 0;

   left: 0;

   display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

}



.saller-content-bx h6{

   font-size: 48px;

   font-weight: 400;

   color: #fff;

   font-family: var(--font-third);

}









.collection-learn-more-btn{

   border: 1px solid #030607;

   color: #030607;

   border-radius: 30px;

   font-size: 20px;

   font-weight: 400;

   display: inline-block;

   padding: 10px 30px;

   font-family: var(--font-second);

   text-align: center;



}



.collection-pic img{

   width: 100%;

   object-fit: cover;

   border-radius: 7px;

   /* min-height: 500px;

   height: 400px; */

}



.testimonial-sec{

   padding: 50px 0;

}



.testimonial-sec .testimonial-slider .splide__slide {

  opacity: 0.4;

  transition: 0.3s ease;

  text-align: start;

  /* padding: 20px; */

}



.testimonial-sec .testimonial-slider .splide__slide.is-active {

  opacity: 1;

  transform: scale(1.05);

}



.testimonial-sec .testimonial {

  max-width: 500px;

  /* margin: 0 auto; */

  font-size: 16px;

  line-height: 1.6;

}



.testimonial-sec .author {

  margin-top: 15px;

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 14px;

  color: #555;

}



.testimonial-sec .author img {

  width: 40px;

  height: 40px;

  /* border-radius: 50%; */

}







/* Profile */

.profile-sec{

  background: #F8F9FA;

  padding: 20px;

}





 .breadcrumb .breadcrumb-item{

  color: #7B7B7B;

  font-size: 16px;

  font-weight: 500;

}



.breadcrumb .breadcrumb-item .bread-crumb-link{

  color: #7B7B7B;

  font-size: 16px;

  font-weight: 500;

  text-transform: capitalize;

}



.title-page{

  font-size: 24px;

  font-weight: 400;

  color: #030607;

  font-family: var(--font-third);

  text-transform: capitalize;

}





.account-detail-sec {

  border: 1px solid #E0E0E0;

  background: #fff;

  border-radius: 4px;

}



.account-title h4{

  font-size: 14px;

  font-weight: 700;

  color: #030607;

  font-family: var(--font-second);

  margin-bottom: 0;

  text-transform: uppercase;

  padding: 20px;

}



.account-title{

  border-bottom: 1px solid #DBDBDB;

}



.account-frm-detail{

  padding: 20px;

}





.login-custm-bx {

      border: 1px solid #DBDBDB;

    display: flex;

    align-items: center;

    border-radius: 10px;

    padding: 0 5px;

    

}



.country-code {

    border: none;

    outline: none;

    font-size: 16px;

    background: transparent;

    margin-right: 8px;

    cursor: pointer;

}







.profile-sec .accordion-button{

      box-shadow: none !important;

    background: #fff !important;

    border: 1px solid #DBDBDB !important;

    font-size: 14px;

    font-weight: 700;

    color: #030607 !important;

    font-family: var(--font-second);

    margin-bottom: 0;

    text-transform: uppercase;

   border-top-left-radius: 4px;

   border-top-right-radius: 4px;

}





.profile-sec .accordion .accordion-item {

  margin-bottom: 10px;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

  border: 0px;



}



.accordion-body{

   border: 1px solid #DBDBDB !important;

   border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}





.shop-by-sec{

  padding: 80px 0;

  background: #fff;

}





.shop-cate-title{
  font-size: 48px;

  font-weight: 400;

  color: #030607;

  font-family: var(--font-third);

  text-align: center;

 margin-bottom: 20px;

}



.shop-by-cate-card-sec .nav-link{

  color: #7B7B7B !important;

  font-size: 20px;

  font-weight: 400;

  font-family: var(--font-first);

  /* background: #F8F9FA !important; */

  /* background: #fff !important; */
  text-wrap-mode: nowrap;

}



.shop-by-cate-card-sec .nav-pills .nav-link.active{

color: #030607 !important;

text-decoration: underline !important;

text-decoration-color: #4E4E4E !important;
background-color: transparent !important;



}





.cate-view-btn{

   color: #030607;

   font-size: 16px;

   font-weight: 500;
   text-wrap-mode: nowrap;

}

.filter-btn{

  display: flex;

    align-items: center;

    gap: 2px;

    color: #030607;

    font-size: 18px;

    font-family: var(--font-first);

}





.shop-by-cate-card-sec .product-card-bx{

    position: relative;



}



.product-list-img-bx{

  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;

}



.product-list-item{
   /* position: relative; */

    display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;

}


.product-list-img-bx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.product-list-item:hover .product-list-img-bx img {
  transform: scale(1.05);
}


/* .product-list-item img{

   width: 100%;



} */



.product-list-item .product-add-bx{

   position: absolute;

    bottom: 30px;

    right: 20px;

}



.product-add-btn{

   background: #fff;

   border: 0.5px solid #7D7D7D;

   font-size: 14px;

   font-weight: 400;

   color: #030607;

   text-transform:capitalize ;

   font-family: var(--font-second);

   display: flex;

    align-items: center;

    gap: 5px;

    padding: 10px 15px;

}





.heart-icon{

position: absolute;

    top: 10px;

    right: 20px;

    font-size: 20px;

    background: #E9E9E9;

    width: 50px !important;

    height: 50px;

    border-radius: 50%;

    line-height: 50px;

    text-align: center;

}



.product-item-name{

   /* display: flex;
   align-items: start;

   justify-content: space-between;

   margin-top: 5px; */

   display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: #fff;
  flex-shrink: 0;

}



.product-item-name h5{

   margin-bottom: 0;

   font-size: 18px;

   font-weight: 700;

   color: #030607;

   font-family: var(--font-second);

   text-transform: capitalize;



}



.product-item-name p{

font-size: 16px;

font-weight: 400;

color: #7B7B7B;

text-transform: capitalize;
margin-bottom: 0;

}

#categoryTabs{
   flex-wrap: nowrap;
   overflow-x: auto !important;
}





.transition {

  transition: transform 0.3s ease;

}

.rotate-180 {

  transform: rotate(180deg);

}



.filter-list-bx h5{

   font-size: 16px;

   color: #000000;

   font-weight: 600;

   text-transform: capitalize;

   font-family: var(--font-second);

   

}



.filter-list-bx ul li a{

font-size: 14px;

font-weight: 400;

color: #7B7B7B;

padding: 5px;

font-family: var(--font-second);

}



.splide__track--nav>.splide__list>.splide__slide.is-active{

   border: 1px solid #D9D9D9 !important;

}

.product-gallery {

  display: flex;

  flex-direction: row;

  gap: 15px;

}





.product-gallery .thumbnails {

  width: 120px;

}



.product-gallery .main-image {

  flex: 1;

}





.item-right-detail h5{

   font-size: 18px;

   font-weight: 500;

   color: #030607;

   font-family: var(--font-second);

   /* margin-bottom: 0; */

}

.item-right-detail h6{

   font-size: 16px;

   font-weight: 400;

   color: #030607;

   font-family: var(--font-second);

}



.item-right-detail span{

   color: #7B7B7B;

    font-size: 16px;

   font-weight: 400;

   font-family: var(--font-second);

}



.variant-bx .v-grey{

   

   width: 40px;

   height: 40px;

   background: #CFCFCF;

   border-radius: 50%;

   cursor: pointer;

}

.variant-bx .v-red{

   width: 40px;

   height: 40px;

   background: #BC3939;

   border-radius: 50%;

   cursor: pointer;

}

.variant-bx .v-yellow{

   width: 40px;

   height: 40px;

   background: #FFD89A;

   border-radius: 50%;

   cursor: pointer;

}



.variant-crd-bx {

   display: flex;

   align-items: center;

   gap: 10px;

}





.size-bx{

   margin: 10px 0;

}



.size-card-bx{

   display: flex;

    align-items: center;

    gap: 10px;

}



.size-btn{

   border: 1px solid #1C1C1C;

   background: #FFFFFF;

   color: #1C1C1C;

   font-size: 16px;

   font-weight: 400;

   display: inline-block;

       width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

   font-family: var(--font-second);

  }



  .size-active{

   background: #1C1C1C;

   color: #ffff;



  }



  .variant-active{

border: 1px solid #000000;

  }





.related-section .splide__arrows {

  position: absolute;

  top: -40px; 

  right: 0;

  display: flex;

  gap: 8px; 

}



.related-section .splide__arrow {

  position: static !important; 

  background: #E9E9E9;

  color: #fff;

  border-radius: 50%;

  width: 32px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0.8;

  transition: all 0.3s ease;

}



.related-section .splide__arrow:hover {

  opacity: 1;

  background: #E9E9E9;

}



.related-section .splide__arrow svg {

    fill: #000;

    height: 1em;

    width: 1em;

}



.product-accordion-details .accordion-body{

   border: none !important;

}



.product-accordion-details ul li{

   display: flex;

    align-items: center;

    justify-content: space-between;

    color: #7B7B7B;

    font-size: 16px;

    font-weight: 400;

}



.product-accordion-details .accordion-button{

   color: #030607;

   font-size: 16px;

   font-weight: 400;

}





.materail-list h4{

   font-size: 24px;

   font-weight: 400;

   color: #000000;

   font-family: var(--font-third);

   margin-bottom: 0;

}



.materail-list ul li{

   list-style-type: disc !important;

}



.subscribe-bx{

   position: relative;

}





.sub-img-bx img{

   width: 100%;

   height: 500px;

   border-radius: 20px;

   position: relative;



}



.sub-content-bx{

   position: absolute;

    top: 0;

    left: 0px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: 100%;

    width: 100%;



   

}



.sub-content-bx h5{

   font-size: 48px;

   font-weight: 400;

   color: #FFFFFF;

   font-family: var(--font-third);

}



.sub-frm-bx{

   width: 25%;

}





.add-right-bag-sidebar .accordion-button {

  font-weight: 500;

  font-size: 15px;

}



.add-right-bag-sidebar .accordion-button:focus {

  box-shadow: none;

}



.add-right-bag-sidebar .accordion-button::after {

  background-size: 1rem;

}



.add-right-bag-sidebar .accordion-item {

  border: none;

  border-bottom: 1px solid #ddd;

}



.right-offcanvas-content h5{

   font-size: 14px;

   font-weight: 700;

   color: #030607;

   font-family: var(--font-second)

}



.right-offcanvas-content h6{

   font-size: 16px;

   font-weight: 500;

   color: #030607;

   font-family: var(--font-second)

   



}



.right-offcanvas-content p{

   font-size: 14px;

   font-weight: 300;

   color: #7B7B7B;

   font-family: var(--font-second)

}



.product-btm-offcanvas{

   background: #F3F3F3;

   padding: 20px;

   margin-bottom: 30px;

}



.product-btm-offcanvas h6{

     font-size: 16px;

   font-weight: 500;

   color: #030607;

   font-family: var(--font-second);

   margin-bottom: 0;

   

}



.product-btm-offcanvas p{

   font-size: 14px;

   font-weight: 300;

   color: #7B7B7B;

   font-family: var(--font-second)

}





.my-order-header-bx{

   display: flex;

   align-items: center;

   justify-content: space-between;

   padding: 10px 20px;

}



.my-order-header-bx .deliverd{

   background: #20894D;

   border-radius: 6px;

   padding: 5px 10px;

   color: #FFFFFF;

   font-size: 12px;

   font-weight: 400;

   display: inline;

   font-family: var(--font-second);

}

.my-order-header-bx .shipped{

   background: #F2C900;

   border-radius: 6px;

   padding: 5px 10px;

   color: #FFFFFF;

   font-size: 12px;

   font-weight: 400;

   display: inline;

   font-family: var(--font-second);

}

.my-order-header-bx .cancelled{

   background: #CB384D;

   border-radius: 6px;

   padding: 5px 10px;

   color: #FFFFFF;

   font-size: 12px;

   font-weight: 400;

   display: inline;

   font-family: var(--font-second);

}



.my-order-header-bx p{

    font-size: 14px;

   font-weight: 300;

   color: #7B7B7B;

   font-family: var(--font-second);

   padding-top: 10px;



}



.order-card-left{

    display: flex;

    align-items: center;

    gap: 15px;

}



.order-detail-card-bx{

   align-items: normal;

}



.order-bx-crd-item {

   display: flex;

    align-items: center;

    gap: 15px;

    justify-content: space-between;

}



.order-bx-crd-item img{

   width: 175px;

   object-fit: cover;

   

}



.order-bx-crd-item h5{

     font-size: 14px;

   font-weight: 300;

   color: #030607;

   font-family: var(--font-second);

  margin-bottom: 0;

  padding-bottom: 5px;

}



.order-bx-crd-item p{

       font-size: 14px;

   font-weight: 300;

   color: #7B7B7B;

   font-family: var(--font-second);

    margin-bottom: 0;

    

}



.re-order-btn{

   background: #fff;

   color: #000;

   border: 1px solid #030607;

   

}



.re-order-btn:hover{

background: #fff;

   color: #000;

   border: 1px solid #030607;

   

}



.order-summary-crd h4{

   font-size: 20px;

   font-weight: 400;

   color: #030607;

   font-family: var(--font-third)

}



.order-summary-crd ul li{

   display: flex;

   align-items: center;

   justify-content: space-between;

   font-size: 14px;

   font-weight: 300;

   color: #030607;

   padding: 3px 0;

   font-family: var(--font-second);

}





.check-out-main-section{

   background: #F3F3F3;

   padding: 30px;

}



.check-out-imag-item{

   display: flex;

    align-items: center;

    gap: 20px;

    position: relative;

}

 

.check-out-imag-item img{

   width: 150px;

}



.sub-itm{

   position: absolute;

   right: -12px;

   top: -12px;

   background: #8F8F8F;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    text-align: center;

    line-height: 30px;

}



.check-out-imag-item h5{

      font-size: 16px;

   font-weight: 400;

   color: #030607;

   font-family: var(--font-second);

   margin-bottom: 0;

}

.check-out-imag-item p{

     font-size: 16px;

   font-weight: 400;

   color: #030607;

   font-family: var(--font-second);

}



.discount-bx{

   display: flex;

   gap: 10px;

}





/* Login Section */

.login-section{

   padding: 100px 0;

   background: #F8F9FA;

}



.checkout-sec{

   background: #F8F9FA;

}



.lgin-account-btn{

       display: inline-block;

    padding: 16px 30px;

    font-size: 16px;

    color: #7B7B7B;

    font-weight: 700;

    background-color: #FFFFFF;

    border: 1px solid #DBDBDB;

    border-radius: 2px;

    font-family: var(--font-five);

}



.lgin-account-btn:hover{

   background-color: #FFFFFF;

    border: 1px solid #DBDBDB;

     color: #7B7B7B;

}





.login-tab-sec .nav-tabs{

   display: flex;

    justify-content: center;

   

}

.login-tab-sec .nav-tabs .nav-item{

   border-bottom: 1px solid #E0E0E0;

   width: 50%;



}

.login-tab-sec .nav-tabs .nav-link{

border: none !important;

text-align: center;

color: #7B7B7B;

font-size: 24px;

font-weight: 400;

font-family: var(--font-third);

outline: none !important;

background: #FFFFFF;

}



.login-tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

background: #FFFFFF;

color: #000000;

box-shadow: 0px -3px 0px 0px #000000 inset ,  0px 1px 0px 0px #E4E7E9 inset , -1px 0px 0px 0px #E4E7E9 inset ;

border: none;

border-radius: 0 !important;



}







.card-lgn-section .custom-checkbox .form-check-input {

  width: 20px;

  height: 20px;

  border: 2px solid #999;

  border-radius: 6px;

  background-color: #fff;

  cursor: pointer;

  transition: all 0.3s ease;

}





.card-lgn-section .custom-checkbox .form-check-input:hover {

  border-color: #000;

}





.card-lgn-section .custom-checkbox .form-check-input:checked {

  background-color: #000;

  border-color: #000;

  background-position: center;

  background-repeat: no-repeat;

}





.card-lgn-section .custom-checkbox .form-check-label {

  margin-left: 8px;

  font-size: 15px;

  color: #7B7B7B;

  cursor: pointer;

}



.card-lgn-section{

   background: #FFFFFF;

border: 1px solid #E4E7E9;

box-shadow: 0px 8px 40px 0px #0000001F !important;

border-radius: 4px;



}



.pass-content-bx h4{

   font-size: 24px;

   font-weight: 700;

   color: #030607;

   text-align: center;

   font-family: var(--font-second);

   line-height: 20px;

   margin-bottom: 10px;

}



.pass-content-bx p{

   font-size: 16px;

   font-weight: 400;

   text-align: center;

   color: #7B7B7B;

      font-family: var(--font-second);

}



.custm-service-bx p{

     font-size: 16px;

   font-weight: 400;

   text-align: center;

   color: #7B7B7B;

      font-family: var(--font-second);

}



.custm-service-bx  .custm-service-link{

   color: #006EFF;

}









.track-order {

  position: relative;

}



.progress-line {

  position: absolute;

  top: 15px; 

  left: 80px;

  right: 0;

  height: 10px;

 background: #CFE5CD;

 width: 75%;



  z-index: 1;

}



.step {

  position: relative;

  flex: 1;

  z-index: 2;

}



.step-circle {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  border: 2px solid #28a745;

  background: #fff;

  color: #28a745;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  font-size: 16px;

  font-weight: bold;

}



.step-circle.active {

  background: #28a745;

  color: #fff;

}



/* Green progress fill up to active step */

.track-order .progress-line::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 10px;

  width: 50%; /* control active percentage */

 background: #3BAE30;



  z-index: 2;

}





.check-logn{

   color: #030607;

   font-size: 16px;

   font-weight: 400;

   text-decoration: underline !important;

}



.payment-options {

  display: flex;

  flex-direction: column;

  

}



.payment-option {

  cursor: pointer;

  display: block;

}



.payment-option .option-content {

  display: flex;

  align-items: center;

  gap: 10px;

  border: 1px solid #ddd;

  border-radius: 6px;

  padding: 10px 12px;

  background: #fff;

  transition: all 0.3s ease;

  position: relative;

}



/* Add custom radio circle */

.payment-option .option-content::before {

  content: "";

  width: 18px;

  height: 18px;

  border: 2px solid #555;

  border-radius: 50%;

  display: inline-block;

  margin-right: 8px;

  background: #fff;

  transition: 0.3s;

}



/* Selected state styling */

.payment-option input:checked + .option-content {

  background: #f6f6f6;

  border-color: #aaa;

}



.payment-option input:checked + .option-content::before {

  background: #000;

  box-shadow: inset 0 0 0 3px #fff;

  border-color: #000;

}

















































/* Footer */

.footer-section{

  padding-top: 70px;

  background: #0D0D0D;

}



.footer-section .footer-content h2{

  font-size: 40px;

  font-weight: 600;

  color: #D9D9D9;

  text-align: start;

  font-family: var(--font-four);

}



.footer-section .footer-content p{

  font-size: 16px;

  font-weight: 400;

  color: #A0A0A0;

  width: 60%;

}



.footer-section .footr-menu h4{

  font-size: 16px;

  font-weight: 400;

  color: #D9D9D9;

    font-family: var(--font-four);

}



.footer-section .footr-menu ul{

  padding: 0;

  margin-top: 10px;

}

.footer-section .footr-menu ul li{

  list-style: none;





}

.footer-section .footr-menu ul li a{

  color: #A0A0A0;

  font-size: 14px;

  font-weight: 400;

  padding: 10px 0;

  display: inline-block;

  text-align: start;

  text-transform: capitalize;

    font-family: var(--font-four);



}



.footer-section .footr-social-icon ul{

  display: flex;

  align-items: center;

  gap: 10px;

  justify-content: end;

}







.footer-section .footr-social-icon ul li{

  background: #1E293B;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

}







.footer-section .footr-social-icon ul li a{

  color: #fff;

  font-size: 20px;

  

}



.footr-btm-copyright span{

  color: #A1A1AA;

  font-weight: 400;

  color: 14px;

}



/* .fa-facebook{

  background: #2563EB !important;

} */



.icon-eye-bx{

      position: absolute;

    top: 45px;

    right: 20px;

}



.fa-heart{

    color: #7B7B7B;

}





  .filter-header {

    cursor: pointer;

  }

  .filter-arrow {

    transition: transform 0.3s ease;

  }

  .filter-header[aria-expanded="true"] .filter-arrow {

    transform: rotate(180deg);

  }





  .dropdown-toggle::after{

   display: none !important;

  }



  .menu-close-btn {

  display: none; /* default hidden */

}



#menuTabsContent .dropdown-item{

   padding: 0 5px;

color: #7B7B7B;

   font-size: 16px;

   font-weight: 500;







}



#menuTabsContent .dropdown-item:hover{

background: none;

}



.ordr-details-box{

   display: flex;

   flex-direction: column;

   gap: 10px;

}



.welcome-box {

  position: absolute;

  top: 40px;

  right: 0;

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 8px;

  padding: 15px;

  width: 250px;

  opacity: 0;

  transform: translateY(10px);

  pointer-events: none;

  transition: all 0.3s ease;

  z-index: 1000;

}



.welcome-box.active {

  opacity: 1;

  transform: translateY(0);

  pointer-events: auto;

}



    .welcome-box h4 {

      font-weight: 500;

      font-size: 20px;

      margin-bottom: 5px;

      color: #030607;

      text-align: center;

      font-family: var(--font-second);

    }

    .welcome-box p {

      font-size: 14px;

      color: #1C1C1C;

      margin-bottom: 20px;

      text-align: center;

      margin-bottom: 0;

      line-height: 25px;

        font-family: var(--font-second);

    }

  



         .profile-dropdown {

  display: inline-block;

  position: relative;

}

/* .account-list .account-item{
   padding: 5px;
} */
.account-list .account-item .account-nav-link{
display: block;
font-size: 16px;
font-weight: 500;
color: #000;
text-transform: capitalize;
border-radius: 5px;
padding: 5px 8px;
}

.account-list .account-item .account-nav-link:hover{
background-color: #7B7B7B;
color: #fff;
}

.account-dropdown{
   width: 250px !important;
   left: -10rem !important;
}



.profile-menu {

  position: absolute;

  top: 100%; /* Just below button */

  left: 195px;

  background: #fff;

  border: 1px solid #ddd;

  min-width: 200px;

  padding: 10px 0;

  box-shadow: 0 4px 8px rgba(0,0,0,0.1);

  opacity: 0;

  transform: translateY(10px);

  pointer-events: none;

  transition: all 0.3s ease;

  z-index: 1000;

}



.profile-menu a {

  display: block;

  padding: 8px 15px;

  color: #030607;

  text-decoration: none;

  transition: background 0.2s;

  text-align: start;

  font-size: 16px;

  font-weight: 400;

}



.profile-menu a:hover {

  background: #1C1C1C;

  color: #fff;

}



.profile-menu a.active {

   background: #1C1C1C;

  color: #fff;

  font-weight: 600;

}



.profile-dropdown:hover .profile-menu {

  opacity: 1;

  transform: translateY(0);

  pointer-events: auto;

}