@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

:root{
  --c1:#800000;
  --c2:#800000;
  --c3:#4b4c4d;
}
@font-face {
  font-family: lora;
  src: url(../Lora-Regular.ttf);
}
.btn-success {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #800000 !important;
    --bs-btn-border-color: #800000 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #800000 !important;
    --bs-btn-hover-border-color: #800000 !important;
    --bs-btn-focus-shadow-rgb: 60, 153, 110 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #800000 !important;
    --bs-btn-active-border-color: #800000 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #800000 !important;
    --bs-btn-disabled-border-color: #800000 !important;
}
.c1{
  color: var(--c1) !important;
}
.c2{
  color: var(--c2) !important;
}
.c3{
  color: var(--c3) !important;
}
.w{
  color: #fff !important;
}
.b{
  color: black !important;
}
a{
  text-decoration: none !important;
}
.ls{
  letter-spacing: 1px;
}
body{
  margin: 0% !important;
  padding: 0% !important;
  /* font-family: lora !important; */
  font-family: "Roboto Slab", serif !important;
  overflow-x: hidden;
}
/* .over-lay-new{
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
} */
*{
  box-sizing: border-box;
}
/* ----------------- navbar --------------------------*/
/* navbar */
.nav-container{
  /* background-color: var(--c1); */
}
.nav-bx{
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-btn{
  /* transform: translateX(-150%); */
  background-color: #000 !important;
  color: #FFF !important;
}
.logo{
  height: 50px;
  /* width: 70px; */
  object-fit: contain;
}
.nav-icon{
  width: 40px;
}
.icon-top-count{
  background-color: #ffffff;
  color: #000 !important;
}
/* nav bar */
.navbar{
  transition: all .5s;
  background-color: var(--c1);
}
.logo{
  width: 180px;
  /* height: 120px; */
}
.nav-menus {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.newnav{
  position: fixed !important;
  top: 0% !important;
  left: 0%;
  width: 100%;
  z-index: 50;
  /* background: #ffffff !important; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  animation: mymove .5s ;
}
@keyframes mymove {
  0% {
      transform: translateY(-50%);
  }
  100% {
      transform: translatey(0%);
  }
}
.dropdown-item{
  color: black !important;
}

.search-bx{
  width: 40%;
}
.serc-btn{
  background-color: var(--c1) !important;
  color: #fff !important;
}
.nav-item{
  padding: 1rem !important;
}
.nav-link{
  color: #fff !important;
  text-transform: uppercase;
  font-size: 15px !important;
}
.nav-active{
  color: var(--c2) !important;
  font-weight: bold !important;
}
.nv-icon{
  /* background-color: #ff6f00; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-div img{
  width: 25px;
}
/* .icon-div img{
width: 50px;
} */
.icon-div i{
  font-size: 18px;
}
.nv-icon p{
  margin-bottom: 0% !important;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: unset !important;
}
.dropdown:hover .dropdown-menu {
  transform: scale(1);
}
.dropdown-item{
  background-color: unset !important;
  transition: all .5s;
  font-size: 13px;
}
.dropdown-item i{
  margin-right: 6px;
}
.dropdown-item:hover{
  transform: translateX(10px);
  transition: all .5s;
}
.navbar .dropdown-menu{
  min-width: 220px;
  border-radius: 0% !important;
  border-top: 3px solid var(--c1);
}
/* Open dropdown on hover */
/* .nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0; 
} */

/* Open sub-dropdowns on hover */
.dropdown-menu li:hover > .dropdown-menu {
  display: block;
}

/* Optionally add some transition effects */
/* .dropdown-menu {
  transition: all 0.3s ease;
} */

.dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
  margin-top: 0;
}
.navbar .dropdown-item{
  font-size: 14px;
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.animate {
  animation-duration: 1s;
  -webkit-animation-duration:1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.btn-search{
  background-color: var(--c2) !important;
  
}
.nav-gift{
  width: 20px;
}
.btn-log {
  background-color: var(--c2) !important;
  color: #fff !important;
  border-radius: 50% !important;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 15px !important;
  }
  .btn-log:focus{
    outline: unset !important;
    border: unset !important;
    box-shadow: unset !important;
  }
  .nav-user-new .dropdown-toggle::after {
    display: none !important;
  }
  .user-menu{
    right: 0% !important;
  }
    /* hero */
    .mob-baner{
      display: none !important;
  }
  .desk-baner{
      display: block;
  }
  .hero{
      /* height: 80vh; */
      overflow: hidden;
  }
  .hero-slider{
      height: 100% !important;
  }
  .hero-crd{
      width: 100%;
  }
  .hero-crd img{
      width: 100%;
      height: 100%;
      object-fit: contain;
  
  }
  .navs-slidr{
      opacity: 0 !important;
      transition: all .5s;
  }
  .h-sl:hover .navs-slidr{
      opacity: 1 !important;
      transition: all .5s;
  }
  .pre{
      font-size: 40px;
      color: #000 !important;
      font-weight: 900;
  }
  .next{
      font-size: 40px;
      color: #000 !important;
      font-weight: 900;
  }
  .navs-round{
    background-color: #08080857 !important;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 20px;
    color: rgb(103,103,103) !important;
    /* color: #000 !important; */
    /* color: #776969 !important; */
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navs-round i{
    color: #FFF !important;
  }
/* -----------shop by categery----------------- */
.cat-box{
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;

}
.cat-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}
.cat-box:hover .cat-img{
  transform: scale(1.1);
  transition: .5s all;
}
.baby-cat{
  /* background-image: url(../images/baby-cat.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
}
.gift-cat{
  /* background-image: url(../images/gift-cat-2.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  
}
.decor-cat{
  /* background-image: url(../images/decor-cat.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
.mom-cat{
  /* background-image: url(../images/mom3.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center right;
}

.gift-cat .cat-main{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.cat-name{
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.paper-gif{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
}
.cat-box:hover .paper-gif{
display: block;
}
.cat-btn{
  background-color: var(--c2) !important;
  color: #FFF !important;
  width: 150px;
}
.mom-cat .paper-gif{
  width: 30%;
}

/* --------------- product section ---------------------- */
.txt-head{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tx-rib-img{
  width: 18%;
}
.heading{
  background: var(--c1);
background: linear-gradient(to right, var(--c1) 0%, var(--c2) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
text-align: center;
}
/* --product cards --- */
.pro-card{
  width: 100%;
  min-height: 350px;
  background-color: #fff;
  box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
  transition: all .5s;
  position: relative;
}
.stock-bx{
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: var(--c2);
  z-index: 3;
}
.un-click{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255, 0.5);
  z-index: 2;
}
.un-click:hover{
  cursor: not-allowed;
}
.stock-bx p{
  font-size: 11px;
}
.pro-img-box{
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-color: #f6f6f6;
}
.pro-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .5s;
}
.pro-card:hover .pro-img{
  transform: scale(1.1);
  transition: all .5s;
}
.pro-card:hover{
  box-shadow: unset;
  /* transition: all .5s; */
}
.name{
    text-transform: capitalize;
  width: 100%;
  /* font-size: 14px; */
  margin: 0%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 15px !important;
}
.pro-cart-btn{
  background-color: var(--c2)!important;
  color: #FFF !important;
  position: relative;
  /* padding-left: 1.5rem !important; */
  transition: 1s;
  display: flex !important;
  align-items: center;
  justify-content: center;
  /* max-width: 160px; */
  width: 100%;
  /* overflow: hidden; */
}
.btn-gif{
  height: 30px !important;
  /* transform: rotate(-20deg); */
  transition: .5s;
}
/* .pro-cart-btn:hover{
  padding-left: 0% !important;
  transition: 1s;
} */
.pro-cart-btn:hover .btn-gif{
  transform: translateX(-80%) rotate(-15deg) !important;
  /* transform: rotate(-10deg) !important; */
  transition: 1s;
}
.pro-txt{
  position: relative;
  width: 100%;
}
.pro-like{
  background-color: #FFF !important;
  color: var(--c2)!important;
  position: absolute;
  right: 0%;
  top: -22%;
  /* font-size: 30px !important; */
  border-radius: 10px 0px 0px 0px !important;
  padding-top: unset !important;
}
.pro-like img{
  width: 25px;
}
.show-more-btn{
  background-color: var(--c2) !important;
  color: #fff !important;
}
/* for gift images */
.git-pro-img{
  object-fit: cover;
}

/* ----------neccessory prodects--------------- */
/* .ad{
  background-color: rgba(211, 226, 254, 0.4);
} */
.ad-box{
  width: 100%;
  height: 280px;
  position: relative;
  overflow: hidden;

}
.ad-box:hover .paper-gif{
  display: block;
  }
.bby-dress{
  /* background-image: url(../images/ad1.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
.ad-box:hover .cat-img{
  transform: scale(1.1);
  transition: .5s all;
}
.bby-napi{
  /* background-image: url(../images/ad2.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center right;
}
.mom-kit{
  /* background-image: url(../images/mom2.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}
/* .mom-kit h3{
  color: rgb(127, 27, 203);
} */
/* .mom-kit .cat-main{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
} */
.owl-carousel .owl-item img {
  display: block;
  width: unset !important;
}
.owl-carousel .owl-item img.pro-img {
  width: 100% !important;
}
/* ---------------footer ------------------ */
.footer{
  background-color: var(--c1);
}
.foot-box2{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.foot-box3{
  display: flex;
  /* justify-content: center;
  align-items: center; */
  flex-direction: column;
}
.f-txt{
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
 }
 .f-img{
  width: 26px;
  object-fit: contain;
 }
.foot-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-logo{
  width: 40%;
}
.f-txt{
  color: #fff !important;
}
.f-btn{
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  border: 2px solid #fff !important;
  color: #fff !important;
}
.last-footer{
  background-color: var(--c2);
}
.w{
  color: #FFF !important;
}

  /* filter subpage */
  
  .left-filter{
    max-height: calc(110vh - 100px);
    overflow: auto;
    position: sticky;
    top: 0%;
    transition: top 0.5s ease-out 0s;
    /* background-color: var(--bg); */
  }
  .filter-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  }
  .right-content{
    /* overflow-y: scroll;
    scroll-behavior: smooth; */
  /* height: 100vh; */
  vertical-align: baseline;
    scroll-behavior: smooth;
  }
  .form-check-label{
  font-size: 13px;
  }
  .all-items{
    width: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; */
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .left-filter::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .left-filter {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
  }
    /* -----------------------filter  page------------------------ */
    .other-top-hero{
      height: 40vh;
      background-color: var(--c1);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      background-image: url(../images/Curve\ Line.svg);
      background-size: cover;
      background-repeat: no-repeat;
    }
    .breadcrumb-item+.breadcrumb-item::before {
      color: #fff !important;
  
  }
   /* filter */
    
   .left-filter{
    max-height: calc(110vh - 100px);
    overflow: auto;
    position: sticky;
    top: 0%;
    transition: top 0.5s ease-out 0s;
    /* background-color: var(--bg); */
  }
  .filter-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  }
  .right-content{
    /* overflow-y: scroll;
    scroll-behavior: smooth; */
  /* height: 100vh; */
  vertical-align: baseline;
    scroll-behavior: smooth;
  }
  .form-check-label{
  font-size: 13px;
  }
  .all-items{
    width: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; */
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .left-filter::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .left-filter {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
  }
   /* filter for mobile */
   .sile-filter-mobile{
    display: none;
  }
  .filter-mobile{
    display: none;
  }
  /* .top-2{
    margin-top: 10%;
  } */
  .filter-color .clr-btn{
    width: 30px;
    height: 30px;
  }
  .filter-mobile-box{
    display: none;
  }
  .form-check-input{
    /* border: var(--bs-border-width) solid var(--y); */
  
    border-color: 3px solid var(--c1) !important;
  }
  .form-check-input:checked {
    background-color: var(--c2) !important;
    border-color: var(--c2) !important;
  
  }
  .form-check-input:focus {
    border-color: var(--c2) !important;
    outline: 0;
    box-shadow: unset !important;
  }
  .form-check-input:checked {
    background-color: var(--c2) !important;
    border-color: var(--c2) !important;
  }

/* --------------------product page------------- */
.similar-product{
  margin-top: 8rem !important;
}
.ss{
  width: 90px !important;
  /* height: 70px !important; */
 /* object-fit: cover; */
 }

.top-sli{
display: flex;
      align-items: center;
      justify-content: center;
      /* width: 100% !important; */
     /* height: 740px !important; */
     
}
.top-sli img{
height: 100%;
width: 100%;
object-fit: cover;
}
/* .small-sli-box{
display: flex;
      align-items: center;
      justify-content: center;
      background-color: aqua;
} */
.small-sli{
display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 150px !important;
     height: 100px !important;
}
.small-sli img{
height: 100%;
width: 100%;
object-fit: contain;
}
.swip-btn{
    background-color: black !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: #FFF;
  
}
.new-top-fix{
position: relative;
}
.slides-new{
max-height: calc(122vh - 59px);
/* max-height: calc(122vh - -421px); */
/* overflow: auto; */
/*position: sticky;*/
/* overflow: hidden; */
top: 50px;
transition: top 0.5s ease-out 0s;
vertical-align: baseline;
  scroll-behavior: smooth;
-ms-overflow-style: none !important;
  scrollbar-width: none !important;

}
/* prodect dis */
.txt-small{
    font-size: 14px;
}
.price-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.qty-input{
width: 70px;
}
.pro-btn{
    background-color: var(--c1) !important;
    color: #fff !important;
    font-size: 13px !important;
    border-radius: 0% !important;
}
.whats-app-bx{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.whats-app img{
    width: 40px;
}
.accordion-button:focus{
    border: none !important;
    box-shadow: none !important;
}
.pro-btn-box{
    display: flex;
}
.main-qty-bx{
  display: flex;
  flex-direction: column;
  align-items: flex-end;

}
.wish-qty-bx{
  width: 180px;
}
.wish-qty-btn {
  /* background-color: var(--c1) !important; */
  color: #040404 !important;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.wish-qty-btns {
  background-color: var(--c1) !important;
  color: #fff !important;
  height: 30px;
  width: 30px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.form-outlines input {
  border-radius: 0% !important;
  height: 30px;
  width: 50px;
}
.s-btn{
  border: 1px solid var(--c1) !important;
}
.s-btn:hover{
  background-color: var(--c1)!important;
  color: #fff !important;
}
.s-btn-active{
  background-color: var(--c1)!important;
  color: #fff !important;
}
.s-btn.selected {
  background-color: var(--c1)!important;
  color: #fff !important;
}
.c-btn{
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
}
.c-btn:focus{
  border: 2px solid black;
}
/* similar products */
.sim-pro{
  position: relative;
}
.owl-nav{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 30%;
}
.sim-arrow{
  background-color: #000 !important;
  border-radius: 50% !important;
  height: 35px;
  width: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: all 1s !important;
}

/* .sim-pro:hover .sim-arrow{
  transform: scale(1.3);
  transition: all 1s !important;
} */
.sim-card .name{
  width: 80%;
}
.isim-btn{
  background-color: var(--c1) !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.sim-img{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tes-card{
  width: 100%;
  min-height: 310px;
  box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tes-card p{
  text-align: justify;
}
.tes-profile{
  width: 50px !important;
  height: 50px;
  /* object-fit: cover; */
  border-radius: 50%;
}
.quote{
  width: 60% !important;
}
/* zoom */
.close-zoom{
  background-color: #000 !important;
  color: #fff !important;
  position: absolute;
  top: 2%;
  right: 2%;
}
.slideshow-items {
  width: 100%;
}

.slideshow-thumbnails {
  width: 100px;
  height: 100px;
}

#slideshow-items-container {
  display: inline-block;
  position: relative;
}

#lens {
  background-color: rgba(233, 233, 233, 0.4);
  /* height: 100px !important;
  width: 200px !important; */
}

#lens,
#result {
  position: absolute;
  display: none;
  z-index: 1000;
}

.slideshow-items {
  display: none;
}

.slideshow-items.active {
  display: block;
}

.slideshow-thumbnails {
  opacity: 0.5;
}

.slideshow-thumbnails.active {
  opacity: 1;
}

#lens,
.slideshow-items,
.slideshow-thumbnails,
#result {
  border: solid var(--light-grey-2) 1px;
}
#result{
  background-color: #FFF;
}


  /* wish list page */
  .main-qty-bx{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  
  }
  .wish-qty-bx{
    width: 180px;
  }
  .wish-qty-btn {
    /* background-color: var(--c1) !important; */
    color: #0b0b0b !important;
    height: 40px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 0% !important;
  }
  .wish-dis{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .wish-img{
    /* background-color: var(--c2); */
    height: 200px;
  }
  .wish-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .debit-ard img{
  width: 45px;
}
.cart-check-out{
    background-color: var(--c2) !important;
    color: #fff !important;
    /* font-size: 16px !important; */
  }
  .cart-home{
    border : 1px solid var(--c2) !important;
  color: var(--c2) !important;
  background-color: #fff !important;
}

/* ************* buy now page **************************** */
/* buy now page */
.b-btn1{
  border:2px solid var(--c1) !important;
  color: var(--c1) !important;
}
.b-btn1:hover{
  background-color: var(--c1) !important;
  color: #FFF !important;
}
.b-btn2{
  background-color: var(--c1) !important;
  color: #FFF !important;
}
.buy-form input ,textarea ,select{
  border: 1px solid var(--c1);
}
.buy-form textarea{
  border: 1px solid var(--c1);
}
.buy-form select{
  border: 1px solid var(--c1);
}
/* buy pahe delete option */
.bup-page-delete{
  position: absolute;
  top: 3%;
  right: 3%;
  font-size: 13px !important;
  background-color: #f3547952 !important;
  height: 30px;
  width: 30px;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* about page */
.ab-hero{
  height: 30vh;
  background-color: var(--c1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.ab-hero h1{
  color: #fff;
}
.ab-hero-img{
  position: absolute;
  right: 0%;
  top: 0%;
}
.form-img{
  position: absolute;
  bottom: -5%;
  height: 80px;
  left: 1%;
}
.ab-side{
  width: 100%;
}
.ab-img-side{
  position: relative;
}
.gar{
  width: 100px;
  position: absolute;
  top: 0%;
  right: 5%;
}

.btn-shop{
  background-color: var(--c1) !important;
  color: #fff !important;

}

/* --------------------------contact page ----------------------- */
.con-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.con-box img {
  width: 40px;
}
.con-right {
  background-color: #fff;
  box-shadow: -10px -10px 25px rgba(255, 255, 255, 0.08),
    10px 10px 25px rgba(0, 0, 0, 0.08);
}
.chat {
  width: 50px;
}
.area-text {
  background-color: #f6f6f6 !important;
}
.btn-primary {
  background-color: var(--c1) !important;
  color: #fff !important;
}

/* ----------about page----------------- */
.about{
  background-image: url(../images/ab-gift.jpg);
  background-position:right;
  background-size: cover;
  
}
.ab-box{
  background-color: #f6f6f6b1;
}
.ab-box h3{
  font-size: 35px;
}
.sub-h{
  font-size: 18px;
}
.ab-us-box{
  width: 100%;
  min-height: 300px;
  box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
}
.ab-us-box img{
  width: 60px;
}
.js{
  text-align: justify;
}
/* how it works */
.how-box{
  min-height: 120px;
}
.how-box img{
  width: 60px;
}
.center-hb{
  
  box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
}
/* testimoniAL */
.says .say-card{
  width: 100%;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  /* border-top: 3px solid var(--c1); */
  min-height: 210px;
  position: relative;
  /* overflow-y: visible !important; */
  overflow: unset !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.owl-carousel .owl-stage-outer {
  background-color: #fff !important;
  padding-bottom: 15px;
}
.says .item p{
  font-size: 14px;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  min-height: 250px;
  -webkit-transform: translate3d(0,0,0);
}
.quote{
width: 80px !important;
position: absolute;
right: 3%;
top: -10%;
z-index: 10;
}
.ser-nav {
  width: 102%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: -31%;
  left: -1%;
}
.t-arrow{
  background-color: #fff !important;
  border-radius: 50% !important;
  height: 35px;
  width: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: all 1s !important;
}
.h-arrow{
  border: 2px solid var(--c1) !important;
  color: #000 !important;
}

/* ---------------thankyou page--------------- */
.success-container{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-left{
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-left img{
  width: 100%;
  object-fit: contain;
}
.success-right{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.success-p{
  font-size: 16px;
  color: #4b4c4d;
  text-align: center;
}
.thankyou-btn{
  background-color: green !important;
  color: #FFF !important;
}
.form-outline{
  width: 50px !important;

}
.form-outline input{
  border-radius: 0% !important;
}
.pbtn-2{
  background-color: var(--c2) !important;
}

/* ########## track order page  ########## */
.home-search{
  width: 40%;
}
.hero-input input{
  height: 50px;
}
.hero-input .btn{
  border-radius: 8px !important;
  background-color: #000;
  color: #fff;
  /* width: 100px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-input .btn:hover{
  background-color: #000;
  color: #fff !important;
}
.track-main{
  width: 100%;
}
.track-box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.track-icon-bx{
  width: 100%;
  display: flex;
  align-items: center;
}
/* :root{
  --tc:#e0424a;
} */
.track-icon{
  background-color: var(--c1);
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.track-icon i{
  color: #fff;
  font-size: 25px;
}
.track-line{
  width: 80%;
  height: 6px;
  background-color: var(--c1);
}
.track-head{
  font-size: 15px;
  /* color: var(--tc); */
  font-weight: bold;
  letter-spacing: 1px;
}
.track-sub{
  color: var(--c1);
  font-size: 13px;
}

.before-reach .track-icon{
  background-color: #FFFF !important;
  border: 1px solid var(--c1);
}
.before-reach .track-icon i{
  color: var(--c1) !important;
}
.before-reach .track-line{
  background-color: #8e8d8d;
  /* border: 1px solid #dee2e6; */
}

/* //// */
.oder-img{
  width: 100%;
}
.or-p{
  font-size: 13px;
}
.full{
  min-height: 50vh;
}

/* top nav */
.top-first{
  background-color: #e4b62d;
}
.ofer-new-img{
  width: 26px;
  animation: crescendo 1s alternate infinite ease-in;
  animation: heartbeat 1s infinite;
}

/* thankyou page */
.thank-main{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.succes-box{
  display: flex;
  align-items: center;
  justify-content: center;
}
.succes-text{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  text-align: center;
}

/* ---order page---- */
.order-item-bx{
  background-color: #ffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: 100%;
  border-radius: 12px;
  color: #000;
}
.order-new-img{
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.order-head{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.order-status{
  background-color: var(--c1);
  text-align: center;
  color: #fff;
  /* border-radius: 8px; */
  /* max-width: 80%; */
}

/* =+----order detais page ---- */
.ordeer-bx-2{
  background-color: #ffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: 100%;
  /* border-radius: 10px; */
  color: #000;
}
.order-new-img-2{
  width: 100%;
  /* height: 150px; */
  object-fit: cover;
}
.deleverd-status{
  background-color: green;
}
.bg-f6{
  background-color: #f6f6f6;
}
.bg-w{
  background-color: #ffff;
}
.form-control{
  outline: unset !important;
  box-shadow: unset !important;
}
.form-control:focus{
  outline: unset !important;
  box-shadow: unset !important;
}
.form-check-input{
  border: 1px solid #000 !important;
}

.change-profile{
  position: relative;
}

.over-profile{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  inset: 0%;
  transition: .5s;
}
.change-profile:hover .over-profile{
  display: flex;
  transition: .5s;
}

/* address page */
.def-bx {
  background-color: green;
  color: #fff;
  border-radius: 7%;
}
.adress-card{
  background-color: #f3f3f3;
  border-radius: 5%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px
}
.def-div{
  min-height: 50px;
}
.profile-new{
  height: 120px;
  width: 120px;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center; 
  border-radius: 50%;   
}

/* my account page */
.profile-img-box{
  width: 200px;
  height: 200px;
  background-color: #000;
  border-radius: 50%;
  overflow: hidden;
}
.profile-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.option-div{
  width: 100%;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  color: #000 !important;
}

.head-option{
  font-weight: 600;
  /* color: #434343; */
  font-size: 16px;
  text-transform: capitalize;
  margin-left: 10px;
  font-style: normal;
  line-height: 19px;
  color: #070707;

}
.border-last{
  border-right: 1px solid #c4c0c0;
}
/* .fnav p {
  font-size: 16px;
} */
.fnav p {
  /* font-size: 16px; */
  color: #FFF;
  font-size: 12px;
  font-weight: 700 !important;
  line-height: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.slash-p{
position: relative;

}
.slash-p::after{
  content: '|';
  position: absolute;
  right: 0%;
}
.outer-icon{
  width: 40px;
  height: 40px;
  background-color: #e8e5e5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
 /* my account page */
 .bo-bot{
  border-bottom: 1px solid #d5d5d5;
}
.under-profile{
  background-color: #FFF;
  border-radius: 20px 20px 0px 0px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  flex-direction: column;
}
.option-div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.border-last{
  border-right:unset;
}
.mob-bg{
  background-color: #f6f6f6;
}

  /* --------------------------------------make it responsive------------------------ */
  @media screen and (min-width:1350px) {
    .top-sli{

       /* height: 500px !important; */
           
      }
  }
  @media screen and (max-width:1050px) {
    /* new */
    .home-search {
      width: 60%;
  }
  .hero-input .btn {
    display: flex;
    align-items: center;
  }

}

@media screen and (max-width:1300px) {
  .top-sli {
      display: flex;
      align-items: center;
      justify-content: center;
      /* width: 100% !important; */
      /* height: unset !important; */
  }
}
@media screen and (min-width:960px) and (max-width:1030px) {
  .nav-link{
    font-size: 13px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .slides-new {
    max-height: calc(122vh - -129px) !important;
  }
  .top-sli {
      display: flex;
      align-items: center;
      justify-content: center;
      /* width: 100% !important; */
      /* height: unset !important; */
  }
}

@media screen and (max-width:1030px) {
  .logo {
    width: 109px;
    /* height: 120px; */
}
}
  @media screen and (max-width:920px) {
    /* my account page */
    .bo-bot{
      border-bottom: 1px solid #d5d5d5;
    }
    .under-profile{
      background-color: #FFF;
      border-radius: 20px 20px 0px 0px;
      box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
      flex-direction: column;
    }
    .option-div{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .border-last{
      border-right:unset;
    }
    .mob-bg{
      background-color: #f6f6f6;
    }

    .similar-product {
        margin-top: 4rem !important;
    }
    .sm-js{
      text-align: justify !important;
    }

    ul.dropdown-menu.animate.slideIn.accordion.py-0 {
        padding-left: 2rem;
    }
      /* navbar */
    .top-nav-one{
      display: none;
    }
    .navbar{
        background-color: var(--c1);
    }
    .logo{
        width: 77px;
    }

    /* navbar */
    .top-nav-one{
        display: none;
    }
  .menu {
    width: 42px;
        }
          /* .logo{
              width: 77px;
          } */
          .nav-menus {
              display:flex;
              align-items: unset !important;
              justify-content: unset;
        
          }
          .nav-link{
              color: var(--c3) !important;
              font-size: 15px !important;
              font-weight: normal !important;
          }
          .newnav .nav-link{
            color: var(--c1) !important;
          }
          .offcanvas{
              width: 80% !important;
          }
      .dropdown-item {
        white-space: unset !important;
        font-size: 12px;
      }
      .dropdown-item {
        white-space: unset !important;
        font-size: 16px;
    
        /* border-bottom: 1px solid var(--c1) !important;
        min-height: 56px; */
      }
      .dropdown-menu{
        border: unset !important;
        box-shadow: unset !important;
      }
    
      @-webkit-keyframes slideIn {
        0% {
          -webkit-transform: transform;
          -webkit-opacity: 0;
        }
        100% {
          -webkit-transform: translateY(-8%);
          -webkit-opacity: 1;
        }
        0% {
          -webkit-transform: translateY(0);
          -webkit-opacity: 0;
        }
      }
      .menu{
        width: 52px;
      }
      .offcanvas-header{
        background-color: var(--c1) !important;
      }

      .offcanvas-header.bg-black {
        background-color: var(--c1) !important;
      }
    
      .nav-active{
        background-color: unset !important;
        color: var(--c1) !important;
        font-weight: bold !important;
        border-bottom: unset !important;
      }
      .nav-item{
        border-bottom: 1px solid var(--c1);
        min-height: 56px;
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        justify-content: center;
        padding: unset !important;
      }
        /* hero */
        .mob-baner{
          display: block !important;
      }
      .desk-baner{
          display: none !important;
      }

      /* shop by categery */
      .mom-cat .paper-gif{
        width: 100%;
      }
      .mom-cat{
        background-image: url(../images/mom3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:bottom;
      }
      /* -----fiter page --------- */
          /* mobile filter option */
    .left-filter{

      display: none !important;
    }
  
    .filter-mobile{
      display: block;
    }
    .sile-filter-mobile{
      width: 81%;
      /* min-height: 150vh; */
      position: fixed;
      z-index: 1210;
      display: block;
      /* background-color: aqua; */
      background-color: #fff;
      transition: all 1s;
      top: 0% !important;
      bottom: 0% !important;
      left: -110%;
      overflow-x: hidden !important;
      overflow-y: scroll !important;
      scroll-behavior: smooth;
      
    }
    .filter-box{
      overflow-y: scroll;
      /* background-color: aqua; */
    }
    .filter-open{
      font-size: 18px !important;
      letter-spacing: 1px !important;
      font-weight: bold !important;
      color: var(--red) !important;
    }
    .filter-mobile-box{
      display: block;
      width: 100%;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      bottom: 0%;
      left: 0%;
      z-index: 200;
      box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }

      /* prodect page */
       /* pro page */
       .slides-new{
        /* max-height: calc(122vh - 100px); */
        /* overflow: auto; */
        position: unset;
        overflow: hidden;
        top: unset;
        transition: top 0.5s ease-out 0s;
        vertical-align: baseline;
          scroll-behavior: smooth;
        -ms-overflow-style: none !important;
          scrollbar-width: none !important;
        
      }
      .pro-btn {
        font-size: 12px !important;
    }
      .mob-pro-btn-box{
        position: fixed;
        bottom: 0%;
        left: 0%;
        width: 100%;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 120;
        transition: all .5s;
  }
  .mob-qty{
    /* justify-content: flex-start; */
    align-items: flex-start;
  }

          /* mobile zoom  */
    /* zoom page */
    .zoom-con{
      height: 100vh;
      width: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .image-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 500px;
      background-color: var(--w);
      touch-action: none;
      cursor: move;
      position: relative;
      /* Set cursor to indicate draggable content */
  
  }
  .zoom-icon{
    position: absolute;
    bottom: 3%;
    right: 3%;
    font-size: 19px;
    color: var(--c1);
  }

  .go-back{
    position: absolute;
    top: 3%;
    right: 3%;
  }
  #productImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }


     /* track order*/
      .home-search {
          width: 60%;
      }
      .track-box{
        width: 100%;
        display: flex;
        min-height: 100px;
      }
      .track-icon-bx{
        width: 60px;
        display: flex;
        flex-direction: column;
        margin-right: 5%;
      }
      .track-icon{

        height: 45px;
        width: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .track-icon i{
        color: #fff;
        font-size: 15px;
      }
      .track-line{
        width: 3px;
        height: 54%;
      }
      .track-head{
        font-size: 14px;
        /* color: var(--tc); */
        font-weight: bold;
        letter-spacing: 1px;
      }
      .track-sub{

        font-size: 13px;
      }
  }



  @media screen and (max-width:660px) {
    /* nav bar */
    .btn-log {
      background-color: var(--c2) !important;
      color: #fff !important;
      border-radius: 50% !important;
      height: unset;
      width: unset;
      display: unset !important;
      font-size: unset !important;
      }
      .navbar-brand{
        margin-right: 0% !important;
      }
      .succes-box{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      }
      .succes-box img{
        width: 100%;
        object-fit: contain;
      }
    /* product card */
    .pro-card {
      width: 100%;
      min-height: 269px;
    }
    .pro-img-box {
      height: 143px;
    }
    .name{
      font-size: 16px;
    }
    .price{
      font-size: 14px;
    }
    .pro-like{
      font-size: 20px !important;

    }
    .pro-cart-btn{
      font-size: 15px !important;
      max-width: 160px;
      /* overflow: hidden; */
    }
    .btn-gif{
      height: 25px !important;

    }
        /* product page */
      /*  .top-sli {*/
      /*    height: 496px !important;*/
      /*}*/
      .small-sli{
          width: 100px !important;
          height: 80px !important;
           }
             /* why choose us */
      .why-box img{
        width: 40px;
        object-fit: contain;
      }
      .why-box h5{
        font-size: 18px;
        font-weight: normal !important;
      }
         /* track order */
        .home-search {
          width: 100%;
         }
  }

  @media screen and (min-width:2000px) {
    .container{
        max-width: 90% !important; 
    }
  }
  
  .img-pro-colr{
  height: 70%;
  width: 100%;
}
.img-pro-colr img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.colr-box{
  display: flex;
  flex-wrap: wrap;
}
.pro-color{
  height: 90px;
}
.pro-colors.border {
  border: 2px solid #dee2e6!important;
}
.pro-colors.selected {
  border: 2px solid #800000 !important;
}

  /* navbar dropdown */
.dropdown-menu[data-bs-popper] {
  top: 116% !important;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.arow-right .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
  position: absolute;
  right: 18px;
  top: 37%;
}
.navbar .dropdown-item:hover{
  transform: unset;
    background-color: #f9dede !important;
    color: var(--c1) !important;
    transition: all .5s;
  }
  
  .out-of-stock{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ffffffc5;
    cursor: not-allowed;
    z-index: 3;
  }
  .main-size-btn{
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #000 !important;
    position: relative;
    outline: none !important;
  }
  .main-size-btn .out-of-stock {
    position: absolute;
    top: -2%;
    left: -2%;
    width: 105%;
    height: 105%;
  }