*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

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


  @font-face {
    font-family: 'Paralucent';
    src: url('fonts/Paralucent-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

  @font-face {
    font-family: 'Paralucent';
    src: url('fonts/Paralucent-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Paralucent';
    src: url('fonts/Paralucent-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Paralucent';
    src: url('fonts/Paralucent-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


  body {
  font-family: 'Paralucent';
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  background: #ffffff;
}

  a,
  a:hover,
  a:active {
    text-decoration: none;
  }

  ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  label {
    margin-bottom: 0;
  }

  #none h4 {
    font-family: "Albert Sans", sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
  }

  .inner100 h4 {
    font-family: "Albert Sans", sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
  }

  nav{
    background: #EF5193;
    color: white;
    height:60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0% 10%;
  }
  nav> div{
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
  }
  /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.. */
  .menu-area {
    background: #fff;
    padding: 16px 0;
  }

  .navbar {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  color: #631536;

}

.nav-left,
.nav-right {
  display: flex;
  align-items: center;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 1rem;
}

.nav-links li a,
.nav-right a,
.logo {
  font-family: "Albert Sans", sans-serif;
  color: #631536;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  font-size: 1rem;
}

.logo i{
  font-weight: 300;
}


.nav-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.logo {
  font-weight: bold;
  font-size: 1.25rem;
}

.logo10 img {
  max-width: 123px;
}

.hamburger {
  display: none;
  font-size: 1.5rem;
  cursor: pointer;
}


/* Responsive Styles */
@media (max-width: 768px) {
  .nav-links {
    display: none;
    position: absolute;
    top: 60px;
    left: 1rem;
    background-color: #444;
    flex-direction: column;
    padding: 0.5rem;
    border-radius: 5px;
  }

  .nav-links.open {
    display: flex;
  }

  .hamburger {
    display: block;
    margin-right: 1rem;
  }
}



@media(max-width:800px){
  #none{
    display: none;
  }
}
/* .>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.thumb-area {
  background:rgba(244, 165, 96, 0.066); 
  padding: 56px 0;
}

.sec1{
  color: #631536;
  display: grid;
  grid-template-columns: 50% auto;
margin: auto;
column-gap: 134px;

}

.padding{
margin-bottom: 20px;
/*! width: 320px; */
place-self: center;
}
.carousel-container {
  display: grid;
  grid-template-columns: 12% auto;
  width: 100%;
  height: 450px;
  background:rgba(255, 239, 239, 0.306) ;

  overflow: hidden;
}

/* Maintain circular corners on main image */
.main-image {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 15px !important;
  background:rgba(255, 239, 239, 0.306) ;

}

.main-image img {
  width: 100%;
  height: 100%;
  border-radius: 15px !important;
}

.thumbnails {
  width: 110px;
  /*! padding: 10px; */
  display: flex;
  flex-direction: column;
  /*! align-items: center; */
  gap: 10px;
  background:rgba(255, 239, 239, 0.151) ;

  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.thumbnails::-webkit-scrollbar {
  display: none;
}

.thumbnails img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  opacity: 0.6;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  flex-shrink: 0;
}

.thumbnails img.active {
  border: 2px solid #007BFF;
  opacity: 1;
}

/* Responsive layout for small screens */

  @media (max-width: 600px) {
  .carousel-container {
    flex-direction: column;
    width: 100%;
    height: auto;
    
  }

  .main-image {
    order: 1;
    width: 100%;
    height:100%;
    
  }

  .thumbnails {
    order: 2;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding: 10px;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .thumbnails img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }


  .carousel-container {
  display: flex;
  flex-wrap: wrap;
}

  .thumbnails {
    order: 2 !important;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding: 10px;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
  }

   .main-image {
    order: 1 !important;
    width: 100%;
    height: 100%;
  }


    #bignone {
    display: block;
    width: 100%;
  }








}

.sec1>div{
  box-sizing: border-box;
}

/* @media(max-width:380px){
  .sec1>div{
 width: 300px !important;
} 
}*/
.sec1>div>h4{
  display: flex;
  align-items: center;
  margin: 2% 0%;
}
.sec1>div>h1{
  margin: 1% 0%;
}
#sectionpink{
  color: #631536;
  width: 90%;
  background: #FFE9F2;
  padding: 2%;

  border-radius: 8px;
}
#sectionpink2{
  display: flex;
 justify-content: center;
 align-items: center;
 width: fit-content;
 margin-top: 4%;
 background: #ffe9f282;
padding: 2%;
border-radius: 18px;
border: 2px solid #c16a8e36 ;
margin-bottom: 20px;
}
/* >>>>>>>>>>>>>>>>>>>>>>> */
.option {
   
      border: 2px solid #ddd;
      border-radius: 12px;
      background: #fff;
      padding:2% 0%;
      margin-bottom: 20px;
      display: flex;
      /*! max-width: 500px; */
      justify-content: space-between;
      align-items: center;
      /*! margin-left: auto; */
      /*! margin-right: auto; */
      cursor: pointer;
      position: relative;
      
    }
   .option>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
  
   }
   .best-value>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
   }

    .option.selected {
      border-color: #EF5193;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }
    .highlight {
      position: relative;
      padding: 0;
      border: 2px solid #EF5193;
      padding-bottom: 30px;
      background: #EF5193;
      
      
    }
 #popprice{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #lowerpop{
      position: absolute;
      bottom: 0;
      left: 0;
      background:#EF5193 ;
      color: white;
      width: 100%;
      text-align: center;
      font-size: small;
      padding: 1% 0%;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
    }
    .highlight>div{
      width: 100%;
      background:white;
      border-radius: 10px;
      padding: 1%;
      padding-right: 10px;


    }
    .highlight>div>div{
      display: flex;
    justify-content: space-between;
    align-items: center;

    }
    .highlight::before {
      content: 'MOST POPULAR';
      position: absolute;
      top: -14px;
      left: 50%;
      transform: translateX(-170%) translateY(6px);
      background: #f06292;
      color: white;
      padding: 2px 8px;
      font-size: 12px;
      border-radius: 8px;
    }
    .best-value {
      border-color: rgba(0, 0, 0, 0.148);
      position: relative;
      padding: 2%;
    }
    .best-value::before {
      content: 'BEST VALUE';
      position: absolute;
      top: -14px;
      left: 50%;
      transform: translateX(-210%) translateY(6px);
      background: #f06292;
      color: white;
      padding: 2px 8px;
      font-size: 12px;
      border-radius: 8px;;
    }
    .price {
      font-size: 20px;
      font-weight: bold;
      color: black;
    }
    .old-price {
      text-decoration: line-through;
      color:#EF5193;
      font-size: 14px;
    }
    .add-to-cart {
      background: #EF5193;
      color: white;
      border: none;
      border-radius: 32px;
      padding: 15px 30px;
      box-sizing: border-box;
      font-size: 18px;
      cursor: pointer;
      margin-top: 0px;
      width: 100%;
      margin-bottom: 10px;
    }
    .qualitis{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-bottom: 6px;
text-transform:uppercase;

      column-gap: 10px;
    }
    .qualitis>h6{
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: center;
    }
    .qualitis2{
      width:100%;
      display: flex;
      justify-content:center;
      align-items: center;
      text-align: center;
text-transform:uppercase;

    }
    #section3{
      width: 100%;
      display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 4%;
 background: #ffe9f282;
padding: 2%;
border-radius: 15px;
/* border: 2px solid #c16a8ea2 ; */
margin-bottom: 20px;
text-transform:uppercase;
    }


    .accordion {
      width: 100%;
      max-width: 450px;
      margin: 20px auto;
      /* border: 1px solid #ccc; */
      /* border-radius: 8px; */
      overflow: hidden;
      font-family: Arial, sans-serif;
    }

    .accordion-item {
 border-bottom: 2px solid #ffe9f282;

    }

    .accordion-header {
      /* background-color: #f9f9f9; */
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      font-weight: bold;
      transition: background-color 0.3s;
    }
    .accordion-header>span{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .accordion-header:hover {
      background-color: #eee;
    }

    .accordion-icon {
      font-size: 20px;
      transition: transform 0.3s;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      padding: 0 20px;
      background-color: #fff;
    }

    .accordion-content p {
      margin: 15px 0;
    }

    .accordion-item.active .accordion-content {
      max-height: 150px; /* Adjust based on content */
    }

    .accordion-item.active .accordion-icon {
      content: "–";
    }
#bignone{
  display: none;
}

.expertbadge{
  margin-top: 24px;
  width: 100%;

}



.sec2{
  /*! padding: 5%; */
  box-sizing: border-box;
  background:rgba(244, 165, 96, 0.066);
}
.revbox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 400px;
  place-self: center;
  gap: 10px;
  background: white;
  padding: 15px 24px;
  border-radius: 50px;
  margin: auto;
}
.revbox>div{
  text-align: left;
}
.sec2>h1{
  color: #631536;
  margin: 2% 0%;
  font-size: 40px;
  text-align: center;
  max-width: 900px;
  place-self: center;
}

.flexbox{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  margin: 5% 0%;
}

.flexbox>div{
  position: relative;
  background: white;
  border-radius: 12px;
}

.flex-inner {
  padding: 16px;
}

.title-inner {
  font-weight: 700;
  font-size: 48px;
  color: #631536;
  text-align: center;
  margin-top: 12px;
}


#smallstar{
gap: 10px;
text-transform: uppercase;

display: flex;
justify-content:left;
align-items: center;
}

#smallstar h6{
  color: white;
background: #631536;
padding: 1.3%;
border-radius: 4px;
font-size: xx-small;
}

#smallp{
 /*! width: 280px; */
 box-sizing: border-box;
 /*! padding: 16px; */
  color: #631536;
 margin-top: 16px;
 min-height: 90px;
}
#smallbadge{
background:#FBEDF3;
color: #631536;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
gap: 4px;
/*! position: absolute; */
bottom: 10px;
left: 10px;
padding: 2%;
border-radius: 20px;
/*! margin-bottom: 16px; */
/*! margin-left: 16px; */
}
#smallbadge h6{
  font-weight: 500;
}
#usimg{
  max-width:20px;
}
#smallbadge p{
  font-size: xx-small;
  font-weight: 800;
}

/* >>>>>>>>>. */

.slider-container {
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 0; /* Removed side padding */
  padding-bottom: 60px;
}

.slider {
  display: flex;
  scroll-snap-type: x mandatory;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 10px 30px 20px; /* Optional vertical spacing */
}


.card {
  min-width: 280px;
  height: 390px;
  background: white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  /* text-align: center; */
  position: relative;
  overflow: hidden;
}

.user-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 10px;
}

.stars {
  color: gold;
  font-size: 20px;
  margin-bottom: 5px;
}

.tag {
  background: #a152ff;
  color: white;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 10px;
}

.text {
  font-size: 14px;
  margin-bottom: 10px;
  color: #333;
}

.info {
  font-size: 12px;
  color: #666;
}

.verified {
  color: green;
  margin-left: 5px;
}

.nav {
  position: absolute;
  bottom: 0%;

  transform: translateY(-50%);
  background: white;
  border: none;
  font-size: 20px;
  padding: 5px 10px;
  cursor: pointer;
  border: 1px solid black;
  border-radius: 50%;
  height: 37px;
  width: 37px;

  display: grid;

}

.nav.left {
  left: 100px;


}

.nav.right {
  right: 100px;
  
  
}
/* mobonly */
.mobonly-area {
  background: #ffffff;
  padding: 56px 0;
}


.mobonly h3{
  margin: 2% 0%;
}
.mobonly p{
  margin-top: 30px;
  font-size:medium;
  color: #631536;
  font-weight: 700;
}

.mobonlyone {
 box-sizing: border-box;
 display: grid;
 grid-template-columns: 63% auto;
 gap: 36px;
 color: #EF5193;
 align-items: flex-end;
}

.mobonlyone>div>p{
 color: black;
 margin-top: 12px;
}
.mobonlyone h2{
  max-width: 300px;
}

#mobbiger{
  width: 100%;
}

.flexer{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 15px;
  align-items: center;
}

#mobonlydiv{
  justify-content: left;
}
#mobonlydiv h4{
  color: #631536;
  font-weight: 800;
  font-size: medium !important;
}
#mobonlydiv{
  margin: 16px 0%;
  display: flex;
  
  align-items: top;
  gap: 30px;
}

#mobonlydiv p{
font-weight: 200;
}

.real-area {
  background: rgba(244, 165, 96, 0.066);
  border-bottom: 1px solid rgba(99, 21, 54, 0.12);
  padding: 56px 0;

}

.sec2edited{
  padding: 2%;
  padding-bottom: 30px;
}
.sec2edited h1{
 max-width: 400px;
 margin-bottom: 60px;
 text-align: center;
 margin: auto;
 margin-bottom: 24px;
}

.flex{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

}
.flex div{
  background: white;
  color: #631536;
  display: grid;
  width: 300px;
  height: 240px;
  gap: 5px;
  place-items: center;
  box-sizing: border-box;
  padding: 3% 1%;
  text-align: center;
 border-radius: 10px;
 box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.023);
}
.flex p{
  font-size:small;
}
#coloredhr{
  width: 80%;
  place-self: center;
  height: 2px;
  background: rgba(139, 69, 19, 0.094);
margin-bottom: 30px;
}
.sec3{
  background:rgba(244, 165, 96, 0.066);
 box-sizing: border-box;
 padding: 3%;
}

.sec3>div{
  background: #631536;
 display: grid;
 grid-template-columns: 54% auto;
 gap: 40px;
 border-radius: 15px;
 color: white;
 

}
#sec3h22{
  color: #f06292;

}
#big{
  width: 100%;
  object-fit: cover;
  /*! max-height: 500px; */
}


#textbox{
  box-sizing: border-box;
  padding: 5%;

  max-width: 600px;
}

#textbox>p{
color: rgba(255, 255, 255, 0.575);
margin: 3% 0%;
margin-bottom: 30px;
}
.smallbox{
  display: flex;
  align-items: top;
  justify-content: left;
  gap: 15px;
  margin: 3% 0%;

}
.smallbox h4{
  margin-bottom: 10px;
}
.smallbox img{
  height: 40px ;
  width:40px
}
.smallbox p{
  color: rgba(255, 255, 255, 0.575);
 font-size:small;
}

.sec5{
  background:rgba(244, 165, 96, 0.066);
  box-sizing: border-box;
  padding: 4%;


}

#pinkp{
  color: #f06292;
  place-self: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
  text-align: center;
}

.sec5>h1{
  color: #631536;
  font-weight: 800;
  place-self: center;
  
  text-align: center;
}
#sech1{
  color: #f06292;
}
#blackp{
  place-self:center;
  max-width: 600px;
  color: #631536;
  text-align: center;
  margin-bottom: 60px;
  text-align: center;
  margin: auto;
  margin-bottom: 50px;
}
.flexbox4{
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.sec5{

}
.flexbox4>div{
width: 300px;
position: relative;
text-align: center;
box-sizing: border-box;
padding: 2% 1%;
border-radius: 10px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.087);
height: 200px;
color:#631536;
}
.flexbox4>div>h4{
  margin-bottom: 20px;
}
#tag{
  position: absolute;
  top: -2%;
  left: 50%;
  background: #f06292;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 1% 3%;
  border-radius: 18px;
  transform: translate(-50%, -50%);
}
.slider2 {
  background:rgba(244, 165, 96, 0.066);
}
.slider2 .slider{
  padding-top:
  50px ;

}

.slider2 .ee{
  position: relative;
  min-width: 280px;
  height: 160px;
  text-align: center;
  color: #631536;
  background: white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.sec6{
  background:rgba(244, 165, 96, 0.066);
 box-sizing: border-box;
 padding: 3%;
}
.sec6>div{
width: fit-content;
place-self: center;
border-radius: 18px;
overflow: hidden;
display: flex;
justify-content:center;
align-items:top;
box-shadow: 1px 8px 10px rgba(0, 0, 0, 0.176);

}
.image-container {
  width: 100%;           /* or a specific width like 300px */
       /* optional, to limit size */
  height: 100%;
  overflow: hidden;      /* ensures nothing spills out */
}

.image-container img {
  width: 100%;           /* scales image to container's width */
  height: auto;          /* keeps aspect ratio */
  display: block;        /* removes bottom whitespace */
}
#textbox2{
  box-sizing: border-box;
  padding: 3%;
}
#gridbox{
  margin-top: 30px;
  display: grid;
  width: 100%;
  place-items: center;
  gap: 4px;
}
.smallgrid{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

.smallgrid button{
  width: 150px;
  height: 60px;
  border-radius: 8px;
  background: none;
  color: #631536;
  font-weight: 700;
  border: 2px solid rgba(48, 35, 24, 0.059);
}
#btn1{
  background: #f06292 !important; 
 color: white !important;
}
.div2{
  background:rgba(244, 165, 96, 0.066);
  width: 100%;
  /* display: grid !important; */
  color: #631536;
  box-sizing: border-box;
  padding: 2%;
  border: 1px solid #631536;
  border-style: dashed;
  border-radius: 15px;
  max-width: 460px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.div2>p{
  display: flex;
  justify-content:left;
  margin: 2% 0%;
  align-items: center;
 font-weight: 600;
}

.div2 p>span{
padding: 1% 3%;
border: 1px solid #631536;
white-space: nowrap;
margin-left: 20px;
border-radius: 15px;
border-style: dashed;
}


/*alam*/
.custom-container {
  max-width: 1350px;
  margin: auto;
  padding: 0 15px;
}


/* powerful-section */
.powerful-area {
  border-top: 1px solid rgba(99, 21, 54, 0.12);
  background: #FFF;
  padding: 56px 0;
}

.powerful-title h2 {
  text-align: center;
  font-weight: 600;
  font-size: 32px;
  color: #631536;
}

.powerful-title ul {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 16px;
  margin-top: 12px;
}

.powerful-title ul li {
  font-weight: 600;
  font-size: 18px;
  color: #631536;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.powerful-title ul li span img {
  max-width: 32px;
}

.powerful-main {
  max-width: 1090px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 16px;
  margin-top: 36px;
  padding: 0 15px;
}

.powerful-item {
  border-radius: 16px;
  background: #FBF9F2;
  padding: 24px;
}

.power-img img {
  max-width: 128px;
}

.powerful-item h4 {
  font-weight: 900;
  font-size: 16px;
  color: #631536;
}

.powerful-item p {
  font-weight: 500;
  font-size: 16px;
  color: rgba(99, 21, 54, 0.56);
  margin-top: 16px;
}

.powerful-item ul {
  margin-top: 16px;
}

.powerful-item ul li {
  font-weight: 600;
  font-size: 16px;
  color: #631536;
  letter-spacing: 0.16px;
  display: flex;
  column-gap: 8px;
}

/* women-section */

.women-area {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background: #FBF9F2;
  padding: 56px 0;
}

.women-title h2 {
  font-weight: 700;
  font-size: 44px;
  color: #631536;
  text-align: center;
}

.women-main {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  column-gap: 24px;
  max-width: 1120px;
  margin: auto;
  margin-top: 36px;
}

.women-img {
  position: relative;
}

.women-img img {
  width: 100%;
}

.play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.play-btn img {
  max-width: 56px;
}

.women-cnt {
  margin-top: 16px;
}

.women-cnt h4 {
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: #631536;
  letter-spacing: 0.6px;
  display: flex;
  align-items: center;
  column-gap: 9px;
  justify-content: center;
}

.women-cnt h4 span img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.women-cnt h5 {
  font-weight: 500;
  font-size: 12px;
  color: rgba(99, 21, 54, 0.60);
  display: flex;
  align-items: center;
  column-gap: 4px;
  justify-content: center;
}

.women-cnt h5 span img {
  max-width: 18px;
}

.mobil-women {
  display: none;
}

/*value-section*/
.value-area {
  background: #ffffff;
  padding: 72px 0;
}

.value-title h2 {
  font-weight: 600;
  font-size: 35px;
  text-align: center;
  color: #631536;
}

.value-main {
  max-width: 1110px;
  margin: auto;
  display: grid;
  grid-template-columns: 50.5% auto;
  column-gap: 16px;
  margin-top: 32px;
}

.value-item {
  background: #FBF9F2;
  padding: 32px;
  border-radius: 16px;
}

.value-left h4 {
  font-weight: 600;
  font-size: 18px;
  color: #631536;
}

.value-left h5 {
  font-weight: 600;
  font-size: 15px;
  color: #631536;
   margin-top: 15px;
}

.value-left p {
  font-weight: 500;
  font-size: 16px;
  color: rgba(99, 21, 54, 0.56);
   margin-top: 15px;
}

.value-left ul {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 15px;
}

.value-left ul li {
  font-weight: 500;
  font-size: 16px;
  color: #631536;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.value-left ul li span img {
  max-width: 24px;
}

.value-right {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.value-right img {
  width: 100%;
}

.value-inner1 a {
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
  padding: 10px 24px;
  color: #631536;
  border-radius: 56px;
  background: linear-gradient(0deg, rgba(35, 19, 38, 0.04) 0%, rgba(35, 19, 38, 0.04) 100%), #F7F5F0;
}

.value-inner2 a {
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  padding: 10px 24px;
  border-radius: 56px;
  background: #EF5193;
  display: inline-block;
} 

.value-right {
  position: relative;
  text-align: center;
}

.vs-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.vs-img img {
  width: 18px;
}

/* faq-area */
.faq-area {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #FBF9F2;
  padding: 56px 0;
}

.faq-main {
  display: grid;
  grid-template-columns: 55% auto;
  column-gap: 80px;
  align-items: center;
}

.faq-right h3 {
  font-weight: 600;
  font-size: 36px;
  color: #631536;
}

.faq-left img {
  max-width: 100%;
}

.accordion20 {
  margin-top: 20px;
}

.accordion-item20 {
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(99, 21, 54, 0.12);
}

.accordion-header20 {
  font-weight: 500;
  font-size: 15px;
  color: #631536;
  padding: 16px 24px 16px 0;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-icon20 {
  transition: transform 0.3s ease;
}

.accordion-icon20.active {
  transform: rotate(180deg);
}

.accordion-content20 {
  font-weight: 500;
  font-size: 16px;
  color: rgba(99, 21, 54, 0.56);
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.accordion-content20.active {
  max-height: 200px;
  padding: 10px;
}

/* thrive-section */
.custom-container2 {
  max-width: 1328px;
}

.thrive-area {
  background: #FBF9F2;
  padding: 56px 0;
}

.thrive-main {
  display: grid;
  grid-template-columns: 42.5% auto;
  column-gap: 80px;
}

.thrive-right img {
  width: 100%;
}

.thrive-left h3 {
  font-weight: 700;
  font-size: 35px;
  color: #631536;
  text-align: center;
}

.thrive-inner {
  background: #ffffff;
  border-radius: 20px;
  padding: 24px;
  margin-top: 24px;
}

.thrive-inner h4 {
  font-weight: 700;
  font-size: 18px;
  color: #631536;
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-top: 16px;
}

.thrive-inner h4 img {
  max-width: 32px;
}

.thrive-inner p {
  font-weight: 500;
  font-size: 15px;
  color: rgba(99, 21, 54, 0.56);
  margin-top: 11px;
}

.thrive-btm ul {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 16px;
  margin-top: 13px;
}

.thrive-btm ul li {
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: #631536;
}

.thrive-btm a {
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  display: block;
  text-align: center;
  padding: 20px 36px;
  border-radius: 56px;
  background: #631536;
  text-transform: uppercase;
  margin-top: 24px;
}

/* experts-section  */

.experts-area {
  border-top: 1px solid rgba(99, 21, 54, 0.12);
  background: #FDFAF5;
  padding: 62px 0;
}

.experts-title h2 {
  font-weight: 700;
  font-size: 40px;
  color: #631536;
  text-align: center;
}

.experts-main {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 24px;
  margin-top: 36px;
}

.experts-item {
  border-radius: 12px;
  background: #FFF;
  padding: 24px;
}

.experts-img img {
  max-width: 80px;
  height: 80px;
  border-radius: 50%;
}

.experts-item p {
  font-weight: 500;
  font-size: 15px;
  color: rgba(99, 21, 54, 0.80);
  margin-top: 13px;
}

.experts-item ul {
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-top: 21px;
}

.experts-item ul li {
  font-weight: 500;
  font-size: 15px;
  color: #631536;
}

.experts-item ul li img {
  max-width: 36px;
}

.footer-area {
  background: #631536;
  position: relative;
  overflow: hidden;
}

.footer-main {
  max-width: 550px;
  margin: auto;
  text-align: center;
  padding: 56px 0;
}

.footer-main h4 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-top: 24px;
}

.footer-main p {
  font-weight: 500;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 12px;
  line-height: 150%;
}

.footer-main a {
  font-weight: 900;
  font-size: 18px;
  color: #fff;
  padding: 18px;
  text-align: center;
  display: flex;
  column-gap: 10px;
  justify-content: center;
  border-radius: 56px;
  background: #EF5193;
  box-shadow: 0px 6px 12px 0px rgba(222, 108, 156, 0.25);
  border-radius: 56px;
  background: #EF5193;
  box-shadow: 0px 6px 12px 0px rgba(222, 108, 156, 0.25);
  text-transform: uppercase;
  margin-top: 24px;
  align-items: center;
}

.footer-main ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 7px;
  margin-top: 12px;
  text-align: center;
}

.footer-main ul li {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  width: 50%;
  display: flex;
  align-items: center;
  column-gap: 5px;
  justify-content: center;
  text-align: center;
}

.footer-main ul li span img {
  max-width: 20px;
}

.foot-img1 {
  position: absolute;
  left: -10px;
  top: 0;
}

.foot-img2 {
  position: absolute;
  right: 0px;
  bottom: -6px;
}

.foot-img1 img {
  max-width: 490px;
}

.foot-img3 img {
  max-width: 380px;
}

.footer-inner {
  max-width: 460px;
  margin: auto;
}

.f-mobil-img {
    display: none;
}

.table-main img {
  max-width: 800px;
  width: 100%;
  margin: auto;
  display: block;
  margin-top: 24px;
}

.table-title {
  text-align: center;
}

.table-title h4 {
  font-weight: 500;
  font-size: 16px;
  color: #631536;
  text-transform: uppercase;
}

.table-title h2 {
  font-weight: 600;
  font-size: 48px;
  color: #631536;
}

.tablea-area {
  background: #FBF9F2;
  padding: 56px 0;
}

.table-mobil {
    display: none;
  }






/* background:rgba(244, 165, 96, 0.066); */
@media(max-width:1153px){
  .mobonlyone{
    display: grid;
    justify-content: center;
  }
  #mobbiger{

width: 300px;
height: 300px;
place-self: center;
}
  .flexer{
    display: grid;
    
  }
  .flexer div{
    justify-content: left;
    display: grid;
  }




}




@media(max-width:1075px){
  .flex{
    flex-wrap: wrap;
  }
  .sec6>div{
    flex-wrap: wrap;
  }

}


@media(max-width:800px){
  .sec2edited h1{
   max-width: 250px;
   font-size: larger;
  }

  .flex>div{
    width: 400px;
  }
      #bignone{
        display: block;
      }

      #bignone2{
        display: block;
      }
      .sec1>div>h1{
        font-size: 26px;
      }
      .qualitis{
        display: grid;
        justify-content: center;
        width: 100%;
        gap: 6px;
        text-align: center;
      }
      .best-value::before {

      transform: translateX(-190%) translateY(6px);
 
    }
    .highlight::before {
   
      transform: translateX(-150%) translateY(6px);
 
    }
    .option{
      font-size: x-small;
    }
    .sec2>h1{

    font-size:18px;
    
  }
    .flex div{
      height: 200px;
    }
    .sec2edited>h1{

    font-size:24px;
  }

  .powerful-area {
    padding: 48px 0;
  }

  .powerful-main {
    grid-template-columns: 100%;
    display: none;
    padding: 0 15px;
  }

  .powerful-slid {
    min-width: 320px;
    /*! height: 420px; */
  }

  .powerful-item {
    padding: 20px;
  }

  .powerful-title ul {
    flex-wrap: wrap;
    column-gap: 4px;
  }

  .powerful-title ul li {
    font-size: 12px;
  }

  .powerful-title ul li span img {
    max-width: 20px;
  }

  .women-area {
    padding: 36px 0;
  }

  .women-main {
    grid-template-columns: repeat(2,1fr);
    column-gap: 12px;
  }

  .women-title h2 {
    font-size: 24px;
  }

  .women-cnt h4 {
    column-gap: 4px;
  }

  .mobil-women {
    display: block;
  }

  .women-item {
    display: none;
  }

  .value-main {
    grid-template-columns: 100%;
    row-gap: 8px;
  }

  .value-item {
    padding: 13px;
  }

  .value-inner2 a {
    font-size: 9px;
  }

  .value-inner1 a {
    font-size: 9px;
  }

  .vs-img img {
    width: 13px;
  }

  .value-title h2 {
    font-size: 28px;
  }

  .value-area {
    padding: 48px 0;
  }

  .faq-main {
    grid-template-columns: 100%;
    row-gap: 24px;
  }

  .thrive-main {
    grid-template-columns: 100%;
    row-gap: 24px;
  }

  .thrive-left h3 {
    font-size: 24px;
  }

  .experts-title h2 {
    font-size: 32px;
    margin-bottom: 24px;
  } 

  .experts-main {
    grid-template-columns: 100%;
    row-gap: 20px;
  }

  .experts-area {
    padding: 48px 0;
  }

  .foot-img2 {
    display: none;
  }

  .foot-img1 {
    display: none;
  }

  .footer-main ul {
    flex-direction: column;
    text-align: left;
  }

  .footer-main ul li {
    width: 100%;
    font-size: 14px;
  }

  .f-mobil-img {
    display: block;
  }

  .f-mobil-img img {
    width: 100%;
  }

  .footer-img {
    display: none;
  }

  .table-title h2 {
    font-size: 24px;
  }

  .table-des {
    display: none;
  }

  .table-mobil {
    display: block;
  }

  .tablea-area {
    padding: 48px 0;
  }

  .experts-main {
    display: none;
  }

  .experts-item {
    width: 320px;
    height: 316px;
  }

  .thrive-btm ul li {
    font-size: 12px;
  }

  .thrive-btm ul {
    column-gap: 6px;
  }

  .footer-main {
    padding: 25px 0;
  }

  .thrive-area {
    padding: 48px 0;
  }

  .faq-area {
    padding: 48px 0;
  }

  .sec1 {
    grid-template-columns: 100%;
    margin-top: 16px;
    row-gap: 16px;
  }

  .thumb-area {
    padding: 16px 0;
  }

  #sectionpink {
    padding: 16px;
  }

  .expertbadge {
    display: none;
  }

  .mobonlyone {
    grid-template-columns: 100%;
  }

  .flexer {
    grid-template-columns: 100%;
  }

  #mobonlydiv {
    gap: 15px;
  }

  .mobonly-area {
    padding: 36px 0;
  }

  .title-inner {
    font-size: 24px;
  }

  .title-inner br {
    display: none;
  }

  .sec3 > div {
    grid-template-columns: 100%;
  }

  .card {
  height: 480px;
}


  









}

#mainimg {
  width: 100%;
}