@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");
:root {
  --color-black: hsl(0, 0%, 10%);
  --color-darks: hsl(0, 0%, 25%);
  --color-greys: hsl(0, 0%, 60%);
  --color-light: hsl(0, 0%, 95%);
  --color-white: hsl(0, 0%, 100%);
  --color-blue-100: hsl(217, 91%, 65%);
  --color-blue-200: hsl(221, 83%, 55%);
  --color-blue-300: hsl(224, 76%, 45%);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
     0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
     0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
     0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}


/* website colour */
.header{
  background-color: #F8E3EA;
}
.menu{
  background-color: #F8E3EA !important;
}
.search-block{
  background-color: #F8E3EA;
}
.las,.lar,.fa-brands,.fa-solid{
  color: #B62F61 !important;
}
marquee{
  background-color: #F1979D !important;
  color: black !important;
}

.djj{
  background-color: rgba(255, 255, 255, 0.68) !important;
 
}

.burger-line{
  background-color: #B62F61 !important;
}




html {
  font-size: 100%;
  box-sizing: inherit;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
}

body {
  font-family: "Rubik", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-black);
  background-color: var(--color-white);
position: relative;
}

.ffl {
opacity: 0;
font-size: 0.0000000rem;
}

.floatingnav{
  width: 8rem;
  z-index: 222;
  right: 1rem;
  top: 1.5rem;
  position: fixed;
}
.flo:hover{
  background-color:pink;
}
.blan{
  background-color: transparent;
  height: 1.3rem;
}
.flo p{
  color: #782242 !important;
}
.flo{
  background-color: white !important;

  padding: .5rem;
  display: flex;
  text-align: center;
  z-index: 222 !important;
  align-items: center;
  border-bottom: 2px solid rgb(248, 113, 135);

}
.floatingnav .las{
  color:rgb(248, 113, 135);
  font-size: 1.5rem;
}

.flo p{
  color: rgb(248, 113, 135);
  padding-left: .5rem;
}







main {
  overflow: hidden;
}

a,
button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  text-transform: unset;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.section {
  margin: 0 auto;
  padding: 5rem 0 2rem;
}

.container {
  max-width: 75rem;
  height: auto;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.brand {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  margin-left: 41%;
  line-height: 1.5;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: var(--color-blue-200);
}
.brand img{
  
  height:2rem;
  width:10rem;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 50 !important;
  margin: 0 auto;
  box-shadow: var(--shadow-medium);
}
.mobilebanner{
  display: none;
}
.mobilebanner img{
width: 100%;
height: 100%;
}
.navbar {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4rem;
  margin: 0 auto;
}
.navbar .la-heart{
  font-size: 1.45rem !important;
}

.menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 85vw;
  height: 100%;
  z-index: 60 !important;
  overflow-y: auto;
  background-color: var(--color-white);
  box-shadow: var(--shadow-medium);
  transition: all 0.5s ease-in-out;
}

.menu.is-active {
  top: 0;
  left: 0;
}
.menuinnerdiv{
  margin-top: 4rem;
  
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.menu-inner {
  width: 85vw;
 height: auto;
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  margin: 1.25rem;
  display: none !important; 
}

.menu-item{
padding: 1rem;
width: 100%;
font-size: 3rem !important;
border-bottom: 2px solid #b62f6138;
}


.menu-link {
  font-family: inherit;
  font-size: 2rem !important;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
  color: #B62F61 !important;
  transition: all 0.3s ease;
}


.iconsss1{
  position: absolute;
  bottom: 2rem;
display: flex;
flex-direction: column;
}
.iconsss1 p{
font-size: 1.5rem;}
.iconsss1 .fa-brands{
  padding: 1rem;
  font-size: 2rem !important;
}
.menu-link:hover {
  color: var(--color-blue-200);
}
@media only screen and (min-width: 48rem) {
  .menu {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin-left: auto;
    background: none;
    box-shadow: none;
  }
  .menu-inner {
    display: flex;
    flex-direction: row;
    column-gap: 1.75rem;
    margin: 0 auto;
    margin-right: 5rem;
  }
  .menu-link {
    text-transform: capitalize;
  }
  .menu-block {
    margin-left: 2rem;
  }
}

.burger {
  position: relative;
  display: block;
  cursor: pointer;
  order: -1;
  width: 1.6rem;
  height: auto;
  border: none;
  outline: none;
  visibility: visible;
}
.burger-line {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 2px;
  margin: 6px auto;
  transform: rotate(0deg);
  border-radius: 1rem;
  background: var(--color-black);
}
@media only screen and (min-width: 48rem) {
  .burger {
    display: none;
    visibility: hidden;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease-in-out;
}
.overlay.is-active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.search-toggle, .search-cancel {
  display: block;
  cursor: pointer;
  font-size: 1.45rem;
  line-height: inherit;
  color: var(--color-black);
}
.las{
  display: block;
  cursor: pointer;
  font-size: 1.45rem;
  line-height: inherit;
  color: var(--color-black);

}
.search-block {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
}
.search-block.is-active {
  top: 0;
  right: 0;
}
.search-form {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  padding: 0.75rem 1rem;
}
.search-input {
  display: block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  width: 100%;
  height: auto;
  padding: 0.65rem 1.25rem;
  border: none;
  outline: none;
  border-radius: 0.25rem;
  color: var(--color-black);
  background-color: var(--color-light);
}
.search-input::-webkit-search-decoration, .search-input::-webkit-search-cancel-button {
  display: none;
  visibility: hidden;
}



















marquee{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-top: 4rem !important;
  font-size: .8rem;
  display: flex !important;
  border : .1px solid #ccc;
  max-width : 100% ;
  background-color: rgb(255, 219, 158);
  text-align : center ;
  padding : .5rem ;
  display: block;
  height: auto;
  
}

marquee >p{
  columns: black !important;
  padding: 0;
  margin: 0;
}



























.circledivo{

  padding-left: .5rem;
  height:auto;
  width: auto;
  overflow-y: hidden;
  margin-top: 1rem !important;
display: flex;
justify-content:flex-start;
align-items:center;
overflow-x: auto;
}
.circledivo::-webkit-scrollbar{
  height: .5rem;
  }
  .circledivo::-webkit-scrollbar-track{
      background-color: #d4d4d4;
      box-shadow:   0px 6.3px 6.9px rgba(0, 0, 0, 0.103);
   cursor: pointer;
  }
  .circledivo::-webkit-scrollbar-thumb{
      background-color: #a1a1a1;;
      cursor: pointer !important;
  border-radius: .6rem;
  }
  
  .circledivo::-webkit-scrollbar-thumb:hover{
    cursor: pointer;  
    background-color: #a1a1a1;
      cursor: pointer !important;
  }
  
.cir{
  margin-left: .5rem;
  min-width: 8rem;
  min-height: 8rem;
  text-align: center !important;
  display: flex;
  margin-right: 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
background: cover;
background-position: center center;
background-blend-mode: screen;

}

.circledivo img{
  width: 8rem;
  margin-bottom: .5rem;
  border-radius: 50%;
  background-size: cover;
  height: 8rem;
filter: drop-shadow(6px 8px 11px -8px rgba(0,0,0,0.1));
}

.bttno{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, #B62F61 0px 3px 7px -3px;
  color: white;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  width:auto;
  background-color:#C9264C;
  height: auto;
  text-align: center;
padding: .5rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: .2rem;
margin-bottom: 2rem;
}

.btndiv {
  margin-top: 2rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}














































































































@font-face {
  font-family: klein;
  src: url(klein/Klein-Text-Book-trial.ttf);
}








.oonly{
  display: none;
  font-size: 2.5rem;
  margin-top: 5rem;
  text-align: center;
  font-weight:380 !important;
  text-transform: uppercase;
  padding-bottom: 0;
}



h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family:klein !important;
  font-weight: 300;
  font-size: 2.1rem;
  
color: #B62F61;  
-webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

h1 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}
h1 em {
  font-style: normal;
  font-weight: 600;
}

/* === HEADING STYLE #1 === */

.one h1 {
  font-size: 2.5rem;
  margin-top: 3rem !important;
  text-align: center;
  font-weight:400 !important;
  text-transform: uppercase;
  padding-bottom: 0;
}
/* .one h1:before {
  width: 1.75rem;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: #b80000;
}
.one h1:after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 5px;
  left: 50%;
  margin-left: -50px;
  background-color: #b80000;
} */


















html {
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body {
    background: #F6F9FC;
    color: #212121;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    min-height: 100%;
    min-width: 320px;
    margin: 0;
    padding: 0;
    width: 100%;
}
h1 {
    margin: 0;
    padding: 0;
}
.section-header {
    display: block;
    margin-top: 20px;
    position: relative;
    text-align: center;
}
.section-header h1 {
    color: #212121;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    padding: 0 0 24px;
    position: relative;
    z-index: 2;
}
.section-header h1:after {
    position: absolute;
    display: block;
    width: auto;
    height: 3px;
    bottom: 0;
    left: 20%;
    right: 20%;
    border-radius: 1px;
    content: "";
    z-index: 1;
    background: #e6e9ec;
}
section {
    padding-bottom: 30px;
    overflow: hidden;
    position: relative;
}
a,
a:link,
a:visited {
    color: #212121;
    text-decoration: none;
}
.mobilebbr{
  margin-top: 1rem;
  display: none;
}
.micro-slider {
    height: 45.5rem;
 margin-top: -10rem;  
    /* margin: 10px 0; */
    position: relative;
    width: 100%;
}
section{
  background-color:#F8E3EA;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.micro-slider.fullwidth {
    height: 30rem;
    /* margin: 64px 0; */
}
.micro-slider.fullwidth .slider-item {
    height: 30rem;
    line-height: 30rem;
    width: 100%
}
.slider-wrapper {
    overflow: hidden;
    position: relative;
    transform-style: preserve-3d;
    transform-origin: 0 50%;
}
.slider-item {
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12);
    color: #FFF;
    display: none;
    font-size: 4.5rem;
    height: 20rem;
    line-height:20rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20rem;
    cursor: pointer;
}
/*
.slider-item:not(.active) {cursor: pointer;}
*/
.indicators {
    bottom: 0px;
    left: 50%;
    list-style-type: none;
    margin: 0 0 0 -4.8rem;
    padding: 0;
    position: absolute;
}
.indicators li {
    color:pink !important;
    float: left;
    height: .5rem !important;
    margin-right: 0.5rem;
    text-align: center;
    width:.5rem !important;
}

.indicators li:last-child {margin: 0;}

.indicators a {
    background: rgba(128, 128, 128, 0.539) !important;
    border-radius: 0.5rem;
    color: #FFF;
    display: inline-block;
    height: .5rem;
    width: .5rem;
}

.indicators .active a 
{
  background: #B62F61 !important;
}

.s1 {background: #3f51b5;}

.s2 {background: #448aff;}

.s3 {background: #03a9f4;}

.s4 {background: #00bcd4;}

.s5 {background: #009688;}

.s6 {background: #4caf50;}




  
  

  .mobilereccommendation
  {
   display: grid;
   column-gap: .5rem;
   grid-template-columns: 1fr 1fr;
display: none;
}


  .mobilereccommendation .swiper-slide{
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    position: relative !important;
    width: 18rem;
    background-color: white;
  }
  .mobilereccommendation .swiper-slide img{
    min-width: 18rem !important; 
    height: 28rem;
   border-radius: .2rem;
  }


  .mobilereccommendation .swiper-slide:hover .djj{
    display: flex;
  }
  
  .mobilereccommendation .prico{
    padding-top: .5rem;
    padding-bottom: 1rem;
  }

  .djjj
  {

    margin-top:-4rem;
    width: 45vw;
    display: flex;
    z-index: 122;
    justify-content: space-around;
    align-items: center;
}










/* hot right now */

.hotnow .swiper{
width: 95%;
height: 32rem !important;

}


.hotnow .swiper-slide{
text-align: center;
display: flex;
height: 33rem !important;
justify-content: center;
align-items: flex-start;
}














.banner1 img{
  width: 100%;
  height: 30rem;
  
}





/* reel section */































/* reels */


.reels
{
display: flex;
align-items: center;
justify-content: center;
  width: 100%;
}
.reels .swiper-container {
  width: 90%;
  padding-top: 3.1rem;
  padding-bottom: 3.1rem;
overflow: hidden;
}
.reels .swiper-slide{
  width: auto;
}

.reels .swiper-slide video{
  width: 60vw;
  height:auto;
  border-radius: .3rem;
}




/* reels2 */


.reels2
{
display: flex;
align-items: center;
justify-content: center;
  width: 100%;
  display: none;
}
.reels2 .swiper-container {
  width:80%;
  padding-top: 3.1rem;
  padding-bottom: 3.1rem;
overflow: hidden;

}
.reels2 .slider-wrapper{
  width: 60%;
}
.reels2 .swiper-slide{
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);

  position: relative;
  width: 18rem;
background-color: white;
}

.reels2 .swiper-slide img{

  min-width: 18rem !important; 
  height: 28rem;
 border-radius: .2rem;
}
.reels2 .swiper-slide .djj {
  width: 100%;
  display: flex;
  position: absolute;
  top:25rem;
  
display: none;
  font-size: 2rem;
  box-shadow: 6px -10px 8px -10px rgba(0,0,0,0.1);
  height: 3rem;
  justify-content:space-around;
align-items: center;
background-color: white;
}

.reels2 .swiper-slide:hover .djj{
  display: flex;
}




.rreel{
  display: flex !important;
}
.rreel .swiper-wrapper .swiper-slide img {
  height: 35 !important;

}
/* @media (max-width:767px) {
  height:: 38rem !important;
  
} */
video {
  background-color: #B62F61 !important;
  pointer-events: none;
height: 100%;
box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
border-radius: .5rem;
}
video::-webkit-media-controls-play-button {
  display: none !important;
}

video::-webkit-media-controls-volume-slider {
  display: none;
}

video::-webkit-media-controls-mute-button {
  display: none;
}

video::-webkit-media-controls-timeline {
  display: none;
}

video::-webkit-media-controls-current-time-display {
  display: none;
}
video::-webkit-media-controls, video::-moz-media-controls, video::-o-media-controls, 
video::-ms-media-controls
 {   display: none !important; }

.vidimg{
  z-index:3;
}

.rreel video{
  position: relative;
}



 .addpro .las{
  font-size: 2.3rem !important;
}




.prico{
  background-color: white;
  margin-top: .5rem;
  display: flex;
  flex-direction: column;
  padding: .5rem;
  padding-top: 0;
  justify-content: flex-start;
  align-items: flex-start;
}
* .prico h4{
font-size: 1rem;
font-weight:300;
font-family: Verdana, Geneva, Tahoma, sans-serif;
 text-decoration-style: dashed !important;
 
}
* .prico p{
  font-size: 1rem !important; 
padding-right: .7rem !important;
}


* .prico s{
  text-decoration: line-through;
  
  color: #B62F61 !important;
}






/* pcslider */
.pcslider{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.pcslider .mySwiper{
  width: 95% !important;
}



.pcslider swiper-slide{
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
width: fit-content !important;
  position: relative;
background-color: white;
margin-bottom: 3rem;
margin-top: 2rem;
margin-left: 0rem;
}

.pcslider swiper-slide img{

  min-width: 18rem !important; 
  height: 28rem ;
 border-radius: .2rem;
}
.pcslider swiper-slide .djj {
  width: 100%;
  display: flex;
  position: absolute;
  top:25rem;
display: none;
  font-size: 2rem;
  box-shadow: 6px -10px 8px -10px rgba(0,0,0,0.1);
  height: 3rem;
  justify-content:space-around;
align-items: center;
background-color: white;
}

.pcslider swiper-slide:hover .djj{
  display: flex;
}




.addpro .las{
  font-size: 2.3rem !important;
}


.prico{
  background-color: white;
  margin-top: .5rem;
  display: flex;
  flex-direction: column;
  padding: .5rem;
  padding-top: 0;
  justify-content: flex-start;
  align-items: flex-start;
}
.prico p{
  font-size: 1rem;
}

.discount{
  border-radius: .1rem;
  font-size: .8rem;
  position: absolute;
  margin: .5rem;
  text-align: center;
  width: 5rem;
  color: white !important;
  padding: .2rem;
  background-color: #37a23b;
}

.discount P{
  color: white !important;
  padding-bottom: 0 !important;
  font-weight: 600;
}



















/* reels3 */


.reels3
{
display: flex;
align-items: center;
justify-content: center;
  width: 100%;
}
.reels3 .swiper-container {
  width:90%;
  padding-top: 3.1rem;
  padding-bottom: 3.1rem;
overflow: hidden;

}
.reels3 .swiper-slide{
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  position: relative;
  width:auto;
background-color: white;
}

.reels3 .swiper-slide img{

  min-width: 18rem !important; 
  height: 28rem;
 border-radius: .2rem;
}
.reels3 .swiper-slide .djj {
  width: 100%;
  display: flex;
  position: absolute;
  top:25rem;
  
display: none;
  font-size: 2rem;
  box-shadow: 6px -10px 8px -10px rgba(0,0,0,0.1);
  height: 3rem;
  justify-content:space-around;
align-items: center;
background-color: white;
}

.reels3 .swiper-slide:hover .djj{
  display: flex;
}



.star .fa-solid{
  font-size: 1rem;
  color: #B62F61;
padding-top: .5rem;
}
.star .fa-regular{
  font-size: 1rem;
  color: #B62F61;
}





















/* bts */

.bts img{
  height: 30rem;
  width: 100%;
 margin-top: 3rem; 
}
















/* contact container */









.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;

}

.containerw {
  font-family:Verdana, Geneva, Tahoma, sans-serif !important;
  margin-right: auto;
  margin-left: auto;
  display: flex;justify-content: flex-start !important;
  align-items: center;
  width: 20rem !important;
  flex-direction: column;
}

.column{
  display: flex;
  justify-content:flex-start;
  flex-direction: column ;
  position: relative;
  min-height: 1px;
  padding-right:0rem;
  padding-left: 0rem;
width: 20rem !important;
}

/*-- contact-section --*/
.contacter{

  background: transparent;
	overflow: hidden;
  display: flex;
  width: auto;
  width: auto;
  height: auto;
}
.contacter h3{
  font-size: 1rem;
  font-weight: 400;
 color: #782242;
  
  margin-bottom: .3rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}
.contacter p{
	font-size:1em;
	font-weight:400;
	color: #782242;
	margin:1em 0em 4em;
	text-align:center;
}
.contacter form input[type="text"]{
	width: 100%;
  padding: .8rem 0;
  margin-bottom: 7%;
  background: none;
  color: #782242;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  font-size: .9rem;
  outline: none;
  background-color: white;
  font-weight: 400;
  text-indent: 10px;
  border: 1px solid rgb(175, 175, 175);
  border-radius: 3px;
}
.contacter form textarea {
	resize:none;
	width: 100%;
	padding: .8rem 0;
	margin-bottom: 5%;
	background:none;
	color: #782242;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  font-size:.9rem;
	outline: none;
	font-weight:400;
	text-indent: 10px;
  border: 1px solid rgb(175, 175, 175);
	min-height: 8rem;
	border-radius: 3px;
  background-color: white !important;

}
.contacter form input[type="submit"] {
	background: #B62F61;
	padding: .9rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
	color:white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, #B62F61 0px 2px 4px -1px;
  
	font-size: .6rem;
	font-weight: 400;
	display: block;
  width: auto;
	outline: none;
	border: none;
	border-radius:5px;
	text-transform:uppercase;
	font-weight: bold;
	cursor: pointer;
	
}	
.contacter form input[type="submit"]:hover{
  background: #782242;
  color: white;
}
/*-- contact --*/

.wrap {
  
  width: 80%;
  margin: 0px auto;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  font: inherit;
}





















/* FOOTER */
.footer{
  margin-top: 1.5rem;
  overflow: hidden;
  padding: 1rem;
  background-color: #F8E3EA !important;
}
.footer h3{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dispatch
{ 
  
  margin: .5rem;
  margin-bottom: 1rem;
  text-align: center;
  display: flex;
  justify-content: space-between;

}
.dispatch2
{ 
  
  text-align: center;
  display: flex;
  justify-content: space-between;
  margin: 2rem;

}

.dispatch p{
  font-size: 1rem;
  padding: 1rem;
}

.dispatch .fa-regular , .fa-solid{
  font-size: 3rem;
}

.contenn{
  width: 100%;
  display: flex;
}

.contactus{
  width:80vw ;
display: flex;
margin-bottom: 3rem;
align-items: flex-start;
justify-content: space-around;

}

.help{
  
  text-align: start !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
width: 20vw;}
.help h3{
  font-size: 1rem;
  color: #B62F61;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: lighter;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 1rem;
}
.help p{
  font-size: .8rem;
}
.contff{

width: 20vw;
}
.contff h3{
  font-size: 1rem;
  color: #B62F61;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: lighter;
  margin-bottom: 1rem;

}

.contff p{
  font-size: .8rem;
}

.internet{

text-align: center;
  display: flex;
  
  justify-content: center;
  align-content: center;
  width: auto;
}
.internet .fa-solid{
 padding-right: .3rem; 
}
.ruppee,.internet p{
  padding-top: .3rem;
}
.ruppee{
  
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  width: auto;
}
.ruppee .fa-solid{
  padding-right: .3rem;
}

.findus{
padding-top: 2rem;
}
.findus h3{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: lighter;
  font-size: 1rem;
  color:#B62F61;
}
.razo{ 
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: auto;
}
.razo img{
  width: 14rem;
  height: 4rem;
}
.iconsss .fa-brands{
  font-size: 1.8rem;
  padding: .5rem;
}

.razo h2{
 
  color: #782242;
}


.policy{
  text-align: center;
  margin-top: 1rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}







body{
  background-color: white !important;
}

.floatingnav {
top: 2.4rem;
visibility: hidden;
}
.navbar {
  padding: 2rem;
  padding-right: 0;
}
.navuser:hover{
  cursor: pointer;
}
.navuser:hover + .floatingnav {
 visibility: visible;
}
.floatingnav:hover{cursor: pointer;
  visibility: visible;
display: block;}





.la-heart,.fa-heart{
  cursor: pointer;
}






.mobilebottomnav{
  position: relative;
  width: 100%;
  height: 10rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-image: url("imagepack/mobilebottomnav.png") !important;
  position: fixed;
  bottom: 0;
  z-index: 22;
  display: none;
  /* box-shadow: 0px -8px 7px -4px rgba(0,0,0,0.1); */
}
 .mobilebottomnav .las,.lar {
  margin-top: .8rem !important;
  font-size: 4rem !important;
}
.mobilebottomnav .la-heart{
  margin-right: 3rem;
  margin-top: .8rem !important;
}
.mobilebottomnav .la-shopping-cart{
  margin-left: 3rem;
  margin-top: .8rem !important;
}
.mobilebottomnav .fa-house{
  font-size: 3.5rem !important;
  margin-top: .8rem !important;
}

.mobilebottomnav .wp {
  width: 9rem;
  margin: .8rem;
  margin-right: 2rem;
  height: 9rem;
  position: absolute !important;
  top:-5rem;
  padding: 1rem;
}
.mobilebottomnav .mobilenavimg{
  width: 100% !important;
  z-index: -2;
  padding: 0;
  height: 10rem;
  top: 0;
  position: absolute !important;
  
}

.pcslider2 .mySwiper {
  height: 28rem;
  margin-top: 2rem;
}


.pcslider2 .mySwiper .swiper-slide {
width: fit-content !important;

}

.pcslider2 .mySwiper .swiper-slide img{
margin-left: 2rem !important;
width: 25rem !important; 
height: 25rem !important;
 border-radius: .2rem;
 box-shadow: 6px -10px 8px -10px rgba(0,0,0,0.1);

}
.reels3{
  display: none;
}




































@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1192 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  color: #333;
  text-align: left;
  box-shadow: none !important;
}
figure.snip1192 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
}
figure.snip1192 img {
  max-width: 100%;
  height: 150px;
  width: 150px;
  border: 2px solid #B62F61;
  border-radius: 50%;
  margin-bottom: 15px;
  display: inline-block;
  z-index: 1;
  position: relative;
}
figure.snip1192 blockquote {
  margin: 0;
  display: block;
  border-radius: 8px;
  position: relative;
  background-color:#F8E3EA;
  padding: 30px 50px 65px 50px;
  font-size: 1em;
  font-weight: 500;
  margin: 0 0 -50px;
  line-height: 1.6em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1192 blockquote:before,
figure.snip1192 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 1em;
  opacity: 0.3;
  color: #B62F61;
  font-style: normal;
}
figure.snip1192 blockquote:before {
  top: 20px;
  left: 20px;
}
figure.snip1192 blockquote:after {
  content: "\201D";
  right: 35px;
  bottom: 40px;
}
figure.snip1192 .author {
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  color: #B62F61;
}
figure.snip1192 .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 800;
}
figure.snip1192 .author h5 span {
  font-weight: 400;
  text-transform: none;
  display: block;
}
/* Demo purposes only */
.testimonial {
  display: flex;
  flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 2rem;
}
.snip1192{
  margin-left: 2rem;
}
.col-md-12{
  
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
}

#testimonial-slider{
  width: 95vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.owl-carousel{
  padding: 2rem;
  width: 100% !important;
}
.row{
    width: 100%;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

.testimonial-item.equal-height.style-6 {
  background-color: #eee;
  border-radius: 10px;
  margin: 10px;
}
.cell-right {
  text-align: center;
  margin-right: 80px;
  padding-top: 35px;
  padding-bottom: 20px;
}
.testimonial-name {
  font-weight: 600;
}
.testimonial-content.quote {
  padding: 17px 55px;
}
.et_right_sidebar #main-content .container:before{
  display: none;
}
#main-content .container {
  padding-top: 10px;
}
i.fa.fa-quote-left {
  padding: 0px 10px;
  color:#F8E3EA;
}

.snip1192{
  margin-left: 2rem !important;
}
















/* responsive */




@media (max-width:1030px) {
  html{
    font-size: 14px;
  }
 

.brand img{
  height:2.5rem;
  width:10rem;
}



.navbar {
  height: 5rem !important;
}
marquee{
  margin-top: 5rem !important;
}

.menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 80%;
  overflow-x: hidden;
  height: 100%;
  z-index: 60 !important;
  overflow-y: auto;
  background-color: var(--color-white);
  box-shadow: var(--shadow-medium);
  transition: all 0.5s ease-in-out;
} 
.search-block{
  display: flex;
  justify-content: space-between;
  align-items: center;
height: 5rem !important;
}
.search-input{
  width: 93vw;
}
.navbar .las ,.lar{
  font-size: 2rem;
}
.navbar .la-heart{
  font-size: 2rem !important;
}
.navbar .la-shopping-cart{
  font-size: 2.2rem !important;
}
}



@media (max-width:890px) {
  html{
    font-size: 12px;
  }
  
}

.menu .mm{
  display: none;

}

.menu .iconsss{display: none;}

.footerer{
  background-color: #F8E3EA !important;
  display: none;

}

.mobilefooterer .social{
  display: none;
}

.fucked{
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}
@media (max-width:767px) {


  html{
    font-size: 10px;
  }
  .pcslider2{
    display: none;
  }
  .footer{
    display: none;
  }
  
  .reels3{
    display: flex;
  }
  .mobilefooterer{
    flex-direction: column;
    display: flex !important;
  }
  
.footerer{
  display: flex !important;
  flex-direction: column;
}

.mobilefooterer .social{
  display: flex !important;
margin-bottom: 8rem !important;
}

.pcslider{
  display: none;
}
.reels2{
  display: flex;

}
.menu{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
  .menu-inner {

 justify-content: center;
 align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    margin: 1.25rem;
  display: block !important; 
  z-index:33333;
  }
  .menu .mm{
    display:flex;
  }
  .discount{
    border-radius: .1rem;
    font-size: 1.3rem;
    position: absolute;
    margin: .5rem;
    text-align: center;
    width: 7rem;
    color: white !important;
    padding: .2rem;
    background-color: #37a23b;
  }
    

  .mm .brand img{
   margin-top: 3rem; 
    height:3rem;
    width:10rem;
  }
.mm .la-user{
  position: absolute;
font-size: 3rem !important;
  right: 0rem;
  padding: 1rem;
padding-top: 1.5rem;
padding-right: 3rem;
}  
  .menu .iconsss{display:block;}
  
  .mm{
  display: flex;
}

 .mobilebottomnav{
  display: flex;
 }
 .circledivo::-webkit-scrollbar{
  height: .0rem;
  }
 
  .bts {
    height: 38rem;
  }
  .bts img{
    height: 30rem;
    width: 100%;
margin-bottom: 0rem !important;    
  }
  
.navbar{
  height: 7rem !important;
}
.mobilebbr{
  display: block;
}
.mobilebanner {
  display: contents;
}
.mobilebanner img{
  width:100% !important;
}
.bigslider{
  display: none;
}
marquee{
  margin-top: 7rem !important;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.brand{
  margin-left: 0rem;
}
.brand img{
  height: 3rem;
  width: 10rem;
}

.search-block{
  display: flex;
  justify-content: space-between;
  align-items: center;
height: 7rem !important;
}

.search-form input{
  height: 5rem !important;
font-size: 1.2rem !important;
}
.navbar .la-heart{
  display: none;
}
.navbar .la-shopping-cart{
  display: none;
}
.navuser{
  display: none !important;
}
.burger .burger-line{
  width: 3rem;
  height: .3rem;
}
.navbar .la-search {
font-size: 2.5rem !important;
margin-right: 2rem !important;
}


.hotnow .swiper{
  width: 90%;
  height: auto !important;
  
  }
  
  .reels2
  {
  display: flex;
  align-items: center;
  justify-content: center;
    width: 100%;
  }
  .reels2 .swiper-container {
    width:100%;
    padding-top: 3.1rem;
    padding-bottom: 3.1rem;
  overflow: hidden;
  
  }
  .reels2 .swiper-slide{
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  
    position: relative;
    width: 26rem;
  background-color: white;
  }
  
  .reels2 .swiper-slide img{
  
    min-width: 26rem !important; 
    height: 39rem;
   border-radius: .2rem;
  }
  .reels2 .swiper-slide .djj {
    width: 100%;
    display: flex;
    position: absolute;
    top:34rem;
    
    font-size: 3rem;
    box-shadow: 6px -10px 8px -10px rgba(0,0,0,0.1);
    height: 5rem;
    justify-content:space-around;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.68);
display: none !important;  
}
  
  .reels2 .swiper-slide:hover .djj{
    display: flex;
  }
    


  .prico{
    background-color: white;
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    padding: .5rem;
    padding-top: 0;
    justify-content: center;
    align-items: center;
  }
  * .prico h4{
  font-size: 1.5rem;
  font-weight:300;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
   text-decoration-style: dashed !important;
   
  }
  * .prico p{
    font-size: 1.7rem !important; 
  padding-right: .7rem !important;
  }
  
  
  * .prico s{
   text-decoration: line-through;
    color: #B62F61 !important;
  }
  


  
.reels3 .swiper-container {
  width:100%;
  padding-top: 3.1rem;
  padding-bottom: 3.1rem;
overflow: hidden;

}

section{
  background-color:#F8E3EA;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.micro-slider {
  height: 50rem;
  margin-top: -0rem;  
 
  /* margin: 10px 0; */
  position: relative;
  width: 100%;
}
.micro-slider.fullwidth {
  height: 45rem;
  /* margin: 64px 0; */
}
.micro-slider .slider-item {
  height: 45rem;
  line-height: 30rem;
  width: 30rem;
}
  
.micro-slider .slider-item img{
  width: 30rem !important;
  height: 45rem;
}




.reels
{
display: flex;
align-items: center;
justify-content: center;
  width: 100%;
}
.reels .swiper-container {
  width: 100%;
  padding-top: 3.1rem;
  padding-bottom: 3.1rem;
overflow: hidden;
}
.reels .swiper-slide{
  width: auto;
  height: auto;
}

.reels .swiper-slide img{
  width: 26rem;
  height: 40rem;
  border-radius: .3rem;
}

.reels2 .swiper-slide .la-heart{
  position: absolute;
  display: block;
  right: 0rem;
  padding: 1rem;
  font-size: 3rem !important;
  
}
.reels2 .swiper-slide .la-heart:hover{
  cursor: pointer;
}
.reels2 .swiper-slide .fa-heart{
  position: absolute;
  display: block;
  right: 0rem;
  padding: 1rem;
  font-size: 4rem !important;
  
}
.reels2 .swiper-slide .fa-heart:hover{
  cursor: pointer;
}

.circledivo{

  padding-left: .5rem;
  height:auto;
  width: auto;
  overflow-y: hidden;
  margin-top: 1rem !important;
display: flex;
justify-content:flex-start;
align-items:center;
overflow-x: auto;
}
  
.cir{
  margin-left: .5rem;
  min-width: 14rem;
  min-height: 14rem;
  text-align: center !important;
  display: flex;
  margin-right: 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
background: cover;
background-position: center center;
background-blend-mode: screen;

}


.circledivo img{
  width: 14rem;
  margin-bottom: .5rem;
  border-radius: 50%;
  background-size: cover;
  height: 14rem;
filter: drop-shadow(6px 8px 11px -8px rgba(0,0,0,0.1));
}

.mobilereccommendation
  {
   display: grid;
  }
  [class^=ribbon-] {
    position: relative;
    margin-bottom: 80px;
  }
  [class^=ribbon-]:before, [class^=ribbon-]:after {
    content: "";
    position: absolute;
  }
.oonly{
  display: block;
  margin-top: 6rem !important;
  margin-bottom: 3rem;
}
  .bttno{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, #B62F61 0px 3px 7px -3px;
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    width:auto;
    height: auto;
    text-align: center;
  padding: 1rem;
  border-radius: .2rem;
  margin-bottom: 2rem;
  }
  
  .btndiv {
    margin-top: 1rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }




.mobilefooterer{
  display: none;
}


  .footerer{
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
  }
  
  .cardex{
    background-color: white;
    width: 100%;
    border-radius: .2rem;
  display: flex;
  flex-direction: column;
  
  }
  .cardex .c1{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .cc{
    display: flex;
    padding: 1rem;
    align-items: center;
    justify-content: center;
    border: 2px solid #F8E3EA;
  width: 50%;
  }
  .cc i {
    font-size: 1.5rem;
    padding: 1rem;
  }
  
  .c11{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    flex-direction: column;
    width: 100%;
    border: 2px solid #F8E3EA;
  
  }
  .c11 i {
  
    font-size: 1.5rem;
    padding: 1rem;
  }
  
  
  .card2{
  width: 100%;
    margin-bottom: 2rem;
    margin-top: 2rem;
    display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  }
  .icons .c2{
    padding: 1rem;
    width: 100%;
    display: flex !important;
    justify-content: space-around;
    align-items: center;
    border-bottom: none;
  
  }
  .cardex .fa-solid  {
    font-size: 3rem;
  }
  .cardex .fa-regular{
    font-size: 3rem;
  }
  .card2 .ccc{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .ccc .fa-solid{
    font-size: 3rem;
  }
.dd{
  text-align: center;
}
.icons .dd p{
  color: black;
  font-size: 1.3rem;
}
.icons  .dd .lar,.las{

    font-size: 3rem !important;
  
  }
  .icons .c2{
    display: flex;
    justify-content: space-around;
    align-items:first baseline;
  }
  .mobilebanner{
    flex-wrap: wrap !important;
  }
  .card2 .c3{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #F8E3EA;
    padding: 2rem;
  }
  .c3 i{
    font-size: 1.5rem;
  padding: 1rem;
  }
  
  .razor{
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .razor img{
    mix-blend-mode:multiply;
    width: 20rem;
    border-radius: .3rem ;
    margin-top: 2rem;
  }
  
  .social{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  /* */
  .rreel .swiper-container .swiper-button-prev {
    display: none;
  }

.rreel .swiper-container .swiper-button-next{
display: none;
}

  .social h4{
    color:black;
  
    margin: 2rem;
  }
  .social .icons{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    color: rgb(246, 141, 159);
    font-size: 2rem;
    margin-bottom: 5rem;
  }
  
  .social .icons i:hover{
    cursor: pointer;
  }
  












}




@media (max-width:640px) {
  html{
    font-size: 8px;
  }
  .product{
    position:relative;
    min-width: 20rem !important;
    height: 30rem;
  }
  
 
.hotnow .swiper{
  height: 45rem !important;
  width: 95%;
  
  }
    
  
}

@media (max-width:340px) {
html{font-size: 6px;
}
body{
  width: 90vw !important;
}



}



@media (max-width:290px) {

  html{
    font-size: 6px;
  }
}

















/* All Product All Product All Product All Product All Product */




.allproduct
{
  
  margin-top: 1rem !important;
display: grid;

grid-template-columns:1fr 1fr 1fr 1fr;
place-items: center;
width: 100%;
}

.allproduct .swiper-slide{
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  position: relative;
  width: 18rem;
  margin-bottom: 3rem;
height: auto;
  background-color: white;
}

.allproduct .swiper-slide img{

  min-width: 18rem !important; 
  height: 28rem;
 border-radius: .2rem;
}
.allproduct .swiper-slide .djj {
  width: 100%;
  display: flex;
  position: absolute;
  top:25rem;
  display: none;
  font-size: 2rem;
  box-shadow: 6px -10px 8px -10px rgba(0,0,0,0.1);
  height: 3rem;
  justify-content:space-around;
  align-items: center;
  background-color: white;
}

.allproduct .swiper-slide:hover .djj{
  display: flex;
}
.allproduct .swiper-slide .heartless {
display: none !important;
}



.allproduct .swiper-slide .heartless{
  position: absolute;
  display: block;
  right: 0rem;
  padding: 1rem;
  font-size: 3rem !important;
  
}

.bannerallproduct{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.allproductfilter{
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
  background-color: white;
  z-index: 333;
  display: flex;
  padding: .5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.filter{
  margin-right: 3rem;
  text-align: center !important;
  display: flex;
  justify-content: center;
  align-content: center;
  color: #B62F61;
}
.shortby{
  color: #B62F61;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter,.shortby:hover{
  cursor: pointer;
}

.allproductfilter select{
outline: none;
border: none;
color: #B62F61;
border-radius: 0%;
}

.allproductfilter select:hover{
  cursor: pointer;
}
.allproductfilter select > option{
  box-shadow: 0px !important;
}

.allproductfilter .las{
  font-size: 1.5rem;
}










































/* styling filtercontents */


.filtermain{
  position: -webkit-fixed;
  position: fixed;
  z-index: 8888;
  width: fit-content;
  padding: 1rem;
 height: 100vh; 
  top: 0rem;
  background-color: white;
 display: none;
}

.filterpage .hid {
display: flex;
justify-content: space-between;
font-size: 3rem;
border-bottom: 1px solid black;
}

.hid h5{
  color: #B62F61;
  font-family: klein !important;
}
.hid .la-times{
  font-size: 3.5rem;
}
.filteredoption{
  display: flex;
  justify-content: center;
  align-items: center;
}
.oop{
  display: flex;
  justify-content: center;
  align-items: center;
}

.filteredoption .oop .option1{
  background-color: #F8E3EA;
  display: flex;
  align-content: center;
  width: 5rem;
  height: auto;
  margin: .5rem;
  
  text-align: center !important;
  padding:2px;
  justify-content: space-around;
}
.filterdrop .sizediv .hea{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.filterdrop .sizediv .hea h6{
  font-size: 1.2rem;
  font-weight: lighter;
  color: #B62F61;
  padding-right: .5rem;
padding: 1rem;
padding-left: 0;

}

.filterdrop .sizecato{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3rem;
}


.filterdrop .sizecato .siz{
  padding: .5rem;
  color: black;
  margin-left: 2rem;
  width: 4rem;
  text-align: center;
  border-radius: 3px;
  font-weight: 400;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  border:1px solid #B62F61;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, #B62F61 0px 1px 2px 0px;

}

.filterdrop .sizecato .siz:hover{
  cursor: pointer;
  background-color: #B62F61;
  color: white;
}







.filterdrop .colordiv .hea{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.filterdrop .colordiv .hea h6{
  font-size: 1.2rem;
  font-weight: lighter;
  color: #B62F61;
  padding-right: .5rem;
padding: 1rem;
padding-left: 0;
padding-top: 0;
}

.filterdrop .sizecato{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3rem;
}


.filterdrop .sizecato .coloro{
  padding: .5rem;
  color: black;
  margin-left: 2rem;
  width: auto;
  text-align: center;
  border-radius: 3px;
  font-weight: 400;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  border:1px solid #B62F61;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, #B62F61 0px 1px 2px 0px;}

.filterdrop .sizecato .coloro:hover{
  cursor: pointer;
  background-color: #B62F61;
  color: white;
}





.filterdrop .pricediv .hea{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.filterdrop .pricediv .hea h6{
  font-size: 1.2rem;
  font-weight: lighter;
  color: #B62F61;
  padding-right: .5rem;
padding: 1rem;
padding-top: 0;
padding-left: 0;
}

.filterbutton{
  display: flex ;
  justify-content: center;
  align-items: center;
padding: 2rem;
padding-top: 0;
margin-top: 2rem;
}

.filterbutton .bttno{
  margin-left: 2rem;
  padding: 1rem;
}



.filterbutton .fa-magnifying-glass{
  color: white;
    font-size: 1rem !important;
  }
  











/* All prdouct responsive site */


@media (max-width:1030px) {
  .allproduct
{
  
  margin-top: 4rem !important;
display: grid;
margin-top: 2rem !important;
grid-template-columns:1fr 1fr 1fr ;
place-items: center;
width: 100%;
}

  
}

















@media (max-width:767px) {

  .allproduct
{
  
  margin-top: 4rem !important;
display: grid;
margin-top: 2rem !important;
grid-template-columns: 1fr 1fr ;
place-items: center;
width: 100%;
}


.allproduct .swiper-container {
    width:100%;
    padding-top: 3.1rem;
    padding-bottom: 3.1rem;
  overflow: hidden;
  
  }
.djj{
  display: none;
}

.allproduct .swiper-slide .heartless {
  display: block !important;
  }
    .allproduct .swiper-slide{
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  
    position: relative;
    width: 26rem;
  background-color: white;
  }
  
  .allproduct .swiper-slide img{
  
    min-width: 26rem !important; 
    height: 39rem;
   border-radius: .2rem;
  }
  .allproduct .swiper-slide .djj {
    width: 100%;
    display: flex;
    position: absolute;
    top:34rem;
    
    font-size: 3rem;
    box-shadow: 6px -10px 8px -10px rgba(0,0,0,0.1);
    height: 5rem;
    justify-content:space-around;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.68);
display: none !important;  
}
  
  .allproduct .swiper-slide:hover .djj{
    display: flex;
  }
    
.allproductfilter{
  top: 6.9rem;
background-color: white;
  z-index: 45;
  height: 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
font-size: 1.2rem;  
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

}
.allproductfilter select{
  font-size: 1.2rem;
  background-color: white;
}
  .allproductfilter .las{
    font-size: 2.5rem !important;
  }
* .hea{
  font-family: klein !important;
  font-weight: 300 !important; 
}


.filterbutton .fa-magnifying-glass{
color: white;
  font-size: 1.5rem !important;
}

.filterpage .hid{
  padding: 3rem;
  padding-left: 1;
  margin-bottom: 2rem;
}

.filterbutton{
  margin-top: 6rem;
}

}


.bannerallproductmobile{
  display: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
}


@media (max-width:445px) {
  
  .allproduct
{
  
  margin-top: 1rem !important;
display: grid;
margin-top: 2rem !important;
grid-template-columns:1fr 1fr ;
place-items: center;
width: 100%;
grid-gap:.0rem;
}

.bannerallproduct{
  display: none;
}
.bannerallproductmobile{
  display: flex;
}
.allproduct .swiper-slide{
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);

  position: relative;
  width: 99%;
background-color: white;
}

.allproduct .swiper-slide img{

  min-width: 100% !important; 
  height: 36rem;
 border-radius: .2rem;
}


}































/* product detail */


.productdetail{
  display: grid;
  grid-template-columns: 1fr 1fr;
padding-top: 2rem;
padding-right: 5rem;

}
.productdetail swiper-container{
  width: 45vw;
  padding: 1rem;
  height: 40rem !important;
  padding-top: 0;
}



.productdetail-content{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.serialno{
  color: rgb(138, 136, 136);
}

.productdetail .swiper, .mySwipere{
  width: 30rem;
  height: 35rem;
}

.productdetail-content .star .fa-solid{
  font-size: 1rem;
  color: #B62F61;
padding-top: 0rem;
margin-bottom: 2rem;
}
.productdetail-content .prico{
  padding-left: 0;
font-weight: bolder;
}
.detail-title{
  display: flex;
  justify-content:flex-start;
  align-content: flex-start;

}

.detail-title h1{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.5rem;
}
.ligo{
  position: absolute;
  right: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -.5rem;
  margin-left: 2rem;
  
}

.productdetail .detail-title .la-heart{
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-size: 2rem !important;
margin-right: 1rem !important;
}
.detail-title .la-share{
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-size: 2rem !important;
  
}

.sizetext{
  display: flex;
  width: 60%;
 
  font-size: 1rem;
  color: #782242;
  font-family: klein;
  justify-content: space-between;
}
.sizetext h5{
  text-decoration: underline;
  font-weight: light;
}
.sizetext h5:hover{
  cursor: pointer;
}
.radio-toolbar{
  margin-top: .5rem;
margin-bottom: 1rem;
}
.radio-toolbar input[type="radio"]{
  display: none;
}
.radio-toolbar label{
  text-align: center;
  border: .1rem solid gray;
  padding: .4rem;
  padding-left: .5rem;
  padding-right: .5rem;
  color: #782242;
  border-radius: .2rem;
  margin-right: .5rem;
  margin-top: .5rem;
  font-size: 1rem;
  cursor: pointer;
}

.ajusmajus p{
  font-size: 1.5rem;
font-weight: 600;
}

.radio-toolbar input[type="radio"]:checked + label{
  transition: ease-in-out .3s;
  cursor: pointer;
  background-color: #B62F61;
  color: white;
}
.item-color {
  display: flex;
}

.blue {
  width: 3rem;
  height: 5rem;
  margin: 1rem 1rem 1rem 0rem;
margin-top: 0;
}

.black {
  width: 3rem;
  height: 5rem;
  margin: 1rem 1rem 1rem 0rem;
}

.gray {
  width: 3rem;
  height: 5rem;
  margin: 1rem 1rem 1rem 0rem;
}

.color-active {
  border:none;
}

.gray:hover {
  cursor: pointer;
}

.blue:hover {
  cursor: pointer;
}

.black:hover {
  cursor: pointer;
}

.detail .size:hover {
  cursor: pointer;
}

























/* -- quantity box -- */

.quantity {
  display: inline-block;
 }
 
 .quantity .input-text.qty {
  width: 40px;
  height: 30px;
  padding: 0px;
  text-align: center;
  background-color: transparent;
  border: 1.5px solid black;
  border-left: none;
  border-right: none;
 }
 
 .quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; }
 
 .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
 }
 
 .quantity.buttons_added .minus,
 .quantity.buttons_added .plus {
  padding: 2px 17px 8px;
  height: 30px;
  background-color: #ffffff;
  border: 1.5px solid black;
  cursor:pointer;
}
 
 .quantity.buttons_added .minus {
  border-right: 0;
color: #C9264C;
font-size: 1rem;
font-weight: bold;
border-top-left-radius: .2rem;
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
border-bottom-left-radius: .2rem;

}
 
 .quantity.buttons_added .plus {
  border-left: 0; 
  color: #37a23b;
font-size: 1rem;
font-weight: bold;
margin-left: -.3rem;
border-top-left-radius: 0;
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem;
border-bottom-left-radius: 0rem;

}
 
 .quantity.buttons_added .minus:hover,
 .quantity.buttons_added .plus:hover {
  background: #eeeeee; }
 
 .quantity input::-webkit-outer-spin-button,
 .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
  
  .quantity.buttons_added .minus:focus,
 .quantity.buttons_added .plus:focus {
  outline: none; }
 
 




.addcart{
padding: 1rem;
padding-top: 0;
padding-bottom: 0;
  display: flex;
  width: auto;
  height: auto;
  margin: 2rem;
  margin-left: 0rem;
  justify-content: center;
  align-content: center;
  text-align: center;
  color: #B62F61;
  border-radius: .2rem;
  border: .01rem solid #B62F61;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, #B62F61 0px 2px 4px -1px;}
.addcart p{
  padding-top: .5rem;
  padding-right: .5rem;
}

.addcart:hover{
  background-color: #B62F61;
  color: white;
  transition: ease-in-out .2s;
}
.addcart:hover > .la-shopping-cart{
  color: white !important;
}
.addcart:hover > .lar{
  color: white !important;
}



















.discriptionribbon{
  margin-top: 2rem;
display: grid; 
 background-color: #F8E3EA;
grid-template-columns: 1fr 1fr 1fr;
 color: #782242;
font-family: klein !important;
height: 2.5rem;
}

.discriptionribbon p{
  font-size: 1.1rem;
}

.discriptionstuff{
  font-family: klein;
color: #782242;
display:grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}

.disribbon{
  border-right: .1rem solid #782242;
  display: flex;
  justify-content: center;
  align-items: center;

}

.detribbon{
  border-right:.1rem solid #782242;
  display: flex;
  justify-content: center;
  align-items: center;

}

.shipribbon{
  display: flex;
  justify-content: center;
  align-items: center;
}




.disribbon,.detribbon,.shipribbon:hover{
  cursor: pointer;
}
.discripting,.detailing,.shipping{
  padding: 1rem;
}















.reviewbar{
  display: flex;
justify-content: space-around !important;
align-items: stretch;
width: 100%;
padding: 1rem;
height: auto;
}


.reviewbar .container {
  display: flex;
 
  border-radius: 15px;
  height: auto;
  width: auto;

}
.reviewbar .chart {
  /* width: 500px; */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.chart .rate-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  height:auto;
}
.reviewbar .chart .rate-box > * {
  height:auto;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #444;
}
.reviewbar .rate-box .value {
  display: flex;
  color: #782242;
  align-items: center;
}
.reviewbar .rate-box .value .fa-star{
  font-size: 1rem !important;
  color: #782242 !important;
 margin-left: .3rem;
}
.reviewbar .chart .value {
  font-size: 1rem;
  cursor: pointer;
}
.reviewbar .rate-box .progress-bar {
  border-width: 1px;
  position: relative;
  background-color: white;

  height: 1rem;
  border-radius: 100px;
  width: 15rem;
  border: .2px solid #F1979D;
}
.reviewbar .rate-box .progress-bar .progress {
  background-color: #F1979D;
  height: 100%;
  border-radius: 100px;
  transition: 300ms ease-in-out;
}

.reviewbar .global {
  height: 100%;
  width: auto;
  margin-right: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 color: #782242;
}
.reviewbar .one .fas {
  color: #782242;
  font-size: 1rem !important;
  margin-left: .4rem;
  margin-bottom: 0;
}

.reviewbar .two {
  background: linear-gradient(to right, #F1979D 0%, transparent 0%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  transition: 0.5s ease-in-out all;
}
.reviewbar .global h2{
  font-size: 1.5rem;
  font-family: klein !important;
  font-weight: lighter;
}
.reviewbar .global > span {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem;
}
.rate-box .count{
  display: none !important ;
}
.reviewbar .rating-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 10%;
}

.reviewbar .rating-icons span {
  position: absolute;
  display: flex;
  font-size: 30px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 5px;
}

.reviewbar .total-reviews {
  font-size: 1rem !important;
  margin-top: -.4rem;
}



.reviewbar button{
  font-size: 1rem;
  border: .2px solid #782242;
  width: auto;
  padding-left: .5rem;
  padding-right: .5rem;
  height: 2.5rem;
  color: #782242;
  box-shadow: #F1979D 0px 2px 5px 0px,#F1979D 0px 1px 1px 0px; border-radius: .2rem ;
  margin-right: 10rem; 
}
























a{
  text-decoration: none;
}

#testimonials{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width:100%;
  background-color: white;
}
.testimonial-heading{
  letter-spacing: 1px;
  margin: 30px 0px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.testimonial-heading span{
  font-size: 2.5rem;
  font-family: klein;
  color: #782242;
  margin-bottom: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}


.testimonial-heading h4{
  font-size: 1.5rem;
  color: #782242;
  font-family: klein;
}
.testimonial-box-container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width:100%;
}
.testimonial-box{
  width:500px;
  box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
  background-color: #ffffff;
  padding: 20px;
  margin: 15px;
  cursor: pointer;
}
.profile-img{
  width:50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.profile-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.profile{
  display: flex;
  align-items: center;
}
.name-user{
  color: #782242;
  display: flex;
  flex-direction: column;
}
.name-user strong{
  color: #782242;
  font-size: 1.5rem;
  font-family: klein;
  letter-spacing: 0.5px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.name-user span{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: #979797;
  font-size: 1rem;
}
.reviews{
color: #782242;}

.box-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.testimonial-box{
  background-color:#F8E3EA;
}
.client-comment p{
  font-size: 1.3rem;
  max-lines: 4 !important;
  color: #4b4b4b;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.testimonial-box:hover{
  transform: translateY(-10px);
  transition: all ease 0.3s;
}

@media(max-width:1060px){
  .testimonial-box{
      width:45%;
      padding: 10px;
  }
}
@media(max-width:790px){
  .testimonial-box{
      width:100%;
  }
  .testimonial-heading h1{
      font-size: 1.4rem;
  }


  .testimonial-box .reviews{
      font-size: 1.6rem;
      margin-right: 2rem;
  }
}

@media(max-width:665px){
  
  .testimonial-box{
      width:98%;
      box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px !important;
       }
  .testimonial-heading h1{
      font-size: 1.4rem;
  }


  .testimonial-box .reviews{
      font-size: 1.2rem;
      margin-right: 2.3rem;
  }

.testimonial-box .profile-img{
  width: 5rem;
  height: 5rem;
}
.name-user strong{
  font-size: 1.5rem;
}
.name-user span{
  font-size: 1rem;
}
.client-comment p{
  font-size: 1.4rem;
}

}










.offer-deal{
  padding-bottom: .3rem;
height: 10rem;
  width: 100%;
  overflow: hidden;
  margin: .5rem;
display: flex;
margin-left: 0;
justify-content: flex-start;
align-items: center;
overflow-x: auto;
}
.offer-deal-1{
  background-size: 100% 100%;
  border-radius: .1rem;
  box-shadow:   8.4px 4.2px 33.4px rgba(0, 0, 0, 0.081);
  margin-right: 1rem;
height: 8rem;
min-width: 8rem;
background-color: #EA7186;    
}
@media (max-width:790px) {

  
  .offer-deal{
      padding-bottom: .3rem;
   height: 16rem;
      width: 100%;
      margin: .5rem;
  }
  .offer-deal-1{
      background-size: 100% 100%;
      border-radius: .5rem;
      box-shadow:   8.4px 4.2px 33.4px rgba(0, 0, 0, 0.081);
      margin-right: 1rem;
  height: 14rem;
  min-width: 14rem;
  }
  




}
.offer-deal::-webkit-scrollbar{
  height: .5rem;
  }
  .offer-deal::-webkit-scrollbar-track{
     
      background-color: #d4d4d4;
      box-shadow:   0px 6.3px 6.9px rgba(0, 0, 0, 0.103);
   
  }
  .offer-deal::-webkit-scrollbar-thumb{
      background-color: #EA7186;
      border-radius: .6rem;
  }
  
  .offer-deal::-webkit-scrollbar-thumb:hover{
      background-color: #EA7186;
      cursor: pointer;
  } 
  







  #disableradio{
    filter: grayscale(60%);
    opacity: 60%;
    background-color: rgb(181, 181, 181);
  }
  #disableradio::after{
    content: "";
    width: 100%;
    transform: rotate(135deg);
    border-bottom: 1.8px solid #782242;
    font-size: auto;
    position: absolute;
    left: 0;
    bottom: 040%;
  }
  





























  .product-detail-bottom-nav{
    display: none;
  }





@media (max-width:767px)
{


  .productdetail
  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding-top: 0rem;
    padding-right: 0rem;
    
  }


  .productdetail swiper-container{
    width: 100%;
    display: flex; 
    justify-content: center;
    align-content: center;
    padding: 0rem;
    height: 70rem !important;
    padding-top: 0;
  }
  .detail-title{
    align-items: flex-start;
  }
.detail-title h1{
  font-size: 2.5rem;
  width: 90%;
}

.productdetail .detail-title .la-heart{
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-size:3rem !important;
margin-right: 1rem !important;
}
.detail-title .la-share{
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-size: 3rem !important;
  
}

.sizetext{
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
}
#disableradio{
  filter: grayscale(60%);
  opacity: 60%;
  background-color: rgb(181, 181, 181);
}
#disableradio::after{
  content: "";
  width: 100%;
  transform: rotate(135deg);
  border-bottom: 1.8px solid #782242;
  font-size: auto;
  position: absolute;
  left: 0;
  bottom: 040%;
}

.radio-toolbar label{
  text-align: center;
  border: .1rem solid gray;
  padding: .4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #782242;
  border-radius: .2rem;
  margin-right: 1rem;
  margin-top: .5rem;
  font-size: 2rem;
  cursor: pointer;
}


.radio-toolbar input[type="radio"]:checked + label{
  transition: ease-in-out .3s;
  cursor: pointer;
  background-color: #B62F61;
  color: white;
}
.item-color {
  display: flex;
}

.blue {
  width: 5rem;
  height: 8rem;
  margin: 1rem 1rem 1rem 0rem;
margin-top: 0;
}


.gray {
  width: 5rem;
  height: 8rem;
  margin: 1rem 1rem 1rem 0rem;
}

.color-active {
  border:none;
}


.gray:hover {
  cursor: pointer;
}

.blue:hover {
  cursor: pointer;
}

.black:hover {
  cursor: pointer;
}

.detail .size:hover {
  cursor: pointer;
}


.product-detail-bottom-nav{
z-index: 5;
display: flex;
justify-content: center;
align-items: center;
  width: 100%;
  box-sizing: border-box;
height: 8rem;
position: fixed; bottom: 0;
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
.product-detail-bottom-nav .prico{
  background-color:#F8E3EA;
margin: 0;
padding: 0;

font-weight: 400;
width: 50%;
gap: 1rem;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
height:8rem !important;
}
.product-detail-bottom-nav .add-cart-bottom{
  display: flex;
  height: 8rem !important;
  text-align: center;
  justify-content: center;
  padding: 0 !important;
  align-items: center;
  margin-bottom: -.6999rem !important;
 font-weight: bold;
 width: 50%;
 margin: 0 !important;
  font-family: klein;
background-color:white;
}
.product-detail-bottom-nav .add-cart-bottom P{
  margin-right: 1rem;
}



















/* -- quantity box -- */

.quantity {
  display: inline-block;
 }
 
 .quantity .input-text.qty {
  width: 40px;
  height: 30px;
  padding: 0px;
  text-align: center;
  background-color: transparent;
  border: 1.5px solid black;
  border-left: none;
  border-right: none;
 }
 
 .quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; }
 
 .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
 }
 
 .quantity.buttons_added .minus,
 .quantity.buttons_added .plus {
  padding: 2px 17px 8px;
  height: 30px;
  background-color: #ffffff;
  border: 1.5px solid black;
  cursor:pointer;
}
 
 .quantity.buttons_added .minus {
  border-right: 0;
color: #C9264C;
font-size: 1.3rem;
font-weight: bold;
border-top-left-radius: .2rem;
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
border-bottom-left-radius: .2rem;

}
 
 .quantity.buttons_added .plus {
  border-left: 0; 
  color: #37a23b;
font-size: 1.3rem;
font-weight: bold;
margin-left: -.3rem;
border-top-left-radius: 0;
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem;
border-bottom-left-radius: 0rem;

}
 
 .quantity.buttons_added .minus:hover,
 .quantity.buttons_added .plus:hover {
  background: #eeeeee; }
 
 .quantity input::-webkit-outer-spin-button,
 .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
  
  .quantity.buttons_added .minus:focus,
 .quantity.buttons_added .plus:focus {
  outline: none; }
 
 




.addcart{
padding: 1rem;
padding-top: 0;
padding-bottom: 0;
  display: flex;
  width: auto;
  height: auto;
  margin: 2rem;
  margin-left: 0rem;
  justify-content: center;
  align-content: center;
  text-align: center;
  color: #B62F61;
  border-radius: .2rem;
  display: none;

  border: .01rem solid #B62F61;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, #B62F61 0px 2px 4px -1px;}
.addcart p{
  padding-top: .5rem;
  padding-right: .5rem;
}

.addcart:hover{
  background-color: #B62F61;
  color: white;
  transition: ease-in-out .2s;
}
.addcart:hover > .la-shopping-cart{
  color: white !important;
}




.productdetail-content{
  padding: 2rem;
  padding-left: 1rem;
}

  .discriptionribbon{
    margin-top: 2rem;
  display: grid; 
   background-color: #F8E3EA;
  grid-template-columns: 1fr 1fr 1fr;
   color: #782242;
  font-family: klein !important;
  height: 5rem;
  }
  

  .discriptionstuff{
    font-family: klein;
  color: #782242;
display: flex;
flex-direction: column;
}
    
.disribbon{
  border-bottom: .3rem solid #782242;
  display: flex;
  justify-content: center;
  align-items: center;
border-right: none;
font-size: 1.5rem !important;
}

.detribbon{
  border-bottom:none;
  display: flex;
  border-right: none;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem !important;

}

.shipribbon{
  border-bottom:none;
  display: flex;
  border-right: none;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem !important;
}

.shipping{

  display: none;
}
.detailing{
  display: none;
}

.discriptionstuff{
  display: flex;
  flex-direction: column;
}
.discriptionmain{
  margin-bottom: 5rem;
}


.produt-detail-testimonial{
  padding: 1rem;
}
.testimonial-box{
  border-radius: .4rem;
  box-shadow: none;
}
}










@media (max-width:640px) {
  .reviewbar{
    padding: 2rem;
  display: grid;
  place-items: center;
margin-bottom: 0;
padding-bottom: 0; 
}


.reviewbar .container {
  display: flex;
  border-radius: 15px;
  height: auto;
  width: auto;

}
.reviewbar .chart {
  /* width: 500px; */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.chart .rate-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  height:auto;
}
.reviewbar .chart .rate-box > * {
  height:auto;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #444;
}
.reviewbar .rate-box .value {
  display: flex;
  color: #782242;
  align-items: center;
}
.reviewbar .rate-box .value .fa-star{
  font-size: 1rem !important;
  color: #782242 !important;
 margin-left: .3rem;
}
.reviewbar .chart .value {
  font-size: 1rem;
  cursor: pointer;
}
.reviewbar .rate-box .progress-bar {
  border-width: 1px;
  position: relative;
  background-color: white;

  height: 1rem;
  border-radius: 100px;
  width: 15rem;
  border: .2px solid #F1979D;
}
.reviewbar .rate-box .progress-bar .progress {
  background-color: #F1979D;
  height: 100%;
  border-radius: 100px;
  transition: 300ms ease-in-out;
}

.reviewbar .global {
  height: 100%;
  width: auto;
  margin-right: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 color: #782242;
}
.reviewbar .one .fas {
  color: #782242;
  font-size: 1rem !important;
  margin-left: .4rem;
  margin-bottom: 0;
}

.reviewbar .two {
  background: linear-gradient(to right, #F1979D 0%, transparent 0%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  transition: 0.5s ease-in-out all;
}
.reviewbar .global h2{
  font-size: 1.5rem;
  font-family: klein !important;
  font-weight: lighter;
}
.reviewbar .global > span {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem;
}
.rate-box .count{
  display: none !important ;
}
.reviewbar .rating-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 10%;
}

.reviewbar .rating-icons span {
  position: absolute;
  display: flex;
  font-size: 30px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 5px;
}

.reviewbar .total-reviews {
  font-size: 1rem !important;
  margin-top: -.4rem;
}


.reviewbar button{
  margin-top: 3rem;
width: auto;
padding: 1rem;
font-family: klein;
font-size: 1.2rem;
height: auto;
margin-left: 0;
margin-right: 0;
}


}








@media (max-width:520px) {
  
  .productdetail swiper-container{
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0rem;
    height: auto !important;
    padding-top: 0;
  }
  
}












































/* Cart-section */





.cartprogress{
  display: flex;
width: 100%;
justify-content: center;
align-content: center;
}
.cartprogresslist{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 15rem;
  margin: 1rem;
  border-radius: 10px;
  border: 1px solid #B62F61;
}
.cartprogresslist  .fa-cart-shopping,.la-shopping-cart{
  font-size: 2rem !important;
}


.cartprogresslist  .la-truck,.fa-truck{
  font-size: 2rem !important;
  padding: 0;
  margin: 0;
}


.cartprogresslist  .la-credit-card,.fa-credit-card{
  font-size: 2rem !important;
  margin: 0;
  padding: 0;
}


.cartcontentbutton .edit{
  background-color: white;
}






.cartcontent{
  display: flex;
  justify-content: space-between; width: 100%;
  height:auto;
  width: 100%;
margin-top: 2rem;
}
.allcartproduct{
  display: flex;
  width: 100%;
  flex-direction: column;
  
  padding: 1rem;
}
.cartproduct{
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  box-shadow:none;
}

.cartimg{
  position: relative;
}
.cartproduct .cartimg img{
  width: 16rem;
  position: relative;
  height:100%;
  border-radius: .2px ;

}
.cartproduct .cartimg >.fa-heart{
  font-size: 1rem !important;
  color: #B62F61;
  position: absolute;
  top: 0;
  right: 0rem;
  padding:.5rem;
}
.cartproductcontent{
  position: relative;
width: 100%;
height: fit-content;
padding: 1rem;
}
.cartproductcontent h3{
  font-family: klein;
  color: #782242;
  font-size: 1.4rem;
  font-weight: light;
}
.cartproductcontent .prico{
  padding: 0;
  width: 100%;
}
.cartproductcontent .prico .la-share{
  position: absolute;
  top:0;
  right: 0;
  padding: 1rem;
  padding-top: 1rem;
}
.selectedquan p{
  font-weight: 300;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.selectedquan p span{
  font-weight: 300;
  color: #782242;
}
.cartproductcontent span{
  font-weight: lighter;
  color: #782242 !important;
  padding-left: .2rem;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.cartcontentbutton {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.cartcontentbutton button{
  display: flex;
  border-radius: .2rem;
  border: .2px solid #B62F61;
  text-align: center;
  color:#B62F61 ;
  width: 40%;
  justify-content: center;
  margin-right: 3rem;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
height: 2.5rem;
font-weight: 600;
font-size: .6rem;
margin-top: 2;
font-family: klein;
}
.cartcontentbutton .las{
  font-size: 1rem;
  margin-left: .5rem;
}
.cartcontentbutton .remove{
  background-color: #B62F61;
  color: white;
}
.out_of_stock{
background-color: rgb(205, 205, 205);
padding-bottom: 0;
}
.out_of_stock .prico{
  background-color: rgb(205, 205, 205);
}
.out_of_stock .cartimg img{
  filter: grayscale(.8);
}
.out_of_stock .cartproductcontent h3{
  filter: grayscale(1);
}
.out_of_stock .cartproductcontent p,span{
  filter: grayscale(1);
}
.outstockword
{position:absolute;
  right: 33%;
  top: 40%;
  font-size: 1rem;
  font-family: klein;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 0;
  margin-bottom: 0;
  color: rgb(255, 37, 37) !important;
}
















.price-details{
  margin-right: 1rem;
  border-radius: .5rem;
  padding: 2rem;
  width: 60rem;
  padding-top: 1rem;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  background-color: #F8E3EA;
}
.all-cal  p{
  color: #782242;
  display: flex;
  text-align: center;
  align-items: center;
  padding: 0;
 font-size: 1rem;
}
.all-cal  .fa-circle-plus{
  font-size: 1rem;
  padding-left: .3rem;
}

.all-cal .add-coupon input{
  position: relative;
  border-radius: .3rem;
  padding: .4rem;
  width: 8rem;
  border: .2px solid gray;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  margin-bottom: 1rem;
margin-right: .5rem;
}
.all-cal .add-coupon input:focus{
  border:  .2px solid gray;
  outline:none;

}
.all-cal .input-div {
  display: flex;
}
.add-coupon{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.all-cal .add-coupon button{
border: .2px solid #C9264C;
color: #C9264C;
background-color: white;
border-radius: .2rem ;
padding-left: 1.4rem;
font-size: .7rem;
width: 8rem;
height: 2rem;
padding-top: .3rem;
padding-bottom: .3rem;
padding-right: 1.4rem;
}   
.card-massage{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-massage button{
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80%;
  background-color:#EEAD00;
  margin: 2rem;
  padding-top: .2rem;
  padding-bottom: .2rem;
  border-radius: .2rem;
  color: black !important;
}

.card-massage button .la-gift{
  color: black !important;
  margin-top: -.2rem;
  padding-left: .5rem;

}

.add-coupon s{
  padding-right: .2rem !important;
}





.price-details h3{
  font-size: 1.3rem ;
  font-family: klein;
  color: #782242;
  margin-bottom: 1rem;
}

.price-calculation{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  }
  .price-calculation p{
      font-size: 1rem;
  }
  .price-calculation .pricing{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .price-calculation .pricing h2,p{
      padding:0;
      padding-bottom: .5rem;
      color: #782242;
  }
  .price-calculation button{
    border: .2px solid #C9264C;
    color: #C9264C;
    background-color: white;
    border-radius: .2rem ;
    padding-left: 1.4rem;
    font-size: .7rem;
    width: 8rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    margin-top: 3rem;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, #C9264C 0px 1px 1px 0px;
    padding-right: 1.4rem;
    }
  .price-calculation button:hover{
      background-color: #782242;
      cursor: pointer;
      color: white;
      border: .2px solid #782242;
      box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, #782242 0px 1px 1px 0px;
    }
  .price-calculation button:hover >span{
    color: white !important;
  }
  
  .price-calculation .all-cal{
      box-shadow: 0px 12px 28px 0px rgba(140, 149, 159, 0.3); border-radius: .5rem;
  padding: 2rem;
  width: 100%;
  height: auto;
  padding-top: 0;
  margin-top: 2rem;
  background-color: #ffffff;
  
  }
  
  .mention-price p, .price-number p{
margin-bottom: 1rem;
  }
.price-calculaton-free-shipping {
  display: flex;
  text-align: center;
  justify-content: flex-start;
  margin-left: 0rem;
  margin-top: 1rem;
  
}
.price-calculaton-free-shipping .las{
  margin-top: -.6rem;
  padding-right: .8rem;
}

.checkout {
  font-size: 1.2rem !important;
  width:auto !important;
  margin-bottom: 3rem !important;
}
.breast-cancer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.breast-cancer img{
  height: auto;
  width: 10rem;
  margin-bottom: .5rem  ;
}
.breast-cancer h3{
  font-family: klein;
  margin-bottom: 0;
  color: #C9264C;
}
.breast-cancer p{
  padding: 0;
  margin: 0;
  font-family: klein;
  font-weight: bold;
}


@media (max-width:965px) {
  

  
.cartproduct .cartimg img{
  width: 12rem;
  position: relative;
  height:100%;
  border-radius: .2px ;

}

.cartcontent{
  display: flexbox;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 2rem;
  box-shadow: none;
}
    
    .cartproduct{
      position: relative;
      width: 70vw;
    }
    
.price-details{
  margin-right: 0rem;
  border-radius: .5rem;
  padding: 2rem;
  width:90%;
  padding-top: 1rem;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  background-color: #F8E3EA;
}
.allcartproduct{
  display: flex;
  width: auto;
  flex-direction: column;
justify-content: center;
align-content: center;  
  padding: 1rem;
}

}







@media (max-width:767px) {


  .cartprogress{
    display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  }
  .cartprogresslist{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 15rem;
    margin: 1rem;
    border-radius: 10px;
    border: 1px solid #B62F61;
  }
  .cartprogresslist  .fa-cart-shopping{
    font-size: 2rem !important;
  }
  
  
  .cartprogresslist  .la-truck{
    font-size: 2rem !important;
    padding: 0;
    margin: 0;
  }
  
  
  .cartprogresslist  .la-credit-card{
    font-size: 2rem !important;
    margin: 0;
    padding: 0;
  }
  
  
  .cartcontentbutton .edit{
    background-color: white;
  }
  
  
  
  
  
  
  .allcartproduct{
    display: flex;
    width: 100%;
    flex-direction: column;
    
    padding: 1rem;
  }
  
  .cartimg{
    position: relative;
  }
  .cartproduct .cartimg img{
    width: 16rem;
    position: relative;
    height:100%;
    border-radius: .2px ;
  
  }
  .cartproduct .cartimg >.fa-heart{
    font-size: 2rem !important;
    color: #B62F61;
    position: absolute;
    top: 0;
    right: 0rem;
    padding:.5rem;
  }
  .cartproductcontent{
    position: relative;
  width: 100%;
  height: fit-content;
  padding: 1rem;
  }
  .cartproductcontent h3{
    font-family: klein;
    color: #782242;
    font-size: 2rem;
    font-weight: light;
  }
  .cartproductcontent .prico{
    padding: 0;
    width:fit-content;
    
  }
  .cartproductcontent .prico .la-share{
    position: absolute;
    top:0;
    right: 0;
    padding: 1rem;
    padding-top: 1rem;
  }
  .selectedquan p{
    font-weight: 300;
    font-size: 1.3rem;
    margin-bottom: .5rem;
  }
  .selectedquan p span{
    font-weight: 300;
    color: #782242;
  }
  .cartproductcontent span{
    font-weight: lighter;
    color: #782242 !important;
    padding-left: .2rem;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  .cartcontentbutton {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
  }
  .cartcontentbutton button{
    display: flex;
    border-radius: .2rem;
    border: .2px solid #B62F61;
    text-align: center;
    color:#B62F61 ;
    width: 40%;
    padding: 2rem;
    justify-content: center;
    margin-right: 3rem;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
  height: 2.5rem;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 2;
  font-family: klein;
  }
  .cartcontentbutton .las{
    font-size: 1.5rem !important;
    margin-left: .5rem;
  }
  .cartcontentbutton .remove{
    background-color: #B62F61;
    color: white;
  }
  .out_of_stock{
  background-color: rgb(205, 205, 205);
  padding-bottom: 0;
  }
  .out_of_stock .prico{
    
  background-color: transparent;}
  .out_of_stock .cartimg img{
    filter: grayscale(.8);
  }
  .out_of_stock .cartproductcontent h3{
    filter: grayscale(1);
  }
  .out_of_stock .cartproductcontent p,span{
    filter: grayscale(1);
  }
  .outstockword
  {position:absolute;
    right: 33%;
    top: 40%;
    font-size: 1.7rem;
    font-family: klein;
    text-align: center;
    padding-top: 0rem;
    padding-bottom: 0;
    margin-bottom: 0;
    color: rgb(255, 37, 37) !important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .price-details{
    margin-right: 1rem;
    border-radius: .5rem;
    padding: 2rem;
    width: 60rem;
    padding-top: 1rem;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    background-color: #F8E3EA;
  }
  .all-cal  p{
    color: #782242;
    display: flex;
    text-align: center;
    align-items: center;
    padding: 0;
   font-size: 1.7rem;
  }
  .all-cal  .fa-circle-plus{
    font-size: 1.5rem;
    padding-left: .5rem;
  }
  
  .all-cal .add-coupon input{
    position: relative;
    border-radius: .3rem;
    padding: .4rem;
    width: 14rem;
    border: .2px solid gray;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    margin-bottom: 1rem;
  margin-right: .5rem;
  }
  .all-cal .add-coupon input:focus{
    border:  .2px solid gray;
    outline:none;
  }
  
  .all-cal .input-div {
    display: flex;
  }

  .add-coupon{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .all-cal .add-coupon button{
  border: .2px solid #C9264C;
  color: #C9264C;
  background-color: white;
  border-radius: .2rem ;
  padding-left: 1.6rem;
  width: 12rem;
  height: 3rem;
  font-size: 1.2rem;
  padding-top: .3rem;
  padding-bottom: .3rem;
  padding-right: 1.6rem;
  }   
  .card-massage{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .card-massage button{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 80%;
    background-color:#EEAD00;
    margin: 3rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    border-radius: .2rem;
    font-weight: 600;
    font-family: klein;
    color: black !important;
  }
  
  .card-massage button .la-gift{
    color: black !important;
    margin-top: -.2rem;
    padding-left: .5rem;
  
  }
  
  .add-coupon s{
    padding-right: .2rem !important;
  }
  
  
  
  
  
  .price-details h3{
    font-size: 1.5rem ;
    font-family: klein;
    color: #782242;
    margin-bottom: 1rem;
  }
  
  .price-calculation{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    }
    .price-calculation p{
        font-size: 1.5rem;
    }
    .price-calculation .pricing{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .price-calculation .pricing h2,p{
        padding:0;
        padding-bottom: .5rem;
        color: #782242;
    }
    .price-calculation button{
      border: .2px solid #C9264C;
      color: #C9264C;
      background-color: white;
      border-radius: .2rem ;
      padding-left: 1.4rem;
      font-size: .7rem;
      width: 8rem;
      padding-top: .3rem;
      padding-bottom: .3rem;
      margin-top: 3rem;
      box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, #C9264C 0px 1px 1px 0px;
      padding-right: 1.4rem;
      }
    .price-calculation button:hover{
        background-color: #782242;
        cursor: pointer;
        color: white;
        border: .2px solid #782242;
        box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, #782242 0px 1px 1px 0px;
      }
    .price-calculation button:hover >span{
      color: white !important;
    }
    
    .price-calculation .all-cal{
        box-shadow: 0px 12px 28px 0px rgba(140, 149, 159, 0.3); border-radius: .5rem;
    padding: 2rem;
    width: 100%;
    height: auto;
    padding-top: 0;
    margin-top: 2rem;
    background-color: #ffffff;
    
    }
    
    .mention-price p, .price-number p{
  margin-bottom: 1rem;
    }
  .price-calculaton-free-shipping {
    display: flex;

    font-family: klein;
    text-align: center;
    justify-content: flex-start;
    margin-left: 0rem;
    margin-top: 3rem;
    
  }
  .price-calculaton-free-shipping .las{
    margin-top: -.6rem;
    padding-right: .8rem;
  }
  
  .checkout {
    font-size: 1.2rem !important;
    width:auto !important;
    margin-bottom: 3rem !important;
  }
  .breast-cancer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
  }
  .breast-cancer img{
    height: auto;
    width: 10rem;
    margin-bottom: .5rem  ;
  }
  .breast-cancer h3{
    font-family: klein;
    margin-bottom: 0;
    color: #C9264C;
  }
  .breast-cancer p{
    padding: 0;
    margin: 0;
    font-family: klein;
    font-weight: bold;
  }
 
  .cartproduct{
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    width: 91vw !important;
  }
  
.price-details{
margin-right: 0rem;
border-radius: .5rem;
padding: 2rem;
width: 100% !important;
padding-top: 1rem;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
background-color: #F8E3EA;
}
.allcartproduct{
display: flex;
width: auto;
flex-direction: column;
justify-content: center;
align-content: center;  
padding: 1rem;
}
.checkout{
  display: none;
}
  }




  @media (max-width:440px) {
   
    

    .cartprogress{
      display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    }
    .cartprogresslist{
      display: flex;
      justify-content: space-around;
      align-items: center;
      width: 15rem;
      margin: 1rem;
      border-radius: 10px;
      border: 1px solid #B62F61;
    }
    .cartprogresslist  .fa-cart-shopping{
      font-size: 2rem !important;
    }
    
    
    .cartprogresslist  .la-truck{
      font-size: 2rem !important;
      padding: 0;
      margin: 0;
    }
    
    
    .cartprogresslist  .la-credit-card{
      font-size: 2rem !important;
      margin: 0;
      padding: 0;
    }
    
    
    .cartcontentbutton .edit{
      background-color: white;
    }
    
    
    
    
    
    
    .allcartproduct{
      display: flex;
      width: 100%;
      flex-direction: column;
      padding: 1rem;
    }
    
    .cartimg{
      position: relative;
    }
    .cartproduct .cartimg img{
      width: 16rem;
      position: relative;
      height:100%;
      border-radius: .2px ;
    
    }
    .cartproduct .cartimg >.fa-heart{
      font-size: 2rem !important;
      color: #B62F61;
      position: absolute;
      top: 0;
      right: 0rem;
      padding:.5rem;
    }
    .cartproductcontent{
      position: relative;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    }
    .cartproductcontent h3{
      font-family: klein;
      color: #782242;
      font-size: 1.5rem;
      font-weight: light;
    }
    .cartproductcontent .prico{
      padding: 0;
      width:fit-content;
      
    }
    .cartproductcontent .prico .la-share{
      position: absolute;
      top:0;
      right: 0;
      font-size: .5rem;
      padding: 1rem;
      padding-top: 1rem;
    }
    .selectedquan p{
      font-weight: 300;
      font-size: 1.3rem;
      margin-bottom: .5rem;
    }
    .selectedquan p span{
      font-weight: 300;
      color: #782242;
    }
    .cartproductcontent span{
      font-weight: lighter;
      color: #782242 !important;
      padding-left: .2rem;
      font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }
    .cartcontentbutton {
      display: flex;
      width: 100%;
      justify-content: flex-start;
      align-items: center;
    }
    .cartcontentbutton button{
      display: flex;
      border-radius: .2rem;
      border: .2px solid #B62F61;
      text-align: center;
      color:#B62F61 ;
      width: 40%;
      padding: 2rem;
      justify-content: center;
      margin-right: 3rem;
      align-items: center;
      padding-left: 2rem;
      padding-right: 2rem;
    height: 2.5rem;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 1.5;
    font-family: klein;
    }
    .cartcontentbutton .las{
      font-size: 1.5rem !important;
      margin-left: .5rem;
    }
    .cartcontentbutton .remove{
      background-color: #B62F61;
      color: white;
    }
    .out_of_stock{
    background-color: rgb(205, 205, 205);
    padding-bottom: 0;
    }
    .out_of_stock .prico{
      
    background-color: transparent;}
    .out_of_stock .cartimg img{
      filter: grayscale(.8);
    }
    .out_of_stock .cartproductcontent h3{
      filter: grayscale(1);
    }
    .out_of_stock .cartproductcontent p,span{
      filter: grayscale(1);
    }
    .outstockword
    {position:absolute;
      right: 33%;
      top: 40%;
      font-size: 1.5rem;
      font-family: klein;
      text-align: center;
      padding-top: 0rem;
      padding-bottom: 0;
      margin-bottom: 0;
      color: rgb(255, 37, 37) !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .price-details{
      margin-right: 1rem;
      border-radius: .5rem;
      padding: 2rem;
      width: 60rem;
      padding-top: 1rem;
      box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
      background-color: #F8E3EA;
    }
    .all-cal  p{
      color: #782242;
      display: flex;
      text-align: center;
      align-items: center;
      padding: 0;
     font-size: 1.7rem;
    }
    .all-cal  .fa-circle-plus{
      font-size: 1.5rem;
      padding-left: .5rem;
    }
    
    .all-cal .add-coupon input{
      position: relative;
      border-radius: .3rem;
      padding: .4rem;
      width: 14rem;
      font-size: 1.3rem ;
      border: .2px solid gray;
      box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
      margin-bottom: 2rem;
    margin-right: .5rem;
    }
    .all-cal .add-coupon input:focus{
      border:  .2px solid gray;
      outline:none;
    }
    
    .all-cal .input-div {
      display: flex;
      flex-direction: column;
    }
  
    .add-coupon{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }
    .all-cal .add-coupon button{
    border: .2px solid #C9264C;
    color: #C9264C;
    background-color: white;
    border-radius: .2rem ;
    padding-left: 1.6rem;
    width: 12rem;
    height: 3rem;
    font-size: 1.2rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    padding-right: 1.6rem;
    }   
    .card-massage{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .card-massage button{
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
      width: 100%;
      background-color:#EEAD00;
      margin: 2rem;
      padding-top: .2rem;
      padding-bottom: .2rem;
      border-radius: .4rem;
      font-weight: 600;
      font-family: klein;
      color: black !important;
    font-size: 1.1rem;
    }
    
    .card-massage button .la-gift{
      color: black !important;
      margin-top: -.2rem;
      padding-left: .5rem;
    
    }
    
    .add-coupon s{
      padding-right: .2rem !important;
    }
    
    
    
    
    
    .price-details h3{
      font-size: 1.5rem ;
      font-family: klein;
      color: #782242;
      margin-bottom: 1rem;
    }
    
    .price-calculation{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      }
      .price-calculation p{
          font-size: 1.5rem;
      }
      .price-calculation .pricing{
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
      }
      
      .price-calculation .pricing h2,p{
          padding:0;
          padding-bottom: .5rem;
          color: #782242;
      }
      .price-calculation button{
        border: .2px solid #C9264C;
        color: #C9264C;
        background-color: white;
        border-radius: .2rem ;
        padding-left: 1.4rem;
        font-size: .7rem;
        width: 8rem;
        padding-top: .3rem;
        padding-bottom: .3rem;
        margin-top: 3rem;
        box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, #C9264C 0px 1px 1px 0px;
        padding-right: 1.4rem;
        }
      .price-calculation button:hover{
          background-color: #782242;
          cursor: pointer;
          color: white;
          border: .2px solid #782242;
          box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, #782242 0px 1px 1px 0px;
        }
      .price-calculation button:hover >span{
        color: white !important;
      }
      
      .price-calculation .all-cal{
          box-shadow: 0px 12px 28px 0px rgba(140, 149, 159, 0.3); border-radius: .5rem;
      padding: 2rem;
      width: 100%;
      height: auto;
      padding-top: 0;
      margin-top: 2rem;
      background-color: #ffffff;
      
      }
      
      .mention-price p, .price-number p{
    margin-bottom: 1rem;
      }
    .price-calculaton-free-shipping {
      display: flex;
  
      font-family: klein;
      text-align: center;
      justify-content: flex-start;
      margin-left: 0rem;
      margin-top: 3rem;
      
    }
    .price-calculaton-free-shipping .las{
      margin-top: -.6rem;
      padding-right: .8rem;
    }
    
    .checkout {
      font-size: 1.2rem !important;
      width:auto !important;
      margin-bottom: 3rem !important;
    }
    .breast-cancer {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 4rem;
    }
    .breast-cancer img{
      height: auto;
      width: 10rem;
      margin-bottom: .5rem  ;
    }
    .breast-cancer h3{
      font-family: klein;
      margin-bottom: 0;
      color: #C9264C;
    }
    .breast-cancer p{
      padding: 0;
      margin: 0;
      font-family: klein;
      font-weight: bold;
    }
   
    .cartproduct{
      position: relative;
      width: 90vw;
    }
    
  .price-details{
  margin-right: 0rem;
  border-radius: .5rem;
  padding: 2rem;
  width:90%;
  padding-top: 1rem;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  background-color: #F8E3EA;
  }
  .allcartproduct{
  display: flex;
  width: auto;  
  flex-direction: column;
  justify-content: center;
  align-content: center;  
  padding: 1rem;
  }
  .checkout{
    display: none;
  }

  .mention-price h2{
    font-size: 1.8rem;
  }
  .price-number h2{
    font-size: 1.8rem;
  }
 
  .cartproduct{
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    width: 91vw !important;
  }
  
.price-details{
margin-right: 0rem;
border-radius: .5rem;
padding: 2rem;
width: 100% !important;
padding-top: 1rem;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
background-color: #F8E3EA;
}

  }






















 /* Wishlist  */




.wishtitle {
  font-family: klein;
  width: 100%;
  display: flex;
  margin-top: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  color: #782242;
}




.wishlistproduct .cartcontentbutton {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

}
.wishlistproduct .cartcontentbutton button{
  display: flex;
  border-radius: .2rem;
  border: .2px solid #B62F61;
  text-align: center;
  color:#B62F61 ;
  width: 40%;
  justify-content: center;
  margin-right: 3rem;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
height: 2.5rem;
font-weight: 600;
font-size: .6rem;
margin-top: 2;
font-family: klein;
margin: 1rem;
margin-left: 0;
margin-right: 0;
}

      .wishlistproduct  .out_of_stock .quantity{
display: none;
      }
.wishlistproduct .cartcontentbutton .las{
  font-size: 1rem !important;
  margin-left: .5rem;
}
.wishlistproduct .cartcontentbutton .remove{
  color:white !important;
margin: 0;}
.wishlistproduct .cartcontentbutton .edit{
  padding-left: 0;
  padding-right: 0;
}

.maino{
  margin-top: 2rem;
  
      width: 100% !important;
     display: flex;
     height: auto;
      justify-content:flex-start;
      align-items: flex-start;
  }
  
  
  .acco{
      margin-left: 1rem;
  margin-right: 6rem;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
  border-radius: .2rem;
      font-family: 'Times New Roman', Times, serif;
      background-color: #F8E3EA;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      height:auto;
      width: 25rem;
  }
  
  .account{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
  border-bottom: .2px solid rgb(190, 190, 190);
  padding: 1rem;
  }
  
  
  .account p{
      color: rgb(177, 176, 176);
  }
  
  .profilewish{
  display: flex;
  justify-content: center;
  align-items: center;
      text-align: center;
      background-color: #B62F61;
      font-size: 2rem;
      color:white !important;
      border-radius: 50%;
      width: 6rem;
      font-family: klein;
      height: 6rem;
  }
  .account h2{
    font-family: Verdana, Geneva, Tahoma, sans-serif;

      margin-top: 1rem;
  }
  
  
  .coont{
      padding: 1rem;
  }
  .coont div{
    text-align: center;
    justify-content: flex-start;
    align-content: center;
  display: flex;
  width: 100%;
  font-family: klein;
      font-size: 1.2rem;
      margin: 1rem;
  margin-bottom: 2rem;
  }

  .coont div .las,.lar{
    font-size: 2rem;
    padding-right: .4rem;
    margin-bottom:.5rem !important;
  }
  .coont div .la-heart{
    font-size: 2rem !important;
  margin-top: -.4rem !important;
  }
  .coont div:hover{
      cursor: pointer;
  }
  
  
  @media (max-width:775px) {
      
      .acco{
          display: none;
      }
  .maino{
      justify-content: center;
      align-items: center;
  }
  
      .prop{
          width: 97vw;
      }
  }
  
  
  
  
  @media (max-width:1029px) {
  
      .prop{
  margin-bottom: 1rem;
      width: 50rem;
       background-color: white;
   height: auto;  
   box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
   }
   .acco{
    display: none;
   }
   .maino{
    display: flex;
    justify-content: center;
    align-items: center;
   }
  }
  
  
  @media(max-width:965px){

  }
  
  @media (max-width:775px) {
      
      .acco{
          display: none;
      }
  .maino{
      justify-content: center;
      align-items: center;
  }
  
      .prop{
          width: 97vw;
      }
  
  
      .wishlistproduct  .allcartproduct{
        display: flex;
        width: 100%;
        flex-direction: column;
        
        padding: 1rem;
      }
      
      .wishlistproduct  .cartimg{
        position: relative;
      }
      .wishlistproduct  .cartproduct .cartimg img{
        width: 16rem;
        position: relative;
        height:100%;
        border-radius: .2px ;
      
      }
      .wishlistproduct  .cartproduct .cartimg >.fa-heart{
        font-size: 2rem !important;
        color: #B62F61;
        position: absolute;
        top: 0;
        right: 0rem;
        padding:.5rem;
      }
      .wishlistproduct  .cartproductcontent{
        position: relative;
      width: 100%;
      height: fit-content;
      padding: 1rem;
      }
      .wishlistproduct  .cartproductcontent h3{
        font-family: klein;
        color: #782242;
        font-size: 2rem;
        font-weight: light;
      }
      .wishlistproduct .cartproductcontent .prico{
        padding: 0;
        width:fit-content;
        
      }
      .wishlistproduct  .cartproductcontent .prico .la-share{
        position: absolute;
        top:0;
        right: 0;
        padding: 1rem;
        padding-top: 1rem;
      }
      .wishlistproduct  .selectedquan p{
        font-weight: 300;
        font-size: 1.3rem;
        margin-bottom: .5rem;
      }
      .wishlistproduct  .selectedquan p span{
        font-weight: 300;
        color: #782242;
      }
      .wishlistproduct  .cartproductcontent span{
        font-weight: lighter;
        color: #782242 !important;
        padding-left: .2rem;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      }
      .wishlistproduct  .cartcontentbutton {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        align-items: center;
      }
      .wishlistproduct  .cartcontentbutton button{
        display: flex;
        border-radius: .2rem;
        border: .2px solid #B62F61;
        text-align: center;
        color:#B62F61 ;
        width: 40%;
        padding: 2rem;
        justify-content: center;
        margin-right: 3rem;
        align-items: center;
        padding-left: 2rem;
        padding-right: 2rem;
      height: 2.5rem;
      font-weight: 600;
      font-size: 1rem;
      margin-top: 2;
      font-family: klein;
      }
      .wishlistproduct .cartcontentbutton .las{
        font-size: 1.5rem !important;
        margin-left: .5rem;
      }
      .wishlistproduct  .cartcontentbutton .remove{
        background-color: #B62F61;
        color: white;
        margin-left: -3rem;
      }
      .wishlistproduct .out_of_stock{
      background-color: rgb(205, 205, 205);
      padding-bottom: 0;
      }
      .wishlistproduct  .out_of_stock .prico{
        
      background-color: transparent;}
      .wishlistproduct  .out_of_stock .cartimg img{
        filter: grayscale(.8);
      }
      .wishlistproduct  .out_of_stock .cartproductcontent h3{
        filter: grayscale(1);
      }
      .wishlistproduct  .out_of_stock .cartproductcontent p,span{
        filter: grayscale(1);
      }
      .wishlistproduct  .out_of_stock .quantity{
display: none;
      }
      .wishlistproduct .outstockword
      {position:absolute;
        right: 33%;
        top: 40%;
        font-size: 1.7rem;
        font-family: klein;
        text-align: center;
        padding-top: 0rem;
        padding-bottom: 0;
        margin-bottom: 0;
        color: rgb(255, 37, 37) !important;
      }
      
    
  
  
 .wishlistproduct .selectedquan{
    display: flex;
   justify-content: flex-start;
   align-items: center !important;
   
    gap: 2rem;

  }
  
  .wishlistproduct .cartcontentbutton{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 2rem;
  }
    }
  @media (max-width:540px) {
   
      
  
  .pplo{
      width: 100%;
      display: flex;
      justify-content: center;
  align-items: center;
  }
  
  .quantity {
    display: inline-block;
   }
   .wishlistproduct .cartproductcontent h3{
    font-size: 1.6rem;
   }
   .quantity .input-text.qty {
    width: 40px;
    height: 30px;
    padding: 0px;
    text-align: center;
    background-color: transparent;
    border: 1.5px solid black;
    border-left: none;
    border-right: none;
   }
   
   .quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top; }
   
   .quantity.buttons_added input {
    display: inline-block;
    margin: 0;
    width: 1rem;
    height: 25px !important;
    font-size: 1.5rem;
    background-color: white;
    vertical-align: top;
    box-shadow: none;
   }
   
   .quantity.buttons_added .minus,
   .quantity.buttons_added .plus {
    padding: 1px 14px 6px;
    height: 25px;
    background-color: #ffffff;
    border: 1.5px solid black;
    cursor:pointer;
  }
   
   .quantity.buttons_added .minus {
    border-right: 0;
  color: #C9264C;
  font-size: 1rem;
  font-weight: bold;
  border-top-left-radius: .2rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: .2rem;
  
  }
   
   .quantity.buttons_added .plus {
    border-left: 0; 
    color: #37a23b;
  font-size: 1rem;
  font-weight: bold;
  margin-left: -.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
  border-bottom-left-radius: 0rem;
  
  }
  
  }
  
  




















.measureheadingsepcial{
  margin-top: 4rem !important;margin-bottom: -1rem;

}



  






  /* size chart guide */
.sizeguide{
  height: auto;
margin-top: 0;
}

  .sizeguide__illustration
  {
    width: 250px;
    height: auto;
    margin: 0 auto;
    display: block;
    
  }
  .sizeguide__illustration img
  {
    width: 100%;
    height: auto;
  }
  
  .sizeguide__inner
  {
    position: relative;
    margin-top: 60px;
    position: relative;
    width: 100%;
    text-align: right;
  }
  
  @media screen and (min-width: 900px)
  {	
    .sizeguide__illustration
    {
      margin: 0;
      display: inline-block;
      vertical-align: middle;
      width: 25%;
    }
    .sizeguide__inner
    {
      display: inline-block;
      margin-top: 0;
      margin-left: 20px;
      width: 70%;
      vertical-align: middle;
    }
    
  }
  @media (max-width:900px) {
    
    .measureheadingsepcial{
      margin-top: 4rem !important;
      margin-bottom: -8rem !important;
    
    }
  }
  
  .toggle__main-albel
  {
    display: none;
  }
  @media screen and (min-width: 450px)
  {	
    .toggle__main-label
    {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
    }
  }
  .sizeguide__inner th{
    border: .3px solid white;
    background-color: #EA7186 !important;
  }
  
  .sizeguide input[type=checkbox]
  {
    opacity: 0;
    width: 100%;
    z-index: 99;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
  }
  
  .sizeguide input[type=checkbox]:focus ~ .toggle__controls
  {
    outline: 1px solid #19ca2a ;
  }
  
  .toggle__opt
  {
    display: inline-block;
    vertical-align: middle;
    user-select: none;
  }
  
  .toggle__opt:first-child
  {
    text-align: right;
    left: 0;
  }
  .toggle__opt:last-child
  {
    right: 0;
  }
  
  .toggle__controls
  {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 50px;
    height: 20px;
    margin: 0 10px;
  }
  
  .toggle__controls:before
  {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #464646;
    
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  
  .toggle__controls:after
  {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 7px;
    background-color: #171717;
    
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-130%, -50%);
    transition: transform 0.30s ease-out;
  }
  
  .sizeguide input[type=checkbox]:checked ~ .toggle__controls:after
  {
    transform: translate(30%, -50%);
  }
  
  .sizeguide table
  {
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
  }
  
  .sizeguide th, td 
  {
    text-align: center;
    padding: 12px 5px;
  }
  
  .sizeguide th
  {
    background: #000;
    color: #fff;
    font-weight: normal;
  }
  
  .sizeguide td
  {
    border: 1px solid #d2d2d2;
  }
  .sizeguide thead td
  {
    border: 0;
  }
  .sizeguide td:first-child
  {
    border-left: 0;
  }
  .sizeguide td:last-child
  {
    border-right: 0;
  }
  
  .sizeguide tr:nth-child(2n)
  {
    background: #f3f3f3;
  }
  
  .alt
  {
    display: none;
  }
  
  .sizeguide input[type=checkbox]:checked ~ table .alt
  {
    display: inline;
  }
  .sizeguide input[type=checkbox]:checked ~ table .default
  {
    display: none;
  }
  
  .sizeguide__note
  {
    max-width: 600px;
    text-align: left;
    line-height: 1.7;
    font-size: 1.03em;
  }
  
  /*for pen presentation*/
  .sizeguide
  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 40px;
  }



.mainsizepage{
  display: flex;
  justify-content: center;
  align-items: center;
}

.sizeinput{
  display: flex;
  align-items: flex-start;
  
  justify-content: space-around;

}
.sizeinput .fullbody img{
  width: 14rem;
  margin-right: 5rem;
}



.allinformatinofsize{
  display: flex;
  flex-direction: column;
}
.allinformatinofsize form{
  display: flex;
  flex-direction: column;
  width: 100%;
}


.allinformatinofsize form >input{
  width: 16rem;
  border-radius: .4rem;
  border: .2px solid gray;
  color: #782242;
  outline: none;
  padding: .5rem;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  margin-top: 1rem;
}
.allinformatinofsize form form ::placeholder{
  color: #782242 !important;
}


.sizeinput .allinformatinofsize a {
  text-decoration:underline;
  font-family: klein;
  text-align: center;
  padding: 2rem;
  color: #C9264C;
  font-weight: 600;
}
.bellyhip{
  display: flex;
  flex-direction: column
}
.belly ,.hip{
  display: flex;
}
.bellyimg ,.hipimg{
  display: flex;
  padding: 1rem;
  width: 10rem;
  padding-left: 0;
  padding-top: 0;
}
.bellyradio,.hipradio{
  display: flex;
height: auto;
justify-content:flex-start;
align-items: center;
  
}
.bellyradio p{
  padding: 0;
  margin: 0;
  padding-left: .2rem;
  padding-bottom: -1rem;
}
.hipradio p{
  padding: 0;
  margin: 0;
  padding-left: .2rem;
  padding-bottom: -1rem;
}


.chartsizequestion{
  font-family: klein;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 40%;
  margin-top: 1rem;
}
.chartsizequestion h2{
  font-size: 1rem;
}
.chartsizequestion .chartsizequestionoption{
  display: flex;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  gap: .3rem;
}
.chartsizequestion .chartsizequestionoption p{
  padding-top: .56rem;
  color: black;
  font-weight: 600;
}

  @import url("https://fonts.googleapis.com/css?family=Montserrat");
h1 {
  text-align: center;
  margin: 2rem 0;
  font-size: 2.5rem;
}

.accordion {
  width: 90%;
  font-family: klein;
  max-width: 1000px;
  margin: 2rem auto;
}
.accordion-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
background-color: #F1979D;
}
.accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}
.accordion-item-header.active::after {
  content: "\2212";
}
.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

@media (max-width: 767px) {

  .sizeinput .fullbody img{
    width: 16rem;
    margin-right: 5rem;
  }

  
.allinformatinofsize form >input{
  width: 24rem;
  border-radius: .4rem;
  border: .2px solid gray;
  color: #782242;
  outline: none;
  padding: .9rem;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  margin-top: 1rem;
}
  
.chartsizequestion{
  font-family: klein;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 4%;
  margin-top: 2rem;
  
}

.chartsizequestion h2{
  font-size: 1.8rem;

}
}




















/* address page */



.addressblock{
  border: 1.5px solid #C9264C;
  padding: 1rem;
  margin: 2rem;
  margin-top: 0;
  padding-top: 1rem;
  border-radius: .3rem;
}
.addressdata{
  position: relative;
}
.addressdata .la-pen{
  position: absolute;
  right: 0;
}

.applied_address{
  background-color: #F8E3EA;
}

.edit_address_div{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit_address{
  display: flex;
  border-radius: .2rem;
  border: .2px solid #B62F61;
  text-align: center;
  color:white ;
background-color: #B62F61;
  width: 40%;
  justify-content: center;
  margin-right: 3rem;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
height: 2.5rem;
font-weight: 600;
font-size: .6rem;
margin-top: 2;
font-family: klein;

}

.edit_address .las{
  color: white !important;
  padding-left: .3rem;
}



@media (max-width:965px) {
  .alladdrressitem{
    width: 100%;
  }

  
.addressblock{
  border: 1px solid #C9264C;
  padding: 2rem;
  margin: 2rem;
  margin-top: 0;
  padding-top: 1rem;
  border-radius: .3rem;
}

.edit_address{
  display: flex;
  border-radius: .2rem;
  border: .2px solid #B62F61;
  text-align: center;
  color:white ;
background-color: #B62F61;
  width: 30%;
  justify-content: center;
  margin-right: 3rem;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
height: 3rem;
font-weight: 600;
font-size: .6rem;
margin-top:3rem;
margin-bottom: 3rem;
font-family: klein;

}

.edit_address .las{
  color: white !important;
  padding-left: .3rem;

}

}



@media (max-width:767px) {
 
.edit_address{
  display: flex;
  border-radius: .2rem;
  border: .2px solid #B62F61;
  text-align: center;
  color:white ;
background-color: #B62F61;
  width: 34%;
  justify-content: center;
  margin-right: 3rem;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
height: 4rem;
font-weight: 600;
font-size: .8rem;
margin-top:3rem;
margin-bottom: 3rem;
font-family: klein;

}

.edit_address .las{
  color: white !important;
  padding-left: .3rem;
font-size: 2rem !important;
} 
}



























/* payment credit page */





.payment_main_div{
  display: flex;
  justify-content: space-around;
  align-items: center;
padding: 3rem;
padding-left: 0;
padding-right: 0;
}
.online_payment,.cash_on_delivery {
  border-radius: .5rem !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: klein;
  font-size: 1.5rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, #B62F61 0px 3px 7px -3px;
  
}
.online_payment,.cash_on_delivery:hover{
  cursor: pointer ;
}
.online_payment img{
width : 20rem;
height: 20rem;
background-color: #F8E3EA;
margin-bottom: 1rem;  
}
.cash_on_delivery img{
  height: 20rem;
  margin-bottom: 1rem;
  width: 20rem;
  background-color: #F8E3EA;
 
}





























/* addresspage */
.editaddress{
  background-color: #F8E3EA;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
margin: 3rem;
margin-left: 5rem;
margin-right: 5rem;
border-radius: .5rem;
margin-bottom: 4rem;
}

.editaddress .form__container{
  font-family: Arial, Helvetica, sans-serif;
   padding:3rem;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
  }
 
   .editaddress .form__group{
   position:relative;
   margin: 2rem;
 }
 
 .editaddress .form__input{
   position:realtive;
   display:block;
    width:20rem;
   padding:10px;  
   border:1px solid #f3f3f3;
   border-radius:10px;
   outline:none;
   box-shadow:0 16px 16px -5px rgba(0,0,0,.1);
 background-color: white;
}
 
 .editaddress .form__input:focus{
    border:1px solid #782242;
 }
 
 .editaddress .form__label{
   position:absolute;
   top:9px;
   font-family: klein;
   left:15px;
   transition:all 300ms ease-in-out;
   pointer-events:none;
 }
 
 .editaddress .form__input:focus~label,
  .form__input:not(:placeholder-shown)~label{
     color:#782242;
     top:-20px;
     left:0;
     font-size:14px;
     z-index:1;
  }
 
  .editaddress .form__input::-webkit-input-placeholder{
   color:transparent;
 }
 
 .editaddress .form__input::-moz-placeholder{
   color:transparent;
 }

@media (max-width:660px) {
  
 .editaddress .form__input{
  position:realtive;
  display:block;
   width:35rem;
  padding:10px;  
  border:1px solid #f3f3f3;
  border-radius:10px;
  outline:none;
  box-shadow:0 16px 16px -5px rgba(0,0,0,.1);
background-color: white;
}
.editaddress{
  background-color: #F8E3EA;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
margin: 3rem;
margin-left: 0rem;
margin-right: 0rem;
border-radius: .5rem;
margin-bottom: 4rem;
}

}

@media (max-width:500px) {
 
.shortsize_input{
  width: 15rem !important;

} 
}


























/* streeya costumer profile */



.streeyacostumerprofile{
  display: grid;
  grid-template-columns: 1fr 1fr;
 height: 90vh; 
}

.streeyacostumersvg{
display: flex;
background-size:cover;
background-image: url("Picsart_23-11-23_13-36-36-986.png");
justify-content: center;
align-items: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}


.streeyacostumersvg .customerphoto {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.streeyacostumersvg .customerphoto img{

  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  margin-bottom: 1rem;
}
.streeyacostumersvg .customername p{
  color: #782242 !important;
  font-weight: 600;
  font-size: 1rem;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.streeyacostumerdetail{
  background-color: transparent;
}
.streeyacostumerdetailhead{
  background-color: #F8E3EA;
  padding: .5rem;
  margin: 1rem;
  width: 70%;
  padding-left: 1rem;
  border-radius: .2rem;
  box-shadow:   0px 6.3px 6.9px rgba(0, 0, 0, 0.103);
  font-weight: 600;
  font-family: klein;
}

.streeyaccss {
  display: flex;
  justify-content:flex-start;
  margin: 0rem 1rem;
  align-items: center;
  text-align: center;
font-family: klein;
}

.streeyaccss p{
  font-weight: 400;
  margin-top: .5rem;
  margin-left: .5rem;
}





@media (max-width:766px) {

  
.streeyacostumerprofile{
  display: grid;
height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr ;
  place-items: center;
 padding-bottom: 10rem !important;
}

.streeyacostumersvg{
  width: 100%;
  display: flex;
  padding: 4rem;
background-color: #F8E3EA;
background-image: none;
clip-path: polygon(50% 0%, 100% 0, 100% 60%, 72% 76%, 18% 100%, 0 65%, 0 0);
  background-size: cover;
}

.streeyacostumersvg .customerphoto {
  display: flex;
  flex-direction:row;
  width: 100%;
  text-align: center;
  justify-content:flex-start;
  align-items: center;
}

.streeyacostumersvg .customerphoto img{
margin-right: 3rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  margin-bottom: 1rem;
}

.streeyacostumerdetail{
  width: 100%;
}

.streeyacostumerdetailhead{
  background-color: #F8E3EA;
  padding: 1.5rem;
  margin: 1rem;
  width: 96%;
  padding-left: 1.5rem;
  border-radius: .2rem;
  box-shadow:   0px 6.3px 6.9px rgba(0, 0, 0, 0.103);
  font-weight: 600;
  font-family: klein;
}

.streeyaccss {
  display: flex;
  justify-content:flex-start;
  margin: 0rem 2rem;
  align-items: center;
  text-align: center;
  font-family: klein;
}

.streeyaccss p{
  font-weight: 400;
  margin-top: .5rem;
  margin-left: .8rem;
}
.streeyacostumersvg .customerphoto img{

  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  margin-bottom: 1rem;
}
.streeyacostumersvg .customername p{
  color: #782242 !important;
  font-weight: 600;
  font-size: 1.5rem;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

}

























/* my order */

.movingyourway .allcartproduct{
  display: flex;
  flex-direction: row;
}
.delivered_orderstreeya .allcartproduct{
  display: flex;
  flex-direction: row;
}
@media (max-width:966px) {

  .movingyourway .allcartproduct{
    display: flex;
    flex-direction: column;
  }
  
  
  .delivered_orderstreeya .allcartproduct{
    display: flex;
    flex-direction: column;
  }
}

@media (max-width:768px) {
  
  .delivered_orderstreeya .allcartproduct{
    display: flex;
    flex-direction: column;
  }

  .delivered_orderstreeya{
    padding-bottom: 15rem;
  }

}



















/* SignOTP */

.signinotpgrid{
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
  text-align: center;
  overflow-y: hidden;
overflow: hidden; 
}
.imagesigninotp img{
  width: 100%;
  height: 100%;
}
.imagesigninotp {
  width: 50%;
}
.singnupcontent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
}
.singnupcontent  .signupicon{
  display: flex;
  margin: 2rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12);
    padding:  0 1rem;
    border-radius: .2rem;
}
.singnupcontent  .signupicon .las{
  margin: 0;
  padding: 0;
  position: relative;
}

.singnupcontent  .signupicon input{
  border: none;
  width: 100%;
  outline: none;
  font-size: 1rem;
  margin-left: 1rem;
}


.singnupcontent .socialimgsingup {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}




.singnupcontent .socialimgsingup img{
  width: 2rem;
  height: 2rem;
  margin: 1rem;
}
.imagesigninotp{
  height: 90vh;
}






.singnupcontent .socialimgsingup img:hover{
cursor: pointer;}




@media (max-width:890px) {
  
.singnupcontent  .signupicon input{
  font-size: 1.5rem;
}
.singnupcontent  .signupicon .las{
  margin: 0;
  padding: 0;
  font-size:2rem;
  position: relative;
}

.singnupcontent  .signupicon{
  display: flex;
  margin: 2rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12);
    padding:  0 1rem;
    border-radius: .2rem;
}



}

.singnupcontent p{
  font-family: klein;
  font-weight: 600;
  margin-bottom: -1.5rem;
}



@media (max-width:800px) {
 
  .imagesigninotp{
    display: none;
  }
 
.signinotpgrid{
display: flex;

justify-content: center;
align-items: center;  text-align: center;
  overflow-y: hidden;
width: 100%;
height: 90vh;
overflow: hidden; 
} 
}


@media (max-width:766px) {

  .signinotpgrid {
    align-items: flex-start;
    padding-top: 5rem;
  }
.singnupcontent{
  width: 100vw;
}


  .singnupcontent  .signupicon input{
    font-size: 1.5rem;
    text-align: center;
    color: #782242;
  }
  .singnupcontent  .signupicon .las{
    margin: 0;
    padding: 0;
    font-size:3rem !important;
    position: relative;
  }
  
  .singnupcontent  .signupicon{
    display: flex;
    margin: 2rem;
    width:60%;
    box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12);
      padding:  .5rem 1.5rem;
      border-radius: .2rem;
  }
  
  .singnupcontent .bttno{
    background-color: #C9264C;
    width: 15rem;
    padding: 1rem;
  }

  .singnupcontent .socialimgsingup img{
    width: 4rem;
    height: 4rem;
    margin: 1rem;
  }  
  .singnupcontent .hrline{
    font-size: 1.2rem;
    margin-top: 2rem;
  }

  }
  


  @media (max-width:640px) {

    .signinotpgrid {
      align-items: flex-start;
      padding-top: 10rem;
    }
  .singnupcontent{
    width: 100vw;
  }
  
  
    .singnupcontent  .signupicon input{
      font-size:2rem;
      text-align: start;
      color: #782242;
    }
    .singnupcontent  .signupicon .las{
      margin: 0;
      padding: 0;
      font-size:3rem !important;
      position: relative;
    }
    
    .singnupcontent  .signupicon{
      display: flex;
      margin: 2rem;
      width:80%;
      box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12);
        padding:  .5rem 1.5rem;
        border-radius: .2rem;
    }
    
    .singnupcontent .bttno{
      background-color: #C9264C;
      width: 18rem;
      margin-top: 1.5rem;
      padding: 1.5rem;
    }
  
    .singnupcontent .socialimgsingup img{
      width: 4rem;
      height: 4rem;
      margin: 1rem;
    }  
    .singnupcontent .hrline{
      font-size: 1.2rem;
      margin-top: 6rem;
    }
  
    }
    
  




















    /* Coin Page */




    .coinhead {
      padding: 2rem;
      font-size: 1.5rem;
      display: flex;
      text-align: center;
      margin-top: 2rem;
      color: #782242;
    }


.coinhead img{
  padding-left: 1rem;
  width: 3rem;
  height: 2rem;
margin-bottom: -.2rem;
}
.coinbanner{
  width: 100%;
}
.coinmaincontainer{
  padding: 2rem;
}
.coinmaincontainer img{
  padding-left: 1rem;
  width: 3rem;
  height: 2rem;
margin-bottom: -.2rem;
}
.coinsss{
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.flexcoinbox{
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
margin-bottom: 1rem;
}

.flexcoinbox p{
  font-size: .6rem;
  color: gray;
}

.addingcoin,.minusingcoin{
  display: flex;
  justify-content: center;
  align-items: center;

}
.buttoncoins {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.noofcoinsplus {
  color: green;
  font-size: 1.1rem;
}
.noofcoinsminus{
  color: red;
  font-size: 1.1rem;
}
.coinproduct p{
  padding: 0;
  margin: 0;
}
.coinproduct h4{
  color: #782242;
  font-weight: 400;
}
.pluscoinsign , .minuscoinsign{
  background-color: lightgray;
  margin-right: 1rem;
  padding: .5rem 1rem;
  color: black !important;
}































/* product feedback */

.givefeedbackproductphoto{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 10rem;
  padding: 1rem;
  margin: .5rem;
}

.productfeedbackname{
  font-size: .8rem;
  text-align: center;
}
.givefeedbackproductphoto img{
  height: 10rem;
  margin-bottom: .5rem;
  border-radius: .2rem;

}











/* Massage Gift page  */



.massagefill{
  
  display: flex;
  width: 90%;
  padding: 2rem;
  justify-content: space-between;
  align-items: center;
}

.massagefill .formformassage{
  display: flex;
  flex-direction: column;
}
.massagefill .formformassage h2{
 font-size: 1.5rem;
  font-family: klein;
  color: #782242 !important;
font-weight: 400;
}
.massagefill .formformassage input{
  width: 20rem;
  margin-bottom: 1rem;
  height: 6rem;
  border-radius: .4rem;
  border: .2px solid gray;
  color: #782242;
  outline: none;
  padding: .5rem;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  margin-top: 1rem;

}


.mainmassagefill{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.massagefill .formformassage .bttno{
  width: 8rem;
}

.massagefill img{
  width: 6rem;
  height: 6rem;
}

.selectmassagetemplate h2{
  font-family: klein;
  padding-left: 3rem;
  font-weight: 400;
  color: #782242;
 font-size: 1.5rem;
}

.amiii {
  width: 100%;
  padding: 2rem;
  padding-top: 0;
  display: flex;
  flex-direction: row !important;
  justify-content: space-around !important;
  align-items: center;
  flex-wrap: wrap;
}

.amiii .type{
  background-color: white !important;
  padding: 0 !important;
  margin: 1rem;
  text-align: start !important;
width: 15rem !important;
}
.amiii .type img{
  width: 15rem !important;
}
.amiii .type span{
  padding-left: .5rem;
  font-size: 1rem;
color: #782242;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}